/* CSS Document */ :root {
    --font-family: Arial, Helvetica, "sans-serif";
    --font-family-alt: "Bai Jamjuree", sans-serif;
    --font-size: 16px;
    --font-size-alt: 16px;
    --line-height: normal;
    /**********/
    --phone-padding: 8px;
    --tablet-padding: 16px;
    --block-padding: 30px;
    --centered-width: 1500px;
    /*COLOURS*/
    /*BLUE*/
    --color1: #1a65b7;
    /*drk blue*/
    --color2: #253b8d;
    /*lght grey*/
    --color3: #eeeeee;
    /*lght grey*/
    --color4: #f6f6f6;
    /**********/
    --black: #171717;
    --grey: #3b3b3b;
    --white: #ffffff;
    /**********/
    --text-color: #7b7b7b;
    --link-color: var(--color1);
    /*FOOTER*/
    --footer-bg: var(--black);
    --footer-text-color: var(--white);
    --footer-link-color: var(--white);
    /*border*/
    --border-color: var(--color1);
    --border-size: 1px;
    /*HEADER*/
    --header-bg-position: fixed;
    --header-height: 85px;
    --header-bg: transparent;
    --header-bg-tint: var(--black);
    --header-logo-height: 85px;
    --header-logo-width: auto;
    --header-time: 0.3s;
    --header-scale: 0.6;
    /*TOP NAV*/
    --top-nav-font-size: 18px;
    --top-nav-colour: var(--white);
    --top-nav-hover-colour: var(--white);
    --top-nav-selected-colour: var(--white);
    --top-nav-font-weight: 700;
    --top-nav-drop-color: var(--grey);
    /*MOBILE NAV*/
    --mobile-nav-width: 375px;
    /*FORM*/
    --form-btn-padding: 8px var(--block-padding) 8px 8px;
    --form-btn-bg-color: var(--color1);
    --form-btn-color: var(--white);
    --form-btn-font-size: 16px;
    --form-btn-radius: 0px;
    --form-border: none;
    /*HERO*/
    --hero-height: 100vh;
    --hero-top: 236px;
    /*promo*/
    --promo-top: 200px;
    /*social icons*/
    --social-background-color: transparent;
    --social-width: auto;
    --social-height: auto;
    --social-padding-top: 0;
    --social-border-radius: 18px;
    --social-font-size: 20px;
    /*******/
    --p-font-family: var(--font-family);
    --p-size: 15px;
    --p-weight: 400;
    --p-margin-bottom: var(--block-padding);
    --strong-font-weight: 600;
    --h1-font-family: var(--font-family);
    --h1-size: 55px;
    --h1-margin-bottom: var(--block-padding);
    --h1-weight: 600;
    --h2-font-family: var(--font-family);
    --h2-size: 35px;
    --h2-margin-bottom: var(--block-padding);
    --h2-weight: 600;
    --h3-font-family: var(--font-family);
    --h3-size: 24px;
    --h3-margin-bottom: var(--block-padding);
    --h3-weight: 600;
    --h4-font-family: var(--font-family);
    --h4-size: 19px;
    --h4-margin-bottom: var(--block-padding);
    --h4-weight: 600;
}
/**********/
* {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
html, body {
    margin: 0;
    padding: 0;
}
/***MAIN BLOCKS****/
.fw-bg {
    position: relative;
    float: left;
    width: 100%;
}
.phoo_row_wrapper {
    position: relative;
    float: left;
    width: 100%;
}
.phoo_row {
    position: relative;
    width: 100%;
    height: auto;
    overflow-x: hidden;
    padding: 0;
    background-size: cover;
    background-position: top center;
}
.page-pad .fw-wrapper {
    height: var(--block-padding);
}
/**********/
.w960-centered .fw-wrapper {
    position: relative;
    width: 100%;
    max-width: 1400px;
    height: auto;
    margin: 0 auto 0 auto;
    padding: var(--block-padding) 0 0 var(--block-padding);
}
.w960-centered .fw-wrapper .block {
    position: relative;
    float: left;
    padding: 0 var(--block-padding) var(--block-padding) 0;
}
/**********/
.full-width .fw-wrapper {
    position: relative;
    width: calc(100% + var(--block-padding));
    width: 100%;
    height: auto;
    padding: var(--block-padding) 0 0 var(--block-padding);
}
.full-width .fw-wrapper .block {
    position: relative;
    float: left;
    padding: 0 var(--block-padding) var(--block-padding) 0;
}
/**********/
.block img.left {
    float: left;
    margin: 0 var(--block-padding) var(--block-padding) 0;
}
.block img.right {
    float: right;
    margin: 0 0 var(--block-padding) var(--block-padding);
}
.block .inner {
    position: relative;
}
.spacer {
    position: relative;
    float: left;
    width: 100%;
}
.wrapper {
    position: relative;
    float: left;
    width: 100%;
}
.hidden {
    display: none;
}
.fl-l {
    float: left;
}
.fl-r {
    float: right;
}
.ta-r {
    text-align: right;
}
.w-auto {
    width: auto;
}
.highlight {
    font-size: 20px;
    font-weight: 400;
}
.centered {
    text-align: center;
}
.no-alias {
    image-rendering: optimizeSpeed;
    /* STOP SMOOTHING, GIVE ME SPEED  */
    image-rendering: -moz-crisp-edges;
    /* Firefox                        */
    image-rendering: -o-crisp-edges;
    /* Opera                          */
    image-rendering: -webkit-optimize-contrast;
    /* Chrome (and eventually Safari) */
    image-rendering: pixelated;
    /* Chrome */
    image-rendering: optimize-contrast;
    /* CSS3 Proposed                  */
    -ms-interpolation-mode: nearest-neighbor;
    /* IE8+                           */
}
/**********/
.fade_on_scroll {
    opacity: 0.1;
}
/*********
BLOCKS
************/
.col1 {
    width: 100%;
}
.col1_4 {
    width: 25%;
}
.col1_2 {
    width: 50%;
}
.col3_4 {
    width: 75%;
}
.col1_3 {
    width: 33.3333%;
}
.col2_3 {
    width: 66.6666%;
}
.col1_5 {
    width: 20%;
}
.col1_6 {
    width: 16.6666%;
}
.col4_5 {
    width: 80%;
}
/*********
STRUCTURE
************/
.w5pc, .w10pc, .w20pc, .w25pc, .w30pc, .w33pc, .w40pc, .w50pc, .w60pc, .w66pc, .w70pc, .w75pc, .w80pc, .w90pc, .w95pc, .w100pc, .w80, .w160, .w240, .w320, .w400, .w480, .w560, .w640, .w720, .w800, .w880, .w960 {
    position: relative;
    float: left;
}
.w5pc {
    width: 5% !important;
}
.w10pc {
    width: 10% !important;
}
.w20pc {
    width: 20% !important;
}
.w25pc {
    width: 25% !important;
}
.w30pc {
    width: 30% !important;
}
.w33pc {
    width: 33.3333% !important;
}
.w40pc {
    width: 40% !important;
}
.w50pc {
    width: 50% !important;
}
.w60pc {
    width: 60% !important;
}
.w66pc {
    width: 66.6666% !important;
}
.w70pc {
    width: 70% !important;
}
.w75pc {
    width: 75% !important;
}
.w80pc {
    width: 80% !important;
}
.w90pc {
    width: 90% !important;
}
.w95pc {
    width: 95% !important;
}
.w100pc {
    width: 100% !important;
}
.w80 {
    width: 160px !important;
}
.w160 {
    width: 160px !important;
}
.w240 {
    width: 240px !important;
}
.w320 {
    width: 320px !important;
}
.w400 {
    width: 400px !important;
}
.w480 {
    width: 480px !important;
}
.w560 {
    width: 560px !important;
}
.w640 {
    width: 640px !important;
}
.w720 {
    width: 720px !important;
}
.w800 {
    width: 800px !important;
}
.w880 {
    width: 880px !important;
}
.w960 {
    width: 960px !important;
}
/************/
#skiptocontent a {
    height: 1px;
    width: 1px;
    position: absolute;
    overflow: hidden;
    top: -10px;
}
#skiptocontent a:focus {
    display: inline-block;
    height: auto;
    width: 240px;
    padding: 16px 32px;
    position: absolute;
    overflow: hidden;
    top: 16px;
    left: 16px;
    z-index: 20000;
    background-color: #000000;
    color: #FFFFFF;
    text-align: center;
}
/**********/
/*FORM*/
/*********************************/
.form-row {
    float: left;
    width: 100%;
    padding: 0 0 8px 0;
    margin: 0 0 8px 0;
}
.form-row .th {
    padding: 8px;
    border-right: 8px solid #FFF;
    color: #FFF;
    background-color: #AAA;
}
.form-row .formLabel {
    float: left;
    width: 100%;
    padding: 0 0 6px 0;
    white-space: nowrap;
    font-weight: bold;
    text-align: left;
}
.form-row .formInput {
    float: left;
    width: 100%;
    color: #585858 !important;
}
.form-row .formError {
    float: left;
    width: 100%;
    padding: 0;
    white-space: nowrap;
}
.form-row .formError .error {
    color: #900;
}
.form-row label.error {
    /*display: none !important*/ ;
}
.form-row .formSingleText, .form-row .formMultiText, .form-row .formSelect, #queue {
    float: left;
    width: 100%;
    padding: 4px;
}
.form-row .formSingleText, .form-row .formMultiText, .form-row .formSelect, .form-row .basketInput, .form-row .postageSelector {
    border: solid 1px #dadfdf;
}
.form-row .formSingleText.error, .form-row .formMultiText.error, .form-row .formSelect.error {
    border: solid 1px #900;
    -webkit-box-shadow: 0 0 3px 1px #900;
    box-shadow: 0 0 3px 1px #900;
}
.form-row .btn {
    float: left;
    margin: 4px 8px 0 0;
    background-color: var(--color1);
    font-size: 16px;
    text-align: center;
    color: #FFFFFF;
    cursor: pointer;
    border: none;
}
.form-row .basketInput {
    float: left;
    margin: 0 8px 0 0;
}
::placeholder {
    color: #FFFFFF;
    opacity: 1;
}
.form-btn, .pageheader_text .pageheader_text_inner a, input.zoom_button, .phoo_row.show_more .show-more, .block.bg-color1 .inner a, .btn-color1, .btn-color2, .testimonialHolder .promoInner .testimonital-btn, #payment-form #submit {
    display: inline-block;
    padding: 8px 40px;
    border: none;
    background-color: var(--color1);
    font-size: 16px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    cursor: pointer;
}
#payment-form #submit {
    float: right;
    margin: 16px auto;
}
#payment-form #submit * {
    color: var(--white);
}
.left {
    text-align: left;
}
.right {
    text-align: right;
}
.fc {
    float: left;
}
.form-row .fc {
    padding-left: 8px;
    padding-right: 8px;
}
.fc br {
    margin-bottom: 6px;
}
.fc5pc {
    width: 5%;
}
.fc10pc {
    width: 10%;
}
.fc15pc {
    width: 15%;
}
.fc20pc {
    width: 20%;
}
.fc25pc {
    width: 25%;
}
.fc30pc {
    width: 30%;
}
.fc33pc {
    width: 33.3333%;
}
.fc35pc {
    width: 35%;
}
.fc40pc {
    width: 40%;
}
.fc45pc {
    width: 45%;
}
.fc50pc {
    width: 50%;
}
.fc55pc {
    width: 50%;
}
.fc60pc {
    width: 60%;
}
.fc65pc {
    width: 60%;
}
.fc66pc {
    width: 66.6666%;
}
.fc70pc {
    width: 70%;
}
.fc75pc {
    width: 75%;
}
.fc80pc {
    width: 80%;
}
.fc85pc {
    width: 85%;
}
.fc90pc {
    width: 90%;
}
.fc95pc {
    width: 90%;
}
.fc100pc {
    width: 100%;
}
/**********/
.form-row.border-btm {
    border-bottom: solid 1px #aaa;
}
/**********/
.cart-layout .form-row {
    display: grid;
    grid-template-columns: 9fr 3fr;
    grid-template-rows: auto;
    gap: var(--block-padding);
}
/**********/
.fillBTN {
    position: fixed;
    top: 0px;
    left: var(--block-padding);
    z-index: 10000;
    cursor: pointer;
}
/**********/
.shake {
    /* Start the shake animation and make the animation last for 0.5 seconds */
    animation: shake 0.25s;
    /* When the animation is finished, start again */
    animation-iteration-count: infinite;
}
@keyframes shake {
    0% {
        transform: translate(1px, 1px) rotate(0deg);
    }
    10% {
        transform: translate(-1px, -2px) rotate(-1deg);
    }
    20% {
        transform: translate(-3px, 0px) rotate(1deg);
    }
    30% {
        transform: translate(3px, 2px) rotate(0deg);
    }
    40% {
        transform: translate(1px, -1px) rotate(1deg);
    }
    50% {
        transform: translate(-1px, 2px) rotate(-1deg);
    }
    60% {
        transform: translate(-3px, 1px) rotate(0deg);
    }
    70% {
        transform: translate(3px, 1px) rotate(-1deg);
    }
    80% {
        transform: translate(-1px, -1px) rotate(1deg);
    }
    90% {
        transform: translate(1px, 2px) rotate(0deg);
    }
    100% {
        transform: translate(1px, -2px) rotate(-1deg);
    }
}
/**********/
.phoo_row.full-width.home_hero {
    overflow-x: inherit;
}
.phoo_row.full-width.home_hero .fw-wrapper {
    padding: 0;
}
.hero-holder {
    position: relative;
    float: left;
    width: 100%;
    height: 636px;
    background-color: #f6f6f6;
    overflow: hidden;
    overflow: -moz-hidden-unscrollable;
}
.hero-holder .hero-item {
    width: 100%;
    height: 100%;
}
.hero-holder .hero-item-bg, .hero-holder .hero-item-vid video, .hero-holder .hero-item-tint {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    right: 0px;
}
.hero-holder .hero-item-vid video {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.hero-holder .hero-item-bg {
    z-index: 10;
}
.hero-holder .hero-item-vid video {
    z-index: 12;
}
.hero-holder .hero-item-tint {
    z-index: 15;
}
.hero-holder .hero-item-bg img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.hero-holder .hero-item-inner-wrapper {
    position: relative;
    width: 90%;
    max-width: 1280px;
    height: auto;
    margin: 0 auto 0 auto;
}
.hero-holder .hero-item-inner {
    position: absolute;
    width: 100%;
    padding: var(--block-padding);
    height: auto;
    z-index: 20;
}
.hero-holder .hero-item-tint {
    background-color: rgba(0, 0, 0, 0.2);
}
.hero-holder .hero-item-inner.pos-t-l {
    top: 260px;
    bottom: auto;
    text-align: center;
}
.hero-holder .hero-item-inner.pos-t-c {
    top: 260px;
    bottom: auto;
    text-align: center;
}
.hero-holder .hero-item-inner.pos-t-r {
    top: 260px;
    bottom: auto;
    text-align: right;
}
.hero-holder .hero-item-inner.pos-b-l {
    top: auto;
    bottom: 0px;
    text-align: left;
}
.hero-holder .hero-item-inner.pos-b-c {
    top: auto;
    bottom: 0px;
    text-align: center;
}
.hero-holder .hero-item-inner.pos-b-r {
    top: auto;
    bottom: 0px;
    text-align: right;
}
.hero-holder .hero-item-inner .hero-item-block {
    position: relative;
    width: 100%;
}
/*TYPES*/
.hero-holder .hero-item-inner .hero-item-block.ht_h1 {
    font-size: 55px;
    line-height: 65px;
    font-weight: 500;
    margin: 0 0 24px 0;
}
.hero-holder .hero-item-inner .hero-item-block.ht_h2 {
    font-size: 55px;
    margin: 0 0 48px 0;
}
.hero-holder .hero-item-inner .hero-item-block.ht_h3 {
    font-size: 22px;
    margin: 0 0 24px 0;
}
.hero-holder .hero-item-inner .hero-item-block.ht_img {
    opacity: 0;
}
.hero-holder .hero-item-inner .hero-item-block.ht_img img {
    width: 240px;
    height: auto;
    margin: 0 0 12px 0;
}
.hero-holder .hero-item-inner .hero-item-block.ht_a a {
    padding: 6px 24px;
    margin: 0 0 12px 0;
    background-color: var(--color1);
    color: #FFFFFF;
    text-transform: uppercase;
    text-shadow: none;
    cursor: pointer;
    font-size: 18px;
}
/*STYLES*/
.hero-holder .hero-item-inner .hero-item-block.hero_drk_txt {
    color: var(--color1);
    text-shadow: 0 0 2px #000000;
}
.hero-holder .hero-item-inner .hero-item-block.hero_lght_txt {
    color: #FFFFFF;
    text-shadow: 0 0 2px #000000;
}
/*PAGER*/
.hero-pager {
    display: none;
}
.hero-pager span {
    width: 16px;
    height: 16px;
    padding: 0 0 0 16px !important;
    background: #FFFFFF;
    color: #FFFFFF;
    line-height: 1 !important;
    overflow: hidden;
    margin: 0 8px 0 0;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}
.hero-pager span.cycle-pager-active {
    background: var(--color1);
    color: var(--color1);
}
.phoo_row.full-width.home_hero .block {
    padding: 0;
}
/**********/
.slide-in-from-left {
    opacity: 0;
    animation: 20s ease-out 0s 1 slide-in-from-left;
    animation-fill-mode: both;
}
.slide-in-from-right {
    opacity: 0;
    animation: 20s ease-out 0s 1 slide-in-from-right;
    animation-fill-mode: both;
}
.slide-in-from-bottom {
    opacity: 0;
    animation: 20s ease-out 0s 1 slide-in-from-bottom;
    animation-fill-mode: both;
}
.fade-in {
    opacity: 0;
    animation: 20s ease-out 0s 1 fade-in;
    animation-fill-mode: both;
}
/**********/
@keyframes slide-in-from-left {
    0% {
        transform: translateX(-50px);
        opacity: 0;
    }
    10% {
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}
@keyframes slide-in-from-right {
    0% {
        transform: translateX(50px);
        opacity: 0;
    }
    10% {
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}
@keyframes slide-in-from-bottom {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }
    10% {
        transform: translateY(0);
        opacity: 1;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}
@keyframes fade-in {
    0% {
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        opacity: 1;
    }
}
/*******************************/
@media only screen and (min-width: 0px) and (max-width: 767px) {
    .hero-holder {
        height: 450px;
    }
    .hero-holder .hero-item-inner-wrapper {
        width: 100%;
        max-width: 100%;
    }
    .hero-holder .hero-item-inner.pos-t-l, .hero-holder .hero-item-inner.pos-t-c, .hero-holder .hero-item-inner.pos-t-r {
        top: 210px;
        padding: 12px;
    }
    /*TYPES*/
    .hero-holder .hero-item-inner .hero-item-block.ht_h1 {
        font-size: var(--block-padding);
        line-height: 40px;
        margin: 0 0 14px 0;
    }
    .hero-holder .hero-item-inner .hero-item-block.ht_h2 {
        font-size: 40px;
        margin: 0 0 12px 0;
    }
    .hero-holder .hero-item-inner .hero-item-block.ht_h3 {
        font-size: 24px;
        margin: 0 0 12px 0;
    }
    /*****/
}
/*****/
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .hero-holder {
        height: 540px;
    }
    /*****/
    .hero-holder .hero-item-inner.pos-t-l, .hero-holder .hero-item-inner.pos-t-c, .hero-holder .hero-item-inner.pos-t-r {
        top: 220px;
        padding: 20px;
    }
    /*TYPES*/
    .hero-holder .hero-item-inner .hero-item-block.ht_h1 {
        font-size: 56px;
        margin: 0 0 18px 0;
    }
    .hero-holder .hero-item-inner .hero-item-block.ht_h2 {
        font-size: 32px;
        margin: 0 0 14px 0;
    }
    .hero-holder .hero-item-inner .hero-item-block.ht_h3 {
        font-size: 24px;
        margin: 0 0 14px 0;
    }
}
/*****/
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
    .hero-holder {
        height: 540px;
    }
    /*****/
    .hero-holder .hero-item-inner.pos-t-l, .hero-holder .hero-item-inner.pos-t-c, .hero-holder .hero-item-inner.pos-t-r {
        top: 240px;
        padding: 20px;
    }
}
/*****/
/* CSS Document */
/*Blog*/
.blogHolder {
    float: left;
    width: 100%;
    margin: 0;
}
.blogHolder .blogLeft {
    float: left;
    width: 80%;
    margin: 0;
    padding: 0 40px 0 0;
}
.blogHolder .blogSignup {
    display: none;
}
.blogHolder .blogLeft .blogItem {
    float: left;
    width: 100%;
    border-bottom: solid 1px #c3c3c3;
    margin: 0px 0px var(--block-padding) 0px;
}
.blogHolder .blogLeft .blogItem .blogHeader {
    margin: 0px 0px 16px 0px;
}
.blogHolder .blogLeft .blogItem .blogSub, .blogHolder .blogLeft .blogItem .blogContent, .blogHolder .blogLeft .blogItem .blogComments, .blogHolder .blogLeft .blogItem .blogShare {
    float: left;
    width: 100%;
    margin: 0px 0px 8px 0px;
}
.blogHolder .blogLeft .blogItem .blogComments .commentButton, .blogHolder .blogLeft .blogItem .blogShare .shareButton {
    float: left;
    margin: 0px 4px 0px 0px;
}
.blogHolder .blogLeft .blogItem .blogComments {
    display: none;
}
.blogHolder .blogLeft .blogItem .blogContent img {
    width: 100% !important;
    height: auto !important;
}
.blogHolder .blogLeft .blogItem .blogSub {
    font-style: italic;
}
.blogHolder .blogLeft .blogItem .blogCommHolder {
    float: left;
    width: 100%;
    background-color: #DDD;
    color: #333;
    border: solid 1px #999;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    margin: 0px 0px 8px 0px;
    padding: 8px;
}
.blogHolder .blogLeft .blogItem .blogCommHolder .blogCommTitle {
    font-weight: bold;
    margin: 0px 0px 4px 0px;
}
.blogHolder .blogLeft .blogItem .blogCommHolder .blogCommContent {
    margin: 0px 0px 4px 0px;
}
/*****************/
.blogHolder .blogRight {
    float: left;
    width: 20%;
    margin: 0;
}
.blogHolder .blogRight h2 {
    width: 100%;
    padding: 0px 0px 12px 0px;
    border-bottom: solid 1px #c3c3c3;
}
.blogHolder .blogRight ul {
    padding: 0px 0px 0px 12px;
    margin: 0px 0px 4px 0px;
}
.blogHolder .blogLeft .blogFooter {
    float: left;
    width: 100%;
    border-bottom: solid 1px #c3c3c3;
    margin: 0px 0px 12px 0px;
}
.blogHolder .blogLeft .blogFooter .blogFooterLeft {
    float: left;
    width: 30%;
    text-align: left;
    padding: 0px 0px 8px 0px;
}
.blogHolder .blogLeft .blogFooter .blogFooterCentre {
    float: left;
    width: 40%;
    text-align: center;
    margin: 0px;
    padding: 0px 0px 8px 0px;
}
.blogHolder .blogLeft .blogFooter .blogFooterRight {
    float: left;
    width: 30%;
    text-align: right;
    padding: 0px 0px 8px 0px;
}
/**********************/
.phoo320 .blogHolder, .phoo320 .blogHolder .blogLeft, .phoo320 .blogHolder .blogRight {
    position: relative !important;
    float: left !important;
    left: 0px !important;
    top: 0px !important;
    width: 100% !important;
    height: auto !important;
    margin: 0px !important;
    -webkit-border-radius: 0px !important;
    border-radius: 0px !important;
}
.phoo320 .blogHolder .blogLeft {
    padding: 0;
}
/*************************/
@media only screen and (min-width: 0px) and (max-width: 767px) {
    .blogHolder {
        display: flex;
        flex-flow: column;
    }
    .blogHolder .blogLeft {
        order: 2;
    }
    .blogHolder .blogLeft h1 a {
        font-size: 24px;
        line-height: auto;
    }
    .blogHolder .blogRight {
        order: 1;
    }
    .blogHolder .blogLeft, .blogHolder .blogRight {
        width: 100% !important;
        padding: 0;
    }
    .blogHolder .blogRight h2 {
        width: 100%;
        padding: 0;
        border-bottom: none;
        font-size: 18px;
    }
    .blogHolder .blogRight, .blogHolder .blogRight ul {
        padding: 0 0 12px;
        margin: 0 0 12px;
        border-bottom: solid 1px #c3c3c3;
    }
}
/* CSS Document */
/****************************/
.galleryHolder {
    float: left;
    width: 100%;
}
.galleryHolder .galleryThumbs {
    float: left;
    width: 100%;
}
.galleryHolder .gallery_item {
    float: left;
    overflow: hidden;
    width: 25%;
    height: 242px;
    padding: 0 10px 20px;
}
.galleryHolder .gallery_item:nth-child(4n+1) {
    padding-left: 0;
}
.galleryHolder .gallery_item:nth-child(4n) {
    padding-right: 0;
}
.galleryHolder .gallery_link, .galleryHolder .gallery_img {
    display: block;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: top center;
}
/**********/
.header-bg {
    position: absolute;
    z-index: 1000;
    height: 149px;
    background-color: #FFFFFF;
    border-bottom: solid 4px var(--color1);
}
.header-bg .phoo_row_wrapper {
    height: 110px;
}
.header-bg * {
    overflow: visible;
}
.header-bg .fw-wrapper {
    position: relative;
    padding: 18px var(--block-padding) 0;
    overflow: visible;
}
/**********/
.header-bg .logo-holder {
    display: inline-block;
    width: auto;
    padding-bottom: 18px;
}
.header-bg .logo-holder img {
    max-height: 100px;
    width: auto;
}
.header-bg .contact-holder {
    position: absolute;
    top: 49px;
    right: var(--block-padding);
}
.header-bg .contact-holder * {
    font-size: 13px;
    text-align: right;
    font-family: 'Montserrat', sans-serif;
}
.header-bg .contact-holder span {
    padding-bottom: 4px;
    display: inline-block;
    text-transform: uppercase;
    vertical-align: top;
}
.header-bg .contact-holder .email {
    margin-right: 8px;
}
.header-bg .contact-holder .phone {
    color: var(--color1);
}
.header-bg .contact-holder .divider {
    color: #dadfdf;
}
/* CSS Document */
.footer-bg {
    background-color: #3c3c3c;
    border-bottom: solid var(--block-padding) var(--color1);
}
.footer-bg .fw-wrapper {
    padding-top: var(--block-padding);
}
.footer-bg .fw-wrapper .block {
    padding-bottom: var(--block-padding);
}
.footer-bg .fw-wrapper .block.social img {
    width: auto;
}
.footer-bg .fw-wrapper * {
    color: #FFFFFF;
}
.footer-bg .fw-wrapper a {
    color: #FFFFFF;
}
.footer-bg .fw-wrapper .footer_logo {
    height: auto;
    width: 204px;
}
.footer-bg .fw-wrapper .sub * {
    font-size: 11px;
}
/**********/
#header {
    display: block;
}
#mobile-header {
    display: none;
}
.nav-wrapper {
    border-top: solid #dadfdf 1px;
}
.nav-wrapper .w960-centered {
    position: relative;
    width: 100%;
    max-width: 1400px;
    height: auto;
    margin: 0 auto 0 auto;
    padding: 0 0 0 var(--block-padding);
}
.nav-wrapper .phoo_row_wrapper {
    height: 42px;
}
.nav-wrapper .fw-wrapper {
    padding: 0;
}
.top-nav-holder {
    float: left;
    z-index: 2000;
    margin: 0;
    text-align: left;
}
.top-nav-holder * {
    font-size: 16px;
    color: var(--text-color);
    font-weight: 400;
}
.top-nav-holder ul.nav li ul {
    display: none;
}
.top-nav-holder ul {
    float: left;
    width: auto;
    padding: 0;
    margin: 0;
}
.top-nav-holder li {
    position: relative;
    float: left;
    list-style: none;
    padding: 12px 0 0 0;
}
.top-nav-holder li a {
    display: block;
    float: left;
    height: auto;
    padding: 0 8px 0 0;
    margin: 0 8px 0 0;
    text-decoration: none;
    white-space: nowrap;
    transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    border-right: solid #dadfdf 1px;
}
.top-nav-holder li:last-child a {
    padding-right: 0;
    border: none;
}
.top-nav-holder li a:hover {
    color: var(--color1);
}
.top-nav-holder li.selected a {
    font-weight: 700;
    color: var(--color1);
}
.top-nav-holder ul.L1 {
    padding: 0;
}
.top-nav-holder .L1 {
    position: absolute;
    left: -16px;
    top: 32px;
    background: transparent;
    width: auto;
    z-index: 5000;
}
.top-nav-holder .L1 li, .top-nav-holder .L1 li a {
    width: 100%;
    min-width: 200px;
    text-align: left;
    font-weight: normal;
    background-color: var(--color1);
    color: #FFF;
}
.top-nav-holder .L1 li:first-child {
    margin-top: 12px;
}
.top-nav-holder .L1 li {
    padding: 0;
}
.top-nav-holder .L1 li a {
    border: none;
    padding: 8px 16px;
}
.top-nav-holder .L1 li a:hover {
    color: #f6f6f6;
}
.top-nav-holder .L1, .top-nav-holder .L2, .top-nav-holder .L3, .top-nav-holder .L4, .top-nav-holder .L5, .top-nav-holder .L6, .top-nav-holder .L7 {
    display: block;
}
/******************************/
.left-nav-holder {
    position: relative;
    float: left;
    width: 25%;
    height: inherit;
    padding: var(--block-padding) var(--block-padding) var(--block-padding) 0;
}
.left-nav-holder ul.nav {
    float: left;
    width: 100%;
    margin: 0;
    padding: var(--block-padding);
    padding-bottom: 40px;
    background-color: #dde6f1;
    height: 100%;
}
.left-nav-holder ul {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}
.left-nav-holder .nav li {
    position: relative;
    display: none;
    display: inline;
    float: left;
    height: auto;
    width: 100%;
    padding: 0;
    margin: 0;
    border-collapse: collapse;
    text-decoration: none;
}
.left-nav-holder .nav li a {
    float: left;
    padding: 6px 0px;
    height: 100%;
    width: 100%;
    font-size: 16px;
    color: #585858;
    border-bottom: dashed 1px #AAA;
    font-weight: 300;
}
.left-nav-holder .nav li:hover > a {
    text-decoration: none;
}
.left-nav-holder .nav li.selected > a {
    font-weight: bold;
}
.left-nav-holder .nav li.open > a {
    /*font-weight:bold;*/
}
/***********/
.left-nav-holder .L1 li {
    padding-left: 0px;
}
.left-nav-holder .L2 li {
    padding-left: 24px;
}
.left-nav-holder .L3 li, .left-nav-holder .L4 li, .left-nav-holder .L5 li {
    padding-left: 36px;
}
/***********/
.left-nav-holder .L1 li.closed, .left-nav-holder .L2 li.closed, .left-nav-holder .L3 li.closed, .left-nav-holder .L4 li.closed, .left-nav-holder .L5 li.closed {
    display: none;
}
/***********/
.left-nav-holder .L0 .open > .L1 .closed {
    display: block;
}
.left-nav-holder .L2 .closed, .left-nav-holder .L1 .selectedSibbling > .L2 {
    display: none;
}
html > .left-nav-holder .L0 a.open {
    display: none;
}
/*MOBILE HEADER*/
.mobile-header {
    position: absolute;
    z-index: 1000;
    width: 100%;
    min-height: 84px;
    background-color: #FFFFFF;
    border-bottom: solid 1px #dadfdf;
}
.mobile-header-inner {
    position: relative;
    float: left;
    padding: 12px;
    width: 100%;
    height: 100%;
}
.mobile-header p {
    margin: 0 0 12px 0;
}
.mobile-header .logo-holder {
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 12px;
}
.mobile-header .logo-holder img {
    max-width: 300px;
    height: auto;
}
/**********/
.mobile-header .contact-holder {
    float: left;
    position: relative;
    text-align: right;
}
.mobile-header .contact-holder * {
    font-size: 16px;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
}
.mobile-header .contact-holder a {
    color: #FFFFFF;
}
.mobile-header.contact-holder span {
    padding-top: 4px;
    display: inline-block;
}
.mobile-header .contact-holder .call, .mobile-header .contact-holder .phone, .mobile-header .contact-holder .email {
    float: left;
    margin: 0 8px 0 0;
}
.mobile-header .contact-holder .phone {
    color: var(--color1);
}
/**********/
#mobile-nav-wrapper {
    position: absolute;
    bottom: 0;
    z-index: 500;
    width: 100%;
}
#mobile-nav-wrapper .toggle-nav {
    display: inline-block;
    position: absolute;
    right: 12px;
    bottom: 12px;
    cursor: pointer;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color: var(--color1);
}
#mobile-nav-wrapper .toggle-nav .fas.fa-bars {
    padding: 6px;
    font-size: 20px;
    font-weight: 1000;
    color: #FFFFFF;
}
/**********/
.mobile-nav-holder {
    position: absolute;
    top: 0px;
    right: 0px;
    float: right;
    width: 100%;
    max-width: 375px;
    padding: 12px;
    display: none;
    background-color: var(--color1);
}
.mobile-nav-holder * {
    color: #FFFFFF;
}
.mobile-nav-holder.mobile-visible {
    display: block;
    animation: 0.3s ease-out 0s 1 slideInFromBottom;
}
.mobile-nav-holder ul {
    min-width: 320px;
    padding: 0;
    margin: 0;
    list-style-type: none;
}
.mobile-nav-holder a:hover, .mobile-nav-holder > .selected a {
    color: #6bc1fd;
}
.mobile-nav-holder .nav.L0 li {
    position: relative;
    float: left;
    width: 100%;
    min-width: 351px;
    margin-bottom: 12px;
}
.mobile-nav-holder .mobile-carat {
    position: absolute;
    right: 12px;
}
.mobile-nav-holder .mobile-carat:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 24px;
    content: "\f0d7";
}
.mobile-nav-holder .mobile-carat.carat-close:before {
    content: "\f0d8";
}
.mobile-nav-holder .L1 .mobile-carat {
    display: none;
}
/*************************/
.mobile-nav-holder ul .L1 {
    padding-left: calc(12px * 2);
}
.mobile-nav-holder ul .L2 {
    padding-left: calc(12px * 4);
}
/*************************/
@media only screen and (min-width: 0px) and (max-width: 767px) {
    .mobile-header .contact-holder, .mobile-header .mobile-header-row, .mobile-header .logo-holder {
        float: left;
        width: 100%;
        text-align: center;
    }
    .mobile-header .mobile-header-row {
        margin-bottom: 12px;
    }
}
/*************************/
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    #mobile-nav-wrapper .toggle-nav {
        right: 20px;
        bottom: 20px;
    }
    .mobile-header-inner {
        padding: 20px;
    }
    .mobile-header .logo-holder {
        margin-bottom: 20px;
    }
}
/*************************/
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
    #mobile-nav-wrapper .toggle-nav {
        right: var(--block-padding);
        bottom: var(--block-padding);
    }
    .mobile-header-inner {
        padding: var(--block-padding);
    }
    .mobile-header .logo-holder {
        margin-bottom: var(--block-padding);
    }
}
/*************************/
/* CSS Document */
.news-list-holder, .news-list-pager, .news-list, .latest-news {
    position: relative;
    float: left;
    width: 100%;
    padding-right: 25px;
}
.news-list-pager {
    padding: calc(var(--block-padding) / 2) 0;
}
.news-list-pager .news_pager_info {
    padding: 0 calc(var(--block-padding) / 2) 0 0;
}
.news-list-pager .news_pager_more {
    cursor: pointer;
    color: var(--color1);
    text-transform: uppercase;
}
.news-list {
    margin: 0 0 calc(var(--block-padding) / 2) 0;
    padding: 0 0 calc(var(--block-padding) / 2) 0;
    border-bottom: solid 1px #dadfdf;
}
.news-list .news-list-img {
    float: left;
    width: 200px;
    height: 200px;
    margin: 0 calc(var(--block-padding) / 2) 0 0;
    background-size: cover;
    background-position: center center;
}
.latest-news {
    margin: 0 0 0 0;
    padding: 0 0 calc(var(--block-padding) / 2) 0;
}
.latest-news .latest-news-img {
    float: left;
    width: 30%;
    height: 185px;
    margin: 0 20px calc(var(--block-padding) / 2) 0;
    background-size: cover;
    background-position: center center;
}
.home-news h2, h2 a {
    font-size: 22px !important;
    margin-bottom: 10px;
}
.home-news h4, h4 a {
    margin-bottom: 10px;
}
.news-detail .news-detail-img {
    float: right;
    width: 33.333%;
    height: auto;
    margin: 0 0 0 25px;
}
/* CSS Document */
.pageheader_wrapper {
    position: relative;
    float: left;
    width: 100%;
    height: 914px;
    background-color: #000000;
    overflow: hidden;
    overflow: -moz-hidden-unscrollable;
}
.pageheader_text, .pageheader_overlay, .pageheader_imgs, .pageheader_img {
    position: absolute;
    width: 100%;
    height: 100%;
}
.pageheader_img {
    background-size: cover;
    background-position: center center;
    z-index: 10;
}
.pageheader_overlay {
    z-index: 200;
    background-color: rgba(0, 0, 0, 0.4);
}
/*************/
.pageheader_text {
    z-index: 300;
}
.pageheader_text .pageheader_text_wrapper {
    position: relative;
    width: 90%;
    max-width: 1400px;
    top: 300px;
    height: auto;
    margin: 0 auto 0 auto;
    text-align: left;
}
.pageheader_text .pageheader_text_inner {
    position: absolute;
    width: 75%;
    padding: var(--block-padding);
    height: auto;
    z-index: 20;
}
/*************/
.pageheader_text .pageheader_text_inner .ht_h1 {
    font-weight: 600;
    font-size: 56px;
    margin: 0 0 24px 0;
    color: #FFFFFF;
    text-shadow: 0 0 2px #000000;
}
.pageheader_text .pageheader_text_inner .ht_h2 {
    font-size: 36px;
    margin: 0 0 48px 0;
    color: #FFFFFF;
    text-shadow: 0 0 2px #000000;
}
.pageheader_text .pageheader_text_inner a {
    padding: 6px 24px;
    margin: 0 0 12px 0;
    background-color: var(--text-color);
    font-size: 18px;
}
/*************/
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
    /******/
    .pageheader .block {
        padding: 0;
    }
    .pageheader_wrapper {
        height: 720px;
    }
    .pageheader_text .pageheader_text_wrapper {
        width: 100%;
        max-width: 100%;
        top: 120px;
    }
    /******/
}
/*************/
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    /******/
    .pageheader .block {
        padding: 0;
    }
    .pageheader_wrapper {
        height: 540px;
    }
    .pageheader_text .pageheader_text_wrapper {
        width: 100%;
        max-width: 100%;
        top: 110px;
    }
    .pageheader_text .pageheader_text_inner {
        width: 70%;
    }
    .pageheader_text .pageheader_text_inner .ht_h1 {
        font-size: 48px;
        margin: 0 0 18px 0;
    }
    .pageheader_text .pageheader_text_inner .ht_h2 {
        font-size: 32px;
        margin: 0 0 36px 0;
    }
    /******/
}
/*************/
@media only screen and (min-width: 0px) and (max-width: 767px) {
    /******/
    .pageheader .block {
        padding: 0;
    }
    .pageheader_wrapper {
        height: 540px;
    }
    .pageheader_text .pageheader_text_wrapper {
        width: 100%;
        max-width: 100%;
        top: 150px;
    }
    .pageheader_text .pageheader_text_inner {
        width: 100%;
        padding: 12px;
    }
    /*************/
    .pageheader_text .pageheader_text_inner .ht_h1 {
        font-size: 36px;
        margin: 0 0 26px 0;
    }
    .pageheader_text .pageheader_text_inner .ht_h2 {
        font-size: 24px;
        margin: 0 0 26px 0;
    }
    .pageheader_text .pageheader_text_inner a {
        padding: 4px 12px;
        margin: 0 0 12px 0;
        font-size: 18px;
    }
    /******/
}
/*************/
/* CSS Document */
.zoom_search_header {
    float: right;
    padding: 2px 4px;
    border: solid 1px #dadfdf;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}
.zoom_search_header #zoom_searchbox {
    width: 156px;
    border: none;
    text-align: left;
}
.zoom_search_header button {
    border: none;
    background-color: transparent;
}
/**  **  **/
.context .highlight {
    padding: inherit;
    background: #FFFF40;
}
.searchheading {
    font-weight: 600;
}
.summary {
    font-size: 80%;
    font-style: italic;
}
.suggestion {
    font-size: 100%;
}
.results {
    font-size: 100%;
    padding-bottom: var(--block-padding);
}
.category {
    color: #999999;
}
.sorting {
    text-align: right;
}
.result_title {
    font-size: 100%;
    margin-bottom: 4px;
}
.description {
    font-size: 100%;
    color: #008000;
    display: none;
}
c {
    font-size: 100%;
}
.infoline {
    font-size: 80%;
    font-style: normal;
    color: #808080;
}
.zoom_searchform {
    font-size: 100%;
}
.zoom_results_per_page {
    font-size: 80%;
    margin-left: 10px;
}
.zoom_match {
    font-size: 80%;
}
.zoom_categories {
    font-size: 80%;
}
.zoom_categories ul {
    display: inline;
    margin: 0px;
    padding: 0px;
}
.zoom_categories li {
    display: inline;
    margin-left: 15px;
    list-style-type: none;
}
.cat_summary ul {
    margin: 0px;
    padding: 0px;
    display: inline;
}
.cat_summary li {
    display: inline;
    margin-left: 15px;
    list-style-type: none;
}
#zoom_per_page, input.zoom_searchbox {
    border: solid 1px #AAA;
    padding: 4px;
}
.result_image {
    float: left;
    display: block;
}
.result_image img {
    margin: 10px;
    width: 80px;
    border: 0px;
}
.result_block {
    margin-top: 15px;
    margin-bottom: 15px;
    clear: left;
}
.result_altblock {
    margin-top: 15px;
    margin-bottom: 15px;
    clear: left;
}
.result_pages {
    font-size: 100%;
}
.result_pagescount {
    font-size: 100%;
}
.searchtime {
    font-size: 80%;
}
.recommended {
    background: #DFFFBF;
    border-top: 1px dotted #808080;
    border-bottom: 1px dotted #808080;
    margin-top: 15px;
    margin-bottom: 15px;
}
.recommended_heading {
    float: right;
    font-weight: bold;
}
.recommend_block {
    margin-top: 15px;
    margin-bottom: 15px;
    clear: left;
}
.recommend_title {
    font-size: 100%;
}
.recommend_description {
    font-size: 100%;
    color: #008000;
}
.recommend_infoline {
    font-size: 80%;
    font-style: normal;
    color: #808080;
}
.recommend_image {
    float: left;
    display: block;
}
.recommend_image img {
    margin: 10px;
    width: 80px;
    border: 0px;
}
/*************************/
@media only screen and (min-width: 0px) and (max-width: 767px) {
    .zoom_search_header {
        float: left;
        width: 100%;
        max-width: 375px;
    }
}
/**********/
/*  SHOP  */
/**********/
.shop-header-holder {
    position: absolute;
    top: 18px;
    right: var(--block-padding);
}
.shop-header-holder * {
    font-style: normal;
    font-size: 18px;
}
.shop-header-holder .shop-header-item {
    position: relative;
    display: inline-block;
    margin-left: 12px;
}
.shop-header-holder .shop-header-item .count {
    position: absolute;
    width: 16px;
    height: 16px;
    top: -4px;
    right: -8px;
    padding-top: 2px;
    border-radius: 8px;
    z-index: 2;
    text-align: center;
    font-size: 10px;
    background-color: var(--color1);
    color: var(--white);
}
/**********/
.tag-filter {
    float: left;
    width: 25%;
    padding-right: var(--block-padding);
}
.tag-filter .inner {
    background-color: var(--color4);
}
.tag-filter .inner ul {
    padding: 32px;
    margin: 0;
}
/***********/
.tag-output {
    float: left;
    width: 75%;
}
/***********/
.tag_filter_holder {
    float: left;
    width: 100%;
    margin-bottom: var(--block-padding);
}
.tag_filter_holder ul {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.tag_filter_holder li {
    text-decoration: none;
}
.shoptags .tag_group, .shoptags .tag_group_title, .shoptags .tag_item {
    float: left;
    width: 100%;
}
.shoptags .toggle_tag_group {
    float: left;
    width: 16px;
    height: 16px;
    margin: 0 4px 0 0;
    border: none;
    background-color: var(--color2);
    color: var(--white);
    font-size: 8px;
    cursor: pointer;
}
.tag_group_title {
    clear: both;
    padding: 6px 0;
    text-transform: uppercase;
    font-weight: bold;
}
.tag_group .tag_group li {
    float: left;
    width: 100%;
    border-bottom: var(--border-color) solid 1px;
}
.tag_group .tag_group .tag_group_title {
    font-weight: normal;
}
.tag_active {
    width: 100%;
    padding: 3px;
    background-color: var(--color1);
    color: var(--white);
    margin: 0 4px 4px 0;
}
.tag_active label {
    color: var(--white);
    text-transform: uppercase;
}
/**********/
.shoptagsInfo {
    padding: var(--block-padding);
    margin-bottom: var(--block-padding);
    background-color: var(--color4);
}
.shoptagsProds {
    margin-bottom: var(--block-padding);
}
.shoptagsProds .get_tags_holder {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-template-rows: auto;
    gap: var(--block-padding);
}
/**********/
.shoptagsPager {
    text-align: right;
    padding: 0;
}
.shoptagsPager .tag_page {
    padding: 2px 8px;
    height: 20px;
    text-align: center;
    margin: 0 0 0 4px;
    cursor: pointer;
}
.shoptagsPager .tag_page_blank {
    padding: 2px 8px;
    height: 20px;
    margin: 0 0 0 4px;
}
.shoptagsPager .tag_page.selected {
    background-color: var(--color1);
    color: var(--white);
}
/*shop account details */
.shopAccDetails .accRow1 {
    padding: 0 24px 0 0;
    border-right: 1px solid #e2e2e2;
}
.shopAccDetails .accRow2 {
    padding: 0 0 0 24px;
}
.shopAccDetails .accRow {
    float: left;
    width: 100%;
    margin: 0 0 4px 0;
}
.shopAccDetails .border {
    border-bottom: 1px solid #e2e2e2;
    padding: 0 0 6px 0;
    margin: 0 0 6px 0;
}
.shopAccDetails .accRow .accCell {
    float: left;
    margin: 0px 24px 4px 0px;
    width: 360px;
}
.shopAccDetails .accRow .formTextInput {
    width: 160px;
    float: left;
    border: solid 1px #CCC;
}
.shopAccDetails .accRow label {
    float: left;
    min-width: 120px;
    margin: 4px 6px 0px 0px;
}
/*HEADER BAR*/
.shop_header {
    text-align: right;
    padding: 0 0 16px 0;
}
.shop_header .shop_header_item {
    padding: 0 16px;
    border-right: solid 1px #dadfdf;
    line-height: 36px;
}
.shop_header .shop_header_item:last-child {
    padding-right: 0;
    border-right: none;
}
/*PRODUCT DETAIL*/
.product_detail h1 {
    font-size: 40px;
}
.product_detail h2 {
    font-size: 18px;
    text-transform: uppercase;
}
.product_detail .discount_banner {
    position: absolute;
    left: -380px;
    top: 60px;
    width: 100%;
    padding: 12px 0;
    background-color: #17cb5f;
    color: #FFF;
    font-size: 18px;
    text-transform: uppercase;
    text-align: center;
    -ms-transform: rotate(-45deg);
    /* IE 9 */
    -webkit-transform: rotate(-45deg);
    /* Chrome, Safari, Opera */
    transform: rotate(-45deg);
    z-index: 2000;
}
.product_detail h1 {
    padding: 0;
    margin: 0 0 12px;
}
/*description*/
.product_detail .shopHelp {
    float: left;
    width: 100%;
    padding: var(--block-padding);
    border: solid 1px #17CB5F;
    margin-bottom: 20px;
}
.product_detail .shopHelp * {
    color: #17CB5F;
}
.product_detail .shopHelp p {
    font-size: 18px;
    line-height: 24px;
}
/**********/
.product_detail .thumb_holder {
    min-height: 200px;
}
.product_detail .thumb_holder .secondary_thumb {
    float: left;
    width: 50%;
    height: 80px;
    padding: 0 calc(var(--block-padding) / 2) calc(var(--block-padding) / 2) 0;
}
.product_detail .thumb_holder .secondary_thumb .img {
    width: 100%;
    height: 100%;
    background-size: cover;
}
.product_detail .thumb_holder .secondary_thumb .img a {
    display: inline;
    float: left;
    width: 100%;
    height: 100%;
}
.product_detail .main_image {
    text-align: center;
}
.product_detail .main_image img {
    max-width: 100%;
    height: auto;
}
/**********/
.block .inner .product_detail .descriptionHolder ul {
    list-style: circle;
}
.block .inner .product_detail .descriptionHolder ul li {
    line-height: 1.5em;
}
.product_detail .shopAddItem {
    float: left;
    width: 125px;
    padding: 0 0 0 8px;
    text-align: right;
}
.product_detail .shopAddItem .symbol, .product_detail .shopAddItem .price {
    float: left;
    margin: 0px 4px 0px 0px;
    font-weight: bold;
    font-size: 16px;
}
.product_detail .shopAddItem .price {
    width: 100px;
    padding: 0;
}
.product_detail .shopAddItem .quantity {
    float: left;
    margin: 3px 6px 0px 0px;
    font-weight: normal;
    font-size: 12px;
}
.product_detail .shopAddItem .qfield {
    float: left;
    margin: 0;
    padding: 0;
    font-weight: normal;
}
.product_detail .shopAddItem .qfield .qfieldInput {
    font-size: 12px;
}
.product_detail .addRow {
    float: left;
    width: 100%;
    margin: 0 0 16px;
}
.product_detail .addRow.price {
    padding: 12px 0;
    border-top: solid 1px #dadfdf;
    border-bottom: solid 1px #dadfdf;
}
.product_detail .addRow.price * {
    color: var(--color1);
}
.product_detail .addRow .symbol {
    float: left;
    padding-top: 6px;
}
.product_detail .addRow.price input {
    float: left;
    width: 70%;
}
.product_detail .addRow.price * {
    font-size: 28px;
}
.product_detail .addRow.price .was {
    font-size: 24px;
    color: #dadfdf;
}
.product_detail .addRow label {
    float: left;
    width: 100%;
    margin: 0px 0px 6px 0px;
    text-align: left;
    text-transform: uppercase;
}
.product_detail .addRow input, .product_detail .addRow select {
    float: left;
    width: 100%;
    padding: 6px;
    border: solid 1px #dadfdf;
}
.product_detail .addBTN {
    width: 100%;
}
.product_detail .product_detailText {
    width: 600px;
    float: left;
    margin: 0px 0px 0px 0px;
}
/*RELATED*/
.related_products_holder h2 {
    margin: 0 0 var(--block-padding) 0;
}
.related_products_holder .related_product {
    position: relative;
    float: left;
    width: 20%;
    height: 240px;
    padding: 0 var(--block-padding) var(--block-padding) 0;
}
.related_products_holder .related_product .inner {
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
}
.related_products_holder .related_product .inner .text, .related_products_holder .related_product .inner .img, .related_products_holder .related_product .inner .tint {
    position: absolute;
    width: 100%;
    height: 100%;
}
.related_products_holder .related_product .inner .img {
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    z-index: 1;
}
.related_products_holder .related_product .inner .tint {
    z-index: 2;
    background-color: rgba(255, 255, 255, 0.6);
    transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
}
.related_products_holder .related_product:hover .inner .tint {
    background-color: rgba(255, 255, 255, 0.6);
}
.related_products_holder .related_product .inner .text {
    padding: calc(var(--block-padding) / 2);
    z-index: 3;
    overflow: hidden;
}
.related_products_holder .related_product .inner .text h2, .related_products_holder .related_product .inner .text h3 {
    font-size: 18px;
    font-weight: 700;
}
.related_products_holder .related_product .inner .text .bottom {
    position: absolute;
    bottom: var(--block-padding);
}
/**********/
.shoptagsPager {
    text-align: right;
    padding: 0 var(--block-padding) 0 0;
}
.shoptagsPager .tag_page {
    padding: 2px 8px;
    height: 20px;
    text-align: center;
    margin: 0 0 0 4px;
    cursor: pointer;
}
.shoptagsPager .tag_page_blank {
    padding: 2px 8px;
    height: 20px;
    margin: 0 0 0 4px;
}
.shoptagsPager .tag_page.selected {
    background-color: #303137;
    color: #fff;
}
/**********/
.tag_filter_holder {
    float: left;
    width: 100%;
    margin-bottom: var(--block-padding);
}
.tag_filter_holder ul {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.tag_filter_holder li {
    text-decoration: none;
}
.shoptags .tag_group, .shoptags .tag_group_title, .shoptags .tag_item {
    float: left;
    width: 100%;
}
.shoptags .toggle_tag_group {
    float: left;
    width: 16px;
    height: 16px;
    margin: 0 4px 0 0;
    border: none;
    background-color: var(--text-color);
    color: #FFFFFF;
    font-size: 8px;
    cursor: pointer;
}
.tag_group_title {
    padding: 6px 0;
    text-transform: uppercase;
    font-weight: bold;
    color: var(--text-color);
}
.tag_group .tag_group li {
    float: left;
    width: 100%;
    border-bottom: #dadfdf solid 1px;
}
.tag_group .tag_group .tag_group_title {
    font-weight: normal;
}
.tag_active {
    width: 100%;
    padding: 3px;
    background-color: var(--color1);
    color: #FFFFFF;
    margin: 0 4px 4px 0;
}
.tag_active label {
    color: #FFFFFF;
    text-transform: uppercase;
}
/**********/
.shoptagsInfo {
    padding-bottom: var(--block-padding);
}
/**********/
.get_tags_holder .get_taggged_products {
    position: relative;
    float: left;
    width: 100%;
    margin: 0;
}
/**********/
.get_tags_holder .get_taggged_products .inner {
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
    /* border: solid 1px #dadfdf; */
    -webkit-box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 1);
    box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.1);
}
.get_tags_holder .get_taggged_products .inner .img {
    float: left;
    width: 100%;
    aspect-ratio: 4/3;
    background-size: cover;
    background-position: center center;
    z-index: 1;
}
.get_tags_holder .get_taggged_products .inner .text {
    float: left;
    width: 100%;
}
.get_tags_holder .get_taggged_products .inner .text .top {
    float: left;
    width: 100%;
    overflow: hidden;
    padding: 20px;
}
.get_tags_holder .get_taggged_products .inner .text .bottom {
    float: left;
    width: 100%;
    padding: 0 0 20px 20px;
}
.get_tags_holder .get_taggged_products .inner .text h2, .get_tags_holder .get_taggged_products .inner .text h3 {
    font-size: 18px;
    line-height: normal;
}
/**********************/
.shop-search-paging_holder {
    margin-bottom: var(--block-padding);
}
.shop-search-paging_holder span {
    width: 16px;
    height: 16px;
    padding: 0 0 0 16px !important;
    background: var(--grey);
    color: var(--grey);
    line-height: 1 !important;
    overflow: hidden;
    margin: 0 8px 0 0;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}
