/*
Theme Name: SardWonder Theme
Theme URI: http://s60.com.au
Description: ---
Author: Studio 60
Author URI: http://s60.com.au
Version: 1.0
*/

@import url("css/fonts.css");
/* reset & default */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, input, textarea, select, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    background: transparent;
    font-size: 100%;
    vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    background: #fff;
    color: #6f6f6f;
    font-family: "apercuregular-webfont", Arial, Helvetica, sans-serif;
    font-size: 15px;
    line-height: 1;
}
textarea {
    font-family: inherit;
    overflow: auto;
    vertical-align: top;
    resize: none
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}
abbr[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
}
table {
    border-spacing: 0;
}
sup {
    vertical-align: text-top;
}
sub {
    vertical-align: text-bottom;
}
h1 {
    font-size: 20px;
}
h2 {
    font-size: 18px;
    font-family: "apercubold-webfont", Arial, Helvetica, sans-serif;
    color: #0078e7;
    text-transform: uppercase;
}
h3 {
    font-size: 16px;
    font-family: "apercubold-webfont", Arial, Helvetica, sans-serif;
    color: #0078e7;
    text-transform: uppercase;
}
h4 {
    font-size: 14px;
    font-family: "apercubold-webfont", Arial, Helvetica, sans-serif;
    color: #0078e7;
    text-transform: uppercase;
}
h5 {
    font-size: 12px;
    font-family: "apercubold-webfont", Arial, Helvetica, sans-serif;
    color: #0078e7;
    text-transform: uppercase;
}
h6 {
    font-size: 12px;
    font-family: "apercubold-webfont", Arial, Helvetica, sans-serif;
    color: #282525;
    text-transform: uppercase;
}
a {
    text-decoration: none;
}
a:hover {
    color: #ddd;
}
:focus {
    outline: 0;
}
p {
    line-height: 25px;
}
/* Common */
.left {
    float: left;
}
.right {
    float: right;
}
.hidden {
    display: none;
}
.fontCoffee {
    font-family: "coffeeservice-webfont", Arial, Helvetica, sans-serif!important;
    color: #282525;
}
.btn {
    font: 11px "apercubold-webfont", Arial, Helvetica, sans-serif;
    color: #fff;
    background: #de0e21;
    padding: 12px 0 0 0;
    display: block;
    text-transform: uppercase;
    background: url(images/btn_n1.png) no-repeat 0 0;
    width: 143px;
    height: 24px;
    text-align: center;
    margin: 0 auto;
}
.btn:hover {
    background: url(images/btn_n1_o.png) no-repeat 0 0;
}
.btn-1 {
    font-size: 13px;
    background: url(images/btn_n.png) no-repeat 0 0;
    width: 222px;
    height: 35px;
    margin: 0;
    padding: 15px 0 0 0;
}
.btn-1:hover {
    background: url(images/btn_o.png) no-repeat 0 0;
}
.bgd-home {
    background: url(images/bgd_home.png) 0 0 no-repeat;
}
.bgd-about {
    background: url(images/bgd_about.png) 0 0 no-repeat;
}
.bgd-stain {
    background: url(images/bgd_strain.png) 0 0 no-repeat;
}
.bgd-stain .cont-banner {
    margin: 0 auto;
    width: 1090px;
}
.bgd-stain .caption {
    margin: 150px 0 0 140px;
    width: 560px;
}
.bgd-stain .cont-banner img {
    width: auto;
    margin: 0 0 0 -150px;
    float: right;
}
.bgd-banner2 .cont-banner img {
    display: none;
}
.bgd-pro-1 {
    background: url(images/bgd_product_1.png) 0 0 no-repeat;
}
.bgd-pro-2 {
    background: url(images/bgd_product_2.png) 0 0 no-repeat;
}
.bgd-pro-3 {
    background: url(images/bgd_product_3.png) 0 0 no-repeat;
}
.bgd-pro-4 {
    background: url(images/bgd_product_4.png) 0 0 no-repeat;
}
.bgd-pro-5 {
    background: url(images/bgd_product_5.png) 0 0 no-repeat;
}
.bgd-pro-detail-1 {
    background: url(images/bgd_product_detail_1.png) 0 0 no-repeat;
}
.bgd-pro-detail-2 {
    background: url(images/bgd_product_detail_2.png) 0 0 no-repeat;
}
.bgd-pro-detail-3 {
    background: url(images/bgd_product_detail_3.png) 0 0 no-repeat;
}
.bgd-pro-detail-4 {
    background: url(images/bgd_product_detail_4.png) 0 0 no-repeat;
}
/* structure */
#container {
    overflow: hidden;
    margin: 0 auto;
}
#header {
    width: 100%;
}
#header .inner {
    width: 910px;
    margin: 10px auto 8px;
    overflow: hidden;
}
.logo {
    float: left;
}
#nav {
    float: left;
    margin: 32px 0 0 46px;
    overflow: hidden;
}
#nav li {
    float: left;
    margin-right: 36px;
}
#nav li a {
    font-size: 14px;
    font-family: apercubold-webfont, Arial, Helvetica, sans-serif;
    color: #282525;
    text-transform: uppercase;
}
#nav li.current-menu-item a, #nav li.current_page_parent a, #nav li.active a, #nav li a:hover {
    color: #de0e21;
}
.lst-social {
    float: right;
    width: 136px;
    overflow: hidden;
    margin: 20px 0 0 0;
    text-align: right;
}
.lst-social li {
    display: inline-block;
    margin-left: 7px;
}
#main {
}
#footer {
    width: 100%;
    text-align: center;
    background: #0078e7;
    padding: 40px 0 44px;
    color: #fff;
}
#footer p {
    margin: 18px 0 27px;
    font-size: 25px;
    font-family: coffeeservice-webfont, "Times New Roman", Times, serif
}
.lst-social-1 {
    overflow: hidden;
    width: 172px;
    margin: 0 auto;
}
.lst-social-1 li {
    display: inline-block;
    margin-left: 9px;
}
.lst-social-1 li:first-child {
    margin: 0;
}
.nav-footer {
    overflow: hidden;
}
.nav-footer li {
    display: inline;
    margin-left: 1px;
}
.nav-footer li a {
    color: #fff;
    font: 11px apercubold-webfont, Arial, Helvetica, sans-serif;
    text-transform: uppercase;
}
.nav-footer li a:hover {
    text-decoration: underline;
}
.nav-footer li:first-child {
    margin: 0;
}
.nav-footer li span:before {
    content: " . ";
}
.nav-footer li:first-child span:before {
    content: "";
}
/* carousel */
#main {
    position: relative;
}
.homepage {
    padding: 720px 0 40px;
}
.lst-silde {
    background: url(images/bg-carousel.jpg) no-repeat center center;
    width: 1700px;
    height: 661px;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    margin-left: -850px;
}
.lst-silde .inner {
    background: url(images/bg-carousel-bottom.png) no-repeat left bottom;
    height: 70px;
    overflow: hidden;
    z-index: 10;
    position: absolute;
    bottom: 0;
    width: 1700px;
}
.lst-image {
    width: 100000px;
}
.lst-image li {
    float: left;
    width: 1700px;
    overflow: hidden;
}
.lst-image li .image-banner {
    float: right;
    margin-left: -450px;
}
.lst-image li .image-product img {
    margin: -68px 0 0 -118px;
}
.lst-image li .btn-1.last {
    position: absolute;
    bottom: 30px;
    position: absolute;
    right: 277px;
}
.caption {
    margin: 75px 0 0 395px;
    float: left;
    width: 700px;
    position: relative;
    z-index: 1;
}
.caption h2 {
    font-size: 87px;
    text-transform: uppercase;
    color: #fff;
    line-height: 80px;
}
.caption h2 span {
    display: block;
    margin-left: 90px;
}
.caption p.fontCoffee {
    font-size: 35px;
    line-height: 35px;
    color: #fff;
}
.caption p {
    font-size: 25px;
    color: #fff;
    margin: 8px 0 10px;
}
.banner-product .cont-banner {
    width: 995px;
    margin: 0 auto;
    overflow: hidden;
}
.banner-product .cont-banner .caption {
    float: left;
    margin: 110px 0 0 0;
    width: 560px;
    text-align: center;
}
.banner-product .cont-banner .caption h2 {
    font-size: 101px;
    line-height: 101px;
}
.banner-product .cont-banner img {
    float: right;
    margin: 64px 0 0 0;
}
.thumb {
    position: absolute;
    bottom: 50px;
    left: 50%;
    margin-left: -50px;
    z-index: 100;
}
.thumb li {
    float: left;
    text-indent: -9999px;
    cursor: pointer;
}
.thumb li {
    background: url(images/icon-thumb.png) no-repeat 0 0;
    width: 10px;
    height: 10px;
    float: left;
    margin-left: 9px;
    display: block;
}
.thumb li.active {
    background: url(images/icon-thumb-active.png) no-repeat 0 0;
}
.lst-image li:first-child .caption {
    margin: 30px 0 0 395px;
}
.lst-image li:last-child .caption {
    margin: 25px 0 0 395px;
}
.lst-image li:last-child .caption h2 {
    font-size: 75px;
}
/* home */
#content {
    position: relative;
}
#content .block {
    width: 902px;
    margin: 0 auto;
}
.block-1 {
    overflow: hidden;
    margin: 0 0 30px 0;
}
.block-1 h3 {
    font-size: 55px;
    line-height: 55px;
}
.block-1 h4 {
    font-size: 25px;
    line-height: 30px;
    margin: 0 0 15px;
    font-weight: normal;
    text-transform: inherit;
}
.block-1 p {
    font-size: 18px;
    color: #6f6f6f;
    margin-bottom: 34px;
}
.block-1 .inner {
    width: 420px;
    margin: 20px 0 0 50px;
}
.block-2 .inner {
    margin: 78px 0 0 0;
}
.wi-frame {
    background: url(images/photo-frame.png) no-repeat 0 0;
    display: block;
    width: 430px;
    height: 417px;
    position: absolute;
    z-index: 10;
    left: 52px;
    top: 0;
}
.block-frame {
    position: relative;
    overflow: hidden;
}
/* page stainguide */
.bgd-banner {
    background: url(images/bgd_banner_stainguide.jpg) 50% 0 no-repeat;
    height: 456px;
}
.bgd-banner2 {
    background: url(images/Sard_rainbow.jpg) 50% 0 no-repeat;
    height: 456px;
}
.bgd-banner .inner {
    background: url(images/bgd_banner_b.png) 0 100% no-repeat;
    height: 73px;
}
.bgd-banner img {
    margin-left: -132px;
}
.banner-product img {
    margin-left: -80px;
    margin-top: 60px;
}
/* Content stain */
.page-stain {
    width: 910px;
    margin: 0 auto;
    padding: 485px 0 80px;
}
.page-stain h3 {
    font-size: 78px;
    padding: 0 0 30px;
}
.page-stain h4 {
    color: #282525;
    font-size: 25px;
}
/* Tab */
.tab {
    overflow: hidden;
    margin: 0 0 80px;
}
.tab li {
    float: left;
    width: 83px;
    margin: 0 18px 0 0;
    text-align: center;
}
.tab li.last {
    margin: 0;
}
.tab a {
    display: block;
    color: #212121;
    font-family: "apercubold-webfont", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    font-size: 11px;
}
.tab a span {
    display: block;
    background: url(images/bgd_tab_n.png) 0 0 no-repeat;
    width: 83px;
    height: 60px;
    margin: 0 0 16px;
    padding: 24px 0 0;
}
.tab a:hover span, .tab a.select span {
    background: url(images/bgd_tab_a.png) 0 0 no-repeat
}
/* Content stain */
.block-stain {
    overflow: hidden;
}
.thumb-stain {
    width: 430px;
    float: left;
    margin: 0 38px 0 0;
    position: relative;
}
.thumb-stain span {
    background: url(images/photo-frame-1.png) 0 0 no-repeat;
    width: 447px;
    height: 436px;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
}
.detail {
    overflow: hidden;
    padding: 10px 0 0;
}
.detail-1 {
    padding: 0 0 10px;
    font: 15px/25px "apercuregular-webfont", Arial, Helvetica, sans-serif;
    color: #6f6f6f;
}
.detail-1 p {
    padding: 0 0 10px;
}
.detail-1 p.node {
    font-size: 12px;
}
/* Page about */
.page-about {
    border-top: 1px solid #aaa;
}
.page-about #content {
    margin: 0 auto;
    padding: 100px 0 50px;
    width: 910px;
}
.cont-about {
    overflow: hidden;
    margin: 0 0 100px;
}
.cont-about .floatR {
    width: 469px;
    float: right;
}
.cont-about .floatL {
    width: 383px;
    float: left;
}
.block-about-1 h3 {
    font-size: 50px;
    padding: 0 0 10px;
}
.block-about-1 h4 {
    font-size: 15px;
    color: #282525;
    text-transform: uppercase;
    padding: 0 0 5px;
}
.block-about-1 h4 span {
    color: #0078e7;
}
.block-about-1 p.fontCoffee {
    font-size: 35px;
    padding: 0 0 15px;
}
.block-about-1 p {
    padding: 0 0 10px;
    font-size: 15px;
}
.block-about-1 p.node {
    font-size: 20px;
}
.block-about-2 {
    margin: 0 50px 0 0;
}
.block-about-2 p.fontCoffee {
    font-size: 38px;
    color: #0078e7;
    padding: 80px 0 0;
    line-height: 38px;
}
.photo-about {
    position: relative;
}
.photo-about span {
    display: block;
    background: url(images/photo-frame-2.png) 0 0 no-repeat;
    width: 383px;
    height: 371px;
    position: absolute;
    left: 0;
    top: 0;
}
/* Page product */
.page-product h2 {
    font-size: 45px;
    padding: 0 0 60px;
}
.nav-filter {
    overflow: hidden;
    text-align: center;
    border-top: 1px solid #a2a2a2;
    padding: 26px 0;
}
.nav-filter li {
    display: inline;
    font-family: "apercubold-webfont", Arial, Helvetica, sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    color: #0078e7;
    padding: 0 24px 0 0;
}
.nav-filter li:first-child {
    padding: 0 50px 0 0;
}
.nav-filter li:last-child {
    padding: 0;
}
.nav-filter a {
    color: #282525;
}
.nav-filter a:hover, .nav-filter a.select, .nav-filter li.current-cat a {
    color: #de0e21;
}
.border-b {
    border-bottom: 1px solid #ccc;
}
/* All prdouct */
.page-product {
    width: 910px;
    margin: 0 auto;
    padding: 485px 0 20px;
}
.page-product p.fontCoffee {
    font-size: 22px;
}
.page-product p:first-child {
    padding: 32px 0 40px;
    width: 365px;
}
.page-product h3 {
    font-size: 25px;
    padding: 5px 0 10px;
}
.cont-product ul {
    overflow: hidden;
    width: 1095px;
    margin: 0 auto;
}
.cont-product li {
    width: 345px;
    float: left;
    text-align: center;
    margin: 0 0 100px;
}
.cont-product li:hover .btn {
    display: none;
}
.cont-product li div:hover .fontCoffee {
    font-size: 35px;
}
.cont-product li div:hover h3 {
    font-size: 40px;
}
.cont-product p:first-child:hover {
    background: url(images/bg-product-hover.png) no-repeat 0 0;
    width: 365px;
    margin-bottom: 20px;
}
.cont-product li p .btn:hover {
    display: inline-block;
}
.cont-product li p .btn:hover .fontCoffee {
    font-size: 22px;
}
.cont-product li p .btn:hover .h3 {
    font-size: 25px;
}
/* Page product detail */
.product-detail {
}
.cont-detail {
    width: 924px;
    margin: 0 auto 50px;
    overflow: hidden;
    padding: 100px 0 0;
}
.left-detail {
    float: left;
    width: 314px;
    padding: 0 82px 0 82px;
    position: relative;
}
.left-detail p.fontCoffee {
    font-size: 25px;
    padding: 0 0 10px;
}
.show-product p {
    font: 43px "apercubold-webfont", Arial, Helvetica, sans-serif;
    color: #0078e7;
    padding: 0 0 15px;
}
.show-product-1 {
    overflow: hidden;
}
.show-product-1 img {
    float: left;
    width: auto;
}
.show-product-1 .right-detail {
    float: right;
    width: 192px;
    margin: 55px 0 0;
    font-size: 25px;
    color: #282525;
}
.show-product-1 .count {
    color: #0078e7;
    font: 43px/43px "apercubold-webfont", Arial, Helvetica, sans-serif;
}
.available {
    overflow: hidden;
    margin: 0 0 39px;
}
.available li {
    float: left;
    margin: 0 22px 0 0;
}
.labelLeft {
    position: absolute;
    left: 10px;
    top: 28px;
    background: url(images/bgd_news.png) 0 0 no-repeat;
    width: 146px;
    height: 101px;
    text-align: center;
    padding: 40px 0 0;
}
.labelLeft h4, .labelRight h4 {
    font-size: 23px;
    color: #fff;
    padding: 0 0 2px;
}
.labelLeft p.fontCoffee, .labelRight p.fontCoffee {
    font-size: 17px;
    color: #fff;
    font-weight: normal;
    line-height: 15px;
}
.bgd-pro-detail-3 .labelLeft {
    top: 155px;
}
.labelRight {
    position: absolute;
    right: 100px;
    top: 120px;
    background: url(images/bgd_news.png) 0 0 no-repeat;
    width: 146px;
    height: 101px;
    text-align: center;
    padding: 40px 0 0;
}
.right-detail {
    float: left;
    width: 442px;
}
.right-detail h3 {
    font-size: 36px;
    padding: 0 0 5px;
}
.right-detail h4 {
    font-size: 25px;
    padding: 0 0 15px;
}
.right-detail h5 {
    font-size: 18px;
    color: #282525;
    padding: 0 0 5px;
}
.right-detail p {
    padding: 0 0 10px;
}
.right-detail p.fontCoffee {
    font-size: 26px;
    color: #6f6f6f;
}
.feature-list {
    margin: 0 0 10px;
}
.feature-list ul li {
    background: url(images/bullet.png) 0 5px no-repeat;
    padding: 0 0 0 22px;
    font: 15px/25px "apercuregular-webfont", Arial, Helvetica, sans-serif;
}
.list-product {
    border-top: 1px solid #cecece;
    padding: 65px 0;
}
.list-product h3 {
    font: 20px "apercubold-webfont", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    color: #0078e7;
}
.list-product ul {
    width: 924px;
    margin: 0 auto;
    overflow: hidden;
}
.list-product li {
    float: left;
    width: 214px;
    margin: 0 22px 0 0;
    text-align: center;
}
.list-product li:last-child {
    margin: 0;
}
.list-product p {
    padding: 0 0 20px;
}
.list-product p.fontCoffee {
    font-size: 17px;
    padding: 0 0 5px;
}
.box-refesh {
    margin-top: -15px;
    margin-bottom: 10px;
}
.box-refesh span {
    background: url(images/icon-refesh.png) no-repeat 0 4px;
    padding: 10px 0 20px 50px;
    display: block;
    color: #282525;
    font-family: "apercubold-webfont", Arial, Helvetica, sans-serif;
}
/*add-on*/
.cont-product ul li .attachment-shop_single.wp-post-image {
    width: 161px;
    height: 297px;
}
.available a {
    display: inline-block;
    margin-right: 22px;
}
.left-detail .attachment-shop_single.wp-post-image {
    width: 254px;
    height: 470px;
}
.list-product p.thumblike img {
    width: 115px;
    height: 212px;
}
.name_cat a:hover, .name_cat a {
    color: #0078E7;
}
.woocommerce-result-count, #main>h2, #container h1.page-title, #container div.term-description, form.woocommerce-ordering {
    display: none;
}
.nav_border .nav-filter {
    border-bottom: 1px solid #CCCCCC;
}
.right-detail div.fontCoffee>p {
    font-size: 30px;
    color: #6f6f6f;
}
.right-detail div.fontCoffee.sorth > p {
    font-size: 22px
}
.right-detail div.fontCoffee.nameprd > p {
    color: #000;
}
.cat-name-details a {
    color: #0078E7;
}
.blackText {
    color: #000 !important;
}
/*end add-on*/


