body {
color: #3b3b3b;
font-family: 'Poppins', sans-serif;
font-size: 15px;
line-height: inherit;
margin: 0;
padding: 0;
font-weight: 400;
}
.wrap {
overflow: hidden;
}
* {
box-sizing: border-box;
outline: none;
}
img {
max-width: 100%;
}
a {
color: #3b3b3b;
}
a:hover {
color: #ffe800;
}
input[type="text"],
input[type="submit"] {
-webkit-appearance: none;
-webkit-border-radius: 0;
}
a:hover,
a:focus {
text-decoration: none;
outline: none;
}
.container {
max-width: 1200px;
width: 100%;
}
input,
input:focus,
input:hover {
outline: none;
}
p {
line-height: 24px;
}
.owl-theme .owl-controls {
margin: 0;
}
.owl-theme .owl-controls .owl-buttons div {
opacity: 1;
border-radius: 0;
background-color: transparent;
margin: 0;
padding: 0;
transition: all 0.3s ease-out 0s;
-webkit-transition: all 0.3s ease-out 0s;
}
.owl-theme .owl-controls .owl-page span {
background: transparent none repeat scroll 0 0;
border: 1px solid #000;
border-radius: 50%;
display: block;
height: 16px;
margin: 0 5px;
opacity: 1;
position: relative;
width: 16px;
}
.owl-theme .owl-controls .owl-page.active span::before,
.owl-theme .owl-controls .owl-page:hover span::before {
position: absolute;
width: 10px;
height: 10px;
content: "";
background: #000;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
border-radius: 50%;
}
.wrap-item .owl-item > div.item-banner11,
.wrap-item .owl-item > div.item-banner10,
.wrap-item .owl-item > div.item-banner9,
.wrap-item .owl-item > div.item-banner7,
.wrap-item .owl-item > div.item-banner5,
.wrap-item .owl-item > div.item-banner4,
.wrap-item .owl-item > div.item-banner3,
.wrap-item .owl-item > div.item-banner2,
.wrap-item .owl-item > div.item-banner {
position: relative;
overflow: hidden;
}
.wrap-item > div:not(:first-child) {
display: none;
} .top-header {
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
padding: 12px 0 9px;
}
.top-nav > ul {
list-style: outside none none;
margin: 0;
padding: 0;
}
.top-nav li {
border-right: 1px solid rgba(255, 255, 255, 0.1);
display: inline-block;
margin-right: 7px;
padding-right: 10px;
position: relative;
}
.top-nav a:hover {
color: #ffe800;
}
.top-nav a {
color: #ccc;
}
.top-nav li:last-child {
border: medium none;
margin: 0;
padding: 0;
}
.header {
background: #252525 none repeat scroll 0 0;
transition: all 0.3s ease-out 0s;
-webkit-transition: all 0.3s ease-out 0s;
width: 100%;
}
.scroll-fixed.nav-fixed {
left: 0;
position: fixed;
top: -100px;
width: 100%;
z-index: 999999;
background: #333;
box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
transition: all 0.3s ease-out 0s;
-webkit-transition: all 0.3s ease-out 0s;
}
.scroll-fixed.nav-fixed.nav-show {
top: 0px;
}
.header-nav6.scroll-fixed.nav-fixed {
transition: none;
}
.main-header3.scroll-fixed.nav-fixed {
background: #ffe800;
}
.wrap-header-nav4.scroll-fixed.nav-fixed {
background: #fff;
}
.header5.scroll-fixed.nav-fixed {
background: #fff;
}
.header-nav6.scroll-fixed.nav-fixed {
background: #fff;
}
.inner-header7.scroll-fixed.nav-fixed {
background: #fff;
padding: 0;
}
.inner-header7.scroll-fixed.nav-fixed .logo7 {
margin: 10px auto auto;
width: 70px;
}
.header-nav8.scroll-fixed.nav-fixed {
background: #fff;
padding: 20px 0 15px;
}
.header-nav8 {
transition: all 0.3s ease-out 0s;
-webkit-transition: all 0.3s ease-out 0s;
}
.header-nav10.scroll-fixed.nav-fixed {
background: #ffe800;
}
.main-header12.scroll-fixed.nav-fixed {
background: #fff;
padding: 20px 0 15px;
}
.main-header12 {
transition: all 0.3s ease-out 0s;
-webkit-transition: all 0.3s ease-out 0s;
}
.wrap-language-cart {
float: right;
margin-top: -5px;
}
.language-box {
border-right: 1px solid rgba(25, 255, 255, 0.1);
display: inline-block;
margin-right: 7px;
padding-right: 10px;
position: relative;
vertical-align: middle;
}
.currency-box {
display: inline-block;
position: relative;
vertical-align: middle;
}
.mini-cart-box {
display: inline-block;
margin-left: 30px;
position: relative;
vertical-align: middle;
z-index: 99999;
}
.mini-cart-box:hover .mini-cart-content {
visibility: visible;
opacity: 1;
margin-top: 10px;
}
.mini-cart-content {
background-color: #fff;
border: 10px solid rgba(0, 0, 0, 0.5);
background-clip: padding-box;
margin-top: 40px;
padding: 20px;
position: absolute;
right: -70px;
top: 100%;
width: 380px;
z-index: 999;
-webkit-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
visibility: hidden;
opacity: 0;
}
.language-link {
color: #ccc;
}
.language-link:hover {
color: #ffe800;
}
.currency-link {
color: #ccc;
}
.currency-link:hover {
color: #ffe800;
}
.mini-cart-link {
display: inline-block;
position: relative;
vertical-align: middle;
}
.mini-cart-icon {
color: #ffe800;
font-size: 16px;
}
.mini-cart-number {
background: #fff none repeat scroll 0 0;
border-radius: 50%;
color: #444;
display: block;
font-size: 8px;
height: 16px;
line-height: 17px;
position: absolute;
right: -7px;
text-align: center;
top: -7px;
width: 16px;
}
.mini-cart-items {
border-bottom: 1px solid #e5e5e5;
font-size: 16px;
font-weight: 700;
margin: 0 0 10px;
padding-bottom: 25px;
text-transform: uppercase;
}
.list-mini-cart-item {
list-style: outside none none;
margin: 0 0 20px;
padding: 0;
}
.list-mini-cart-item > li {
border-bottom: 1px solid #e5e5e5;
display: table;
padding: 10px 0;
width: 100%;
}
.mini-cart-thumb {
display: table-cell;
vertical-align: top;
}
.cart-thumb {
display: block;
overflow: hidden;
width: 70px;
}
.mini-cart-info {
display: table-cell;
padding: 0 15px;
text-align: left;
vertical-align: middle;
}
.mini-cart-remove {
display: table-cell;
text-align: right;
vertical-align: top;
}
.mini-cart-title {
font-size: 13px;
font-weight: 400;
margin: 0 0 10px;
}
.mini-cart-title > a {
color: #3b3b3b;
}
.mini-cart-title > a:hover {
color: #ffe800;
}
.mini-cart-qty {
color: #888;
}
.mini-cart-qty > label {
font-weight: 400;
margin: 0 10px 0 0;
}
.mini-cart-price {
color: #ffe800;
display: block;
}
.remove-product {
background: rgba(0, 0, 0, 0) url(//instore.bnn.in.th/wp-content/themes/necshop/assets/css/images/home1/icon-remove.png) no-repeat scroll center center;
border: 1px solid #e5e5e5;
border-radius: 50%;
display: inline-block;
height: 30px;
-webkit-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
width: 30px;
}
.cart-thumb > img {
-webkit-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.cart-thumb:hover img {
transform: scale(1.15);
}
.mini-cart-total {
display: table;
font-size: 16px;
margin-bottom: 35px;
text-transform: uppercase;
width: 100%;
}
.mini-cart-total > label {
display: table-cell;
font-weight: 400;
margin: 0;
}
.mini-cart-total > span {
display: table-cell;
text-align: right;
}
.mini-cart-button a {
background: #000 none repeat scroll 0 0;
border-radius: 4px;
color: #fff;
display: inline-block;
height: 36px;
line-height: 36px;
text-transform: capitalize;
-webkit-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
width: 144px;
}
.mini-cart-button a::before {
border-right: 1px solid rgba(255, 255, 255, 0.2);
content: "";
display: inline-block;
font-family: linearicons;
height: 36px;
margin-right: 15px;
text-align: center;
vertical-align: top;
width: 40px;
}
.mini-cart-button .mini-cart-edit::before {
content: "";
}
.mini-cart-button .mini-cart-checkout::before {
content: "";
}
.mini-cart-edit {
margin-right: 5px;
}
.mini-cart-button a:hover {
background: #ffe800 none repeat scroll 0 0;
color: #fff;
}
.remove-product:hover {
background-color: #e5e5e5;
}
.logo {
margin-top: 22px;
}
.main-nav > ul {
list-style: outside none none;
margin: 0;
padding: 0;
position: relative;
}
.main-nav > ul > li {
display: inline-block;
margin-right: 40px;
}
.main-nav > ul li.menu-item-has-children {
position: relative;
}
.main-nav > ul li.menu-item-has-children .menu-item-has-children > a {
position: relative;
}
.main-nav > ul li.menu-item-has-children .menu-item-has-children > a::after {
font-family: linearicons;
content: "\e876";
position: absolute;
top: 3px;
right: -5px;
}
.main-nav > ul > li a {
display: block;
}
.main-nav > ul > li > a {
color: #fff;
font-size: 16px;
font-weight: 700;
position: relative;
text-transform: uppercase;
height: 90px;
line-height: 90px;
display: block;
-webkit-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.sub-menu {
background-color: #fff ;
background-clip: padding-box;
border: 10px solid rgba(0, 0, 0, 0.5);
left: 0;
list-style: outside none none;
margin: 30px 0 0;
padding: 10px 0;
position: absolute;
top: 100%;
width: 220px;
z-index: 999;
-webkit-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
visibility: hidden;
opacity: 0;
}
.mega-menu {
background-color: #fff ;
background-clip: padding-box;
border: 10px solid rgba(0, 0, 0, 0.5);
left: 0;
margin: 30px 0 0;
opacity: 0;
padding: 20px 0 20px 170px;
position: absolute;
top: 100%;
-webkit-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
visibility: hidden;
width: 870px;
z-index: 999;
}
.main-nav .has-mega-menu:hover .mega-menu {
visibility: visible;
opacity: 1;
margin: 0;
}
.main-nav > ul > li:last-child {
margin: 0;
}
.sub-menu > li {
padding: 4px 20px;
}
.sub-menu > li > a {
color: #3b3b3b;
}
.main-nav {
margin-left: -30px;
}
.main-nav > ul > li:hover > a {
color: #ffe800;
}
.sub-menu > li:hover > a {
color: #ffe800;
}
.main-nav > ul li.menu-item-has-children:hover > .sub-menu {
opacity: 1;
visibility: visible;
margin: 0;
}
.main-nav > ul > li li.menu-item-has-children > .sub-menu {
left: 100%;
top: 0;
}
.toggle-mobile-menu {
display: none;
}
.search-form {
background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0;
border-radius: 4px;
margin-left: -45px;
padding-right: 36px;
position: relative;
margin-top: 26px;
}
.search-form > input[type="text"] {
background: transparent none repeat scroll 0 0;
border: medium none;
color: #888;
font-style: italic;
height: 36px;
padding: 0 15px;
width: 100%;
}
.search-form > input[type="submit"] { border: medium none;
border-radius: 4px;
height: 36px;
position: absolute;
width: 36px; top: 0;
right: 0;
}
.search-form::after {
border-radius: 4px;
height: 36px;
position: absolute;
width: 36px;
display: block;
font-family: "FontAwesome";
content: "\f002"; color: #fff !important; 
font-size: 16px;
top: 0;
right: 0;
text-align: center;
line-height: 36px;
}
.sidebar-mega-menu {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 170px;
}
.content-mega-menu {
border-left: 1px solid #e5e5e5;
}
.sidebar-mega-menu > ul {
list-style: outside none none;
padding: 20px;
}
.sidebar-mega-menu a {
color: #3b3b3b;
text-transform: uppercase;
}
.sidebar-mega-menu li {
padding: 10px 0;
}
.sidebar-mega-menu a:hover {
color: #ffe800;
}
.list-product-mega-menu {
padding: 0 20px;
}
.product-title {
font-size: 13px;
margin: 0 0 10px;
text-transform: uppercase;
}
.product-title > a {
color: #3b3b3b;
-webkit-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
font-weight: 700;
}
.product-thumb {
margin-bottom: 20px;
overflow: hidden;
position: relative;
}
.product-thumb > a {
color: #3b3b3b;
}
.product-title > a:hover {
color: #ffe800;
}
.product-price > strong {
color: #ffe800;
font-size: 18px;
font-weight: 700;
margin-right: 5px;
}
.product-desc {
color: #888;
margin: 0;
}
.product-price {
margin-bottom: 7px;
}
.mega-menu-v2 .list-product-mega-menu {
padding: 0 15px;
}
.mega-menu-v2 .item-product-mega-menu {
margin: 0 -15px;
}
.mega-menu-v2 .content-mega-menu {
border: medium none;
}
.saleoff {
color: #fff;
display: block;
font-size: 16px;
font-weight: 700;
left: 0;
position: absolute;
text-align: center;
text-transform: uppercase;
top: 20px;
width: 100%;
z-index: 999;
}
.mega-menu-v2 .product-info {
padding: 0 20px 20px;
}
.product-thumb img {
width: 100%;
transition: all 0.3s ease-out 0s;
}
.mega-menu-v2 .shopnow {
color: #3b3b3b;
display: inline-block;
}
.mega-menu-v2 .product-title {
margin-bottom: 5px;
}
.mega-menu-v2 .shopnow::after {
content: "";
font-family: linearicons;
margin-left: 5px;
}
.mega-menu.mega-menu-v2 {
padding: 0 0 0 170px;
}
.mega-menu-v2 .sidebar-mega-menu {
background: url(//instore.bnn.in.th/wp-content/themes/necshop/assets/css/images/home1/bg-mega-menu.jpg) no-repeat top left;
background-size: 100% 100%;
}
.mega-menu-v2 .sidebar-mega-menu a {
color: #fff;
}
.mega-menu-v2 .sidebar-mega-menu a:hover {
color: #ffe800;
}
.mega-menu-v2 .shopnow:hover {
color: #ffe800;
}
.item-product-mega-menu .product-thumb:hover img {
-webkit-transform: scale(1.15);
transform: scale(1.15);
}
.directnav-slider .owl-theme .owl-controls .owl-buttons div {
width: 50px;
height: 50px;
position: absolute;
top: 50%;
margin: -25px 0 0;
opacity: 0;
transition: all 0.3s ease-out 0s;
-webkit-transition: all 0.3s ease-out 0s;
background: rgba(0, 0, 0, 0.5);
font-size: 20px;
color: #fff;
line-height: 50px;
text-align: center;
}
.directnav-slider:hover .owl-theme .owl-controls .owl-buttons div {
opacity: 1;
}
.directnav-slider .owl-theme .owl-controls .owl-buttons div.owl-prev {
left: -50px;
}
.directnav-slider .owl-theme .owl-controls .owl-buttons div.owl-next {
right: -50px;
}
.directnav-slider:hover .owl-theme .owl-controls .owl-buttons div.owl-prev {
left: 0;
}
.directnav-slider:hover .owl-theme .owl-controls .owl-buttons div.owl-next {
right: 0;
}
.directnav-slider:hover .owl-theme .owl-controls .owl-buttons div:hover {
background: #ffe800;
}
.banner-info {
left: 0;
margin-top: -180px;
position: absolute;
text-align: center;
top: 50%;
width: 100%;
}
.banner-info-inner > strong {
color: #fff;
font-size: 200px;
text-transform: uppercase;
display: block;
transition: all 1s ease-out 0s;
-webkit-transition: all 1s ease-out 0s;
transform: translateX(-300px);
-webkit-transform: translateX(-300px);
}
.banner-info-inner > label {
color: #ffe800;
display: block;
font-size: 60px;
margin-bottom: -124px;
position: relative;
z-index: 99;
text-transform: uppercase;
margin-right: 20px;
transition: all 1s ease-out 0s;
-webkit-transition: all 1s ease-out 0s;
transform: translateX(300px);
-webkit-transform: translateX(300px);
}
.banner-slider .owl-item.active .banner-info-inner > strong {
transform: translateX(0);
-webkit-transform: translateX(0);
}
.banner-slider .owl-item.active .banner-info-inner > label {
transform: translateX(0);
-webkit-transform: translateX(0);
}
.banner-info-inner {
display: inline-block;
text-align: right;
}
.special-adv {
margin: -170px auto 100px;
max-width: 1060px;
padding: 0 15px;
}
.special-adv-mask {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.1);
opacity: 0;
-webkit-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.item-special-adv {
color: #fff;
font-weight: 700;
margin: 0 -15px;
padding: 75px 15px 70px;
position: relative;
text-align: center;
text-transform: uppercase;
}
.item-special-adv:hover .special-adv-mask {
opacity: 1;
}
.inner-special-adv > h3 {
font-size: 30px;
font-weight: 700;
margin: 0;
}
.inner-special-adv > h2 {
border-bottom: 1px solid rgba(255, 255, 255, 0.5);
font-size: 60px;
font-weight: 700;
margin: 15px auto 22px;
padding-bottom: 9px;
width: 300px;
}
.item-special-adv.style1 {
background: #ffe800 none repeat scroll 0 0;
}
.item-special-adv.style2 {
background: #dda379 none repeat scroll 0 0;
top: -50px;
}
.inner-special-adv a {
color: #fff;
font-size: 16px;
}
.item-special-adv::before {
border: 1px solid rgba(255, 255, 255, 0.5);
content: "";
height: 220px;
left: 40px;
position: absolute;
top: 60px;
width: 430px;
opacity: 0;
-webkit-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.item-special-adv::after {
border: 1px solid rgba(255, 255, 255, 0.5);
content: "";
height: 220px;
left: 50px;
position: absolute;
top: 50px;
width: 430px;
opacity: 0;
transition: all 0.3s ease-out 0s;
-webkit-transition: all 0.3s ease-out 0s;
}
.item-special-adv.style1::before {
background: rgba(217, 106, 119, 0.5) none repeat scroll 0 0;
}
.item-special-adv.style1::after {
background: rgba(217, 106, 119, 0.5) none repeat scroll 0 0;
}
.item-special-adv.style2::before {
background: rgba(221, 163, 121, 0.5) none repeat scroll 0 0;
}
.item-special-adv.style2::after {
background: rgba(221, 163, 121, 0.5) none repeat scroll 0 0;
}
.inner-special-adv {
position: relative;
z-index: 999;
}
.item-special-adv:hover::after,
.item-special-adv:hover::before {
opacity: 1;
}
.say-hello {
margin: auto;
max-width: 900px;
}
.title-box h2 {
font-weight: 700;
margin: 0;
text-transform: uppercase;
}
.title-box::before {
background: #e5e5e5 none repeat scroll 0 0;
content: "";
height: 1px;
margin-right: 15px;
position: absolute;
right: 50%;
top: 6px;
width: 160px;
}
.title-box::after {
background: #e5e5e5 none repeat scroll 0 0;
content: "";
height: 1px;
left: 50%;
margin-left: 15px;
position: absolute;
top: 6px;
width: 160px;
}
.category-home-thumb img {
bottom: 0;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 0;
}
.say-hello {
margin: auto;
max-width: 900px;
}
.title-box {
background: rgba(0, 0, 0, 0) url(//instore.bnn.in.th/wp-content/themes/necshop/assets/css/images/home1/icon-box.png) no-repeat scroll center top;
margin-bottom: 42px;
padding-top: 33px;
position: relative;
text-align: center;
}
.list-category-home {
margin-top: 42px;
margin-bottom: 50px;
}
.category-home-thumb > a {
border-radius: 50%;
display: block;
height: 100px;
position: relative;
width: 100px;
}
.item-category-home {
display: table;
margin-bottom: 50px;
width: 100%;
position: relative;
}
.item-category-home::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0) url(//instore.bnn.in.th/wp-content/themes/necshop/assets/css/images/home1/round1.png) no-repeat scroll left top;
content: "";
transform: scale(1);
-webkit-transform: scale(1);
transition: all 0.3s ease-out 0s;
-webkit-transition: all 0.3s ease-out 0s;
}
.item-category-home::after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0) url(//instore.bnn.in.th/wp-content/themes/necshop/assets/css/images/home1/round2.png) no-repeat scroll left top;
background-size: 100% 100%;
content: "";
transform: scale(0);
-webkit-transform: scale(0);
transition: all 0.3s ease-out 0s;
-webkit-transition: all 0.3s ease-out 0s;
}
.item-category-home:hover::before {
transform: scale(0);
-webkit-transform: scale(0);
}
.item-category-home:hover::after {
transform: scale(1);
-webkit-transform: scale(1);
}
.category-home-thumb {
display: table-cell;
width: 100px;
}
.category-home-info {
display: table-cell;
padding: 0 0 0 20px;
vertical-align: middle;
transition: all 0.3s ease-out 0s;
-webkit-transition: all 0.3s ease-out 0s;
}
.item-category-home:hover .category-home-info {
padding: 0;
}
.category-home-info > h3 {
font-size: 16px;
font-weight: 700;
margin: 0;
text-transform: uppercase;
}
.category-home-info h3 a {
color: #3b3b3b;
}
.item-category-home:hover h3 a {
color: #ffe800;
}
.category-home-info > span {
color: #888;
}
.home-best-seller {
background: #f4f4f4 none repeat scroll 0 0;
padding: 100px 0 43px;
}
.home-best-seller-header {
background: rgba(0, 0, 0, 0) url(//instore.bnn.in.th/wp-content/themes/necshop/assets/css/images/home1/bg-bestsell.png) no-repeat scroll center top;
margin-bottom: 50px;
padding: 50px 0;
}
.title-tab-home > ul {
margin: 0;
padding: 0;
}
.title-tab-home {
text-align: center;
}
.title-tab-home > ul > li {
display: inline-block;
margin: 0 4px;
}
.title-tab-home > ul > li > a {
background: #fff none repeat scroll 0 0;
border: 1px solid #e5e5e5;
border-radius: 8px;
color: #3b3b3b;
display: block;
font-size: 16px;
font-weight: 700;
height: 40px;
line-height: 40px;
padding: 0 25px;
text-transform: uppercase;
transition: all 0.3s ease-out 0s;
-webkit-transition: all 0.3s ease-out 0s;
}
.title-tab-home > ul > li.active a,
.title-tab-home > ul > li:hover > a {
background: #ffe800 none repeat scroll 0 0;
border: 1px solid #ffe800;
color: #fff;
}
.home-best-seller-slider .item {
padding: 0 15px;
}
.home-best-seller-slider {
margin: 0 -15px;
}
.product-thumb-link .first-thumb {
left: 0;
position: absolute;
top: 0;
transition: all 0.3s ease-out 0s;
-webkit-transition: all 0.3s ease-out 0s;
}
.product-thumb-link:hover .first-thumb {
opacity: 0;
transform: scale(5);
-webkit-transform: scale(5);
transition: all 0.3s ease-out 0s;
-webkit-transition: all 0.3s ease-out 0s;
}
.product-thumb-link {
display: block;
overflow: hidden;
position: relative;
}
.item-home-bestsell {
background: #fff none repeat scroll 0 0;
margin-bottom: 30px;
}
.item-home-bestsell .product-thumb {
margin: 0;
padding: 20px;
}
.new-label {
background: #dda379 none repeat scroll 0 0;
border-radius: 0 0 18px 18px;
color: #fff;
font-size: 16px;
font-weight: 400;
left: 0;
line-height: 18px;
padding: 10px;
position: absolute;
text-align: center;
text-transform: uppercase;
top: 0;
width: 36px;
word-wrap: break-word;
z-index: 99;
}
.item-home-bestsell .product-info {
border-bottom: 1px solid #e5e5e5;
border-top: 1px solid #e5e5e5;
padding: 30px;
position: relative;
}
.product-price > span {
color: #888;
padding: 0 5px;
position: relative;
}
.product-price > span::after {
background: #ffe800 none repeat scroll 0 0;
content: "";
height: 1px;
left: 0;
position: absolute;
top: 10px;
width: 100%;
}
.saleoff-label {
background: #f6403f none repeat scroll 0 0;
border-radius: 18px 0 0 18px;
color: #fff;
display: block;
height: 36px;
line-height: 36px;
margin: 0;
position: absolute;
right: 0;
text-align: center;
top: 50px;
width: 66px;
}
.product-rating {
background: rgba(0, 0, 0, 0) url(//instore.bnn.in.th/wp-content/themes/necshop/assets/css/images/detail/rate.png) repeat scroll 0 0;
height: 14px;
margin-left: -2px;
width: 90px;
}
.inner-rating {
background: rgba(0, 0, 0, 0) url(//instore.bnn.in.th/wp-content/themes/necshop/assets/css/images/home1/rate.png) repeat-x scroll 0 0;
height: 14px;
}
.item-home-bestsell .product-extra-link {
display: table;
width: 100%;
}
.item-home-bestsell .product-extra-link a {
border-right: 1px solid #e5e5e5;
color: #3b3b3b;
display: table-cell;
padding: 13px 0;
position: relative;
text-align: center;
transition: all 0.3s ease-out 0s;
}
.item-home-bestsell .product-extra-link a:last-child {
border: medium none;
}
.item-home-bestsell .product-extra-link a i {
margin-right: 10px;
}
.item-home-bestsell .product-extra-link a:hover {
color: #ffe800;
}
.item-home-bestsell .product-extra-link a.addcart-link {
color: #ffe800;
}
.item-home-bestsell .product-extra-link a.addcart-link span {
position: relative;
z-index: 9;
}
.item-home-bestsell .product-extra-link a.addcart-link:hover {
color: #fff;
}
.item-home-bestsell .product-extra-link a.addcart-link:hover::after {
height: 100%;
}
.item-home-bestsell .product-extra-link a.addcart-link::after {
left: 0;
width: 100%;
}
.item-home-bestsell .product-extra-link a::after {
position: absolute;
content: "";
bottom: 0;
left: 50%;
width: 0;
height: 2px;
background-color: #ffe800;
-webkit-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.item-home-bestsell .product-extra-link a:hover::after {
left: 0;
width: 100%;
}
.home-best-seller-slider .owl-theme .owl-controls {
margin-top: 20px;
}
.brand-show {
background: rgba(0, 0, 0, 0) url(//instore.bnn.in.th/wp-content/themes/necshop/assets/css/images/home1/bg-brand.jpg) no-repeat fixed center top;
margin-bottom: 100px;
}
.content-brand-show {
padding: 96px 0 100px;
position: relative;
}
.content-brand-show::before {
position: absolute;
bottom: 0;
right: 50%;
margin-right: 100px;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0) url(//instore.bnn.in.th/wp-content/themes/necshop/assets/css/images/home1/men.png) no-repeat scroll right bottom;
content: "";
display: block;
}
.list-brand {
float: right;
text-align: center;
max-width: 470px;
width: 100%;
}
.list-brand > h2 {
color: #fff;
font-weight: 700;
margin: 0 0 50px;
text-transform: uppercase;
}
.list-brand > ul {
list-style: outside none none;
margin: 0;
padding: 0;
position: relative;
}
.list-brand li {
border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.list-brand a {
border-right: 1px solid rgba(255, 255, 255, 0.5);
display: block;
width: 33.33%;
float: left;
}
.list-brand li:last-child {
border: medium none;
}
.list-brand a:last-child {
border: medium none;
}
.list-brand > ul::after {
background: #ffe800 none repeat scroll 0 0;
bottom: 0;
content: "";
height: 35%;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 0;
width: 35%;
}
.list-brand img {
position: relative;
-webkit-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
z-index: 999;
}
.list-brand a:hover img {
-webkit-transform: scale(1.15);
transform: scale(1.15);
}
.wrap-deal-week-product {
float: left;
width: 40%;
}
.deal-week-countdown {
color: #fff;
float: left;
padding-top: 60px;
text-align: center;
width: 20%;
}
.deal-week-product {
border-bottom: 1px solid transparent;
border-left: 1px solid transparent;
float: left;
overflow: hidden;
position: relative;
width: 50%;
}
.deal-week-slider {
background: rgba(0, 0, 0, 0) url(//instore.bnn.in.th/wp-content/themes/necshop/assets/css/images/home1/bg-prl.jpg) no-repeat fixed center top;
margin-bottom: 100px;
padding: 100px 0 44px;
}
.deal-week-product .product-info {
background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
height: 100%;
left: 0;
padding-top: 60px;
position: absolute;
text-align: center;
top: 100%;
width: 100%;
-webkit-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.deal-week-product .product-thumb {
margin-bottom: 0;
}
.deal-week-slider .owl-theme .owl-controls {
margin-top: 50px;
}
.deal-week-slider .owl-theme .owl-controls .owl-page span {
border: 1px solid #fff;
}
.deal-week-slider .owl-theme .owl-controls .owl-page.active span::before,
.owl-theme .owl-controls .owl-page:hover span::before {
background: #fff none repeat scroll 0 0;
}
.deal-week-product .product-title a:hover {
color: #ffe800;
}
.deal-week-product .product-title a {
color: #fff;
font-weight: 700;
}
.product-more-link {
font-size: 0;
}
.product-more-link a {
background: #fff none repeat scroll 0 0;
color: #3b3b3b;
display: inline-block;
font-size: 13px;
height: 40px;
line-height: 40px;
margin-left: 1px;
position: relative;
text-align: center;
vertical-align: top;
width: 40px;
-webkit-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.product-more-link a:hover {
color: #fff;
background-color: #ffe800;
}
.product-more-link a span {
background: #000 none repeat scroll 0 0;
border-radius: 12px;
color: #fff;
display: inline-block;
font-size: 10px;
height: 23px;
left: 0;
line-height: 23px;
margin-left: -33px;
padding: 0;
position: absolute;
text-align: center;
top: 100%;
width: 100px;
margin-top: 10px;
opacity: 0;
-webkit-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
visibility: hidden;
}
.product-more-link a span::after {
border-bottom: 5px solid #000;
border-left: 3px solid transparent;
border-right: 3px solid transparent;
content: "";
height: 0;
left: 50%;
position: absolute;
top: -5px;
width: 0;
}
.product-more-link a:hover span {
opacity: 1;
visibility: visible;
margin-top: 0;
}
.item-deal-week {
background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
}
.deal-week-product + .deal-week-product + .deal-week-product {
border-bottom: medium none;
}
.content-deal-countdown canvas {
display: none;
}
.content-deal-countdown .time_circles {
margin: auto;
width: 70px;
}
.content-deal-countdown .time_circles > div {
background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0;
border-radius: 50%;
height: 70px;
left: 0 !important;
margin-bottom: 6px;
position: relative;
top: 0 !important;
width: 70px !important;
}
.content-deal-countdown .time_circles > div::after {
border: 2px solid #ffe800;
border-radius: 50%;
bottom: 0;
content: "";
display: block;
height: 50px;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 0;
width: 50px;
}
.content-deal-countdown .time_circles > div .number {
display: block;
font-size: 16px;
font-weight: 700;
margin-bottom: -8px;
padding-top: 18px;
}
.content-deal-countdown .time_circles > div .text {
display: block;
font-size: 10px;
}
.deal-week-countdown > label {
margin: 0 0 20px;
text-transform: uppercase;
}
.staff-slider .item {
padding: 0 15px;
}
.featured-staff {
text-align: center;
}
.staff-info > h3 {
font-size: 16px;
margin: 0 0 5px;
text-transform: uppercase;
}
.staff-thumb {
margin: auto auto 25px;
max-width: 200px;
overflow: hidden;
position: relative;
}
.staff-info > span {
color: #888;
display: block;
font-size: 16px;
margin-bottom: 10px;
}
.staff-info h3 a {
color: #ffe800;
}
.staff-info h3 a:hover {
color: #333;
}
.all-staff {
background-color: #ffe800;
border-radius: 6px;
color: #fff;
display: inline-block;
height: 40px;
line-height: 40px;
margin-top: 12px;
padding: 0 25px;
-webkit-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
text-transform: capitalize;
}
.all-staff:hover {
background-color: #333;
color: #fff;
}
.home-staff {
margin-bottom: 100px;
}
.staff-thumb img {
border-radius: 50%;
position: relative;
z-index: 9;
transition: all 0.5s ease-out 0s;
-webkit-transition: all 0.5s ease-out 0s;
}
.staff-thumb > a {
display: block;
margin: auto;
max-width: 200px;
position: relative;
}
.staff-thumb:hover img {
opacity: 0.5;
}
.staff-social a {
background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
border-radius: 50%;
color: #fff;
display: inline-block;
height: 30px;
line-height: 30px;
opacity: 0;
position: relative;
text-align: center;
transition: all 0.5s ease-out 0s;
-webkit-transition: all 0.5s ease-out 0s;
width: 30px;
}
.staff-social {
left: 0;
margin-top: -15px;
position: absolute;
top: 50%;
width: 100%;
z-index: 99;
}
.staff-face {
left: -100px;
}
.staff-link {
right: -100px;
}
.staff-link:hover a {
opacity: 1;
}
.staff-twit {
transform: scale(6);
-webkit-transform: scale(6);
}
.staff-thumb:hover .staff-social a {
opacity: 1;
}
.staff-thumb:hover .staff-social a.staff-twit {
-webkit-transform: scale(1);
transform: scale(1);
}
.staff-thumb:hover .staff-social a.staff-face {
left: 0;
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
.staff-thumb:hover .staff-social a.staff-link {
right: 0;
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
.advert-home-info {
bottom: 40px;
left: 0;
position: absolute;
text-align: center;
width: 100%;
z-index: 9;
}
.advert-home-info a {
color: #fff;
}
.advert-home-info > h3 {
font-size: 13px;
font-weight: 700;
margin: 0 0 10px;
text-transform: uppercase;
}
.advert-home-info > a.shopnow:hover {
text-decoration: underline;
}
.list-advert-home {
margin-bottom: 70px;
padding: 0 5px;
}
.item-advert-home {
margin: 0 -5px 30px;
position: relative;
}
.adv-default > a {
display: block;
overflow: hidden;
position: relative;
}
.item-advert-home:hover .adv-default img {
transform: scale(1.15);
-webkit-transform: scale(1.15);
}
.adv-default img {
transition: all 0.3s ease-out 0s;
-webkit-transition: all 0.3s ease-out 0s;
width: 100%;
}
.adv-default > a::before {
border-bottom: 1px solid rgba(255, 255, 255, 0.5);
border-top: 1px solid rgba(255, 255, 255, 0.5);
bottom: 20px;
content: "";
left: 20px;
position: absolute;
right: 20px;
top: 20px;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
z-index: 9;
}
.adv-default > a:hover::before {
transform: scale(1);
}
.adv-default > a::after {
border-left: 1px solid rgba(255, 255, 255, 0.5);
border-right: 1px solid rgba(255, 255, 255, 0.5);
bottom: 20px;
content: "";
left: 20px;
position: absolute;
right: 20px;
top: 20px;
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
-webkit-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
z-index: 9;
}
.adv-default > a:hover::after {
-webkit-transform: scale(1);
transform: scale(1);
}
.home-latest-news {
margin-bottom: 100px;
}
.latest-news-header {
margin-bottom: 50px;
}
.list-box-left {
float: left;
width: 44.78%;
}
.list-box-right {
float: left;
width: 55.2%;
}
.ver-box.news-box {
float: left;
width: 55.8%;
}
.list-box-left .square-box.news-box {
float: left;
width: 44.2%;
}
.hoz-box.news-box {
float: left;
width: 64.15%;
}
.list-box-right .square-box.news-box {
float: left;
width: 35.85%;
}
.news-info {
height: 100%;
left: 0;
margin: auto;
position: absolute;
text-align: center;
top: 0;
width: 100%;
-webkit-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
opacity: 0;
z-index: 99;
}
.news-box {
overflow: hidden;
position: relative;
}
.news-thumb::before {
position: absolute;
content: "";
background: rgba(0, 0, 0, 0.5);
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0;
-webkit-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
z-index: 9;
}
.news-box:hover .news-thumb::before {
opacity: 1;
}
.news-info h3 {
font-size: 16px;
font-weight: 700;
margin: 0 0 20px;
text-transform: uppercase;
}
.news-info li .lnr {
margin-right: 5px;
}
.news-info a.readmore {
border: 2px solid #fff;
display: block;
font-size: 14px;
font-weight: 700;
height: 40px;
line-height: 40px;
text-transform: uppercase;
width: 100px;
-webkit-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
margin: 23px auto auto;
color: #fff;
}
.news-info a.readmore:hover {
color: #ffe800;
border-color: #ffe800;
}
.news-info h3 a {
color: #fff;
-webkit-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.news-info h3 a:hover {
color: #ffe800;
}
.news-info ul {
list-style: outside none none;
margin: 0;
padding: 0;
}
.news-info li {
color: #fff;
display: inline-block;
margin: 0 6px;
}
.news-info li:first-child {
border-right: 1px solid rgba(255, 225, 255, 0.5);
padding-right: 11px;
}
.news-info li a {
color: #fff;
}
.inner-news-info {
padding: 0 40px;
position: relative;
z-index: 99;
}
.news-info::before {
border-bottom: 1px solid rgba(255, 255, 255, 0.5);
border-top: 1px solid rgba(255, 255, 255, 0.5);
bottom: 20px;
content: "";
left: 20px;
position: absolute;
right: 20px;
top: 20px;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
z-index: 9;
}
.news-box:hover .news-info::before {
transform: scale(1);
-webkit-transform: scale(1);
}
.news-info::after {
border-left: 1px solid rgba(255, 255, 255, 0.5);
border-right: 1px solid rgba(255, 255, 255, 0.5);
bottom: 20px;
content: "";
left: 20px;
position: absolute;
right: 20px;
top: 20px;
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
transition: all 0.3s ease-out 0s;
-webkit-transition: all 0.3s ease-out 0s;
z-index: 9;
}
.news-box:hover .news-info::after {
transform: scale(1);
-webkit-transform: scale(1);
}
.news-box:hover .news-info {
opacity: 1;
}
.news-thumb img {
transition: all 0.3s ease-out 0s;
-webkit-transition: all 0.3s ease-out 0s;
width: 100%;
}
.news-thumb {
overflow: hidden;
position: relative;
}
.news-box:hover .news-thumb img {
transform: scale(1.15);
-webkit-transform: scale(1.15);
}
.home-video {
margin: auto auto 90px;
max-width: 1024px;
width: 100%;
}
.list-download {
margin-top: 100px;
text-align: center;
}
.list-download a {
display: inline-block;
font-weight: 700;
color: #333;
margin: 0 50px;
transition: all 0.3s ease-out 0s;
-webkit-transition: all 0.3s ease-out 0s;
}
.list-download a::before {
content: "";
display: inline-block;
font-family: "linearicons";
font-size: 30px;
height: 60px;
line-height: 60px;
margin-right: 15px;
text-align: center;
width: 60px;
vertical-align: middle;
font-weight: 400;
border: 1px solid #3b3b3b;
border-radius: 50%;
transition: all 0.3s ease-out 0s;
-webkit-transition: all 0.3s ease-out 0s;
}
.list-download a:hover {
color: #ffe800;
}
.list-download a:hover::before {
background-color: #ffe800;
border-color: #ffe800;
color: #fff;
}
#video-intro .vjs-big-play-button {
background: transparent none repeat scroll 0 0;
border: 2px solid #fff;
border-radius: 50%;
bottom: 0;
height: 100px;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 0;
width: 100px;
}
#video-intro .vjs-big-play-button::before {
border-bottom: 19px solid transparent;
border-left: 20px solid #fff;
border-top: 19px solid transparent;
bottom: 0;
content: "";
height: 0;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 0;
width: 0;
}
.customer-review {
background: rgba(0, 0, 0, 0) url(//instore.bnn.in.th/wp-content/themes/necshop/assets/css/images/home1/bg-test.jpg) no-repeat scroll center center;
padding: 100px 0;
}
.customer-review-slider {
color: #fff;
margin: auto;
max-width: 600px;
text-align: center;
}
.review-content > h3 {
font-size: 16px;
margin: 0 0 17px;
text-transform: uppercase;
}
.review-content > h3 a {
color: #ffe800;
}
.customer-info {
margin: 0;
}
.review-content > p {
margin: 0;
}
.review-content > p::before {
content: "";
font-family: fontawesome;
font-size: 10px;
margin-right: 7px;
position: relative;
top: -3px;
color: #ffe800;
}
.review-content > p::after {
content: "";
font-family: fontawesome;
font-size: 10px;
margin-left: 5px;
color: #ffe800;
}
.customer-thumb {
margin-top: 20px;
}
.customer-thumb > a {
background: #e6e6e6 none repeat scroll 0 0;
border: 1px solid #121212;
border-radius: 50%;
display: inline-block;
height: 43px;
margin: 0 10px;
opacity: 0.5;
width: 43px;
position: relative;
}
.customer-thumb > a img {
border-radius: 50%;
width: 100%;
}
.customer-thumb > a.active {
border-color: #ffe800;
box-shadow: 0 0 0 2px #ffe800;
opacity: 1;
}
.customer-thumb > a.active::before {
background: #ffe800 none repeat scroll 0 0;
border-radius: 50%;
content: "";
display: block;
left: 50%;
margin-left: -3px;
position: absolute;
top: -12px;
z-index: 99;
width: 6px;
height: 6px;
}
.footer {
background: #0a0907 none repeat scroll 0 0;
padding: 50px 0 40px;
}
.footer-box > p {
color: #ccc;
}
.footer-box .readmore {
color: #ffe800;
}
.footer-box > ul {
list-style: outside none none;
margin: 0 0 17px;
padding: 0;
}
.footer-box a {
color: #ccc;
}
.footer-box li {
margin-bottom: 10px;
}
.footer-address {
background: rgba(0, 0, 0, 0) url(//instore.bnn.in.th/wp-content/themes/necshop/assets/css/images/home1/foma1.png) no-repeat scroll left center;
}
.footer-contact-box p {
margin-bottom: 14px;
padding-left: 45px;
}
.list-footer-box {
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
margin-bottom: 50px;
padding-bottom: 25px;
position: relative;
}
.back-to-top {
background: rgba(0, 0, 0, 0) url(//instore.bnn.in.th/wp-content/themes/necshop/assets/css/images/home1/backtop.png) no-repeat scroll center center;
bottom: 0;
height: 46px;
left: 50%;
margin-bottom: -23px;
margin-left: -23px;
position: absolute;
width: 46px;
}
.footer-phone {
background: rgba(0, 0, 0, 0) url(//instore.bnn.in.th/wp-content/themes/necshop/assets/css/images/home1/foma2.png) no-repeat scroll left center;
}
.footer-email {
background: rgba(0, 0, 0, 0) url(//instore.bnn.in.th/wp-content/themes/necshop/assets/css/images/home1/foma3.png) no-repeat scroll left center;
}
.social-footer > a {
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 50%;
color: #ccc;
display: inline-block;
font-size: 14px;
height: 38px;
line-height: 38px;
margin-right: 8px;
text-align: center;
width: 38px;
}
.social-footer {
font-size: 0;
margin-bottom: 40px;
}
.social-footer > a:hover {
color: #ffe800;
}
.newsletter-form {
float: right;
margin-bottom: 40px;
max-width: 500px;
padding-left: 115px;
position: relative;
width: 100%;
}
.newsletter-form > label {
color: #fff;
left: 0;
margin: 0;
position: absolute;
text-transform: uppercase;
top: 8px;
}
.newsletter-form > form {
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 4px;
padding-right: 100px;
position: relative;
}
.newsletter-form input[type="text"] {
background: transparent none repeat scroll 0 0;
border: medium none;
border-radius: 4px;
color: #ccc;
height: 38px;
padding: 0 15px;
width: 100%;
}
.newsletter-form input[type="submit"] {
background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0;
border: medium none;
border-radius: 4px;
color: #fff;
height: 38px;
position: absolute;
text-transform: capitalize;
-webkit-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
width: 105px;
top: 0;
right: 0;
}
.copyright {
color: #fff;
display: inline-block;
font-weight: 700;
margin-right: 20px;
text-transform: uppercase;
margin-top: 5px;
}
.copyright > a {
color: #ffe800;
}
.footer-menu {
display: inline-block;
list-style: outside none none;
margin: 0;
padding: 0;
}
.footer-menu > li {
display: inline-block;
margin-right: 17px;
}
.footer-menu a {
color: #fff;
font-weight: 700;
text-transform: uppercase;
}
.payment-method {
float: right;
}
.payment-method > a {
display: inline-block;
margin-left: 10px;
position: relative;
-webkit-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
top: 0;
}
.payment-method > a:hover {
top: -10px;
}
.footer-menu a:hover {
color: #ffe800;
}
.newsletter-form input[type="submit"]:hover {
background-color: #ffe800;
}
.footer-email > a:hover {
color: #ffe800;
}
.footer-box a:hover {
color: #ffe800;
}
.footer-box .readmore:hover {
color: #fff;
}
.title-footer {
font-size: 13px;
color: #fff;
font-weight: 700;
text-transform: initial !important;
margin: 0 0 15px;
}
.title-footer span {
color: #ffe800;
} .image-directnav .owl-theme .owl-controls .owl-buttons div {
height: 83px;
margin: -42px -10px 0;
position: absolute;
top: 50%;
width: 55px;
}
.image-directnav .owl-theme .owl-controls .owl-buttons div.owl-prev {
background: url(//instore.bnn.in.th/wp-content/themes/necshop/assets/css/images/home1/prev.png) no-repeat center center;
left: 0;
}
.image-directnav .owl-theme .owl-controls .owl-buttons div.owl-next {
background: url(//instore.bnn.in.th/wp-content/themes/necshop/assets/css/images/home1/next.png) no-repeat center center;
right: 0;
}
.banner-shop-info {
background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
bottom: 0;
color: #fff;
font-weight: 700;
left: 0;
margin: auto;
max-width: 520px;
padding: 25px 15px;
position: absolute;
right: 0;
text-align: center;
text-transform: uppercase;
width: 100%;
}
.banner-shop-info > h2 {
font-weight: 700;
margin: 0 0 8px;
}
.banner-shop-info > p {
margin: 0;
}
.banner-shop {
margin-top: 10px;
}
.content-shop {
padding: 0px;
}
.widget {
border-top: 3px solid #3b3b3b;
margin-bottom: 25px;
}
.widget-title {
border-bottom: 1px solid #e5e5e5;
font-size: 16px;
font-weight: 700;
margin: 0 0 15px;
padding: 17px 0 15px;
text-transform: uppercase;
}
.widget.widget-shop-cat ul {
list-style: outside none none;
margin: 0;
padding: 0;
}
.widget.widget-shop-cat ul li {
position: relative;
}
.widget.widget-shop-cat a {
color: #3b3b3b;
display: block;
position: relative;
}
.widget.widget-shop-cat > .widget-content > ul > li > a {
font-weight: 700;
text-transform: uppercase;
}
.widget.widget-shop-cat > .widget-content > ul > li {
margin-bottom: 10px;
}
.widget.widget-shop-cat > .widget-content > ul > li:last-child {
margin: 0;
}
.widget.widget-shop-cat > .widget-content > ul > li.has-sub-cat > a::after {
content: "+";
position: absolute;
right: 0;
top: 0;
font-weight: 400;
}
.widget.widget-shop-cat > .widget-content > ul > li.has-sub-cat.active > a::after {
content: "-";
}
.widget.widget-shop-cat > .widget-content > ul > li > ul > li {
margin-top: 10px;
}
.widget.widget-shop-cat > .widget-content > ul > li > ul > li > a:hover {
color: #ffe800;
}
.widget.widget-shop-cat > .widget-content > ul > li > ul > li > a::before {
color: #888;
content: "";
display: inline-block;
font-family: linearicons;
font-size: 7px;
margin-right: 7px;
vertical-align: middle;
}
.widget.widget-shop-cat > .widget-content > ul > li > ul {
display: none;
}
.widget.widget-shop-cat > .widget-content > ul > li.has-sub-cat.active > ul {
display: block;
}
.attr-filter h3 {
font-size: 13px;
font-weight: 700;
margin: 0 0 15px;
text-transform: uppercase;
}
.attr-filter-price .ui-slider-handle.ui-state-default.ui-corner-all {
background: #000 none repeat scroll 0 0;
border: medium none;
border-radius: 50%;
height: 10px;
margin: 0 -5px;
top: -4px;
width: 10px;
}
.attr-filter-price .ui-slider-range.ui-widget-header.ui-corner-all {
background: #3b3b3b none repeat scroll 0 0;
height: 1px;
}
.attr-filter-price .ui-slider.ui-slider-horizontal.ui-widget.ui-widget-content.ui-corner-all {
background: #e5e5e5 none repeat scroll 0 0;
border: medium none;
height: 1px;
}
.attr-filter.attr-filter-price > p {
margin: 17px 0;
}
.attr-filter.attr-filter-price label {
font-weight: normal;
margin: 0 5px 0 0;
}
.attr-filter.attr-filter-price input {
border: medium none;
color: #ffe800;
font-weight: 700;
}
.attr-filter.attr-filter-price {
border-bottom: 1px solid #e5e5e5;
margin-bottom: 20px;
}
.attr-filter ul {
list-style: outside none none;
margin: 0;
padding: 0;
}
.attr-filter.attr-filter-color > ul {
margin: 20px 0;
}
.attr-filter.attr-filter-color li {
display: inline-block;
margin-right: 7px;
}
.attr-filter.attr-filter-color li:last-child {
margin: 0;
}
.attr-filter.attr-filter-color a {
border: 1px solid #e5e5e5;
border-radius: 50%;
display: block;
height: 36px;
position: relative;
width: 36px;
}
.attr-filter.attr-filter-color span {
border-radius: 50%;
bottom: 0;
display: block;
height: 20px;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 0;
width: 20px;
}
.attr-filter.attr-filter-color {
border-bottom: 1px solid #e5e5e5;
margin-bottom: 20px;
}
.attr-filter.attr-filter-size li {
display: inline-block;
margin-right: 7px;
}
.attr-filter.attr-filter-size a {
background: #f1f1f1 none repeat scroll 0 0;
border-radius: 50%;
color: #3b3b3b;
display: block;
font-weight: 700;
height: 40px;
line-height: 40px;
text-align: center;
width: 40px;
}
.attr-filter.attr-filter-size li.active a {
background: #ffe800;
color: #fff;
}
.attr-filter.attr-filter-size > .widget-content > ul {
margin: 20px 0;
}
.attr-filter.attr-filter-color li.active span {
height: 100%;
width: 100%;
}
.attr-filter.attr-filter-color li.active span {
height: 100%;
width: 100%;
}
.attr-filter.attr-filter-color li.active a::after {
color: #fff;
content: "";
display: block;
font-family: linearicons;
left: 10px;
position: absolute;
text-align: center;
top: 9px;
}
.widget.widget-recent-product > .widget-content > ul {
list-style: outside none none;
margin: 0;
padding: 0;
}
.widget.widget-recent-product li {
border-bottom: 1px solid #e5e5e5;
display: table;
margin-bottom: 20px;
padding-bottom: 20px;
width: 100%;
}
.widget.widget-recent-product li:last-child {
border: medium none;
margin: 0;
}
.widget.widget-recent-product li .product-thumb {
display: table-cell;
width: 100px;
}
.widget.widget-recent-product li .product-thumb img {
max-width: 100px;
}
.widget.widget-recent-product li .product-info {
display: table-cell;
padding-left: 20px;
vertical-align: top;
}
.zoom-image {
position: relative;
overflow: hidden;
}
.zoom-image a {
display: block;
}
.zoom-image img {
-webkit-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
width: 100%;
}
.zoom-image:hover img {
-webkit-transform: scale(1.15);
transform: scale(1.15);
}
.view-type > label {
color: #888;
margin: 0 15px 0 0;
text-transform: uppercase;
}
.view-type a {
color: #888;
display: inline-block;
font-size: 30px;
margin-right: 5px;
vertical-align: middle;
}
.view-type a.active {
color: #3b3b3b;
}
.wrap-pagibar {
float: right;
margin-top: 10px;
}
.tool-box {
border-right: 1px solid #e5e5e5;
display: inline-block;
margin-right: 17px;
padding-right: 20px;
vertical-align: top;
}
.tool-box:last-child {
border: medium none;
margin: 0;
padding: 0;
}
.tool-box label {
color: #888;
margin: 0 10px 0 0;
text-transform: uppercase;
}
.tool-box.showing-box > span {
font-weight: 700;
text-transform: uppercase;
}
.sort-pagibar {
margin: -5px 0 10px;
}
.select-box {
border: medium none;
-moz-appearance: none;
-webkit-appearance: none;
background: rgba(0, 0, 0, 0) url(//instore.bnn.in.th/wp-content/themes/necshop/assets/css/images/grid/bg-select.png) no-repeat scroll right center;
font-weight: 700;
padding-right: 25px;
text-transform: uppercase;
}
.select-box option {
font-weight: 400;
text-transform: inherit;
}
.list-product {
list-style: outside none none;
margin-bottom: 0;
padding: 0;
}
.product-item {
border: 1px solid #e5e5e5;
margin-bottom: 30px;
transition: all 0.3s ease-out 0s;
}
.grid-view .product-item:hover {
border-color: #333;
}
.sort-pagibar {
margin: -5px 0 10px;
}
.product-item .product-info {
text-align: center;
}
.product-thumb .product-more-link {
left: 0;
margin-top: -20px;
position: absolute;
text-align: center;
top: 50%;
width: 100%;
z-index: 99;
opacity: 0;
transition: all 0.3s ease-out 0s;
}
.product-thumb:hover .product-more-link {
opacity: 1;
}
.product-item .product-more-link span.lnr {
background: transparent none repeat scroll 0 0;
color: #3b3b3b;
font-size: 13px;
margin: 0;
opacity: 1;
position: static;
visibility: visible;
width: auto;
}
.product-item .product-more-link span.lnr::after {
display: none;
}
.product-item .product-more-link a:hover span.lnr {
color: #fff;
}
.product-item .product-thumb {
margin: 10px 10px 20px;
}
.product-item .product-thumb-link::before {
background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 9;
-webkit-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0;
}
.product-item .product-thumb:hover .product-thumb-link::before {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
.product-thumb .product-more-link a {
-webkit-transform: scale(0);
transform: scale(0);
}
.product-thumb:hover .product-more-link a {
-webkit-transform: scale(1);
transform: scale(1);
}
.shop-paginav a {
color: #3b3b3b;
display: inline-block;
height: 40px;
line-height: 40px;
text-align: center;
vertical-align: middle;
width: 40px;
}
.shop-paginav > a.current-page {
background: #3b3b3b none repeat scroll 0 0;
color: #fff;
font-weight: 700;
}
.shop-paginav a.next-page {
border: 1px solid #e5e5e5;
color: #666;
}
.grid-view-2-col .product-thumb {
border: 1px solid #e5e5e5;
margin: 0 0 20px;
padding: 10px;
}
.grid-view-2-col .product-item {
border: medium none;
}
.grid-view-2-col .product-thumb::before {
display: none;
}
.grid-view-2-col .product-thumb-link::before {
width: 100%;
height: 100%;
opacity: 1;
top: 100%;
left: 100%;
}
.grid-view-2-col .product-thumb:hover .product-thumb-link::before {
top: 0;
left: 0;
}
.grid-view-2-col .product-thumb:hover .quick-link {
height: 40px;
line-height: 40px;
width: 40px;
opacity: 1;
}
.grid-view-2-col .quick-link {
background: #fff none repeat scroll 0 0;
bottom: 10px;
display: block;
height: 0;
line-height: 0;
opacity: 0;
position: absolute;
right: 10px;
text-align: center;
transition: all 0.3s ease-out 0s;
width: 0;
z-index: 99;
}
.grid-view-2-col .quick-link:hover {
background-color: #ffe800;
}
.widget.widget-manufacturer > ul {
list-style: outside none none;
margin: 0;
padding: 0;
}
.widget.widget-manufacturer a {
color: #3b3b3b;
display: block;
padding-right: 20px;
position: relative;
}
.widget.widget-manufacturer a:hover {
color: #ffe800;
}
.widget.widget-manufacturer span {
color: #888;
position: absolute;
right: 0;
}
.widget.widget-manufacturer a::before {
content: "";
display: inline-block;
font-family: linearicons;
font-size: 6px;
margin-right: 10px;
vertical-align: middle;
}
.widget.widget-manufacturer li {
margin-bottom: 10px;
}
.widget.widget-manufacturer li:last-child {
margin: 0;
}
.widget-advert-slider.directnav-slider {
background: #fff none repeat scroll 0 0;
border: 1px solid #e5e5e5;
margin-top: -16px;
padding: 10px;
text-align: center;
}
.wd-adv-info > h3 {
font-size: 16px;
font-weight: 700;
margin: 0 0 5px;
text-transform: uppercase;
}
.wd-adv-info > p {
color: #666;
}
.wd-adv-info h3 a {
color: #3b3b3b;
}
.wd-adv-info h3 a:hover {
color: #ffe800;
}
.wd-adv-info .shopnow {
background: #3b3b3b none repeat scroll 0 0;
border-radius: 4px;
color: #fff;
display: inline-block;
height: 40px;
line-height: 40px;
padding: 0 20px;
transition: all 0.3s ease-out 0s;
}
.wd-adv-info .shopnow:hover {
background-color: #ffe800;
color: #000;
}
.wd-adv-info {
padding-top: 18px;
}
.widget-advert-slider .owl-carousel .owl-wrapper-outer {
padding-bottom: 2px;
}
.directnav-slider.widget-advert-slider .owl-theme .owl-controls .owl-buttons div {
font-size: 13px;
height: 30px;
line-height: 30px;
margin: -15px 0 0;
top: 120px;
width: 30px;
}
.directnav-slider.widget-advert-slider .owl-theme .owl-controls .owl-buttons div span.lnr {
display: block;
height: 30px;
line-height: 30px;
}
.directnav-slider.widget-advert-slider .owl-theme .owl-controls .owl-buttons div.owl-prev {
left: -30px;
}
.directnav-slider.widget-advert-slider .owl-theme .owl-controls .owl-buttons div.owl-next {
right: -30px;
}
.directnav-slider.widget-advert-slider:hover .owl-theme .owl-controls .owl-buttons div.owl-prev {
left: 0px;
}
.directnav-slider.widget-advert-slider:hover .owl-theme .owl-controls .owl-buttons div.owl-next {
right: 0px;
}
.directnav-slider.widget-advert-slider .owl-theme {
overflow: hidden;
} .list-view .product-item {
border: medium none;
}
.list-view .product-item .product-thumb {
border: 1px solid #e5e5e5;
margin: 0;
}
.list-view .product-item .product-info {
text-align: left;
}
.list-view .product-item .desc {
margin-top: 20px;
}
.list-view .product-extra-link {
margin-top: 22px;
}
.product-extra-link.style2 a {
color: #3b3b3b;
display: inline-block;
margin-left: 16px;
transition: all 0.3s ease-out 0s;
vertical-align: middle;
}
.product-extra-link.style2 a.addcart-link {
background: #3b3b3b none repeat scroll 0 0;
border-radius: 4px;
color: #fff;
height: 36px;
letter-spacing: 1px;
line-height: 36px;
padding-left: 53px;
position: relative;
text-align: left;
width: 156px;
margin-left: 0;
}
.grid-view-2-col .product-extra-link {
margin-top: 15px;
}
.product-extra-link.style2 a.addcart-link .lnr,
.product-extra-link.style2 a.addcart-link .fa {
border-right: 1px solid rgba(255, 255, 255, 0.1);
height: 100%;
left: 0;
line-height: 38px;
position: absolute;
text-align: center;
top: 0;
width: 40px;
}
.product-extra-link.style2 a .lnr,
.product-extra-link.style2 a .fa {
margin-right: 10px;
}
.product-extra-link.style2 a:hover {
color: #ffe800;
}
.product-extra-link.style2 a.addcart-link:hover {
background: #ffe800;
color: #000;
}
.list-view .quick-link {
background: #fff none repeat scroll 0 0;
bottom: 0;
color: #3b3b3b;
display: block;
height: 40px;
left: 0;
line-height: 40px;
margin: auto;
position: absolute;
right: 0;
text-align: center;
top: 0;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
width: 40px;
z-index: 99;
opacity: 0;
}
.list-view .quick-link:hover {
background: #ffe800;
color: #000;
}
.list-view .product-thumb:hover .quick-link {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
} .main-detail {
background: #f4f4f4 none repeat scroll 0 0;
margin-top: 10px;
padding: 30px 0 40px;
}
.detail-gallery .bxslider {
list-style: none;
}
.detail-gallery .bx-pager > a {
border: 1px solid #e5e5e5;
box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
display: inline-block;
font-size: 13px;
margin: 0 5px;
position: relative;
width: 70px;
}
.detail-gallery .bx-pager {
font-size: 0;
text-align: center;
}
.detail-gallery .bx-pager > a.active::before {
background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.detail-gallery .bx-pager > a.active::after {
color: #fff;
content: "";
font-family: linearicons;
height: 100%;
left: 0;
line-height: 68px;
position: absolute;
top: 0;
width: 100%;
z-index: 99;
}
.detail-gallery .bx-controls-direction a {
color: #3b3b3b;
font-weight: 700;
text-transform: uppercase;
margin-top: -15px;
position: absolute;
top: 50%;
}
.detail-gallery .bx-controls-direction a:hover {
color: #ffe800;
}
.detail-gallery .bx-controls-direction a.bx-prev {
left: 13px;
}
.detail-gallery .bx-controls-direction a.bx-next {
right: 13px;
}
.detail-gallery .bx-controls-direction a .lnr {
display: inline-block;
font-size: 30px;
vertical-align: text-bottom;
}
.detail-gallery .bx-controls-direction a.bx-next .lnr {
margin-left: -10px;
}
.detail-gallery .bx-controls-direction a.bx-prev .lnr {
margin-right: -10px;
}
.detail-gallery {
background: #fff none repeat scroll 0 0;
margin-bottom: -70px;
position: relative;
}
.detail-gallery .bx-pager {
margin-top: -30px;
}
.detail-info {
padding-left: 20px;
padding-top: 35px;
}
.title-detail {
font-weight: 700;
margin: 0 0 10px;
text-transform: uppercase;
}
.product-review {
list-style: outside none none;
margin: 0 0 10px;
padding: 0;
}
.product-review > li {
display: inline-block;
margin-right: 5px;
vertical-align: middle;
}
.product-review a {
border-left: 1px solid #888;
color: #3b3b3b;
display: block;
height: 14px;
line-height: 14px;
padding-left: 9px;
}
.product-code {
list-style: outside none none;
margin: 0 0 20px;
padding: 0;
}
.product-code > li {
display: inline-block;
}
.product-code > li label {
font-weight: 400;
margin: 0 10px 0 0;
}
.product-code span {
color: #888;
}
.product-code li:first-child span {
border-right: 1px solid #b4b4b4;
color: #1ea200;
display: inline-block;
height: 14px;
line-height: 14px;
margin-right: 6px;
padding-right: 10px;
}
.detail-info .desc {
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
margin-bottom: 30px;
padding: 20px 0;
}
.label-attr {
left: 0;
margin: 0;
position: absolute;
text-transform: uppercase;
top: 10px;
}
.attr-detail-box {
margin-bottom: 10px;
max-width: 490px;
padding-left: 90px;
position: relative;
width: 100%;
}
.label-attr sup {
color: #f65251;
}
.attr-detail-box select {
-moz-appearance: none;
-webkit-appearance: none;
background: #ffffff url(//instore.bnn.in.th/wp-content/themes/necshop/assets/css/images/detail/select-arrow.png) no-repeat scroll right 15px center;
border: 1px solid #ccc;
color: #888;
font-style: italic;
height: 40px;
padding: 0 15px;
position: relative;
width: 100%;
}
.attr-detail-box .product-price {
margin: 0;
padding: 6px 0;
}
.info-qty {
background: #fff none repeat scroll 0 0;
border: 1px solid #ccc;
display: inline-block;
height: 40px;
line-height: 40px;
margin-bottom: 20px;
margin-right: 4px;
max-width: 235px;
padding: 0 40px;
position: relative;
text-align: center;
vertical-align: top;
width: 100%;
}
.attr-detail-box .product-extra-link.style2 {
display: inline-block;
margin-bottom: 20px;
}
.attr-detail-box .product-extra-link.style2 a {
height: 40px;
line-height: 40px;
}
.qty-down {
border-right: 1px solid #ccc;
color: #888;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 40px;
display: inline-block;
}
.qty-up {
border-left: 1px solid #ccc;
color: #888;
height: 100%;
position: absolute;
right: 0;
top: 0;
width: 40px;
display: inline-block;
}
.qty-val {
color: #888;
}
.product-detail-extra-link > a {
color: #3b3b3b;
margin-right: 27px;
display: inline-block;
}
.share-social-product {
display: inline-block;
position: relative;
}
.list-social-product {
background: #fff none repeat scroll 0 0;
box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
left: 20px;
list-style: outside none none;
padding: 5px 0;
position: absolute;
text-align: center;
top: 100%;
width: 40px;
margin-top: 30px;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease-out 0s;
-webkit-transition: all 0.3s ease-out 0s;
z-index: 999;
}
.share-social-product:hover .list-social-product {
opacity: 1;
margin-top: 0;
visibility: visible;
}
.share-social-product:hover .share-link {
color: #ffe800;
}
.list-social-product li a {
margin: 5px auto !important;
text-align: center;
}
.list-social-product a i.fa {
margin: 0;
}
.product-detail-extra-link a .lnr {
margin-right: 10px;
}
.product-detail-extra-link a:hover {
color: #ffe800;
}
.tab-detail {
margin-top: 90px;
}
.title-tab-detail > ul {
font-size: 0;
list-style: outside none none;
margin: 0;
padding: 0;
text-align: center;
}
.title-tab-detail li {
display: inline-block;
font-size: 13px;
padding: 0 20px;
}
.title-tab-detail li a {
color: #3b3b3b;
display: block;
font-weight: 700;
position: relative;
text-transform: uppercase;
}
.title-tab-detail {
border-bottom: 1px solid #e5e5e5;
margin-bottom: 25px;
padding-bottom: 13px;
}
.title-tab-detail li.active a::after {
background: #3b3b3b none repeat scroll 0 0;
content: "";
height: 3px;
left: 0;
position: absolute;
top: -18px;
width: 100%;
}
.title-tab-detail li.active a,
.title-tab-detail li:hover a {
color: #ffe800;
}
.inner-tab-detail > p {
margin-bottom: 40px;
}
.inner-tab-detail ul {
list-style: outside none none;
margin: 0 0 20px;
padding: 0;
}
.inner-tab-detail ul li a {
color: #3b3b3b;
}
.inner-tab-detail ul li a::before {
content: "";
display: inline-block;
font-family: linearicons;
font-size: 6px;
margin-right: 10px;
position: relative;
top: -2px;
}
.latest-product-detail > h2 {
font-weight: 700;
margin: 0 0 20px;
text-align: center;
text-transform: uppercase;
}
.latest-product-detail {
margin: 35px -15px 20px;
}
.latest-product-detail .item {
padding: 0 15px;
}
.product-detail-extra-link a:last-child {
margin: 0;
}
.latest-product-detail .owl-theme .owl-controls .owl-buttons div {
color: #3b3b3b;
font-weight: 700;
margin-top: -15px;
position: absolute;
text-transform: uppercase;
top: 50%;
opacity: 0;
}
.latest-product-detail:hover .owl-theme .owl-controls .owl-buttons div {
opacity: 1;
}
.latest-product-detail .owl-theme .owl-controls .owl-buttons div:hover {
color: #ffe800;
}
.latest-product-detail .owl-theme .owl-controls .owl-buttons div .lnr {
display: inline-block;
font-size: 30px;
vertical-align: text-bottom;
}
.latest-product-detail .owl-theme .owl-controls .owl-buttons div.owl-next {
right: -50px;
}
.latest-product-detail .owl-theme .owl-controls .owl-buttons div.owl-prev {
left: -50px;
}
.latest-product-detail .owl-theme .owl-controls .owl-buttons div.owl-next .lnr {
margin-left: -10px;
}
.latest-product-detail .owl-theme .owl-controls .owl-buttons div.owl-prev .lnr {
margin-right: -10px;
}
.detail-gallery .saleoff-label {
top: 0;
z-index: 9;
}
.main-detail.style2 {
background: transparent none repeat scroll 0 0;
}
.attr-detail .attr-filter.attr-filter-color {
border: medium none;
margin: 0 0 13px;
}
.attr-detail .attr-filter.attr-filter-color > ul {
margin: 0;
}
.attr-detail .attr-filter.attr-filter-size > ul {
margin: 0 0 20px;
}
.info-qty.style2 .qty-down,
.info-qty.style2 .qty-up {
position: static;
border: none;
}
.style2.info-qty {
width: 200px;
}
.detail-gallery.style3 {
margin: 0;
padding-right: 45px;
}
.gallery-slider {
border: 1px solid #e5e5e5;
position: relative;
}
.gallery-slider .new-label {
left: 10px;
top: 10px;
}
.gallery-slider .saleoff-label {
right: 10px;
top: 10px;
}
.gallery-thumb a {
border: 1px solid #e5e5e5;
display: block;
width: 70px;
margin-bottom: 10px;
}
.wrap-gallery-thumb {
position: absolute;
right: -35px;
top: 55px;
width: 70px;
}
.gallery-thumb > ul {
list-style: outside none none;
margin: 0;
padding: 0;
}
.gallery-control {
font-size: 0;
}
.gallery-control a {
background: #3b3b3b none repeat scroll 0 0;
color: #fff;
display: inline-block;
font-size: 13px;
height: 40px;
line-height: 40px;
text-align: center;
transition: all 0.3s ease-out 0s;
width: 35px;
}
.gallery-control a:hover {
background: #ffe800;
}
.main-detail.style3 {
background: transparent none repeat scroll 0 0;
margin: 0;
padding: 40px 0;
}
.tab-detail.style3 {
margin: 0;
padding-left: 290px;
position: relative;
}
.title-tab-detail.style3 li {
display: block;
margin: 0 0 18px;
padding: 0;
text-align: left;
}
.title-tab-detail.style3 {
border-bottom: medium none;
border-right: 2px solid #e5e5e5;
height: 100%;
left: 0;
margin: 0;
padding: 0;
position: absolute;
top: 0;
width: 290px;
}
.tab-detail.style3 .content-tab-detail {
padding-left: 60px;
}
.title-tab-detail.style3 li.active a::after {
border-radius: 6px;
height: 20px;
left: 100%;
margin-left: -2px;
top: 0;
width: 6px;
}
.title-tab-detail.style3 {
border-bottom: medium none;
border-right: 2px solid #e5e5e5;
height: 100%;
left: 0;
margin: 0;
padding: 0;
position: absolute;
top: 0;
width: 290px;
}
.latest-product-detail.upsell-product-detail {
margin-top: -15px;
}
.main-detail.style2 .product-price {
margin-bottom: 20px;
margin-top: -5px;
}
.wrap-color-size {
border-bottom: 1px solid #e5e5e5;
border-top: 1px solid #e5e5e5;
margin-bottom: 30px;
padding-bottom: 10px;
padding-top: 30px;
}
.gallery-thumb li.active a {
position: relative;
text-align: center;
}
.gallery-thumb li.active a::before {
background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
color: #fff;
content: "";
font-family: linearicons;
line-height: 68px;
z-index: 99;
}
.main-detail.style4 {
background: transparent none repeat scroll 0 0;
margin: 0;
padding: 40px 0 50px;
}
.detail-gallery.style4 {
margin-bottom: 0;
margin-right: -40px;
padding-left: 110px;
}
.detail-gallery.style4 .wrap-gallery-thumb {
left: -115px;
top: -5px;
width: 110px;
}
.detail-gallery.style4 .gallery-thumb a {
width: 100px;
box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
margin: 5px;
}
.detail-gallery.style4 .gallery-slider {
box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
}
.detail-gallery.style4 .gallery-thumb li.active a::before {
line-height: 98px;
}
.main-detail.style4 .detail-info {
padding-left: 40px;
}
.gallery-control.style4 {
padding: 5px;
}
.gallery-control.style4 a {
height: 58px;
line-height: 58px;
width: 50px;
font-size: 18px;
}
.tab-detail.style4 {
margin-top: 0;
}
.title-tab-detail.style4 li.active a::after {
display: none;
}
.title-tab-detail.style4 li {
margin: 0 5px;
padding: 0;
}
.title-tab-detail.style4 li a {
border: 1px solid #e5e5e5;
display: block;
padding: 7px 23px;
}
.title-tab-detail.style4 li.active a {
border-color: #ffe800;
}
.title-tab-detail.style4 {
padding-bottom: 0;
}
.title-tab-detail.style4 > ul {
margin-bottom: -1px;
}
.content-product-detail {
margin-top: 40px;
}
.main-detail.style5 {
background: transparent none repeat scroll 0 0;
margin: 0;
padding: 0;
}
.main-detail.style5 .bx-wrapper {
border: 1px solid #e5e5e5;
}
.main-detail.style5 .detail-gallery {
margin: 0;
}
.main-detail.style5 .bx-pager {
margin: 20px 0 0;
}
.main-detail.style5 .bx-pager > a {
box-shadow: none;
}
.main-detail.style5 .control-text {
display: none;
}
.main-detail.style5 .detail-gallery .bx-controls-direction a {
margin-top: -50px;
top: 100%;
}
.main-detail.style5 .product-code {
border-bottom: 1px solid #e5e5e5;
margin-bottom: 15px;
padding-bottom: 22px;
}
.title-tab-detail.style5 > ul {
margin-left: -20px;
text-align: left;
}
.latest-product-detail.style5 h2 {
margin-left: 15px;
text-align: left;
}
.detail-info.style6 .inner-rating {
background: rgba(0, 0, 0, 0) url(//instore.bnn.in.th/wp-content/themes/necshop/assets/css/images/detail/rate.png) repeat-x scroll 0 0;
}
.price-limited {
margin-bottom: 8px;
text-transform: uppercase;
}
.price-limited span {
margin-right: 13px;
}
.price-limited > strong {
margin-right: 13px;
color: #ffe800;
}
.detail-info.style6 .product-code li:first-child span {
border: none;
}
.attr-detail-box.attr-detail-product {
margin-bottom: 0;
max-width: none;
padding-left: 135px;
}
.attr-detail-product select {
display: inline-block;
max-width: 245px;
}
.attr-detail-product .info-qty.style2 {
display: inline-block;
margin-left: -4px;
padding: 0;
width: 145px;
} .post-image {
display: block;
overflow: hidden;
position: relative;
}
.post-thumb {
position: relative;
}
.post-thumb .post-image-zoom {
background: rgba(255, 255, 255, 0.3) none repeat scroll 0 0;
border-radius: 50%;
bottom: 0;
color: #fff;
display: block;
font-size: 16px;
height: 40px;
left: 0;
line-height: 40px;
margin: auto;
position: absolute;
right: 0;
text-align: center;
top: 0;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
width: 40px;
z-index: 9;
}
.post-thumb .post-image-zoom .lnr {
line-height: 40px;
}
.post-image::before {
background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
width: 100%;
}
.post-thumb:hover .post-image-zoom {
-webkit-transform: scale(1);
transform: scale(1);
}
.post-thumb:hover .post-image::before {
-webkit-transform: scale(1);
transform: scale(1);
}
.post-title {
font-size: 13px;
font-weight: 700;
line-height: 20px;
margin: 0 0 5px;
text-transform: initial;
}
.post-title > a {
color: #3b3b3b;
-webkit-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.post-title > a:hover {
color: #ffe800;
}
.post-date {
font-size: 0;
list-style: outside none none;
margin: 0;
padding: 0;
}
.post-date > li {
color: #888;
display: inline-block;
font-size: 11px;
height: 11px;
line-height: 11px;
}
.post-date > li:last-child {
border-left: 1px solid #adadad;
margin-left: 5px;
padding-left: 5px;
}
.post-item .post-info {
border: 1px solid #e5e5e5;
padding: 20px;
}
.post-item {
margin-bottom: 30px;
}
.post-item .post-desc {
border-top: 1px solid #e5e5e5;
margin-bottom: 18px;
margin-top: 18px;
padding-top: 20px;
position: relative;
}
.post-date a {
color: #3b3b3b;
}
.post-date a:hover {
color: #ffe800;
}
.post-item .post-desc::before {
background: #e5e5e5 none repeat scroll 0 0;
content: "";
height: 1px;
position: absolute;
top: 5px;
width: 100%;
}
.readmore-comment-post {
display: table;
width: 100%;
}
.readmore-comment-post a {
color: #3b3b3b;
font-weight: 700;
-webkit-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.readmore-comment-post .post-comment {
text-align: right;
display: table-cell;
}
.readmore-comment-post .post-readmore {
display: table-cell;
width: 80px;
}
.post-comment .lnr {
margin-right: 5px;
}
.readmore-comment-post a:hover {
color: #ffe800;
}
.widget-blog-cat ul li a {
color: #333;
display: block;
font-weight: 700;
padding-right: 20px;
position: relative;
text-transform: uppercase;
}
.widget-blog-cat ul li a span {
color: #888;
font-weight: 400;
position: absolute;
right: 0;
top: 0;
}
.widget-blog-cat ul li {
margin-bottom: 10px;
}
.widget-blog-cat ul li a:hover {
color: #ffe800;
}
.widget.widget-post-tabs .widget-title {
display: none;
}
.post-tab-title li a {
color: #3b3b3b;
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
}
.post-tab-title {
border-bottom: 1px solid #e5e5e5;
margin: 0 0 20px;
padding: 11px 20px 11px 0;
position: relative;
}
.post-tab-title li {
margin-right: 20px;
padding: 0;
}
.post-tab-title::after {
color: #a1a1a1;
content: "";
font-family: linearicons;
font-size: 16px;
position: absolute;
right: 18px;
top: 15px;
}
.list-post-tabs > li {
border-bottom: 1px solid #e5e5e5;
display: table;
margin-bottom: 20px;
padding-bottom: 20px;
width: 100%;
}
.list-post-tabs li .post-thumb {
display: table-cell;
width: 100px;
}
.list-post-tabs li .post-thumb img {
width: 100px;
}
.list-post-tabs li .post-info {
display: table-cell;
padding-left: 20px;
vertical-align: top;
}
.list-post-tabs li .post-title {
text-transform: inherit;
}
.list-post-tabs li .post-date li {
border: medium none;
margin: 0;
padding: 0;
}
.list-post-tabs > li:last-child {
border: medium none;
}
.widget.widget-faq h3 {
font-size: 13px;
font-weight: 700;
margin: 0;
padding: 13px 10px 11px 0;
position: relative;
text-transform: uppercase;
cursor: pointer;
}
.widget.widget-faq li {
border-bottom: 1px solid #e5e5e5;
}
.widget.widget-faq ul {
margin-top: -15px;
}
.widget.widget-faq p {
display: none;
margin-bottom: 15px;
}
.widget.widget-faq li:last-child {
border: medium none;
}
.widget.widget-faq li.active p {
display: block;
}
.widget.widget-faq h3::after {
content: "+";
font-weight: 400;
position: absolute;
right: 0;
top: 13px;
}
.widget.widget-faq li.active h3::after {
content: "-";
}
.post-large-item .post-thumb {
border: 1px solid #e5e5e5;
margin-bottom: 30px;
padding: 10px;
}
.post-format-date {
left: 10px;
position: absolute;
text-align: center;
top: 10px;
width: 90px;
}
.post-format-date .post-date {
background: #ffe800 none repeat scroll 0 0;
color: #000;
font-size: 13px;
padding-bottom: 2px;
}
.post-format-date .post-date strong {
display: block;
font-size: 30px;
margin: 0 0 -15px;
position: relative;
top: -2px;
}
.post-format {
background: #e5e5e5 none repeat scroll 0 0;
}
.post-format .lnr {
display: block;
font-size: 30px;
height: 60px;
line-height: 60px;
}
.post-large-item .post-title {
font-size: 30px;
line-height: 30px;
margin: 0 0 20px;
}
.readmore-comment-post .post-info-total {
text-align: right;
}
.post-info-total {
list-style: outside none none;
margin: 0;
padding: 0;
font-size: 0;
}
.post-info-total > li {
border-left: 1px solid #a9a9a9;
color: #888;
display: inline-block;
font-size: 13px;
height: 13px;
line-height: 13px;
margin-left: 5px;
padding-left: 5px;
}
.post-info-total > li:last-child a {
color: #ffe800;
}
.post-info-total > li a {
font-weight: 400;
color: #3b3b3b;
}
.post-info-total > li a:hover {
color: #ffe800;
}
.post-large-item {
margin-bottom: 40px;
}
.post-info-total > li:first-child {
border: medium none;
margin: 0;
padding: 0;
}
.post-large-item .post-desc {
margin-bottom: 25px;
}
.post-large-image {
display: block;
overflow: hidden;
position: relative;
}
.post-large-image::before {
background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;
content: "";
height: 0;
left: 0;
position: absolute;
top: 0;
transition: all 0.3s ease-out 0s;
width: 0;
}
.post-large-image::after {
background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;
content: "";
height: 0;
bottom: 0;
position: absolute;
right: 0;
transition: all 0.3s ease-out 0s;
width: 0;
}
.post-large-image:hover::before,
.post-large-image:hover::after {
width: 100%;
height: 100%;
}
.post-medium-item .post-thumb {
margin-right: -25px;
padding-left: 100px;
}
.post-medium-item .post-format-date {
left: 0;
top: 0;
}
.post-medium-item {
border-bottom: 1px solid #e5e5e5;
margin-bottom: 30px;
padding-bottom: 30px;
}
.post-medium-image > img {
transition: all 0.3s ease-out 0s;
width: 100%;
}
.post-medium-image {
display: block;
overflow: hidden;
}
.post-medium-image:hover img {
-webkit-transform: scale(1.15);
transform: scale(1.15);
}
.post-medium-item .post-info-total > li a {
color: #3b3b3b;
}
.post-medium-item .post-info-total > li a:hover,
.post-medium-item .post-info-total > li:last-child a {
color: #ffe800;
}
.post-medium-item .post-info-total {
font-size: 0;
margin-top: 10px;
text-align: left;
}
.post-medium-item .post-desc {
border-top: 1px solid #e5e5e5;
line-height: 20px;
margin-bottom: 17px;
margin-top: 17px;
padding-top: 13px;
}
.post-medium-item .post-info {
padding-left: 15px;
}
.list-medium {
margin-bottom: 0;
}
.post-medium-item .post-title {
font-size: 16px;
}
.post-medium-item .post-readmore {
color: #3b3b3b;
font-weight: 700;
}
.post-medium-item .post-readmore:hover {
color: #ffe800;
}
.content-single {
padding: 30px 0 40px;
}
.single-post-thumb {
border: 1px solid #e5e5e5;
padding: 10px;
}
.title-single {
font-weight: 700;
margin-bottom: 20px;
margin-top: 35px;
text-transform: initial;
}
.main-content-single .post-info-total {
border-bottom: 1px solid #e5e5e5;
margin-bottom: 23px;
padding-bottom: 27px;
}
.main-content-single p {
color: #444;
margin-bottom: 35px;
}
.main-content-single .block-quote {
border: 1px solid #e5e5e5;
color: #888;
margin-bottom: 50px;
margin-top: 40px;
padding: 25px 25px 25px 100px;
position: relative;
}
.main-content-single .block-quote::before {
background: #ffe800 url(//instore.bnn.in.th/wp-content/themes/necshop/assets/css/images/blog/quote.png) no-repeat scroll center center;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 70px;
}
.directnav-slider .item img {
width: 100%;
}
.directnav-slider .wrap-item {
overflow: hidden;
}
.directnav-slider.single-slider .owl-theme .owl-controls .owl-buttons div {
width: 30px;
height: 30px;
line-height: 30px;
margin-top: -15px;
font-size: 13px;
}
.directnav-slider.single-slider .owl-theme .owl-controls .owl-buttons div span.lnr {
display: block;
height: 30px;
line-height: 30px;
}
.single-slider {
margin-bottom: 35px;
padding-right: 20px;
}
.main-content-single h2 {
font-weight: 700;
}
.unorder-list {
margin: 0;
padding: 0 0 0 15px;
}
.unorder-list li {
font-size: 10px;
margin-bottom: 2px;
padding-left: 10px;
}
.unorder-list li a {
color: #888;
font-size: 13px;
}
.unorder-list li a:hover {
color: #ffe800;
}
.single-tabs-share label {
color: #888;
font-weight: normal;
margin: 0 5px 0 0;
}
.single-post-tabs > a {
color: #3b3b3b;
}
.single-post-tabs > a:hover {
color: #ffe800;
}
.single-post-social {
margin-top: -10px;
text-align: right;
}
.single-post-social > a {
border: 1px solid #e5e5e5;
border-radius: 50%;
color: #3b3b3b;
display: inline-block;
height: 40px;
line-height: 40px;
margin-left: 4px;
text-align: center;
transition: all 0.3s ease-out 0s;
width: 40px;
}
.single-post-social > a:hover {
background: #ffe800;
color: #000;
border-color: #ffe800;
}
.single-tabs-share {
border-bottom: 1px solid #e5e5e5;
margin-bottom: 45px;
padding-bottom: 35px;
}
.single-post-author {
display: table;
}
.post-author-thumb {
display: table-cell;
width: 100px;
}
.post-author-thumb .zoom-image a {
border: 1px solid #e5e5e5;
padding: 10px;
}
.single-post-author .zoom-image img {
width: 80px;
}
.post-author-info {
display: table-cell;
padding-left: 30px;
vertical-align: top;
}
.post-author-info > ul {
margin: 0 0 5px;
padding: 0;
}
.post-author-info li {
border-right: 1px solid #999;
color: #999;
display: inline-block;
height: 14px;
line-height: 14px;
margin-right: 5px;
padding-right: 8px;
}
.post-author-info li:last-child {
border: none;
}
.post-author-info li a {
color: #3b3b3b;
font-weight: 700;
}
.post-author-info li a:hover {
color: #ffe800;
}
.single-related-post > h2 {
margin-bottom: 40px;
}
.item-single-related-post {
padding: 0 15px;
}
.single-related-post-slider {
margin: 0 -15px;
}
.single-related-post-slider .owl-theme .owl-controls .owl-buttons div {
background-color: #3b3b3b;
border-radius: 0;
height: 30px;
line-height: 30px;
margin: 0;
opacity: 1;
padding: 0;
text-align: center;
width: 30px;
vertical-align: top;
transition: all 0.3s ease-out 0s;
}
.single-related-post-slider .owl-theme .owl-controls .owl-buttons div:hover {
background-color: #ffe800;
}
.single-related-post-slider .owl-theme .owl-controls .owl-buttons div.owl-next {
margin-left: 1px;
}
.single-related-post-slider .owl-theme .owl-controls .owl-buttons div .lnr {
line-height: 30px;
}
.single-related-post-slider .owl-theme .owl-controls {
margin-top: 10px;
position: absolute;
right: 15px;
text-align: center;
top: -85px;
}
.leave-comment-link::before {
border: 1px solid #3b3b3b;
border-radius: 50%;
content: "";
display: inline-block;
font-family: fontawesome;
height: 30px;
line-height: 30px;
margin-right: 10px;
text-align: center;
width: 30px;
}
.header-post-comment .leave-comment-link {
color: #3b3b3b;
position: absolute;
right: 0;
top: 0;
}
.header-post-comment .leave-comment-link:hover {
color: #ffe800;
}
.header-post-comment .leave-comment-link:hover::before {
border-color: #ffe800;
}
.header-post-comment {
margin-bottom: 47px;
position: relative;
}
ol.list-post-comment {
list-style: outside none none;
margin: 0;
padding: 0;
}
.item-single-post-comment {
display: table;
margin-bottom: 30px;
width: 100%;
}
.single-post-comment-thumb {
display: table-cell;
padding-bottom: 30px;
padding-right: 30px;
width: 130px;
}
.single-post-comment-thumb .zoom-image img {
width: 100px;
}
.single-post-comment-thumb .zoom-image a {
border: 1px solid #e5e5e5;
display: inline-block;
padding: 10px;
}
.single-post-comment-info {
border-bottom: 1px solid #e5e5e5;
display: table-cell;
vertical-align: top;
}
.comment-author {
margin-bottom: 8px;
position: relative;
}
.reply-comment-link {
color: #3b3b3b;
position: absolute;
right: 0;
text-transform: uppercase;
top: 0;
}
.reply-comment-link:hover {
color: #ffe800;
}
.single-post-comment-info > p {
color: #888;
margin-bottom: 25px;
}
.post-date-author {
margin: 0;
padding: 0;
}
.post-date-author > li {
border-right: 1px solid #999;
color: #999;
display: inline-block;
height: 14px;
line-height: 14px;
margin-right: 5px;
padding-right: 10px;
}
.post-date-author > li a {
color: #3b3b3b;
font-weight: 700;
}
.post-date-author > li a:hover {
color: #ffe800;
}
.post-date-author > li:last-child {
border: medium none;
margin: 0;
padding: 0;
}
.list-post-comment > li > ul {
list-style: outside none none;
margin-left: 130px;
padding: 0;
}
.form-leave-comment.form-contact {
margin-top: 37px;
}
.form-contact input[type="text"] {
border: 1px solid #e5e5e5;
color: #888;
height: 42px;
margin-bottom: 30px;
padding: 0 20px;
width: 100%;
}
.form-contact textarea {
border: 1px solid #e5e5e5;
margin-bottom: 30px;
padding: 20px;
width: 100%;
}
.form-contact input[type="submit"] {
background: #3b3b3b none repeat scroll 0 0;
border: medium none;
color: #fff;
height: 40px;
width: 155px;
border-radius: 4px;
}
.form-contact input[type="submit"]:hover {
background: #ffe800 none repeat scroll 0 0;
}
.single-post-control {
margin-top: 35px;
}
.single-post-control a {
background: #333 none repeat scroll 0 0;
border-radius: 4px;
color: #fff!important;
font-weight: 700;
height: 40px;
line-height: 40px;
padding: 0 30px;
transition: all 0.3s ease-out 0s;
-webkit-transition: all 0.3s ease-out 0s;
}
.single-post-control a:hover {
background-color: #ffe800;
}
.single-post-control a .lnr {
font-size: 30px;
vertical-align: text-bottom;
}
.single-post-control a.prev-post .lnr {
margin-right: -10px;
}
.single-post-control a.next-post .lnr {
margin-left: -10px;
}
.single-post-comment {
margin-bottom: 42px;
}
.intro-shop {
background: rgba(0, 0, 0, 0) url(//instore.bnn.in.th/wp-content/themes/necshop/assets/css/images/shop/bg-shop.png) no-repeat scroll center center;
margin-bottom: 45px;
padding: 40px 50px;
background-size: auto 100%;
}
.shop-content {
padding: 10px 0 60px;
}
.intro-shop > h2 {
font-weight: 700;
margin: 0 0 15px;
text-transform: uppercase;
}
.intro-shop ul li a {
font-weight: 700;
text-transform: uppercase;
}
.intro-shop ul {
margin-bottom: 0;
margin-top: 20px;
}
.shop-cat-intro > h2 {
font-weight: 700;
margin: 0 0 20px;
text-transform: uppercase;
}
.shop-cat-intro {
margin-bottom: 45px;
}
.item-shop-cat {
margin-bottom: 30px;
position: relative;
overflow: hidden;
}
.shop-cat-title {
display: inline-block;
margin: auto;
padding: 0;
}
.shop-cat-title > a {
background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
color: #fff;
display: inline-block;
font-size: 13px;
font-weight: 700;
padding: 13px 20px;
text-transform: uppercase;
}
.shop-cat-thumb {
position: relative;
text-align: center;
}
.shop-cat-thumb img {
width: 100%;
}
.shop-cat-title {
bottom: 0;
left: 0;
position: absolute;
right: 0;
-webkit-transform: translateY(0);
transform: translateY(0);
transition: all 0.3s ease-out 0s;
-webkit-transition: all 0.3s ease-out 0s;
}
.shop-cat-info {
background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
bottom: 0;
color: #fff;
left: 0;
padding: 25px 15px;
position: absolute;
text-align: center;
-webkit-transform: translateY(100%);
transform: translateY(100%);
width: 100%;
transition: all 0.3s ease-out 0s;
-webkit-transition: all 0.3s ease-out 0s;
}
.shop-cat-info > h3 {
font-size: 13px;
font-weight: 700;
margin: 0 0 14px;
text-transform: uppercase;
}
.shop-cat-info > h3 a {
border-bottom: 1px solid #fff;
color: #fff;
display: inline-block;
padding-bottom: 15px;
}
.shop-cat-info .shopnow {
background: #171614 none repeat scroll 0 0;
border-radius: 4px;
color: #fff;
display: inline-block;
height: 40px;
line-height: 40px;
margin-top: 5px;
padding: 0 22px;
}
.shop-cat-info .shopnow:hover {
background: #ffe800;
}
.item-shop-cat:hover .shop-cat-info {
-webkit-transform: translateY(0);
transform: translateY(0);
}
.item-shop-cat:hover .shop-cat-title {
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
.shop-cat-info > h3 a:hover {
color: #ffe800;
} .top-header.top-header2 {
background: #fff none repeat scroll 0 0;
}
.price-cart-top {
border: 1px dotted #ddd;
border-radius: 4px;
display: inline-block;
height: 24px;
line-height: 24px;
padding: 0 20px;
vertical-align: middle;
color: #ffe800;
}
.mini-cart-box.mini-cart2 .mini-cart-icon {
color: #3b3b3b;
font-size: 30px;
line-height: 0;
}
.mini-cart-box.mini-cart2 .mini-cart-number {
background: #ffe800 none repeat scroll 0 0;
color: #fff;
right: -4px;
top: -4px;
}
.language-cart2 .language-link,
.language-cart2 .currency-link {
color: #3b3b3b;
}
.language-cart2 .language-link:hover,
.language-cart2 .currency-link:hover,
.top-nav.top-nav2 a:hover {
color: #ffe800;
}
.language-cart2 .language-box {
border: medium none;
}
.language-cart2 .language-box::after {
content: "-";
position: absolute;
right: -4px;
top: 0;
}
.top-nav.top-nav2 a {
color: #3b3b3b;
}
.top-nav.top-nav2 li::after {
content: "-";
position: absolute;
right: -4px;
top: 0;
}
.top-nav.top-nav2 li:last-child::after {
display: none;
}
.top-nav.top-nav2 li {
border: none;
}
.top-nav.top-nav2 {
margin-top: 3px;
}
.search-form.search-form2 {
background: #fff none repeat scroll 0 0;
margin-top: 3px;
}
.search-form.search-form2::after {
color: #555;
content: "";
font-family: linearicons;
}
.main-header2 {
padding: 20px 0;
}
.main-nav.main-nav2 > ul > li > a {
height: 30px;
line-height: 30px;
}
.main-nav.main-nav2 {
margin-top: 10px;
}
.main-nav.main-nav2 > ul > li:last-child > a::after {
display: none;
}
.main-nav.main-nav2 > ul > li > a::after {
background: rgba(255, 255, 255, 0.3) none repeat scroll 0 0;
content: "";
height: 20px;
position: absolute;
right: -20px;
top: 2px;
width: 1px;
}
.main-nav.main-nav2 > ul > li > a::before {
background: #ffe800 none repeat scroll 0 0;
bottom: 0;
content: "";
height: 2px;
left: 0;
position: absolute;
width: 100%;
transform: scaleX(0);
-webkit-transform: scaleX(0);
transition: all 0.3s ease-out 0s;
-webkit-transition: all 0.3s ease-out 0s;
}
.main-nav.main-nav2 > ul > li:hover > a::before {
transform: scaleX(1);
-webkit-transform: scaleX(1);
}
.item-banner2 .banner-info {
background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
color: #fff;
margin-top: -110px;
max-width: 520px;
padding: 50px;
text-align: left;
}
.item-banner2 .banner-info h2 {
font-weight: 700;
margin: 0 0 10px;
text-transform: uppercase;
}
.btn-eye {
background: #ffe800 none repeat scroll 0 0;
border-radius: 4px;
color: #fff;
display: inline-block;
height: 40px;
line-height: 40px;
padding: 0 20px 0 55px;
position: relative;
text-align: center;
transition: all 0.3s ease-out 0s;
-webkit-transition: all 0.3s ease-out 0s;
}
.btn-eye:hover {
color: #000;
}
.btn-eye::before {
border-right: 1px solid rgba(255, 255, 255, 0.1);
content: "";
font-family: linearicons;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 40px;
}
.item-banner2 .btn-eye {
color: #fff;
margin-top: 15px;
}
.item-banner2 .btn-eye:hover {
background: #000;
}
.owl-directnav .owl-theme .owl-controls .owl-buttons div {
background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
margin: 0;
padding: 0;
position: absolute;
top: 50%;
}
.banner-home2 .owl-theme .owl-controls .owl-buttons div {
font-family: "Poppins", sans-serif;
font-size: 13px;
font-weight: 700;
height: 60px;
letter-spacing: 4px;
line-height: 60px;
right: 0;
text-transform: uppercase;
width: 60px;
}
.banner-home2 .owl-theme .owl-controls .owl-buttons div.owl-next {
margin-top: -59px;
}
.banner-home2 .owl-theme .owl-controls .owl-buttons div.owl-next::after {
content: "N";
}
.banner-home2 .owl-theme .owl-controls .owl-buttons div.owl-prev::after {
content: "P";
}
.banner-home2 .owl-theme .owl-controls .owl-buttons div:hover {
background: #ffe800 none repeat scroll 0 0;
width: 100px;
z-index: 9;
}
.banner-home2 .owl-theme .owl-controls .owl-buttons div.owl-prev:hover::after {
content: "prev";
}
.banner-home2 .owl-theme .owl-controls .owl-buttons div.owl-next:hover::after {
content: "next";
}
.banner-home2.owl-directnav {
margin-bottom: 30px;
}
.welcome-intro {
margin: 0 auto 65px;
max-width: 700px;
text-align: center;
}
.welcome-intro > h2 {
font-weight: 700;
margin: 0 0 15px;
}
.welcome-intro > p {
line-height: 24px;
}
.wrap-list-cat2 {
background: #f9f9f9 none repeat scroll 0 0;
margin-bottom: 70px;
padding: 60px 0 50px;
}
.item-cat-icon {
border-left: 1px solid #e5e5e5;
border-top: 1px solid #e5e5e5;
color: #888;
margin: 0 -15px;
}
.list-cat-icon {
padding: 0 15px;
position: relative;
}
.cat-icon-thumb {
display: block;
height: 90px;
position: relative;
}
.content-cat-icon {
position: relative;
text-align: center;
z-index: 99;
}
.cat-icon-thumb img {
bottom: 0;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 0;
}
.inner-cat-icon {
overflow: hidden;
padding: 30px 15px;
position: relative;
border: 15px solid #f9f9f9;
}
.content-cat-icon > h2 {
font-size: 16px;
font-weight: 700;
margin: 0 0 10px;
text-transform: uppercase;
}
.cat-icon-thumb .second-icon {
opacity: 0;
}
.cat-mask-icon {
background: #ffe800 none repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 100%;
width: 100%;
}
.item-cat-icon.active .cat-mask-icon {
top: 0;
left: 0;
}
.item-cat-icon.active,
.item-cat-icon.active h2 a {
color: #fff;
}
.item-cat-icon.active .cat-icon-thumb .second-icon {
opacity: 1;
}
.item-cat-icon.active .cat-icon-thumb .first-icon {
opacity: 0;
}
.hover-out .item-cat-icon.active .cat-mask-icon {
top: 0!important;
left: 0!important;
}
.list-cat-icon::after {
background: #f9f9f9 none repeat scroll 0 0;
content: "";
height: 1px;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 9;
}
.list-cat-icon::before {
background: #f9f9f9 none repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 1px;
z-index: 9;
}
.item-ad2 {
margin: 0 -5px 20px;
}
.list-adv2 {
margin-bottom: 50px;
padding: 0 5px;
}
.wrap-best-seller2 {
background: #f4f4f4 none repeat scroll 0 0;
margin-bottom: 65px;
padding: 65px 0;
}
.best-seller-title2 > h2 {
display: inline-block;
font-weight: 700;
margin: 0 55px 0 0;
text-transform: uppercase;
vertical-align: middle;
}
.bestsell-tab2 {
display: inline-block;
list-style: outside none none;
margin: 0;
padding: 0;
}
.bestsell-tab2 > li {
border-right: 1px solid #000;
display: inline-block;
height: 24px;
line-height: 24px;
margin-right: 26px;
padding-right: 30px;
}
.bestsell-tab2 a {
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
}
.bestsell-tab2 li.active a {
color: #ffe800;
}
.bestsell-tab2 > li:last-child {
border: medium none;
margin: 0;
padding: 0;
}
.bestsale-filter {
display: inline-block;
float: right;
margin-top: 0px;
}
.best-seller-title2 {
margin-bottom: 60px;
position: relative;
}
.item-box-filter > ul {
margin: 0;
padding: 0;
list-style: none;
}
.bestsale-filter .toggle-filter {
background: #fff none repeat scroll 0 0;
border: 1px solid #e5e5e5;
border-radius: 4px;
display: block;
font-size: 16px;
font-weight: 700;
height: 40px;
line-height: 40px;
padding-left: 30px;
padding-right: 40px;
position: relative;
text-transform: uppercase;
width: 156px;
color: #3b3b3b;
}
.bestsale-filter .toggle-filter:hover {
color: #ffe800;
}
.bestsale-filter .toggle-filter::after {
border-left: 1px solid #e5e5e5;
content: "";
font-family: linearicons;
font-size: 13px;
font-weight: 400;
height: 40px;
position: absolute;
right: 0;
text-align: center;
top: 0;
width: 40px;
}
.box-product-filter {
background: #fff none repeat scroll 0 0;
box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1);
left: 0;
position: absolute;
top: 100%;
width: 100%;
z-index: 99;
display: none;
}
.item-box-filter {
float: left;
padding: 27px 25px 15px;
width: 20.8%;
}
.item-box-filter.box-tags-filter {
width: 37.6%;
}
.item-box-filter > h2 {
border-bottom: 1px solid #e5e5e5;
font-size: 14px;
margin: 0 0 15px;
padding-bottom: 14px;
text-transform: uppercase;
}
.item-box-filter a {
color: #999;
}
.item-box-filter.box-tags-filter a:hover {
background: #ffe800;
color: #000;
}
.item-box-filter li {
margin-bottom: 10px;
}
.item-box-filter.box-tags-filter li {
display: inline-block;
margin: 0 2px 5px 0;
}
.item-box-filter.box-tags-filter li a {
background: #f9f9f9 none repeat scroll 0 0;
display: block;
height: 30px;
line-height: 30px;
padding: 0 20px;
}
.item-box-filter a:hover {
color: #ffe800;
}
.item-box-filter span.color-filter {
border: 1px solid #e5e5e5;
height: 14px;
margin-right: 10px;
padding: 0;
vertical-align: sub;
width: 14px;
display: inline-block;
}
.wrap-best-seller2 .home-best-seller-slider .owl-theme .owl-controls {
margin-top: 20px;
}
.full-collect-title > h2 {
font-weight: 700;
margin: 0;
text-transform: uppercase;
}
.full-collect-title {
margin-bottom: 65px;
position: relative;
}
.full-view-all {
border: 1px solid #e5e5e5;
border-radius: 4px;
font-size: 16px;
font-weight: 700;
height: 40px;
line-height: 40px;
padding: 0 40px 0 30px;
position: absolute;
right: 0;
text-transform: uppercase;
top: 0;
width: 175px;
}
.full-view-all::after {
border-left: 1px solid #e5e5e5;
content: "";
font-family: linearicons;
font-size: 13px;
font-weight: 400;
height: 40px;
position: absolute;
right: 0;
text-align: center;
width: 40px;
}
.item-full-collect {
background: #f9f9f9 none repeat scroll 0 0;
}
.item-full-collect .product-info {
padding: 10px 30px;
}
.item-full-collect .product-thumb > a {
display: block;
overflow: hidden;
position: relative;
}
.item-full-collect .product-thumb > a::before {
background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;
border-bottom: 10px solid #ffe800;
content: "";
height: 100%;
left: -100%;
position: absolute;
top: 0;
width: 100%;
transition: all 0.3s ease-out 0s;
-webkit-transition: all 0.3s ease-out 0s;
}
.item-full-collect .product-thumb > a::after {
background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;
border-bottom: 10px solid #ffe800;
content: "";
height: 100%;
left: 100%;
position: absolute;
top: 0;
width: 100%;
transition: all 0.3s ease-out 0s;
-webkit-transition: all 0.3s ease-out 0s;
}
.item-full-collect:hover .product-thumb > a::before,
.item-full-collect:hover .product-thumb > a::after {
left: 0;
}
.item-full-collect:hover .product-title a {
color: #ffe800;
}
.full-collect {
margin-bottom: 70px;
}
.nec-why-us {
background: rgba(0, 0, 0, 0) url(//instore.bnn.in.th/wp-content/themes/necshop/assets/css/images/home2/bg-wn.jpg) no-repeat center top;
padding: 90px 0;
background-attachment: fixed;
}
.nec-why-ifo {
color: #fff;
max-width: 450px;
}
.why-faq {
list-style: outside none none;
margin: 0;
padding: 0;
}
.why-faq h3 {
cursor: pointer;
font-size: 13px;
font-weight: 700;
margin: 0;
padding-left: 30px;
position: relative;
text-transform: uppercase;
}
.why-faq h3 .lnr {
font-size: 16px;
left: 0;
margin-right: 15px;
position: absolute;
top: -3px;
}
.why-faq > li p {
color: #e3e3e3;
line-height: 25px;
margin-top: 20px;
padding-left: 30px;
}
.why-faq > li {
margin-bottom: 26px;
position: relative;
}
.nec-why-ifo .btn-eye {
margin-top: 30px;
background: #f5f5f5;
color: #3b3b3b;
}
.nec-why-ifo .btn-eye::before {
border-color: #e5e5e5;
}
.nec-why-ifo .btn-eye:hover {
background: #ffe800;
color: #000;
}
.nec-why-ifo .btn-eye:hover::before {
border-color: rgba(255, 255, 255, 0.1);
}
.nec-why-ifo > h2 {
font-size: 30px;
font-weight: 700;
margin: 0 0 40px;
text-transform: uppercase;
}
.nec-why-ifo > span {
display: block;
font-size: 16px;
font-weight: 700;
margin-bottom: 6px;
text-transform: uppercase;
}
.nec-why-thumb {
padding-right: 130px;
padding-top: 80px;
}
.deal-of-day-slider {
position: relative;
}
.deal-of-day {
background: #f4f4f4 none repeat scroll 0 0;
padding: 70px 0 50px;
}
.content-deal-of-day {
background: #fff none repeat scroll 0 0;
border: 1px solid #e5e5e5;
padding: 50px 0;
position: relative;
}
.title-deal-day {
background: #ffe800 none repeat scroll 0 0;
color: #fff;
left: -179px;
margin: 0;
padding: 16px 45px 21px;
position: absolute;
text-transform: uppercase;
top: 243px;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
z-index: 99;
}
.deal-of-day .product-title {
border-bottom: 1px solid #e5e5e5;
font-size: 16px;
font-weight: 700;
margin-bottom: 20px;
padding-bottom: 25px;
}
.deal-of-info > ul {
list-style: outside none none;
margin: 0;
padding: 0;
}
.deal-of-info > ul li {
display: inline-block;
vertical-align: middle;
}
.product-saleoff > strong {
font-size: 30px;
font-weight: 400;
color: #ffe800;
}
.deal-of-day .product-title {
border-bottom: 1px solid #e5e5e5;
font-size: 16px;
font-weight: 700;
margin-bottom: 20px;
padding-bottom: 25px;
}
.deal-of-info > ul {
list-style: outside none none;
margin: 0;
padding: 0;
}
.deal-of-info > ul li {
display: inline-block;
vertical-align: middle;
}
.product-saleoff > strong {
color: #ffe800;
font-size: 30px;
font-weight: 400;
}
.deal-of-info .product-price > strong {
display: block;
margin-bottom: -10px;
}
.product-saleoff {
margin-right: 16px;
}
.deal-of-info .product-price {
margin-bottom: 0;
}
.deal-of-info .product-price strong {
color: #3b3b3b;
}
.deal-of-info .product-extra-link.style2 {
margin-top: 30px;
}
.deal-of-info {
padding-right: 100px;
padding-top: 100px;
}
.dealday-countdown {
position: absolute;
right: -40px;
top: 150px;
width: 80px;
z-index: 999;
}
.dealday-countdown canvas {
display: none;
}
.dealday-countdown .time_circles > div {
background: #ffe800 none repeat scroll 0 0;
border-radius: 50%;
color: #fff;
font-size: 10px;
height: 80px;
left: auto !important;
margin-bottom: 10px;
padding-top: 19px;
position: relative;
text-align: center;
text-transform: uppercase;
top: auto !important;
width: 80px !important;
}
.dealday-countdown .time_circles > div .number {
display: block;
font-size: 16px;
font-weight: 700;
margin-bottom: -5px;
}
.dealday-countdown .time_circles > div::after {
background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;
border-radius: 0 40px 40px 0;
content: "";
height: 80px;
left: 40px;
position: absolute;
top: 0;
width: 40px;
}
.dealday-countdown .time_circles > div span {
position: relative;
z-index: 9;
}
.may-you-like h2 {
font-weight: 700;
margin: 0 0 63px;
text-transform: uppercase;
}
.may-you-slider .item {
padding: 0 15px;
}
.may-you-slider {
margin: 0 -15px;
}
.may-you-like {
padding-top: 15px;
position: relative;
}
.may-you-like::after {
background: #f4f4f4 none repeat scroll 0 0;
content: "";
height: 370px;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.youlike-content {
position: relative;
z-index: 99;
}
.may-you-slider .product-item {
background: #fff none repeat scroll 0 0;
}
.may-you-slider .owl-controls.clickable {
position: absolute;
right: 15px;
top: -98px;
}
.content-from-blog2 > h2 {
font-weight: 700;
margin: 0 0 60px;
text-transform: uppercase;
}
.item-from-blog2 {
display: table;
margin-bottom: 10px;
width: 100%;
}
.item-from-blog2 .post-thumb {
display: table-cell;
width: 200px;
}
.item-from-blog2 .zoom-image > a {
border: 1px solid #e5e5e5;
display: block;
overflow: hidden;
padding: 9px;
width: 200px;
}
.item-from-blog2 .post-info {
background: #f4f4f4 none repeat scroll 0 0;
display: table-cell;
padding: 28px 30px;
vertical-align: top;
}
.from-blog-slider2 .owl-item:nth-child(2n) .item-from-blog2 .post-info {
background: #f4f4f4;
}
.from-blog-slider2 .owl-item:nth-child(2n+1) .item-from-blog2 .post-info {
background: #f9f9f9;
}
.from-blog-slider2 .post-desc {
border-top: 1px solid #e5e5e5;
margin: 17px 0 0;
padding-top: 15px;
}
.from-blog-slider2 .owl-theme .owl-controls {
position: absolute;
right: 0;
top: -95px;
}
.from-blog2 {
margin-bottom: 60px;
margin-top: 35px;
} .main-header3 {
background: #ffe800 none repeat scroll 0 0;
}
.header3 {
position: relative;
}
.main-header3::after {
background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.main-header3 .container {
position: relative;
z-index: 999;
}
.title-tab-home.title-best-seller3 {
position: relative;
}
.logo3 {
left: 15px;
position: absolute;
top: 0;
width: 200px;
z-index: 999;
}
.main-nav.main-nav3 {
margin: 0 0 0 55px;
}
.main-nav.main-nav3 > ul > li > a {
height: 80px;
line-height: 80px;
padding: 0 20px;
}
.search-form.search-form3 {
background: #ffe800 none repeat scroll 0 0;
margin-top: 21px;
}
.search-form.search-form3 > input[type="text"] {
color: #fff;
}
.search-form.search-form3::after {
color: #fff;
content: "";
font-family: linearicons;
}
.header-contact3 {
background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
left: 0;
position: absolute;
text-align: right;
top: 100%;
width: 100%;
padding: 11px 0;
z-index: 9;
}
.inner-header-contact3 > div {
border-right: 1px solid #e5e5e5;
display: inline-block;
margin-right: 7px;
padding-right: 10px;
text-align: left;
}
.inner-header-contact3 > div:last-child {
border: medium none;
margin: 0;
padding: 0;
}
.inner-header-contact3 .language-link {
color: #3b3b3b;
}
.inner-header-contact3 .language-link:hover {
color: #ffe800;
}
.inner-header-contact3 .currency-link {
color: #3b3b3b;
}
.inner-header-contact3 .currency-link:hover {
color: #ffe800;
}
.contact-box > p {
margin: 0;
}
.contact-box > p span.lnr {
color: #ffe800;
font-size: 16px;
margin-right: 10px;
}
.banner-info-content.style1 {
background: rgba(255, 255, 255, 0.96) none repeat scroll 0 0;
position: absolute;
right: 0;
width: 300px;
transition: all 0.5s ease-out 0.3s;
-webkit-transition: all 0.5s ease-out 0.3s;
transform: scale(0);
-webkit-transform: scale(0);
}
.banner-slider3 .owl-item.active .banner-info-content.style1 {
transform: scale(1);
-webkit-transform: scale(1);
}
.banner-info-content.style1 .product-item {
float: left;
margin: 0;
width: 50%;
border-width: 0 1px 1px 0;
border-style: solid;
border-color: #e5e5e5;
}
.banner-info .container {
position: relative;
}
.box-title3 {
margin-bottom: 43px;
position: relative;
text-align: center;
}
.box-title3 > h2 {
font-size: 30px;
font-weight: 700;
margin: 0;
text-transform: initial;
}
.box-title3 h2 span {
background: #fff none repeat scroll 0 0;
display: inline-block;
padding: 0 40px;
position: relative;
z-index: 9;
}
.box-title3::after {
border-bottom: 1px solid #e5e5e5;
border-top: 1px solid #e5e5e5;
content: "";
height: 4px;
left: 0;
position: absolute;
top: 14px;
width: 100%;
}
.banner-slider3 {
margin-bottom: 45px;
}
.item-adv3 {
position: relative;
}
.item-adv3::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
background: rgba(0, 0, 0, 0.3);
transition: all 0.3s ease-out 0s;
-webkit-transition: all 0.3s ease-out 0s;
opacity: 0;
z-index: 9;
}
.item-adv3:hover::before {
opacity: 1;
}
.adv-info3 > h2 {
font-size: 24px;
font-weight: 700;
margin: 8px 0 22px;
}
.item-adv3:hover .adv-default > a::before,
.item-adv3:hover .adv-default > a::after {
transform: scale(1);
-webkit-transform: scale(1);
}
.adv-info3 > span {
text-transform: uppercase;
}
.adv-info3.adv-info-top3 {
margin-top: 0;
top: 50px;
}
.adv-info3.item-info-black3 {
color: #3b3b3b;
}
.adv-info3 .btn-eye.black-eye {
background: #3b3b3b none repeat scroll 0 0;
color: #fff;
}
.adv-info3 .btn-eye.black-eye::before {
border-color: rgba(255, 255, 255, 0.1);
}
.adv-info3 .btn-eye.black-eye:hover {
background: #ffe800;
}
.item-adv3.item-adv-video3::after {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
content: "";
background: url(//instore.bnn.in.th/wp-content/themes/necshop/assets/css/images/home2/icon-play.png) no-repeat center center;
}
.adv-info3 {
color: #fff;
left: 0;
margin-top: -60px;
padding-left: 40px;
position: absolute;
top: 50%;
width: 100%;
z-index: 999;
}
.adv-info3 .readmore {
color: #fff;
font-weight: 700;
text-transform: uppercase;
}
.adv-info3 .readmore:hover {
color: #ffe800;
}
.adv-info3 .readmore::before {
content: "";
display: inline-block;
font-family: linearicons;
font-size: 30px;
font-weight: 400;
margin-right: 10px;
vertical-align: middle;
}
.adv-info3 .btn-eye {
height: 36px;
line-height: 36px;
background: rgba(255, 255, 255, 0.9);
color: #3b3b3b;
}
.adv-info3 .btn-eye:hover {
background: #ffe800;
color: #000;
}
.adv-info3 .btn-eye::before {
border-color: #e5e5e5;
}
.adv-info3:hover .btn-eye::before {
border-color: rgba(255, 255, 255, 0.1);
}
.list-banner-adv3 .item-adv3 {
margin: 0 -5px 20px;
}
.list-banner-adv3 {
margin-bottom: 20px;
padding: 0 5px;
}
.content-best-seller3 > ul {
list-style: outside none none;
margin-bottom: 0;
padding: 0;
}
.content-best-seller3 .wishlist-link > span,
.content-best-seller3 .compare-link > span {
display: none;
}
.content-best-seller3 a.wishlist-link > i,
.content-best-seller3 a.compare-link > i {
margin: 0;
}
.content-best-seller3 a.wishlist-link,
.content-best-seller3 a.compare-link {
width: 55px;
}
.best-seller3 {
background: #f4f4f4 none repeat scroll 0 0;
margin-bottom: 50px;
padding: 60px 0 50px;
}
.best-seller3 .box-title3 h2 span {
background: #f4f4f4 none repeat scroll 0 0;
}
.title-tab-home.title-best-seller3 {
margin-bottom: 50px;
text-align: left;
}
.title-tab-home.title-best-seller3 > ul {
margin: 0 0 0 -5px;
padding: 0;
display: inline-block;
}
.loadmore-item {
margin-top: 20px;
text-align: center;
}
.loadmore-item > a {
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
color: #3b3b3b;
}
.loadmore-item > a:hover {
color: #ffe800;
}
.loadmore-item > a span.lnr {
display: inline-block;
font-size: 30px;
margin-right: 10px;
vertical-align: text-bottom;
transition: all 0.3s ease-out 0s;
-webkit-transition: all 0.3s ease-out 0s;
}
.loadmore-item > a:hover span.lnr {
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
}
.loadmore-item {
margin-top: 20px;
text-align: center;
}
.item-from-blog3 {
position: relative;
height: 260px;
margin-top: 2%;
}
.item-from-blog3 .post-format-date {
left: 0;
top: 0;
}
.item-from-blog3 .post-info {
background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
bottom: 0;
color: #fff;
left: 0;
padding: 30px 40px;
position: absolute;
width: 100%;
}
.from-blog3 {
margin-bottom: 50px;
}
.item-from-blog3 .post-title > a {
color: #fff;
}
.item-from-blog3 .post-title > a:hover {
color: #ffe800;
}
.instagram-box {
background: rgba(0, 0, 0, 0) url(//instore.bnn.in.th/wp-content/themes/necshop/assets/css/images/home3/bg-in.jpg) no-repeat fixed 0 0;
padding: 95px 0;
text-align: center;
}
.list-instagram {
font-size: 0;
margin: auto;
max-width: 450px;
}
.list-instagram a {
display: inline-block;
margin-bottom: 1px;
margin-left: 1px;
position: relative;
width: 70px;
font-size: 13px;
}
.list-instagram a::after {
background: rgba(217, 106, 119, 0.5) none repeat scroll 0 0;
color: #fff;
content: "";
font-family: linearicons;
height: 100%;
left: 0;
line-height: 70px;
position: absolute;
top: 0;
width: 100%;
z-index: 999;
transition: all 0.3s ease-out 0s;
-webkit-transition: all 0.3s ease-out 0s;
transform: scale(0);
-webkit-transform: scale(0);
}
.list-instagram a:hover::after {
transform: scale(1);
-webkit-transform: scale(1);
}
.instagam-title {
color: #fff;
font-size: 16px;
font-weight: 700;
margin: 0 0 25px;
text-transform: uppercase;
}
.item-from-blog3 .post-thumb img {
transition: all 0.3s ease-out 0s;
-webkit-transition: all 0.3s ease-out 0s;
width: 100%;
}
.item-from-blog3:hover .post-thumb img {
transform: scale(1.15);
-webkit-transform: scale(1.15);
}
.item-from-blog3 .post-thumb {
overflow: hidden;
}
.instagam-title {
color: #fff;
font-size: 16px;
font-weight: 700;
margin: 0 0 25px;
text-transform: uppercase;
}
.footer.footer3 {
background: #f4f4f4 none repeat scroll 0 0;
}
.footer.footer3 .footer-box > p {
color: #888;
}
.footer.footer3 .title-footer {
color: #3b3b3b;
}
.footer.footer3 .footer-box a {
color: #888;
}
.footer.footer3 .footer-box .readmore {
color: #ffe800;
}
.footer.footer3 .footer-box .readmore:hover {
color: #3b3b3b;
}
.footer.footer3 .footer-box a:hover {
color: #ffe800;
}
.footer.footer3 .list-footer-box {
border-color: #e5e5e5;
}
.footer.footer3 .social-footer > a {
color: #3b3b3b;
}
.footer.footer3 .social-footer > a:hover {
color: #fff;
background: #ffe800;
}
.footer.footer3 .copyright {
color: #3b3b3b;
}
.footer.footer3 .footer-menu a {
color: #3b3b3b;
}
.footer.footer3 .footer-menu a:hover {
color: #ffe800;
}
.footer.footer3 .newsletter-form > label {
color: #3b3b3b;
}
.footer.footer3 .newsletter-form input[type="text"] {
background: #fff none repeat scroll 0 0;
border: 1px solid #e5e5e5;
}
.footer.footer3 .newsletter-form input[type="submit"] {
background: #3b3b3b none repeat scroll 0 0;
}
.footer.footer3 .newsletter-form input[type="submit"]:hover {
background: #ffe800;
}
.footer.footer3 .back-to-top {
background: url(//instore.bnn.in.th/wp-content/themes/necshop/assets/css/images/home3/back-top3.png) no-repeat center center;
}
.post-blog-info3 {
color: #fff;
list-style: outside none none;
margin: 0;
padding: 0;
}
.post-blog-info3 a {
color: #a1a1a1;
}
.post-blog-info3 a:hover {
color: #ffe800;
}
.post-blog-info3 > li {
border-right: 1px solid #a1a1a1;
display: inline-block;
height: 18px;
line-height: 18px;
margin-right: 7px;
padding-right: 10px;
}
.post-blog-info3 a .lnr {
color: #fff;
margin-right: 10px;
}
.post-blog-info3 > li:last-child {
border: medium none;
margin: 0;
padding: 0;
}
.item-from-blog3 .post-desc {
border-top: 1px solid rgba(255, 255, 255, 0.1);
margin-bottom: 0;
margin-top: 15px;
padding-top: 15px;
}
.mini-cart3 .price-cart-top {
border: medium none;
color: #3b3b3b;
height: auto;
margin: 0 0 0 5px;
padding: 0;
}
.mini-cart3 .mini-cart-number {
background: transparent;
}
.mini-cart3 .price-cart-top span {
color: #ffe800;
margin-left: 5px;
}
.main-nav.main-nav3 > ul > li:hover > a {
opacity: 0.8;
color: #fff;
}
.main-nav.main-nav3 > ul > li.current-menu-item > a {
background: #ffe800 none repeat scroll 0 0;
color: #fff;
}
.main-nav.main-nav3 > ul > li {
margin: 0;
}
.banner-info-content.style2 {
color: #fff;
max-width: 580px;
padding-top: 50px;
text-align: left;
}
.banner-info-content.style2 > h2 {
font-size: 90px;
font-weight: 700;
margin: 0 0 0 -6px;
text-transform: uppercase;
transition: all 0.3s ease-out 0s;
-webkit-transition: all 0.3s ease-out 0s;
transform: translateX(100%);
-webkit-transform: translateX(100%);
opacity: 0;
}
.banner-info-content.style2 > p {
font-size: 18px;
transition: all 0.8s ease-out 0.5s;
-webkit-transition: all 0.8s ease-out 0.5s;
transform: translateX(100%);
-webkit-transform: translateX(100%);
opacity: 0;
}
.banner-info-content.style2 > h3 {
font-size: 60px;
font-weight: 700;
margin: 18px 0 15px;
transition: all 1.3s ease-out 1s;
-webkit-transition: all 1.3s ease-out 1s;
transform: translateX(100%);
-webkit-transform: translateX(100%);
opacity: 0;
}
.banner-info-content.style2 .btn-eye {
transition: all 1.8s ease-out 1.5s;
-webkit-transition: all 1.8s ease-out 1.5s;
transform: translateX(100%);
-webkit-transform: translateX(100%);
opacity: 0;
}
.banner-info-content.style2 h2 span {
background: rgba(246, 64, 63, 0.9) none repeat scroll 0 0;
display: inline-block;
font-size: 30px;
margin-top: -10px;
padding: 15px 20px;
vertical-align: middle;
}
.banner-slider3 .owl-item.active .banner-info-content.style2 > h2,
.banner-slider3 .owl-item.active .banner-info-content.style2 > h3,
.banner-slider3 .owl-item.active .banner-info-content.style2 > p,
.banner-slider3 .owl-item.active .banner-info-content.style2 .btn-eye {
transform: translateX(0px);
-webkit-transform: translateX(0px);
opacity: 1;
} .top-header4 {
padding: 9px 0;
}
.header-intro {
margin: 0;
}
.header-intro .lnr {
color: #ffe800;
font-size: 16px;
margin-right: 10px;
}
.top-info4 {
list-style: outside none none;
margin: 0;
padding: 0;
text-align: right;
}
.top-info4 li {
border-left: 1px solid #e5e5e5;
display: inline-block;
height: 20px;
line-height: 20px;
margin-left: 7px;
padding-left: 10px;
vertical-align: top;
}
.top-info4 li .lnr {
font-size: 16px;
margin-right: 5px;
color: #ffe800;
}
.top-info4 li:first-child {
border: medium none;
margin: 0;
padding: 0;
}
.main-header4 {
background: #ffe800 none repeat scroll 0 0;
padding-top: 32px;
position: relative;
}
.main-header4::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.1);
content: "";
}
.logo4 {
position: relative;
z-index: 99;
}
.smart-search {
background: #ffe800 none repeat scroll 0 0;
border-radius: 4px;
float: right;
margin-right: 10px;
max-width: 420px;
padding: 0 0 0 175px;
position: relative;
width: 100%;
z-index: 999;
}
.select-category {
left: 0;
position: absolute;
top: 0;
width: 175px;
}
.select-category .category-toggle-link {
border-right: 1px solid rgba(255, 255, 255, 0.2);
color: #fff;
display: block;
height: 36px;
line-height: 36px;
padding: 0 20px;
position: relative;
}
.smart-search-form > input[type="text"] {
background: transparent none repeat scroll 0 0;
border: medium none;
color: #fff;
font-style: italic;
height: 36px;
padding: 0 20px;
width: 100%;
}
.smart-search-form {
position: relative;
}
.smart-search-form > input[type="submit"] {
background: transparent none repeat scroll 0 0;
border: medium none;
height: 36px;
position: absolute;
right: 0;
width: 36px;
z-index: 9;
}
.smart-search-form::after {
color: #fff;
content: "";
font-family: linearicons;
font-size: 16px;
height: 36px;
line-height: 36px;
position: absolute;
right: 0;
text-align: center;
top: 0;
width: 36px;
}
.select-category .category-toggle-link::after {
content: "";
font-family: linearicons;
font-size: 10px;
position: absolute;
right: 20px;
top: 0;
}
.list-category-toggle {
background: #f37f8c none repeat scroll 0 0;
border-radius: 4px;
display: none;
list-style: outside none none;
margin: 0;
padding: 10px 20px;
position: absolute;
top: 37px;
width: 200px;
z-index: 9999;
}
.content-category-dropdown > ul {
background: #fff none repeat scroll 0 0;
border: 2px solid #ffe800;
margin: 0 15px;
padding: 0 18px 0 40px;
position: relative;
list-style: none;
}
.content-category-dropdown > ul > li.has-cat-mega .cat-mega-menu {
background: #f9f9f9 none repeat scroll 0 0;
border: 2px solid #ffe800;
margin-right: 50px;
opacity: 0;
position: absolute;
right: 100%;
top: -2px;
transition: all 0.3s ease-out 0s;
-webkit-transition: all 0.3s ease-out 0s;
visibility: hidden;
width: 902px;
}
.content-category-dropdown > ul > li.has-cat-mega:hover .cat-mega-menu {
opacity: 1;
visibility: visible;
margin-right: 0;
}
.content-category-dropdown > ul::before {
background: #f9f9f9 none repeat scroll 0 0;
border-right: 1px solid #e5e5e5;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 40px;
}
.content-category-dropdown > ul > li {
border-bottom: 1px solid #e5e5e5;
padding-left: 20px;
}
.content-category-dropdown > ul > li > a {
display: block;
height: 40px;
line-height: 40px;
position: relative;
text-transform: uppercase;
}
.content-category-dropdown > ul > li.has-cat-mega > a::before {
content: "";
font-family: linearicons;
height: 100%;
left: -60px;
position: absolute;
text-align: center;
width: 40px;
}
.content-category-dropdown > ul > li.has-cat-mega.active > a::before {
background: #ffe800;
color: #fff;
}
.cat-mega-slider > h2 {
font-weight: 700;
margin: 0 0 23px;
text-transform: uppercase;
}
.list-category-toggle a {
color: #fff;
display: block;
padding: 5px 0;
text-transform: capitalize;
}
.list-category-toggle > li {
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.list-category-toggle > li:last-child {
border: medium none;
}
.mini-cart-box.mini-cart4 {
display: block;
margin: 0 0 0 -30px;
}
.mini-cart4 .mini-cart-header {
background: #fff none repeat scroll 0 0;
border-radius: 4px;
height: 36px;
line-height: 36px;
padding: 0 15px;
}
.mini-cart4 .price-cart-top {
border: medium none;
margin-left: 7px;
padding: 0;
color: #3b3b3b;
}
.mini-cart4 .price-cart-top span {
color: #ffe800;
margin: 0 5px;
}
.cat-mega-slider .product-item {
border: medium none;
margin: 0;
}
.cat-mega-slider .product-item .product-thumb {
margin: 0;
padding: 0;
}
.cat-mega-slider .item {
padding: 0 15px;
}
.cat-mega-slider .wrap-item {
margin: 0 -15px;
overflow: hidden;
}
.cat-mega-slider .product-item .product-info {
padding-top: 20px;
text-align: left;
}
.cat-mega-slider .product-item .product-info .product-title {
margin: 0;
}
.cat-mega-slider {
padding: 25px 0 0 35px;
}
.cat-mega-slider .owl-controls {
position: absolute;
right: 10px;
top: -48px;
}
.cat-mega-menu .zoom-image {
margin: 0 -35px 0 0;
}
.content-category-dropdown {
opacity: 0;
position: absolute;
right: 0;
top: 100%;
width: 100%;
visibility: hidden;
transition: all 0.3s ease-out 0s;
-webkit-transition: all 0.3s ease-out 0s;
}
.category-dropdown:hover .content-category-dropdown {
opacity: 1;
visibility: visible;
}
.main-nav.main-nav4 > ul > li > a {
color: #3b3b3b;
font-size: 13px;
height: 50px;
line-height: 52px;
}
.main-nav.main-nav4 > ul > li:hover > a {
color: #ffe800;
}
.main-nav.main-nav4 {
margin: 0;
padding-left: 25px;
}
.main-nav.main-nav4 > ul > li {
margin-right: 30px;
}
.main-header-top4 {
margin-bottom: 27px;
}
.header-nav4 {
background: #fff none repeat scroll 0 0;
position: relative;
z-index: 99;
}
.category-dropdown-link {
background: #f9f9f9 url(//instore.bnn.in.th/wp-content/themes/necshop/assets/css/images/home4/cat-icon.png) no-repeat scroll left 20px center;
border-left: 1px solid #e5e5e5;
display: block;
font-weight: 700;
height: 50px;
line-height: 52px;
padding-left: 50px;
position: relative;
text-transform: uppercase;
}
.category-dropdown .category-dropdown-link {
color: #3b3b3b;
transition: all 0.3s ease-out 0s;
-webkit-transition: all 0.3s ease-out 0s;
}
.category-dropdown:hover .category-dropdown-link {
color: #fff;
background: #ffe800 url(//instore.bnn.in.th/wp-content/themes/necshop/assets/css/images/home4/cat-icon-hover.png) no-repeat scroll left 20px center;
border-left: 1px solid #ffe800;
}
.item-banner4 .banner-info > h2 {
color: #fff;
font-size: 90px;
font-weight: 700;
margin: 0;
text-transform: uppercase;
transition: all 0.8s ease-out 0.5s;
-webkit-transition: all 0.8s ease-out 0.5s;
opacity: 0;
transform: translateY(500px);
-webkittransform: translateY(500px);
}
.item-banner4 .banner-info > h3 {
color: #fff;
font-size: 60px;
font-weight: 700;
margin: -10px 0 6px;
text-transform: uppercase;
transition: all 1.3s ease-out 1s;
-webkit-transition: all 1.3s ease-out 1s;
opacity: 0;
transform: translateY(500px);
-webkittransform: translateY(500px);
}
.btn-eye.btn-eye4 {
background: #fff none repeat scroll 0 0;
border: 1px solid #e5e5e5;
color: #3b3b3b;
transition: all 1.8s ease-out 1.5s;
-webkit-transition: all 1.8s ease-out 1.5s;
opacity: 0;
transform: translateY(500px);
-webkittransform: translateY(500px);
}
.btn-eye.btn-eye4:hover {
background: #ffe800 none repeat scroll 0 0;
border: 1px solid #ffe800;
color: #fff;
}
.btn-eye.btn-eye4::before {
border-color: #e5e5e5;
}
.btn-eye.btn-eye4:hover::before {
border-color: rgba(255, 255, 255, 0.1);
}
.banner-slider4 .owl-item.active .item-banner4 .banner-info h2,
.banner-slider4 .owl-item.active .item-banner4 .banner-info h3,
.banner-slider4 .owl-item.active .item-banner4 .banner-info .btn-eye.btn-eye4 {
opacity: 1;
transform: translateY(0);
-webkittransform: translateY(0);
}
.item-banner4 .banner-info {
margin-top: -110px;
}
.banner-slider4.directnav-slider .owl-theme .owl-controls .owl-buttons div {
font-size: 18px;
height: 60px;
line-height: 60px;
margin: -30px 0 0;
width: 60px;
}
.banner-slider4.directnav-slider .owl-theme .owl-controls .owl-buttons div span.lnr {
display: block;
height: 60px;
line-height: 60px;
}
.content-category-dropdown > ul > li.active > a {
color: #ffe800;
}
.item-adv4 {
border: 1px solid #e5e5e5;
margin: 0 2px;
position: relative;
text-align: center;
}
.adv-slider4 {
margin: 50px -2px 0;
}
.item-adv4 .btn-eye.btn-eye4 {
left: 0;
margin: -40px auto auto;
position: absolute;
right: 0;
top: 50%;
width: 150px;
z-index: 99;
transform: rotate(0) scale(0);
-webkit-transform: rotate(0) scale(0);
transition: all 0.3s ease-out 0s;
-webkit-transition: all 0.3s ease-out 0s;
opacity: 0;
}
.item-adv4 .product-thumb::after {
background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
transform: rotate(0) scale(0);
-webkit-transform: rotate(0) scale(0);
transition: all 0.3s ease-out 0s;
-webkit-transition: all 0.3s ease-out 0s;
opacity: 0;
}
.item-adv4 .product-info {
background: #fff none repeat scroll 0 0;
bottom: 0;
left: 0;
padding: 14px 0 2px;
position: absolute;
width: 100%;
transition: all 0.3s ease-out 0s;
-webkit-transition: all 0.3s ease-out 0s;
}
.item-adv4 .product-thumb {
margin: 0;
}
.item-adv4:hover .product-thumb::after {
transform: rotate(360deg) scale(1);
-webkit-transform: rotate(360deg) scale(1);
opacity: 1;
}
.item-adv4:hover .btn-eye.btn-eye4 {
transform: rotate(360deg) scale(1);
-webkit-transform: rotate(360deg) scale(1);
opacity: 1;
}
.item-adv4:hover .product-info {
background: #fafafa;
}
.adv-slider4 .owl-theme .owl-controls .owl-buttons div {
background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
display: block;
height: 40px;
line-height: 40px;
text-align: center;
width: 40px;
position: absolute;
top: 50%;
margin-top: -20px;
opacity: 0;
}
.adv-slider4 .owl-theme .owl-controls .owl-buttons div:hover {
background: #ffe800;
}
.adv-slider4 .owl-theme:hover .owl-controls .owl-buttons div {
opacity: 1;
}
.adv-slider4 .owl-theme .owl-controls .owl-buttons div.owl-prev {
left: 0px;
}
.adv-slider4 .owl-theme .owl-controls .owl-buttons div.owl-next {
right: 0px;
}
.adv-slider4 .owl-theme:hover .owl-controls .owl-buttons div.owl-prev {
left: -15px;
}
.adv-slider4 .owl-theme:hover .owl-controls .owl-buttons div.owl-next {
right: -15px;
}
.title4 {
font-size: 30px;
font-weight: 700;
margin: 0 0 23px;
text-transform: uppercase;
}
.best-access {
margin-top: 45px;
}
.product-item4 {
border: 1px solid #e5e5e5;
text-align: center;
}
.bestlase-slider4 {
margin-left: -20px;
margin-right: -20px;
margin-top: 56px;
}
.product-item4 .product-rating {
margin: auto;
}
.product-item4 .product-thumb {
border-bottom: 1px solid #e5e5e5;
}
.bestlase-slider4 .item {
padding: 0 10px;
}
.product-item4 .product-info {
padding-bottom: 18px;
}
.product-more-link4 {
font-size: 0;
left: 0;
margin: -41px auto auto;
max-width: 85px;
position: absolute;
right: 0;
top: 50%;
width: 100%;
z-index: 99;
}
.product-more-link4 a {
background: #3b3b3b none repeat scroll 0 0;
color: #fff!important;
display: inline-block;
font-size: 13px;
height: 40px;
line-height: 40px;
margin-bottom: 1px;
margin-left: 1px;
width: 40px;
transition: all 0.3s ease-out 0s;
-webkit-transition: all 0.3s ease-out 0s;
transform: scale(0) rotate(0deg);
-webkit-transform: scale(0) rotate(0deg);
opacity: 0;
}
.product-item4 .product-thumb-link::after {
background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
transition: all 0.3s ease-out 0s;
-webkit-transition: all 0.3s ease-out 0s;
transform: scale(0) rotate(0deg);
-webkit-transform: scale(0) rotate(0deg);
opacity: 0;
}
.product-item4:hover .product-thumb-link::after {
transform: scale(1) rotate(360deg);
-webkit-transform: scale(1) rotate(360deg);
opacity: 1;
}
.product-item4:hover .product-more-link4 a {
transform: scale(1) rotate(360deg);
-webkit-transform: scale(1) rotate(360deg);
opacity: 1;
}
.product-item4:hover .product-title a {
color: #ffe800;
}
.product-item4 .product-more-link4 a:hover {
background: #ffe800;
}
.video-best-sale {
position: relative;
}
.video-best-info {
background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
bottom: 0;
left: 0;
padding: 12px 15px 10px 80px;
position: absolute;
width: 100%;
}
.video-best-info > h3 {
color: #fff;
font-size: 16px;
margin: 0;
text-transform: uppercase;
}
.video-best-info > p {
color: #ccc;
line-height: 20px;
margin: 0;
}
.video-best-info::before {
background: #ffe800 none repeat scroll 0 0;
color: #fff;
content: "";
font-family: linearicons;
font-size: 30px;
height: 60px;
left: 0;
line-height: 60px;
position: absolute;
text-align: center;
top: 0;
width: 60px;
}
.bestlase-slider4 .owl-theme .owl-controls .owl-buttons div {
background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
font-size: 10px;
height: 24px;
line-height: 24px;
margin-left: 1px;
opacity: 1;
width: 24px;
}
.bestlase-slider4 .owl-theme .owl-controls .owl-buttons div .lnr {
line-height: 24px;
}
.bestlase-slider4 .owl-theme .owl-controls .owl-buttons div:hover {
background: #ffe800;
}
.bestlase-slider4 .owl-theme .owl-controls {
position: absolute;
right: 12px;
top: -54px;
}
.access4 > ul {
border: 1px solid #e5e5e5;
list-style: outside none none;
margin: 0;
padding: 0;
}
.access4 li {
border-bottom: 1px solid #e5e5e5;
display: table;
padding: 19px 0;
width: 100%;
}
.access4 li:last-child {
border: medium none;
}
.access-thumb {
display: table-cell;
text-align: center;
vertical-align: middle;
width: 108px;
}
.access-info {
display: table-cell;
vertical-align: middle;
}
.access-info > h3 {
font-size: 16px;
margin: 0;
text-transform: uppercase;
}
.access-info > span {
color: #888;
}
.access4 > ul {
border: 1px solid #e5e5e5;
list-style: outside none none;
margin: 0;
padding: 0;
}
.access4 li {
border-bottom: 1px solid #e5e5e5;
display: table;
padding: 19px 0;
width: 100%;
}
.access4 li:last-child {
border: medium none;
}
.access-thumb {
display: table-cell;
text-align: center;
vertical-align: middle;
width: 108px;
}
.access-info {
display: table-cell;
vertical-align: middle;
}
.access-info > h3 {
font-size: 16px;
margin: 0;
text-transform: uppercase;
}
.access-info > span {
color: #888;
}
.lage-adv4 {
margin-top: 50px;
margin-bottom: 45px;
}
.product-item4 .product-thumb-link {
padding: 10px;
}
.tab-cat4 {
margin-bottom: 45px;
}
.tab-cat-header4 > label {
display: inline-block;
font-size: 30px;
line-height: 30px;
margin: 0 0 13px;
text-transform: uppercase;
}
.tab-cat-header4 > ul {
display: inline-block;
list-style: outside none none;
margin: 0;
padding: 0;
}
.tab-cat-header4 li {
display: inline-block;
margin-left: 40px;
}
.tab-cat-header4 li.active a {
color: #ffe800;
}
.tab-cat-header4 a {
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
}
.tab-cat-header4 {
padding-bottom: 14px;
}
.tab-cat-adv4 {
margin-bottom: 20px;
overflow: hidden;
position: relative;
}
.tab-cat-slider4 .item {
padding: 0 10px;
}
.tab-cat-slider4 {
margin: 0 -10px;
}
.tab-cat-slider4 .owl-theme .owl-controls {
position: absolute;
right: 10px;
top: -143px;
}
.tab-cat-slider4 .owl-theme .owl-controls .owl-buttons div {
background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
font-size: 10px;
height: 24px;
line-height: 24px;
margin-left: 1px;
opacity: 1;
width: 24px;
}
.tab-cat-slider4 .owl-theme .owl-controls .owl-buttons div span.lnr {
display: block;
height: 24px;
line-height: 24px;
}
.tab-cat-slider4 .owl-theme .owl-controls .owl-buttons div:hover {
background: #ffe800;
}
.tab-cat-adv4 a::before {
background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 0;
transition: all 0.3s ease-out 0s;
-webkit-transition: all 0.3s ease-out 0s;
}
.tab-cat-adv4 a {
display: block;
position: relative;
}
.tab-cat-adv4 a::after {
background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;
content: "";
height: 100%;
bottom: 0;
position: absolute;
right: 0;
width: 0;
transition: all 0.3s ease-out 0s;
-webkit-transition: all 0.3s ease-out 0s;
}
.tab-cat-adv4 a:hover::before,
.tab-cat-adv4 a:hover::after {
width: 100%;
}
.top-save-accor img {
width: 100%;
transition: all 0.3s ease-out 0s;
-webkit-transition: all 0.3s ease-out 0s;
}
.top-save-accor li:hover img {
transform: scale(1.15);
}
.top-save-accor h2 {
cursor: pointer;
font-size: 16px;
font-weight: 100;
margin: 0;
padding: 14px 0 13px;
text-transform: uppercase;
}
.top-save-accor li.active h2 {
padding: 13px 0 10px;
-webkit-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.top-save-accor {
background: #f4f4f4 none repeat scroll 0 0;
list-style: outside none none;
margin: 0;
padding: 0;
}
.top-save-accor h2 span {
background: #ffe800 none repeat scroll 0 0;
color: #fff;
display: inline-block;
font-weight: 700;
height: 20px;
line-height: 22px;
margin: 0 10px 0 20px;
text-align: center;
width: 20px;
}
.top-save-accor a {
display: block;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
height: 0;
opacity: 0;
}
.top-save-accor li.active a {
-webkit-transform: scale(1);
transform: scale(1);
height: auto;
opacity: 1;
}
.top-save-accor li.active h2 {
background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
bottom: 0;
color: #fff;
left: 0;
padding-left: 55px;
position: absolute;
width: 100%;
z-index: 999;
}
.top-save-accor > li {
position: relative;
overflow: hidden;
}
.top-save-accor li.active h2 span {
font-size: 30px;
height: 100%;
left: 0;
line-height: 44px;
margin: 0;
position: absolute;
top: 0;
width: 40px;
} .main-header5 {
background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
position: relative;
width: 100%;
z-index: 999;
}
.logo5 {
left: 50%;
margin-left: -87px;
position: absolute;
top: -40px;
width: 174px;
z-index: 999;
transition: all 0.3s ease-out 0s;
-webkit-transition: all 0.3s ease-out 0s;
}
.nav-fixed .logo5 {
margin-left: -40px;
width: 80px;
top: 0;
}
.nav-fixed .mini-cart-box.mini-cart4.mini-cart5 {
margin-top: 13px;
}
.nav-fixed .main-nav.main-nav5 > ul > li > a {
height: 60px;
line-height: 60px;
}
.main-nav.main-nav5 > ul > li > a {
font-size: 13px;
height: 100px;
line-height: 100px;
}
.main-nav.main-nav5 {
margin: 0;
}
.main-nav.main-nav5 li {
margin-right: 31px;
}
.banner-slider5.owl-paginav {
float: left;
margin-top: -100px;
width: 100%;
}
.mini-cart-box.mini-cart4.mini-cart5 {
float: right;
margin-top: 32px;
max-width: 200px;
width: 100%;
transition: all 0.3s ease-out 0s;
-webkit-transition: all 0.3s ease-out 0s;
}
.mini-cart4 .mini-cart-header::after {
display: none;
}
.item-banner5 .banner-info {
color: #fff;
text-transform: uppercase;
}
.info-skew h3 {
font-size: 30px;
font-weight: 700;
margin: 0;
}
.info-skew h2 {
font-size: 90px;
font-weight: 700;
margin: 10px 0 5px;
opacity: 0.7;
}
.info-skew h4 {
font-size: 18px;
font-weight: 700;
margin: 0;
}
.info-skew.top {
margin: auto;
max-width: 455px;
padding-right: 130px;
text-align: right;
}
.info-skew.bottom {
margin: auto;
max-width: 400px;
padding-left: 130px;
text-align: left;
}
.item-banner5 .banner-info {
margin-top: -60px;
}
.info-skew.top > h4 {
margin-right: 20px;
}
.info-skew.bottom > h4 {
margin-left: 20px;
}
.item-banner5 .banner-info::before {
background: #fff none repeat scroll 0 0;
content: "";
height: 170px;
left: 50%;
margin-left: 135px;
margin-top: -195px;
position: absolute;
top: 50%;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
width: 2px;
}
.item-banner5 .banner-info::after {
background: #fff none repeat scroll 0 0;
content: "";
height: 170px;
left: 50%;
margin-left: -105px;
margin-top: 20px;
position: absolute;
top: 50%;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
width: 2px;
}
.banner-slider5 .owl-theme .owl-controls .owl-page {
padding: 5px 0;
}
.banner-slider5 .owl-theme .owl-controls .owl-page span {
background: #999 none repeat scroll 0 0;
border-radius: 0;
height: 2px;
margin: 0 3px;
width: 185px;
border: none;
}
.banner-slider5 .owl-theme .owl-controls .owl-page span::before {
display: none;
}
.banner-slider5 .owl-theme .owl-controls .owl-page.active span {
background: #ffe800;
height: 4px;
}
.banner-slider5 .owl-theme .owl-controls {
margin: 30px 0 60px;
}
.box-special-slider .owl-carousel .owl-wrapper-outer {
z-index: 9999;
}
.product-box-special {
background: #f4f4f4 none repeat scroll 0 0;
margin-bottom: 70px;
position: relative;
}
.special-intro-thumb.left {
margin-right: -30px;
}
.special-intro-thumb.right {
margin-left: -30px;
}
.special-intro-info {
padding: 100px 20px 0 70px;
text-transform: uppercase;
}
.special-intro-info > h3 {
color: #ffe800;
font-size: 30px;
font-weight: 700;
margin: 0;
}
.special-intro-info > p {
font-size: 18px;
font-weight: 700;
margin: 30px 0 24px;
padding-left: 40px;
position: relative;
}
.special-intro-info > h2 {
font-size: 60px;
font-weight: 700;
line-height: 62px;
margin: 0;
}
.special-intro-info > p::before {
background: #ffe800 none repeat scroll 0 0;
content: "";
height: 60px;
left: 25px;
position: absolute;
top: -25px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
width: 2px;
transition: all 0.3s ease-out 0s;
-webkit-transition: all 0.3s ease-out 0s;
}
.special-intro-info:hover > p::before {
height: 200px;
left: -25px;
top: -45px;
}
.box-speial-content {
padding: 100px;
}
.special-product-info {
border: 1px solid #ffe800;
padding: 50px 50px 40px;
margin-right: -100px;
position: relative;
z-index: 999;
}
.product-detail-extra-link a .fa {
margin-right: 10px;
}
.special-product-info .product-extra-link.style2 {
margin: 30px 0 25px;
}
.special-product-gallery {
margin-left: 20px;
margin-top: 50px;
}
selectorSavingError {
margin: 0;
}
.special-product-gallery .detail-gallery {
background: transparent none repeat scroll 0 0;
margin: 0;
}
.special-product-gallery .wrap-gallery-thumb {
right: 0;
top: 0;
}
.special-product-gallery .gallery-slider {
border: medium none;
padding-right: 80px;
}
.special-product-gallery .gallery-thumb a {
border: medium none;
position: relative;
}
.special-product-gallery .gallery-thumb li {
height: 80px!important;
width: 70px!important;
}
.special-product-gallery .gallery-thumb a:hover::after {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border: 1px solid #e5e5e5;
content: "";
}
.special-product-gallery .gallery-thumb li.active a:hover::before {
border: none;
}
.special-product-gallery .gallery-thumb li.active a::before {
line-height: 70px;
}
.special-product-gallery .gallery-image a {
display: block;
overflow: hidden;
position: relative;
}
.special-product-gallery .gallery-image a img {
width: 100%;
transition: all 0.3s ease-out 0s;
-webkit-transition: all 0.3s ease-out 0s;
}
.special-product-gallery .gallery-image:hover img {
transform: scale(1.15);
-webkit-transform: scale(1.15);
}
.special-product-gallery .gallery-control a {
background: transparent none repeat scroll 0 0;
color: #3b3b3b;
background: #fff!important;
position: relative;
overflow: hidden;
margin: 0 1px;
}
.special-product-gallery .gallery-control a::after {
background: #ffe800 none repeat scroll 0 0;
bottom: 0;
font-family: linearicons;
left: 0;
position: absolute;
right: 0;
top: 0;
color: #fff;
transition: all 0.3s ease-out 0s;
-webkit-transition: all 0.3s ease-out 0s;
}
.special-product-gallery .gallery-control a.prev::after {
content: "\e878";
transform: translateY(-100%);
-webkit-transform: translateY(-100%);
}
.special-product-gallery .gallery-control a.next::after {
content: "\e877";
transform: translateY(100%);
-webkit-transform: translateY(100%);
}
.special-product-gallery .gallery-control a span {
display: block;
height: 40px;
line-height: 40px;
transition: all 0.3s ease-out 0s;
-webkit-transition: all 0.3s ease-out 0s;
}
.special-product-gallery .gallery-control a {
width: 30px;
}
.special-product-gallery .gallery-control a.prev:hover span {
transform: translateY(100%);
-webkit-transform: translateY(100%);
}
.special-product-gallery .gallery-control a.prev:hover::after {
transform: translateY(0);
-webkit-transform: translateY(0);
}
.special-product-gallery .gallery-control a.next:hover span {
transform: translateY(-100%);
-webkit-transform: translateY(-100%);
}
.special-product-gallery .gallery-control a.next:hover::after {
transform: translateY(0);
-webkit-transform: translateY(0);
}
.special-product-gallery .gallery-control {
text-align: center;
}
.box-special-slider .owl-controls {
bottom: 60px;
left: 25%;
margin-left: -40px;
position: absolute;
z-index: 9999;
}
.box-speial-content > .btn-eye {
bottom: 80px;
left: 100px;
position: absolute;
z-index: 9999;
}
.box-speial-content .btn-eye:hover {
background: #3b3b3b;
}
.item-special-product .product-title > a {
color: #ffe800;
}
.special-product-gallery .gallery-slider::before {
background: #ffe800 none repeat scroll 0 0;
content: "";
height: 80px;
left: 0;
position: absolute;
top: -40px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
width: 1px;
transition: all 0.3s ease-out 0s;
-webkit-transition: all 0.3s ease-out 0s;
}
.item-special-product:hover .special-product-gallery .gallery-slider::before {
height: 200px;
left: -45px;
top: -57px;
}
.top-deals-special {
width: 270px;
}
.top-deals-special .time_circles canvas {
display: none;
}
.top-deals-special .time_circles > div {
background: #000 none repeat scroll 0 0;
border-radius: 50%;
box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
color: #fff;
display: inline-block;
height: 53px;
margin: 5px;
text-align: center;
width: 53px !important;
}
.top-deals-special {
margin-left: 5px;
}
.top-deals-special .time_circles > div .number {
display: block;
font-size: 16px;
font-weight: 700;
margin: 8px 0 -6px;
}
.top-deals-special .time_circles > div .text {
display: block;
font-size: 10px;
text-transform: lowercase;
} .header6 {
position: relative;
}
.main-header6 {
padding: 20px 0;
}
.header-nav6 {
background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
border-top: 2px solid #ffe800;
left: 0;
position: absolute;
top: 100%;
width: 100%;
z-index: 99;
}
.search-form.search-form6 {
margin: 0 -30px 0 30px;
padding: 0;
}
.search-form.search-form6::after {
content: "";
font-family: linearicons;
height: 46px;
left: 0;
line-height: 46px;
right: auto;
width: 46px;
}
.search-form.search-form6 input[type="text"] {
border: 1px solid #e5e5e5;
border-radius: 4px;
color: #999;
font-style: normal;
height: 46px;
padding: 0 15px 0 40px;
}
.search-form.search-form6 input[type="submit"] {
background: #ffe800 none repeat scroll 0 0;
color: #fff;
height: 46px;
text-transform: uppercase;
width: 100px;
}
.header-link6 {
font-size: 0;
text-align: right;
}
.header-link6 > a {
display: inline-block;
font-size: 13px;
margin-left: 40px;
text-align: center;
}
.header-link6 > a .lnr {
color: #ffe800;
display: block;
font-size: 16px;
margin: 5px;
}
.header-link6 > a:first-child {
margin: 0;
}
.main-nav.main-nav6 > ul > li > a {
color: #3b3b3b;
font-size: 13px;
height: 50px;
line-height: 50px;
}
.main-nav.main-nav6 > ul > li:hover > a::before {
content: "";
width: 100%;
height: 2px;
background: #ffe800;
position: absolute;
top: 100%;
left: 0;
margin-top: -2px;
}
.main-nav.main-nav6 > ul > li:hover > a {
color: #ffe800;
}
.main-nav.main-nav6 > ul > li {
margin-right: 30px;
}
.main-nav.main-nav6 {
margin-left: 0;
}
.mini-cart-box.mini-cart6 {
float: right;
}
.mini-cart6 .mini-cart-link {
background: #ffe800 none repeat scroll 0 0;
border-radius: 4px;
color: #fff;
height: 36px;
line-height: 36px;
margin: 7px 0 -3px;
width: 100px;
}
.mini-cart6 .mini-cart-link .mini-cart-icon {
color: #fff;
display: inline-block;
margin: 0 10px;
vertical-align: middle;
}
.mini-cart6 .mini-cart-link .mini-cart-number {
background: transparent none repeat scroll 0 0;
color: #fff;
display: inline-block;
font-size: 13px;
height: auto;
line-height: inherit;
position: static;
width: auto;
}
.banner-slider6 .caption-slider {
left: 0;
opacity: 0;
position: absolute;
top: 0;
visibility: hidden;
}
.title-box6 {
margin: 0 auto 45px;
max-width: 570px;
text-align: center;
}
.title-box6 > h2 {
margin: 0 0 65px;
position: relative;
text-transform: uppercase;
}
.title-box6 > h2::after {
background: #ffe800 none repeat scroll 0 0;
content: "";
height: 30px;
left: 50%;
margin-top: 15px;
position: absolute;
top: 100%;
width: 1px;
}
.title-box6 > p {
color: #999;
margin: 0;
}
.service6 {
margin-top: -25px;
}
.item-service6 {
text-align: center;
vertical-align: top;
padding: 0 15px;
}
.item-service6 > h3 {
font-size: 16px;
font-weight: 700;
margin: 0 0 20px;
text-transform: uppercase;
}
.service-icon {
display: block;
font-size: 30px;
margin-bottom: 10px;
}
.banner-slider6 .flexslider {
background: transparent none repeat scroll 0 0;
border: medium none;
border-radius: 0;
margin: 0;
}
.banner-control {
bottom: 0;
left: 0;
position: absolute;
width: 100%;
}
.banner-slider6 {
margin-bottom: 95px;
position: relative;
}
.inner-banner-control {
background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
padding: 10px 40px 10px 360px;
position: relative;
}
.banner-control-text {
color: #fff;
font-size: 16px;
left: 0;
margin: 0;
padding: 22px 0 0 35px;
position: absolute;
text-transform: uppercase;
top: 0;
width: 320px;
}
.banner-slider6 .flex-direction-nav a::before {
display: none;
}
.banner-slider6 .flex-direction-nav a {
color: #fff;
cursor: pointer;
display: block;
font-size: 16px;
height: auto;
margin: -11px 0 0;
opacity: 1!important;
overflow: visible;
position: absolute;
text-decoration: none;
text-shadow: none;
top: 50%;
transition: all 0.3s ease-in-out 0s;
width: auto;
z-index: 10;
}
.banner-slider6 .flex-direction-nav a:hover {
color: #ffe800;
}
.banner-slider6 .flex-direction-nav .flex-prev {
left: -22px !important;
}
.banner-slider6 .flex-direction-nav .flex-next {
right: -22px !important;
}
.banner-slider6 .flexslider a {
display: block;
}
.banner-slider6 .banner-control .flexslider .flex-active-slide a {
position: relative;
}
.banner-slider6 .banner-control .flexslider .flex-active-slide a::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
border: 3px solid #ffe800;
z-index: 999;
}
.new-arrival6 {
background: #f9f9f9 none repeat scroll 0 0;
padding: 95px 0 77px;
}
.say-hello6 {
margin-bottom: 85px;
}
.new-arrival-slider6 .item {
padding: 0 15px;
}
.new-arrival-slider6 {
margin: 0 -15px;
}
.item-product6 .sale-label {
color: #fff;
display: block;
font-weight: 400;
margin: 0;
position: absolute;
right: -30px;
text-align: center;
text-transform: lowercase;
top: 20px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
width: 120px;
background: #fe001e;
background: -webkit-linear-gradient(left, #bd0d20, #fe001e);
background: -o-linear-gradient(right, #bd0d20, #fe001e);
background: -moz-linear-gradient(right, #bd0d20, #fe001e);
background: linear-gradient(to right, #bd0d20, #fe001e);
}
.item-product6 .product-thumb-link::after {
background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
transition: all 0.3s ease-out 0s;
-webkit-transition: all 0.3s ease-out 0s;
opacity: 0;
transform: scale(0);
-webkit-transform: scale(0);
}
.item-product6 .qickview-link {
background: #fff none repeat scroll 0 0;
border-radius: 4px;
bottom: 0;
display: block;
height: 40px;
left: 0;
line-height: 40px;
margin: auto;
position: absolute;
right: 0;
text-align: center;
top: 0;
width: 40px;
z-index: 99;
color: #ffe800;
transition: all 0.3s ease-out 0s;
-webkit-transition: all 0.3s ease-out 0s;
opacity: 0;
transform: scale(0);
-webkit-transform: scale(0);
}
.item-product6:hover .qickview-link {
opacity: 1;
transform: scale(1);
-webkit-transform: scale(1);
}
.item-product6:hover .qickview-link:hover {
background: #ffe800;
color: #fff;
}
.item-product6:hover .product-thumb-link::after {
opacity: 1;
transform: scale(1);
-webkit-transform: scale(1);
}
.item-product6 {
background: #fff none repeat scroll 0 0;
position: relative;
}
.item-product6::after {
position: absolute;
top: 100%;
left: 0;
content: "";
width: 100%;
height: 0px;
background: #ccc;
z-index: 9;
transition: all 0.3s ease-out 0s;
-webkit-transition: all 0.3s ease-out 0s;
}
.item-product6:hover::after {
height: 2px;
}
.item-product6 .product-thumb {
border-bottom: 1px solid #f9f9f9;
margin: 0;
}
.new-arrival-slider6 .owl-carousel .owl-wrapper-outer {
padding-bottom: 2px;
}
.item-product6 .product-info {
padding: 28px 20px;
}
.cart-price6 {
border-top: 1px solid #f9f9f9;
display: table;
padding: 10px 20px;
width: 100%;
}
.cart-price6 .product-price {
display: table-cell;
margin: 0;
}
.cart-price6 .product-add-cart {
display: table-cell;
text-align: right;
}
.cart-price6 .product-add-cart .addcart-link i {
margin-right: 10px;
}
.item-product6:hover .product-title a,
.item-product6:hover .product-add-cart .addcart-link {
color: #ffe800;
}
.featured-product6 {
background: rgba(0, 0, 0, 0) url(//instore.bnn.in.th/wp-content/themes/necshop/assets/css/images/home6/bg-fea.jpg) no-repeat fixed top center;
margin-bottom: 95px;
padding: 95px 0;
}
.intro-featured6 {
color: #fff;
max-width: 370px;
}
.intro-featured6 > h2 {
margin: 0 0 43px;
text-transform: uppercase;
}
.intro-featured6 > ul {
list-style: outside none none;
margin: 0;
padding: 0;
}
.intro-featured6 li {
display: table;
width: 100%;
margin-bottom: 30px;
}
.intro-featured6 li .fea-thumb {
display: table-cell;
padding-top: 5px;
vertical-align: top;
width: 45px;
}
.intro-featured6 li .fea-info {
display: table-cell;
vertical-align: top;
color: #ccc;
}
.intro-featured6 .btn-eye::before {
border-right: 1px solid #e5e5e5;
}
.intro-featured6 .btn-eye {
background: #fff none repeat scroll 0 0;
color: #3b3b3b;
}
.intro-featured6 .btn-eye:hover::before {
border-right: 1px solid rgba(255, 255, 255, 0.1);
}
.intro-featured6 .btn-eye:hover {
background: #ffe800 none repeat scroll 0 0;
color: #fff;
}
.item-pop-cat6 {
margin: 0 -15px;
position: relative;
overflow: hidden;
}
.list-pop-cat6 {
padding: 0 15px;
}
.cat-content {
height: 100%;
left: 0;
padding: 10%;
position: absolute;
top: 0;
width: 100%;
}
.inner-cat-content {
background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;
border: 1px solid rgba(255, 255, 255, 0.2);
height: 100%;
padding-top: 10%;
position: relative;
text-align: center;
width: 100%;
}
.inner-cat-content .cat-title {
font-size: 30px;
font-weight: 700;
margin: 0;
text-transform: uppercase;
}
.inner-cat-content .cat-title a {
color: #fff;
}
.inner-cat-content .cat-title a:hover {
color: #ffe800;
}
.cat-info {
bottom: 10%;
left: 0;
position: absolute;
width: 100%;
}
.inner-cat-content .product-title {
font-size: 16px;
font-weight: 700;
margin-bottom: 5px;
}
.inner-cat-content .product-title a {
color: #fff;
}
.inner-cat-content .product-title a:hover {
color: #ffe800;
}
.inner-cat-content .product-price {
margin-bottom: 12px;
}
.inner-cat-content .product-price > strong,
.inner-cat-content .product-price > span {
color: #fff;
}
.item-pop-cat6 .btn-eye::before {
border-right: 1px solid #e5e5e5;
}
.item-pop-cat6 .btn-eye {
background: #fff none repeat scroll 0 0;
color: #3b3b3b;
}
.item-pop-cat6:hover .btn-eye::before {
border-right: 1px solid rgba(255, 255, 255, 0.1);
}
.item-pop-cat6:hover .btn-eye {
background: #ffe800 none repeat scroll 0 0;
color: #000;
}
.item-pop-cat6 .cat-thumb a {
display: block;
}
.item-pop-cat6 .cat-thumb img {
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
transition: all 0.3s ease-out 0s;
-webkit-transition: all 0.3s ease-out 0s;
width: 100%;
}
.item-pop-cat6:hover .cat-thumb img {
filter: grayscale(0);
-webkit-filter: grayscale(0);
transform: scale(1.15);
-webkit-transform: scale(1.15);
}
.popular-category6 {
margin-bottom: 95px;
}
.latest-news6 {
margin-bottom: 95px;
}
.testimonial6 {
margin-bottom: 100px;
}
.testimonial6 .review-content > p {
color: #3b3b3b;
} .header7 {
position: relative;
z-index: 999;
}
.inner-header7 {
left: 0;
padding: 30px 0;
position: absolute;
top: 0;
width: 100%;
transition: all 0.3s ease-out 0s;
-webkit-transition: all 0.3s ease-out 0s;
}
.main-nav-hover {
display: inline-block;
margin: 18px 65px 0 0;
position: relative;
}
.profile-list-link {
background: #fff none repeat scroll 0 0;
box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.2);
right: -20px;
list-style: outside none none;
padding: 0;
position: absolute;
top: 100%;
width: 200px;
transition: all 0.3s ease-out 0s;
-webkit-transition: all 0.3s ease-out 0s;
margin: 30px 0 0;
opacity: 0;
visibility: hidden;
z-index: 999;
}
.profile-box:hover .profile-list-link {
opacity: 1;
margin: 0;
visibility: visible;
}
.profile-list-link > li {
padding: 0 20px;
}
.profile-list-link > li a {
border-bottom: 1px solid #e5e5e5;
display: block;
height: 40px;
line-height: 40px;
padding-left: 25px;
position: relative;
}
.profile-list-link > li:last-child a {
border: medium none;
}
.profile-list-link > li a i {
left: 0;
position: absolute;
top: 13px;
}
.main-nav.main-nav7 .icon-main-nav7 {
font-size: 30px;
left: 20px;
position: absolute;
top: 9px;
color: #3b3b3b;
}
.main-nav.main-nav7 .close-main-nav7 {
font-size: 30px;
position: absolute;
right: 15px;
top: 9px;
color: #3b3b3b;
}
.main-nav.main-nav7 .icon-main-nav7:hover,
.main-nav.main-nav7 .close-main-nav7:hover {
color: #ffe800;
}
.main-nav.main-nav7 {
background: #fff none repeat scroll 0 0;
box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.2);
left: -1px;
margin: 0;
position: absolute;
top: -5px;
width: 260px;
z-index: 999;
display: none;
}
.logo7 {
text-align: center;
transition: all 0.3s ease-out 0s;
-webkit-transition: all 0.3s ease-out 0s;
}
.main-nav.main-nav7 > ul {
border-top: 1px solid #e5e5e5;
margin-top: 56px;
}
.main-nav.main-nav7 > ul > li {
display: block;
margin: 0;
padding: 0 30px;
}
.main-nav.main-nav7 > ul > li:last-child {
border: medium none;
}
.main-nav.main-nav7 > ul > li > a {
color: #3b3b3b;
height: 40px;
line-height: 40px;
border-bottom: 1px solid #e5e5e5;
}
.main-nav.main-nav7 > ul > li:hover > a {
color: #ffe800;
}
.main-nav.main-nav7 .sub-menu {
left: 100%;
top: 0;
}
.main-nav.main-nav7 .mega-menu {
left: 100%;
top: 0;
}
.main-nav.main-nav7 > ul > li.menu-item-has-children > a::after,
.main-nav.main-nav7 > ul > li.has-mega-menu > a::after {
content: "";
font-family: linearicons;
font-size: 13px;
font-weight: 400;
position: absolute;
right: 0;
top: 0;
}
.wrap-cart7 {
float: right;
margin-top: 22px;
}
.profile-box.profile-box7 {
display: inline-block;
}
.profile-box {
position: relative;
}
.profile-box.profile-box7 .lnr {
font-size: 30px;
}
.profile-box7 .profile-link {
color: #ffe800;
}
.mini-cart7 .mini-cart-link .mini-cart-icon {
font-size: 30px;
height: 30px;
line-height: 30px;
display: block;
}
.mini-cart7.mini-cart-box {
margin-left: 65px;
vertical-align: top;
}
.mini-cart7 .mini-cart-number {
background: transparent none repeat scroll 0 0;
font-size: 13px;
right: -13px;
top: -2px;
}
.box-search-hover .search-form.search-form6 {
background: #fff none repeat scroll 0 0;
left: 0;
margin: 0 0 0 30px;
opacity: 0;
position: absolute;
top: -4px;
visibility: hidden;
width: 355px;
transition: all 0.3s ease-out 0s;
-webkit-transition: all 0.3s ease-out 0s;
z-index: 999;
}
.box-search-hover:hover .search-form.search-form6 {
opacity: 1;
margin: 0 0 0 -10px;
visibility: visible;
}
.box-search-hover .search-form.search-form6 input[type="text"] {
padding-left: 50px;
}
.box-search-hover .search-form.search-form6::after {
font-size: 30px;
width: 53px;
}
.box-search-hover {
display: inline-block;
position: relative;
}
.main-nav-hover .icon-menu-hover {
color: #ffe800;
font-size: 30px;
}
.box-search-hover .icon-search-hover {
color: #ffe800;
font-size: 30px;
}
.item-banner7 .banner-info h2 {
font-size: 60px;
margin: 0;
text-transform: uppercase;
}
.item-banner7 .banner-info h3 {
font-size: 30px;
margin: 10px auto 22px;
text-transform: uppercase;
}
.btn-eye.btn-black {
background: #3b3b3b none repeat scroll 0 0;
color: #fff;
}
.btn-eye.btn-black:hover {
background: #ffe800;
}
.item-banner7 .btn-eye.btn-black {
letter-spacing: 1px;
}
.item-banner7 .banner-info::after {
background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
content: "";
height: 300px;
left: 50%;
margin-left: -150px;
margin-top: -65px;
position: absolute;
top: 0;
width: 300px;
}
.item-banner7 .inner-banner-info {
position: relative;
z-index: 99;
}
.item-banner7 .banner-info {
margin-top: -100px;
}
.directnav-slider.banner-slider7 .owl-theme .owl-controls .owl-buttons div {
background: transparent none repeat scroll 0 0!important;
color: #3b3b3b;
font-size: 60px;
height: auto;
margin: -30px 0 0;
top: 50%;
width: auto;
}
.directnav-slider.banner-slider7 .owl-theme .owl-controls .owl-buttons div:hover {
color: #ffe800;
}
.pro-box-thumb {
overflow: hidden;
position: relative;
}
.pro-box-thumb img {
width: 100%;
}
.pro-box-thumb .second-image {
position: absolute;
top: 0;
left: 0;
opacity: 0;
-webkit-transform: scale(2);
transform: scale(2);
transition: all 0.3s ease-out 0s;
-webkit-transition: all 0.3s ease-out 0s;
}
.item-pro-box:hover .pro-box-thumb .second-image {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.pro-box-info > h2 {
font-size: 60px;
text-transform: uppercase;
transition: all 0.3s ease-out 0s;
-webkit-transition: all 0.3s ease-out 0s;
}
.pro-box-info strong {
display: block;
margin-top: -5px;
}
.item-pro-box.new-pro:hover .pro-box-info > h2 {
margin-left: 0px;
}
.item-pro-box.top-pro:hover .pro-box-info > h2 {
margin-left: -30px;
}
.item-pro-box.bet-pro:hover .pro-box-info > h2 {
margin-right: 0px;
}
.btn-eye.eye-white {
background: #fff none repeat scroll 0 0;
border: 1px solid #e5e5e5;
color: #3b3b3b;
}
.btn-eye.eye-white:hover {
background: #ffe800 none repeat scroll 0 0;
border: 1px solid #ffe800;
color: #000;
}
.btn-eye.eye-white:hover::before {
border-color: rgba(255, 255, 255, 0.1);
}
.btn-eye.eye-white::before {
border-color: #e5e5e5;
}
.pro-box-info .btn-eye.eye-white {
letter-spacing: 1px;
margin-top: 14px;
}
.new-pro .pro-box-thumb {
margin-top: -150px;
}
.new-pro .pro-box-info > h2 {
margin-left: -93px;
margin-top: 95px;
}
.item-pro-box {
margin-bottom: 30px;
}
.bet-pro .pro-box-info {
position: relative;
text-align: right;
z-index: 99;
}
.bet-pro .pro-box-info h2 {
margin-right: -90px;
margin-top: 68px;
}
.top-pro .pro-box-info {
margin-top: -52px;
padding: 0 30px;
}
.list-product7 {
background: #f9f9f9 none repeat scroll 0 0;
padding: 65px 0;
margin-bottom: 90px;
}
.pro-box {
margin-bottom: 70px;
}
.list-product7 h2 {
font-size: 60px;
font-weight: 700;
margin: 0 0 35px;
text-align: center;
text-transform: uppercase;
}
.item-product7 {
margin: 0 15px;
position: relative;
}
.wrap-item .owl-item > div.item-product7 {
overflow: visible;
}
.product-slider7 {
margin: 0 -15px;
}
.item-product7 .product-extra-link.style2 {
margin-top: 23px;
}
.item-banner7 .product-thumb > a {
position: relative;
}
.item-banner7 .product-thumb > a::after {
background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.item-product7 .product-thumb .product-thumb-link {
display: block;
position: relative;
}
.item-product7 .product-thumb .product-thumb-link::after {
background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
transition: all 0.3s ease-out 0s;
-webkit-transition: all 0.3s ease-out 0s;
transform: scale(0);
-webkit-transform: scale(0);
opacity: 0;
}
.item-product7:hover .product-thumb .product-thumb-link::after,
.item-product7:hover .product-rating,
.item-product7:hover .qickview-link {
transform: scale(1);
-webkit-transform: scale(1);
opacity: 1;
}
.item-product7 .product-rating {
bottom: 20px;
left: 0;
margin: auto;
position: absolute;
right: 0;
z-index: 999;
transition: all 0.3s ease-out 0s;
-webkit-transition: all 0.3s ease-out 0s;
transform: scale(0);
-webkit-transform: scale(0);
opacity: 0;
}
.item-product7 .qickview-link {
background: #fff none repeat scroll 0 0;
bottom: 0;
height: 60px;
left: 0;
line-height: 60px;
margin: auto;
position: absolute;
right: 0;
text-align: center;
top: 0;
width: 60px;
color: #ffe800;
font-size: 30px;
border-radius: 6px;
transition: all 0.3s ease-out 0s;
-webkit-transition: all 0.3s ease-out 0s;
transform: scale(0);
-webkit-transform: scale(0);
opacity: 0;
}
.item-product7 .qickview-link span {
display: block;
line-height: 60px;
}
.item-product7 .product-thumb {
margin: 0;
}
.item-product7 .product-info {
padding: 28px 30px 25px;
position: relative;
transition: all 0.3s ease-out 0s;
-webkit-transition: all 0.3s ease-out 0s;
}
.item-product7:hover .product-info {
background: #fff none repeat scroll 0 0;
box-shadow: 0px 4px 4px -1px rgba(0, 0, 0, 0.2);
}
.item-product7 .product-extra-link.style2 .addcart-link {
display: block;
margin-bottom: 15px;
}
.item-product7 .product-extra-link.style2 a {
margin-left: 0;
margin-right: 25px;
}
.product-slider7 .owl-wrapper-outer {
padding-bottom: 5px;
}
.content-from-blog7 > h2 {
font-size: 60px;
font-weight: 700;
margin: 0 0 35px;
text-align: center;
text-transform: uppercase;
}
.content-from-blog7 > h2 {
font-size: 60px;
font-weight: 700;
margin: 0 0 35px;
text-align: center;
text-transform: uppercase;
}
.blog-info-extra {
background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
bottom: 0;
font-size: 0;
left: 0;
list-style: outside none none;
margin: 0;
padding: 9px 0;
position: absolute;
width: 100%;
}
.item-from-blog7 .blog-thumb {
margin-bottom: 15px;
position: relative;
}
.blog-info-extra > li {
display: inline-block;
font-size: 13px;
margin-left: 20px;
}
.blog-info-extra a {
color: #fff;
}
.blog-info-extra a:hover {
color: #ffe800;
}
.blog-info-extra a .lnr {
color: #ffe800;
margin-right: 10px;
}
.item-from-blog7 .btn-eye.eye-white {
margin-top: 15px;
}
.from-blog7 {
margin-bottom: 100px;
}
.product-slider7 .owl-theme .owl-controls .owl-buttons div {
background-color: #3b3b3b;
border-radius: 4px;
height: 50px;
line-height: 50px;
margin: 0;
opacity: 1;
padding: 0;
position: absolute;
top: 160px;
width: 50px;
}
.product-slider7 .owl-theme .owl-controls .owl-buttons div:hover {
background: #ffe800;
}
.product-slider7 .owl-theme .owl-controls .owl-buttons div.owl-prev {
left: -45px;
}
.product-slider7 .owl-theme .owl-controls .owl-buttons div.owl-next {
right: -45px;
} .item-banner8 {
position: relative;
}
.item-latest8 .blog-info-extra {
background: transparent none repeat scroll 0 0;
margin: 0;
padding: 0;
position: static;
}
.item-latest8 .blog-info-extra li {
margin: 0 20px 0 0;
}
.item-latest8 .blog-info-extra li a {
color: #999;
}
.title8 {
border-bottom: 1px solid #e5e5e5;
font-weight: 700;
margin: 0 0 30px;
padding-bottom: 12px;
text-transform: uppercase;
}
.addcart-link.btn-eye::before {
content: "";
font-family: fontawesome;
}
.top-header8 {
border-bottom: 1px solid #e5e5e5;
padding: 32px 0;
margin-bottom: 40px;
}
.header-intro.header-intro8 > a {
font-size: 16px;
}
.logo8 {
left: 50%;
margin-left: -100px;
position: absolute;
top: -32px;
width: 200px;
}
.box-search-hover.search-hover8 {
margin-right: 50px;
}
.header-intro.header-intro8 {
display: inline-block;
}
.box-search-hover.search-hover8 .icon-search-hover {
font-size: 16px;
}
.box-search-hover.search-hover8 .search-form.search-form6::after {
font-size: 16px;
width: 42px;
}
.box-search-hover.search-hover8 .search-form.search-form6 input[type="text"] {
padding-left: 42px;
}
.box-search-hover.search-hover8 .search-form.search-form6 {
top: -12px;
}
.wrap-cart8 .profile-box.profile-box7 .lnr {
font-size: 16px;
}
.wrap-cart8 .mini-cart7 .mini-cart-link .mini-cart-icon {
font-size: 16px;
height: 16px;
line-height: 16px;
}
.wrap-cart8 .mini-cart-link {
margin-top: -3px;
}
.wrap-cart8 .mini-cart7 .mini-cart-number {
right: -10px;
top: -12px;
}
.wrap-cart7.wrap-cart8 {
margin: 0;
}
.header-nav8 {
padding: 40px 0 35px;
}
.main-nav.main-nav8 > ul > li > a {
color: #3b3b3b;
font-size: 13px;
height: 30px;
line-height: 30px;
}
.main-nav.main-nav8 > ul > li:hover > a {
color: #ffe800;
}
.main-nav.main-nav8 {
margin: auto;
max-width: 580px;
}
.item-adv8 {
margin: 0 -15px;
position: relative;
overflow: hidden;
}
.list-adv8 {
margin-bottom: 95px;
padding: 0 15px;
}
.item-adv8 .adv-info {
color: #fff;
left: 0;
max-width: 398px;
padding: 50px;
position: absolute;
top: 0;
width: 100%;
}
.item-adv8 .adv-info h2 {
font-weight: 700;
margin: 0 0 17px;
text-transform: uppercase;
}
.item-adv8 .btn-eye.eye-white {
margin-top: 45px;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease-out 0s;
-webkit-transition: all 0.3s ease-out 0s;
}
.item-adv8:hover .btn-eye.eye-white {
opacity: 1;
visibility: visible;
margin-top: 15px;
}
.item-adv8 .adv-thumb img {
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
transition: all 0.3s ease-out 0s;
-webkit-transition: all 0.3s ease-out 0s;
width: 100%;
}
.item-adv8:hover .adv-thumb img {
filter: grayscale(0);
-webkit-filter: grayscale(0);
transform: scale(1.15);
-webkit-transform: scale(1.15);
}
.wrap-cart8 .mini-cart7.mini-cart-box {
margin-left: 55px;
}
.item-product8 {
padding: 0 15px 10px;
text-align: center;
}
.product-slider8 {
margin: 0 -15px;
}
.item-product8 .quickview-link {
bottom: 0;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 0;
width: 154px;
transition: all 0.3s ease-out 0s;
-webkit-transition: all 0.3s ease-out 0s;
transform: scale(0);
-webkit-transform: scale(0);
opacity: 0;
}
.item-product8:hover .quickview-link {
transform: scale(1);
-webkit-transform: scale(1);
opacity: 1;
}
.item-product8 .product-thumb {
margin-bottom: 30px;
}
.item-product8 .product-price {
margin: 5px 0 10px;
}
.item-product8 .addcart-link {
margin: 0 15px;
}
.item-product8 .product-price {
margin: 5px 0 10px;
}
.item-product8 .addcart-link {
margin: 0 15px;
}
.product-slider8 .owl-controls {
position: absolute;
right: 15px;
top: -80px;
}
.product-slider8 .owl-theme .owl-controls .owl-buttons div {
background: #3b3b3b none repeat scroll 0 0;
border-radius: 4px;
color: #fff;
height: 30px;
line-height: 30px;
margin: 0 0 0 1px;
width: 30px;
}
.product-slider8 .owl-theme .owl-controls .owl-buttons div span {
display: block;
line-height: 30px;
}
.product-slider8 .owl-theme .owl-controls .owl-buttons div:hover {
background: #ffe800;
}
.list-product8 {
margin-bottom: 95px;
}
.banner8 {
margin-bottom: 95px;
}
.item-banner8 .banner-info {
color: #fff;
margin-top: -85px;
}
.item-banner8 .banner-info p {
margin: 15px auto 25px;
max-width: 630px;
}
.item-banner8 .banner-info h2 {
font-weight: 700;
margin: 0;
}
.item-banner8 .banner-info .btn-eye {
letter-spacing: 1px;
}
.directnav-slider.latest-slider8 .owl-controls {
position: absolute;
right: 0px;
top: -80px;
}
.directnav-slider.latest-slider8 .owl-theme .owl-controls .owl-buttons div {
background: #3b3b3b none repeat scroll 0 0;
border-radius: 4px;
color: #fff;
height: 30px;
line-height: 30px;
margin: 0 0 0 1px;
width: 30px;
position: static;
opacity: 1;
font-size: 13px;
}
.directnav-slider.latest-slider8 .owl-theme .owl-controls .owl-buttons div span.lnr {
display: block;
line-height: 30px;
height: 30px;
}
.directnav-slider.latest-slider8 .owl-theme .owl-controls .owl-buttons div:hover {
background: #ffe800;
}
.directnav-slider.latest-slider8 .wrap-item {
overflow: visible;
}
.latest-news8 {
background: rgba(0, 0, 0, 0) url(//instore.bnn.in.th/wp-content/themes/necshop/assets/css/images/home8/bg-pr.jpg) no-repeat fixed center center;
padding: 95px 0 100px;
}
.item-latest8 .post-thumb {
background: #fff none repeat scroll 0 0;
padding: 16px;
margin-right: -30px;
}
.item-latest8 .post-format-date {
left: 16px;
top: 16px;
}
.item-latest8 .post-info {
padding: 60px 0 0 60px;
}
.item-latest8 .post-info .post-desc {
margin: 15px 0 50px;
} .adv9 {
margin-bottom: 100px;
}
.product-tab-title9 > ul {
bottom: 0;
font-size: 0;
list-style: outside none none;
margin: 0;
padding: 0;
position: absolute;
right: 0;
}
.product-tab-title9 {
position: relative;
}
.product-tab-title9 li {
display: inline-block;
}
.product-tab-title9 a {
display: block;
font-size: 13px;
font-weight: 700;
height: 60px;
line-height: 60px;
padding: 0 20px;
}
.product-tab-title9 > ul li.active a {
background: #ffe800 none repeat scroll 0 0;
color: #fff;
}
.product-slider8.tab-slider9 .owl-controls {
position: static;
}
.product-slider8.tab-slider9 .owl-theme .owl-controls .owl-buttons div {
margin: 0;
position: absolute;
top: 130px;
}
.product-slider8.tab-slider9 .owl-theme .owl-controls .owl-buttons div.owl-prev {
left: 0;
}
.product-slider8.tab-slider9 .owl-theme .owl-controls .owl-buttons div.owl-next {
right: 0;
}
.item-banner9 .banner-info {
margin: 0;
padding: 95px 0;
position: static;
text-transform: uppercase;
}
.item-banner9 .banner-info h2 {
font-size: 60px;
font-weight: 700;
margin: 5px 0 0;
}
.item-banner9 .banner-info h4 {
font-size: 30px;
margin: 0;
}
.banner-slider9 .owl-controls {
background: #ffe800 none repeat scroll 0 0;
bottom: 260px;
height: 140px;
left: 50%;
margin-left: -50px;
padding-top: 10px;
position: absolute;
width: 100px;
}
.banner-slider9 .owl-theme .owl-controls .owl-buttons div {
display: block;
font-size: 30px;
height: auto;
line-height: inherit;
width: auto;
}
.banner-slider9 .current-item {
display: block;
height: 30px;
line-height: 30px;
font-weight: 700;
}
.banner-slider9 .owl-theme .owl-controls .owl-buttons div.total-slide {
opacity: 1!important;
}
.banner-slider9 .owl-theme .owl-controls .owl-buttons div:hover {
opacity: 0.5;
}
.about-box {
background: #ffe800 none repeat scroll 0 0;
margin-bottom: 100px;
margin-top: 100px;
position: relative;
}
.about-box::after {
background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.intro-about-slider.intro-featured6 > h2 {
font-size: 60px;
font-weight: 700;
margin: 0 0 30px;
}
.tb-price-rate {
margin-bottom: 13px;
}
.intro-about-slider.intro-featured6 > h3 {
font-size: 30px;
margin: 0 0 35px;
text-transform: uppercase;
}
.intro-about-slider .fea-info p {
color: #fff;
line-height: 24px;
}
.intro-about-slider.intro-featured6 {
max-width: 470px;
padding: 90px 0 90px 100px;
}
.about-slider {
margin: -100px -30px 0 0;
}
.intro-about-slider.intro-featured6 .btn-eye:hover {
background: #3b3b3b;
}
.inner-about-box {
position: relative;
z-index: 99;
}
.about-slider .owl-pagination {
bottom: 100px;
left: 0;
position: absolute;
width: 100%;
}
.about-slider .owl-theme .owl-controls .owl-page span {
border-color: #fff;
}
.about-slider .owl-theme .owl-controls .owl-page.active span::before,
.about-slider .owl-theme .owl-controls .owl-page:hover span::before {
background: #fff none repeat scroll 0 0;
}
.about-slider .owl-buttons {
background: #ffe800 none repeat scroll 0 0;
height: 140px;
left: 200%;
margin-left: -130px;
padding-top: 10px;
position: absolute;
top: 0;
width: 100px;
z-index: 999;
}
.about-slider .owl-theme .owl-controls .owl-buttons div {
display: block;
font-size: 30px;
height: auto;
line-height: inherit;
width: auto;
}
.about-slider .current-item {
display: block;
height: 30px;
line-height: 30px;
font-weight: 700;
}
.about-slider .owl-theme .owl-controls .owl-buttons div.total-slide {
opacity: 1!important;
}
.about-slider .owl-theme .owl-controls .owl-buttons div:hover {
opacity: 0.5;
} .item-product10 {
position: relative;
margin: 0 -15px;
}
.new-product10 {
padding: 0 15px;
}
.item-product10 .product-info {
background: #fff none repeat scroll 0 0;
border-top: 4px solid #ffe800;
bottom: 0;
box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1);
left: 0;
padding: 20px 15px;
position: absolute;
width: 100%;
z-index: 999;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease-out 0s;
-webkit-transition: all 0.3s ease-out 0s;
}
.item-product10:hover .product-info {
opacity: 1;
visibility: visible;
}
.extra-link10 a {
border: 1px solid #e5e5e5;
border-radius: 4px;
display: inline-block;
height: 40px;
line-height: 40px;
text-align: center;
width: 40px;
}
.extra-link10 a:hover {
border-color: #ffe800;
}
.load-more10 {
border: 1px solid #e5e5e5;
border-radius: 4px;
display: block;
font-size: 13px;
font-weight: 700;
height: 58px;
line-height: 58px;
margin: 100px auto;
max-width: 400px;
text-align: center;
text-transform: uppercase;
width: 100%;
}
.load-more10:hover {
border-color: #ffe800;
}
.load-more10 .lnr {
font-size: 30px;
margin-right: 10px;
vertical-align: middle;
}
.item-product10 .product-thumb {
margin: 0;
}
.item-product10 .product-thumb::after {
border: 1px solid #e5e5e5;
content: "";
display: block;
height: 100%;
left: 0;
position: absolute;
top: 0;
transform: scale(0.9);
width: 100%;
z-index: 99;
}
.directnav-slider .owl-theme .owl-controls .owl-buttons div span.lnr {
display: block;
height: 50px;
line-height: 50px;
}
.item-banner10 .banner-info-text {
color: #fff;
max-width: 570px;
}
.item-banner10 .banner-info h4 {
font-size: 30px;
margin: 0;
text-transform: uppercase;
}
.item-banner10 .banner-info h2 {
font-size: 60px;
font-weight: 700;
line-height: 60px;
margin: 35px 0;
text-transform: uppercase;
}
.item-banner10 .banner-info .btn-eye {
margin-top: 35px;
}
.banner-info-text.style1 {
float: right;
}
.banner-info-text.style2 {
float: left;
}
.top-header10 {
background: #f4f4f4 none repeat scroll 0 0;
padding: 5px 0;
}
.top-header10 .search-form.search-form2 {
border: 1px solid #e5e5e5;
float: right;
margin: 0;
max-width: 240px;
padding: 0;
width: 100%;
}
.top-info4.top-info10 {
margin-top: 8px;
text-align: left;
}
.main-nav.main-nav10 {
background: #ffe800 none repeat scroll 0 0;
margin: 0;
}
.main-nav.main-nav10 > ul {
margin: auto;
max-width: 650px;
}
.logo10 {
text-align: center;
}
.main-header10 {
padding: 35px 0 40px;
}
.header-intro.header-intro10 {
margin-top: 15px;
}
.mini-cart-box.mini-cart4.mini-cart10 {
float: right;
margin: 5px 0 0;
}
.main-nav.main-nav10 > ul > li > a {
color: #fff;
height: 50px;
line-height: 50px;
}
.main-nav.main-nav10 > ul > li:hover > a {
opacity: 0.8;
}
.header-nav10 {
margin-bottom: 50px;
}
.item-parralax {
background-color: #ffe800;
position: relative;
}
.parralax-info {
color: #fff;
margin: 30% auto auto;
max-width: 300px;
text-align: center;
}
.parralax-info > h3 {
font-size: 16px;
font-weight: 700;
margin: 27px 0 0;
text-transform: uppercase;
}
.parralax-info > h2 {
font-size: 30px;
margin: 21px 0 50px;
position: relative;
text-transform: uppercase;
}
.parralax-info > p {
line-height: 24px;
}
.item-banner11 .product-price {
margin-bottom: 10px;
margin-top: -5px;
}
.parralax-info > h2::after {
background: #fff none repeat scroll 0 0;
bottom: -27px;
content: "";
height: 4px;
left: 50%;
margin-left: -25px;
position: absolute;
width: 50px;
}
.pr-icon {
border-radius: 50%;
display: inline-block;
position: relative;
transition: all 0.3s ease-out 0s;
-webkit-transition: all 0.3s ease-out 0s;
}
.pr-icon:hover {
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
}
.pr-icon::after {
background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0;
border-radius: 50%;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
transform: scale(0);
-webkit-transform: rotate(0) scale(0);
transition: all 0.3s ease-out 0s;
-webkit-transition: all 0.3s ease-out 0s;
width: 100%;
}
.pr-icon:hover::after {
transform: rotate(360deg) scale(1.3);
-webkit-transform: scale(1.3);
}
.parralax-slider {
margin-bottom: 90px;
overflow: hidden;
position: relative;
}
.new-product10 h2 {
font-size: 60px;
font-weight: 700;
margin: 0 0 85px;
text-align: center;
text-transform: uppercase;
}
.parralax-thumb img {
opacity: 0;
}
.item-parralax {
background-attachment: fixed;
background-size: 50% auto;
background-repeat: no-repeat;
background-position: right top;
transition: all 0.3s ease-out 0s;
-webkit-transition: all 0.3s ease-out 0s;
}
.item-parralax.parallax::before {
position: absolute;
top: 0;
left: 0;
width: 50%;
height: 100%;
content: "";
background: rgba(0, 0, 0, 0.1);
} .item-banner11 .banner-info {
background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
left: auto;
padding: 80px 100px;
right: 100px;
text-align: left;
width: 540px;
}
.item-banner11 .banner-info h2 {
font-weight: 700;
}
.item-banner11 .banner-info .btn-eye {
margin-top: 2px;
}
.header-nav10.header-nav11 {
margin-bottom: 30px;
}
.banner-home2.banner-home11,
.list-adv11 {
margin-bottom: 50px;
}
.title-box11 {
border-bottom: 1px solid #e5e5e5;
font-size: 16px;
font-weight: 700;
margin: 0;
padding: 17px 0 14px;
text-align: center;
text-transform: initial;
}
.box-home11 {
border-color: #e5e5e5;
border-style: solid;
border-width: 2px;
margin-bottom: 50px;
}
.item-banner8.img-banner11 {
margin-bottom: 50px;
}
.item-cat-brow {
border-right: 1px solid #e5e5e5;
padding: 20px;
text-align: center;
}
.slider-home11 .owl-controls {
position: absolute;
right: 7px;
top: -36px;
}
.slider-home11 .owl-theme .owl-controls .owl-buttons div {
color: #a9a9a9;
font-size: 16px;
margin: 0 8px;
}
.slider-home11 .owl-theme .owl-controls .owl-buttons div:hover {
color: #ffe800;
}
.cat-brow-thumb {
margin-bottom: 30px;
position: relative;
}
.cat-brow-info > h3 {
font-size: 13px;
margin: 0 0 10px;
text-transform: initial;
}
.cat-brow-info > span {
color: #999;
}
.cat-brow-info {
padding-bottom: 2px;
}
.cat-brow-thumb .btn-eye {
background: #fff none repeat scroll 0 0;
border: medium none;
bottom: 0;
color: #3b3b3b;
left: 0;
letter-spacing: 1px;
margin: auto;
padding: 0 15px 0 50px;
position: absolute;
right: 0;
top: 0;
width: 168px;
z-index: 9;
transform: scale(0);
-webkit-transform: scale(0);
transition: all 0.3s ease-out 0s;
-webkit-transition: all 0.3s ease-out 0s;
}
.cat-brow-thumb::after {
background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
transform: scale(0);
-webkit-transform: scale(0);
transition: all 0.3s ease-out 0s;
-webkit-transition: all 0.3s ease-out 0s;
}
.item-cat-brow:hover .cat-brow-thumb::after,
.item-cat-brow:hover .cat-brow-thumb .btn-eye {
transform: scale(1);
-webkit-transform: scale(1);
}
.item-cat-brow:hover .cat-brow-info h3 a {
color: #ffe800;
}
.item-product11 {
border-right: 1px solid #e5e5e5;
padding: 120px 20px 28px;
position: relative;
text-align: center;
}
.item-product11 .product-rating {
margin: auto auto 28px;
}
.product-cat {
color: #999;
display: inline-block;
margin-bottom: 12px;
}
.product-label {
background: #dda379 none repeat scroll 0 0;
border-radius: 0 0 18px 18px;
color: #fff;
font-size: 16px;
font-weight: 400;
left: 0;
line-height: 18px;
padding: 10px 11px;
position: absolute;
text-align: center;
text-transform: initial;
top: 0;
width: 36px;
word-wrap: break-word;
z-index: 99;
}
.item-product11 .product-label {
top: 20px;
left: 20px;
font-family: 'Days One', sans-serif;
font-size: 13px;
}
.product-label.hot-label {
background: #ff1110;
}
.product-label.top-label {
background: #925ea2;
}
.product-label.fea-label {
background: #67d8c9;
}
.product-label.sel-label {
background: #87d568;
}
.item-product11 .product-extra-link {
position: absolute;
right: 20px;
top: 20px;
width: 40px;
z-index: 999;
}
.item-product11 .product-extra-link a {
border: 1px solid transparent;
border-radius: 4px;
display: block;
height: 40px;
line-height: 40px;
width: 40px;
}
.item-product11 .product-extra-link a:hover {
border-color: #e5e5e5;
color: #ffe800;
}
.item-product11 .product-thumb .btn-eye {
background: #fff none repeat scroll 0 0;
border: medium none;
bottom: 0;
color: #3b3b3b;
left: 0;
letter-spacing: 1px;
margin: auto;
padding: 0 15px 0 50px;
position: absolute;
right: 0;
top: 0;
width: 155px;
z-index: 9;
transform: scale(0);
-webkit-transform: scale(0);
transition: all 0.3s ease-out 0s;
-webkit-transition: all 0.3s ease-out 0s;
}
.item-product11 .product-thumb .btn-eye:hover {
background: #ffe800;
color: #fff;
}
.item-product11 .product-thumb-link::after {
background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
transform: scale(0);
-webkit-transform: scale(0);
transition: all 0.3s ease-out 0s;
-webkit-transition: all 0.3s ease-out 0s;
}
.item-product11:hover .product-thumb-link::after,
.item-product11:hover .product-thumb .btn-eye {
transform: scale(1);
-webkit-transform: scale(1);
}
.item-product-countdown11 .product-thumb-link::after {
display: none;
}
.item-product-countdown11:hover .weekday-countdown {
transform: scale(1);
-webkit-transform: scale(1);
}
.weekday-countdown {
background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
bottom: 0;
color: #fff;
font-size: 16px;
font-weight: 700;
height: 50px;
left: 0;
padding: 12px;
position: absolute;
text-align: center;
width: 100%;
transform: scale(0);
-webkit-transform: scale(0);
transition: all 0.3s ease-out 0s;
-webkit-transition: all 0.3s ease-out 0s;
}
.weekday-countdown canvas {
display: none;
}
.weekday-countdown .time_circles > div {
display: inline-block;
width: auto !important;
}
.weekday-countdown .time_circles > div::after {
content: ":";
margin: 0 5px;
}
.weekday-countdown .time_circles > div:last-child::after {
content: "";
margin: 0;
}
.from-blog-slider11 .owl-controls {
position: absolute;
right: 7px;
top: -36px;
}
.from-blog-slider11 .owl-theme .owl-controls .owl-buttons div {
color: #a9a9a9;
font-size: 16px;
margin: 0 8px;
}
.from-blog-slider11 .owl-theme .owl-controls .owl-buttons div:hover {
color: #ffe800;
}
.item-from-blog11 {
border-right: 1px solid #e5e5e5;
padding: 20px 21px;
text-align: center;
}
.item-from-blog11 .post-cat {
color: #999;
display: inline-block;
margin-bottom: 10px;
}
.item-from-blog11 .post-format-date {
left: 50%;
margin-left: -45px;
top: 0;
}
.item-from-blog11 .post-thumb {
margin-bottom: 15px;
}
.item-from-blog11 .btn-eye {
margin: 28px 0 10px;
}
.product-type-slider .owl-theme .owl-controls .owl-buttons div {
color: #a9a9a9;
font-size: 16px;
margin: 0;
position: absolute;
top: -36px;
}
.product-type-slider .owl-theme .owl-controls .owl-buttons div.owl-prev {
left: 15px;
}
.product-type-slider .owl-theme .owl-controls .owl-buttons div.owl-next {
right: 15px;
}
.product-type-slider .owl-theme .owl-controls .owl-buttons div:hover {
color: #ffe800;
}
.product-type-slider .item {
padding: 20px;
}
.item-product-type {
border-bottom: 1px solid #e5e5e5;
display: table;
width: 100%;
padding-bottom: 20px;
margin-bottom: 20px;
}
.item-product-type:last-child {
border: medium none;
margin: 0;
padding: 0;
}
.item-product-type .product-thumb {
display: table-cell;
width: 120px;
}
.item-product-type .product-thumb-link {
width: 120px;
}
.item-product-type .product-info {
display: table-cell;
padding-top: 10px;
padding-left: 20px;
vertical-align: top;
}
.item-product-type .quickview-link {
width: 40px;
height: 40px;
display: block;
line-height: 40px;
text-align: center;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
background: #fff;
border-radius: 4px;
transform: scale(0) rotate(0);
-webkit-transform: scale(0) rotate(0);
transition: all 0.3s ease-out 0s;
-webkit-transition: all 0.3s ease-out 0s;
}
.item-product-type .quickview-link:hover {
background: #ffe800;
color: #fff;
}
.item-product-type:hover .quickview-link {
transform: scale(1) rotate(360deg);
-webkit-transform: scale(1) rotate(360deg);
}
.item-product-type .product-thumb-link::after {
background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
transform: scale(0) rotate(0);
-webkit-transform: scale(0) rotate(0);
transition: all 0.3s ease-out 0s;
-webkit-transition: all 0.3s ease-out 0s;
}
.item-product-type:hover .product-thumb-link::after {
transform: scale(1) rotate(360deg);
-webkit-transform: scale(1) rotate(360deg);
} .top-info4.top-info12 {
display: inline-block;
}
.wrap-top-header12 {
float: right;
}
.top-header12 {
background: #f4f4f4 none repeat scroll 0 0;
}
.header-intro.header-intro12 {
margin-top: 25px;
}
.header-intro.header-intro12 .lnr {
font-size: 13px;
}
.top-info4.top-info12 li .lnr {
font-size: 13px;
}
.mini-cart12 .mini-cart-header {
background: #ffe800 none repeat scroll 0 0;
height: 70px;
padding-left: 30px;
padding-top: 18px;
position: relative;
width: 240px;
}
.mini-cart12 .mini-cart-header::after {
color: #fff;
content: "";
font-family: linearicons;
position: absolute;
right: 20px;
top: 28px;
}
.mini-cart12 .mini-cart-icon {
color: #fff;
font-size: 30px;
height: 30px;
line-height: 30px;
}
.mini-cart12 .price-cart-top {
border: medium none;
color: #fff;
margin-left: 10px;
padding: 0;
}
.mini-cart-header::after {
color: #fff;
content: "";
font-family: linearicons;
position: absolute;
right: 20px;
top: 28px;
}
.mini-cart-box.mini-cart12:hover .mini-cart-content {
margin-top: 0;
}
.main-header12 {
padding: 48px 0;
}
.main-nav.main-nav12 > ul > li > a {
color: #3b3b3b;
font-size: 16px;
height: 44px;
line-height: 44px;
}
.main-nav.main-nav12 > ul > li:hover > a {
color: #ffe800;
}
.main-nav.main-nav12 > ul > li {
margin-right: 10px !important;
}
.search-form.search-form2.search-form12 {
border: 1px solid #e5e5e5;
float: right;
margin: 0;
max-width: 240px;
padding: 0;
width: 100%;
}
.search-form.search-form12::after {
color: #ffe800;
}
.inner-banner-info12 > h2 {
background: #ffe800 none repeat scroll 0 0;
display: inline-block;
font-size: 60px;
margin: 0;
opacity: 0.9;
padding: 20px 40px 15px;
position: relative;
transition: all 0.8s ease-out 0.5s;
-webkit-transition: all 0.8s ease-out 0.5s;
transform: translateY(500px);
-webkittransform: translateY(500px);
}
.inner-banner-info12 {
color: #fff;
text-align: right;
text-transform: initial;
max-width: 800px;
float: right;
}
.inner-banner-info12 > h3 {
background: #3b3b3b none repeat scroll 0 0;
display: inline-block;
font-size: 30px;
margin: 10px 0 0;
opacity: 0.9;
padding: 12px 30px 14px;
transition: all 1.3s ease-out 1s;
-webkit-transition: all 1.3s ease-out 1s;
transform: translateY(500px);
-webkittransform: translateY(500px);
}
.banner-slider12 .owl-item.active .item-banner12 .banner-info h2 {
transform: translateY(0px);
-webkit-transform: translateY(0px);
}
.banner-slider12 .owl-item.active .item-banner12 .banner-info h3 {
transform: translateY(0px);
-webkit-transform: translateY(0px);
}
.item-banner12 .banner-info {
margin-top: -100px;
}
.adv-default img {
width: 100%;
}
.item-adv3:hover .adv-default img {
transform: scale(1.25) rotate(5deg);
-webkit-transform: scale(1.25) rotate(5deg);
}
.banner-slider12 .owl-controls {
margin: -50px 0 0;
position: absolute;
right: 50px;
top: 50%;
width: 10px;
}
.banner-slider12 .owl-theme .owl-controls .owl-page span::before {
display: none;
}
.banner-slider12 .owl-theme .owl-controls .owl-page span {
background: #3b3b3b none repeat scroll 0 0;
border: medium none;
height: 10px;
margin: 5px 0;
width: 10px;
}
.banner-slider12 .owl-theme .owl-controls .owl-page.active span,
.banner-slider12 .owl-theme .owl-controls .owl-page span:hover {
background: #ffe800;
}
.inner-banner-info12 > h3 .lnr {
margin-left: 20px;
display: inline-block;
transition: all 0.3s ease-out 0s;
-webkit-transition: all 0.3s ease-out 0s;
}
.inner-banner-info12 > h3:hover .lnr {
transform: translateX(10px);
-webkit-transform: translateX(10px);
}
.inner-banner-info12 > h3 a {
color: #fff;
}
.banner-slider12 {
margin-bottom: 25px;
}
.banner-text-info.text-white {
color: #fff;
}
.item-banner-text {
position: relative;
}
.banner-text-info.text-black {
color: #3b3b3b;
}
.banner-text-info {
bottom: 0;
left: 0;
padding-bottom: 80px;
padding-left: 55px;
position: absolute;
text-transform: initial;
}
.banner-text-info.text-white > a {
color: #fff;
}
.banner-text-info h3 {
font-size: 30px;
margin: 0;
transition: all 0.3s ease-out 0s;
-webkit-transition: all 0.3s ease-out 0s;
}
.banner-text-info h2 {
font-size: 60px;
margin: 2px 0 20px;
transition: all 0.3s ease-out 0s;
-webkit-transition: all 0.3s ease-out 0s;
}
.banner-text-info a {
display: inline-block;
font-size: 16px;
}
.banner-text-info a::after {
content: "";
font-family: linearicons;
margin-left: 15px;
}
.item-banner-text:hover .banner-text-info h2 {
font-size: 30px;
}
.item-banner-text:hover .banner-text-info h3 {
font-size: 60px;
}
.list-banner-text {
margin-bottom: 100px;
}
.list-banner-text {
margin-bottom: 100px;
}
.product-tab12 {
background: #f4f4f4 none repeat scroll 0 0;
padding-bottom: 100px;
margin-bottom: 100px;
}
.product-tab-title12 {
margin-bottom: 100px;
text-align: center;
}
.product-tab-title12 > ul {
list-style: outside none none;
margin: 0;
padding: 0;
}
.product-tab-title12 li {
display: inline-block;
margin: 0 5px;
}
.product-tab-title12 a {
background: #3b3b3b none repeat scroll 0 0;
color: #fff!important;
display: block;
font-size: 16px;
height: 60px;
line-height: 60px;
padding: 0 40px;
text-transform: initial;
transition: all 0.3s ease-out 0s;
}
.product-tab-title12 a:hover,
.product-tab-title12 li.active a {
background: #ffe800;
}
.item-product12 {
padding: 0 15px;
text-align: center;
}
.product-tab-slider12 {
margin: 0 -15px;
}
.item-product12 .product-thumb {
margin: 0;
}
.item-product12 .product-info {
background: #fff none repeat scroll 0 0;
padding-bottom: 10px;
position: relative;
}
.item-product12 .product-thumb-link::after {
background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
transition: all 0.3s ease-out 0s;
-webkit-transition: all 0.3s ease-out 0s;
transform: scale(0);
-webkit-transform: scale(0);
}
.item-product12:hover .product-thumb-link::after {
transform: scale(1);
-webkit-transform: scale(1);
}
.item-product12 .quickview-link {
background: #fff none repeat scroll 0 0;
border-radius: 4px;
bottom: 0;
font-size: 30px;
height: 60px;
left: 0;
line-height: 60px;
margin: auto;
position: absolute;
right: 0;
text-align: center;
top: 0;
width: 60px;
color: #ffe800;
transition: all 0.3s ease-out 0s;
-webkit-transition: all 0.3s ease-out 0s;
transform: scale(0);
-webkit-transform: scale(0);
}
.item-product12:hover .quickview-link {
transform: scale(1);
-webkit-transform: scale(1);
}
.item-product12 .quickview-link:hover {
color: #fff;
background: #ffe800;
}
.item-product12 .quickview-link .lnr {
line-height: 60px;
}
.item-product12 .product-rating {
margin: auto;
}
.item-product12 .addcart-link {
margin: 0 14px;
}
.item-product12 .product-price {
background: #ffe800 none repeat scroll 0 0;
height: 60px;
line-height: 60px;
margin-bottom: 28px;
}
.item-product12 .product-price span {
color: #fff;
}
.item-product12 .product-price strong {
color: #fff;
}
.item-product12 .product-price span::after {
background: #fff none repeat scroll 0 0;
}
.item-product12 .product-title {
margin-bottom: 17px;
}
.wrap-product-rating {
background: #fff none repeat scroll 0 0;
left: 0;
padding-bottom: 20px;
position: absolute;
top: 100%;
width: 100%;
transition: all 0.3s ease-out 0s;
-webkit-transition: all 0.3s ease-out 0s;
margin-top: -50px;
}
.item-product12:hover .wrap-product-rating {
box-shadow: 0 6px 10px -5px rgba(0, 0, 0, 0.2);
margin-top: 0px;
}
.item-product12 .product-extra-link {
background: #fff none repeat scroll 0 0;
padding-bottom: 20px;
position: relative;
z-index: 999;
}
.google-map {
margin-bottom: -10px;
}
.google-map iframe {
width: 100%;
}
.product-tab-slider12 .owl-wrapper-outer {
margin-bottom: -50px;
padding-bottom: 50px;
}
.product-tab-slider12 .owl-theme .owl-controls .owl-buttons div {
background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
border-radius: 4px;
height: 50px;
line-height: 50px;
position: absolute;
top: 110px;
width: 50px;
}
.product-tab-slider12 .owl-theme .owl-controls .owl-buttons div:hover {
background: #ffe800;
}
.product-tab-slider12 .owl-theme .owl-controls .owl-buttons div.owl-prev {
left: -10px;
}
.product-tab-slider12 .owl-theme .owl-controls .owl-buttons div.owl-next {
right: -10px;
}
.item-product12:hover .product-info {
box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1);
}
.list-cat-icon.list-cat-icon12::after {
background: #fff none repeat scroll 0 0;
}
.list-cat-icon.list-cat-icon12::before {
background: #fff none repeat scroll 0 0;
}
.wrap-list-cat12 {
margin-bottom: 100px;
}
.list-cat-icon12 .inner-cat-icon {
border: 15px solid #fff;
} .content-page {
margin-top: 30px;
}
.about-menu {
border-bottom: 1px solid #e5e5e5;
border-top: 1px solid #e5e5e5;
margin: 0;
padding: 0;
}
.about-menu > li {
display: inline-block;
margin-right: 36px;
}
.about-menu a::after {
background: #ffe800 none repeat scroll 0 0;
content: "";
height: 1px;
left: 50%;
position: absolute;
top: -1px;
transition: all 0.3s ease-out 0s;
-webkit-transition: all 0.3s ease-out 0s;
width: 0;
}
.about-menu a {
color: #3b3b3b;
display: block;
padding: 15px 0;
position: relative;
-webkit-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.about-menu a:hover {
color: #ffe800;
}
.about-menu a:hover::after {
left: 0;
width: 100%;
}
.contact-info-page {
background: #f4f4f4 none repeat scroll 0 0;
padding: 70px 0;
text-align: center;
}
.list-contact-info {
margin-bottom: 45px;
}
.item-contact-info::after {
background: #999 none repeat scroll 0 0;
content: "";
height: 2px;
left: 100%;
margin-left: -50px;
position: absolute;
top: 28px;
width: 100px;
}
.item-contact-info {
position: relative;
text-align: center;
}
.item-contact-info .contact-icon {
display: inline-block;
overflow: hidden;
position: relative;
}
.item-contact-info a {
color: #333;
transition: all 0.3s ease-out 0s;
-webkit-transition: all 0.3s ease-out 0s;
}
.item-contact-info a i {
color: #999;
font-size: 60px;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.item-contact-info > h2 {
font-size: 18px;
font-weight: 700;
margin: 25px 0 0;
}
.item-contact-info a {
color: #333;
-webkit-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.item-contact-info .contact-icon.icon-quality::before {
content: "";
}
.item-contact-info .contact-icon::before {
color: #999;
font-family: "fontawesome";
font-size: 60px;
left: 0;
opacity: 0;
position: absolute;
top: -1px;
-webkit-transform: translateX(-200%);
transform: translateX(-200%);
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.item-contact-info .contact-icon.icon-shipment::before {
content: "";
}
.item-contact-info .contact-icon.icon-payment::before {
content: "";
}
.item-contact-info .contact-icon:hover::before {
color: #ffe800;
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
.item-contact-info .contact-icon:hover i {
color: #ffe800;
opacity: 0;
-webkit-transform: translateX(200%);
transform: translateX(200%);
}
.item-contact-info a:hover {
color: #ffe800;
}
.item-contact-info.last-item::after {
display: none;
}
.contact-info-page .desc {
color: #555;
margin: 0 auto;
max-width: 890px;
padding: 0 15px;
}
.protect-video {
margin-top: 95px;
}
.about-full-protec h2 {
font-size: 18px;
font-weight: 700;
margin: 0 0 40px;
text-transform: initial;
}
.about-full-protec ul {
margin: 0;
max-width: 450px;
position: relative;
padding: 0;
list-style: none;
}
.about-full-protec li {
display: table;
margin-bottom: 75px;
position: relative;
width: 100%;
}
.about-full-protec li::after {
background: #e5e5e5 none repeat scroll 0 0;
content: "";
height: 50px;
left: 30px;
margin-top: 12px;
position: absolute;
top: 100%;
width: 1px;
}
.about-full-protec li:last-child::after {
display: none;
}
.about-full-protec span {
background: #ffe800 none repeat scroll 0 0;
border-radius: 50%;
color: #fff;
display: table-cell;
font-size: 18px;
height: 60px;
line-height: 60px;
text-align: center;
vertical-align: middle;
width: 60px;
}
.about-full-protec p {
display: table-cell;
padding-left: 25px;
vertical-align: middle;
}
.about-full-protec .new-user-guide {
color: #3b3b3b;
display: block;
margin-top: 30px;
}
.about-full-protec .new-user-guide:hover {
color: #ffe800;
}
.video-about {
padding-right: 60px;
padding-top: 20px;
text-align: right;
}
.about-review {
border-top: 2px solid #e5e5e5;
margin-top: 95px;
padding-top: 95px;
}
.about-review .title-default {
margin-bottom: 47px;
text-transform: initial;
font-size: 18px;
font-weight: 700;
margin: 0 0 30px;
}
.item-about-review {
display: table;
margin-bottom: 50px;
}
.about-review-thumb {
display: table-cell;
}
.about-review-thumb a {
border: 1px solid #e5e5e5;
display: block;
overflow: hidden;
padding: 10px;
-webkit-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
width: 100px;
}
.about-review-thumb a img {
transition: all 0.3s ease-out 0s;
-webkit-transition: all 0.3s ease-out 0s;
}
.about-info {
display: table-cell;
padding: 0 30px;
vertical-align: top;
}
.about-info h3 {
font-size: 14px;
margin: 0 0 8px;
}
.about-info p {
color: #999;
margin: 0;
}
.about-review-thumb a:hover {
border-color: #ffe800;
}
.about-review-thumb a:hover img {
transform: scale(1.15);
-webkit-transform: scale(1.15);
}
.contact-map {
border: 1px solid #e5e5e5;
padding: 10px;
}
.item-contact-info .contact-icon.icon-mobile::before {
content: "";
}
.item-contact-info .contact-icon.icon-phone::before {
content: "";
}
.item-contact-info .contact-icon.icon-email::before {
content: "";
}
.contact-form-page > h2 {
font-size: 18px;
font-weight: 700;
margin: 0 0 37px;
text-transform: initial;
}
.contact-form-page .form-contact input[type="text"] {
border: 1px solid #e5e5e5;
color: #999;
height: 42px;
margin-bottom: 30px;
padding: 0 20px;
width: 100%;
}
.contact-form-page .form-contact textarea {
border: 1px solid #e5e5e5;
margin-bottom: 30px;
padding: 20px;
width: 100%;
}
.contact-form-page .form-contact input[type="submit"] {
background: #3b3b3b none repeat scroll 0 0;
border: medium none;
color: #fff;
height: 40px;
transition: all 0.3s ease-out 0s;
-webkit-transition: all 0.3s ease-out 0s;
width: 110px;
}
.contact-form-page .form-contact input[type="submit"]:hover {
background: #ffe800 none repeat scroll 0 0;
}
.contact-form-page {
margin-top: 45px;
}
.title-shop-page {
font-weight: 700;
margin: 45px 0 35px 0;
text-align: center;
text-transform: initial;
}
.form-my-account {
max-width: 370px;
width: 100%;
}
.form-my-account .title {
margin-bottom: 26px;
font-size: 18px;
font-weight: 700;
margin: 0 0 10px;
text-transform: initial;
}
.form-my-account > p {
margin-bottom: 20px;
max-width: 370px;
position: relative;
}
.form-my-account input[type="text"] {
border: 1px solid #e5e5e5;
color: #999;
font-weight: 700;
height: 50px;
padding: 0 20px;
text-transform: uppercase;
width: 100%;
}
.form-my-account input[type="submit"] {
background: #3b3b3b none repeat scroll 0 0;
border: medium none;
color: #fff;
height: 40px;
margin-top: 10px;
transition: all 0.3s ease-out 0s;
-webkit-transition: all 0.3s ease-out 0s;
width: 110px;
}
.form-my-account input[type="submit"]:hover {
background: #ffe800;
}
.form-my-account input[type="checkbox"] {
display: none;
}
.form-my-account input[type="checkbox"]:checked + label::before {
content: "";
}
.form-my-account input[type="checkbox"] + label::before {
border: 1px solid #e5e5e5;
content: "";
display: inline-block;
font-family: "FontAwesome";
font-size: 14px;
font-weight: 400;
height: 20px;
line-height: 18px;
margin-right: 17px;
text-align: center;
vertical-align: middle;
width: 20px;
}
.form-my-account a:hover {
color: #ffe800;
}
.form-my-account a {
color: #3b3b3b;
position: absolute;
right: 0;
top: 0;
}
.account-register::before {
border-right: 1px solid #e5e5e5;
content: "";
height: 100%;
left: -15px;
position: absolute;
top: 0;
width: 1px;
}
.account-register {
float: left;
position: relative;
width: 100%;
}
.account-register .form-my-account {
float: right;
}
.content-page {
margin-bottom: 50px;
margin-top: 30px;
} .general-setting {
background: #111 none repeat scroll 0 0;
left: -200px;
position: fixed;
top: 200px;
width: 200px;
z-index: 999999;
transition: all 0.3s ease-out 0s;
-webkit-transition: all 0.3s ease-out 0s;
}
.general-setting.active {
left: 0;
}
.title-setting {
background: #222 none repeat scroll 0 0;
color: #fff;
font-size: 18px;
height: 40px;
line-height: 40px;
margin: 0;
padding: 0 15px;
text-transform: uppercase;
}
.content-general-setting {
background: #111 none repeat scroll 0 0;
padding-bottom: 20px;
}
.general-setting .btn-setting {
background: #222 none repeat scroll 0 0;
border-radius: 0 6px 6px 0;
color: #fff;
font-size: 18px;
height: 40px;
left: 100%;
line-height: 40px;
position: absolute;
text-align: center;
top: 0;
width: 40px;
}
.general-setting .btn-setting:hover {
color: #ffe800;
}
.title-setting-box {
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
color: #fff;
font-size: 14px;
margin: 0 0 15px;
padding-bottom: 10px;
text-transform: uppercase;
}
.general-setting-box {
margin-top: 15px;
padding: 0 15px;
}
.general-setting-box ul {
list-style: outside none none;
margin: 0;
padding: 0;
}
.color-setting-box li {
display: inline-block;
margin-right: 6px;
}
.color-setting-box li a {
border: 1px solid #e5e5e5;
display: block;
height: 30px;
width: 30px;
position: relate;
}
.color-setting-box li.active a::after {
content: "\f00c";
position: absolute;
font-family: fontawesome;
color: #fff;
height: 28px;
line-height: 28px;
display: block;
text-align: center;
width: 28px;
}
.direct-setting-box > select {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background: #ffffff url(//instore.bnn.in.th/wp-content/themes/necshop/assets/css/images/pages/arrow-down.png) no-repeat scroll right 10px center / 10px auto;
border: 1px solid #e5e5e5;
color: #666;
height: 30px;
padding: 0 35px 0 5px;
}
.layout-setting-box li {
display: inline-block;
}
.layout-setting-box li a {
background: #fff none repeat scroll 0 0;
color: #333;
display: block;
height: 30px;
line-height: 30px;
margin-right: 6px;
padding: 0 15px;
transition: all 0.3s ease-out 0s;
-webkit-transition: all 0.3s ease-out 0s;
}
.layout-setting-box li.active a {
background: #ffe800;
color: #fff;
}
body.boxed {
background-image: url(//instore.bnn.in.th/wp-content/themes/necshop/assets/css/images/home8/bg-pr.jpg);
backgound-repeat: no-repeat;
background-attachment: fixed;
background-position: center top;
}
body.boxed .wrap {
max-width: 1170px;
width: 100%;
position: relative;
margin: auto;
}
body.boxed .mini-cart-content {
right: 0;
}
body.boxed .main-nav > ul > li {
margin-right: 35px;
}
.general-setting-box.layout-setting-box {
display: none;
} .special-product-info .product-extra-link.style2 a.btn-eye {
height: 36px;
line-height: 36px;
color: #fff;
background: #333;
position: relative;
top: 0;
left: 0;
margin: 0 0 0 6px;
}
.special-product-info .product-extra-link.style2 a.btn-eye:hover {
background: #ffe800;
}
.main-nav.main-nav8 .toggle-mobile-menu::after {
color: #ffe800;
font-size: 18px;
}
.main-nav.main-nav8 .toggle-mobile-menu {
margin-top: 0;
}
.from-blog7.from-blog12 {
margin-top: 50px;
}
.special-product-info .list-social-product {
left: 0px;
width: 140px;
padding: 0;
}
.special-product-info .list-social-product li {
display: inline-block;
}
.special-product-info .list-social-product li a {
margin: 5px !important;
}
.item-product8 .product-extra-link > a {
display: inline-block;
position: relative;
}
.item-product8 .product-extra-link > a > span {
background: #ffe800 none repeat scroll 0 0;
color: #fff;
display: inline-block;
font-size: 10px;
left: 0;
margin-left: -28px;
position: absolute;
text-align: center;
text-transform: capitalize;
top: 100%;
width: 64px;
z-index: 999;
opacity: 0;
margin-top: 30px;
visibility: hidden;
transition: all 0.3s ease-out 0s;
-webkit-transition: all 0.3s ease-out 0s;
}
.item-product8 .product-extra-link > a > span::after {
border-bottom: 6px solid #ffe800;
border-left: 3px solid transparent;
border-right: 3px solid transparent;
bottom: 100%;
content: "";
height: 0;
left: 50%;
position: absolute;
width: 0;
}
.item-product8 .product-extra-link > a:hover > span {
margin-top: 0;
opacity: 1;
visibility: visible;
}
.toggle-sidebar {
background: #f4f4f4 none repeat scroll 0 0;
font-size: 24px;
margin: 20px 0;
padding: 10px 20px;
position: relative;
text-transform: uppercase;
cursor: pointer;
display: none;
}
.toggle-sidebar::after {
content: "\f196";
font-family: fontawesome;
font-size: 17px;
position: absolute;
right: 18px;
top: 15px;
}
.toggle-sidebar.active::after {
content: "\f147";
}