/* BEGIN OF STYLING */
/*1. Body*/
html {
background: #fff;
}
/* Global site notices */
.global-site-notice {
border: 1px solid #cfcfcf;
border-width: 0 0 1px;
background: #ffff90;
font-size: 12px;
line-height: 1.25;
text-align: center;
color: #2f2f2f;
}
.global-site-notice .notice-inner {
width: 860px;
margin: 0 auto;
padding: 12px 0 12px 80px;
text-align: left;
}
.global-site-notice .notice-inner p {
margin: 0;
border: 1px dotted #cccc73;
padding: 10px;
}
.global-site-notice .notice-inner .actions {
padding-top: 10px;
}
/* Demo Notice */
.demo-notice {
margin: 0;
padding: 6px 10px;
background: #d75f07;
font-size: 12px;
line-height: 1.15;
border: 0;
text-align: center;
color: #fff;
}
.demo-notice .notice-inner {
width: auto;
padding: 0;
background: none;
text-align: center;
}
.demo-notice .notice-inner p {
padding: 0;
border: 0;
color: #fff;
text-align: center;
}
/* Common Styles */
* {
margin: 0;
padding: 0;
}
ul, ol {
list-style: none outside none;
}
body {
color: #333;
font-size: 14px;
font-family: 'Source Sans Pro', sans-serif;
padding: 0;
margin: 0;
line-height: 1.55;
border-top: 4px #70ad47 solid;
}
label, input, button, select, textarea {
font-family: 'Source Sans Pro', sans-serif;
}
a {
color: #282828;
text-decoration: none;
}
a:hover, a:focus {
color: #333;
}
h1, h2, h3, h4, h5, h6, .block .block-title, .slide-title {
color: #333;
font-weight: normal;
font-family: 'Source Sans Pro', sans-serif;
margin: 0;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .block .block-title a, .slide-title a {
color: #333;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover,
.block .block-title a:hover, h1 a:hover, h2 a:focus, h3 a:focus, h4 a:focus, h5 a:focus, h6 a:focus,
.block .block-title a:focus, .slide-title a:hover, .slide-title a:focus {
color: #333;
}
/* Tools */
.hidden {
display: block !important;
border: 0 !important;
margin: 0 !important;
padding: 0 !important;
font-size: 0 !important;
line-height: 0 !important;
width: 0 !important;
height: 0 !important;
overflow: hidden !important;
}
.nobr {
white-space: nowrap !important;
}
.wrap {
white-space: normal !important;
}
.a-left {
text-align: left !important;
}
.a-center {
text-align: center !important;
}
.a-right {
text-align: right !important;
}
.v-top {
vertical-align: top;
}
.v-middle {
vertical-align: middle;
}
.f-left, .left {
float: left !important;
}
.f-right, .right {
float: right !important;
}
.f-none {
float: none !important;
}
.f-fix {
float: left;
width: 100%;
}
.no-display {
display: none;
}
.no-margin {
margin: 0 !important;
}
.no-padding {
padding: 0 !important;
}
.no-bg {
background: none !important;
}
legend {
display: none;
}
img {
border: none;
}
/*2. Layout */
.main-col {
width: 100%;
margin: auto;
padding-top: 30px;
overflow: hidden;
background: #e6e6e6 url("/web/20180825114732im_/http://namkhangfurniture.com/template/Default/img/section-bg.jpg") repeat;
background-position: center;
background-size: cover;
position: relative;
}
.main-container {
margin: 0 auto;
padding: 0;
text-align: left;
/*padding-top: 12px;*/
overflow: hidden;
position: relative;
}
/* products-grid-home */
.products-grid-home {
margin: 0 0;
list-style: none;
}
.products-grid-home .item.first {
margin-left: 0;
}
.products-grid-home .item {
float: left;
margin-top: 20px;
}
.products-grid-home .item.show-addtocart {
margin-top: 37px;
}
.products-grid-home .item .item-inner {
position: relative;
}
.products-grid-home .item .item-inner .item-img {
position: relative;
border: 8px #fff solid;
}
.products-grid-home .item .item-inner .item-img .ico-product {
position: absolute;
bottom: 10px;
left: 10px;
z-index: 2;
background: #de44c3;
padding: 4px 20px 8px;
color: #FFF;
font-size: 150%;
-webkit-border-radius: 18px;
-moz-border-radius: 18px;
border-radius: 18px;
}
.products-grid-home .item .item-inner .item-img .ico-product strong {
font-weight: 600;
}
.products-grid-home .item .item-inner .item-img .ico-product.ico-sale {
background: #7ebf38;
right: 10px;
left: auto;
}
.products-grid-home .item .item-inner .item-img .item-img-info {
text-align: center;
border: 0px solid #fff;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
position: relative;
overflow: hidden;
}
.products-grid-home .item .item-inner .item-img .item-img-info img{ width:100%;}
.products-grid-home .item .item-inner .item-img .item-img-info a.product-image {
display: inline-block;
width: 100%;
}
.products-grid-home .item .item-inner .item-img .item-img-info a.product-image:before {
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
z-index: 1;
content: "";
opacity: 0;
-webkit-transition: all 0.4s ease-out 0.2s;
-moz-transition: all 0.4s ease-out 0.2s;
-o-transition: all 0.4s ease-out 0.2s;
transition: all 0.4s ease-out 0.2s;
background-color: #eee;
}
.products-grid-home .item .item-inner .item-img .item-img-info a.product-image .img-main {
display: inline;
}
.products-grid-home .item .item-inner .item-img .item-box-hover {
z-index: 2;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
position: absolute;
width: 100%;
height: 90px;
bottom: -90px;
top: 120px;
overflow: hidden;
opacity: 0;
}
.products-grid-home .item .item-inner .item-img .item-box-hover .product-detail-bnt {
margin-top: 10px;
}
a.detail-bnt {
display: inline-block;
padding: 2px;
border: 1px solid #70ad47;
cursor: pointer!important;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
background: rgba(255, 255, 255, 0.5);
}
.btn-row a.detail-bnt {
background: rgba(109, 206, 215, 0.5);
color: #000;
}
.btn-row a.detail-bnt:focus {
padding: 2px;
border: 1px solid #70ad47;
text-decoration: none;
}
a.detail-bnt span {
display: block;
padding: 0 32px;
border: 1px solid #70ad47;
height: 30px;
line-height: 30px;
text-transform: uppercase;
font-family: 'Source Sans Pro', sans-serif;
font-size: 12px;
letter-spacing: 1px;
color: #70ad47;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
}
a.detail-bnt:hover {
display: inline-block;
padding: 2px;
border: 1px solid #70ad47;
cursor: pointer!important;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
background: #70ad47;
text-decoration:none;
}
a.detail-bnt:hover span {
display: block;
border: 1px solid #fff;
height: 30px;
line-height: 30px;
text-transform: uppercase;
font-family: 'Source Sans Pro', sans-serif;
font-size: 12px;
letter-spacing: 1px;
color: #fff;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.products-grid-home .item .item-inner .item-info {
text-align: center;
height: 95px;
}
.products-grid-home .item .item-inner .item-info .info-inner {
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
padding-bottom: 10px;
}
.products-grid-home .item .item-inner .item-info .info-inner .item-content .no-rating,
.products-grid-home .item .item-inner .item-info .info-inner .item-content .ratings {
margin: 0;
}
.products-grid-home .item .item-inner .item-info .info-inner .item-content .no-rating .rating-box,
.products-grid-home .item .item-inner .item-info .info-inner .item-content .ratings .rating-box {
float: none;
margin: 0;
}
.products-grid-home .item .item-inner .item-info .info-inner .item-content .no-rating .rating-links,
.products-grid-home .item .item-inner .item-info .info-inner .item-content .ratings .rating-links {
display: none;
}
.products-grid-home .item .item-inner .item-info .info-inner .item-content .item-price {
}
.products-grid-home .item .item-inner .item-info .info-inner .item-title {
margin-bottom: 3px;
padding-top: 16px;
font-size: 14px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.products-grid-home .item .item-inner .item-info .info-inner .item-title a {
text-decoration: none;
color: #70ad47;
font-size: 16px;
}
.products-grid-home .item .item-inner .item-info .info-inner .item-title a:hover {
color: #70ad47;
}
.products-grid-home .item:hover .item-inner .item-img .item-img-info {
border-color: #fff;
}
.products-grid-home .item:hover .item-inner .item-img .item-img-info a.product-image:before {
left: 0px;
top: 0px;
margin: 0 0;
background: #fff;
opacity: 0.8;
}
.products-grid-home .item:hover .item-inner .item-img .item-box-hover {
visibility: visible;
opacity: 1;
left: 0px;
bottom: 0px;
}
.products-grid-home .item:hover .item-inner .item-info .info-inner {
border-color: #fff;
background: #fff;
opacity: 0.8;
}
.products-grid-home .item:hover .item-inner .item-info .info-inner .item-title a {
color: #70ad47;
}
.magik-producttabs {
margin: auto;
padding: 0;
overflow: hidden;
}
.magik-producttabs .pre-text {
margin: 0 0 15px 0;
}
.magik-producttabs .post-text {
margin: 10px 0 0;
}
.magik-producttabs a:hover {
text-decoration: none;
}
.magik-producttabs .magik-pdt-container {
padding: 0;
}
.magik-producttabs .magik-pdt-container .pdt-nav {
margin: 0;
padding: 0;
list-style: none;
}
.magik-producttabs .magik-pdt-container .pdt-nav > li {
font-size: 16px;
line-height: 100%;
margin: 0 10px 10px 0;
padding: 8px 15px;
cursor: pointer;
}
.magik-producttabs .magik-pdt-container .pdt-nav > li.tab-nav-actived,
.magik-producttabs .magik-pdt-container .pdt-nav > li:hover {
}
.magik-producttabs .magik-pdt-content {
margin: 0;
padding: 0;
}
.magik-producttabs .magik-pdt-content .pdt-content {
margin: 30px 0 0;
padding: 0;
width: 100%;
display: none;
}
.magik-producttabs .magik-pdt-content .pdt-list {
margin: 0;
padding: 0;
width: 100%;
float: left;
}
.magik-producttabs .magik-pdt-content .tab-content-actived {
display: inline-block;
}
.magik-producttabs .magik-pdt-content .pdt-content .item.first {
margin-left: 0px;
}
.magik-producttabs .magik-pdt-content .pdt-content .item {
float: left;
margin-bottom: 30px;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-sizing: border-box;
}
/*
.magik-producttabs .magik-pdt-content .pdt-content .item-animate {
opacity: 0;
position: relative;
}
.magik-producttabs .magik-pdt-content .pdt-content .play .item-animate {
opacity: 1;
}
.magik-producttabs .magik-pdt-content .pdt-content .play .item-animate {
-webkit-animation-play-state: running;
-moz-animation-play-state: running;
-o-animation-play-state: running;
animation-play-state: running;
}
.magik-producttabs .magik-pdt-content .pdt-content .slideBottom.play .item-animate {
-webkit-animation: slideBottom 600ms ease both;
-moz-animation: slideBottom 600ms ease both;
-o-animation: slideBottom 600ms ease both;
animation: slideBottom 600ms ease both;
}
.magik-producttabs .magik-pdt-content .pdt-content .slideLeft.play .item-animate {
-webkit-animation: slideLeft 600ms ease both;
-moz-animation: slideLeft 600ms ease both;
-o-animation: slideLeft 600ms ease both;
animation: slideLeft 600ms ease both;
}
.magik-producttabs .magik-pdt-content .pdt-content .slideRight.play .item-animate {
-webkit-animation: slideRight 600ms ease both;
-moz-animation: slideRight 600ms ease both;
-o-animation: slideRight 600ms ease both;
animation: slideRight 600ms ease both;
}
.magik-producttabs .magik-pdt-content .pdt-content .bounceIn.play .item-animate {
-webkit-animation: bounceIn 600ms ease both;
-moz-animation: bounceIn 600ms ease both;
-o-animation: bounceIn 600ms ease both;
animation: bounceIn 600ms ease both;
}
.magik-producttabs .magik-pdt-content .pdt-content .bounceInRight.play .item-animate {
-webkit-animation: bounceInRight 600ms ease both;
-moz-animation: bounceInRight 600ms ease both;
-o-animation: bounceInRight 600ms ease both;
animation: bounceInRight 600ms ease both;
}
.magik-producttabs .magik-pdt-content .pdt-content .zoomIn.play .item-animate {
-webkit-animation: zoomIn 600ms ease both;
-moz-animation: zoomIn 600ms ease both;
-o-animation: zoomIn 600ms ease both;
animation: zoomIn 600ms ease both;
}
.magik-producttabs .magik-pdt-content .pdt-content .zoomOut.play .item-animate {
-webkit-animation: zoomOut 600ms ease both;
-moz-animation: zoomOut 600ms ease both;
-o-animation: zoomOut 600ms ease both;
animation: zoomOut 600ms ease both;
}
.magik-producttabs .magik-pdt-content .pdt-content .pageRight.play .item-animate {
-webkit-animation: pageRight 600ms ease both;
-moz-animation: pageRight 600ms ease both;
-o-animation: pageRight 600ms ease both;
animation: pageRight 600ms ease both;
}
.magik-producttabs .magik-pdt-content .pdt-content .pageLeft.play .item-animate {
-webkit-animation: pageLeft 600ms ease both;
-moz-animation: pageLeft 600ms ease both;
-o-animation: pageLeft 600ms ease both;
animation: pageLeft 600ms ease both;
}
.magik-producttabs .magik-pdt-content .pdt-content .pageTop.play .item-animate {
-webkit-animation: pageTop 600ms ease both;
-moz-animation: pageTop 600ms ease both;
-o-animation: pageTop 600ms ease both;
animation: pageTop 600ms ease both;
}
.magik-producttabs .magik-pdt-content .pdt-content .pageBottom.play .item-animate {
-webkit-animation: pageBottom 600ms ease both;
-moz-animation: pageBottom 600ms ease both;
-o-animation: pageBottom 600ms ease both;
animation: pageBottom 600ms ease both;
}
.magik-producttabs .magik-pdt-content .pdt-content .starwars.play .item-animate {
-webkit-animation: starwars 600ms ease-out both;
-webkit-transform-origin: 50% 50%;
-moz-animation: starwars 600ms ease-out both;
-moz-transform-origin: 50% 50%;
-o-animation: starwars 600ms ease-out both;
-o-transform-origin: 50% 50%;
animation: starwars 600ms ease-out both;
transform-origin: 50% 50%;
}
*/
.magik-producttabs .pdt-content .content-loading {
width: 100%;
max-width: 100%;
padding: 0;
position: relative;
min-height: 400px;
display: block;
z-index: 0;
}
.magik-producttabs .magik-pdt-content .pdt-loadmore {
display: block;
overflow: hidden;
text-align: center;
margin: 0 auto;
width: 100%;
}
.magik-producttabs .pdt-content .pdt-loadmore .btn-loadmore {
padding: 6px 20px;
display: inline-block;
background: #777;
color: #FFF;
cursor: pointer;
position: relative;
}
.magik-producttabs .pdt-content .pdt-loadmore .btn-loadmore.loading {
padding: 6px 20px 6px 50px;
}
.magik-producttabs .pdt-content .pdt-loadmore .btn-loadmore:hover {
background: #222;
}
.magik-producttabs .pdt-content .pdt-loadmore .ico-loading {
width: 24px;
height: 24px;
display: none;
margin-right: 10px;
vertical-align: middle;
position: absolute;
top: 6px;
left: 20px;
}
.magik-producttabs .pdt-content .pdt-loadmore .btn-loadmore.loading .load-number {
display: none;
}
.magik-producttabs .pdt-content.is-loading .pdt-loadmore {
display: none;
}
.magik-producttabs .pdt-content .pdt-loadmore .load-number:before {
content: "("attr(data-more);
}
.magik-producttabs .pdt-content .pdt-loadmore .load-number:after {
content: attr(data-total)")";
}
.magik-producttabs .pdt-list .wide-first {
margin-left: 0px;
}
.pdt-list .item {
margin-left: 25px;
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.magik-producttabs .wide-6 .item {
width: 14.529914529915%;
}
.magik-producttabs .wide-5 .item {
width: 18.7%;
}
.magik-producttabs .wide-4 .item {
width: 23.000000923%;
}
.magik-producttabs .wide-3 .item {
width: 31.623931623932%;
}
.magik-producttabs .wide-2 .item {
width: 48.717948717949%;
}
.magik-producttabs .wide-1 .item {
width: 100%;
}
.banner-bottom {
width: 100%;
margin: auto;
overflow: hidden;
padding-top: 35px;
border-top: 1px #e5e5e5 solid;
}
.banner-bottom .inner {
overflow: hidden;
margin: auto -16px;
margin-bottom: 34px;
margin-right: -20px;
}
.banner-bottom .inner img {
width:100%;
}
.shopnow-btn {
background: none repeat scroll 0 0 #282828;
color: #FFFFFF;
display: inline-block;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
padding: 0px 20px;
text-transform: uppercase;
margin-top: 20px;
}
.shopnow-btn:after {
content: "\f0da";
font-family: FontAwesome;
font-size: 14px;
padding-left: 8px;
font-style: normal;
font-weight: normal;
}
.shopnow-btn:hover {
background: none repeat scroll 0 0 #E95144;
color: #FFFFFF;
display: inline-block;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
padding: 0px 20px;
text-transform: uppercase;
margin-top: 20px;
}
.sale-banner {
margin: 20px auto;
}
.fa-phone:before {
content: "\f061";
font-family: FontAwesome;
font-size: 12px;
padding-right: 8px;
}
.fa-envelope:before {
content: "\f0e0";
font-family: FontAwesome;
font-size: 12px;
padding-right: 3px;
font-style: normal;
color: #666666;
}
/*3. Main Container */
.main-container-inner {
margin-left: -12px;
margin: auto;
}
/*4. Base Columns */
.col-main {
margin: auto;
}
.main-container.col1-layout .main-container-inner .category-products {
padding-top: 35px;
}
/*4a. 2 Columns Layout */
.col2-left-layout .col-main {
margin-bottom: 15px;
background-color: #FFF;
padding:5px 10px;
}
.col2-right-layout .col-main {
margin-bottom: 15px;
background-color: #FFF;
margin-top: 20px;
}
.col-right {
margin-top: 10px;
}
.col-left {
margin-top: 10px;
padding: 0px;
}
.col2-left-layout .main-container-inner {
clear: both;
background:#fff;
}
.main-inner {
margin: auto;
}
/*4c. Content Columns */
.col2-set .col-1 {
float: left;
width: 48%;
text-align: left;
border: 0px #336600 solid;
padding-top: 0px;
padding-bottom: 0px;
}
.col2-set .col-2 {
float: right;
width: 48%;
text-align: left;
}
.col2-set .narrow {
width: 33%;
}
.col2-set .wide {
width: 65%;
}
.col2-set {
overflow: hidden;
padding: 8px 0 0;
}
.col2-set h4 {
font-size: 14px;
font-weight: 400;
font-family: "Source Sans Pro", sans-serif;
color: #333;
margin-bottom: 5px;
}
.manage_add {
margin-bottom: 10px;
}
.col2-set h5 {
font-size: 13px;
font-family: 'Source Sans Pro', sans-serif;
font-weight: 600;
margin-bottom: 5px;
color: #333;
text-transform: uppercase;
}
.col2-set strong {
font-size: 13px;
font-weight: 400;
color: #000000;
}
/* 5. Header Container*/
header {
}
header .top-links {
width: 100%;
height: 30px;
background-color: #202D3A;
}
header .top-links .inner {
margin: auto;
color: #282828;
display: table;
padding: 0;
}
header .welcome-msg {
text-align: left;
display: inline;
padding: 0 !important;
margin: 65px 0px 0 0;
font-size: 14px;
color: #999;
float: left;
font-size: 14px;
}
header .header {
margin: auto auto 25px;
}
header .header .right {
float: right;
width:100%;
}
.right.banner>a{display:block; width:680px; margin:0 auto;}
header .header .logo {
margin: 0;
}
header .header .logo {
display: inline-block;
vertical-align: middle;
cursor: pointer;
margin-top: 15px;
}
header .header .logo a img {
cursor: pointer;
}
.grid {
width: 960px;
margin: auto;
}
header .inner .logo {
top: 32px;
left: 0;
width: 168px;
height: 48px;
display: block;
position: absolute;
overflow: hidden;
}
/* 6. language */
.lang-curr {
position: absolute;
right: 215px;
}
.form-language {
display: inline;
margin-top: 16px;
float: right;
border-left: 1px solid #D0D5DA;
line-height: 17px;
padding-left: 20px;
}
ul.lang {
text-align: left;
display: block;
margin: 0;
padding: 0;
list-style: none;
float: left;
}
ul.lang li {
float: left;
display: inline;
margin: 0px 8px 0 0px;
}
ul.lang li span {
text-indent: -10000px;
display: none;
}
/*7. currency*/
.form-currency {
display: inline;
margin-right: 12px;
float: right;
margin-top: 16px;
line-height: 17px;
}
ul.currencies_list {
float: left;
display: inline;
margin: 0px 8px 0 0px;
}
ul.currencies_list li {
float: left;
display: inline;
margin: 0 0px 0 8px;
}
ul.currencies_list li a {
color: #333;
font-size: 13px;
font-weight: bold;
}
ul.currencies_list li a:hover {
color: #70ad47;
text-decoration:none;
}
/* 8. Toplinks */
.toplinks {
padding: 40px 0 0 0;
display: inline-block;
float: left;
margin-left: 15px;
line-height: normal;
}
.dropdown-menu {
padding: 0px 0;
z-index: 10000;
border-top: 3px #70ad47 solid;
text-align: left;
box-shadow: 0 3px 3px 0 #888888;
}
.dropdown-menu li {
position: relative;
list-style: none;
cursor: pointer;
padding: 6px 10px 5px 0px;
}
.dropdown-menu li:hover {
background:#f8f8f8;
}
ul.dropdown-menu li a {
padding-left: 10px !important;
}
.toplinks .links div {
display: inline;
text-align: right;
float: left;
}
.toplinks div.links div a {
color: black;
display: inline-block;
padding: 0px;
border-right: 0px solid #cacaca;
color: #333;
font-size: 12px;
padding-bottom: 6px;
text-transform: uppercase;
padding-left: 25px;
}
.toplinks div.links div a:hover {
color: #70ad47;
text-decoration:none;
}
.toplinks div.links div.first a {
padding-left: 0;
}
.toplinks div.links div.last a {
border: none;
padding-right: 0;
}
.toplinks .links div .click-nav {
}
.toplinks .links div .click-nav ul {
padding: 0;
margin: 0;
}
.toplinks .links div .click-nav ul li {
position: relative;
list-style: none;
cursor: pointer;
}
.toplinks .links div .click-nav ul li ul {
position: absolute;
left: 0px;
right: 0;
z-index: 999;
}
.toplinks .links div .click-nav ul .clicker {
background: none;
color: #4d4d4d;
text-shadow: none !important;
font-size: 12px;
padding: 0px;
padding-left: 25px;
line-height: 19px;
width: auto;
}
.toplinks .links div .click-nav ul .clicker:hover {
background: none;
}
.toplinks .links div .click-nav ul .clicker:hover, .click-nav ul .active {
}
.click-nav img {
position: absolute;
top: 9px;
left: 12px;
}
.toplinks .links div .click-nav ul li a {
transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
-moz-transition: background-color 0.2s ease-in-out;
display: block;
padding: 7px 15px 7px 15px;
color: #333;
text-decoration: none;
font-size: 12px;
width: 120px;
text-align: left;
}
.toplinks .links div .click-nav ul li a:hover {
color: #000;
background: #f8f8f8;
}
.toplinks .links div .click-nav .no-js ul {
display: none;
z-index: 99999;
width: 150px;
}
.toplinks>div>div.myaccount>a:before {
content: '\f007';
font-family: FontAwesome;
font-size: 13px;
padding-right: 6px;
color: #aaa;
}
.toplinks>div>div.wishlist>a:before {
content: '\f004';
font-family: FontAwesome;
font-size: 13px;
padding-right: 6px;
color: #aaa;
}
.toplinks>div>div.check>a:before {
content: '\f00c';
font-family: FontAwesome;
font-size: 13px;
padding-right: 6px;
color: #aaa;
}
.toplinks>div>div.demo>a:before {
content: '\f09e';
font-family: FontAwesome;
font-size: 13px;
padding-right: 6px;
color: #aaa;
}
.toplinks .links div .click-nav ul .clicker:before {
content: '\f15b';
font-family: FontAwesome;
font-size: 13px;
padding-left: 4px;
padding-top: 2px;
float: left;
margin-right: 6px;
margin-top: -2px;
color: #aaa;
}
.toplinks>div>div.login>a:before {
content: '\f13e';
font-family: FontAwesome;
font-size: 13px;
padding-right: 6px;
color: #aaa;
}
.toplinks>div>div.logout>a:before {
content: '\f09c';
font-family: FontAwesome;
font-size: 13px;
padding-right: 6px;
color: #aaa;
}
.toplinks .links div .click-nav .no-js:hover ul {
display: block;
background: #fff;
width: 150px;
margin-left: 0px;
box-shadow: 0 3px 3px 0 #888888;
}
.toplinks .links div .click-nav .no-js:hover ul li a {
color: #666;
}
.toplinks .links div .click-nav .no-js:hover ul li a:hover {
color: #333;
}
.toplinks .links div .click-nav ul li ul.link {
padding: 8px 0;
border-top: 3px #70ad47 solid;
}
.toplinks .links div .click-nav ul li ul.link li {
padding: 0px 0;
}
.caret {
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid #A6B3BF;
content: "";
display: inline-block;
height: 0;
vertical-align: middle;
width: 0;
margin: 0 0px 0 4px;
}
/* 9. Top Shopping Cart */
.mini-products-list .product-image {
float: left;
padding: 0;
width: 60px;
height: 60px;
}
.top-cart-content .product-name {
margin: 0;
width: 150px;
line-height: 1;
padding: 0;
}
.top-cart-content .product-name a {
font-size: 14px;
line-height: normal;
font-weight: normal;
color: #70ad47;
}
.top-cart-content .product-name a:hover {
font-size: 14px;
color: #70ad47;
}
.top-cart-content p {
color: #333333;
padding: 10px 0;
}
.top-cart-contain .price {
color: #000;
font-weight: normal;
text-transform: uppercase;
padding-left: 10px;
}
.top-cart-contain .product-details .price {
color: #000;
width: auto;
float: none;
font-weight: normal;
padding-left: 0px;
}
.mini-cart {
text-align: center;
cursor: pointer;
margin: 8px 0 0 0px;
}
.mini-cart .basket a {
color: #fff;
margin: 0px;
line-height: 55px;
font-size: 13px;
padding-left: 20px;
padding-right: 0px;
font-family: 'Source Sans Pro', sans-serif;
text-transform: uppercase;
letter-spacing: normal;
border-left: 1px solid #D0D5DA;
}
.mini-cart .basket a:hover{
text-decoration:none;}
.mini-cart .basket a:first-child:before {
content: '\f07a';
font-family: FontAwesome;
font-size: 30px;
padding-right: 7px;
}
.mini-cart .open .basket a {
color: #000;
background: #fff;
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.3);
}
.mini-cart .dropdown-toggle {
font-size: 14px;
padding: 0;
text-transform: none;
}
.top-cart-contain {
position: absolute;
padding: 0;
z-index: 1000;
padding: 0px;
color: #FFFFFF;
right: 55px;
margin-top: -12px;
}
.top-cart-title p {
margin: 0;
}
.top-cart-content .empty {
padding: 10px;
}
.top-cart-content {
display: none;
width: 340px;
position: absolute;
border: 1px solid #DDDEE1;
top: 64px;
right: 0px;
background: #fff;
padding: 0;
text-align: right;
box-shadow: 0 3px 3px 0 #888888;
}
.top-subtotal {
color: #333333;
font-size: 14px;
font-weight: normal;
padding: 10px 10px 10px 15px;
text-align: left;
background-color: #f8f8f8;
}
.price-total {
float: right;
}
.top-cart-content .product-details .btn-remove {
position: absolute;
right: 10px;
top: 4px;
}
.top-cart-content .product-details .btn-edit {
position: absolute;
right: 30px;
top: 4px;
}
.top-cart-content .block-subtitle {
border-bottom: 1px solid #DDDEE1;
color: #333333;
overflow: hidden;
padding: 8px 5px;
text-align: left;
}
ul#cart-sidebar {
padding: 10px 15px;
}
/* 9a. top cart */
.top-cart-content li.item {
width: 310px;
margin: 5px 0px;
border-bottom: 1px #eee solid;
min-height: 67px;
}
.top-cart-content li.item.last {
margin: 0;
border-bottom: 0px #eee solid;
padding-bottom: 10px;
}
.top-cart-content .product-details {
color: #333333;
position: relative;
text-align: left;
}
.mini-products-list .product-details {
margin-left: 65px;
padding: 0;
}
.top-cart-content .product-details .btn-remove {
position: absolute;
right: 10px;
top: 12px;
}
.top-cart-content .product-details .btn-edit {
position: absolute;
right: 30px;
top: 4px;
}
.top-cart-content .actions {
padding: 15px;
margin: 0px 0 0;
overflow: hidden;
}
.button {
box-shadow: none;
border: 1px solid;
border-color: #ddd;
color: #222;
display: inline-block;
line-height: 1;
padding: 8px 12px;
text-align: center;
white-space: nowrap;
text-transform: uppercase;
}
.button:hover {
background: #f6f6f6;
}
.button.btn-checkout {
background: #222;
border: 1px solid #F5C328;
color: #fff;
padding: 8px 18px;
}
.mini-cart .view-cart {
display: inline-block;
padding: 2px;
border: 1px solid #fff;
cursor: pointer!important;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
background: #70ad47;
float: left;
}
.mini-cart .view-cart span {
display: block;
padding: 0 36px;
border: 1px solid #fff;
height: 30px;
line-height: 30px;
text-transform: uppercase;
font-family: 'Source Sans Pro', sans-serif;
font-size: 12px;
letter-spacing: 1px;
color: #fff;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
background: #70ad47;
}
.mini-cart .view-cart:hover {
background: #70ad47;
}
.mini-cart .view-cart:hover span {
color: #ffffff;
background: #70ad47;
border: 1px solid #ffffff;
}
.btn-remove1 {
background-image: url(/web/20180825114732im_/http://namkhangfurniture.com/template/Default/css/btn_remove.png);
margin: 0px 0 0 18px;
}
.btn-remove1:hover, .btn-remove1:focus {
background-position: 0 -12px;
}
.btn-remove1 {
background-image: url(/web/20180825114732im_/http://namkhangfurniture.com/template/Default/css/btn_remove.png);
margin: 0px 0 0 18px;
display: block;
width: 15px;
height: 13px;
font-size: 0;
line-height: 0;
background-position: 0 0;
background-repeat: no-repeat;
text-indent: -999em;
overflow: hidden;
right: -3px;
top: 0;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
float: right;
margin-top: 6px;
}
.mini-cart .actions .btn-checkout {
display: inline-block;
padding: 2px;
border: 1px solid #70ad47;
cursor: pointer!important;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
background: none;
}
.mini-cart .actions .btn-checkout span {
display: block;
padding: 0 32px;
border: 1px solid #70ad47;
height: 30px;
line-height: 30px;
text-transform: uppercase;
font-family: 'Source Sans Pro', sans-serif;
font-size: 12px;
letter-spacing: 1px;
color: #70ad47;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.mini-cart .actions .btn-checkout:hover {
display: inline-block;
padding: 2px;
border: 1px solid #fff;
cursor: pointer!important;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
background: #70ad47;
}
.mini-cart .actions .btn-checkout:hover span {
display: block;
border: 1px solid #fff;
height: 30px;
line-height: 30px;
text-transform: uppercase;
font-family: 'Source Sans Pro', sans-serif;
font-size: 12px;
letter-spacing: 1px;
color: #fff;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
}
/*9b. search */
.search-icon {
position: absolute;
right: 5px;
margin-top: 15px;
z-index: 1000;
}
.search-section {
width: 100%;
padding-top: 20px;
padding-bottom: 20px;
background: #f3f3f2;
border-bottom:1px solid #ddd;
}
.search-box {
position: relative;
margin: auto;
}
#search {
border: none;
font-size: 18px;
height: 52px;
margin: 0;
padding: 3px 10px;
width: 90%;
font-family: "Source Sans Pro", sans-serif;
font-size: 14px;
border: 2px #ddd solid;
float:left;
}
.button-common {
background: #70ad47;
border: 0 none;
overflow: hidden;
padding: 0px;
text-indent: -9999px;
width: 30px;
}
.button-common:hover {
background: #70ad47;
border: 0 none;
overflow: hidden;
padding: 0px;
text-indent: -9999px;
width: 30px;
border: none;
}
.search-btn-bg {
cursor: pointer;
display: inline-block;
height: 50px;
min-width: 60px;
position: absolute;
right: 60px;
top: 0;
width: 60px;
float:left;
}
.search-page .search-btn-bg {
cursor: pointer;
display: inline-block;
height: 50px;
min-width: 60px;
position: absolute;
right: 70px;
top: 0;
width: 130px;
float:left;
}
.search-btn-bg:hover {
cursor: pointer;
display: inline-block;
height: 52px;
min-width: 60px;
position: absolute;
right: 60px;
top: 0;
border: none;
}
.search-page .search-btn-bg:hover {
cursor: pointer;
display: inline-block;
height: 50px;
min-width: 60px;
position: absolute;
right: 70px;
top: 0;
width: 130px;
border: none;
}
.searchIconNew {
background: url("/web/20180825114732im_/http://namkhangfurniture.com/template/Default/img/search-icon-big.png") no-repeat scroll center center;
height: 50px;
left: 0px;
display: inline;
margin-top: 0px;
position: absolute;
bottom: 0;
padding: 0;
width: 58px; border:none;
}
.button-common:hover span {
background: url("/web/20180825114732im_/http://namkhangfurniture.com/template/Default/img/search-icon-big.png") no-repeat scroll center center;
height: 50px;
left: 0px;
display: inline;
margin-top: 0px;
position: absolute;
bottom: 0;
border: none;
padding: 0;
width: 58px;
border: none;
}
.cross-icon {
position: absolute;
right: 0px;
margin-top: 10px;
}
/*10. Nav */
nav {
border-bottom: 3px solid #E5E5E5;
border-top: 1px solid #E5E5E5;
margin: auto;
width: 100%;
}
.nav-inner {
margin: auto;
height: 52px;
position: relative;
}
#nav > li > a:hover:nth-child(1), #nav > li > a.active:nth-child(1) {
color: #fff !important;
padding: 17px 0px;
}
#nav > li > a:first-child {
margin-left: 0px;
}
#nav > li > a:last-child a {
color: #333;
}
.nav {
width: 1000px;
margin: 0px auto 0;
}
#nav > li:hover > a, .vertnav-top li > a:hover {
color: #fff;
background: #70ad47;
}
.cms-index-index #nav #nav-home > a, #nav > li.active > a, .vertnav-top li.current > a {
color: #fff;
background: #70ad47;
padding: 17px 0px;
}
#nav {
position: relative;
z-index: 10;
-webkit-transform: translateZ(0);
padding: 0;
margin: auto;
}
#nav li {
text-align: left;
}
#nav li a {
display: block;
text-decoration: none;
}
#nav li a span {
display: block;
white-space: nowrap;
}
#nav li ul a span {
white-space: normal;
}
#nav > li {
float: left;
list-style: none;
border-bottom: none;
}
#nav > li.last {
padding-right: 0;
}
#nav > li > a {
display: block;
padding: 17px 0px;
}
#nav > li > a > span {
display: inline-block;
border-right: 1px solid #eaeaea;
padding: 0px 20px;
}
#nav .level0-wrapper {
position: absolute;
left: -10000px;
background-color: #fff;
width: 100%;
}
#nav .level0-wrapper2 {
padding: 0;
}
#nav .level0-wrapper2:before, #nav .level0-wrapper2:after {
display: table;
line-height: 0;
content: "";
}
#nav .level0-wrapper2:after {
clear: both;
}
.nav-block {
margin-top: 0;
margin-bottom: 1%;
}
.nav-block-bottom {
float: left;
}
.nav-block-center {
margin-top: 0px;
}
.nav-block-right {
margin-top: 0px;
float: right;
}
.nav-block-level1-top {
margin-bottom: 10px;
}
.nav-block-level1-bottom {
margin-top: 10px;
}
.nav-block .section-line {
border-color: #eee;
}
#nav > li > a {
font-size: 13px;
text-transform: uppercase;
font-family: 'Source Sans Pro', sans-serif;
font-weight: 400;
color: #fff;
letter-spacing: 0.5px;
}
ul.level0 {
padding: 0;
}
ul.level1 {
padding: 0 15px;
}
#nav .level0-wrapper, #nav.classic ul {
background-color: #ffffff;
color: #333333;
}
#nav ul li a {
color: #666;
}
#nav ul li a:hover {
color: #70ad47;
}
#nav .level0-wrapper, #nav.classic .parent > ul {
border: 1px solid #ddd;
background: #fff;
border-top: 3px #70ad47 solid;
}
#nav .level0-wrapper, #nav.classic ul.level0 {
top: 52px;
}
#nav > li > a {
color: #000;
}
#nav > li:hover > a {
position: relative;
z-index: 1;
}
#nav ul.level0 > li {
display: inline-block;
float: none;
vertical-align: top;
padding-top: 0;
padding-bottom: 15px;
width: 16.7%;
margin-right: -3px;
}
#nav ul.level0 > li.last {
display: inline-block;
float: none;
vertical-align: top;
padding-top: 0;
padding-bottom: 15px;
width: 16.7%;
margin-right: 0px;
}
.grid12-4 img {
width:100%;
}
#nav ul.level0 > li > a {
margin-bottom: 10px;
font-size: 14px;
line-height: 18px;
text-transform: uppercase;
color: #222;
border-bottom: 1px solid #C9C9C9;
padding: 15px 15px 10px;
font-weight: bold;
}
#nav ul li {
margin-bottom: 1px;
list-style: none;
padding: 3px 0;
}
#nav ul li a {
float: none;
}
#nav ul.level1 {
position: static;
}
#nav ul.level1 > li {
float: none;
transition: background-position 150ms ease-out;
-moz-transition: background-position 150ms ease-out;
-webkit-transition: background-position 150ms ease-out;
-o-transition: background-position 150ms ease-out;
}
#nav ul.level2 {
margin: 7px 0;
padding: 0;
position: static;
}
#nav ul.level2 a {
font-size: 0.9166em;
line-height: 1.2727em;
opacity: 0.6;
}
#nav li.level2:hover ul.level2 a {
opacity: 1;
transition: opacity 150ms ease-out;
-moz-transition: opacity 150ms ease-out;
-webkit-transition: opacity 150ms ease-out;
-o-transition: opacity 150ms ease-out;
}
#nav ul ul ul li {
background: none;
padding-left: 0;
}
.nav-links > li, .nav-links > li > a {
line-height: 3em;
}
.nav-links > li > a {
padding: 0 0.5833em;
}
.nav-links > li.label {
padding-right: 0.5833em;
}
.nav-links > li {
float: left;
}
.nav-links > li > a {
display: block;
}
.grid12-3 {
display: inline;
float: left;
margin-left: 1%;
margin-right: 1%;
width: 23%;
line-height: normal;
}
.grid12-3 p {
padding: 10px 0 6px;
}
.grid12-4 {
display: inline;
float: left;
margin: 20px 3px 15px 0px;
width: 31%;
}
.grid12-8 {
display: inline;
float: left;
margin-left: 0;
margin-right: 1%;
width: 67%;
}
.back-link {
float: left;
margin-right: 15px;
}
#nav .level0-wrapper .nav-add {
border-top: 1px solid #C9C9C9;
padding: 15px 0 0 16px;
}
#nav .level0-wrapper .nav-add .push_item {
float: left;
margin-right: 20px;
width: 23%;
}
#nav .level0-wrapper .nav-add .push_item_last {
float: left;
margin-right: 0px;
width: 23%;
}
#nav .level0-wrapper .nav-add .push_item .push_img a {
display: block;
height: 120px;
width: 100%;
}
#nav .level0-wrapper .nav-add .push_item .push_img img {
width: 100%;
}
#nav .level0-wrapper .nav-add .push_item .push_text {
color: #333;
font-size: 13px;
padding: 8px 0;
}
#nav .level0-wrapper .nav-add .pro_item {
float: left;
margin-right: 20px;
width: 15%;
}
#nav .level0-wrapper .nav-add .pro_item_last {
float: left;
margin-right: 0px;
width: 15%;
}
#nav .level0-wrapper .nav-add .pro_item .pro_img img {
width: 175px;
}
#nav .level0-wrapper .nav-add .pro_item .pro_img a {
display: block;
height: 215px;
width: 185px;
}
#nav .level0-wrapper .nav-add .pro_item .pro_text {
color: #70ad47;
font-size: 14px;
padding: 8px 0 2px;
}
#nav .level0-wrapper .nav-add .pro_item .pro_price {
color: #70ad47;
font-size: 14px;
padding: 0px 0 12px;
}
.icon-custom-reponsive:before {
content: "\f10a";
}
.icon-custom-reponsive {
font-family: FontAwesome;
display: block !important;
font-size: 70px;
background-color: #eaeaea;
color: #70ad47;
height: 120px;
line-height: 120px!important;
text-align: center;
}
.icon-custom-CSS3:before {
content: "\f13c";
}
.icon-custom-CSS3 {
font-family: FontAwesome;
display: inline-block !important;
font-size: 60px;
background-color: #eaeaea;
color: #111;
height: 120px;
padding: 30px 77px 30px 0;
margin-left: -5px;
}
.ccs3-html5-box {
background-color: #eaeaea;
color: #111;
display: inline-block !important;
font-family: FontAwesome;
font-size: 60px;
height: 120px;
padding: 25px 0 0;
text-align: center;
width: 100%;
}
.icon-custom-google-font:before {
content: "\f031";
}
.icon-custom-google-font {
font-family: FontAwesome;
display: block !important;
font-size: 70px;
background-color: #eaeaea;
color: #70ad47;
height: 120px;
line-height: 120px!important;
text-align: center;
}
.icon-custom-grid:before {
content: "\f00a";
}
.icon-custom-grid {
font-family: FontAwesome;
display: block !important;
font-size: 70px;
background-color: #eaeaea;
color: #70ad47;
height: 120px;
line-height: 120px!important;
text-align: center;
}
#nav .nav-custom-link .header-nav-dropdown-wrapper h4.heading {
color: #222222;
font-family: 'Source Sans Pro',sans-serif;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
margin-top: 15px;
margin-bottom: 10px;
}
#nav li.drop-menu ul {
position: absolute;
top: 52px;
left: 0;
background: #fff;
padding: 6px 0;
border: 1px solid #ddd;
border-top: 3px #70ad47 solid;
width: 160px;
text-align: left;
z-index: 1000;
}
#nav > li.drop-menu ul li ul {
border-top: 1px #ddd solid;
}
#nav li.drop-menu ul.right-sub:after {
content: "";
top: 6px;
position: absolute;
left: -11px;
border: 6px solid transparent;
border-bottom-width: 5px;
border-bottom-color: transparent;
border-right-width: 5px;
border-right-color: #fff;
}
#nav li.drop-menu ul.left-sub:after {
content: "";
top: 6px;
position: absolute;
left: auto;
right: -10px;
border: 6px solid transparent;
border-bottom-width: 5px;
border-bottom-color: transparent;
border-right-width: 5px;
border-right-color: transparent;
border-left-width: 5px;
border-left-color: #fff;
}
#nav > li.drop-menu {
position: relative;
}
#nav li.drop-menu ul li {
position: relative;
}
#nav li.drop-menu ul li a {
color: #222;
line-height: 30px;
font-size: 14px;
padding: 0 12px;
display: block;
transition: all 200ms ease-in-out;
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
background: #fff;
}
#nav li.drop-menu ul li:hover > a {
color: #70ad47;
background: #fff;
padding-left: 12px;
}
#nav li.drop-menu ul li span.plus {
display: block;
position: absolute;
right: 7px;
top: 50%;
margin-top: -1px;
height: 1px;
width: 7px;
background: #535353;
}
#nav li.drop-menu ul {
display: none;
}
/* Global Styles */
/* Form Elements */
p.control input.checkbox, p.control input.radio {
margin-right: 6px;
}
/* Grouped fields */
.form-list {
margin: 0;
padding: 0;
list-style: none;
}
.form-list li {
margin: 0 0 10px;
position: relative;
}
.form-list li.comment {
margin-bottom: 10px;
}
.form-list li.comment p {
margin-bottom: 0;
}
.form-list li.fields {
margin-bottom: 0;
}
.form-list li.control, .form-list li.has-pretty-child {
margin-bottom: 10px;
}
.form-list label {
position: relative;
z-index: 0;
font-weight: normal;
color: #333;
display: inline;
}
.form-list label.required {
}
.form-list label.required em {
font-style: normal;
}
.form-list li.control label, .form-list li.has-pretty-child label {
float: none;
vertical-align: top;
line-height: 1;
}
.form-list li.control input.radio, .form-list li.control input.checkbox,
.form-list li.has-pretty-child input.radio, .form-list li.has-pretty-child input.checkbox {
margin-right: 6px;
margin-top: -2px;
}
.form-list li.control .input-box {
clear: none;
display: inline;
width: auto;
}
.form-list .input-box {
display: block;
clear: both;
margin-bottom: 0;
}
.form-list .field {
position: relative;
margin-bottom: 25px;
}
.form-list input.input-text {
background: #f0f0f0;
border: 1px solid #f0f0f0;
padding: 10px;
width: 80%;
margin-top: 5px;
outline: none;
}
.form-list input.input-text:focus {
background: #fff;
border: 1px solid #ddd;
padding: 10px;
width: 80%;
margin-top: 5px;
outline: none;
}
.form-list textarea {
height: 10em;
margin-bottom: 0;
outline: none;
}
.form-list select {
margin: 5px 0 2px;
width: 360px;
outline: none;
}
.form-list li.additional-row {
border-top: 1px solid #ccc;
margin-top: 10px;
padding-top: 7px;
}
.form-list li.additional-row .btn-remove {
float: right;
margin: 5px 0 0;
}
.form-list .input-range input.input-text {
outline: none;
}
input.radio {
margin: 0px 5px;
display:inline-block;
}
input.qty {
font-size: 15px;
font-weight: normal;
margin: 0 !important;
padding: 10px 5px 10px 15px;
width: 30px;
background: #fff;
border: 1px solid #EAEAEA;
outline: none;
color: #333;
}
input.qty:focus {
font-size: 15px;
font-weight: normal;
margin: 0 !important;
padding: 6px 5px 6px 15px;
width: 30px;
background: #fff;
border: 1px solid #EAEAEA;
outline: none;
color: #333;
}
/* Data Table */
.data-table {
width: 100%;
}
.data-table th {
line-height: 20px;
padding: 10px;
font-weight: 600;
font-size: 14px;
text-transform: uppercase;
font-family: 'Source Sans Pro', sans-serif;
}
.data-table td {
line-height: 20px;
padding: 10px;
vertical-align: top;
}
.data-table th .tax-flag {
white-space: nowrap;
font-weight: normal;
}
.data-table td.label, .data-table th.label {
font-weight: normal;
background: #f8f8f8;
}
.data-table input, data-table select, data-table textarea {
margin: 3px;
}
.data-table p {
margin: 10px 0;
}
.data-table .description {
margin: 10px 0;
}
/* Class: std - styles for admin-controlled content*/
.std .subtitle {
}
.std ol.ol {
list-style: decimal outside;
padding-left: 1.5em;
}
.std ul.disc {
list-style: disc outside;
padding-left: 18px;
margin: 0 0 10px;
}
.std dl dt {
font-weight: bold;
}
.std dl dd {
margin: 0 0 10px;
}
.std ul, .std ol, .std dl, .std p, .std address, .std blockquote {
margin: 0;
padding: 0;
}
.std ul {
list-style: none;
padding-left: 1.5em;
margin: 0;
padding: 0;
}
.std ol {
list-style: none;
padding-left: 0;
}
.std ul ul {
list-style-type: none;
}
.std ul ul, .std ol ol, .std ul ol, .std ol ul {
margin: .5em 0;
}
.std dt {
font-weight: bold;
}
.std dd {
padding: 0 0 0 1.5em;
}
.std blockquote {
font-style: italic;
padding: 0 0 0 1.5em;
}
.std address {
font-style: normal;
}
.std b, .std strong {
font-weight: bold;
color: #333;
}
.std i, .std em {
font-style: italic;
}
.std p {
padding-top: 0px;
}
.std ul {
padding-left: 0px;
padding-top: 0px;
}
.std ul li {
margin-left: 0;
margin-top: 0;
}
.std ol {
padding-top: 0;
padding-left: 0;
margin: 0;
}
.std ol li {
list-style: none;
margin-top: 2px;
}
.std a {
text-decoration: none;
}
.std a:hover {
text-decoration: none;
}
.std blockquote {
font-style: italic;
padding: 0 0 0 1.5em;
border-left: 5px solid #ddd;
margin: 0 0 1.5em;
}
.std p {
padding-top: 5px;
line-height: 1.4em;
}
.std ul {
padding-left: 0px;
padding-top: 5px;
}
.std ul li {
margin-left: 1.5em;
margin-top: 2px;
}
.std ol {
padding-top: 5px;
padding-left: 1.5em;
margin: 0 0 1em;
}
.std ol li {
list-style: decimal;
margin-top: 2px;
}
.std a {
text-decoration: none;
line-height: 17px;
}
.std a:hover {
text-decoration:none;
}
.std blockquote {
font-style: italic;
padding: 0 0 0 1.5em;
border-left: 5px solid #ddd;
margin: 0 0 1.5em;
}
.order-info {
border: 1px solid #DDDDDD;
margin: 5px 0 8px;
padding: 4px 8px;
}
.order-info dt, .order-info dd, .order-info ul, .order-info li {
display: inline;
margin: 0;
padding: 0;
}
.order-info .current {
font-weight: bold;
}
.order-info li {
margin: 0 3px;
}
.tags-list {
background: none repeat scroll 0 0 #F4F4F4;
border: 1px solid #DDDDDD;
display: block;
font-size: 13px;
padding: 10px;
}
.tags-list li {
display: inline !important;
margin: 0 4px 0 0;
}
.tags-list li a {
color: #333;
}
/*11. Cart Totals */
.cart .totals table th, .cart .totals table td {
padding: 5px;
border: none !important;
background: none !important;
border: medium none !important;
box-shadow: none !important;
color: #333 !important;
}
.cart .totals table th, .cart .totals table td strong {
font-weight: bold;
font-size: 14px;
}
.cart-collaterals {
margin-top: 20px;
overflow: hidden;
margin-bottom: 0px;
}
.cart-collaterals .col2-set {
float: left;
margin: 0;
padding: 0;
}
.cart-collaterals .totals {
}
.totals h3 {
color: #333333;
font-size: 15px;
margin-bottom: 5px;
padding: 14px;
text-transform: uppercase;
font-family: 'Source Sans Pro', sans-serif;
display: none;
}
.cart-collaterals .col2-set .col-2 {
width: 320px;
}
.totals .inner {
padding: 4px 15px 15px 15px;
background-color: #f8f8f8;
margin-top: 15px;
}
.cart .crosssell li.item {
margin: 8px 0;
list-style: none;
float: left;
}
.crosssel {
float: left;
background-color: #FFFFFF;
margin-top: 15px;
margin-bottom: 35px;
}
.crosssel h2 {
color: #333;
font-family: 'Source Sans Pro', sans-serif;
font-size: 14px;
font-weight: bold;
text-align: left;
text-transform: uppercase;
margin-bottom: 20px;
border-bottom: 1px solid #E5E5E5;
padding-bottom: 7px;
}
#wishlist-table input.qty {
padding: 5px;
text-align: center;
margin-bottom: 10px!important;
}
#wishlist-table input.qty:focus {
padding: 5px;
}
#co-shipping-method-form {
padding: 0 14px;
margin-bottom: 15px;
}
#wishlist-table .cart-cell .btn-cart {
display: block !important;
}
#shopping-cart-totals-table {
float: right;
width: 100%;
padding-bottom: 8px;
}
#shopping-cart-totals-table .price {
font-size: 16px;
}
#shipping-zip-form p {
margin: 2px 0 4px;
}
#shipping-zip-form .form-list input.input-text {
width: 93%;
}
.discount {
width: 100%;
}
.shipping {
width: 100%;
}
.shipping h3, .discount h3 {
font-size: 15px;
color: #333;
font-weight: 600;
margin-bottom: 5px;
text-transform: uppercase;
border-bottom: 1px #e5e5e5 solid;
padding: 10px 0;
font-family: 'Source Sans Pro', sans-serif;
}
#discount-coupon-form, #shipping-zip-form {
padding: 6px 0;
}
.shipping .form-list select {
width: 100%;
background-color: #F0F0F0;
border: 1px #f0f0f0 solid;
padding: 10px;
}
.shipping .form-list select:focus {
width: 100%;
background-color: #fff;
border: 1px #ddd solid;
padding: 10px;
}
.shipping .form-list input.input-text {
width: 95%;
}
.cart-collaterals .col2-set h3 {
font-size: 15px;
color: #333;
font-weight: 600;
margin-bottom: 5px;
text-transform: uppercase;
border-bottom: 1px #e5e5e5 solid;
padding: 10px 0;
font-family: 'Source Sans Pro', sans-serif;
}
input.input-text, select, textarea {
background-color: #f0f0f0;
border: 1px solid #f0f0f0;
padding: 10px;
outline: none;
color: #666;
}
#wishlist-table textarea {
padding: 10px;
}
input.input-text:focus, select:focus, textarea:focus {
background-color: #fff;
border: 1px solid #ddd;
padding: 10px;
outline: none;
}
input#coupon_code {
margin: 8px 0;
width: 100%;
}
#shopping-cart-table {
border: none;
float: left;
width: 100%;
background-color: #FFFFFF;
text-align: left;
}
.product-name a:hover {
text-decoration:none;}
#shopping-cart-table input.qty {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #EAEAEA;
font-size: 15px;
font-weight: normal;
margin: 0 !important;
outline: medium none;
padding: 5px 5px 5px 15px;
width: 45px;
}
#shopping-cart-table a.remove-item {
background-color: #70ad47;
background-image: none;
color: #FFFFFF;
cursor: pointer;
height: 32px;
line-height: 24px;
padding: 4px 10px;
width: 32px;
cursor: pointer;
text-decoration: none;
float: left;
}
#shopping-cart-table a.remove-item:before {
content: "\f014";
font-family: FontAwesome;
font-size: 16px;
}
#shopping-cart-table .remove-item span span {
display: none;
}
#shopping-cart-table tfoot tr td.last {
border-top: none;
}
#shopping-cart-table dl {
margin: 0;
padding: 0;
}
#shopping-cart-table .item-options dd {
color: #CCCCCC;
margin: 0;
}
#shopping-cart-table h4 {
font-size: 14px;
font-weight: 600;
font-family: 'Source Sans Pro', sans-serif;
text-transform: uppercase;
}
#shipping-zip-form .form-list label {
display: block;
}
#shopping-cart-table .cart-price .price {
font-size: 13px;
}
/* Customer */
.form-list .customer-name-prefix .input-box, .form-list .customer-name-suffix
.input-box, .form-list .customer-name-prefix-suffix .input-box,
.form-list .customer-name-prefix-middlename .input-box,
.form-list .customer-name-middlename-suffix .input-box,
.form-list .customer-name-prefix-middlename-suffix .input-box {
width: auto;
}
.form-list .customer-dob .dob-month, .form-list .customer-dob .dob-day,
.form-list .customer-dob .dob-year {
float: left;
}
.form-list .customer-dob input.input-text {
display: block;
}
.form-list .customer-dob .dob-month input.input-text,
.form-list .customer-dob .dob-day input.input-text,
.form-list .customer-dob .dob-year input.input-text {
text-align: center;
}
.form-list p {
margin: 0 0 20px;
}
.fieldset p {
line-height: 1.6;
margin-bottom: 20px;
}
.form-list li.control, .form-list li.has-pretty-child {
margin-bottom: 20px;
}
.forgot-password {
font-size: 13px;
color: #c72928;
position: absolute;
right: 0;
top: 50px;
}
.box-reviews .form-list input.input-text {
width: 30%;
padding: 10px 7px;
margin-bottom: 0;
line-height: 20px;
background: #fcfcfc;
border: 1px solid #E1E1E1;
border-radius: 2px;
box-shadow: 0 0 0px rgba(0, 0, 0, 0.1) inset;
}
.box-reviews .form-list input.input-text {
width: 50%;
padding: 10px;
margin-bottom: 0;
line-height: 20px;
background: #f0f0f0;
border: 1px solid #f0f0f0;
box-shadow: 0 0 0px rgba(0, 0, 0, 0.1) inset;
}
.box-reviews .form-list input.input-text:focus {
width: 50%;
padding: 10px;
margin-bottom: 0;
line-height: 20px;
background: #fff;
border: 1px solid #ddd;
box-shadow: 0 0 0px rgba(0, 0, 0, 0.1) inset;
}
.box-reviews .form-list select {
padding: 12px 15px 12px 165px;
margin: 0;
width: 100%;
line-height: 20px;
height: 48px;
}
.form-list .bootstrap-select {
position: absolute;
width: auto;
height: 46px;
left: 1px;
top: 1px;
bottom: 1px;
right: 1px;
}
.form-list .bootstrap-select > .btn {
width: 100%;
padding: 13px 0;
margin-bottom: 0;
border-width: 0 !important;
position: absolute;
top: 0;
bottom: 0;
}
.form-list .bootstrap-select.btn-group .btn .filter-option {
left: 165px;
right: 55px;
white-space: nowrap;
text-overflow: ellipsis;
}
.form-list .bootstrap-select.btn-group .btn .caret {
right: 0;
top: 0;
bottom: 0;
width: 46px;
height: auto;
margin: 0;
padding: 0 !important;
background-position: center center;
background-repeat: no-repeat !important;
border-width: 0;
}
.form-list .bootstrap-select.btn-group .dropdown-menu {
margin-top: 1px;
left: -1px;
right: -1px;
}
.box-reviews .form-list li label {
font-size: 13px;
margin: 0;
padding: 0;
white-space: nowrap;
overflow: hidden;
color: #333;
font-family: "Source Sans Pro", sans-serif;
}
.form-list li label.label-wide {
width: auto;
height: 46px;
right: 1px;
top: 2px !important;
}
.form-list li.control label, .form-list li.has-pretty-child label,
.opc .sp-methods label {
font-size: 15px;
position: static;
padding: 0;
height: auto;
width: auto;
vertical-align: top;
line-height: 18px;
background-color: transparent;
border-width: 0;
}
.opc .sp-methods label {
margin: -1px 0 0;
}
.form-list .validation-advice {
color: #FF0000;
}
.validation-advice {
color: #FF0000;
}
.sp-methods .prettycheckbox > a, .sp-methods .prettyradio > a {
margin-left: 15px;
}
.form-list textarea {
line-height: 20px;
margin-bottom: 0;
padding: 10px;
width: 100%;
}
.box-reviews textarea {
width: 50%;
}
.form-list textarea {
height: 10em;
margin-bottom: 0;
}
form h2, form h3, .section h3 {
color: #333;
}
.main h2.subtitle, .main .widget .widget-title h2,
.main .page-title h1 {
color: #444645;
}
.main h2.subtitle .line, .main .widget .widget-title h2 .line,
.main .page-title h1 .line {
border-top: 1px solid #e0e0e0;
}
.opc .input-text {
}
.buttons-set {
clear: both;
margin: 10px 0 0;
padding: 0;
}
.buttons-set a.back-link {
float: left;
margin-right: 15px;
font-weight: bold;
color: #333;
}
.buttons-set a.back-link:hover {
float: left;
margin-right: 15px;
font-weight:normal;
color: #000;
}
.buttons-set button.button {
display: inline;
margin-bottom: 0px;
background: #222;
}
.buttons-set p.required {
margin: 0 0 5px;
display: none;
}
/*12. BreadCrumbs*/
.breadcrumbs {
padding: 0;
font-size: 12px;
margin-left: -12px;
width: 100%;
margin: auto;
padding-bottom: 7px; display:inline-block;
}
.breadcrumbs .inner {
margin: auto;
}
.breadcrumbs ul {
padding: 0;
margin: 0;
}
.breadcrumbs li {
display: inline;
}
.breadcrumbs strong {
font-weight: bold;
color: #333 !important;
}
.breadcrumbs span {
margin: 0 2px;
font-family: 'Source Sans Pro', sans-serif;
font-size: 13px;
color: #aaa;
}
.breadcrumbs a {
color: #666;
}
.breadcrumbs a:hover {
color: #333;
text-decoration:none;
}
/*13. Page Heading*/
.cms-home-page .page-title {
}
.page-title {
padding: 0px 0px 6px 0px;
margin: 0 0 0px;
margin-bottom: 4px;
}
.col2-right-layout .col-main .page-title {
padding: 0px 0px 5px 0px;
margin: 0 0 20px;
border-bottom: 1px solid #70ad47;
}
.page-title h1, .page-title h2 {
color: #70ad47;
font-family: 'Source Sans Pro', sans-serif;
font-size: 24px;
margin: 0;
padding: 0;
text-transform: uppercase;
font-weight: bold;
}
.page-title .separator {
margin: 0 3px;
}
.page-title .link-rss {
float: right;
}
.title-buttons {
position: relative;
}
.title-buttons h1, .title-buttons h2, .title-buttons h3, .title-buttons h4, .title-buttons h5, .title-buttons h6 {
float: left;
margin-right: 30px;
}
.title-buttons a, .title-buttons .separator {
margin-top: 0;
display: inline-block;
text-decoration: underline;
color: #333;
}
.subtitle, .sub-title {
clear: both;
}
/* 13a. Pager */
.pager {
margin: 0;
text-align: center;
padding: 0;
}
.pager .amount {
float: left;
}
.pager .limiter label {
float: left;
font-size: 12px;
padding: 6px 0;
margin-right: 10px;
display: inline;
}
.pager .pages {
margin: 0 0;
}
.pager .pages ol {
display: inline;
margin: 0;
padding: 0;
float: right;
}
.pager .pages li {
display: inline;
}
.pager .pages li span {
box-shadow: none;
}
.pager .pages li a {
box-shadow: none;
color:#666;
}
.pager .pages li a.button.next:hover, .pager .pages li a.button.next:focus {
background-image: url(/web/20180825114732im_/http://namkhangfurniture.com/template/Default/css/icon_arrow_next_over.png);
background-color: #70ad47;
background-repeat: no-repeat;
background-position: center;
width: 29px;
border-radius: 0px;
padding: 4px 11px;
margin: 0;
height:29px;
}
/*13b. Sorter */
.sorter {
padding: 0;
margin: 0;
}
.sorter .actions {
float: left;
}
.sorter .view-mode {
float: left;
margin-top: 4px;
margin-right: 30px;
}
.sorter .sort-by {
float: left;
margin-top: 6px;
}
/*14. Toolbar */
.toolbar {
padding: 00px;
margin-top: 5px;
height: 40px;
clear: both;
}
.toolbar .sorter {
float: left;
}
.toolbar-bottom {
margin-top: 0;
}
.toolbar .pager .pages ol {
float: none;
}
#sort-by .button-asc {
float: right;
}
#sort-by {
float: right;
font-size: 14px;
margin-top: 6px;
}
#sort-by ul {
margin: 0;
padding: 0;
list-style: none;
display: inline;
}
#sort-by a:link, #sort-by a:visited {
color: #333;
text-decoration: none;
}
#sort-by li {
background: none repeat scroll 0 0 #F8F8F8;
cursor: pointer;
margin: 0 auto;
outline: medium none;
padding: 3px 10px;
position: relative;
width: 90px;
float: left;
color: #333;
}
#sort-by li li {
width: 90px;
margin-top: 0px;
border-radius: 0px;
border-bottom: none;
border-left: none;
border-top: 1px #fff solid;
border-right: none;
}
#sort-by li li a:hover {
color: #000;
}
#sort-by li:hover {
background-color: #F8F8F8;
}
#sort-by li li:hover {
background-color: #F8F8F8;
color: #000;
}
#sort-by ul ul {
position: absolute;
visibility: hidden;
left: -1px;
top: 27px;
background: none repeat scroll 0 0 #F8F8F8;
z-index: 10000;
}
#sort-by ul ul ul {
position: absolute;
left: 100%;
top: -2px;
border: solid 1px transparent;
}
#sort-by li:hover > ul {
visibility: visible;
}
.right-arrow {
float: right;
margin-left: 8px;
}
.right-arrow:after {
content: "\f107";
font-family: 'FontAwesome';
color: #666;
font-size: 14px;
}
#limiter {
float: right;
font-size: 14px;
margin-top: 0px;
}
#limiter ul {
margin: 0;
padding: 0;
list-style: none;
display: inline;
}
#limiter a:link, #limiter a:visited {
color: #333;
text-decoration: none;
background-color: transparent;
border: 0px solid #ddd;
border-radius: 0px;
display: inline-block;
padding: 0px;
width:35px;
}
#limiter li {
background: none repeat scroll 0 0 #F8F8F8;
cursor: pointer;
margin: 0 auto;
outline: medium none;
padding: 3px 10px;
position: relative;
width: 50px;
float: left;
color: #333;
text-align: left;
}
#limiter li li {
width: 50px;
margin-top: 0px;
border-radius: 0px;
border-bottom: none;
border-left: none;
border-top: 1px #fff solid;
border-right: none;
}
#limiter li li a:hover {
color: #000;
}
#limiter li:hover {
background-color: #F8F8F8;
}
#limiter li li:hover {
background-color: #F8F8F8;
color: #000;
}
#limiter ul ul {
position: absolute;
visibility: hidden;
left: -1px;
top: 27px;
background: none repeat scroll 0 0 #F8F8F8;
z-index: 10000;
}
#limiter ul ul ul {
position: absolute;
left: 100%;
top: -2px;
border: solid 1px transparent;
}
#limiter li:hover > ul {
visibility: visible;
}
/*14a. Pager */
.toolbar-bottom {
border-width: 0 !important;
}
.toolbar .pager {
text-align: left;
margin: 0 10px 0 0;
padding: 0;
float: right;
margin-top: 6px;
width: 360px;
}
.pager .amount, .sorter .amount {
padding-left: 10px;
margin-top: 4px;
display: inline-block;
}
.pager .button, .toolbar .button, .toolbar .btn {
padding: 4px 11px;
}
.pager .button:hover, .toolbar .button:hover,
.toolbar .btn:hover {
padding: 4px 11px;
text-shadow: none;
}
.toolbar .pager .limiter {
margin-top: 2px;
float: left;
}
.toolbar-bottom .pager .limiter {
position: static;
}
.toolbar .pager .pages {
display: inline;
}
.pager .button {
padding: 4px 11px;
}
.toolbar .actions {
margin-right: 30px;
}
.pager .limiter label, .toolbar label {
display: inline;
float: left;
margin-right: 10px;
padding: 6px 0;
font-size: 13px;
font-family: "Source Sans Pro", sans-serif;
display: none;
}
.toolbar .sorter .sort-by {
margin-right: 30px;
}
.pager .amount {
margin-right: 20px;
}
.toolbar-bottom .sorter {
display: none;
}
.product-view .box-reviews .pager {
border-width: 0;
padding-top: 15px;
}
.button-viewall, .button-grid, .button-list {
width: 18px;
height: 22px;
text-indent: -999em;
padding: 0;
}
.button-viewall {
width: 35px;
height: 30px;
padding: 0;
}
.button.next, .button.prev {
width: 29px;
height: 29px;
padding: 0;
}
.product-essential .button.next {
float: right;
margin-top: -25px;
}
.product-essential .button.prev {
width: 30px;
height: 30px;
padding: 0;
float: right;
margin-right: 10px;
margin-top: -25px;
}
.dropdown-select {
margin-right: 3px;
}
.dropdown-select .button {
color: #757575;
background: #f8f8f8 !important;
box-shadow: none;
}
.toolbar span.button-active {
background-color: #70ad47;
border: 1px solid #E1E1E1;
border-radius: 0 0 0 0;
color: #FFFFFF;
}
.pager .button, .toolbar .button, .toolbar .btn,
.toolbar .button-arrow, .toolbar .dropdown .button .arrow {
background-color: #f8f8f8;
font-size: 12px;
text-shadow: none;
border-radius: 0px;
}
.toolbar .button-dark, .toolbar .btn-dark,
.pager .button-dark, .pager .btn-dark {
background-color: #70ad47;
}
.button-asc {
background-image: url(/web/20180825114732im_/http://namkhangfurniture.com/template/Default/css/icon_asc.png);
height: 22px;
width: 10px;
margin-left: 3px;
box-shadow: none;
}
.button-asc:hover, .button-asc:focus {
background-image: url(/web/20180825114732im_/http://namkhangfurniture.com/template/Default/css/icon_asc_over.png) !important;
}
.button-desc {
background-image: url(/web/20180825114732im_/http://namkhangfurniture.com/template/Default/css/icon_dsc.png);
height: 22px;
width: 10px;
margin-left: 3px;
box-shadow: none;
}
.button-desc:hover, .button-desc:focus {
background-image: url(/web/20180825114732im_/http://namkhangfurniture.com/template/Default/css/icon_dsc_over.png) !important;
}
.toolbar .button-grid, .button-viewall {
background-image: url(/web/20180825114732im_/http://namkhangfurniture.com/template/Default/css/icon_grid_over.png);
}
.toolbar .button-grid:hover, .toolbar .button-grid:focus,
.button-viewall:hover, .button-viewall:focus, .toolbar .button-active.button-grid {
background-image: url(/web/20180825114732im_/http://namkhangfurniture.com/template/Default/css/icon_grid.png) !important;
background-repeat: no-repeat;
background-position: center;
width: 18px;
border: 0px #fff solid;
}
.toolbar .button-list {
background-image: url(/web/20180825114732im_/http://namkhangfurniture.com/template/Default/css/icon_list.png);
border: 0 solid #FFFFFF;
box-shadow: none;
}
.toolbar .button-list:hover, .toolbar .button-list:focus,
.toolbar .button-active.button-list {
background-image: url(/web/20180825114732im_/http://namkhangfurniture.com/template/Default/css/icon_list_over.png) !important;
background-color: #70ad47;
background-repeat: no-repeat;
background-position: center;
width: 18px;
border: 0px #fff solid;
border-radius: 0px;
padding: 4px 11px;
margin: 0;
}
.button-arrow.btn-remove {
background-image: url(/web/20180825114732im_/http://namkhangfurniture.com/template/Default/css/icon_remove.png);
}
.button-arrow.btn-remove:hover, .button-arrow.btn-remove:focus {
background-image: url(/web/20180825114732im_/http://namkhangfurniture.com/template/Default/css/icon_remove_over.png);
}
.button.next {
background-image: url(/web/20180825114732im_/http://namkhangfurniture.com/template/Default/css/icon_arrow_next.png);
background-color: #eee;
}
.button.next:hover, .button.next:focus {
background-image: url(/web/20180825114732im_/http://namkhangfurniture.com/template/Default/css/icon_arrow_next_over.png);
background-color: #FD355A;
background-repeat: no-repeat;
background-position: center;
width: 16px;
border: 0px #fff solid;
border-radius: 0px;
padding: 0px 6px;
margin: 0;
}
.button.prev {
background-image: url(/web/20180825114732im_/http://namkhangfurniture.com/template/Default/css/icon_arrow_prev.png);
background-color: #eee;
}
.button.prev:hover, .button.prev:focus {
background: url('/web/20180825114732im_/http://namkhangfurniture.com/template/Default/css/icon_arrow_prev_over.png') no-repeat 10px #70ad47 !important;
width: 30px;
height: 30px;
line-height: 30px;
padding: 0;
}
.toolbar .button-dark {
border: 1px solid #70ad47;
}
/*15. View Type: Grid */
.products-grid {
margin: 0;
list-style: none;
}
ul.products-grid {
padding: 0;
}
.products-grid .first {
padding-left: 0!important;
}
.products-grid .item {
margin: 10px auto;
}
.products-grid .last {
margin-right: 0;
}
.products-grid .item.show-addtocart {
margin-top: 37px;
}
.products-grid .item .item-inner {
position: relative;
text-align: center;
}
.category-description .slider-items-products .owl-wrapper-outer{ margin:auto;}
.products-grid .item .item-inner .item-img {
position: relative;
}
.products-grid .item .item-inner .item-img .ico-product {
position: absolute;
bottom: 10px;
left: 10px;
z-index: 2;
background: #de44c3;
padding: 4px 20px 8px;
color: #FFF;
font-size: 150%;
-webkit-border-radius: 18px;
-moz-border-radius: 18px;
border-radius: 18px;
}
.products-grid .item .item-inner .item-img .item-img-info {
text-align: center;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
position: relative;
overflow: hidden;
}
.products-grid .item .item-inner .item-img .item-img-info a.product-image {
display: inline-block;
width: 100%;
}
.products-grid .item .item-inner .item-img .item-img-info a.product-image:before {
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
z-index: 1;
content: "";
opacity: 0;
-webkit-transition: all 0.4s ease-out 0.2s;
-moz-transition: all 0.4s ease-out 0.2s;
-o-transition: all 0.4s ease-out 0.2s;
transition: all 0.4s ease-out 0.2s;
background-color: #eee;
}
.products-grid .item .item-inner .item-img .item-img-info a.product-image .img-main {
display: inline;
}
.products-grid .item .item-inner .item-img .item-box-hover {
z-index: 2;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
position: absolute;
width: 100%;
height: 100px;
bottom: -90px;
top: 130px;
overflow: hidden;
opacity: 0;
}
.products-grid .item .item-inner .item-img .item-box-hover .box-inner {
height: 51px;
margin: 15px auto 0;
}
.products-grid .item .item-inner .item-img .item-box-hover .box-inner
.add_cart {
margin-bottom: 6px;
}
.products-grid .item .item-inner .item-img .item-box-hover .box-inner
.add_cart button.button.btn-cart:before {
content: "\f07a";
font-family: 'FontAwesome';
font-size: 14px;
}
.products-grid .item .item-inner .item-info .info-inner {
border: 0px solid #fff;
border-top: none;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.products-grid .item .item-inner .item-info .info-inner
.item-content .no-rating,
.products-grid .item .item-inner .item-info .info-inner
.item-content .ratings {
margin: 0 0;
}
.products-grid .item .item-inner .item-info .info-inner
.item-content .no-rating .rating-box,
.products-grid .item .item-inner .item-info .info-inner
.item-content .ratings .rating-box {
float: none;
margin: 0 0;
}
.products-grid .item .item-inner .item-info .info-inner
.item-content .no-rating .rating-links,
.products-grid .item .item-inner .item-info .info-inner
.item-content .ratings .rating-links {
display: none;
}
.products-grid .item .item-inner .item-info .info-inner
.item-title {
margin-bottom: 3px;
padding-top: 16px;
font-size: 14px;
}
.products-grid .item .item-inner .item-info .info-inner
.item-title a {
text-decoration: none;
font-family: 'Source Sans Pro', sans-serif;
font-size: 16px;
color: #000;
}
.products-grid .item .item-inner .item-info .info-inner
.item-title a:hover {
color: #70ad47;
}
.products-grid .item:hover .item-inner .item-img .item-img-info {
border-color: #fff;
}
.products-grid img {
width:100%;
height:150px;
}
.products-grid .item:hover .item-inner .item-img .item-box-hover {
visibility: visible;
opacity: 1;
left: 0px;
bottom: 0px;
}
.products-grid .item:hover .item-inner .item-info .info-inner {
border-color: #fff;
background: #fff;
opacity: 0.8;
}
.products-grid .item:hover .item-inner .item-info .info-inner .item-title a {
color: #70ad47;
}
/* 16. Shopping cart table */
tr.summary-total {
cursor: pointer;
}
tr.summary-total .summary-collapse {
float: right;
text-align: right;
padding-left: 20px;
cursor: pointer;
}
tr.show-details .summary-collapse {
background-position: 0 -53px;
}
tr.summary-details td {
font-size: 11px;
background-color: #dae1e4;
color: #626465;
}
tr.summary-details-first td {
border-top: 1px solid #d2d8db;
}
tr.summary-details-excluded {
font-style: italic;
}
.cart-tax-info {
display: block;
}
.cart-tax-info, .cart-tax-info .cart-price {
padding-right: 20px;
}
.cart-tax-total {
display: block;
padding-right: 20px;
cursor: pointer;
}
.cart-tax-info .price, .cart-tax-total .price {
display: inline !important;
font-weight: normal !important;
}
.cart-tax-total-expanded {
background-position: 100% -53px;
}
.cart-table .btn-continue {
float: left;
}
.block .btn-remove1 {
float: right;
margin-top: 6px;
}
.sidebar .block .access .btn-remove1 {
position: relative;
right: 0;
}
.btn-edit {
display: block;
width: 11px;
height: 11px;
font-size: 0;
line-height: 0;
background-position: 0 0;
background-repeat: no-repeat;
text-indent: -999em;
overflow: hidden;
}
.cards-list dt {
margin: 5px 0 0;
}
.cards-list .offset {
padding: 2px 0 2px 20px;
}
.separator {
margin: 0 3px;
}
.divider {
clear: both;
display: block;
font-size: 0;
line-height: 0;
height: 1px;
margin: 10px 0;
background: #ddd;
text-indent: -999em;
overflow: hidden;
}
.icon-basket {
display: none !important;
}
.hidden-desktop {
display: none;
}
.product-name, .product-name h1, .product-name h2, .product-name h3,
.product-name h4, #product-tabs > dt, #cart-tabs > dt, .review-title,
.author, .fraction-slider .slide-title {
font-size: 16px;
}
#search_mini_form .button, #mini-cart > .button, .store-switcher .button,
.link-wishlist, .link-compare, .link-edit, .footer-top .button, .footer-bottom .button {
color: #ffffff;
background-color: #4e4e4e;
}
.email-friend {
font-size: 14px;
display: inline-block;
margin: 7px 15px;
}
.email-friend a:before {
content: "\f0e0";
font-family: FontAwesome;
font-size: 14px;
padding: 7px;
vertical-align: top;
border-radius: 50px;
height: 25px;
width: 25px;
color: #70ad47;
text-align: center;
margin-right: 2px;
}
.email-friend a {
color: #333;
line-height: 30px;
font-weight: normal;
}
.email-friend a:hover {
color: #333;
text-decoration:none;
line-height: 30px;
font-weight: normal;
}
.link-wishlist:hover, .link-wishlist:focus, .link-compare:hover, .link-compare:focus,
.link-friend:hover, .link-friend:focus, .link-edit:hover, .link-edit:focus,
.footer-top .button:hover, .footer-top .button:focus, .footer-bottom .button:hover,
.footer-bottom .button:focus {
color: #2ca2e3;
transition: none;
}
.link-wishlist.no-image, .link-compare.no-image, .link-friend.no-image, .link-edit.no-image {
color: #CA0000 !important;
}
.link-wishlist.no-image:hover, .link-wishlist.no-image:focus, .link-compare.no-image:hover,
.link-compare.no-image:focus, .link-friend.no-image:hover, .link-friend.no-image:focus,
.link-edit.no-image:hover, .link-edit.no-image:focus {
color: #838383 !important;
}
.button-inverse, .button-tabs li.active a {
border: 1px #111 solid;
background: #F44D78;
padding: 3px 12px;
text-shadow: 0 1px 0 #000;
}
.button-inverse:hover, .button-inverse:focus {
border: 1px #111 solid;
background: #F44D78;
padding: 3px 12px;
text-shadow: 0 1px 0 #000;
}
.button, .btn, .button-inverse, .sidebar .button, .sidebar .btn,
.dropdown .dropdown-menu .button, .buttons-set .back-link a, .scrolltop, .button-tabs li a {
font-family: 'Source Sans Pro', sans-serif;
border: 0px #333 solid;
background: #222;
padding: 8px 12px;
text-transform: uppercase;
}
.button:hover, .button:focus, .btn:hover, .btn:focus, .button-inverse,
.sidebar .button:hover, .sidebar .button:focus, .sidebar .btn:hover, .sidebar .btn:focus,
.form-list .bootstrap-select.btn-group .btn:hover .caret, .form-list .bootstrap-select.btn-group .btn:focus .caret,
.buttons-set .back-link a:hover, .buttons-set .back-link a:focus, .scrolltop, .button-tabs li a:hover,
.button-tabs li a:focus {
border: 0px #111 solid;
background: #70ad47;
padding: 8px 12px;
color: #FFF;
}
.pager .button:hover, .pager .button:focus, .dropdown .dropdown-menu .button:hover,
.dropdown .dropdown-menu .button:focus {
border: 1px #ddd solid;
background: #eee;
color: #333;
}
.nav-container {
width: 100%;
margin: auto;
}
#banner-slider {
margin: 0px auto 0;
width: 100%;
}
/* Slider Controls, Background Colors */
.flex-control-paging li a, .sequence-pagination li a, .fs-pager-wrapper a,
.bx-wrapper .bx-pager.bx-default-pager a, .tp-bullets.simplebullets.round .bullet {
}
.flex-control-paging li a.flex-active, .sequence-pagination li.current a,
.fs-pager-wrapper .active, .bx-wrapper .bx-pager.bx-default-pager a.active,
.tp-bullets.simplebullets.round .bullet:hover, .tp-bullets.simplebullets.round .bullet.selected {
background-color: #fff;
}
.btn, .button, .button-inverse, .slider-arrow, .button-arrow, .dropdown .arrow, .elastislide-next,
.elastislide-prev, .button-up, .button-down, .form-list .bootstrap-select.btn-group .btn:hover .caret,
.form-list .bootstrap-select.btn-group .btn:focus .caret, .buttons-set .back-link a, .button-tabs li a {
font-size: 12px;
display: inline-block;
padding: 2px 8px 3px;
margin-bottom: 0;
line-height: 20px;
color: #f4f4f4;
text-align: center;
text-shadow: none;
vertical-align: middle;
cursor: pointer;
background-position: center center;
background-repeat: no-repeat;
}
.products-list .product-shop .btn-cart {
display: inline-block;
padding: 2px;
border: 1px solid #fff;
cursor: pointer!important;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
background: #70ad47;
}
.products-list .product-shop .btn-cart span {
display: block;
padding: 0 32px;
border: 1px solid #fff;
height: 30px;
line-height: 30px;
text-transform: uppercase;
font-family: 'Source Sans Pro', sans-serif;
font-size: 12px;
letter-spacing: 1px;
color: #fff;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
background: #70ad47;
}
.products-list .product-shop .btn-cart:hover {
display: inline-block;
padding: 2px;
border: 1px solid #fff;
cursor: pointer!important;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
background: #70ad47;
}
.products-list .product-shop .btn-cart:hover span {
display: block;
border: 1px solid #fff;
height: 30px;
line-height: 30px;
text-transform: uppercase;
font-family: 'Source Sans Pro', sans-serif;
font-size: 12px;
letter-spacing: 1px;
color: #fff;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.btn-large, .buttons-set button.button {
font-size: 15px;
}
.buttons-set .back-link a {
display: inline-block;
background: none repeat scroll 0 0 transparent;
border: medium none;
box-shadow: none;
color: #333;
font-weight: bold;
display: inline-block;
text-shadow: none;
padding: 0;
}
.buttons-set .back-link a:hover {
text-decoration:none;}
.buttons-set .back-link a:focus {
display: inline-block;
background: none repeat scroll 0 0 transparent;
border: medium none;
box-shadow: none;
color: #333;
font-weight: bold;
display: inline-block;
text-shadow: none;
padding: 0;
text-decoration:none;
}
.buttons-set .back-link a small {
font-size: 16px;
font-weight: 400;
color: #333;
}
.buttons-set .back-link a:hover small {
font-size: 16px;
font-weight: 400;
color: #000;
padding: 0;
}
.buttons-set .back-link a:hover {
display: inline-block;
background: none repeat scroll 0 0 transparent;
border: medium none;
box-shadow: none;
color: #000;
display: inline-block;
text-shadow: none;
padding: 0;
}
.btn-mini {
padding: 2px 6px;
}
p {
margin: 0 0 10px;
}
/*17. Sidebar */
.block {
margin: 0 0 15px;
}
.block .block-title {
color: #a2a3a5;
font-size: 16px;
text-transform: uppercase;
margin: 0;
padding: 10px 0;
background: url(/web/20180825114732im_/http://namkhangfurniture.com/template/Default/css/lhs-header-bg1.png) no-repeat bottom center;
font-weight: bold;
}
.block .block-title strong {
font-weight: bold;
}
.block .block-title a {
text-decoration: none !important;
}
.block .block-content .item {
padding: 5px 0;
}
.block .btn-remove, .block .btn-edit {
float: right;
margin-top: 6px;
}
.sidebar .block .access .btn-remove {
float: right;
margin-top: -38px;
}
.block .actions {
text-align: left;
padding: 8px 0;
}
.block .actions a {
float: right;
margin-left: 10px;
margin-bottom: 10px;
font-weight: bold;
}
.block .empty {
color: #666666;
}
.block li.odd {
}
.block li.even {
}
.side-nav-categories {
background-color: #FFFFFF;
margin-bottom: 25px;
}
.side-nav-categories .block-title {
background: url(/web/20180825114732im_/http://namkhangfurniture.com/template/Default/css/lhs-header-bg1.png) no-repeat bottom center;
color: #a2a3a5;
font-family: 'Source Sans Pro', sans-serif;
font-size: 16px;
text-transform: uppercase;
margin: 0;
padding: 10px 0px;
font-weight: bold;
}
/*newsletter */
#popup-newsletter h5 {
color:#fff; margin-bottom:15px;
}
#advice-required-entry-newsletter {
color: #FF0000;
position: absolute;
}
#advice-validate-email-newsletter {
color: #FF0000;
position: absolute;
}
.sidebar #advice-required-entry-newsletter {
color: #FF0000;
position: relative;
}
.sidebar #advice-validate-email-newsletter {
color: #FF0000;
position: relative;
}
/* Category boxes */
.box-category {
padding: 8px 0 0px;
}
.box-category ul {
list-style: none;
margin: 0;
padding: 0;
}
.box-category > ul > li {
display: block;
position: relative;
box-shadow: 0 1px 0 #eee, 0 2px 0 #FFFFFF;
margin: 0;
}
.box-category > ul > li.last {
display: block;
position: relative;
box-shadow: 0 0px 0 #dbebf9, 0 0px 0 #FFFFFF;
}
.box-category > ul > li:first-child {
border-top: 0;
}
.box-category .subDropdown {
top: 8px;
right: 0px;
position: absolute;
cursor: pointer;
width: 16px;
height: 16px;
padding: 2px;
}
.box-category .subDropdown:hover {
opacity: 0.8;
-moz-opacity: 0.8;
}
.box-category .subDropdown.plus {
background-image: url("/web/20180825114732im_/http://namkhangfurniture.com/template/Default/img/plus.png");
}
.box-category .subDropdown.minus {
background-image: url("/web/20180825114732im_/http://namkhangfurniture.com/template/Default/img/minus.png");
}
.box-category ul li a {
display: block;
font-weight: normal;
font-family: 'Source Sans Pro', sans-serif;
}
.box-category ul li.double a {
display: inline-block;
margin: 0;
}
.box-category ul li {
position: relative;
}
.box-category > ul > li > a {
color: #777;
text-transform: none;
display: block;
font-size: 15px;
font-weight: 900;
}
.box-category > ul > li ul {
display: none;
padding-left: 0px;
padding-bottom: 10px;
}
.box-category > ul > li > ul li {
padding: 0 0px;
}
.box-category > ul > li a.active {
font-weight: normal;
font-family: 'Source Sans Pro', sans-serif;
}
.box-category > ul > li > a.active {
color: #333333;
font-weight: bold;
margin-bottom: 0;
}
.box-category > ul > li a.active + ul {
display: block;
}
.box-category a:hover {
text-decoration: none;
color: #70ad47;
}
.box-category > ul > li ul li a {
font-family: 'Source Sans Pro', sans-serif;
}
.box-category > ul > li ul > li > a {
border-bottom: 0 solid #EAEAEA;
font-size: 14px !important;
margin: 0 0px !important;
padding: 4px 0px !important;
text-decoration: none;
color: #888;
}
.box-category > ul > li ul > li ul > li a {
text-decoration: none;
font-size: 13px !important;
margin: 5px 10px!important;
padding: 5px 0px!important;
border-bottom: 0px solid #EAEAEA;
}
.box-category > ul > li ul > li ul > li a:hover {
color: #70ad47;
}
.sidebar-left {
margin-left: 0 !important;
}
.bv3 .sidebar-right, .bv3 .sidebar-left {
padding-left: 15px;
}
.sidebar ol, .sidebar ul {
list-style: none;
padding: 0;
margin: 0;
}
.sidebar ul li a:hover{
text-decoration:none;
color:#70ad47;}
.sidebar .block-content li {
padding: 3px 5px 3px 10px;
}
.sidebar .block-content li a:hover {
color:#70ad47;
text-decoration:none;}
.sidebar .block-venedor-ads .block-content li {
padding: 0;
}
.sidebar .block dt {
font-size: 14px;
font-weight: bold;
color: #000;
}
.sidebar .block dd {
border-bottom: 0 solid #CCCCCC;
margin: 0;
padding: 0 5px;
}
.sidebar address {
margin: 0;
padding: 0;
color: #333;
text-align: left;
}
.block .slider-title {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.block-layered-nav .block-subtitle {
font-size: 13px;
font-family: 'Source Sans Pro', sans-serif;
}
.block-layered-nav dt {
font-size: 16px;
}
.block-layered-nav .currently ol {
margin: 0;
padding: 10px 15px;
}
.block-layered-nav .currently span.value {
font-weight: bold;
}
.block-layered-nav li {
padding: 5px 0;
background: url("/web/20180825114732im_/http://namkhangfurniture.com/template/Default/img/li_dot.png") no-repeat scroll left center transparent;
}
.block-layered-nav .label {
margin-right: 5px;
}
.block-layered-nav .button-arrow {
width: 25px;
height: 25px;
padding: 0;
margin-top: -2px;
position: absolute;
right: 15px;
}
#narrow-by-list2 dd {
display: block !important;
}
.block-layered-nav .block-subtitle, .block-layered-nav dt {
color: #565656;
font-weight: bold;
}
.block-layered-nav .currently ol {
border: 1px solid #ececec;
background-color: #f4f4f4;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.block-tags .actions a.view-all {
font-family: 'Source Sans Pro', sans-serif;
text-transform: uppercase;
color: #333;
font-weight: 600;
}
.block-tags .actions a.view-all:hover {
color: #70ad47;
}
.block .block-content .price {
font-size: 14px;
font-weight: 600;
color: #000;
}
/* Left Navigation */
.side-nav-categories {
}
.side-nav-categories ul li {
padding: 2px 0px;
}
.side-nav-categories ul li a {
display: inline-block;
position: relative;
}
.side-nav-categories ul#magicat ul li a:before {
content: "\f105";
font-family: 'FontAwesome';
line-height: 17px;
margin-right: 5px;
top: 6px;
}
.side-nav-categories ul#magicat ul li a {
color: #666;
}
.side-nav-categories ul#magicat ul li a {
padding-left: 12px;
}
.side-nav-categories, .side-nav-categories .block {
display: inline-block;
width: 100%;
margin-bottom: 15px;
}
ul#magicat li, ul.listStyle li {
cursor: pointer;
display: block;
float: left;
list-style-type: none;
margin: 0 0 1px 0;
padding-left: 0px;
position: relative;
width: 100% !important;
box-shadow: 0 1px 0 #ddd, 0 2px 0 #FFFFFF;
}
ul#magicat li.last {
box-shadow: none;
}
ul#magicat li.level0 span.magicat-cat, ul.listStyle li span {
text-align: left;
display: inline-block;
width: 100%;
}
ul#magicat li .open-close, .block-layered-nav dt .toggleBtn {
display: inline-block;
height: 30px;
position: absolute;
right: 0;
top: 0;
width: 30px;
}
.block-layered-nav dt .toggleBtn {
cursor: pointer;
}
ul#magicat li.active > .open-close, .block-layered-nav dt .toggleBtn.highlight {
background-position: 2px -28px;
}
ul#magicat ul {
padding-left: 10px;
}
ul#magicat li .open-close, .block-layered-nav dt .toggleBtn {
display: inline-block;
height: 30px;
position: absolute;
right: 0;
top: 5px;
width: 30px;
}
ul#magicat li .open-close, .block-layered-nav dt .toggleBtn {
background: url("/web/20180825114732im_/http://namkhangfurniture.com/template/Default/img/leftnav1.png") no-repeat scroll 2px 3px;
}
.side-nav-categories .block-title {
color: #a2a3a5;
font-size: 16px;
text-transform: uppercase;
margin: 0;
padding: 10px 0;
background: url(/web/20180825114732im_/http://namkhangfurniture.com/template/Default/css/lhs-header-bg1.png) no-repeat bottom center;
font-weight: bold;
}
/*Block: Account */
.block-account .block-title {
font-family: 'Source Sans Pro', sans-serif;
font-size: 16px;
text-transform: uppercase;
margin: 0;
padding: 10px 0px;
}
.block-account {
box-shadow: 0 1px 0 #eee, 0 2px 0 #FFFFFF;
}
.block-account .block-content {
padding: 0 !important;
}
.block-account .block-content ul {
margin-top: 5px;
margin-bottom: 5px;
}
.block-account .block-content li {
padding: 10px 0px;
box-shadow: 0 1px 0 #eee, 0 2px 0 #FFFFFF;
}
.block-account .block-content li:before {
content: "\f105";
font-family: FontAwesome;
font-size: 13px;
display: inline-block!important;
position: absolute;
cursor: pointer;
line-height: 22px;
color: #666;
}
.sidebar .block-content li.last {
border-bottom: none;
box-shadow: 0 0px 0 #eee, 0 0px 0 #FFFFFF;
}
.block-account .block-content li a {
cursor: pointer;
padding: 0 8px;
}
.block-account .block-content li a:hover {
cursor: pointer;
padding: 0 8px;
color: #70ad47;
}
.sidebar .block-content li.current {
font-weight: 600;
color: #333;
}
/* Block: Currency Switcher */
.block-currency {
}
.block-currency select {
width: 100%;
margin-right: 8px;
}
/* Block: Layered Navigation */
.block-layered-nav {
background-color: #FFFFFF;
}
.block-layered-nav .block-content {
padding: 0;
}
.block-layered-nav dt {
font-weight: bold;
overflow: hidden;
padding: 8px 0 5px;
position: relative;
text-overflow: ellipsis;
white-space: nowrap;
}
.block-layered-nav dd {
margin: 0;
padding: 0;
}
.block-layered-nav dd ol {
position: relative;
}
.block-layered-nav .currently {
}
.block-layered-nav .btn-remove {
float: right;
}
.block-list .price {
color: inherit;
font-size: 12px;
}
/* Block: Cart */
.block-cart {
padding: 0px;
overflow: hidden;
}
.block-cart .summary {
}
.block-cart .amount {
margin-bottom: 5px;
}
.block-cart .actions .paypal-logo {
float: left;
width: 100%;
margin: 3px 0 0;
text-align: right;
}
.block-cart .actions .paypal-logo .paypal-or {
clear: both;
display: block;
padding: 0 55px 5px 0;
}
.block-cart .mini-products-list .product-details .product-name,
.block-cart .mini-products-list .product-details .nobr small {
word-wrap: break-word;
}
.block-cart .mini-products-list .product-details .nobr {
white-space: normal !important;
}
.block-cart .summary {
margin: 0;
padding: 0;
position: relative;
z-index: 1;
}
.block-cart .amount a {
}
.block-cart .amount a:hover {
color:#70ad47;
text-decoration:none;}
.block-cart .subtotal {
margin: 0;
padding: 0;
text-align: left;
margin-bottom: 8px;
}
.block-cart .block-content .summary .subtotal .label {
background: none repeat scroll 0 0 transparent;
border-radius: 0 0 0 0;
box-shadow: none;
font-weight: normal;
padding: 2px 0;
text-shadow: none;
color:#333; font-size:14px;
}
.block-cart .subtotal .price {
color: #000;
font-size: 14px;
font-weight: 600;
}
.ajax-checkout {
border: 0 none;
margin: 0;
padding: 5px 0 5px;
text-align: left;
margin-bottom: 0px;
}
.ajax-checkout a {
border: 0px #dc436b solid;
background: #323C46;
text-shadow: 0 1px 0 #333;
border-radius: 0px;
color: #FFFFFF;
font-size: 11px;
padding: 8px 12px;
font-family: 'Source Sans Pro', sans-serif;
text-transform: uppercase;
}
.ajax-checkout a:hover {
border: 0px #111 solid;
background: #222;
padding: 6px 10px;
text-shadow: 0 1px 0 #000;
border-radius: 0px;
color: #FFFFFF;
font-size: 11px;
cursor: pointer;
}
.sidebar .block-cart .block-subtitle {
border-bottom: 1px solid #eee;
padding-bottom: 6px;
margin: 8px 0 8px;
font-family: 'Source Sans Pro', sans-serif;
font-weight: 600;
font-size: 14px;
}
.col-left .block-cart .block-content ul li .product-details {
float: right;
width: 200px;
}
.col-left .block-cart ul li.item {
border-bottom: 1px solid #ECECEC;
margin-bottom: 5px;
padding-bottom: 8px;
}
.col-left .block-cart ul li.item.last {
border-bottom: none;
margin-bottom: 5px;
padding-bottom: 0px;
}
.col-left .block-cart .block-content ul li a.product-image {
display: inline;
}
.col-left .block-cart .block-content ul li a.product-image img {
border: 1px solid #ECECEC;
}
.col-left .block-cart .block-content ul li .product-name {
margin: 0 0 2px;
font-size: 14px;
}
.col-right .block-cart .block-content ul li .product-details {
float: right;
width: 172px;
}
.col-right .block-cart ul li.item {
border-bottom: 1px solid #ECECEC;
margin-bottom: 5px;
padding-bottom: 8px;
}
.col-right .block-cart ul li.item.last {
border-bottom: none;
margin-bottom: 5px;
padding-bottom: 0px;
}
.col-right .block-cart .block-content ul li a.product-image {
display: inline;
}
.col-right .block-cart .block-content ul li a.product-image img {
border: 1px #ddd solid;
}
.col-right .block-cart .block-content ul li .product-name {
margin: 0 0 2px;
font-size: 14px;
}
.price, .breadcrumbs li strong, .product-details span.price,
#recently-viewed-items .price-box .special-price .price,
#recently-viewed-items .price-box .regular-price .price,
.availability.out-of-stock span {
color: #FF4C4C;
}
#cart-sidebar li {
border-bottom: 1px solid #ECECEC;
margin-bottom: 8px;
overflow: hidden;
padding: 5px 0;
}
#cart-sidebar li.last {
border-bottom: 0px solid #ECECEC;
padding: 5px 0;
}
#cart-sidebar1 li {
border-bottom: 1px solid #ECECEC;
margin-bottom: 8px;
overflow: hidden;
padding: 5px 0;
}
#cart-sidebar1 li.last {
border-bottom: 0px solid #ECECEC;
padding: 5px 0;
}
/* Block: Wishlist*/
.block-wishlist {
}
/* Block: Related */
.related-slider {
float: left;
margin: auto;
width: 100%;
margin-bottom: 15px;
}
.related-slider h2 {
color: #333;
font-family: 'Source Sans Pro', sans-serif;
font-size: 20px;
margin: 0px 0 20px;
text-align: left;
text-shadow: 0 1px 0 #fff;
}
.block-related {
}
.block-related .block-content {
padding: 0px 0 10px 0;
border: 1px solid #ECECEC;
border-top: none;
overflow: hidden;
}
.block-related ul {
margin: 0;
padding: 0;
}
.block-related li {
padding: 5px 0;
}
.block-related input.checkbox {
position: absolute;
left: 85px;
top: 14px;
z-index: 10;
}
.block-related .product {
margin-left: 20px;
}
.block-related .product .product-image {
float: left;
margin-right: -65px;
}
.block-related .product .product-details {
margin-left: 65px;
}
.block-related .mini-products-list .product-details {
margin-left: 125px;
text-align: left;
}
.block-related .mini-products-list .product-details .product-name {
text-align: left;
}
.block-related .mini-products-list .product-image {
width: 100px;
margin: 0;
padding: 0 10px;
}
.block-related .block-subtitle {
padding: 10px 10px 0 10px;
font-size: 13px;
font-weight: bold;
margin: 0;
}
.block-related .price-box .old-price .price {
display: inline;
font-size: 15px;
font-family: 'Source Sans Pro', sans-serif;
}
.block-related a.link-cart {
text-transform: uppercase;
font-size: 14px;
color: #23AEAC;
font-weight: bold;
font-family: 'Source Sans Pro', sans-serif;
}
.block-related a.link-cart:hover {
text-transform: uppercase;
font-size: 14px;
color: #CA0000;
font-weight: bold;
font-family: 'Source Sans Pro', sans-serif;
}
/* Block: Compare Products */
.block-compare {
background-color: #fff;
padding: 0px;
}
.block-compare li {
padding: 5px 0;
}
.block-compare .block-content ol, .block-compare .block-content ul {
margin: 0;
}
ol#compare-items li a.product-name {
font-size: 14px;
padding: 0 18px 0 8px;
margin: 0;
font-weight: normal;
color: #333;
line-height: 20px;
text-transform: none;
}
ol#compare-items li a.product-name span {
margin-right: 3px;
font-size: 20px;
font-weight: 400;
color: #777;
line-height: 15px;
font-family: 'Source Sans Pro', sans-serif;
float: left;
margin-bottom: 6px;
}
ol#compare-items li a.product-name:hover {
font-size: 14px;
color: #000;
}
ol#compare-items li {
margin: 0;
padding: 0 0 10px;
position: relative;
border-bottom: 1px solid #ECECEC;
margin-bottom: 10px;
background: none;
}
ol#compare-items li:before {
content: "\f105";
font-family: FontAwesome;
font-size: 13px;
display: inline-block!important;
position: absolute;
cursor: pointer;
line-height: 20px;
color: #666;
}
ol#compare-items li.last {
border-bottom: none;
margin-bottom: 0;
}
/* Block: Recently Viewed */
.block-viewed .block-content {
background-color: #fff;
padding: 5px 14px 14px;
}
.block-viewed li {
padding: 3px 0px !important;
list-style: none;
}
.block-viewed li.last {
padding: 0px;
border-bottom: 0px #eaeaea solid;
list-style: none;
}
.block-viewed li span {
color: #777777;
float: left;
font-family: 'Source Sans Pro', sans-serif;
font-size: 20px;
font-weight: normal;
line-height: 15px;
margin-bottom: 8px;
margin-right: 3px;
}
.block-viewed li:before {
content: "\f105";
font-family: FontAwesome;
font-size: 13px;
display: inline-block!important;
position: absolute;
cursor: pointer;
line-height: 20px;
color: #666;
}
.sidebar ol, .sidebar ul {
list-style: none;
padding: 0;
margin: 0;
}
#recently-viewed-items .product-name {
text-align: left;
margin: 0;
}
#recently-viewed-items .product-name a {
color: #333;
font-size: 14px;
font-weight: normal;
text-decoration: none;
font-family: 'Source Sans Pro', sans-serif;
padding: 0 8px;
}
#recently-viewed-items .product-name a:hover {
color: #70ad47;
font-size: 14px;
font-weight: normal;
text-decoration: none;
}
/* Block: Recently Compared */
.block-compared {
background-color: #fff;
padding: 12px;
}
.block-compared .block-content {
padding: 0;
}
.block-compared li {
padding: 6px 10px !important;
border-bottom: 1px #eaeaea solid;
list-style: none;
}
.block-compared li.last {
padding: 6px 10px !important;
border-bottom: 0px #eaeaea solid;
list-style: none;
}
.block-compared li span {
float: left;
margin-right: 5px;
font-size: 20px;
color: #666;
line-height: 20px;
font-family: 'Source Sans Pro', sans-serif;
}
.block-list, .block-viewed {
background-color: #fff;
padding: 0px;
}
/* Block: Poll */
.block-poll {
background-color: #fff;
padding: 0px;
}
.block-poll label {
margin-bottom: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-family: 'Source Sans Pro', sans-serif;
font-size: 14px;
color: #333;
line-height:15px;
}
.block-poll .block-subtitle {
color: #222;
font-weight: 600;
}
.block-poll input.radio {
float: left;
margin: 2px -18px 0 0;
}
.block-poll .label {
display: block;
margin-left: 18px;
text-align: left;
font-family: 'Source Sans Pro', sans-serif;
padding: 0.1em 0.3em 0.1em;
}
.block-poll li {
padding: 3px 0px !important;
background: none !important;
}
.block-poll .actions {
margin: 5px 0 0 0px;
padding: 0;
}
.block-poll .answer {
font-weight: bold;
}
.block-poll .votes {
float: right;
margin-left: 10px;
}
/* Block: Tags */
.block-tags {
background-color: #fff;
padding: 0px;
}
.block-tags .block-content {
overflow: hidden;
}
.block-tags ul, .block-tags li {
display: inline;
padding: 0 !important;
background: none !important;
border: none;
}
.block-tags .actions {
border: 0 none;
float: right !important;
margin-top: 10px;
padding: 0px;
text-align: left;
}
/* Block: Subscribe */
.block-subscribe {
background-color: #fff;
padding: 0px;
}
.block-subscribe .input-text {
width: 94%;
background: #f0f0f0;
border: 1px solid #f0f0f0;
color: #AAAAAA;
padding: 10px 7px;
font-size: 13px;
}
.block-subscribe .input-text:focus {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #DDDDDD;
color: #333333;
font-family: 'Source Sans Pro', sans-serif;
font-size: 14px;
outline: medium none;
padding: 9px 7px 10px;
vertical-align: middle;
}
.form-subscribe-header {
font-size: 14px;
margin-bottom: 8px;
color: #222;
}
/* Block: Recently Viewed */
.block-company {
}
.block-company .block-title {
font-family: 'Source Sans Pro', sans-serif;
font-size: 16px;
text-transform: uppercase;
margin: 0;
padding: 10px 0px;
}
.block-company .block-content {
padding: 0 !important;
}
.block-company ol {
margin: 5px 0;
}
.block-company li {
padding: 10px 0px !important;
list-style: none;
box-shadow: 0 1px 0 #eee, 0 2px 0 #FFFFFF;
}
.block-company li a {
padding: 0 8px;
}
.block-company li:before {
content: "\f105";
font-family: FontAwesome;
font-size: 13px;
display: inline-block!important;
position: absolute;
cursor: pointer;
line-height: 22px;
color: #666;
}
.block-company li.last {
padding: 10px 0px !important;
border-bottom: 0px #eaeaea solid;
list-style: none;
}
.block-company li span {
float: left;
margin-right: 5px;
font-size: 16px;
color: #aaa;
line-height: 16px;
font-family: 'Source Sans Pro', sans-serif;
}
.block-company li strong {
color: #333;
font-weight: 600;
padding: 0 8px;
}
/* Block: Reorder */
.block-reorder {
}
.block-reorder li {
padding: 5px 0;
}
.block-reorder input.checkbox {
float: left;
margin: 3px -20px 0 0;
}
.block-reorder .product-name {
margin-left: 20px;
}
/* Block: Banner */
.block-banner {
}
.block-banner .block-content {
text-align: center;
}
/* Block: Price */
.block-price {
background-color: #fff;
padding: 0px;
}
.block-price .block-content {
margin: 15px 0;
}
/* Block: Login */
.block-login label {
font-weight: bold;
color: #666;
}
.block-login input.input-text {
display: block;
width: 167px;
margin: 3px 0;
}
/*18. Product */
.product-title {
color: #333;
font-family: 'Source Sans Pro', sans-serif;
font-size: 18px;
font-weight: bold;
margin-bottom: 0;
padding-bottom: 12px;
text-align: left;
text-transform: none;
}
.prod_image_detail {
text-align: center;
padding-top: 10px;
}
.prod_image_detail .actions {
margin-top: 12px;
line-height: 1.4em;
margin: 5px 0;
padding: 0 0 10px 0;
}
.prod_image_detail .description {
margin: 15px 0 15px;
font-family: 'Source Sans Pro', sans-serif;
font-weight: normal;
font-size: 15px;
line-height: normal;
}
.products-grid .special-price .price {
font-size: 16px;
}
/* Price */
.price {
font-size: 14px;
color: #000;
white-space: nowrap !important;
}
.price-box {
margin: 6px 0;
}
.regular-price {
display: inline;
}
.regular-price .price {
font-weight: normal;
font-size: 16px;
color: #000;
}
.block .regular-price, .block .regular-price .price {
color: #000;
}
.minimal-price .price {
color: #70ad47;
font-size: 16px;
font-weight: bold;
}
.price-from .price {
color: #70ad47;
font-size: 16px;
font-weight: bold;
}
.price-to .price {
color: #70ad47;
font-size: 16px;
font-weight: bold;
}
.old-price .price-label {
white-space: nowrap;
color: #999;
display: none;
}
.old-price {
display: inline;
margin-right: 15px;
}
.old-price .price-label {
color: #777777;
display: none;
white-space: nowrap;
}
.old-price .price {
color: #777777!important;
font-size: 15px;
font-weight: normal;
text-decoration: line-through;
}
.latest-product .old-price .price-label {
display: none;
}
.special-price {
margin: 0;
padding: 3px 0;
display: inline;
}
.special-price .price-label {
color: #CD5033;
display: none;
font-size: 13px;
font-weight: 600;
white-space: nowrap;
}
.special-price .price {
font-size: 16px;
color: #70ad47;
font-weight: bold;
}
.special-price .price-label {
font-size: 13px;
font-weight: bold;
white-space: nowrap;
color: #cd5033;
display: none;
}
.latest-product .special-price .price-label {
display: none;
}
.minimal-price {
margin: 0;
}
.minimal-price .price-label {
white-space: nowrap;
}
.minimal-price-link {
display: inline;
}
.minimal-price-link .label {
}
.price-from {
margin: 0;
font-size: 12px;
margin-right: 10px;
display: inline-block;
}
.price-from .price-label {
font-weight: normal;
white-space: nowrap;
color: #909090;
font-size: 12px;
font-family: 'Source Sans Pro', sans-serif;
}
.price-to {
margin: 0;
font-size: 12px;
margin-left: 4px;
display: inline-block;
}
.price-to .price-label {
font-weight: normal;
white-space: nowrap;
color: #909090;
}
.minimal-price {
margin: 0;
}
.minimal-price .price-label {
font-weight: normal;
white-space: nowrap;
color: #909090;
font-family: 'Source Sans Pro', sans-serif;
font-size: 12px;
}
.minimal-price-link {
}
.minimal-price-link .label {
color: #909090;
margin-left: 4px;
}
.minimal-price-link .price {
color: #70ad47;
}
small {
font-size: 85%;
font-weight: normal;
text-transform: lowercase;
color: #999999;
}
.product-name {
color: #333;
margin: 0px;
font-family: 'Source Sans Pro', sans-serif;
font-size: 13px;
text-decoration: none;
display: block;
line-height: 20px;
}
a:hover.product-name {
color: #000;
margin: 0px;
font-family: 'Source Sans Pro', sans-serif;
font-size: 12px;
text-decoration: none;
line-height: 20px;
}
.sidebar .product-name a {
text-transform: none;
color: #333333; font-size:14px;
}
.sidebar .product-name a:hover {
text-transform: none;
color: #000;
}
/*19. Category Page */
.category-title {
border-bottom: 1px solid #ddd;
margin: 0 0 10px;
}
.category-image {
display: block;
margin: 0 auto;
}
.category-products {
padding-bottom: 5px;
}
.category-products ul.products-grid{ margin:auto -15px;}
.cat-img-title {
display: block;
position: absolute !important;
bottom: 0;
width: 80%;
margin: 6%;
padding: 0;
top: 66%;
}
.cat-img-title.cat-box {
margin: 22px 0%;
width: 100%;
padding: 20px;
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
z-index: 1000;
}
.cat-img-title.cat-bg .cat-heading, .cat-img-title.cat-bg p {
color: #FFFFFF;
}
.cat-img-title .cat-heading {
font-size: 28px;
font-family: 'Source Sans Pro',sans-serif;
}
.cat-img-title p {
font-size: 12px;
color: #FFFFFF;
}
.cat-img-title .cat-heading, .cat-img-title p {
transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
margin-bottom: 5px;
}
.cat-img-title p {
clear: left;
font-size: 12px;
line-height: 1em;
margin-bottom: 1px;
padding: 0.25em 0.5em;
}
/* Product Options */
.product-options {
padding: 0;
margin: 0;
}
.product-options dt {
margin-top: 20px;
}
.product-options dt label {
font-weight: normal;
font-size: 15px;
}
.product-options dt label em {
margin-right: 3px;
}
.product-options dt .qty-holder {
float: right;
}
.product-options dt .qty-holder label {
vertical-align: middle;
}
.product-options dt .qty-disabled {
background: none;
border: 0;
padding: 3px;
color: #000;
}
.product-options dd {
margin: 10px 0;
}
.product-options dl {
margin: 5px 0;
}
.product-options dl.last dd.last {
}
.product-options dd input.datetime-picker {
width: 150px;
}
.product-options dd .time-picker {
display: -moz-inline-box;
display: inline-block;
padding: 2px 0;
vertical-align: middle;
}
.product-options .options-list {
list-style: none;
padding: 0;
margin: 0;
}
.product-options .options-list li {
margin: 12px 0;
}
.product-options .options-list input.radio {
margin: -2px 0 0 0;
}
.product-options .options-list input.checkbox {
margin: -2px 0 0 0;
}
.product-options .options-list .label {
display: inline;
margin-left: 0;
padding: 0;
}
.product-options ul.validation-failed {
padding: 0 7px;
}
.product-options p.required {
padding: 0;
display: none;
}
.product-options label {
display: inline;
margin-bottom: 0;
line-height: 17px;
}
.product-options .qty-holder {
display: block;
margin: 8px 0;
}
.product-options .label, .product-options .badge {
background-color: transparent;
text-shadow: none;
}
.product-options .qty {
margin-bottom: 0;
width: 30px;
}
.product-options-bottom {
padding: 25px 0;
}
.product-options-bottom .price-box {
margin: 10px 0;
}
/* Grouped Product */
.product-view .grouped-items-table {
margin-top: 50px;
margin-bottom: 10px;
border-bottom: none;
}
/* Block: Description */
.product-view .box-description {
}
/* Block: Additional */
.product-view .box-additional {
}
/* Block: Upsell */
.product-view .box-up-sell {
}
.product-view .box-up-sell .products-grid td {
width: 25%;
}
/* Block: Tags */
.product-view .box-tags {
}
.product-view .box-tags .form-add label {
float: left;
line-height: 33px;
font-weight: bold;
font-family: "Source Sans Pro", sans-serif;
}
.product-view .box-tags .form-add .input-box {
float: left;
margin: 0 0 0 10px;
}
.product-view .box-tags .form-add input.input-text {
width: 320px;
outline: none;
}
.product-view .box-tags .form-add p {
clear: both;
}
/* Block: Reviews */
.product-view .box-reviews {
}
.product-view .box-reviews .form-add {
}
/* Send a Friend */
.send-friend {
}
/* Availability, Brand */
.availability, .product-brand {
margin: -42px 0 8px;
font-weight: normal;
font-size: 13px;
position: absolute;
right: 15px;
}
.availability span, .product-brand span {
font-weight: normal;
}
.availability.in-stock span {
color: green;
}
.availability.out-of-stock span {
color: #d83820;
}
.availability-only {
margin: 0 0 7px;
}
.availability-only a {
cursor: pointer;
padding-right: 15px;
}
.availability-only .expanded {
background-position: 100% -15px;
}
.availability-only strong {
}
.availability-only-details {
margin: 0 0 7px;
}
.availability-only-details th {
background: #f2f2f2;
font-size: 10px;
padding: 0 8px;
}
.availability-only-details td {
border-bottom: 1px solid #ddd;
font-size: 11px;
padding: 2px 8px 1px;
}
.availability-only-details tr.odd td.last {
}
/*20. View Type: List */
.products-list {
}
.products-list .product-name {
text-align: left;
margin: 0px 0 5px;
}
.products-list .product-name a {
font-size: 16px;
color: #70ad47;
font-weight: normal;
text-align: left;
font-family: 'Source Sans Pro', sans-serif;
}
.products-list .product-name a:hover {
text-decoration:none;}
.products-list .item.first {
margin: 0px;
padding: 15px 0;
overflow: hidden;
margin-bottom: 22px;
background-color: #FFFFFF;
border-bottom: 1px solid #ddd;
}
.products-list .item {
padding: 15px 0;
overflow: hidden;
margin: 0 0 5px !important;
background-color: #FFFFFF;
border-bottom: 1px solid #aaa;
}
.products-list .item a {
font-weight: normal;
}
.products-list .item a:hover {
color: #333;
}
.separator {
color: #D0D5DA;
}
.products-list .item h3 {
font-weight: normal;
color: #353535;
padding-bottom: 2px;
}
.products-list .item h3 a {
font-weight: normal;
font-size: 12px;
color: #407CBF;
text-decoration: none;
}
.products-list .item h3 a:hover {
font-weight: normal;
font-size: 12px;
color: #333;
text-decoration: underline;
}
ol.products-list {
padding: 0;
margin: 15px 0 0 0;
}
.products-list .last {
margin-bottom: 0;
border-bottom: none;
}
li .list {
border-bottom: none;
}
.products-list .product-image {
float: left;
}
.products-list .product-shop {
float: right;
width: 72%;
text-align: left;
margin-left: 20px;
}
.products-list .product-shop .desc {
font-size: 14px;
font-family: 'Source Sans Pro', sans-serif;
margin-bottom: 6px;
margin-top: 5px;
color: #666;
}
.products-list .product-shop p {
font-size: 14px;
font-family: 'Source Sans Pro', sans-serif;
color: #333; padding:0;
}
.products-list .product-shop .price-box {
margin: 10px 0;
}
.products-list .desc .link-learn {
font-size: 14px;
font-weight: normal;
margin-top: 5px;
color: #000;
}
.products-list .product-shop .desc a:hover {
color:14px;
color:#70ad47;
text-decoration:none;}
.products-list .add-to-links {
padding-left: 2px;
}
.products-list .add-to-links a:hover {
text-decoration:none;
}
.link-wishlist, .link-compare {
color: #666;
text-shadow: none;
border: none;
box-shadow: none;
}
.link-wishlist:hover, .link-compare:hover {
color: #666;
text-shadow: none;
border: none;
box-shadow: none;
background: none;
padding: 0;
}
.link-wishlist, .link-compare, .link-friend, .link-edit {
padding: 0;
background: none;
}
.products-list .actions .add-to-links a.link-wishlist, .products-list .actions .add-to-links a.link-compare {
display: inline-block;
padding: 2px;
border: 1px solid #70ad47;
cursor: pointer!important;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
background: none;
margin-right: 8px;
}
.products-list .actions .add-to-links a.link-wishlist span, .products-list .actions .add-to-links a.link-compare span {
display: block;
padding: 0 22px;
border: 1px solid #70ad47;
height: 28px;
line-height: 28px;
text-transform: uppercase;
font-family: 'Source Sans Pro', sans-serif;
font-size: 12px;
letter-spacing: 1px;
color: #70ad47;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.products-list .actions .add-to-links a.link-wishlist:hover, .products-list .actions .add-to-links a.link-compare:hover {
display: inline-block;
padding: 2px;
border: 1px solid #fff;
cursor: pointer!important;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
background: #70ad47;
}
.products-list .actions .add-to-links a.link-wishlist:hover span, .products-list .actions .add-to-links a.link-compare:hover span {
display: block;
border: 1px solid #fff;
text-transform: uppercase;
font-family: 'Source Sans Pro', sans-serif;
color: #fff;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.product-view .product-shop .link-wishlist, .product-view .product-shop .link-compare,
.product-view .product-shop .link-friend, .product-view .product-shop .link-edit {
}
/* static contain */
.static-contain .group-select li .input-box input.input-text, .group-select li .input-box textarea {
width: 440px;
}
.static-contain .group-select li .input-box {
width: 470px;
}
.static-contain .group-select li textarea {
width: 910px;
}
.static-contain .group-select li textarea:focus {
width: 50% !important;
}
.static-contain .group-select li input.input-text.required-entry, .group-select li textarea {
width: 50% !important;
}
/*21. Product detail View */
.product-view {
margin-top: 12px;
margin: auto;
position: relative;
z-index: 0;
}
#cloud-zoom-big {
border: 3px #ddd solid;
z-index: 10000 !important; left:10px !important;
}
.product-essential {
margin-top: 15px;
background-color: #FFFFFF;
}
.product-collateral .box-collateral {
margin: 0 0 15px;
}
.product-essential .product-img-box {
position: relative;
}
.product-essential .product-image {
margin-right: auto;
margin-bottom: 15px;
position: relative;
float: left;
}
.product-essential .product-image.no-gallery {
margin-left: auto;
}
.product-essential .product-image img {
height: auto;
width: 100%;
}
.product-essential .button-viewall {
position: absolute;
left: 5px;
bottom: 5px;
text-indent: -999em;
z-index: 9999;
}
.more-views {
margin: 8px auto 10px;
width: 100%;
clear: both;
}
.more-views li {
float: left;
margin: 0 12px 0 0;
border: 1px #ddd solid;
height: 85px
}
.more-views li a {
display: block;
text-align: center;
width: 70px;
}
.more-views li a img {
width: 70px;
}
.more-views .jcarousel-next:before {
content: "\f105";
font-family: FontAwesome;
font-size: 26px;
padding-right: 5px;
vertical-align: top;
right: -20px;
top: 28px;
display: inline-block!important;
position: absolute;
cursor: pointer;
}
.more-views .jcarousel-prev:before {
content: "\f104";
font-family: FontAwesome;
font-size: 26px;
padding-right: 5px;
vertical-align: top;
left: -20px;
top: 28px;
display: inline-block!important;
position: absolute;
cursor: pointer;
}
.more-views .jcarousel-clip {
overflow: hidden;
}
#more-views-slider img {
width:100%;
border: 1px #ddd solid;
}
.more-views .owl-theme .owl-controls .owl-buttons div {
background:none;
}
.more-views .slider-items-products .owl-buttons .owl-next a {
left: 28px;
background: none;
border: none;
}
.more-views .slider-items-products .owl-buttons .owl-next a:hover, .more-views.slider-items-products .owl-buttons .owl-prev a:hover {
color:#000;
}
.more-views .slider-items-products .owl-buttons .owl-prev a {
left: -35px;
background: none;
border: none;
}
.icon-minus:before {
outline: none;
background-color: #EAEAEA;
position: absolute;
left: 160px;
border-radius: 0;
top: 0px;
}
.product-essential .more-images {
width: 92px;
float: left;
overflow: hidden;
margin-top: -20px;
padding-top: 20px;
padding-bottom: 20px;
}
.product-essential .more-images .normal-list {
margin-top: -6px;
}
.product-essential .more-images ul {
list-style: none;
padding: 0;
margin: 0;
}
.product-essential .elastislide-vertical {
margin-top: -6px;
}
.product-essential .more-images img {
padding: 6px 0;
width: 100%;
}
/* Product Shop */
.product-view .product-shop .add-to-box button.button.btn-cart span {
background: none;
margin-left: 10px;
}
.product-additional .add-logo {
border: 1px solid #DDDDDD;
margin-bottom: 15px;
margin-top: 10px;
padding: 20px 15px 14px;
text-align: center;
}
.product-view .flexslider-thumb {
max-width: 420px;
margin: 30px auto 0;
padding: 0 32px;
position: relative; z-index:1000;
}
.product-view-compact .flexslider-thumb {
margin: 17px auto 0
}
.product-view .flexslider-thumb .flex-viewport {
z-index: 10
}
.product-view .flexslider-thumb .flex-direction-nav {
top: 30%;
left: 0;
width: 100%;
z-index: 9
}
.product-view .flexslider-thumb .flex-prev {
position: absolute;
left: 12px;
top: 0px;
}
.product-view .flexslider-thumb .flex-next {
position: absolute;
right: 20px;
top: 0px;
}
.product-view .flexslider-thumb li img {
cursor: pointer;
-moz-user-select: none
}
.product-view .previews-list {
padding: 0;
list-style-type: none;
text-align: center
}
.product-view .previews-list li {
width: 76px;
margin-right: 7px;
padding: 0;
float: none;
display: inline-block;
}
.product-view-compact .rating {
padding: 18px 0 21px
}
.product-view-compact .btn-toolbar {
margin: 0;
padding: 7px 0 22px
}
.product-view-compact .price {
display: block;
padding: 6px 0 20px
}
.product-view .flexslider-thumb-vertical-outer {
margin: 0 10px 15px 0;
width: 76px;
float: left;
position: relative;
z-index: 1
}
.product-view .flexslider-thumb-vertical .flex-viewport {
height: 300px!important
}
.product-view .flexslider-thumb-vertical .slides {
margin: -4px 0 0;
padding: 0;
list-style-type: none
}
.product-view .flexslider-thumb-vertical .slides li {
margin: 0;
padding: 0;
overflow: hidden
}
.product-view .flexslider-thumb-vertical .slides li img {
width: 100%;
padding: 4px 0;
cursor: pointer;
-moz-user-select: none
}
.flex-direction-nav, .slider-controls {
-webkit-transform: translate3d(0, 0, 0)
}
.product-additional .block-product-additional {
margin: 0px!important;
}
.product-additional .block .block-title {
border-bottom: 2px solid #333;
color: #000000;
font-size: 14px;
margin: 0;
padding: 13px;
text-transform: uppercase;
text-align: center;
margin: 0px;
background: #F5F5F5;
}
.block .block-content {
background-color: #FFFFFF;
border-top: medium none;
font-size: 14px;
overflow: hidden;
padding: 12px 0;
}
.product-view .product-name {
margin: 0 !important;
}
.product-view .product-name h1 {
font-size: 38px;
margin: 0 0 10px;
text-align: left;
line-height: normal;
border-bottom: 1px solid #E5E5E5;
padding-bottom: 10px;
letter-spacing: normal;
word-spacing: normal;
font-weight: bold;
}
.product-view .short-description {
border-bottom: 0px solid #DFDFDF;
padding-bottom: 25px;
font-size: 14px;
}
.product-view .product-shop .add-to-box {
padding: 0px;
overflow: hidden;
text-align: center;
margin: 0;
}
.email-addto-box {
margin-bottom: 0;
margin-top: 15px;
overflow: hidden;
}
.product-view .product-shop .add-to-box .btn-cart {
color: #fff;
font-size: 18px;
font-family: FontAwesome;
border: none;
text-shadow: none;
padding: 4px;
margin-top: 0px;
transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
}
.product-view .product-shop .add-to-box .btn-cart span {
font-size: 18px;
height:36px;
line-height:36px;
}
.product-view .product-shop .add-to-box .btn-cart:hover {
background: #70ad47;
text-shadow: none;
color: #fff;
}
.product-view .product-shop .add-to-box .icon-basket {
margin-right: 5px;
}
.product-view .product-shop .add-to-links {
margin: 0px 0;
font-size: 13px;
overflow: hidden;
}
.product-view .product-shop ul.add-to-links {
margin: 0;
padding: 0;
margin-top: 7px;
display: inline-block;
float: left;
}
.product-view .product-shop .add-to-links li {
display: inline-block;
margin-bottom: 7px;
}
.product-view .product-shop .add-to-links li .separator {
display: none;
}
.product-view .product-shop .add-to-links .link-wishlist:before {
content: "\f004";
font-family: FontAwesome;
font-size: 14px;
padding: 7px;
vertical-align: top;
height: 25px;
width: 25px;
color: #70ad47;
text-align: center;
margin-right: 2px;
}
.product-view .product-shop .add-to-links .link-wishlist {
color: #333;
line-height: 30px;
font-size: 14px;
margin: 0 15px 0 0;
font-weight: normal;
}
.product-view .product-shop .add-to-links .link-compare:before {
content: "\f074";
font-family: FontAwesome;
font-size: 14px;
padding: 7px;
vertical-align: top;
height: 25px;
width: 25px;
color: #70ad47;
text-align: center;
margin-right: 2px;
}
.product-view .product-shop .add-to-links .link-compare {
color: #333;
line-height: 30px;
font-size: 14px;
border: none;
background-color: #FFFFFF;
font-family: 'Source Sans Pro', sans-serif;
font-weight: normal;
}
.product-view .product-shop .add-to-links .link-compare:hover,
.add-to-links .link-wishlist:hover {
color: #333 !important;
line-height: 30px;
font-size: 14px;
border: none;
background-color: #FFFFFF;
}
.product-view .product-shop ul.add-to-links a {
padding: 0;
margin: 0;
}
.product-view .product-shop ul.add-to-links a:hover {
text-decoration:none;
color:#70ad47;}
.product-view .product-shop .ratings {
padding: 5px 0;
margin: 6px 0;
}
.product-view .product-shop .ratings .rating-links {
margin-bottom: 12px;
}
.product-view .product-shop .price-box {
display: block;
padding: 5px 0px 8px 0;
margin: 0 0 6px 0;
}
.product-view .product-shop .price-box .old-price {
margin-right: 5px;
margin-top: 0;
display: inline-block;
}
.product-view .product-shop .special-price {
display: inline-block;
margin: 0;
padding: 0;
}
.product-view .product-shop .old-price .price {
font-size: 24px;
}
.product-view .product-shop .price {
font-size: 30px;
color: #70ad47;
font-weight: normal;
}
.product-view .product-shop .price-box-bundle .price {
font-size: 22px;
}
.product-view .product-shop .price-as-configured .price {
font-size: 22px;
}
.add-to-cart .qty, .qty-holder .qty {
background-color: #FFFFFF;
border: 1px solid #E0E0E0;
}
.product-shop .button-up, .product-shop .button-down {
height: 44px;
width: 44px;
}
.add-to-cart .button-up, .add-to-cart .button-down {
left: 94px;
position: absolute;
}
.block-layered-nav .button-arrow.open, .button-up {
background-image: url(/web/20180825114732im_/http://namkhangfurniture.com/template/Default/css/plus-img.png);
background-position: 16px 16px;
}
.button-up:hover {
}
.button-down:hover {
}
.button-up, .button-down {
height: 44px;
width: 35px;
border: none;
}
.block-layered-nav .button-arrow, .elastislide-vertical
.elastislide-next, .button-down, .opc .step-title a {
background-position: 16px 16px;
}
.button-up:hover, .button-up:focus {
background-position: 16px 16px;
}
.button-down:hover, .button-down:focus {
background-position: 16px 16px;
}
.block-progress {
background-color: #FFFFFF;
}
.block-progress .block-content {
padding: 12px 0px 15px;
text-align: left;
}
.block-progress dl {
border-top: none !important;
}
.block-progress dt {
font-weight: normal;
text-transform: none;
padding: 10px 0;
font-size: 12px;
}
.block-progress dt.complete, .block-progress dd.complete {
font-size: 14px;
padding: 0;
margin: 0;
}
.block-progress dt.complete a, .block-progress dd.complete a {
font-size: 14px;
font-weight: normal;
text-decoration: underline;
text-transform: none;
color: #666666;
}
.block-progress dt.complete a:hover, .block-progress dd.complete a:hover {
font-size: 14px;
font-weight: normal;
text-decoration: underline;
text-transform: none;
color:#70ad47;
}
.block-progress dt.complete {
background-color: #fff;
margin: 0 0 5px 0;
}
.block-progress dd {
border: 0px solid #ddd;
margin: 0 0 6px;
padding: 0px 0px 8px !important;
}
address {
display: block;
font-style: normal;
line-height: 20px;
color: #A6B3BF;
}
.opc {
position: relative;
}
.opc ul, .opc ol {
margin: 0;
padding: 0;
list-style: none;
}
.opc li.section {
border-bottom: 0;
}
.opc .buttons-set.disabled button.button {
display: none;
}
.opc .buttons-set .please-wait {
height: 21px;
line-height: 21px;
}
.opc .step-title {
position: relative;
padding: 10px 12px;
font-size: 16px;
font-weight: bold;
line-height: 1.5;
}
.opc .step-title .number {
float: left;
margin-right: 5px;
}
.opc .step-title h2 {
float: left;
text-transform: none;
font-size: 16px;
font-weight: bold;
line-height: 1.5;
margin: 0;
padding: 0 30px 0 0;
cursor: pointer;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.opc .step-title a {
}
.opc .allow .step-title {
overflow: hidden;
}
.opc .active {
}
.opc .active .step-title {
border-radius: 3px 3px 0 0;
border-top: 1px solid #ECECEC;
}
.opc .step {
padding: 15px 12px 20px;
position: relative;
border: 1px solid #ECECEC;
border-top: none;
}
.opc .step form {
margin-bottom: 0;
}
.opc .step .tool-tip {
right: 10px;
}
.opc .order-review {
}
.opc .order-review .authentication {
}
.opc .order-review .warning-message {
}
/* Related Products */
.related-block {
}
#related-products-slider .owl-buttons a {
cursor: pointer;
position: absolute;
transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
color: #666;
background: #f9f9f9;
right: 0;
line-height: 22px;
height: 30px;
width: 30px;
}
#related-products-slider .owl-buttons .owl-prev {
position: absolute;
left: 92%;
top: -45px;
}
#related-products-slider .owl-buttons .owl-next {
position: absolute;
right:30px;
top: -45px;
}
#related-products-slider .owl-buttons .owl-next a {
background-position: 100% 100%;
left: 0%;
top: 0%;
}
#related-products-slider .owl-buttons .owl-prev a {
background-position: 0 100%;
left: 0;
top: 0%;
}
.related-block li {
border: none;
}
.related-block h4 {
font-size: 12px;
}
.related-block .block-title {
border-bottom: 1px solid #E5E5E5;
color: #000000;
font-size: 14px;
margin: 0;
padding: 10px 0;
text-transform: uppercase;
text-align: left;
background: #fff;
font-weight: bold;
}
.owl-buttons {
opacity: 1 !important;
}
.slider-items-products .owl-buttons .owl-prev {
position: absolute;
left: 0px;
top: 50%;
}
.slider-items-products .owl-buttons .owl-next {
position: absolute;
right: 15px;
top: 50%;
}
.slider-items-products .owl-buttons .owl-prev a {
background-position: 0 100%;
left: 0;
top: 50%;
}
.slider-items-products .owl-buttons .owl-next a {
background-position: 100% 100%;
left: -15px;
top: 50%;
}
.slider-items-products .owl-buttons .owl-next a:before {
font-family: 'FontAwesome';
font-style: normal;
font-weight: normal;
speak: none;
-webkit-font-smoothing: antialiased;
content: "\f105";
text-transform: none;
font-size: 18px;
padding: 6px 6px 6px 6px;
line-height: 26px;
}
.slider-items-products .owl-buttons .owl-prev a:before {
font-family: 'FontAwesome';
font-style: normal;
font-weight: normal;
speak: none;
-webkit-font-smoothing: antialiased;
content: "\f104";
text-transform: none;
font-size: 18px;
padding: 6px 4px;
line-height: 26px;
}
.slider-items-products .owl-buttons a {
background: #f3f3f3;
display: block;
height: 30px;
margin: -16px 0 0;
position: absolute;
top: 50%;
width: 30px;
z-index: 5;
border: 1px solid #f3f3f3;
color: #666;
}
.owl-item .item {
margin: 0 10px;
}
#related-products-slider.product-flexslider{ margin:10px -10px;}
#upsell-products-slider.product-flexslider{ margin:10px -10px;}
.product-flexslider {
margin: 10px 0px;
}
.slider-items-products {
margin-right: 0px;
}
.slider-items-products .owl-buttons a:hover {
text-decoration: none;
background: #000;
color: #fff;
}
#category-desc-slider .owl-item .item {
margin: 0px 0px;
}
.owl-item .item {
}
.related-pro, .upsell-pro {
margin-top: 30px;
}
.mousetrap {
width: 100% !important;
height: 100% !important;
}
.cloud-zoom img {
width: 100%;
}
/* This is the loading message. */
.cloud-zoom-loading {
color: white;
background: #222;
padding: 3px;
border: 1px solid #000;
display: none;
}
.product-img-box .new-top-left {
top: 5px;
left: 21px;
z-index: 10000;
}
/* This is the moving lens square underneath the mouse pointer. */
.cloud-zoom-lens {
border: 1px solid #ccc;
margin: -1px;
background-color: #fff;
cursor: move;
display:block !important;
}
/* This is for the title text. */
.cloud-zoom-title {
font-family: Arial, Helvetica, sans-serif;
position: absolute !important;
background-color: #000;
color: #fff;
padding: 3px;
width: 100%;
text-align: center;
font-weight: bold;
font-size: 10px;
top: 0px;
}
/* This is the zoom window. */
.cloud-zoom-big {
border: 4px solid #ddd;
margin-left: 100%;
margin-top: 0px;
z-index: -10000;
}
/* upsell slider */
.up-sell-slider {
position: relative;
margin: 0 auto 35px;
padding: 0px;
float: left;
}
.up-sell-slider .block-content {
border-bottom: 1px solid #E5E5E5;
padding-bottom: 6px;
margin-bottom: 20px;
}
.up-sell-slider .block-title {
background-color: #fff;
padding: 8px 0px;
color: #333;
text-transform: uppercase;
font-family: 'Source Sans Pro',sans-serif;
;
font-size: 15px;
border-bottom: 1px solid #E5E5E5;
margin-bottom: 20px;
font-weight: bold;
}
/* Related Products */
.related-block .block-title {
background-color: #FFFFFF;
border-bottom: 1px solid #ddd;
color: #222222;
font-family: "Lato", sans-serif;
font-size: 16px;
font-weight: 400;
margin: 0;
padding: 4px 0;
text-transform: uppercase;
text-align: left;
margin-bottom:15px;
}
.related-block .block-title span {
color: #222222;
padding-bottom: 8px;
}
.related-block li {
border: none;
}
.related-block h4 {
font-size: 12px;
}
.related-block .block-content {
padding-top: 0px;
}
.related-block h2 {
font-size: 15px;
font-weight: bold;
}
#upsell-products-slider .owl-buttons a {
cursor: pointer;
position: absolute;
transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
color: #666;
background: #f9f9f9;
right: 0;
line-height: 22px;
height: 30px;
width: 30px;
}
#upsell-products-slider .owl-buttons .owl-prev {
position: absolute;
left: 92%;
top: -45px;
}
#upsell-products-slider .owl-buttons .owl-next {
position: absolute;
right: 30px;
top: -45px;
}
#upsell-products-slider .owl-buttons .owl-next a {
background-position: 100% 100%;
left: 0%;
top: 0%;
}
#upsell-products-slider .owl-buttons .owl-prev a {
background-position: 0 100%;
left: 0;
top: 0%;
}
/* Product Collatera */
.product-collateral {
padding: 0px;
background-color: #FFFFFF;
margin-bottom: 15px;
overflow: hidden;
margin-top: 20px;
display: block;
width:100%;
}
.addtional-info {
}
.product-tabs {
margin-bottom: 10px;
width: 100%;
}
#product-tabs {
margin: 0;
padding: 0;
position: relative;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
#product-tabs > dt {
text-transform: none;
font-size: 14px;
padding: 8px 0px;
cursor: pointer;
color: #102343;
text-transform: none;
font-family: 'Source Sans Pro',sans-serif;
}
#product-tabs > dt.open {
position: relative;
background-color: #fff;
z-index: 10;
color: #2CA2E3;
}
#product-tabs > dd {
display: none;
right: 0;
top: 0;
background-color: #fff;
margin: 0;
padding: 6px 0;
line-height: 1.8;
border-bottom-width: 0 !important;
font-size: 14px;
}
#product-tabs > dd h2 {
display: none;
}
#customer-reviews .detail {
font-size: 14px;
line-height: 18px;
}
#customer-reviews h3 {
border-bottom: 1px solid #ccc;
padding: 8px 0;
margin-top: 14px;
margin-bottom: 10px;
font-size: 15px;
text-transform: none;
font-family: 'Source Sans Pro',sans-serif;
}
#customer-reviews h4 {
display: inline;
font-size: 15px;
}
#customer-reviews h5 {
display: inline;
font-size: 15px;
}
.box-reviews dl {
margin-bottom: 0;
}
.box-reviews dt {
font-size: 18px;
padding: 20px 0 10px;
}
.review-title {
margin-top: 0;
line-height: 1.4;
padding-bottom: 15px;
margin-bottom: 0;
font-size: 13px;
font-weight: 400;
}
.review-title span {
font-size: 14px;
font-weight: 400;
margin-top: 5px;
}
.box-reviews > .rating-box {
position: absolute;
top: 30px;
right: 30px;
}
.box-reviews dd {
margin-left: 0;
padding-bottom: 20px;
}
.box-reviews .author {
font-style: italic;
font-size: 14px;
font-weight: bold;
margin-right: 5px;
}
.box-reviews .date {
color: #bdbdbd;
font-size: 14px;
font-style: italic;
}
.box-reviews .ratings-table {
margin: 10px 0;
}
#customer-reviews .form-list li label {
color: #333;
font-family: 'Source Sans Pro',sans-serif;
font-size: 16px;
}
.box-reviews .form-add h3 {
margin-bottom: 5px;
font-size: 14px;
font-family: 'Source Sans Pro',sans-serif;
font-weight: 400;
}
.box-reviews .form-add h4 {
font-size: 15px;
}
.box-reviews textarea {
width: 95%;
}
.upsell-products .item .product-image, .crosssell-products .item .product-image {
width: 190px;
margin-left: auto;
margin-right: auto;
}
#crosssell-products-list .products-grid.products-grid li {
width: 218px;
margin-right: 10px;
}
#crosssell-products-list .products-grid.products-grid li.last {
width: 218px;
margin-right: 0px;
}
#crosssell-products-list .prod_image_detail .price-box {
padding: 0;
}
#crosssell-products-list .prod_image_detail .price-box .price {
font-size: 14px;
}
#product-tabs > dd h2.product-name {
display: block;
}
#product-tabs .crosssell .flex-direction-nav a {
width: 50px;
height: 40px;
top: 112px;
}
#product-tabs .crosssell .flex-direction-nav .flex-prev {
right: auto;
left: -10px;
}
#product-tabs .crosssell .flex-direction-nav .flex-next {
right: -10px;
}
.box-up-sell .flex-direction-nav a, .box-cross-sell .flex-direction-nav a {
width: 54px;
height: 44px;
top: 0;
margin-top: -76px;
margin-right: -1px;
}
.product-view .box-tags .form-add input.input-text {
width: 350px;
background-color: #FFFFFF;
border: 1px solid #CCCCCC;
border-radius: 2px;
box-shadow: 0 1px 5px #eee inset;
margin-right: 10px;
padding: 8px;
}
.up-sell-box {
border: 1px #ddd solid;
border-top: none;
}
.up-sell-box p.desc {
margin: 0;
padding: 10px 10px 0 10px;
}
#brand-slider .flex-direction-nav a {
width: 55px;
height: 42px;
top: 0;
margin-right: -1px;
}
.featured-products .flex-direction-nav a {
width: 54px;
height: 43px;
top: 0;
margin-top: -43px;
margin-right: -1px;
}
#featured-products-list-slider {
border: 1px #ddd solid;
border-top: none;
width: 840px;
height: 485px;
}
.box-up-sell .flex-direction-nav .flex-prev, .box-cross-sell .flex-direction-nav .flex-prev,
#brand-slider .flex-direction-nav .flex-prev, .featured-products .flex-direction-nav .flex-prev {
right: 53px;
}
.main .box-up-sell h2.subtitle .line, .main .box-cross-sell h2.subtitle .line,
.brand-slider-wrap h2.subtitle .line, .featured-products h2.subtitle .line {
right: 130px;
}
.featured-products {
position: relative;
}
.product-view .box-tags .form-add label {
line-height: 42px;
font-size: 16px;
}
.product-view .box-tags .form-add .button {
height: 35px;
}
#addTagForm {
margin-bottom: 5px;
margin-top: 10px;
}
.product-view .box-up-sell {
margin-top: 10px;
float: left;
}
.product-view .box-up-sell .subtitle {
margin-right: 0;
}
.mini-products-list .price-box * {
display: inline;
}
.mini-products-list .price-box .price {
margin-right: 10px;
}
/* Product Tabs */
.product-tabs {
background-color: #FFFFFF;
height: 42px;
line-height: normal;
margin: 0;
outline: medium none;
padding: 0;
position: relative;
background: url(/web/20180825114732im_/http://namkhangfurniture.com/template/Default/css/lhs-header-bg1.png) repeat-x bottom left;
margin-top: 15px;
}
.product-tabs li {
float: left;
height: auto;
line-height: normal;
margin: 0;
outline: none;
padding: 0;
list-style: none;
margin-right: 5px;
}
.product-tabs li.active {
background: none;
}
.product-collateral .title-divider {
position: relative;
top: -1px;
}
.product-tabs-content {
margin: 0;
padding: 5px 0px 12px;
border-top: 1px solid #E6E6E6;
border-top: none;
background-color: #fff;
width: 565px;
}
.product-tabs-content-inner {
outline: none;
padding: 12px 0;
clear: both;
}
.product-tabs-content-inner h2 {
margin: 5px 0;
}
.product-tabs-content .form-add h2 {
font-size: 100%;
font-weight: 900;
}
.product-tabs-content h1 {
outline: none;
}
.product-tabs-content h3 {
font-size: 100%;
}
.product-tabs-content dl {
margin: 0;
padding: 0;
}
.product-tabs-content dt {
font-weight: normal;
padding: 8px 0;
}
.product-tabs-content dd {
margin: 0;
}
.product-tabs-content h1, .product-tabs-content h2,
.product-tabs-content h3, .product-tabs-content h4,
.product-tabs-content h5, .product-tabs-content h6 {
font-weight: lighter;
height: auto;
margin: 0;
padding: 0;
}
.product-tabs-content table {
margin: 10px 0;
}
.product-tabs-content #review-form h4 {
margin: 5px 0 15px;
}
.product-tabs-content h4 {
font-size: 100%;
}
.product-tabs li:hover, .product-tabs li:hover a {
color: #222;
}
#product-tabs {
border: 0px solid #eee;
border-bottom-width: 0;
}
#product-tabs {
}
.box-reviews dd, .review-title {
border-bottom: 1px solid #ccc;
}
#product-tabs > dt {
border-bottom: 1px solid #ccc;
}
#product-tabs > dd {
border-left: 0px solid #ccc;
border-bottom: 1px solid #ccc;
}
fieldset {
border: 0 none;
margin: 0;
padding: 0;
}
#product-review-table {
margin: 10px 0;
border: medium none;
}
#product-review-table th, #product-review-table td {
text-align: left;
}
.tab-box {
padding: 0px 0;
margin-top: 6px;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus, .nav-tabs>li>a:hover {
background:none;
border:none;
border-bottom: 4px solid #70ad47;
line-height: 18px; padding:12px 16px 8px;
}
.tab-box a.activeLink:hover {
color: #222;
font-weight: bold;
}
.nav-tabs li.active a {
border:none;
border-bottom: 4px solid #70ad47;
color: #222;
line-height: 18px;
}
.nav-tabs a.active {
border-bottom: 4px solid #70ad47;
color: #222;
font-weight: bold;
}
.nav-tabs a {
border-bottom: none;
color: #888;
margin-right: 0px ;
padding: 10px 20px;
text-decoration: none;
text-transform: uppercase;
font-size: 14px;
font-weight: bold;
transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
line-height: 37px;
}
.nav-tabs a:hover {
text-decoration: none;
border-bottom: 4px solid #70ad47;
}
.tabLink {
color: #ccc;
font-weight: normal;
}
.tab-content {
background-color: #FFFFFF;
border: 0px #ccc solid;
padding: 20px;
overflow: hidden;
width: auto;
font-size: 14px;
}
.tab-content .std ul li {
color: #333;
list-style: square outside none;
margin-left: 1em;
}
.hide {
display: none;
}
.form-add-tags input.input-text, select, textarea {
padding: 10px;
margin-top: 0px;
width: 360px;
}
.form-add-tags button span {
height: 37px;
line-height: 36px;
}
.additional p {
font-size: 14px;
}
.product-options dt label, .box-reviews dt, .data-table,
.fraction-slider .slide-subtitle {
font-family: 'Source Sans Pro',sans-serif;
}
.specs-table {
margin-top: 5px !important;
}
.specs-table dt {
float: left;
font-weight: bold;
padding: 0 3px 3px 0;
width: 60px;
}
.specs-table dd {
padding: 0 0 0px 90px;
}
.data-table {
border: 1px solid #E5E5E5;
border-spacing: 0;
text-align: left;
}
.data-table thead tr, .data-table tfoot tr {
background-color: #fff;
}
#product-attribute-specs-table.data-table {
border: 1px solid #EAEAEA;
}
#product-attribute-specs-table.data-table tbody th, .data-table tbody td {
border-right: none;
}
#product-attribute-specs-table.data-table tbody th.last, .data-table tbody td.last {
border-right: none !important;
}
#product-attribute-specs-table.data-table tbody th.last, .data-table tbody td.last a {
text-decoration: none;
}
.form-add-tags label {
font-family: 'Source Sans Pro', sans-serif;
margin-bottom: 5px;
}
.form-add-tags button.button {
display: inline;
background: #222;
}
.data-table thead th, .data-table thead td, .data-table tfoot th,
.data-table tfoot td, .cart .totals table th, .cart .totals table td {
color: #333;
border-right: 0px solid #eaeaea;
border-bottom: 1px solid #E5E5E5;
font-family: 'Source Sans Pro', sans-serif;
}
.data-table tbody th, .data-table tbody td {
border-right: 0px solid #eaeaea;
border-bottom: 1px solid #eaeaea;
padding: 10px 10px 6px;
}
.cart-table tbody th, .cart-table tbody td {
border-right: 0px solid #eaeaea;
border-bottom: 1px solid #eaeaea;
}
.data-table tbody th.last, .data-table tbody td.last {
border-right: 0px solid #eaeaea;
}
.data-table tbody tr.last th, .data-table tbody tr.last td {
border-bottom: 1px solid #eaeaea;
}
.data-table .price {
font-size: 13px;
font-weight: bold;
}
.data-table .total-price .price, .cart .totals table tfoot td .price,
.compare-table .price {
color: #333;
}
.item-options dd {
color: #565656;
margin: 0;
}
.compare-table th {
color: #565656;
}
.compare-table tr.odd th {
background-color: #ececec;
}
.compare-table tr.even th {
background-color: #e5e5e5;
}
.compare-table tr.even td {
background-color: #f7f7f7;
}
.my-account .data-table .price, .my-wishlist .data-table .price {
font-size: 15px;
color: #737373;
font-weight: normal;
}
.box-reviews .form-list li {
margin-bottom: 0px;
}
.recent-orders .title-buttons {
text-align: right;
margin-bottom: 8px;
}
.recent-orders .title-buttons strong {
float: left;
font-family: 'Source Sans Pro', sans-serif;
font-weight: 600;
font-size: 13px;
color: #333;
}
/*22. Product Cart view */
.add-to-cart label {
margin-right: 60px;
font-family: 'Source Sans Pro',sans-serif;
color: #333;
font-size: 15px;
font-weight: 400;
float:left; line-height:45px;
}
.add-to-cart button.button {
margin-left: 5px;
}
.add-to-cart .button-up {
position: absolute;
left: 185px;
border-radius: 0;
top: 0px;
}
.add-to-cart .button-down {
position: absolute;
left: 70px;
border-radius: 0;
top: 0px;
}
.add-to-cart .button-up {
outline: none;
background-color: #EAEAEA;
}
.add-to-cart .button-up:hover, .add-to-cart .button-down:hover { border:1px #70ad47 solid; background-color:#70ad47;}
.add-to-cart .button-down {
bottom: 0;
outline: none;
background-color: #EAEAEA;
}
.add-to-cart button.btn-cart {
font-size: 20px;
padding: 15px 25px;
margin-top: -10px;
}
.add-to-cart button.btn-cart.margin-none {
margin-left: 0;
}
.add-to-cart .paypal-logo {
clear: left;
text-align: right;
}
.add-to-cart .paypal-logo .paypal-or {
clear: both;
display: block;
margin: 5px 60px 5px 0;
}
.product-view .add-to-cart .paypal-logo {
margin: 0;
}
/*Add to Links + Add to Cart */
.add-to-box {
margin: 15px 0 0px;
overflow: hidden;
overflow: hidden;
padding: 15px;
text-align: center;
}
.add-to-box .add-to-cart, .product-options-bottom .add-to-cart {
margin: 0px;
position: relative;
margin-right: 0px;
}
.product-options-bottom .add-to-cart {
margin-bottom: 0;
}
.add-to-box .or {
float: left;
margin: 0 10px;
}
.add-to-box .add-to-links {
float: left;
padding: 0;
margin: 0 0 20px;
list-style: none;
}
.add-to-box .add-to-links li {
display: block;
margin: 0;
}
.add-to-links span {
font-family: 'Source Sans Pro',sans-serif;
font-size: 12px;
text-transform: uppercase;
}
.add-to-cart .qty {
padding: 0 5px 0px 5px;
width: 60px;
text-align: center;
height: 42px;
border: 1px #ddd solid;
}
.add-to-cart .qty:focus {
padding: 0 15px 0px 15px;
width: 60px;
text-align: center;
height: 42px;
border: 1px #eaeaea solid;
}
.cart {
overflow: hidden;
background-color: #FFFFFF;
padding: 10px 0;
margin-top: 15px;
}
.cart .page-title {
border-bottom: 1px solid #70ad47;
margin: 0 0 20px;
padding: 0 0 4px;
}
/* 23. Account Login/Create Pages */
.account-login {
}
.account-login .new-users {
}
.account-login .registered-users {
}
.account-create {
}
/* 24. Checkout */
.btn-proceed-checkout {
display: inline-block;
padding: 2px;
border: 1px solid #70ad47;
cursor: pointer!important;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
background: none; margin-bottom:15px;
}
.btn-proceed-checkout span {
display: block;
padding: 0 57px;
border: 1px solid #70ad47;
height: 38px;
line-height: 38px;
text-transform: uppercase;
font-family: 'Source Sans Pro', sans-serif;
font-size: 18px;
letter-spacing: 1px;
color: #70ad47;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.btn-proceed-checkout:hover {
display: inline-block;
padding: 2px;
border: 1px solid #fff;
cursor: pointer!important;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
background: #70ad47;
}
.btn-proceed-checkout:hover span {
display: block;
border: 1px solid #fff;
text-transform: uppercase;
font-family: 'Source Sans Pro', sans-serif;
color: #fff;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.checkout a {
text-decoration: underline;
}
.checkout {
color: #666666;
padding-top: 5px;
text-align: center;
list-style: none;
padding: 0;
margin: 0;
}
button.button.btn-proceed-checkout {
background: #70ad47;
padding: 20px 45px;
color: #fff;
width: 100%;
}
button.button.btn-proceed-checkout:hover {
background: #222;
padding: 20px 45px;
color: #fff;
}
button.button.btn-proceed-checkout:before {
content: "\f00c";
font-family: FontAwesome;
font-size: 20px;
padding-right: 5px;
}
button.button.btn-proceed-checkout span {
font-size: 18px;
font-weight: bold;
}
/* One Page */
select#billing-address-select {
width: 570px;
padding: 10px;
margin-top: 5px;
background: #f0f0f0;
border: 1px solid #f0f0f0;
outline: none;
color: #aaa;
}
select#billing-address-select:focus {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #DDDDDD;
color: #333333;
font-family: "Source Sans Pro", sans-serif;
font-size: 14px;
outline: medium none;
padding: 9px 7px 10px;
vertical-align: middle;
}
.one-page-checkout {
position: relative;
margin-bottom: 12px;
list-style: none;
padding: inherit;
padding: 0;
}
.one-page-checkout li.section {
border-bottom: 0;
margin-bottom: 0px;
}
.one-page-checkout .step-title {
text-align: right;
padding: 7px 0;
}
.one-page-checkout .step-title .number {
float: left;
line-height: 15px;
font-size: 15px;
font-weight: 600;
color: #222;
padding: 10px 13px;
background-color: #F0F0F0;
}
.one-page-checkout .active .step-title .number {
background: none repeat scroll 0 0 #70ad47;
border: 1px solid transparent;
color: #FFFFFF;
padding: 10px 12px;
}
.one-page-checkout .allow .step-title .number {
}
.one-page-checkout .active .step-title h3 {
color: #70ad47 !important;
border-bottom: 0px #222 solid !important;
font-weight: bold;
font-size: 15px;
}
.one-page-checkout .step-title h3 {
border-bottom: 0px solid #E4E4E4;
margin: 0 0 0 55px;
text-align: left;
text-transform: uppercase;
line-height: 32px;
font-weight: normal;
font-size: 15px;
}
.one-page-checkout .active {
}
.one-page-checkout .active .step-title {
cursor: default;
font-size: 15px;
padding-top: 0px;
text-align: left;
line-height: 32px;
text-transform: uppercase;
font-family: 'Source Sans Pro', sans-serif;
font-weight: bold;
border-top: none;
}
.one-page-checkout .step {
padding: 10px 10px 10px 55px;
background-color: #FFFFFF;
}
.one-page-checkout .step .col2-set {
padding: 0;
}
.one-page-checkout .order-review {
overflow: hidden;
}
#checkout-review-table .data-table {
border-bottom: none;
}
#checkout-step-login .col2-set .col-2 {
background-color: #fff;
float: left;
padding: 0px;
width: 45%;
min-height: 270px;
}
#checkout-step-login .col2-set .col-1 {
float: right;
padding: 0 0 0 40px;
width: 45%;
min-height: 270px;
border-left: 1px #e4e4e4 solid;
}
#opc-login h3 {
border-bottom: 0px solid #E4E4E4;
color: #000000;
padding-bottom: 8px;
}
.one-page-checkout .buttons-set .f-right {
margin-top: 13px;
color: #626262;
}
#opc-login input {
color: #626262;
font-family: 'Source Sans Pro',sans-serif;
font-size: 13px;
vertical-align: middle;
}
#opc-login .radio {
float:left;
margin-top:2px;
}
#opc-login .col2-set .col-2 p {
text-align: left;
}
#opc-login h4 {
clear: left;
float: left;
font-size: 13px;
margin-right: 5px;
}
#opc-login li.control label {
}
/*checkout mutiple shipping*/
.checkout-multishipping-overview .multiple-checkout #review-buttons-container #review-button {
}
/*proceed to checkout page*/
.checkout-cart-index .shipping .sp-methods dt {
}
.checkout-cart-index .shipping .sp-methods dd ul li {
margin-bottom: 10px;
}
.checkout-onepage-index .main-container-inner #payment_form_ccsave .required-entry {
width: 681px;
}
.checkout-onepage-index .form-list .address-select {
width: 570px;
}
.checkout-onepage-index #checkout-step-billing .form-list .validate-select {
}
.checkout-onepage-index .main-container-inner .step .btn-checkout {
border: medium none;
float: right;
margin-top: -25px;
padding: 8px 16px;
}
.checkout-onepage-index #checkout-step-shipping #shipping-new-address-form .validate-select {
}
.checkout-agreements{
padding-top: 10px;
}
/*shipping with multiple address*/
.checkout-multishipping-address-newshipping #form-validate .input-box .validate-select {
width: 826px;
}
.checkout-multishipping-overview .multiple_addresses #review-button {
float: right;
margin-right: -105px;
margin-top: 40px;
}
.checkout-multishipping-billing .box-content #payment_form_ccsave #ccsave_cc_type {
width: 410px;
}
.checkout-multishipping-billing .box-content #payment_form_ccsave #ccsave_expiration {
width: 410px;
}
.checkout-multishipping-billing .box-content #payment_form_ccsave #ccsave_expiration_yr {
width: 410px;
}
/* Multiple Addresses Checkout */
.checkout-progress {
padding-top: 0px;
margin: 0px 0 0px;
overflow: hidden;
padding: 0;
list-style: none;
}
ul.checkout-progress {
background: url(/web/20180825114732im_/http://namkhangfurniture.com/template/Default/css/lhs-header-bg1.png) repeat-x bottom;
width: 100%;
}
.checkout-progress li {
float: left;
width: 18%;
text-align: center;
color: #333;
margin-right: 19px;
padding: 5px 5px 10px;
text-transform: uppercase;
background-color: #fff;
}
.checkout-progress li.last {
margin-right: 0;
width: 227px;
}
.checkout-progress li.active {
background-color: #fff;
border-bottom: 4px solid #70ad47;
color: #70ad47;
}
#multiship-addresses-table input.input-text {
background-color: #FFF;
padding: 10px 5px 10px 15px;
}
#multiship-addresses-table .btn-remove {
background-image: none;
line-height: 28px;
width: 30px;
height: 28px;
border-radius: 25px;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
margin-left: 15px;
}
#multiship-addresses-table .btn-remove:before {
content: "\f014";
font-family: FontAwesome;
font-size: 16px;
background-image: none;
padding: 6px 9px;
color: #fff;
background-color: #70ad47;
}
.multiple-checkout {
position: relative;
}
.multiple-checkout .grand-total {
font-size: 1.5em;
text-align: left; float:right;
}
.multiple-checkout .grand-total big {
float: right;
}
.multiple-checkout .grand-total .price {
}
#multiship-addresses-table {
margin-top: 5px;
border: none;
}
#multiship-addresses-table input.qty:focus {
padding: 10px 5px 10px 15px;
}
#multiship-addresses-table tfoot tr .last {
border-top: none;
}
.addresses {
margin-bottom: 15px;
float: left;
width: 100%;
}
#multiship-addresses-table h4 {
font-size: 12px;
margin: 0;
line-height: 18px;
}
.state_bar {
padding: 0;
margin-bottom: 15px;
overflow: hidden;
background-color: #FFFFFF;
padding: 15px 0;
margin-right: -25px;
margin-left: -28px;
}
.multiple_addresses {
margin-bottom: 30px;
background-color: #FFFFFF;
padding: 0 0 15px 0;
margin-left: -27px;
margin-right: -26px;
}
.multiple_addresses .title-buttons {
text-align: right;
}
.multiple-checkout .buttons-set .button {
float: right;
}
.page-title_multi {
}
.addresses .title-buttons {
text-align: right;
}
.page-title_multi h2 {
font-size: 24px;
float: left;
font-family: 'Source Sans Pro',sans-serif;
text-transform: uppercase;
color: #70ad47; font-weight:bold;
}
.multiple-checkout .grand-total {
font-size: 1.5em;
text-align: right;
}
.multiple-checkout .grand-total big {
}
.multiple-checkout .grand-total .price {
}
#wishlist-table .product-name {
margin: 0;
text-align: left;
font-size: 13px;
line-height: normal;
}
#wishlist-table .description .inner {
margin: 0;
text-align: left;
font-size: 13px;
line-height: normal;
}
#wishlist-table .price-box {
margin: 4px 0 2px;
text-align: left;
}
#wishlist-table .product-name a {
color: #70ad47;
font-size: 14px;
}
/* 25. 404 Page */
.content-wrapper {
margin: auto;
text-align: center;
background-color: #fff;
padding-top: 50px;
padding-bottom: 80px;
}
.page-not-found h2 {
color: #da2c2a;
font-size: 160px;
font-weight: bold;
line-height: 1;
margin-bottom: 15px;
font-family: Arial, Helvetica, sans-serif;
}
.page-not-found h3 {
color: #333;
font-size: 20px;
font-weight: normal;
margin-bottom: 4em;
text-transform: none;
font-family: 'Open Sans', sans-serif;
}
.page-not-found h3 img {
margin-right: 8px;
vertical-align: text-bottom;
}
.page-not-found p {
color: #666;
font-size: 1.33em;
line-height: 1.5em;
margin-bottom: 0.75em;
}
.page-not-found .btn-home {
background-color: #70ad47;
border: medium none;
border-radius: 2px 2px 2px 2px;
color: #fff;
cursor: pointer;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
padding: 14px 35px;
text-decoration: none;
height: auto;
font-weight: normal;
text-transform: uppercase;
transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
}
.page-not-found .btn-home:hover {
background-color: #000;
text-decoration:none;
}
.page-not-found .btn-home span {
margin: 0;
padding: 0px;
text-align: center;
font-size: 18px;
font-weight: normal;
line-height: 16px;
text-decoration: none;
}
p.required {
font-size: 11px;
margin-bottom: 5px;
text-align: left;
color: #FF0000;
}
.required em {
color: #FF0000;
}
.required {
color: #FF0000;
}
.group-select {
}
.group-select ul {
margin: 0;
padding: 0;
}
.group-select .required {
color: #FF0000;
font-family: "Source Sans Pro", sans-serif;
font-size: 15px;
}
.group-select .require {
color: #FF0000;
font-size: 12px;
margin-bottom: 3px;
}
.group-select label {
font-size: 14px;
font-weight: normal;
color: #333;
}
.group-select .legend {
}
.group-select li {
margin: 0 0 5px;
overflow: hidden;
list-style: none;
}
.group-select li .input-box {
float: left;
width: 100%;
display: inline-block !important;
clear: none;
}
.group-select li input.input-text, .group-select li textarea {
width: 275px;
background: #f0f0f0;
border: 1px solid #f0f0f0;
padding: 10px;
outline: none;
}
.group-select li input.input-text:focus, .group-select li textarea:focus {
width: 585px;
background: #fff;
border: 1px solid #ddd;
padding: 10px;
outline: none;
}
.group-select li select {
width: 256px;
padding: 3px;
background: #f0f0f0;
border: 1px solid #f0f0f0;
padding: 10px;
}
.group-select li select:focus {
width: 256px;
padding: 3px;
background: #fff;
border: 1px solid #ddd;
padding: 10px;
}
.group-select li .input-box input.input-text,
.group-select li .input-box textarea {
width: 275px;
margin-top: 5px;
background: #f0f0f0;
border: 1px solid #f0f0f0;
padding: 10px;
}
.group-select li .input-box input.input-text:focus,
.group-select li .input-box textarea:focus {
width: 275px;
margin-top: 5px;
background: #fff;
border: 1px solid #ddd;
padding: 10px;
}
.group-select li .input-box select {
width: 275px;
margin-top: 5px;
outline: none;
}
.group-select.wide input.input-text, .group-select.wide textarea {
width: 510px;
}
.cms-index-noroute .slider_wrapper {
display: none;
}
.cms-index-noroute .our-features-box {
display: none;
}
.cms-index-noroute .offer-banner {
display: none;
}
/*Furniture menu image*/
.cms-index-noroute .brand-logo {
display: none;
}
.top-cart-contain .mini-cart .price {
margin-right: 5px;
}
/*26. login page */
.login_page {
margin-bottom: 15px;
background-color: #FFFFFF;
padding: 0px;
margin-top: 15px;
}
.login_page .page-title h2 {
border-bottom: 1px #70ad47 solid;
}
.login_page strong {
font-size: 15px;
color: #222;
margin-bottom: 15px;
text-transform: uppercase;
font-weight: 600;
font-family: 'Source Sans Pro',sans-serif;
}
.login_page .content {
margin-top: 10px;
}
.login_page .content p {
margin-bottom: 5px;
font-size: 14px;
}
.login_page .content p.required {
font-size: 12px;
}
.login_page .content .form-list label {
font-size: 14px;
color: #333;
margin-bottom: 5px;
}
/* 27. Global Messages */
.success {
color: #3d6611;
font-weight: bold;
}
.error {
color: #df280a;
font-weight: bold;
}
.notice {
color: #000000;
}
.messages, .messages ul {
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
}
.messages {
width: 100%;
overflow: hidden;
text-align: left;
}
.messages li {
margin: 5px 0 10px !important;
}
.messages li li {
margin: 0 0 3px !important;
}
.error-msg, .success-msg, .note-msg, .notice-msg {
border-style: solid !important;
border-width: 1px !important;
background-position: 10px 9px !important;
background-repeat: no-repeat !important;
padding: 8px 8px 8px 8px !important;
font-size: 11px !important;
font-weight: 900 !important;
}
.error-msg {
border-color: #f16048;
background-color: #faebe7;
color: #df280a;
}
.success-msg {
border-color: #446423;
background-color: #eff5ea;
color: #3d6611;
}
.note-msg, .notice-msg {
border-color: #fcd344;
background-color: #fafaec;
color: #3d6611;
}
.product-review .product-img-box {
float: left;
width: 200px;
}
.product-review .product-details {
float: left;
margin-left: 10px;
}
.most-view {
width: 960px;
margin: auto;
margin-top: 25px;
}
.product-next-prev { clear:both; margin-right:15px;
}
.product-prev {
margin: 0 0 0 0px;
float: right;
}
.product-next-prev .product-prev:before {
content: "\f104";
font-family: FontAwesome;
background: #f8f8f8;
font-size: 24px;
line-height: 35px;
display: inline-block!important;
width: 35px;
height: 35px;
color: #333;
text-align: center;
}
.product-next-prev .product-prev:hover {
color: #333333;
font-size: 13px;
background: #222;
}
.product-next {
margin: 0 0 0 2px;
float: right;
}
.product-next-prev .product-next:before {
content: "\f105";
font-family: FontAwesome;
background: #f8f8f8;
font-size: 24px;
line-height: 35px;
display: inline-block!important;
width: 35px;
height: 35px;
color: #222;
text-align: center;
}
.product-next-prev .product-next {
color: #333333;
font-size: 13px;
}
.shipping-banner {
padding: 16px 0px;
width: 100%;
text-align: center;
}
nav.dropdown {
margin: -8px 0 0 0;
width: 180px;
height: 35px;
z-index: 10;
position: relative;
float: right;
}
nav.dropdown p {
background: #efefef;
font-family: PlutoSansLight;
font-size: 12px;
line-height: 21px;
font-weight: 400;
color: #666;
text-decoration: none;
position: relative;
padding: 0 10px;
height: 32px;
width: 180px;
border: 1px solid #f3f3f3;
line-height: 32px;
cursor: pointer;
}
nav.dropdown p:after {
font-family: BreeRegular;
font-size: 18px;
line-height: 0;
font-weight: 400;
text-transform: none;
content: 'n';
top: 8px;
right: 11px;
position: absolute;
}
nav.dropdown p.act {
background: #333;
color: #fff!important;
}
nav.dropdown p.act:hover {
background: #333;
color: #fff!important;
}
nav.dropdown p:hover {
background: #000;
color: #fff!important;
}
nav.dropdown.error p {
border-color: #d42630;
}
nav.dropdown a {
background: #f3f3f3;
font-family: PlutoSansLight;
font-size: 12px;
line-height: 21px;
font-weight: 400;
color: #666;
text-decoration: none;
display: none;
padding: 8px 7px;
transition: background-color .2s;
-o-transition: background-color .2s;
-ms-transition: background-color .2s;
-moz-transition: background-color .2s;
-webkit-transition: background-color .2s;
}
nav.dropdown a:hover {
background: #fbfbfb;
transition: background-color .2s;
-o-transition: background-color .2s;
-ms-transition: background-color .2s;
-moz-transition: background-color .2s;
-webkit-transition: background-color .2s;
}
nav.dropdown a.act {
display: block;
}
.shipping-banner {
width: 100%;
border-bottom: 1px #ddd solid;
height: 40px;
text-align: center;
padding-top: 10px;
}
.shipping-banner span strong {
color: #E95144;
}
.icon-thumbs-up:hover {
font-family: FontAwesome;
display: block!important;
font-size: 60px;
padding-bottom: 8px;
}
.store-img-box .shipping-box {
width: 235px;
overflow: hidden;
background: #5bd2ec;
padding: 30px;
font-family: "Bitter-Regular";
font-size: 24px;
font-weight: 300;
text-align: center;
color: #fff;
text-transform: uppercase;
padding-top: 30px;
line-height: 1.4em;
}
.store-img-box .shipping-box span {
font-size: 20px;
display: block;
font-family: "Source Sans Pro", sans-serif;
}
.icon-tablet {
font-family: FontAwesome;
display: block!important;
font-size: 60px;
padding-bottom: 10px;
}
.icon-smile {
font-family: FontAwesome;
display: block!important;
font-size: 60px;
padding-bottom: 10px;
}
.store-img-box .offer-box {
width: 235px;
overflow: hidden;
background: #222;
padding: 30px;
font-family: "Bitter-Regular";
font-size: 24px;
font-weight: 300;
text-align: center;
color: #fff;
margin-top: 0px;
text-transform: uppercase;
padding-top: 30px;
line-height: 1.4em;
}
.store-img-box .offer-box span {
font-size: 20px;
display: block;
font-family: "Source Sans Pro", sans-serif;
}
.free-shipping {
font-size: 12px;
font-weight: normal;
padding: 11px;
position: absolute;
right: 480px;
top: 10px;
color: #999;
width: 175px;
text-transform: uppercase;
line-height: 15px;
}
.free-shipping span {
float: right;
width: 137px;
display: inline-block;
margin-top: 0px;
}
.free-shipping .icon-truck {
font-family: FontAwesome;
display: inline-block;
font-size: 17px;
color: #fff;
float: left;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
background: #5BD2EC;
}
.money-back {
font-size: 12px;
font-weight: normal;
padding: 10px;
position: absolute;
right: 300px;
top: 11px;
color: #999;
width: 175px;
text-transform: uppercase;
line-height: 15px;
}
.money-back span {
float: right;
width: 137px;
display: inline-block;
margin-top: 0px;
}
.money-back .icon-share-alt {
font-family: FontAwesome;
display: inline-block;
font-size: 16px;
color: #fff;
float: left;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
background: #5BD2EC;
}
.products-list .product-shop button.button {
font-family: 'FontAwesome';
font-size: 16px;
text-transform: uppercase;
margin-right: 8px;
float: left;
}
.products-list .product-shop button.button span span {
font-family: "Source Sans Pro", sans-serif;
font-size: 12px;
padding: 1px 0 0 10px;
text-transform: uppercase;
}
/* toTop Button */
button.button#toTop:before {
content: "\f067";
font-family: FontAwesome;
font-size: 14px;
padding-right: 8px;
}
/* All Buttons Icons */
.returns:before {
content: "\f021";
font-family: FontAwesome;
font-size: 14px;
padding-right: 8px;
}
.button-subscribe:before {
content: "\f0e0";
font-family: FontAwesome;
font-size: 13px;
padding-right: 5px;
}
.button-compare {
float: left;
margin-right: 8px !important;
}
.button-compare:before {
content: "\f074";
font-family: FontAwesome;
font-size: 13px;
padding-right: 5px;
}
.button-clear:before {
content: "\f12d";
font-family: FontAwesome;
font-size: 13px;
padding-right: 5px;
}
button {
display: inline-block;
padding: 2px;
border: 1px solid #fff;
cursor: pointer!important;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
background: none;
background: #70ad47;
}
button span {
display: block;
padding: 0 32px;
border: 1px solid #fff;
height: 30px;
line-height: 30px;
text-transform: uppercase;
font-family: 'Source Sans Pro', sans-serif;
font-size: 12px;
letter-spacing: 1px;
color: #fff;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
}
button:hover {
display: inline-block;
padding: 2px;
border: 1px solid #fff;
cursor: pointer!important;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
background: #70ad47;
}
button:hover span {
display: block;
border: 1px solid #fff;
color: #fff;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.btn-remove {
display: block;
width: 14px;
height: 14px;
font-size: 0;
line-height: 0;
text-indent: -999em;
content: "\f057";
}
.btn-edit {
display: block;
width: 11px;
height: 11px;
font-size: 0;
line-height: 0;
text-indent: -999em;
overflow: hidden;
}
button.button.continue:before {
content: "\f061";
font-family: FontAwesome;
font-size: 14px;
padding-right: 8px;
}
button.button.btn-share:before {
content: "\f004";
font-family: FontAwesome;
font-size: 14px;
padding-right: 8px;
}
button.button.btn-add:before {
content: "\f067";
font-family: FontAwesome;
font-size: 14px;
padding-right: 8px;
}
button.button.btn-update:before {
content: "\f021";
font-family: FontAwesome;
font-size: 14px;
padding-right: 8px;
}
button.button.login:before {
content: '\f13e';
font-family: FontAwesome;
font-size: 14px;
padding-right: 8px;
}
button.button.btn-continue:before {
content: "\f061";
font-family: FontAwesome;
font-size: 14px;
padding-right: 8px;
}
button.button#empty_cart_button:before {
content: "\f00d";
font-family: FontAwesome;
font-size: 14px;
padding-right: 8px;
}
button.button.coupon:before {
content: "\f02b";
font-family: FontAwesome;
font-size: 14px;
padding-right: 8px;
}
button.button.get-quote:before {
content: "\f15c";
font-family: FontAwesome;
font-size: 14px;
padding-right: 8px;
}
button.button.new-address:before {
content: "\f015";
font-family: FontAwesome;
font-size: 14px;
padding-right: 8px;
}
button.button.create-account:before {
content: "\f007";
font-family: FontAwesome;
font-size: 14px;
padding-right: 8px;
}
button.button.submit:before {
content: "\f04b";
font-family: FontAwesome;
font-size: 13px;
padding-right: 8px;
}
.edit-bnt:before {
content: "\f040";
font-family: FontAwesome;
font-size: 14px;
padding: 9px 10px;
color: #222;
background-color: #eee;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
}
.edit-bnt span {
display: none;
}
#shopping-cart-table .edit-bnt {
margin-top: 6px;
float: left;
}
/* 28. Product slider */
.home-slider {
width: 910px;
margin: 0px;
margin: auto;
overflow: hidden;
background: #fff;
padding: 25px;
margin-top: 15px;
}
.home-slider .home-featured {
float: left;
}
.home-slider .featured-title h3 {
font-family: 'open_sans_lightregular';
font-size: 30px;
color: #383838;
font-weight: normal;
margin-bottom: 15px;
}
.home-slider .featured-area {
width: 100%;
background: #EA493D;
float: left;
display: inline-block;
-webkit-transition: all 0.3s linear;
position: absolute;
bottom: 0;
height: 58px;
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
}
.new-arrow1 h2 {
font-family: "Bitter-Regular";
font-size: 16px;
text-transform: uppercase;
color: #000;
font-weight: normal;
padding: 0px;
margin: 0px;
}
.new-arrow1 {
padding: 0px 0px 0px 0px;
float: left;
width: 100%;
margin-bottom: 20px;
}
.new {
color: #F93E09;
font-size: 11px;
font-style: normal;
font-weight: bold;
right: 0px;
top: 10px;
position: absolute;
text-transform: uppercase;
width: 45px;
z-index: 1;
}
#banner-slider .flex-viewport {
height: 360px;
}
html[xmlns] #banner-slider .slides {
display: block;
height: 360px;
}
.productgrid-area .price-box, .productgrid-area .price-box
.special-price .price, .productgrid-area .price-box .regular-price .price {
position: absolute;
bottom: 0px;
left: 0px;
font-size: 20px;
color: #fff !important;
-moz-transition: all 0.1s linear;
transition: all 0.1s linear;
-webkit-transition: all 0.1s linear;
}
.productgrid-area .price-box .old-price .price {
display: block;
margin-left: 100px;
margin-top: -20px;
position: absolute;
color: #fff !important;
}
.productgrid-area .old-price .price-label {
display: none;
}
.productgrid-area .special-price .price-label {
display: none;
}
.productgrid-area .ratings {
margin: 36px 9px;
}
.home-grid .productgrid-area {
width: 100%;
background: #5BD2EC;
float: left;
display: inline-block;
position: absolute;
bottom: 0;
height: 68px;
left: 0;
-moz-transition: all 0.1s linear;
transition: all 0.1s linear;
-webkit-transition: all 0.1s linear;
}
.home-grid li.item {
float: left;
margin: 0px 0px 0px 0px;
position: relative;
border: 1px solid #e5e5e5;
background: #d8d8d8;
display: block;
width: 285px;
margin-right: 14px;
}
.home-grid li.column2 {
width: 422px;
margin: 0px 23px 23px 0px;
}
.home-grid li.column3 {
width: 272px;
margin: 0px 24px 23px 0px;
}
.home-grid li.column4 {
width: 197px;
margin: 0px 24px 23px 0px;
}
.home-grid li.column2 .actions {
width: 92% !important;
}
.home-grid li.column3 .actions {
width: 88% !important;
}
.home-grid li.column4 .actions {
width: 84% !important;
}
.home-grid li.item.last {
margin: 0px 0px 27px 0px;
}
.home-grid .actions {
border-top: 1px solid #2cb3d0;
margin: 0px 10px;
position: absolute;
bottom: 0px;
display: none;
padding: 10px 12px 10px 0px;
width: 88%;
}
.home-grid .actions button.button {
padding: 4px 8px;
text-decoration: none;
float: left;
background: none;
font-family: 'FontAwesome';
font-size: 16px;
text-transform: uppercase;
background-color: #222;
}
.home-grid .actions button.button span span {
font-size: 12px;
padding: 1px 0px 0px 10px;
font-family: "Source Sans Pro", sans-serif;
}
.home-grid .actions button.button:hover span span {
text-decoration: none;
}
.home-grid li.item:hover .actions {
display: block;
position: absolute;
}
.home-grid li.item:hover .productgrid-area {
background: #5BD2EC;
-moz-transition: all 0.1s linear;
transition: all 0.1s linear;
-webkit-transition: all 0.1s linear;
height: 135px;
}
.home-grid li.item:hover .price-box {
position: absolute;
bottom: 50px;
font-size: 36px;
font-family: "Source Sans Pro", sans-serif;
display: block;
-moz-transition: all 0.1s linear;
transition: all 0.1s linear;
-webkit-transition: all 0.1s linear;
}
.home-grid li.item:hover .special-price .price {
font-size: 30px;
font-family: "Source Sans Pro", sans-serif;
display: block;
-moz-transition: all 0.1s linear;
transition: all 0.1s linear;
-webkit-transition: all 0.1s linear;
}
.home-grid li.item:hover .regular-price .price {
font-size: 30px;
font-family: "Source Sans Pro", sans-serif;
display: block;
-moz-transition: all 0.1s linear;
transition: all 0.1s linear;
-webkit-transition: all 0.1s linear;
}
.home-grid li.item:hover .old-price .price {
display: block;
position: absolute;
right: 9px;
bottom: 49px;
color: #FFF;
display: none;
}
.home-grid .product-latest li.latest-product:hover .price-box .old-price .price {
right: 0;
position: absolute;
font-weight: normal;
bottom: 54px;
}
.home-grid li.item .minimal-price .price-label {
display: none;
}
.home-grid li.item .price-to .price-label {
display: none;
}
.home-grid li.item .price-from .price-label {
display: none;
}
.home-grid li.item .price-to .price {
display: none;
}
.home-grid li.item .price-from .price {
font-family: 'open_sans_lightregular';
font-size: 36px;
color: white;
font-weight: normal;
}
.home-grid li.item .minimal-price .price {
font-family: 'open_sans_lightregular';
font-size: 36px;
color: white;
font-weight: normal;
}
.home-grid li.item .minimal-price-link .price {
color: #fff;
display: none;
}
.home-grid li.item .minimal-price-link .label {
color: #fff;
display: none;
}
.home-grid li.item .minimal-price .price-label {
display: none;
}
.home-grid li.item .price-to .price-label {
display: none;
}
.home-grid li.item .price-from .price-label {
display: none;
}
.home-grid li.item .price-to .price {
display: none;
}
.home-grid li.item .price-from .price {
font-family: "Source Sans Pro", sans-serif;
font-size: 36px;
color: white;
font-weight: normal;
}
.home-grid li.item .minimal-price .price {
font-family: 'open_sans_lightregular';
font-size: 36px;
color: white;
font-weight: normal;
}
.home-grid li.item .minimal-price-link .price {
color: #fff;
font-size: 11px;
display: none;
}
.home-grid li.item .minimal-price-link .label {
color: #fff;
font-size: 11px;
display: none;
}
.home-grid.last {
border-bottom: 0;
}
.product-latest li.latest-product.item {
position: relative;
float: left;
width: 392px;
margin: 0px 9px 9px 0px;
padding: 0px;
border: 0px solid #D9D9DB;
}
.product-latest li.latest-product.item.last {
margin-right: 0px;
}
.product-latest .latest-product .product-image {
display: block;
width: 191px;
height: 201px;
margin: 0 0 0px;
}
.productgrid-area .product-name {
margin: 10px 0px 0px 20px;
font-weight: normal;
font-size: 13px;
color: #203548;
position: absolute;
top: 0;
font-family: "Source Sans Pro", sans-serif;
text-transform: uppercase;
}
.product-latest .actions .add-to-links {
right: 10px;
top: 12px;
}
.home-grid .product-name a {
color: #FFF;
font-size: 13px;
text-decoration: none;
}
.home-grid .product-name a:hover {
text-decoration: none;
}
.product-latest .product-name a {
color: #FFF;
font-size: 14px;
text-decoration: none;
font-weight: bold;
}
.product-latest .product-name a:hover {
text-decoration: none;
}
.product-latest .price-box {
margin: 5px 0;
position: absolute;
bottom: 55px;
right: auto;
}
.home-grid .availability {
line-height: 21px;
}
.product-latest li.latest-product .actions {
border-top: 1px solid #fff;
position: absolute;
bottom: 0px;
width: 171px;
padding: 10px 11px 10px 0px;
display: block;
margin: 0px;
float: left;
}
.home-grid .actions .add-to-links {
position: absolute;
right: -10px;
top: 12px;
}
.home-grid .actions .add-to-links li {
float: left;
margin-left: 5px;
display: block;
}
.home-grid .actions .add-to-links a.link-wishlist {
text-decoration: none;
font-weight: normal;
font-family: 'FontAwesome';
font-size: 14px;
padding: 4px 4px 3px 4px;
border: 1px solid;
color: #FFF;
float: left;
}
.home-grid .actions .add-to-links a.link-wishlist:hover {
color: #EA493D;
background: #FFF;
border: none;
padding: 5px 5px 4px 5px;
}
.home-grid .actions .add-to-links a.link-compare {
text-decoration: none;
font-weight: normal;
font-family: 'FontAwesome';
font-size: 14px;
padding: 4px 4px 3px 4px;
border: 1px solid;
color: #FFF;
float: left;
background: none;
}
.home-grid .actions .add-to-links a.link-compare:hover {
color: #EA493D !important;
background: #FFF;
border: none;
padding: 5px 5px 4px 5px;
}
.products-list li.item {
position: relative;
}
.product-name {
margin: 0px;
padding-bottom: 0px;
font-size: 12px;
font-weight: normal;
}
.product-name a {
}
.product-name a:hover {
color:#70ad47 ;}
#shopping-cart-table .product-name {
margin: 0px;
padding-bottom: 0px;
font-size: 14px;
font-weight: bold;
}
button.button::-moz-focus-inner {
padding: 0;
border: 0;
}
button.button {
-webkit-border-fit: lines;
}
button.btn-cart {
display: inline-block;
padding: 2px;
border: 1px solid #fff;
cursor: pointer!important;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
background: #70ad47;
}
button.btn-cart span {
display: block;
padding: 0 28px;
border: 1px solid #fff;
height: 30px;
line-height: 30px;
text-transform: uppercase;
font-family: 'Source Sans Pro', sans-serif;
font-size: 12px;
letter-spacing: 1px;
color: #fff;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
background: #70ad47;
}
button.btn-cart:hover {
background: #70ad47;
}
button.btn-cart:hover span {
color: #000;
background: #fff;
font-weight:bold;
border: 1px solid #ffffff;
}
button.button {
overflow: visible;
width: auto;
border: 0;
padding: 0;
margin: 0;
background: transparent;
cursor: pointer;
}
button.button {
display: inline-block;
border: 0;
background: #222;
padding: 8px 12px;
font-size: 12px;
text-align: center;
white-space: nowrap;
color: #fff;
font-weight: normal;
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
button.button:hover {
background: #70ad47;
padding: 8px 12px;
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
}
button.button.btn-cart span {
background: none;
font-family: 'Source Sans Pro', sans-serif;
padding: 1px 0 0 10px;
text-transform: uppercase;
}
button.button span span {
border: 0;
padding: 0;
background: none;
}
.ratings .amount {
display: none;
}
.col1-layout .home-grid {
list-style: none;
}
.add-to-links .separator {
display: none;
}
.product-latest li.latest-product .actions button.btn-cart:before,
.products-grid .actions button.button:before,
.home-grid .actions button.button:before,
.home-grid1 .actions button.button:before,
#crosssell-products-list .actions button.button:before,
.block-reorder .actions button.button.btn-cart:before,
.product-view .product-shop button.button.btn-cart:before,
.products-list .f-fix button.button.btn-cart:before,
products-list .product-shop button.button.btn-cart:before {
content: "\f07a";
font-family: 'FontAwesome';
}
.product-latest .actions .add-to-links a.link-wishlist:before,
.home-grid .actions .add-to-links a.link-wishlist:before,
.home-grid1 .actions .add-to-links a.link-wishlist:before,
#crosssell-products-list .actions .add-to-links a.link-wishlist:before {
content: "\f004";
}
.product-latest .actions .add-to-links a.link-compare:before,
.home-grid .actions .add-to-links a.link-compare:before,
.home-grid1 .actions .add-to-links a.link-compare:before,
#crosssell-products-list .actions .add-to-links a.link-compare:before {
content: "\f074";
}
.slider-arrow, .button-arrow, .dropdown .arrow, .elastislide-next, .elastislide-prev {
transition: color 450ms ease-in-out, background-color 150ms ease-in-out, opacity 600ms ease-in-out, background-position 300ms ease-in-out;
-moz-transition: color 450ms ease-in-out, background-color 150ms ease-in-out, opacity 600ms ease-in-out, background-position 300ms ease-in-out;
-webkit-transition: color 450ms ease-in-out, background-color 150ms ease-in-out, opacity 600ms ease-in-out, background-position 300ms ease-in-out;
-o-transition: color 450ms ease-in-out, background-color 150ms ease-in-out, opacity 600ms ease-in-out, background-position 300ms ease-in-out;
}
.col2-set .col-1 ul {
padding: 0;
list-style: none;
}
.col2-set .buttons-set1 {
margin-top: 0px !important;
}
.col2-set .form-list li {
margin: 0 0 5px;
}
.forgot-word {
font-size: 13px;
margin-left: 4px;
}
.hidden-desktop {
display: none;
}
.new_title {
color: #000000;
height: 28px;
margin: 0 auto 18px;
text-align: left;
text-transform: uppercase;
font-family: 'Source Sans Pro',sans-serif;
;
font-size: 16px;
}
.new_title span {
color: #222;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
line-height: 45px;
padding: 0 12px;
background-color: #ffffff;
text-transform: uppercase;
}
.shopnow-btn {
background: none repeat scroll 0 0 #282828;
color: #FFFFFF;
display: inline-block;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
padding: 0px 20px;
text-transform: uppercase;
margin-top: 20px;
}
.shopnow-btn:after {
content: "\f0da";
font-family: FontAwesome;
font-size: 14px;
padding-left: 8px;
font-style: normal;
font-weight: normal;
}
.shopnow-btn:hover {
background: none repeat scroll 0 0 #E95144;
color: #FFFFFF;
display: inline-block;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
padding: 0px 20px;
text-transform: uppercase;
margin-top: 20px;
}
.sale-banner {
margin: 20px auto;
}
.fa-phone:before {
content: "\f061";
font-family: FontAwesome;
font-size: 12px;
padding-right: 8px;
}
.fa-envelope:before {
content: "\f0e0";
font-family: FontAwesome;
font-size: 12px;
padding-right: 3px;
font-style: normal;
color: #666666;
}
/* 29. Store Messages */
.service-section {
width: 100%;
border-bottom: 1px #e5e5e5 solid;
border-bottom: 1px #e5e5e5 solid;
padding-bottom: 15px;
padding-top: 15px;
}
.service-section .inner {
margin: auto;
overflow: hidden;
}
#store-messages {
overflow: hidden;
}
#store-messages .phone span {
font-size: 14px;
line-height: 1.3em;
transition: color 100ms ease 0s;
color: #a2a3a5;
text-align: left;
display: inline-block;
word-spacing: 1px;
padding-top: 8px;
}
#store-messages .message {
position: relative;
text-align: left;
}
#store-messages .message strong {
font-weight: bold;
}
#store-messages .message a {
display: block;
}
#store-messages .message span {
font-size: 14px;
line-height: 1.3em;
transition: color 100ms ease 0s;
color: #a2a3a5;
text-align: left;
display: inline-block;
word-spacing: 1px;
padding-top: 8px;
}
#store-messages .message span {
margin: 0 7px;
}
#store-messages .message .tagline {
display: block;
font-size: 9px;
line-height: 1.4em;
margin-top: 1px;
padding-left: 28px;
}
#store-messages .message .separator {
border-left: 1px solid #e7e7e7;
height: 45px;
right: 0;
position: absolute;
top: 5px;
width: 1px;
}
.service-section1 {
background: url("/web/20180825114732im_/http://namkhangfurniture.com/template/Default/img/body-bg17.png") repeat scroll left top #f8f8f8;
}
.service-section1 #store-messages .message span {
color: #666!important;
}
.service-section1 #store-messages .phone span {
color: #666!important;
}
/*30. BRAND SLIDER */
.brand-logo {
background-color: #FFFFFF;
margin: 0px 0px 0px 0px;
padding: 25px 0px 25px 0px;
border-top: 1px solid #efefef;
}
.brand-logo .owl-carousel .owl-item{ text-align:center;}
.brand-logo .container {
padding: 0px 50px;
}
.brand-logo .slider-items-products .owl-buttons .owl-next {
position: absolute;
right: -51px;
top: 24px;
background:#fff;
border-radius:0px;
}
.brand-logo .slider-items-products .owl-buttons a {
border: none;
background: #f5f5f5;
}
.brand-logo .slider-items-products .owl-buttons .owl-next a:before {
font-size: 24px;
}
.brand-logo .slider-items-products .owl-buttons .owl-prev a:before {
font-size: 24px;
}
.brand-logo .slider-items-products .owl-buttons .owl-prev {
left: -50px;
position: absolute;
top: 24px;
background: none;
}
.brand-logo a.flex-next {
background: #fff !important;
color: #666 !important;
}
.brand-logo a.flex-next:hover {
color: #000 !important;
background: #fff !important;
text-decoration:none;
}
.brand-logo a.flex-prev {
background: #fff !important;
color: #666 !important;
}
.brand-logo a.flex-prev:hover {
color: #000 !important;
background: #fff !important;
text-decoration:none;
}
.brand-logo .slider-items-products .owl-buttons .owl-prev a:before {
font-family: 'FontAwesome';
font-style: normal;
font-weight: normal;
speak: none;
-webkit-font-smoothing: antialiased;
content: "\f104";
text-transform: none;
font-size: 18px;
padding: 6px 4px;
line-height: 26px;
}
.brand-logo .slider-items-products .owl-buttons .owl-next a:before {
font-family: 'FontAwesome';
font-style: normal;
font-weight: normal;
speak: none;
-webkit-font-smoothing: antialiased;
content: "\f105";
text-transform: none;
font-size: 18px;
padding: 6px 6px 6px 6px;
line-height: 26px;
}
/* 31. Newsletter */
button.subscribe {
display: inline-block;
padding: 2px;
border: 1px solid #70ad47;
cursor: pointer!important;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
background: #70ad47;
}
button.subscribe span {
display: block;
padding: 0 22px;
border: 1px solid #fff;
height: 36px;
line-height: 34px;
text-transform: uppercase;
font-family: 'Source Sans Pro', sans-serif;
font-size: 18px;
letter-spacing: 1px;
color: #fff;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
background: #70ad47;
}
button.subscribe:hover {
background: #70ad47;
}
button.subscribe:hover span {
color: #ffffff;
background: #70ad47;
}
.newsletter .button {
padding: 0;
margin: 0;
margin-top: -3px;
}
.newsletter-wrap {
background: url("/web/20180825114732im_/http://namkhangfurniture.com/template/Default/img/newsletter-bg.jpg") repeat scroll center center transparent;
color: #FFFFFF;
padding-top: 40px;
text-align: center;
padding-bottom: 60px;
}
.newsletter {
margin: auto;
}
.newsletter h4 {
font-size: 30px;
color: #70ad47;
background: url(/web/20180825114732im_/http://namkhangfurniture.com/template/Default/css/seprator.png) repeat-x bottom center;
margin: 0 0 25px;
padding: 0 40px 5px;
display: inline-block;
text-transform: uppercase;
font-weight: bold;
}
.newsletter p {
font-size: 14px;
color: #000;
}
.newsletter .left-border {
position: absolute;
width: 0px;
height: 38px;
margin: -4px 0 0 -40px;
background: #D0D0D0;
}
.newsletter .title-News {
float: left;
margin: 1px 5px 0 0;
color: #2F2B29;
font-size: 13px;
font-family: "Source Sans Pro", sans-serif;
font-style: normal;
line-height: 25px;
text-align: left;
}
.newsletter .subscribe-input {
float: left;
border: 1px solid #dbdbdb;
border-right: 0;
padding: 9px 12px;
height: 15px;
}
.newsletter .subscribe-input .validation-advice {
overflow: hidden;
position: absolute;
width: 23px;
height: 21px;
margin: -34px 0 0 -24px;
padding: 0;
line-height: 100px;
}
.newsletter .subscribe-input input {
background-color: transparent !important;
color: #9A9A9A;
border: none !important;
font-size: 11px;
line-height: 15px;
height: 15px;
width: 160px;
padding: 0;
}
.newsletter button.button span {
color: #FFFFFF;
font-size: 14px;
}
.newsletter button.button span span {
font-size: 14px;
text-transform: lowercase;
}
.newsletter button.button:hover span {
color: #fff;
}
/* 32. Newsletter POPUP */
#overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000;
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
z-index: 9999;
display: none;
}
.popup {
width: 100%;
margin: 0 auto;
display: none;
z-index: 101;
}
.newsletter-sign-box {
background: none repeat scroll 0 0 #70ad47;
border-radius: 0;
left: 40%;
margin: 100px auto;
min-height: 150px;
min-width: 400px;
padding: 10px;
position: absolute;
top: 25%;
width: 500px;
z-index: 10000;
}
.newsletter .x {
position: absolute;
right: -65px;
top: -65px;
z-index: 10000;
}
.popup .x:hover {
cursor: pointer;
}
.newsletter-sign-box h3 {
font-size: 26px;
font-weight: bold;
letter-spacing: 1px;
margin-bottom: 10px;
text-align: center;
text-transform: uppercase;
color: #fff;
background: none;
}
.newsletter-sign-box h4 {
font-size: 16px;
font-weight: 300;
margin-bottom: 35px;
text-align: center;
color: #fff;
text-transform: none;
padding: 0px;
}
.newsletter-sign-box .input-box {
margin-bottom: 15px;
}
.newsletter-sign-box .input-box input {
display: inline-block;
margin-left: 0px;
margin-right: 0px;
padding: 6px;
width: 255px;
float: left;
}
.newsletter-sign-box .subscribe {
border-radius: 0;
color: #FFFFFF;
display: inline-block;
float: right;
font-size: 12px;
letter-spacing: 1px;
line-height: 13px;
padding: 0px 14px !important;
text-transform: uppercase;
}
.newsletter-sign-box .subscribe:hover {
border-radius: 0;
color: #FFFFFF;
display: inline-block;
float: right;
font-size: 12px;
letter-spacing: 1px;
line-height: 13px;
padding: 0px 14px !important;
text-transform: uppercase;
}
.newsletter-sign-box button.button span {
color: #FFFFFF;
font-size: 14px;
font-weight: normal;
}
.newsletter-sign-box .subscribe-bottom {
color: #fff;
float: left;
font-size: 12px;
line-height: 3px !important;
margin-left: 140px;
margin-top: 30px;
text-align: center;
}
.newsletter-sign-box .subscribe-bottom input {
margin: -5px 8px 0 0;
float: left;
}
#formSuccess {
font-size: 18px;
padding: 48px 0;
text-align: center;
color:#fff;
}
.popup .newsletter .validation-advice {
padding-left: 10px;
padding-top: 5px;
bottom:75px;
}
.newsletter-sign-box .newsletter {
width: auto;
border: 1px #fff solid;
padding: 35px;
overflow: hidden;
}
.subscribe-pop {
display: inline-block;
padding: 2px;
border: 1px solid #fff;
cursor: pointer!important;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
background: none;
margin-left: 10px;
}
.subscribe-pop span {
display: block;
padding: 0 22px;
border: 1px solid #fff;
height: 30px;
line-height: 30px;
text-transform: uppercase;
font-family: 'Source Sans Pro', sans-serif;
font-size: 12px;
letter-spacing: 1px;
color: #fff;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.subscribe-pop:hover {
display: inline-block;
padding: 2px;
border: 1px solid #fff;
cursor: pointer!important;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
background: #70ad47;
}
.subscribe-pop:hover span {
display: block;
padding: 0 22px;
border: 1px solid #fff;
height: 30px;
line-height: 30px;
text-transform: uppercase;
font-family: 'Source Sans Pro', sans-serif;
font-size: 12px;
letter-spacing: 1px;
color: #fff;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.cms-home-page .service-section.mob{ display:none}
.newsletter-wrap .validation-advice { position: absolute; left:680px; }
.cms-page-view .page-title { padding: 0px 0px 5px 0px;
margin: 0 0 20px;
border-bottom: 1px solid #70ad47;
}
.cms-page-view .form_background { margin-bottom: 30px; }
.icon-html5:before {
content: "\f13b"; color:#70ad47;
}
.icon-css3:before {
content: "\f13c";color:#70ad47
}
/* 33. To Top */
#toTop {
color: #70ad47;
text-align: center;
bottom: 60px;
display: none;
height: 45px;
line-height: 45px;
overflow: hidden;
position: fixed;
right: 10px;
text-decoration: none;
width: 50px;
background: url(/web/20180825114732im_/http://namkhangfurniture.com/template/Default/img/uparr-48-b.png) no-repeat center;
background-color: #fff;
text-transform: uppercase;
z-index: 100;
transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
}
#toTop:hover {
color: #fff !important;
background-color: #70ad47;
}
#toTop:after {
border: 1px #333 solid;
bottom: 3px;
content: "";
left: 3px;
position: absolute;
right: 3px;
top: 3px;
text-shadow: none;
}
#toTop:hover{background: url(/web/20180825114732im_/http://namkhangfurniture.com/template/Default/img/uparr-48-w.png) no-repeat center; background-color:#333;}
#toTop:hover:after{ border: 1px #fff solid;}
/* 34. Features Box */
.our-features-box {
overflow: hidden;
padding: 0px;
width: 100%;
margin: auto;
margin-top: 30px;
}
.store-img-box {
clear: both;
display: block;
margin: 30px auto;
overflow: hidden;
}
.store-img-box ul {
list-style: none;
margin: 0;
padding: 0;
}
.store-img-box div.feature-box {
text-align: center;
padding: 25px;
}
.store-img-box div.devider {
border-right:1px solid #e5e5e5;
}
.store-img-box div.devider:last-child {
border-right: none;
}
.our-features-box .row {
border-bottom:1px solid #e5e5e5;
border-top:1px solid #e5e5e5;
}
.store-img-box .feature-box .content {
display: block;
text-align: center;
margin-left: 0px;
margin-top: 5px;
}
.store-img-box .feature-box span {
font-size: 14px;
display: block;
font-weight: 400;
text-transform: none;
display: block;
padding-top: 5px;
color: #999;
}
.icon-reponsive:before {
content: "\f10a";
}
.icon-reponsive {
font-family: FontAwesome;
display: inline-block !important;
font-size: 40px;
background-color: #70ad47;
border-radius: 5px;
margin: 15px 0px;
width: 74px !important;
color: #fff;
height: 80px;
line-height: 80px!important;
text-align: center;
padding-left: 10px;
}
.icon-admin:before {
content: "\f013";
}
.icon-admin {
font-family: FontAwesome;
display: inline-block !important;
font-size: 40px;
background-color: #70ad47;
border-radius: 5px;
margin: 15px 0px;
width: 74px !important;
color: #fff;
height: 80px;
line-height: 80px!important;
text-align: center;
padding-left: 10px;
}
.icon-slider:before {
content: "\f07e";
}
.icon-slider {
font-family: FontAwesome;
display: inline-block !important;
font-size: 40px;
background-color: #70ad47;
border-radius: 5px;
margin: 15px 0px;
width: 74px !important;
color: #fff;
height: 80px;
line-height: 80px!important;
text-align: center;
padding-left: 10px;
}
.icon-support:before {
content: "\f164";
}
.icon-support {
font-family: FontAwesome;
display: inline-block !important;
font-size: 40px;
background-color: #70ad47;
border-radius: 5px;
margin: 15px 0px;
width: 74px !important;
color: #fff;
height: 80px;
line-height: 80px!important;
text-align: center;
padding-left: 10px;
}
/* 35. Offer Banner */
.offer-banner {
width: 100%;
overflow: hidden;
padding-top: 20px;
margin-bottom:20px;
}
.offer-banner-section {
overflow: hidden;
margin: auto;
margin-bottom: 25px;
}
.offer-banner img {
width: 100%;
}
.offer-banner-section .col {
width: 445px;
margin-right: 22px;
float: left;
}
.offer-banner-section .col-m {
width: 285px;
margin-right: 30px;
float: left;
margin-left: 11px;
}
.offer-banner-section .col-m img {
margin-bottom: 20px;
}
.offer-banner-section .col-last {
width: 445px;
float: right;
}
/* 36. New & Sale Label */
.sale-label {
position: absolute;
z-index: 2;
width: 45px;
height: 45px;
background: #f3734f;
padding: 2px;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
border-radius: 50px;
}
.sale-label span {
display: block;
padding: 0px;
border: 1px solid #fff;
line-height: 39px;
text-transform: uppercase;
font-family: 'Source Sans Pro', sans-serif;
font-size: 12px;
letter-spacing: 1px;
color: #fff;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
background: #f3734f;
text-align: center;
border-radius: 50px;
}
.new-label {
position: absolute;
z-index: 2;
width: 45px;
height: 45px;
background: #f7c221;
padding: 2px;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
border-radius: 50px;
}
.new-label span {
display: block;
padding: 0px;
border: 1px solid #fff;
line-height: 39px;
text-transform: uppercase;
font-family: 'Source Sans Pro', sans-serif;
font-size: 12px;
letter-spacing: 1px;
color: #fff;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
background: #f7c221;
text-align: center;
border-radius: 50px;
}
.new-top-left {
top: 5px;
left: 10px;
}
.new-top-right {
top: 5px;
right: 10px;
}
.sale-top-left {
top: 5px;
left: 10px;
}
.sale-top-right {
top: 5px;
right: 10px;
}
/* 37. Home Tabs */
.producttabs {
width: 100%;
margin: auto;
padding-bottom: 40px;
}
.magik-producttabs .magik-pdt-container {
text-align: center;
}
.magik-producttabs .magik-pdt-container .magik-pdt-nav {
display: block;
text-align: center;
background: url(/web/20180825114732im_/http://namkhangfurniture.com/template/Default/css/seprator.png) center bottom repeat-x;
width: 55%;
margin: auto;
margin-bottom: 30px;
overflow: hidden;
padding-left: 20px;
padding-right: 20px;
}
.magik-producttabs .magik-pdt-container .magik-pdt-nav .pdt-nav > li {
font-size: 16px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
height: 38px;
line-height: 38px;
padding: 0 0px;
display: inline-block;
color: #666;
margin: 0px;
text-transform: uppercase;
border-bottom: none;
width: 300px;
text-align: center;
float: left;
font-weight: bold;
letter-spacing: 1px;
}
.magik-producttabs .magik-pdt-container .magik-pdt-nav .pdt-nav > li span {
padding: 0 0;
display: inline-block;
}
.magik-producttabs .magik-pdt-container .magik-pdt-nav .pdt-nav > li:first-child {
margin: 0 0px 0 0;
}
.magik-producttabs .magik-pdt-container .magik-pdt-nav .pdt-nav > li.tab-nav-actived,
.magik-producttabs .magik-pdt-container .magik-pdt-nav .pdt-nav > li:hover {
color: #70ad47;
border-bottom: 4px #70ad47 solid;
}
.magik-producttabs .magik-pdt-container .pre-text {
margin: 15px 0 0;
display: inline-block;
width: 70%;
text-align: center;
color: #666666;
}
.magik-producttabs .magik-pdt-container .magik-pdt-content {
float: left;
border-right: 0px #D9D9D9 solid;
}
.magik-producttabs .magik-pdt-container .magik-pdt-content .content-loading {
background: none;
min-height: 450px;
}
.magik-producttabs .magik-pdt-container .magik-pdt-content .content-loading .cir {
border-radius: 50%;
height: 2px;
width: 2px;
position: absolute;
top: 50%;
left: 50%;
margin-top: -1px;
margin-left: -1px;
box-shadow: -75px -125px 0 40px #6cce74, 75px -125px 0 40px #c18d46, 150px 0px 0 40px #c14745, 75px 125px 0 40px #2e1e5b, -75px 125px 0 40px #9c37a6, -150px 0px 0 40px #76bdd1;
-o-animation: largeLoading 12s infinite linear;
-moz-animation: largeLoading 12s infinite linear;
-webkit-animation: largeLoading 12s infinite linear;
animation: largeLoading 12s infinite linear;
}
.magik-producttabs .magik-pdt-container .magik-pdt-content .pdt-content {
margin: 0 0;
}
.magik-producttabs .magik-pdt-container .magik-pdt-content .pdt-content .products-grid-home {
padding-bottom: 0px;
}
.magik-producttabs .magik-pdt-container .magik-pdt-content .pdt-content .products-grid-home .item {
margin-bottom: 0;
}
.magik-producttabs .magik-pdt-container .magik-pdt-content .pdt-content .products-grid-home .item.last {
margin-bottom: 0;
border-right: 0px solid #D9D9D9;
padding-right: 0;
}
.magik-producttabs .magik-pdt-container .magik-pdt-content .pdt-content .products-grid-home .item.show-addtocart {
margin-top: 15px;
border-right: 1px solid #D9D9D9;
}
.magik-producttabs .magik-pdt-container .magik-pdt-content .pdt-loadmore .btn-loadmore {
font-size: 150%;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
text-transform: none;
color: #666666;
padding: 0 20px;
height: 42px;
line-height: 42px;
border: 1px solid #e5e5e5;
-webkit-border-radius: 22px;
-moz-border-radius: 22px;
border-radius: 22px;
background: #FFF;
}
.magik-producttabs .magik-pdt-container .magik-pdt-content .pdt-loadmore .btn-loadmore .inner {
padding: 0 0;
height: 100%;
display: block;
}
.magik-producttabs .magik-pdt-container .magik-pdt-content .pdt-loadmore .btn-loadmore .inner > span {
padding: 0 0;
height: 100%;
padding-right: 22px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
background: url(/web/20180825114732im_/http://namkhangfurniture.com/template/Default/css/ico-plus.png) no-repeat right 2px;
display: block;
}
.magik-producttabs .magik-pdt-container .magik-pdt-content .pdt-loadmore .btn-loadmore:hover {
background-color: #70ad47;
border-color: #70ad47;
color: #FFF;
}
.magik-producttabs .magik-pdt-container .magik-pdt-content .pdt-loadmore .btn-loadmore:hover .inner > span {
background-position: right -40px;
color: #FFF;
}
.magik-producttabs .magik-pdt-container .magik-pdt-content .pdt-loadmore .btn-loadmore .icon-spin {
display: none;
position: absolute;
left: 14px;
top: 9px;
font-size: 16px;
color: #FFF;
}
.magik-producttabs .magik-pdt-container .magik-pdt-content .pdt-loadmore .btn-loadmore .icon-spin:before {
content: "\f021";
}
.magik-producttabs .magik-pdt-container .magik-pdt-content .pdt-loadmore .btn-loadmore.loading {
background-color: #70ad47;
border-color: #70ad47;
color: #FFF;
}
.magik-producttabs .magik-pdt-container .magik-pdt-content .pdt-loadmore .btn-loadmore.loading .inner > span {
padding-right: 0px;
background: none;
}
.magik-producttabs .magik-pdt-container .magik-pdt-content .pdt-loadmore .btn-loadmore.loaded {
cursor: text;
}
.magik-producttabs .magik-pdt-container .magik-pdt-content .pdt-loadmore .btn-loadmore.loaded .inner > span {
padding-right: 0px;
background: none;
}
.magik-producttabs .magik-pdt-container .magik-pdt-content .pdt-loadmore .btn-loadmore.loaded:hover {
background: #FFF;
color: #666666;
border-color: #e5e5e5;
}
@keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(.3);
}
50% {
-webkit-transform: scale(1.05);
}
70% {
-webkit-transform: scale(.9);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
}
}
@keyframes bounceIn {
0% {
opacity: 0;
-moz-transform: scale(.3);
}
50% {
-moz-transform: scale(1.05);
}
70% {
-moz-transform: scale(.9);
}
100% {
opacity: 1;
-moz-transform: scale(1);
}
}
@keyframes bounceIn {
0% {
opacity: 0;
-o-transform: scale(.3);
}
50% {
-o-transform: scale(1.05);
}
70% {
-o-transform: scale(.9);
}
100% {
opacity: 1;
-o-transform: scale(1);
}
}
@keyframes bounceIn {
0% {
opacity: 0;
transform: scale(.3);
}
50% {
transform: scale(1.05);
}
70% {
transform: scale(.9);
}
100% {
opacity: 1;
transform: scale(1);
}
}
@keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
}
60% {
-webkit-transform: translateX(-30px);
}
80% {
-webkit-transform: translateX(10px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@keyframes bounceInRight {
0% {
opacity: 0;
-moz-transform: translateX(2000px);
}
60% {
-moz-transform: translateX(-30px);
}
80% {
-moz-transform: translateX(10px);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@keyframes bounceInRight {
0% {
opacity: 0;
-o-transform: translateX(2000px);
}
60% {
-o-transform: translateX(-30px);
}
80% {
-o-transform: translateX(10px);
}
100% {
opacity: 1;
-o-transform: translateX(0);
}
}
@keyframes bounceInRight {
0% {
opacity: 0;
transform: translateX(2000px);
}
60% {
transform: translateX(-30px);
}
80% {
transform: translateX(10px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
@keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale(1.8);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
}
}
@keyframes zoomIn {
0% {
opacity: 0;
-moz-transform: scale(1.8);
}
100% {
opacity: 1;
-moz-transform: scale(1);
}
}
@keyframes zoomIn {
0% {
opacity: 0;
-o-transform: scale(1.8);
}
100% {
opacity: 1;
-o-transform: scale(1);
}
}
@keyframes zoomIn {
0% {
opacity: 0;
transform: scale(1.8);
}
100% {
opacity: 1;
transform: scale(1);
}
}
@keyframes zoomOut {
0% {
opacity: 0;
-webkit-transform: scale(.6);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
}
}
@keyframes zoomOut {
0% {
opacity: 0;
-moz-transform: scale(.6);
}
100% {
opacity: 1;
-moz-transform: scale(1);
}
}
@keyframes zoomOut {
0% {
opacity: 0;
-o-transform: scale(.6);
}
100% {
opacity: 1;
-o-transform: scale(1);
}
}
@keyframes zoomOut {
0% {
opacity: 0;
transform: scale(.6);
}
100% {
opacity: 1;
transform: scale(1);
}
}
@keyframes slideBottom {
0% {
opacity: 0;
top: 50px;
}
100% {
opacity: 1;
top: 0;
}
}
@keyframes slideBottom {
0% {
opacity: 0;
top: 50px;
}
100% {
opacity: 1;
top: 0;
}
}
@keyframes slideBottom {
0% {
opacity: 0;
top: 50px;
}
100% {
opacity: 1;
top: 0;
}
}
@keyframes slideBottom {
0% {
opacity: 0;
top: 50px;
}
100% {
opacity: 1;
top: 0;
}
}
@keyframes slideRight {
0% {
opacity: 0;
left: 30px;
}
100% {
opacity: 1;
left: 0;
}
}
@keyframes slideRight {
0% {
opacity: 0;
left: 30px;
}
100% {
opacity: 1;
left: 0;
}
}
@keyframes slideRight {
0% {
opacity: 0;
left: 30px;
}
100% {
opacity: 1;
left: 0;
}
}
@keyframes slideRight {
0% {
opacity: 0;
left: 30px;
}
100% {
opacity: 1;
left: 0;
}
}
@keyframes slideLeft {
0% {
opacity: 0;
left: -30px;
}
100% {
opacity: 1;
left: 0;
}
}
@keyframes slideLeft {
0% {
opacity: 0;
left: -30px;
}
100% {
opacity: 1;
left: 0;
}
}
@keyframes slideLeft {
0% {
opacity: 0;
left: -30px;
}
100% {
opacity: 1;
left: 0;
}
}
@keyframes slideLeft {
0% {
opacity: 0;
left: -30px;
}
100% {
opacity: 1;
left: 0;
}
}
@keyframes pageLeft {
0% {
opacity: 0;
-webkit-transform: perspective(400px) rotateY(-90deg);
}
100% {
opacity: 1;
-webkit-transform: perspective(400px) rotateY(0deg);
}
}
@keyframes pageLeft {
0% {
opacity: 0;
-moz-transform: perspective(400px) rotateY(-90deg);
}
100% {
opacity: 1;
-moz-transform: perspective(400px) rotateY(0deg);
}
}
@keyframes pageLeft {
0% {
opacity: 0;
-o-transform: perspective(400px) rotateY(-90deg);
}
100% {
opacity: 1;
-o-transform: perspective(400px) rotateY(0deg);
}
}
@keyframes pageLeft {
0% {
opacity: 0;
transform: perspective(400px) rotateY(-90deg);
}
100% {
opacity: 1;
transform: perspective(400px) rotateY(0deg);
}
}
@keyframes pageRight {
0% {
opacity: 0;
-webkit-transform: perspective(400px) rotateY(90deg);
}
100% {
opacity: 1;
-webkit-transform: perspective(400px) rotateY(0deg);
}
}
@keyframes pageRight {
0% {
opacity: 0;
-moz-transform: perspective(400px) rotateY(90deg);
}
100% {
opacity: 1;
-moz-transform: perspective(400px) rotateY(0deg);
}
}
@keyframes pageRight {
0% {
opacity: 0;
-o-transform: perspective(400px) rotateY(90deg);
}
100% {
opacity: 1;
-o-transform: perspective(400px) rotateY(0deg);
}
}
@keyframes pageRight {
0% {
opacity: 0;
transform: perspective(400px) rotateY(90deg);
}
100% {
opacity: 1;
transform: perspective(400px) rotateY(0deg);
}
}
@keyframes pageTop {
0% {
opacity: 0;
-webkit-transform: perspective(400px) rotateX(90deg);
}
100% {
opacity: 1;
-webkit-transform: perspective(400px) rotateX(0deg);
}
}
@keyframes pageTop {
0% {
opacity: 0;
-moz-transform: perspective(400px) rotateX(90deg);
}
100% {
opacity: 1;
-moz-transform: perspective(400px) rotateX(0deg);
}
}
@keyframes pageTop {
0% {
opacity: 0;
-o-transform: perspective(400px) rotateX(90deg);
}
100% {
opacity: 1;
-o-transform: perspective(400px) rotateX(0deg);
}
}
@keyframes pageTop {
0% {
opacity: 0;
transform: perspective(400px) rotateX(90deg);
}
100% {
opacity: 1;
transform: perspective(400px) rotateX(0deg);
}
}
@keyframes pageTopBack {
0% {
opacity: 0;
-webkit-transform: perspective(400px) rotateX(90deg);
}
100% {
opacity: 1;
-webkit-transform: perspective(400px) rotateX(0deg);
}
}
@keyframes pageTopBack {
0% {
opacity: 0;
-moz-transform: perspective(400px) rotateX(90deg);
}
100% {
opacity: 1;
-moz-transform: perspective(400px) rotateX(0deg);
}
}
@keyframes pageTopBack {
0% {
opacity: 0;
-o-transform: perspective(400px) rotateX(90deg);
}
100% {
opacity: 1;
-o-transform: perspective(400px) rotateX(0deg);
}
}
@keyframes pageTopBack {
0% {
opacity: 0;
transform: perspective(400px) rotateX(90deg);
}
100% {
opacity: 1;
transform: perspective(400px) rotateX(0deg);
}
}
@keyframes pageBottom {
0% {
opacity: 0;
-webkit-transform: perspective(400px) rotateX(-90deg);
}
100% {
opacity: 1;
-webkit-transform: perspective(400px) rotateX(0deg);
}
}
@keyframes pageBottom {
0% {
opacity: 0;
-moz-transform: perspective(400px) rotateX(-90deg);
}
100% {
opacity: 1;
-moz-transform: perspective(400px) rotateX(0deg);
}
}
@keyframes pageBottom {
0% {
opacity: 0;
-o-transform: perspective(400px) rotateX(-90deg);
}
100% {
opacity: 1;
-o-transform: perspective(400px) rotateX(0deg);
}
}
@keyframes pageBottom {
0% {
opacity: 0;
transform: perspective(400px) rotateX(-90deg);
}
100% {
opacity: 1;
transform: perspective(400px) rotateX(0deg);
}
}
@keyframes starwars {
0% {
opacity: 0;
-webkit-transform: perspective(200px) scale(3) translateY(180px) rotateX(80deg);
}
80% {
opacity: 1;
-webkit-transform: perspective(200px) scale(1) rotateX(60deg);
}
100% {
opacity: 1;
-webkit-transform: perspective(200px) scale(1) rotateX(0deg);
}
}
@keyframes starwars {
0% {
opacity: 0;
-moz-transform: perspective(200px) scale(3) translateY(180px) rotateX(80deg);
}
80% {
opacity: 1;
-moz-transform: perspective(200px) scale(1) rotateX(60deg);
}
100% {
opacity: 1;
-moz-transform: perspective(200px) scale(1) rotateX(0deg);
}
}
@keyframes starwars {
0% {
opacity: 0;
-o-transform: perspective(200px) scale(3) translateY(180px) rotateX(80deg);
}
80% {
opacity: 1;
-o-transform: perspective(200px) scale(1) rotateX(60deg);
}
100% {
opacity: 1;
-o-transform: perspective(200px) scale(1) rotateX(0deg);
}
}
@keyframes starwars {
0% {
opacity: 0;
transform: perspective(200px) scale(3) translateY(180px) rotateX(80deg);
}
80% {
opacity: 1;
transform: perspective(200px) scale(1) rotateX(60deg);
}
100% {
opacity: 1;
transform: perspective(200px) scale(1) rotateX(0deg);
}
}
/* 38. contact us page*/
.contacts-index-index .form-list #telephone {
width: 65%;
}
/* 39. category description*/
.category-description {
padding-bottom: 10px;
padding-right: 2px;
/*padding-top: 10px;*/
}
.contacts-index-index #contactForm .required-entry {
width: 65%;
}
.catalogsearch-advanced-index #form-validate #advanced-search-list .multiselect {
width: 636px;
}
.page-sitemap .pager {
float: left;
}
.customer-address-form #form-validate .input-box .validate-select {
}
/* 40. my dashboard*/
.sales-order-history .my-account .login_page .pager select {
margin-left: 0px;
float: left;
margin-right: 10px;
}
.sales-order-history .main-container-inner .pager .pages {
margin-top: -20px;
}
.sales-order-history .main-container-inner #my-orders-table {
margin-top: 44px;
margin-bottom: 5px;
}
.sales-order-history .main-container-inner .limiter {
text-align: left;
margin-left: 10px;
}
.sales-order-history .main-container-inner .pager p {
margin-top: 5px;
}
.downloadable-customer-products .my-account .login_page .pager select {
margin-left: 0px;
float: left;
margin-right: 10px;
}
.downloadable-customer-products .my-account #my-downloadable-products-table {
margin-bottom: 10px;
margin-top: 10px;
}
.downloadable-customer-products .main-container-inner .pager .pages {
margin-top: -20px;
}
.downloadable-customer-products .main-container-inner #my-orders-table {
margin-top: 44px;
margin-bottom: 5px;
}
.downloadable-customer-products .main-container-inner .limiter {
text-align: left;
margin-left: 10px;
}
.downloadable-customer-products .main-container-inner .pager p {
margin-top: 5px;
}
.review-customer-index .main-container-inner .pager p {
margin-top: 5px;
}
.review-customer-index .main-container-inner .limiter {
text-align: left;
margin-left: 10px;
}
.review-customer-index .main-container-inner #my-orders-table {
margin-top: 44px;
margin-bottom: 5px;
}
.review-customer-index .main-container-inner .pager .pages {
margin-top: -20px;
}
.review-customer-index .my-account .login_page .pager select {
margin-left: 0px;
float: left;
margin-right: 10px;
}
.review-customer-index .my-account #my-reviews-table {
margin-bottom: 10px;
margin-top: 25px;
}
/* 41. about us page*/
.cms-page-view .slider_wrapper {
display: none;
}
.cms-page-view .our-features-box {
display: none;
}
.cms-page-view .brand-logo {
display: none;
}
.cms-about-us .service-section {
display: none;
}
.cms-about-us .offer-banner {
display: none;
}
/* 42. wishlist*/
#wishlist_button {
display: inline-block;
margin-right: 3px;
float: left;
}
#wishlist1_button {
display: inline-block;
}
#viewall {
margin-left: 5px;
}
#wishlist1_button {
text-transform: uppercase;
font-size: 10px;
margin-top: 8px;
color: #333333;
}
a#wishlist1_button {
text-transform: uppercase;
font-size: 10px;
color: #333333;
}
a:hover#wishlist1_button {
text-transform: uppercase;
font-size: 10px;
color: #000;
}
#wishlist-sidebar li {
overflow: hidden;
border-bottom: 1px solid #ECECEC;
}
#wishlist-sidebar li.last {
overflow: hidden;
border-bottom: 0px solid #ECECEC;
}
.col-right .block-cart ul li.item {
border-bottom: 1px solid #ECECEC;
margin-bottom: 5px;
padding-bottom: 8px;
}
#wishlist_button {
float: left;
text-transform: uppercase;
font-size: 10px;
margin-top: 8px;
color: #333333;
}
a#wishlist_button {
text-transform: uppercase;
font-size: 10px;
color: #333333;
}
a:hover#wishlist_button {
text-transform: uppercase;
font-size: 10px;
color: #000;
}
.sendfriend-product-send .form-list textarea {
width: 65%;
}
.product-pricing .price {
font-size: 14px !important;
}
#product-options-wrapper .options-list .price {
font-size: 14px;
}
.show_hide {
position: absolute;
right: 0;
}
#wishlist-table {
border: none;
text-align: left;
}
#wishlist-table .btn-remove:before {
content: "\f014";
font-family: FontAwesome;
font-size: 16px;
padding-right: 8px;
background-image: none;
color: #333333;
}
#wishlist-table button.button.btn-cart {
text-decoration: none;
float: none;
background: none;
font-family: 'FontAwesome';
font-size: 16px;
text-transform: uppercase;
display: inline;
padding: 0;
vertical-align:top;
color: #fff;
background: none repeat scroll 0 0 #70ad47;
font-size: 16px;
height: 29px;
line-height: 20px;
padding: 4px;
text-align: center;
width: 30px;
}
#wishlist-table button.button.btn-cart:hover {
text-decoration: none;
float: none;
background: none;
font-family: 'FontAwesome';
font-size: 16px;
text-transform: uppercase;
display: inline;
padding: 0;
color: #fff;
background: none repeat scroll 0 0 #70ad47;
font-size: 16px;
height: 29px;
line-height: 20px;
padding: 4px;
text-align: center;
width: 30px;
}
#wishlist-table button.button.btn-cart span {
font-size: 12px;
padding: 0;
font-family: "Source Sans Pro", sans-serif;
text-transform: uppercase;
display: none;
}
#wishlist-table button.button.btn-cart span span {
font-size: 12px;
padding: 1px 0px 0px 10px;
font-family: "Source Sans Pro", sans-serif;
text-transform: uppercase;
display: none;
}
#wishlist-table button.button.btn-cart:hover span span {
text-decoration: none;
}
#wishlist-table button.button.btn-cart:before {
content: "\f07a";
}
#wishlist-table button.button.remove-item {
text-decoration: none;
float: none;
background: none;
font-family: 'FontAwesome';
font-size: 16px;
text-transform: uppercase;
display: inline;
margin-bottom: 8px;
padding: 0;
color: #fff;
background: none repeat scroll 0 0 #70ad47;
font-size: 16px;
height: 30px;
line-height: 20px;
padding: 4px;
text-align: center;
width: 30px;
margin-left: 5px;
}
#wishlist-table button.button.remove-item:hover {
text-decoration: none;
float: none;
background: none;
font-family: 'FontAwesome';
font-size: 16px;
text-transform: uppercase;
display: inline;
margin-bottom: 8px;
padding: 0;
color: #fff;
background: none repeat scroll 0 0 #70ad47;
font-size: 16px;
height: 30px;
line-height: 20px;
padding: 4px;
text-align: center;
width: 30px;
}
#wishlist-table button.button.remove-item span span {
font-size: 12px;
padding: 1px 0px 0px 10px;
font-family: "Source Sans Pro", sans-serif;
text-transform: uppercase;
display: none;
}
#wishlist-table button.button:hover.remove-item span span {
text-decoration: none;
}
#wishlist-table button.button.remove-item:before {
content: "\f014";
}
.my_wishlist {
margin-top: 6px;
}
.my_wishlist .buttons-set {
margin-bottom: 25px;
overflow: hidden;
float: right;
}
.my_wishlist .buttons-set button.button {
float: right;
margin-left: 5px;
margin-right: 0;
}
#wishlist-table a.remove-item {
background-image: none;
line-height: 28px;
width: 30px;
height: 28px;
background-image: none;
padding: 6px 9px;
color: #fff;
background-color: #70ad47;
cursor: pointer;
text-decoration: none;
border-radius:2px;
}
#wishlist-table a.remove-item:before {
content: "\f014";
font-family: FontAwesome;
font-size: 16px;
}
#wishlist-table a.remove-item:hover {
background-image: none;
line-height: 28px;
width: 30px;
height: 28px;
background-image: none;
padding: 6px 9px;
color: #fff;
background-color: #70ad47;
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
}
#wishlist-table .remove-item span span {
display: none;
}
.wishlist-index-index .my-wishlist .buttons-set2 .btn-share {
float: right;
margin-right: 2px;
}
.wishlist-index-index .my-wishlist .buttons-set2 .btn-add {
float: right;
margin-right: 2px;
}
.wishlist-index-index .my-wishlist .buttons-set2 .btn-update {
float: right;
margin-right: 2px;
}
.cms-index-noroute .service-section {
display: none;
}
#cart-sidebar .mini-products-list .product-image {
border: 1px solid #ECECEC;
}
/*shoppping cart*/
.checkout-cart-index .shipping .sp-methods {
margin-left: -12px;
}
#update_total_shoppingcart {
margin-left: -14px;
}
/* 43. dashboard */
.col-right .block-content ul li.current span {
margin-left: 7px;
}
.dashboard {
}
.dashboard .welcome-msg {
text-align: left;
padding: 0px 0 5px;
color: #333;
font-size: 14px;
}
.dashboard .welcome-msg strong {
font-weight: 600;
font-size: 14px;
}
#my-orders-table {
border: none;
}
.box-account {
margin-top: 15px;
}
.box-account .page-title {
margin: 0 !important;
padding: 0;
background: none;
border-bottom: none !important;
}
.box-account .page-title h2 {
font-size: 14px;
font-weight: bold;
}
.box-account address {
color: #333;
text-align: left;
}
.box-account .col2-set a {
text-decoration: underline;
}
/*dashboard my order view order*/
.sales-order-view #my-orders-table .shipping {
float: inherit;
}
#mgkquickview {
display: none;
background-color: rgba(0,0,0, 0.7);
width: 100%;
height: 1200px;
position: fixed;
z-index: 9999;
top: 0;
left: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}
.product-view .product-shop .grouped-items-table .price {
font-size: 18px;
}
/* Fixed width */
.fixed header {
width: 1250px;
margin: 0 auto;
}
.pull-left {
float: left!important;
}
.fixed nav {
width: 1250px;
box-shadow: none;
}
.fixed .slider_wrapper {
margin: 0 auto;
width: 1250px;
}
.fixed .search-section {
margin: 0 auto;
width: 1250px;
}
.fixed .service-section {
margin: 0 auto;
width: 1250px;
}
.fixed .our-features-box {
margin: 0 auto;
width: 1250px;
}
.fixed .offer-banner {
margin: 0 auto;
width: 1250px;
}
.fixed .brand-logo {
margin: 0 auto;
width: 1250px;
float: none;
}
.fixed footer {
margin: 0 auto;
width: 1250px;
}
.checkout-onepage-index .one-page-checkout #checkout-review-submit .btn-checkout {
margin-top: 10px;
}
.col2-set .col-1 address {
text-align: left;
}
.checkout-multishipping-overview .multiple-checkout #review-buttons-container .button {
margin-top: 36px;
}
/* 44. detail page share links*/
.sharing-links li .link-email-friend {
display: none;
}
.sharing-links {
clear: both;
list-style: none outside none;
margin-bottom: 10px;
}
/*facebook sharelinks*/
.product-view .product-shop .sharing-links .link-facebook:before {
content: "\f09a";
font-family: FontAwesome;
font-size: 14px;
padding: 7px 10px;
vertical-align: top;
background: #D6D6D6;
border-radius: 50px;
height: 25px;
width: 25px;
color: #fff;
text-align: center;
margin-right: 5px;
}
/*twitter share-links*/
.product-view .product-shop .sharing-links .link-twitter:before {
content: "\f099";
font-family: FontAwesome;
font-size: 14px;
padding: 7px;
vertical-align: top;
background: #D6D6D6;
border-radius: 50px;
height: 25px;
width: 25px;
color: #fff;
text-align: center;
margin-right: 5px;
}
.product-view .product-shop .sharing-links .link-facebook {
background-color: #FFFFFF;
border: medium none;
color: #A2A3A5;
font-family: 'Source Sans Pro',sans-serif;
font-size: 14px;
font-weight: bold;
line-height: 30px;
}
.product-view .product-shop .sharing-links .link-twitter {
background-color: #FFFFFF;
border: medium none;
color: #A2A3A5;
font-family: 'Source Sans Pro',sans-serif;
font-size: 14px;
font-weight: bold;
line-height: 30px;
}
.sharing-links li {
margin: 5px 0;
}
.product-view .product-shop .sharing-links .link-twitter:hover,
.sharing-links .link-facebook:hover {
color: #333 !important;
line-height: 30px;
font-size: 14px;
border: none;
background-color: #FFFFFF;
}
/* 45. blog-post*/
.blog_fix {
width: 100%;
text-align: left;
padding: 0px;
margin: auto;
padding-top: 10px;
padding-bottom: 20px;
}
.blog_post {
position: relative;
vertical-align: top;
padding-bottom: 20px;
margin: auto;
}
.blog_post ul {
position: relative;
list-style: none;
margin: 0;
padding: 0;
overflow: hidden;
}
.blog_post li {
width: 23.10%;
float: left;
margin-right: 30px;
}
.blog_post li:last-child {
margin-right: 0px;
}
.blog-title {
color: #000000;
height: 50px;
margin: 0 auto 0px;
text-align: center;
text-transform: none;
margin-bottom: 30px;
}
.blog-title h2 {
color: #70ad47;
font-size: 30px;
font-weight: bold;
margin-top: 0;
padding: 0px 40px 10px;
position: relative;
display: inline-block;
font-family: 'Source Sans Pro',sans-serif;
background: url(/web/20180825114732im_/http://namkhangfurniture.com/template/Default/css/seprator.png) no-repeat bottom center;
text-transform: uppercase;
}
.blog_post img {
max-width: 100%;
height: auto !important;
}
.blog-img {
margin: 10px 0;
overflow: hidden;
position: relative;
text-align: center;
}
.latest-news img {
margin-bottom: 5px;
width: 100%;
}
.latest-news .blog_inner h2 {
font-size: 16px;
/* height: 22px;
overflow: hidden; */
font-weight: normal;
margin-bottom: 10px;
}
.latest-news .blog_inner h3 {
color: #5e5f5f;
font-weight: normal;
font-size: 13px;
}
.latest-news .blog_inner p {
line-height: 20px;
margin: 10px 0px 20px;
text-align: left;
}
.latest-news .blog_inner .f-block {
border-top: 1px dotted #ddd;
padding: 10px 0px 0px 0px;
}
.latest-news a {
color: #70ad47;
font-family: 'Source Sans Pro',sans-serif;
font-size: 16px;
text-decoration: none;
}
.latest-news a:hover {
color: #333;
}
.latest-news .icon-calendar {
margin-right: 5px;
}
.blog-img img {
-webkit-transition: all 0.4s ease-in-out 0.5s;
-moz-transition: all 0.4s ease-in-out 0.5s;
-o-transition: all 0.4s ease-in-out 0.5s;
-ms-transition: all 0.4s ease-in-out 0.5s;
transition: all 0.4s ease-in-out 0.5s;
}
.blog-img .mask {
background-color: rgba(255, 255, 255, 0.8);
opacity: 0;
-webkit-transition: all 0.3s ease-in 0.4s;
-moz-transition: all 0.3s ease-in 0.4s;
-o-transition: all 0.3s ease-in 0.4s;
-ms-transition: all 0.3s ease-in 0.4s;
transition: all 0.3s ease-in 0.4s;
}
.blog-img a.info {
opacity: 0;
-webkit-transition: all 0.3s ease-in-out 0.1s;
-moz-transition: all 0.3s ease-in-out 0.1s;
-o-transition: all 0.3s ease-in-out 0.1s;
-ms-transition: all 0.3s ease-in-out 0.1s;
transition: all 0.3s ease-in-out 0.1s;
-webkit-transform: translateY(100px);
-moz-transform: translateY(100px);
-o-transform: translateY(100px);
-ms-transform: translateY(100px);
transform: translateY(100px);
}
.blog-img:hover .mask {
opacity: 1;
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
-ms-transition-delay: 0s;
transition-delay: 0s;
}
.blog-img:hover img {
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
-ms-transition-delay: 0s;
transition-delay: 0s;
}
.blog-img:hover a.info {
opacity: 1;
-webkit-transform: translateY(80px);
-moz-transform: translateY(80px);
-o-transform: translateY(80px);
-ms-transform: translateY(80px);
transform: translateY(80px);
-webkit-transition-delay: 0.3s;
-moz-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
-ms-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.blog-l {
margin: 10px 0;
overflow: hidden;
position: relative;
text-align: center;
}
.blog-l .mask, .blog-l .content {
height: 100%;
position: absolute;
overflow: hidden;
top: 0;
left: 0;
width: 100%;
}
.blog-l img {
display: block;
position: relative;
}
.blog-l a.info {
display: inline-block;
padding: 2px;
border: 1px solid #70ad47;
cursor: pointer!important;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.blog-l a span {
display: block;
padding: 0 28px;
border: 1px solid #70ad47;
height: 30px;
line-height: 30px;
text-transform: uppercase;
font-family: 'Source Sans Pro', sans-serif;
font-size: 12px;
letter-spacing: 1px;
color: #70ad47;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.blog-l a.info:hover {
background: #70ad47;
}
.blog-l a.info:hover span {
color: #ffffff;
background: #70ad47;
border: 1px solid #ffffff;
}
.slides_container1 {
width: 940px;
height: 363px;
position: relative;
padding-left: 0px;
background: #f3f7f9;
}
.slides_container1 div {
width: 940px;
height: 363px;
display: block;
position: relative;
z-index: 0;
color: #FFFFFF;
}
.slides_container1 div img {
z-index: 20;
position: absolute;
top: 0px;
left: 0px;
}
.slides_container1 div p {
z-index: 40;
position: absolute;
top: 124px;
left: 246px;
padding-right: 10px;
color: #560e78;
font-size: 14px;
}
#slides1 {
position: relative;
overflow: hidden;
width: 940px;
}
#slides1 a.prev {
z-index: 0;
position: absolute;
left: 0px;
top: 0px;
padding: 8px 6px 10px 5px;
color: #fff;
font-size: 16px;
font-weight: 600;
text-decoration: none;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
font-size: 0px;
height: 30px;
width: 35px;
text-align: center;
border-radius: 0px;
border: 2px #fff solid;
}
#slides1 a.prev:before {
content: '\f104';
font-size: 30px;
font-family: FontAwesome;
font-weight: normal;
line-height: normal;
}
#slides1 a.prev:hover {
background: #70ad47;
opacity: 1;
border: 2px #ddd solid;
color: #fff;
}
#slides1 a.next {
z-index: 0;
position: absolute;
right: 0px;
top: 0px;
padding: 8px 6px 10px 5px;
color: #fff;
font-size: 16px;
font-weight: 600;
text-decoration: none;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
font-size: 0px;
height: 30px;
width: 35px;
text-align: center;
border-radius: 0px;
border: 2px #fff solid;
}
#slides1 a.next:before {
content: '\f105';
font-size: 30px;
font-family: FontAwesome;
font-weight: normal;
line-height: normal;
}
#slides1 a.next:hover {
background: #70ad47;
opacity: 1;
border: 2px #fff solid;
color: #fff;
}
#slides1 a.prev,
#slides1 a.next {
margin: 145px 6px 0px 5px;
}
.btn-continue {
float: right;
}
/* 46. Footer */
footer address {
display: block;
font-style: normal;
line-height: 20px;
color: #fff;
margin-bottom: 0px;
letter-spacing: 1px; text-align:left;
}
footer address a, footer address a:focus { color: #fff;
}
footer address li {
text-align: left;
display: block;
padding-bottom: 8px;
}
footer {
padding: 40px 0 0;
width: 100%;
overflow: hidden;
background: #70ad47;
color: #333;
font-size: 15px;
}
.com-add {
border-bottom: 1px solid #f0f0f0;
margin-bottom: 10px;
padding-bottom: 6px;
}
footer .inner {
margin: auto;
overflow: hidden;
}
footer .inner h3 {
color: #3D4C4F;
font-size: 15px;
text-transform: uppercase;
margin: 0 0 15px;
padding: 0 0 10px;
font-family: 'Source Sans Pro',sans-serif;
}
.footer-column1 {
float: left;
width: 350px;
margin-right: 12px;
margin-bottom: 15px;
}
.footer-column {
float: left;
margin-bottom: 15px;
}
.footer-column-last {
width: 100%;
margin-top: 10px;
margin-bottom: 10px;
padding: 10px 0px;
border-bottom: 1px #70ad47 solid;
margin: auto;
overflow: hidden;
margin-bottom: 45px;
border-radius: 3px;
border-top: 1px #70ad47 solid;
}
.block-payment {
float: right;
margin-top: 5px;
text-align:right;
}
.footer-bottom .inner {
margin: auto;
padding: 10px 0px;
}
footer a, footer p {
font-size: 14px;
color: #fff;
padding-top: 3px;
padding-bottom: 3px;
}
footer .footer-column a {
display: block;
color: #fff;
}
footer a {
line-height: normal;
}
footer a:hover {
color: #fff;
text-decoration:none;
}
footer p {
line-height: 20px;
}
footer h4 {
padding: 0 0 10px;
font-size: 16px;
margin: 0;
color: #fff;
text-transform: uppercase;
font-weight: bold;
}
footer .input-text:focus {
background: transparent;
border-color: #464646;
}
footer .coppyright {
color: #666;
float: left;
margin-left:-14px;
}
.footer-bottom {
padding: 0px;
overflow: hidden;
width: 100%;
margin: auto;
background: url(/web/20180825114732im_/http://namkhangfurniture.com/template/Default/css/footer-bottom-bg.jpg) repeat-x top;
}
.footer-bottom a:hover {
color: #70ad47;
}
.footer-bottom .bottom_links {
text-align: right;
}
.footer-bottom .bottom_links ul {
display: inline-block;
}
.footer-bottom .bottom_links li {
float: right;
margin-left: 20px;
}
.custom-footer-links li {
margin: 7px 0;
}
.custom-footer-links .payment-accept {
color: #333333;
float: left;
font-size: 12px;
padding-top: 6px;
}
.footer-col-right {
width: 58%;
float: left;
}
.contact-info {
text-align: center;
}
ul.contact-info span {
font-size: 13px !important;
font-weight: 900 !important;
color: #666;
float: left;
}
ul.contact-info li {
margin-bottom: 8px;
padding-bottom: 8px;
display: inline-block;
}
ul.contact-info li.last {
float: left;
margin-bottom: 0px;
border-bottom: 0px #2D3D4C solid;
}
#container_newsletter {
width: 100%;
padding: 7px 0 7px 0;
background: #f0f0f0;
margin: 36px 0 22px 0;
}
#text_container_news {
width: 205px;
height: 34px;
float: left;
margin-left: 30px;
text-transform: uppercase;
font-family: arial;
font-size: 10px;
color: #647177;
padding-top: 7px;
}
#text_container_news span {
color: #959a9c;
font-size: 9px;
}
#container_form_news {
position: relative;
z-index: 0;
}
#container_form_news2 input[type="text"] {
background: none repeat scroll 0 0 #FFFFFF;
border: 2px solid #E9E7E7;
color: #A7A7A7;
display: inline;
font-family: 'Source Sans Pro',sans-serif;
font-size: 15px;
line-height: 20px;
padding: 12px;
width: 358px;
margin-right: 8px;
}
#container_form_news2 input[type="submit"] {
cursor: pointer;
border: 0;
background: #FFFFFF;
width: 20px;
height: 20px;
display: block;
position: relative;
color: #a7a7a7;
font-size: 10px;
line-height: 20px;
top: -18px;
right: -160px;
}
.footer-box {
margin: auto;
}
footer ul span {
display: inline-block;
font-size: 16px;
font-weight: normal;
line-height: 15px;
padding-right: 3px;
}
.tagline {
text-align: center;
}
.social .fb a:before {
content: "\f09a";
font-family: FontAwesome;
}
.social .fb a {
background: #4468b2;
font-size: 18px;
border-radius: 3px;
line-height: 35px;
display: inline-block!important;
width: 35px;
height: 35px;
color: #fff;
text-align: center;
padding: 0;
}
.social .fb a:hover {
background: #4468b2!important;
}
.social .tw a:before {
content: "\f099";
font-family: FontAwesome;
}
.social .tw a {
background: #3ca4f8;
font-size: 18px;
border-radius: 3px;
line-height: 35px;
display: inline-block!important;
width: 35px;
height: 35px;
color: #fff;
text-align: center;
padding: 0;
}
.social .tw a:hover {
background: #3ca4f8!important;
}
.social .googleplus a:before {
content: "\f0d5";
font-family: FontAwesome;
}
.social .googleplus a {
background: #e33729;
font-size: 18px;
border-radius: 3px;
line-height: 35px;
display: inline-block!important;
width: 35px;
height: 35px;
color: #fff;
text-align: center;
padding: 0;
}
.social .googleplus a:hover {
background: #e33729!important;
}
.social .rss a:before {
content: "\f09e";
font-family: FontAwesome;
}
.social .rss a {
content: "\f09e";
font-family: FontAwesome;
background: #fd9f13;
font-size: 18px;
border-radius: 3px;
line-height: 35px;
display: inline-block!important;
width: 35px;
height: 35px;
color: #fff;
text-align: center;
padding: 0;
}
.social .rss a:hover {
background: #fd9f13!important;
}
.social .pintrest a:before {
content: "\f0d3";
font-family: FontAwesome;
}
.social .pintrest a {
content: "\f0d3";
font-family: FontAwesome;
background: #cb2027;
font-size: 18px;
border-radius: 3px;
line-height: 35px;
display: inline-block!important;
width: 35px;
height: 35px;
color: #fff;
text-align: center;
padding: 0;
}
.social .pintrest a:hover {
background: #cb2027!important;
}
.social .linkedin a:before {
content: "\f0e1";
font-family: FontAwesome;
}
.social .linkedin a {
content: "\f0e1";
font-family: FontAwesome;
background: #0797c9;
font-size: 18px;
border-radius: 3px;
line-height: 35px;
display: inline-block!important;
width: 35px;
height: 35px;
color: #fff;
text-align: center;
padding: 0;
}
.social .linkedin a:hover {
background: #0797c9!important;
}
.social .youtube a:before {
content: "\f167";
font-family: FontAwesome;
}
.social .youtube a {
background: #f92d2d;
font-size: 18px;
border-radius: 3px;
line-height: 35px;
display: inline-block!important;
width: 35px;
height: 35px;
color: #fff;
text-align: center;
padding: 0;
}
.social .youtube a:hover {
background: #f92d2d!important;
}
.social {
float: left;
}
.social h4 {
font-size: 13px;
font-weight: normal;
color: #fff;
text-align: left;
border: none;
padding: 0;
margin: 0;
margin-right: 5px;
font-weight: bold;
}
.social ul {
float: left;
margin: 0;
margin-left:5px;
list-style: none;
line-height: 45px;
}
.social ul li {
float: left;
margin-right: 10px;
}
.social a {
transition: background 400ms ease-in-out;
-webkit-transition: background 400ms ease-in-out;
-moz-transition: background 400ms ease-in-out;
-o-transition: background 400ms ease-in-out;
}
address {
display: block;
margin: auto;
font-style: normal;
line-height: 17px;
color: #999;
text-align: center;
margin-bottom: 40px;
}
/* Custom Banners */
.custom-banners {
width: 100%;
margin: auto;
overflow: hidden;
margin: 12px auto 15px;
}
.box1 {
margin-bottom: 20px;
width: 280px;
display: block;
}
.image_container a img {
-webkit-transition: opacity 0.3s ease-in-out;
-moz-transition: opacity 0.3s ease-in-out;
-ms-transition: opacity 0.3s ease-in-out;
-o-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
}
.image_container a:hover img {
opacity: 0.8;
}
/* Paypal */
.sidebar .paypal-logo {
display: block;
margin: 10px 0 30px;
text-align: center;
}
.sidebar .paypal-logo a {
float: none;
}
/* 47. shop */
#slideshow {
display:none;
}
#slideshow .slideshow {
position:relative;
}
#slideshow .slideshow .slide img {
display:block;
width:100%;
height:auto;
}
#slideshow .slideshow .slide .item {
width:100%;
position:relative;
}
#slideshow .slideshow .slide.two .item {
width:50%;
float:left;
}
#slideshow .slideshow .item .overlay {
display:block;
width:100%;
position:absolute;
top:0;
left:0;
opacity:0;
background: url(/web/20180825114732im_/http://namkhangfurniture.com/template/Default/css/overlay.png) repeat;
-webkit-transition:opacity 0.1s linear;
-moz-transition:opacity 0.1s linear;
-ms-transition:opacity 0.1s linear;
-o-transition:opacity 0.1s linear;
transition:opacity 0.1s linear;
line-height:1;
text-align:center;
font-size:15px;
text-transform:uppercase;
color:#70ad47;
letter-spacing:2px;
text-decoration:none;
}
#slideshow .slideshow .item:hover .overlay {
opacity:100;
}
#slideshow .slideshow .item .overlay span {
display:block;
margin-top:17px; color:#70ad47; font-size:14px;
}
#slideshow .slideshow .item .overlay span.price{color:#000;}
#slideshow .slideshow #prev,
#slideshow .slideshow #next {
display:block;
width:70px;
height:100%;
position:absolute;
top:0;
cursor:pointer;
}
#slideshow .slideshow #prev {
left:0;
}
#slideshow .slideshow #next {
right:0;
}
#slideshow .slideshow #prev span,
#slideshow .slideshow #next span {
display:block;
width:20px;
height:37px;
text-indent:-9999em;
background-image: url(/web/20180825114732im_/http://namkhangfurniture.com/template/Default/css/carousel-nav.png);
background-repeat:no-repeat;
position:absolute;
}
#slideshow .slideshow #prev span {
background-position:0 0;
left:50px;
}
#slideshow .slideshow #prev:hover span {
background-position:0 -37px;
}
#slideshow .slideshow #next span {
background-position:-20px 0;
right:50px;
}
#slideshow .slideshow #next:hover span {
background-position:-20px -37px;
}
em.shop-bnt {
display:inline-block !important;
padding:2px;
border:1px solid #fff;
cursor:pointer!important;
-webkit-transition:all 0.2s linear;
-moz-transition:all 0.2s linear;
-o-transition:all 0.2s linear;
-ms-transition:all 0.2s linear;
transition:all 0.2s linear; background:#70ad47; font-style:normal; margin-top:15px;
}
em.shop-bnt span {
display:block;
padding:0 32px;
border:1px solid #fff;
height:30px;
line-height:30px;
text-transform:uppercase;
font-family:'Source Sans Pro', sans-serif;
font-size:12px;
letter-spacing:1px;
color:#fff !important;
-webkit-transition:all 0.2s linear;
-moz-transition:all 0.2s linear;
-o-transition:all 0.2s linear;
-ms-transition:all 0.2s linear;
transition:all 0.2s linear; margin:0 !important
}
em.shop-bnt:hover {
display:inline-block;
padding:2px;
border:1px solid #fff;
cursor:pointer!important;
-webkit-transition:all 0.2s linear;
-moz-transition:all 0.2s linear;
-o-transition:all 0.2s linear;
-ms-transition:all 0.2s linear;
transition:all 0.2s linear;
background:#70ad47;
}
em.shop-bnt:hover span {
display:block;
padding:0 32px;
border:1px solid #fff;
height:30px;
line-height:30px;
text-transform:uppercase;
font-family:'Source Sans Pro', sans-serif;
font-size:12px;
letter-spacing:1px;
color:#fff;
-webkit-transition:all 0.2s linear;
-moz-transition:all 0.2s linear;
-o-transition:all 0.2s linear;
-ms-transition:all 0.2s linear;
transition:all 0.2s linear;
}
.slider_overlay_text{
padding-top: 48%;
}
.slider_overlay_text1{
padding-top: 25%;
}
/* 48. Slider */
.slides_container {
width: 1040px;
height:200px;
position: relative;
padding-left: 0px;
}
.slides_container div {
width: 1000px;
display: block;
position: relative;
z-index: 20;
}
.slides_container div p {
z-index: 40;
position: absolute;
top: 124px;
left: 246px;
padding-right: 10px;
color: #560e78;
font-size: 14px;
}
#slides {
position: relative;
width: 960px;
margin:auto;
}
.slides_container div p {
top: 175px;
left: 320px;
}
#slides a.prev {
position:absolute;
left:-142px;
top:25%;
background:url('/web/20180825114732im_/http://namkhangfurniture.com/template/Default/css/slideshow-arrows.png') 0 0 no-repeat;
width:50px;
height:50px;
text-indent:-10000px;
}
#slides a.prev:hover {
background-position:0 -66px;
}
#slides a.next {
position:absolute;
right:-142px;
top:25%;
background:url('/web/20180825114732im_/http://namkhangfurniture.com/template/Default/css/slideshow-arrows.png') -50px 0 no-repeat;
width:50px;
height:50px;
text-indent:-10000px;
cursor:pointer
}
/* 49. Testimonials */
.testimonials {
margin: auto;
width:100%;
border-top: solid #ccc 1px;
background-image:url(/web/20180825114732im_/http://namkhangfurniture.com/template/Default/css/testimonial-bg.jpg);
background-position: 50% 50px;
background-attachment: fixed;
background-size: cover;
background-repeat: repeat-y;
}
.testimonials .inner{ background:rgba(0, 0, 0, 0.7); padding-bottom: 30px; padding-top: 60px;}
.testimonials_RC {
overflow: hidden;
text-align: center;
width: 920px;
margin: auto;
}
.testimonials_RC .inner-left {
margin-left: 0 !important;
width: 365px;
float: left;
text-align: left;
margin-right: 26px;
}
.testimonials_RC .quote-box {
margin-bottom: 20px;
}
.testimonials_RC .quote-box .quote-left {
height: 28px;
width: 33px;
display: inline-block;
}
.testimonials_RC .quote-box q {
line-height: 30px;
margin: 15px 0 0 10px;
quotes: none;
color: #fff;
font-size: 20px;
font-weight: 300;
display: inline-block;
}
.testimonials_RC .quote-box q .quote {
font-size: 100px;
color: #fff;
font-weight: 300;
font-family: 'Source Sans Pro',sans-serif;
height:80px;
line-height:80px;
position:absolute;
margin-left:-50px
}
.testimonials_RC .quote-box .quote-right {
height: 28px;
margin: 4px -10px 0 10px;
position: absolute;
width: 33px;
}
.testimonials_RC cite {
display: block;
margin: 10px 0 0 10px;
font-style: normal;
font-size: 13px;
color: #aaa;
width: 250px;
margin: auto;
overflow: hidden;
text-align: left;
height: 70px;
margin-top: 8px;
}
.testimonials_RC cite .photo {
display: block;
float: left;
height: 60px;
margin: 0 20px 0 0;
width: 60px;
}
.testimonials_RC cite .author {
color: #fff;
font-size: 18px;
line-height: normal;
display: block;
margin-top: 5px;
line-height: 30px;
font-weight: bold;
}
.testimonials_RC h3 {
color: #111111;
font-size: 28px;
font-style: normal;
font-weight: bold;
letter-spacing: -1px;
line-height: normal;
padding-bottom: 5px;
text-align: center;
text-shadow: 0 1px #FFFFFF;
border-bottom: none!important;
}
.testimonials_RC h5 {
color: #fff;
font-size: 20px;
font-weight: 300;
margin: 10px 0;
margin-top: 0px;
font-weight: normal;
padding-bottom: 15px;
}
.testimonials_RC img {
border: 2px solid #ccc;
border-radius: 0px;
height: 60px;
margin: 0 0 25px;
width: 60px;
}
.testimonials .slider-items-products .owl-buttons .owl-prev {
position: absolute;
left: 24%;
top: -27px;
}
.testimonials .slider-items-products .owl-buttons .owl-next {
position: absolute;
right: 5%;
top: -27px;
}
.testimonials .slider-items-products .owl-buttons .owl-prev a {
left:26px;
top: 50%;
background: url('/web/20180825114732im_/http://namkhangfurniture.com/template/Default/css/slideshow-arrows.png') 0 0 no-repeat;
height:60px;
width:40px;
border:none;
}
.testimonials .slider-items-products .owl-buttons .owl-next a {
left:-12px;
top: 50%;
background: url('/web/20180825114732im_/http://namkhangfurniture.com/template/Default/css/slideshow-arrows.png') -55px 0 no-repeat;
height:60px;
width:40px;
border:none;
}
.testimonials .slider-items-products .owl-buttons .owl-prev a:before, .testimonials .slider-items-products .owl-buttons .owl-next a:before {
content: "";
}
.testimonials .slider-items-products .owl-buttons a {
position: absolute;
z-index: 5;
color: #fff;
}
.testimonials .slider-items-products a.flex-prev {
margin: 70px 0px 4px -294px;
}
.testimonials .slider-items-products a.flex-next {
margin: 70px 0px 4px 35px;
}
.testimonials .owl-theme .owl-controls .owl-buttons div.owl-prev {
margin: 48px 0px 4px -290px;
}
.testimonials .owl-theme .owl-controls .owl-buttons div.owl-prev {
margin: 17px 22px 4px 0px;
height: 0px;
width: 0px;
padding: 0px;
}
.testimonials .owl-theme .owl-controls .owl-buttons div.owl-next {
margin: 17px 22px 4px 0px;
height: 0px;
width: 0px;
padding: 0px;
}
/* 29. Compare Table*/
.compare-table .price-box {
padding-bottom: 15px;
}
.compare-table .product-shop-row td {
position: relative;
text-align: center;
}
.compare-table .btn-cancel {
position: absolute;
right: 0;
top: 5px;
}
.compare-table .product-name {
color: #000;
font-family: "Open Sans", sans-serif;
font-size: 14px;
overflow: hidden;
text-decoration: none;
text-overflow: ellipsis;
white-space: nowrap;
padding: 5px 0 10px;
}
a.button.wishlist {
text-transform: uppercase;
font-size: 11px;
font-weight: bold;
margin-bottom: 15px;
display: inline-block;
padding: 10px 40px 10px 40px;
}
a.button.wishlist:hover {
text-decoration:none;}
.styled-list {
position: relative;
margin: 0 0 20px;
padding: 0;
list-style: none;
line-height: 18px
}
.styled-list li {
margin-bottom: 6px;
padding: 0
}
.styled-list li span {
display: block;
overflow: hidden
}
.styled-list li i {
width: 16px;
float: left;
margin-right: 10px;
text-align: center;
color: #000;
font-size: 14px
}
.styled-list li:before {
color: #ee3b27;
float: left
}
.styled-list .circle li, .styled-list.circle li {
text-indent: 0;
margin-left: 0;
padding-left: 0;
list-style: none
}
.styled-list .circle li:before, .styled-list.circle li:before {
content: "\25CF";
margin: -1px 10px 0 0;
font-size: 12px
}
.styled-list.arrow>li {
margin-left: -15px;
padding-left: 35px
}
.styled-list.arrow> li:before {
margin: -1px 8px 0 -20px;
content: '\f00c';
font-family: FontAwesome;
font-size: 1em
}
.styled-list ul {
margin-left: 0;
padding: 5px 0 0
}
.styled-list ul.circle li:before {
content: "\25CB";
color: #ee3b27
}
.grey-container {
background: #f2f2f2;
padding-top: 35px;
padding-bottom: 35px;
color: #000
}
/* 30. Delivery page*/
.delivery h3 {
margin-top: auto;
font-family: "Roboto", sans-serif;
font-size: 16px;
font-weight: bold;
text-transform: uppercase; margin-bottom:12px;
}
.grey-container h3 {
margin-top: auto;
font-family: "Roboto", sans-serif;
font-size: 16px;
font-weight: bold;
text-transform: uppercase;
}
.grey-container .button.more-info {
margin-top: 10px;
display: inline-block;
margin-bottom: 10px;
padding: 10px 30px 10px 30px;
}
.grey-container a:hover {
text-decoration:none;}
.accordion-faq {
text-align: left;
position: relative
}
.accordion-faq .panel {
border-radius: 0;
box-shadow: none;
-webkit-box-shadow: none
}
.accordion-faq .panel .panel-heading {
padding: 0;
color: #fff;
border-radius: 0!important;
background: #333
}
.accordion-faq .panel-heading a {
display: block;
position: relative;
background: #f8f8f8;
color: #333;
padding: 10px 5px 12px 15px;
border-radius: 0;
border-right: 48px solid #70ad47;
min-height: 50px;
text-decoration:none;
font-family: "Roboto", sans-serif;
font-weight: bold;
}
.accordion-faq .panel-heading a:hover {
text-decoration: none
}
.accordion-faq .panel:last-child {
box-shadow: none;
border-bottom: none
}
.accordion-faq .arrow-down, .accordion-faq .arrow-up {
position: absolute;
display: block;
width: 20px;
height: 20px;
font-size: 20px;
top: 50%;
margin-top: -15px;
right: -36px;
color: #fff;
}
.accordion-faq .arrow-down, .accordion-faq .collapsed .arrow-up {
display: none
}
.accordion-faq .collapsed .arrow-down {
display: block
}
.accordion-faq .panel-body {
border-top: 0!important;
padding: 15px;
background: #fff;
border: 1px #eee solid;
border-top: none;
}
.accordion-faq.panel-group .panel+.panel {
margin-top: 10px
}
.simple-list {
margin: 0;
padding: 0;
list-style-type: none
}
.bold-list>li>a {
font-weight: 700;
text-transform: uppercase
}
.simple-list ul {
margin: 0;
padding: 0;
list-style-type: none;
position: relative;
bottom: -.8em
}
.simple-list li {
margin: 0;
padding: 0 0 12px
}
.simple-list .icon {
margin-right: 9px
}
.arrow-list li {
padding-left: 12px;
position: relative
}
.arrow-list li:before {
content: "›";
display: inline;
font-size: 1.1em;
position: absolute;
left: 0;
top: -1px
}
.toolbar .coll-soft-by {
margin: 0px 10px;
padding: 5px 10px;
}
.variant-box .selector-wrapper label {
font-family: 'Roboto', sans-serif;
font-size: 12px;
line-height: 30px;
text-transform: uppercase;
width: 150px;
}
.variant-box .selector-wrapper select {
font-family: 'Roboto', sans-serif;
font-size: 12px;
line-height: 30px;
text-transform: uppercase;
width: 200px;
padding: 10px;
}
.main-customer {
padding: 20px 0px;
}
.customer-login .btn-continue {
float: left;
margin-top:10px;
margin-bottom: 20px;
}
.customer-login .btn-continue:hover {
padding: 2px 8px 3px;
}
.control-label {
line-height: 31px;
}
.customer_address {
float: left;
width: 100%;
padding: 20px 10px;
border: 1px solid #000;
margin-bottom: 20px;
}
.customer_address .btn-row {
margin-top: 10px;
margin-bottom: 0px;
}
.slider-items.slider-width-col1.owl-carousel.owl-theme img{width:100%;}
#narrow-by-list2 dd{padding:0px;}
.sidebar .block-content li{padding-left:0px;}
nav{background:#70ad47;}
#nav > li > a{color:#fff;}
#nav > li > a:hover{background:#fff; color:#333;}
#nav > li > a:hover > span{background:#fff; color:#333;}
a.show_hide i.fa{font-size:20px; color:#fff;}
button.button-arrow.button-up,button.button-arrow.button-down{color:#333; font-size:20px; font-weight:bold; height: 40px; position:static; padding:0px 5px; float:left;}
.add-to-cart .qty{height:40px; float:left; }
.add-to-cart .button-up:hover, .add-to-cart .button-down:hover{color:#fff;}
.gallery_thum{}
.gallery_thum ul{}
.gallery_thum ul li {width:25%; float:left;}
.gallery_thum ul li img{width:100%;}
.simpleLens-thumbnails-container>a{display:block; width:25%; float:left;}
a.simpleLens-thumbnail-wrapper>img{width:100% !important; height:auto !important;}
.simpleLens-thumbnails-container{margin-top:20px;}
.simpleLens-big-image-container{height:auto !important;}
.clear{clear:both;}
header .header{margin:10px auto;}
@media(max-width:768px)
{
.menu_destop_hide{display:none !important;}
}
.block .block-title,.side-nav-categories .block-title{background:#70ad47; padding:10px 10px; color:#fff; text-align:left;}
.block-content,.box-content.box-category{padding-left:20px !important; border:1px solid #ddd; border-top:0px; padding-bottom: 20px !important;}
.col-left{margin-top:0px;}
header .header .logo img{width:250px; height:50px;}
header .header .logo{margin-top:10px;}
.regular-price .price {
font-weight: normal;
font-size: 18px;
color: red;
font-weight: bold;
}
.products-grid .item .item-inner .item-info .info-inner
.products-grid .item .item-inner .item-info .info-inner
.item-title {
height: 65px;
overflow: hidden;
}
.breadcrumbs ul{padding:5px;}
.price, .breadcrumbs li strong, .product-details span.price, #recently-viewed-items .price-box .special-price .price, #recently-viewed-items .price-box .regular-price .price, .availability.out-of-stock span{font-size:13px;}
.sidebar .block-content dl dd ol li a.title_cate{font-size:14px; font-weight:bold; text-transform:uppercase;}
.sidebar .block-content dl dd ol li ul li:before{/*content: "\f00c"; font: normal normal normal 13px/1 FontAwesome; color:#fff; margin-right:5px; color:#ddd;*/}
.sidebar .block-content dl dd ol li ul li a:hover{color:#70ad47; font-weight:bold;}
.sidebar .block-content dl dd ol li ul li a:hover:before{color:#70ad47;}
.sidebar .block-content dl dd ol li ul li a.active, .sidebar .block-content dl dd ol li ul li a.active:before{color:#70ad47; font-weight:bold;}
.sidebar .block-content li:before{ }
.block .block-title:before{ content: "\f0ca"; font: normal normal normal 18px/1 FontAwesome; color:#fff; margin-right:5px;}
.products-grid .item .item-inner .item-info .info-inner .item-title{height:55px; line-height: 1.3em; overflow:hidden;}.fa-search:before {
content: "\f002";
font-size: 24px;
}
.sidebar .block-content li{list-style: circle;}
dd.last.odd>ol>li{list-style:none;}
.sidebar ul{margin-left:20px;}
/*
FILE ARCHIVED ON 11:47:32 Aug 25, 2018 AND RETRIEVED FROM THE
INTERNET ARCHIVE ON 04:08:53 Nov 01, 2025.
JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.
ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
SECTION 108(a)(3)).
*/
/*
playback timings (ms):
captures_list: 0.459
exclusion.robots: 0.015
exclusion.robots.policy: 0.007
esindex: 0.009
cdx.remote: 9.435
LoadShardBlock: 158.413 (3)
PetaboxLoader3.datanode: 271.627 (5)
load_resource: 315.941 (2)
PetaboxLoader3.resolve: 141.269 (2)
*/