ul.flicons {
    width: 100%;
}
ul.flicons li {
    float: left;
    margin-right: 10px;
}
ul.flicons li img {
    max-height: 90px;
}
ul.nos li {
    padding-left: 150px;
    line-height: 150px;
}
.nos li.no1 {
    background: url(/wp-content/uploads/2017/11/icons_01-01.png) 0 0 no-repeat;
}
.nos li.no2 {
    background: url(/wp-content/uploads/2017/11/icons_01-02.png) 0 0 no-repeat;
}
.nos li.no3 {
    background: url(/wp-content/uploads/2017/11/icons_01-03.png) 0 0 no-repeat;
}
p.fontCoffee.nopad {
    padding-top: 10px!important;
}
body.page-id-663 .cont-about {
    margin-bottom: 30px;
}
body.page-id-663 h1, body.page-id-663 h2, body.page-id-663 h3, body.page-id-663 h4 {
    color: #0055A5;
}
.caption h2 {
    color: #fff!important;
}
body.page-id-663 .bgd-stain {
    background-image: none;
}
body.page-id-663 .bgd-stain .caption {
    margin: 78px 0 0 140px;
}
.page-colourcatch {
    width: 910px;
    margin: 0 auto;
    padding: 0px 0 80px;
}
.fontCoffee.blue {
    color: #0055A5;
}
ul.lst-image li:nth-child(1) {background:url(/wp-content/uploads/2017/11/Sard_Rainbow_1040x404.jpg) 0 0 no-repeat; background-size: cover; height:660px;}
ul.lst-image li:nth-child(1) .image-banner {display:none;}
ul.lst-image li:nth-child(1) .btn-1 {background:url(/wp-content/themes/sardwonder/images/btn_b.png) 0 0 no-repeat;}

ul.lst-image li:nth-child(2) .caption {
	margin: 22px 0 0 395px;
}

.mums ul li {line-height:25px;}
div.mums a {font-size:20px; font-weight:bold; color:#0055A5; }