.shop-search-paging_holder span.cycle-pager-active {
    background: var(--color1);
    color: var(--color1);
}
/**********************/
.tagpromo13 .img {
    background-size: cover;
    background-position: center top;
}
.tagpromo13 .img:after {
    content: "";
    display: block;
    padding-bottom: 70%;
}
.tagpromo13 h3 {
    padding: 20px 0;
    margin-bottom: 32px;
    color: var(--color1);
    border-bottom: solid 2px #dadfdf;
}
/**********************/
.prod14 {
    float: left;
    width: calc(100% / 4);
    padding: 0 var(--block-padding) var(--block-padding) 0;
}
.prod14:last-child {
    padding: 0 0 var(--block-padding) 0;
}
.prod14 .inner {
    float: left;
    width: 100%;
    background: #ffffff;
    -webkit-box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 1);
    box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.1);
}
.prod14 .inner .text {
    float: left;
    width: 100%;
    padding: 20px;
}
.prod14 .img {
    background-size: cover;
    background-position: center top;
    aspect-ratio: 4 / 3;
}
.prod14 .img:after {
    content: "";
    display: block;
    padding-bottom: 16vw;
}
.prod14 h3 {
    height: 105px;
    font-size: 18px;
    padding: 0 0 20px;
    margin-bottom: 0;
    color: var(--color1);
}
.prod14 p {
    margin-bottom: 0;
}
/********************************/
.shop-search {
    padding-left: 20%;
    padding-right: 20%;
}
.shop-search .form-row .formSingleText {
    padding: 6px;
}
/**********/
/**********/
* {
    font-family: "Raleway", sans-serif;
    color: #585858;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
}
a {
    color: var(--color1);
    text-decoration: none;
}
p {
    margin-top: 0;
}
h1, h1 a, h2, h2 a, h3, h3 a {
    margin-top: 0;
}
h1, h1 a {
    font-size: 50px;
    font-weight: 600;
    color: var(--color1);
}
h2, h2 a {
    color: var(--color1);
    font-size: 35px;
    font-weight: 600;
}
h3, h3 a {
    color: var(--color1);
    font-size: 26px;
    font-weight: 500;
}
h4, h4 a {
    margin-top: 0;
    font-size: 16px;
    font-weight: 600;
}
strong {
    font-weight: 600;
}
a strong {
    color: var(--color1);
}
hr {
    border: 1px solid #CCCCCC;
    margin: var(--block-padding) 0px 40px 0px;
}
.small, .small * {
    font-size: 14px;
}
ul {
    line-height: 20px;
}
.link_me {
    cursor: pointer;
}
.pad_right_bottom {
    padding: 0 var(--block-padding) var(--block-padding) 0;
}
/*************/
.left-nav-centered {
    position: relative;
    width: 100%;
    max-width: 1400px;
    height: auto;
    margin: 0 auto 0 auto;
    padding: 0 0 0 var(--block-padding);
}
.left-nav-centered .w960-centered .fw-wrapper {
    padding: var(--block-padding) 0 0 0;
}
/**********/
.phoo_row.page-pad {
    height: 149px;
    background-color: #FFFFFF;
}
/**********/
.page_header {
    height: 4var(--block-padding);
}
.page_header .inner h1 {
    font-size: 50px;
    margin: 0;
    text-align: center;
    color: #ffffff;
    padding-top: 2var(--block-padding);
}
.page_header p {
    font-size: 20px;
    line-height: var(--block-padding);
    margin: 0 25% 0 0;
}
/**********/
.fw-bg.main-bg {
    padding-bottom: 0;
}
/************/
.img_overlay {
    padding: 0;
}
.img_overlay .inner {
    background-size: cover;
    padding: 0 var(--block-padding) 0 0;
}
.img_overlay .inner * {
    color: #FFFFFF;
}
.img_overlay .overlay_inner {
    padding: calc(var(--block-padding) * 2);
    text-transform: uppercase;
}
/************/
.img-bg {
    padding: 0;
}
.img-bg:after {
    content: "";
    display: block;
    padding-bottom: calc(100% - var(--block-padding));
}
.img-bg .overlay-inner {
    position: absolute;
    width: calc(100% - var(--block-padding));
    height: 100%;
    background-size: cover;
    background-position: center top;
}
.img-bg .overlay-inner .inner {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: var(--block-padding);
}
/**********/
.ui-state-default {
    background-color: #d9d9d9;
}
.ui-accordion-header-active {
    background-color: #363636;
    color: #FFFFFF;
}
/**********/
.slide_right_on_scroll .fw-wrapper {
    display: none;
}
.fade_on_scroll {
    opacity: 0.0;
}
.fade_on_load {
    opacity: 0;
    animation: 2s ease-out 0s 1 fade-in;
    animation-fill-mode: both;
}
/**********/
.phoo_row.show_more .block {
    display: none;
}
.phoo_row.show_more .w100pc {
    text-align: center;
}
.phoo_row.show_more .show-more {
    margin-top: 50px;
    margin-bottom: 50px;
    display: none;
}
/**********/
.block .inner ul {
    list-style: none;
    padding-left: var(--block-padding);
    margin: 0 0 20px 0;
}
/**********/
.block.bg-color1 .inner {
    background-color: var(--color1);
    -webkit-border-radius: 12px;
    border-radius: 12px;
}
.block.bg-color1 .inner * {
    color: #FFFFFF;
}
.block.bg-color1 .inner a {
    background-color: #FFFFFF;
    color: var(--color1);
}
.block.bg-color2 .inner {
    background-color: var(--text-color);
    -webkit-border-radius: 12px;
    border-radius: 12px;
}
.block.bg-color2 .inner h3, .block.bg-color2 .inner p {
    color: #FFFFFF;
}
.block.bg-color2 .inner p {
    margin-bottom: var(--block-padding);
}
.block.bg-color2 .inner .form-btn, .block.bg-color2 .inner .pageheader_text .pageheader_text_inner a, .pageheader_text .pageheader_text_inner .block.bg-color2 .inner a, .block.bg-color2 .inner input.zoom_button, .block.bg-color2 .inner .phoo_row.show_more .show-more, .phoo_row.show_more .block.bg-color2 .inner .show-more, .block.bg-color2 .block.bg-color1 .inner a, .block.bg-color1 .block.bg-color2 .inner a, .block.bg-color2 .inner .btn-color1, .block.bg-color2 .inner .btn-color2, .block.bg-color2 .inner .testimonialHolder .promoInner .testimonital-btn, .testimonialHolder .promoInner .block.bg-color2 .inner .testimonital-btn {
    padding: 8px 40px;
    border: none;
    background-color: #3eb6ed;
    font-size: 15px;
    text-align: center;
    color: #FFFFFF;
    cursor: pointer;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    color: #FFFFFF;
}
.block.bg-color3 .inner {
    background-color: #f6f6f6;
    -webkit-border-radius: 12px;
    border-radius: 12px;
}
/**********/
.btn-color1 {
    background-color: var(--color1);
    color: #FFFFFF;
}
.btn-color2 {
    background-color: var(--text-color);
    color: #FFFFFF;
}
/**********/
.block.text-color1 * {
    color: var(--color1);
}
.block.text-color2 * {
    color: var(--text-color);
}
.block.text-color3 * {
    color: #f6f6f6;
}
.block.text-white * {
    color: #FFFFFF;
}
.block.text-black * {
    color: #000000;
}
.block.border-color1 .inner {
    border: solid 1px var(--color1);
}
.block.border-color2 .inner {
    border: solid 1px var(--text-color);
}
.block.border-color3 .inner {
    border: solid 1px #f6f6f6;
}
/**********/
.phoo_row.bg-color1 {
    background-color: var(--color1);
}
.phoo_row.bg-color2 {
    background-color: var(--text-color);
}
.phoo_row.bg-color3 {
    background-color: #f6f6f6;
}
/**********/
.block.tagproductlinkembed > .inner {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-template-rows: auto;
    gap: var(--block-padding);
}
.block.tagproductlinkembed > .inner .prod14 {
    width: 100%;
    padding: 0;
}
/**********/
.phoo_row.add-padding {
    padding: var(--block-padding) 0 calc(var(--block-padding) * 2);
}
.phoo_row.add-more-padding {
    padding: var(--block-padding) calc(var(--block-padding) * 2) calc(var(--block-padding) * 2);
}
.block.add-padding .inner {
    padding: var(--block-padding);
}
.block.add-more-padding .inner {
    padding: var(--block-padding) calc(var(--block-padding) * 2) calc(var(--block-padding) * 2);
}
.pad_left {
    padding-left: calc(var(--block-padding) * 4) !important;
}
.pad_right {
    padding-right: calc(var(--block-padding) * 4) !important;
}
.pad_top {
    padding-top: calc(var(--block-padding) * 4) !important;
}
.pad_bottom {
    padding-bottom: calc(var(--block-padding) * 4) !important;
}
.pad_top_bottom {
    padding-top: calc(var(--block-padding) * 4) !important;
    padding-bottom: calc(var(--block-padding) * 4) !important;
}
.pad_top_80px {
    padding-top: 80px !important;
}
.pad_bottom_80px {
    padding-bottom: 80px !important;
}
.pad_top_bottom_80px {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
}
.pad_top_bottom_120px {
    padding-top: 120px !important;
    padding-bottom: 120px !important;
}
.block.add-border .inner {
    float: left;
    width: 100%;
    border: #dadfdf 1px solid;
}
.border_bottom {
    border-bottom: solid 24px;
}
.text_white * {
    color: #FFFFFF;
}
.phoo_row.tint_20:after, .phoo_row.tint_40:after, .phoo_row.tint_50:after, .phoo_row.tint_60:after, .phoo_row.tint_80:after {
    content: "";
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: #000000;
    opacity: 0.2;
}
.phoo_row.tint_40:after {
    opacity: 0.4;
}
.phoo_row.tint_50:after {
    opacity: 0.5;
}
.phoo_row.tint_60:after {
    opacity: 0.6;
}
.phoo_row.tint_80:after {
    opacity: 0.8;
}
.phoo_row.tint_20 .fw-wrapper, .phoo_row.tint_40 .fw-wrapper, .phoo_row.tint_50 .fw-wrapper, .phoo_row.tint_60 .fw-wrapper, .phoo_row.tint_80 .fw-wrapper {
    z-index: 2;
}
/**********/
.block.tint_20 .inner:after, .block.tint_40 .inner:after, .block.tint_50 .inner:after, .block.tint_60 .inner:after, .block.tint_80 .inner:after {
    content: "";
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: #000000;
    opacity: 0.2;
}
.block.tint_40 .inner:after {
    opacity: 0.4;
}
.block.tint_50 .inner:after {
    opacity: 0.5;
}
.block.tint_60 .inner:after {
    opacity: 0.6;
}
.block.tint_80 .inner:after {
    opacity: 0.8;
}
.block.tint_20 .overlay_inner, .block.tint_40 .overlay_inner, .block.tint_50 .overlay_inner, .block.tint_60 .overlay_inner, .block.tint_80 .overlay_inner {
    position: relative;
    z-index: 2;
}
/**********/
.latest_news {
    padding: 0 var(--block-padding) var(--block-padding) 0;
}
.latest_news .img {
    width: 100%;
    height: 280px;
    margin-bottom: var(--block-padding);
    background-size: cover;
    background-position: center top;
}
/**********/
.privacy-holder {
    position: fixed;
    bottom: 0px;
    width: 100%;
    z-index: 2000;
    background-color: var(--color1);
}
.privacy-holder .privacy-inner {
    width: 100%;
    padding: var(--block-padding);
    text-align: center;
}
.privacy-holder .form-btn, .privacy-holder .pageheader_text .pageheader_text_inner a, .pageheader_text .pageheader_text_inner .privacy-holder a, .privacy-holder input.zoom_button, .privacy-holder .phoo_row.show_more .show-more, .phoo_row.show_more .privacy-holder .show-more, .privacy-holder .block.bg-color1 .inner a, .block.bg-color1 .inner .privacy-holder a, .privacy-holder .btn-color1, .privacy-holder .btn-color2, .privacy-holder .testimonialHolder .promoInner .testimonital-btn, .testimonialHolder .promoInner .privacy-holder .testimonital-btn {
    background-color: #ffffff;
    color: var(--color1);
    font-weight: bold;
}
.privacy-holder p {
    color: white;
}
.privacy-holder a {
    color: #ffffff;
}
/**********/
.testItem {
    float: left;
    width: 100%;
    padding: 40px 0px 40px 0px;
    border-bottom: 1px solid #cccccc;
}
.testimonialHolder {
    width: 100%;
    overflow: hidden;
}
.testimonialHolder .promoItem {
    float: left;
    width: 100%;
    height: auto;
    overflow: hidden;
}
.testimonialHolder .promoInner {
    width: 100%;
    margin: 0 auto 0 0;
    padding: 0;
}
.testimonialHolder .testimonital-teaser {
    color: var(--text-color);
}
.testimonialHolder .promoInner .testimonital-image {
    padding-top: 48px calc(48px * 2);
    padding-bottom: 48px calc(48px * 2);
    padding-left: 48px calc(48px * 2);
    padding-right: 15px;
}
.testimonialHolder .promoInner .testimonital-text {
    padding-top: var(--block-padding);
    padding-right: 48px;
    padding-bottom: 48px;
    min-height: 250px;
}
.testimonialHolder .promoInner * {
    color: #FFFFFF;
}
.testimonialHolder .promoInner .testimonital-teaser {
    font-size: 18px;
    font-weight: normal;
    font-style: italic;
    line-height: 28px;
    color: #FFFFFF;
    margin-bottom: 40px;
}
.testimonialHolder .promoInner .testimonital-btn {
    background-color: var(--text-color);
}
/**********/
#testimonialPager {
    width: 100%;
    text-align: center;
    margin-top: 20px;
}
#testimonialPager span {
    display: inline-block;
    width: 12px;
    height: 12px;
    border: solid 1px #FFFFFF;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    margin: 0 2px;
    cursor: pointer;
    line-height: 100;
    overflow: hidden;
}
#testimonialPager span.cycle-pager-active {
    background-color: #FFFFFF;
}
/**********/
@keyframes rotate360 {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.footer-bg .footer .fab {
    width: 32px;
    height: 32px;
    margin-right: 8px;
    background-color: #FFF;
    -webkit-border-radius: 16px;
    border-radius: 16px;
    font-size: 20px;
    line-height: 32px;
    text-align: center;
    color: #3c3c3c;
}
.footer-bg .footer .fab:hover {
    animation: 0.5s ease-out 0s 1 rotate360;
}
/**********/
#privacy {
    display: none;
    position: fixed;
    float: left;
    width: 100%;
    padding: var(--block-padding);
    background-color: #3c3c3c;
    z-index: 5000;
}
#privacy * {
    color: FFFFFF;
    text-align: center;
}
/**********/
.social-icon i.fab {
    width: 36px;
    height: 36px;
    padding-top: 8px;
    background-color: var(--color1);
    -webkit-border-radius: 18px;
    border-radius: 18px;
    font-size: 20px;
    text-align: center;
    margin-right: 8px;
}
/**********/
/* CSS Document */
@media only screen and (min-width: 1200px) and (max-width: 1380px) {
    .top-nav-holder li a {
        padding: 0px 12px 0px 0px;
    }
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
    #header {
        display: none;
    }
    #mobile-header {
        display: block;
    }
    /*********/
    .w960-centered {
        width: 100%;
        padding: 20px 0 0 20px;
    }
    .block {
        padding: 0 20px 20px 0;
    }
    .header-bg .fw-wrapper {
        position: relative;
        padding: 0;
        overflow: visible;
    }
    .header-bg .logo-holder {
        top: 0;
    }
    /*********/
    .w960-centered {
        padding: 0;
    }
    /*********/
    .phoo_row.add-padding, .img_overlay .overlay_inner, .block.add-padding .inner, .block.add-more-padding .inner {
        padding: 20px;
    }
    /*********/
    .form-btn, .pageheader_text .pageheader_text_inner a, input.zoom_button, .phoo_row.show_more .show-more, .block.bg-color1 .inner a, .btn-color1, .btn-color2, .testimonialHolder .promoInner .testimonital-btn, .hero-holder .hero-item-inner .hero-item-block.ht_a a {
        padding: 4px 8px;
        font-size: 16px;
    }
    /*********/
    .pad_top {
        padding-top: 170px !important;
    }
    .zoom_search_header {
        margin-right: 50px;
        margin-top: 10px;
    }
    /*********/
    .page_header {
        height: 320px;
    }
    .page_header .inner h1 {
        margin: 12px 0;
        padding-top: 180px;
    }
    /*********/
    .left-nav-centered {
        position: relative;
        width: 100%;
        max-width: 1400px;
        height: auto;
        margin: 0 auto 0 auto;
        padding: 0 0 0 0px;
    }
    /*********/
    .mobile-header .logo-holder {
        text-align: left;
        margin-bottom: 10px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    #header {
        display: none;
    }
    #mobile-header {
        display: block;
    }
    /*********/
    h1, h1 a {
        font-size: 44px;
    }
    h2, h2 a {
        font-size: 44px;
    }
    h3, h3 a {
        font-size: 26px;
    }
    h4, h4 a {
        font-size: 15px;
    }
    /*********/
    .w960-centered {
        width: 100%;
        padding: 20px 0 0 20px;
    }
    .w960-centered .fw-wrapper {
        width: 100%;
        padding: 0;
    }
    .w960-centered .fw-wrapper .block {
        padding: 0 20px 20px 0;
    }
    .header-bg .fw-wrapper {
        position: relative;
        padding: 0;
        overflow: visible;
    }
    /*********/
    .block img.left {
        margin: 0 20px 20px 0;
    }
    .block img.right {
        margin: 0 0 20px 20px;
    }
    /*********/
    .full-width .fw-wrapper {
        width: 100%;
    }
    .full-width .fw-wrapper .block {
        padding: 0 20px 0 0;
    }
    /*********/
    .top-nav-holder {
        top: 114px;
    }
    .header-bg .header {
        padding-bottom: var(--block-padding);
    }
    /**********/
    .img_overlay .overlay_inner, .block.add-padding .inner, .block.add-more-padding .inner {
        padding: 20px;
    }
    /**********/
    .phoo_row.add-padding {
        padding: 20px 0 20px 20px;
    }
    /*********/
    .hide {
        display: none;
    }
    /*********/
    .pageheader_text .pageheader_text_inner {
        width: 100%;
    }
    .page_header {
        height: 310px;
    }
    .page_header .inner h1 {
        margin: 12px 0;
        padding-top: 170px;
    }
    /**********/
    .pad_top {
        padding-top: 110px !important;
    }
    .pad_top_bottom_120px, .pad_top_bottom_80px {
        padding: 60px 0px 60px 0px !important;
    }
    .block.add-padding .inner {
        padding: calc($tablet-padding * 1);
    }
    /**********/
    .portfolio_item {
        width: 50%;
    }
    .portfolio_item .inner .text {
        padding: calc(48px * 1);
    }
    /**********/
    .col3_flex .fw-wrapper {
        display: flex;
        flex-direction: column;
    }
    .col3_flex .fw-wrapper .img_bg_1_3 .inner {
        background-size: contain;
        background-position: left top;
        background-repeat: no-repeat;
    }
    .col3_flex .fw-wrapper .block.col1_3:nth-child(1) {
        order: 1;
    }
    .col3_flex .fw-wrapper .block.col1_3:nth-child(2) {
        order: 3;
    }
    .col3_flex .fw-wrapper .block.col1_3:nth-child(3) {
        order: 5;
    }
    .col3_flex .fw-wrapper .block.col1_3:nth-child(4) {
        order: 2;
    }
    .col3_flex .fw-wrapper .block.col1_3:nth-child(5) {
        order: 4;
    }
    .col3_flex .fw-wrapper .block.col1_3:nth-child(6) {
        order: 6;
    }
    /**********/
    .zoom_search_header {
        margin-right: 50px;
        margin-top: 10px;
    }
    .left-nav-centered {
        position: relative;
        width: 100%;
        max-width: 1400px;
        height: auto;
        margin: 0 auto 0 auto;
        padding: 0 0 0 0px;
    }
    .left-nav-holder {
        display: none;
    }
    .related_products_holder .related_product {
        width: 50%;
    }
    /**********/
    .tag-filter {
        padding-right: var(--tablet-padding);
    }
    .block .inner .tag-filter ul {
        padding: var(--tablet-padding);
        margin: 0 0 var(--tablet-padding) 0;
    }
    .shoptagsInfo {
        padding: var(--tablet-padding);
        margin-bottom: var(--tablet-padding);
    }
    .shoptagsPager {
        text-align: center;
        padding: 0;
    }
    .shoptagsProds .get_tags_holder {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    /**********/
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
    #header {
        display: none;
    }
    #mobile-header {
        display: block;
    }
    /*********/
    h1, h1 a {
        font-size: 36px;
    }
    h2, h2 a {
        font-size: 32px;
    }
    h3, h3 a {
        font-size: 20px;
    }
    h4, h4 a {
        font-size: 15px;
    }
    .block.img-fix .inner img {
        max-width: 100%;
        height: auto !important;
    }
    /**********/
    .w960-centered, .full-width .fw-wrapper, .left-nav-centered {
        width: 100%;
        padding: 0;
    }
    .left-nav-holder {
        display: none;
    }
    /**********/
    .page-pad .fw-wrapper {
        display: none;
    }
    /**********/
    .w960-centered .fw-wrapper {
        width: 100%;
        max-width: 100%;
        padding: 0;
    }
    /**********/
    .full-width .fw-wrapper .block, .w960-centered .fw-wrapper .block {
        width: 100%;
        padding: 12px;
    }
    .block.img_overlay, .block.img_overlay .inner {
        padding: 0;
    }
    .block.img_overlay .overlay_inner {
        padding: calc(12px * 2);
    }
    /*********/
    .block img.left {
        margin: 0 12px 12px 0;
    }
    .block img.right {
        margin: 0 0 12px 12px;
    }
    /**********/
    .phoo_row.add-padding, .img_overlay .overlay_inner, .block.add-padding .inner, .block.add-more-padding .inner {
        padding: 12px;
    }
    /**********/
    .col3_flex .fw-wrapper {
        display: flex;
        flex-direction: column;
    }
    .col3_flex .fw-wrapper .block.col1_3:nth-child(1) {
        order: 1;
    }
    .col3_flex .fw-wrapper .block.col1_3:nth-child(2) {
        order: 3;
    }
    .col3_flex .fw-wrapper .block.col1_3:nth-child(3) {
        order: 5;
    }
    .col3_flex .fw-wrapper .block.col1_3:nth-child(4) {
        order: 2;
    }
    .col3_flex .fw-wrapper .block.col1_3:nth-child(5) {
        order: 4;
    }
    .col3_flex .fw-wrapper .block.col1_3:nth-child(6) {
        order: 6;
    }
    /**********/
    .formRow2 {
        width: 100%;
    }
    /**********/
    .hide_header_item {
        display: none;
    }
    /**********/
    .page_header {
        height: 310px;
    }
    .page_header .inner h1 {
        margin: 12px 0;
        padding-top: 170px;
    }
    .page_header p {
        margin: 0;
    }
    /**********/
    .pad_top {
        padding-top: 150px !important;
    }
    .pad_bottom_80px {
        padding-bottom: 80px !important;
    }
    /**********/
    .w80pc {
        width: 100% !important;
    }
    .w20pc {
        width: 100% !important;
    }
    .portfolio_item {
        width: 100%;
    }
    .portfolio_item .inner .text {
        padding: calc(48px * 1);
    }
    .PFDHeader {
        height: 350px;
    }
    .hide {
        display: none;
    }
    .phooFormHolder {
        padding: 10px;
    }
    .PFDHeader {
        margin-bottom: 0px;
    }
    /**********/
    .news-list-holder, .news-list-pager, .news-list, .latest-news {
        padding-right: 0px;
    }
    .news-list .news-list-img {
        width: 100%;
        margin-bottom: 15px;
    }
    .mobile-header .contact-holder .email .form-btn, .mobile-header .contact-holder .email .pageheader_text .pageheader_text_inner a, .pageheader_text .pageheader_text_inner .mobile-header .contact-holder .email a, .mobile-header .contact-holder .email input.zoom_button, .mobile-header .contact-holder .email .phoo_row.show_more .show-more, .phoo_row.show_more .mobile-header .contact-holder .email .show-more, .mobile-header .contact-holder .email .block.bg-color1 .inner a, .block.bg-color1 .inner .mobile-header .contact-holder .email a, .mobile-header .contact-holder .email .btn-color1, .mobile-header .contact-holder .email .btn-color2, .mobile-header .contact-holder .email .testimonialHolder .promoInner .testimonital-btn, .testimonialHolder .promoInner .mobile-header .contact-holder .email .testimonital-btn {
        padding: 4px 12px;
    }
    .zoom_search_header {
        width: 85%;
    }
    .form-row .fc {
        padding-left: 0px;
        padding-right: 0px;
    }
    /**********/
    #basket .form-row .th {
        overflow: hidden;
        white-space: nowrap;
    }
    /**********/
    .shop-search {
        padding-left: 0;
        padding-right: 0;
    }
    .shop-search .form-row .fc {
        padding-bottom: var(--phone-padding);
        width: 100% !important;
        text-align: center;
    }
    /**********/
    .tag-filter, .tag-output {
        width: 100%;
        padding-right: 0;
    }
    .block .inner .tag-filter ul {
        padding: var(--phone-padding);
        margin: 0 0 var(--phone-padding) 0;
    }
    .shoptagsInfo {
        padding: var(--phone-padding);
        margin-bottom: var(--phone-padding);
    }
    .shoptagsPager {
        text-align: center;
        padding: 0;
        width: 100% !important;
    }
    .shoptagsProds .get_tags_holder {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    /**********/
    .prod14 {
        width: 100%;
        padding: 0 0px var(--block-padding) 0;
    }
    .get_tags_holder .get_taggged_products {
        width: 100%;
    }
    #shoptagsPager.w50pc {
        width: 100% !important;
        text-align: left;
    }
    .shoptagsFilter {
        padding-bottom: 20px;
    }
    .product_detail .thumb_holder {
        display: none;
    }
    .product_detail h1 {
        font-size: 32px;
    }
    .w40pc {
        width: 100% !important;
    }
    .w40pc.pad_right_bottom {
        padding: 0px;
    }
    .related_products_holder .related_product {
        width: 100%;
    }
    .block.tagproductlinkembed > .inner {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        gap: var(--phone-padding);
    }
    /**********/
    .cart-layout .form-row {
        grid-template-columns: 1fr;
        gap: var(--phone-padding);
    }
    .cart-layout .basketSubmitRow {
        text-align: center;
    }
    .cart-layout .basketTotalRow .pull-left, .cart-layout .basketTotalRow .pull-right {
        grid-row: 1;
        grid-column: 1;
    }
    .cart-layout .basketSubmitRow .form-btn {
        margin-bottom: var(--phone-padding);
    }
    /**********/
    .shop-header-holder {
        top: var(--phone-padding);
        right: var(--phone-padding);
    }
    /**********/
    .shopAccDetails {}
    .shopAccDetails .accRow1, .shopAccDetails .accRow2 {
        padding: 0 0 0 0;
        border-right: none;
        width: 100% !important;
    }
    /**********/
    .address .w50pc {
        width: 100% !important;
    }
    /**********/
    .form-btn, .pageheader_text .pageheader_text_inner a, input.zoom_button, .phoo_row.show_more .show-more, .block.bg-color1 .inner a, .btn-color1, .btn-color2, .testimonialHolder .promoInner .testimonital-btn, #payment-form #submit {
        padding: 8px 12px;
        font-size: 14px;
    }
    /**********/
}
/* iPad Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    /* CSS */
}
/* iPad Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    /* CSS */
}
/**********/
/*# sourceMappingURL=main-scss.css.map */