/* CSS Document */

/*=============================

GENERAL STYLES

==============================*/

html {
    height: 101%;
}

* {
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    background: #ffffff;
    font-family: 'roboto', Tahoma, sans-serif;
    font-size: 16px;
    color: #000000;
    text-align: left;
    line-height: 25px;
}

body, button, input, select, table, textarea {
    font-family: 'roboto', Tahoma, sans-serif;
    color: #000000;
}

a {
    color: #c40008;
    text-decoration: none;
    font-weight: normal;
}

a:link {
    color: #c40008;
    text-decoration: none;
    font-weight: normal;
}

a:visited {
    color: #c40008;
    text-decoration: none;
}

a:focus {
    color: #f10d17;
    text-decoration: none;
}

a:hover {
    color: #f10d17;
    text-decoration: none;
}

a:active {
    color: #c40008;
    text-decoration: none;
}

p,
.cms-page-view .std p,
.cms-no-route .std p {
    color: #000000;
    font-size: 16px;
    font-family: 'roboto', Verdana, sans-serif;
    font-style: normal;
}

.notice-inner p {
    color: #ffffff;
    font-size: 12px;
}

.breadcrumbs {
    border-bottom: 1px dashed #ffffff;
}

.breadcrumbs li {
    text-transform: none;
    font-family: 'roboto', Verdana, sans-serif;
}

.breadcrumbs li a:hover {
    color: #f10d17;
}

.cms-page-view .page-title h1,
.cms-page-view .std h1,
.cms-no-route .std h1,
.category-title h1,
h1,
.page-title h1 {
    color: #c40008;
    text-transform: uppercase;
    font-size: 30px;
    font-weight: bold;
    font-family: 'roboto', Verdana, sans-serif;
}

.cms-page-view .std h2,
.cms-no-route .std h2,
h2 {
    color: #000000;
    text-transform: uppercase;
    font-size: 24px;
    font-weight: normal;
    font-family: 'roboto', Verdana, sans-serif;
}

.cms-page-view .std h3,
.cms-no-route .std h3,
h3 {
    color: #252525;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: normal;
    font-family: 'roboto', Verdana, sans-serif;
}

.main-container {
    max-width: 100%;
}

.container {
    width: 100%;
}

@media (min-width: 1300px) {
    .main-container {
        max-width: 1300px;
        padding: 30px 0;
    }

    .container {
        width: 1300px;
    }
}

/*=============================

BUTTONS

==============================*/

.button, a.button,
.cart-table .product-cart-actions .button,
#co-shipping-method-form .buttons-set .button,
.pink-btn,
.footer .button,
.button:visited,
.cart-table .product-cart-actions .button:visited,
#co-shipping-method-form .buttons-set .button:visited,
.pink-btn:visited,
.footer .button:visited,
.button:active,
.cart-table .product-cart-actions .button:active,
#co-shipping-method-form .buttons-set .button:active,
.pink-btn:active,
.footer .button:active {
    font-family: 'roboto', Tahoma, sans-serif;
    background: #c40008;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 16px;
    transition: 0.5s ease-in-out;
}

.button:focus, .cart-table .product-cart-actions .button:focus, #co-shipping-method-form .buttons-set .button:focus, .footer .button:focus {
    background-color: #c40008;
    color: #ffffff;
    outline: medium none;
}

.button:hover,
.cart-table .product-cart-actions .button:hover,
#co-shipping-method-form .buttons-set .button:hover,
.pink-btn:hover,
.footer .button:hover {
    background: #000000;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: normal;
}

.btn-cart,
.btn-cart:visited,
.btn-cart:active {
    background: #ffffff;
    border: 2px solid #c40008;
    padding: 5px 10px;
    color: #7e8083;
    font-family: 'roboto', Tahoma, sans-serif;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: normal;
    transition: 0.5s ease-in-out;
}

.btn-cart:hover {
    background: #c40008;
    color: #ffffff;
}

/*=============================

HEADER

==============================*/

header {
    width: 100%;
    max-width: 100%;
    background: #ffffff;
    border-top: 5px solid #c40008;
}

.page-header-container {
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
}

#contactBar {
    background: #c40008;
    height: 50px;
    font-size: 16px;
    color: #ffffff;
    line-height: 50px;
    text-align: left;
    text-transform: uppercase;
    font-weight: bold;
}

.number {
    width: auto;
    height: 50px;
    float: left;
}

.number a[href^=tel] {
    color: #fff;
}

.social {
    width: auto;
    height: 50px;
    float: right;
    position: relative;
    padding: 0 20px;
    font-size: 16px;
    color: #ffffff;
    line-height: 50px;
    text-align: right;
    text-transform: uppercase;
    font-weight: bold;
    background: #000000;
    transition: all ease-in-out 0.5s;
}

.social a {
    color: #ffffff;
}

.social a:hover {
    opacity: 0.75;
}

#social-links {
    position: absolute;
    z-index: 999999;
    right: 0;
    padding: 10px;
    height: auto;
    background: #000000;
    text-align: center;
    line-height: normal;
    transition: all ease-in-out 0.5s;
}

#social-links a {
    display: inline-block;
}

#social-links img {
    width: 45px;
    height: 45px;
    float: none;
    padding: 2px;
}

#search {
    width: 300px;
    height: 40px;
    margin: 5px 0;
    font-family: 'roboto', Tahoma, sans-serif;
    color: #ffffff;
    background: transparent;
    border: none;
    border-bottom: 2px solid #d34147;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #ffffff;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #ffffff;
    opacity: 1;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #ffffff;
    opacity: 1;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #ffffff;
}

:placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
    color: #ffffff;
}

#search:focus {
    background: transparent;
    border-color: #ebebeb;
    outline: 0;
    -webkit-box-shadow: inset 0 0px 1px rgba(0, 0, 0, .075), 0 0 5px rgba(196, 0, 8, 1) !important;
    box-shadow: inset 0 0px 1px rgba(0, 0, 0, .075), 0 0 5px rgba(196, 0, 8, 1) !important;
    border-top: none;
}

@media (min-width: 770px) {
    .logo {
        max-width: 300px;
        min-height: 109px;
        padding: 0;
    }

    #header-search {
        width: auto;
        height: auto;
        position: absolute;
        top: 109px;
        right: 150px;
        z-index: 99;
    }
}

@media (max-width: 769px) {
    .logo {
        max-width: 250px;
        min-height: 90px;
        margin: 0 auto;
        float: none;
    }

    .skip-links {
        border-bottom: none;
        border-top: 0;
    }

    .skip-link .label {
        font-weight: bold;
        color: #000000;
        text-transform: uppercase;
    }

    .skip-nav,
    .skip-link {
        width: 50%;
    }

    #search {
        width: 100%;
        color: #000000;
    }

    ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
        color: #000000;
    }

    :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
        color: #000000;
        opacity: 1;
    }

    ::-moz-placeholder { /* Mozilla Firefox 19+ */
        color: #000000;
        opacity: 1;
    }

    :-ms-input-placeholder { /* Internet Explorer 10-11 */
        color: #000000;
    }

    :placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
        color: #000000;
    }
}

/*=============================

MENU

==============================*/

@media (min-width: 770px) {
    #header-nav {
        display: block;
        border-bottom: none;
        width: auto;
        float: right;
        position: absolute;
        top: 0;
        right: 0;
    }

    .nav-primary {
        margin: 0;
        float: right;
    }

    .nav-primary li.level0 {
        float: left;
    }

    .nav-primary li.level0 > a {
        padding: 0 10px;
        font-family: 'roboto', Tahoma, sans-serif;
        color: #000000;
        font-size: 14px;
        font-weight: bold;
        text-transform: uppercase;
        line-height: 109px;
        transition: all ease-in-out 0.5s;
    }

    .nav-primary li.level0 > a:hover {
        background: #f6f6f6;
        color: #000000;
    }

    .nav-primary li.level0 ul {
        background: #f5f5f5;
        border: none;
        position: absolute;
        left: 0;
        top: 109px;
        z-index: 10;
        width: 250px;
        padding: 10px;
        display: none;
    }

    .nav-primary li.level1 a {
        border-bottom: 1px solid #ffffff;
        font-family: 'roboto', Tahoma, sans-serif;
        color: #000000;
        font-size: 14px;
        font-weight: bold;
        text-transform: uppercase;
    }

    .nav-primary li.level1 a:hover {
        color: #c40008;
    }
}

@media (max-width: 770px) {
    #header-account li a,
    .nav-primary li.level0 > a {
        font-family: 'roboto', Tahoma, sans-serif;
        color: #000000;
        font-size: 14px;
        font-weight: bold;
        text-transform: uppercase;
        line-height: 40px;
        transition: all ease-in-out 0.5s;
    }

    .no-touch #header-account a:hover,
    .nav-primary li.level0 > a:hover {
        background: #c40008;
        color: #ffffff;
    }

    .nav-primary li.parent > a:after {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        display: block;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        border-left: 5px solid #000000;
        border-right: none;
        top: 50%;
        left: auto;
        right: 20px;
        margin-top: -5px;
    }

    .nav-primary li.parent.sub-menu-active > a:after, .nav-primary li.parent.menu-active > a:after {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        display: block;
        border-right: 5px solid transparent;
        border-left: 5px solid transparent;
        border-top: 5px solid #000000;
        border-bottom: none;
        top: 50%;
        left: auto;
        right: 20px;
        margin-top: -5px;
    }

    .nav-primary li.level1 a {
        border-bottom: 1px solid #ffffff;
        font-family: 'roboto', Tahoma, sans-serif;
        color: #000000;
        font-size: 14px;
        font-weight: bold;
        text-transform: uppercase;
    }

    .nav-primary li.level1 a:hover {
        color: #c40008;
    }

    .nav-primary li.level0 li {
        padding: 0;
    }
}

/*=============================

BANNER

==============================*/

.bx-wrapper {
    margin: 0 auto;
    padding: 0;
}

.bx-wrapper .bx-viewport {
    left: 0;
    border: none !important;
    box-shadow: none;
    background: url(../images/banner-bg.jpg);
    margin: 0;
    padding: 0;
}

.bx-wrapper .bx-pager {
    bottom: 0;
}

#callbackBar {
    background: #000000;
    height: auto;
    font-size: 30px;
    color: #ffffff;
    line-height: 50px;
    text-align: center;
}

#callbackBar:after {
    content: "";
    margin: 0 auto;
    width: 0;
    height: 0;
    top: 60px;
    position: relative;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-top: 30px solid #000000;
}

#callbackBar h1 {
    font-size: 30px;
    color: #ffffff;
    text-transform: none;
    margin-bottom: 30px;
}

.callbackForm {
    width: 100%;
    height: auto;
    float: left;
}

@media (max-width: 900px) {
    #deliveryBar {
        font-size: 20px;
    }

    #deliveryBar:after {
        top: 10px;
    }
}

@media (max-width: 700px) {
    #deliveryBar {
        height: 60px;
        padding-top: 3px;
        line-height: normal;
        font-size: 20px;
    }

    #deliveryBar:after {
        top: 30px;
    }
}

/*=============================

HOMEPAGE MAIN CONTENT

==============================*/

#catBoxes {
    background: #ebebeb;
    padding: 60px 0;
}

#catBoxes .col-xs-12 .catBox {
    padding: 0 0 20px 0;
    text-align: left;
    background: #ffffff;
    box-shadow: 0px 3px 2px rgba(34, 26, 3, 0.5);
}

#catBoxes .col-xs-12 img {
    width: 100%;
}

#catBoxes p {
    padding: 10px 20px;
}

#catBoxes p.boxTitle {
    font-size: 22px;
    color: #000000;
    text-transform: uppercase;
}

#catBoxes p.boxDsc {
    height: 130px;
}

#catBoxes a {
    padding: 10px 20px;
    text-transform: uppercase;
    font-weight: bold;
}

.testimonials-scroll {
    color: #524F4F;
    font-size: 16px;
    text-align: center;
}

.testimonials-scroll .name {
    color: #C40008;
    text-transform: uppercase;
    font-weight: bold;
}

@media (min-width: 900px) {
    #catBoxes p.boxDsc {
        height: 210px;
    }

    #catBoxes p.boxTitle {
        min-height: 70px;
        margin-bottom: 0;
    }
}

@media (min-width: 1024px) {
    #catBoxes p.boxDsc {
        height: 160px;
    }
}

@media (min-width: 1200px) {
    #catBoxes p.boxDsc {
        height: 140px;
    }

    #catBoxes p.boxTitle {
        min-height: auto;
        margin-bottom: 0;
    }
}

@media (max-width: 900px) {

    #catBoxes .col-xs-12 {
        margin-bottom: 20px;
    }

}

@media (max-width: 700px) {
    #catBoxes p.boxDsc {
        height: auto;
    }
}

/*=============================

NEWS / NEWSLETTER

==============================*/

.home-post {
    margin-bottom: 22px;
}

#news {
    background: #ebebeb;
    padding: 50px 0;
}

.block_news_item .block_item_title {
    width: auto;
    float: left;
    padding-left: 10px;
}

.newsImg img {
    max-width: 100%;
}

#news .block-blog li.item {
    background: #ffffff;
    box-shadow: 0px 3px 2px rgba(34, 26, 3, 0.5);
    padding: 10px;
}

.featured-image {
    border: 1px solid #ddd;
    margin: 4px 10px 2px 0;
    padding: 1px;
    float: left;
}

.newsletterBox {
    background: #c40008;
    box-shadow: 0px 3px 2px rgba(34, 26, 3, 0.5);
    padding: 40px 20px 20px 20px;
    text-align: center;
    overflow: hidden;
}

.newsletterBox:after {
    content: "\f0e0";
    font-family: 'FontAwesome';
    color: #ffffff;
    font-size: 300px;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    position: absolute;
    top: 80px;
    left: 30px;
    z-index: 1;
    opacity: 0.15;
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -o-transform: rotate(30deg);
    transform: rotate(30deg);
}

.newsletterBox form {
    position: relative;
    z-index: 2;
}

.newsletterBox form label {
    color: #ffffff;
    font-size: 30px;
    font-family: 'roboto', Tahoma, sans-serif;
    font-weight: normal;
    line-height: 35px;
    margin-bottom: 20px;
}

.newsletterBox #newsletter {
    color: #474747;
}

#newsletter::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #000000;
}

#newsletter:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #000000;
    opacity: 1;
}

#newsletter::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #000000;
    opacity: 1;
}

#newsletter:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #000000;
}

#newsletter:placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
    color: #000000;
}

.newsletterBox form button {
    width: auto;
    height: auto;
    background: transparent;
    border: none;
    padding: 20px;
    text-transform: uppercase;
    font-size: 18px;
    color: #ffffff;
    font-weight: bold;
}

.newsletterBox form button:hover {
    color: #000000;
}

/*=============================

BLOCKS

==============================*/
.col-left {
    margin: 20px 0;
}

.col-left-first {
    margin-bottom: 0;
}

body:not(.customer-account) .block:first-child .block-title {
    padding-top: 10px;
}

.mw-block-sub .block-subscribe .block-title,
.block-title {
    background: #C40008;
    background-size: contain;
    text-transform: none;
    padding: 10px;
    margin-bottom: 0;
}

.block-title strong span {
    font-family: 'roboto', Verdana, sans-serif;
    color: #ffffff;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
}

.block-title h2, .block-title h3, .block-title strong {
    font-family: 'roboto', Verdana, sans-serif;
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.2;
}

.block-layered-nav .block-content > dl > dt {
    font-family: 'roboto', Verdana, sans-serif;
    color: #000000;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 16px;
}

.block-content {
    background: #fbf9f9;
    border: none;
    margin: 0;
    padding: 10px;
}

.sidebar .block:not(.block-layered-nav) .block-title > strong::after {
    border-color: transparent -moz-use-text-color transparent #fff;
}

.sidebar .block:not(.block-layered-nav) .block-title.active > strong::after {
    border-color: #fff transparent -moz-use-text-color;
}

.block-title h2, .block-title h3, .block-title strong {
    color: #000000;
}

.block-layered-nav .currently .block-subtitle {
    color: #000000;
}

.block-layered-nav .block-content > dl > dt {
    border: 1px solid #ebebeb;
    border-top: none;
    background: #f5f5f5;
}

.block-layered-nav .block-content > dl > dd {
    border: 1px solid #ebebeb;
    border-top: none;
}

.btn-remove::after {
    color: #000000;
}

.btn-remove, .btn-previous {
    border: none;
}

.btn-remove:hover, .btn-previous:hover {
    background-color: transparent;
    color: #F79422;
}

.btn-remove:hover::after {
    color: #F79422;
}

.block-content.toggle-content p {
    padding: 7px 20px;
}

@media (max-width: 770px) {

    .block-title {
        cursor: pointer;
        background: #000000;
        padding-bottom: 10px;
    }

    .block-title strong {
        color: #ffffff;
        font-size: 16px;
        padding-left: 10px;
    }
}

/*=============================

FORMS AND TABLES

==============================*/

.data-table tbody td,
.data-table tfoot td,
.data-table th {
    font-family: 'roboto', Verdana, sans-serif;
}

input[type="email"], input[type="search"], input[type="number"], input[type="password"], input[type="tel"], input[type="text"],
textarea,
.fields .input-box {
    width: 100%;
    max-width: 100%;
    color: black;
    height: auto;
    padding: 5px;
}

select > option:hover {
    background: #C40008;
}

input[type="email"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="tel"]:focus, input[type="text"]:focus,
textarea:focus,
select:focus,
.newsletterForm input:focus,
.input-text:focus {
    outline: none;
    border: 1px solid #C40008 !important;
    -webkit-box-shadow: inset 0 0px 1px rgba(0, 0, 0, .075), 0 0 5px rgba(196, 0, 8, 1) !important;
    box-shadow: inset 0 0px 1px rgba(0, 0, 0, .075), 0 0 5px rgba(196, 0, 8, 1) !important;
}

label,
form .legend {
    font-family: 'roboto', Verdana, sans-serif;
    font-size: 16px;
    text-transform: none;
    font-weight: bold;
    letter-spacing: normal;
}

.contacts-index-index .buttons-set {
    margin-left: 0;
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}

.tableTwo {
    width: 100%;
}

.tableTwo td {
    width: 50%;
    height: auto;
    float: left;
}

.table-testimonials {
    width: 100%;
}

.table-testimonials tr {
    background-color: #f5f5f5;
}

.table-testimonials tr td {
    padding: 10px;
}

.callbackForm .form-group {
    line-height: 35px;
}

.form-group label {
    width: auto;
    font-size: 18px;
    line-height: 35px;
    text-transform: uppercase;
}

.form-group input {
    width: 400px;
    font-size: 18px;
    line-height: 35px;
}

.callbackForm .button {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
    padding: 10px 15px;
    background: #000000;
}

.callbackForm .button:hover {
    color: #c40008;
}

@media (max-width: 1200px) {
    .form-group input {
        width: 300px;
        font-size: 18px;
    }
}

@media (max-width: 950px) {
    .form-group input {
        width: 250px;
        font-size: 18px;
    }
}

@media (max-width: 770px) {
    .tableTwo td {
        width: 100%;
        margin-bottom: 30px;
    }

    .form-group {
        width: 100%;
        float: left;
    }

    .form-group label {
        width: 100%;
        float: left;
        font-size: 18px;
        text-align: center;
    }

    .form-group input {
        width: 100%;
        float: left;
    }
}

/*=============================

PRODUCTS

==============================*/

.category-image {
    border: none;
    padding: 0;
}

/*--------------------------------- PRODUCTS TOOLBAR ------*/
.toolbar {
    width: 100%;
    height: auto;
    float: left;
    background: transparent;
    border: none;
    border-top: 2px solid #ebebeb;
    border-bottom: 2px solid #ebebeb;
    font-family: 'roboto', Verdana, sans-serif;
    font-size: 14px;
}

.toolbar p,
.toolbar label, .pager-no-toolbar label {
    font-size: 14px;
}

.pages .current, .pages .current:hover {
    background: #F3EFEC;
    border: none;
    color: #000000;
}

.pages .current {
    color: #000000;
}

.pages a {
    color: #000000;
}

.pages .next:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    display: block;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid #c40008;
    border-right: none;
    top: 50%;
    margin-top: -3px;
    left: 50%;
    margin-left: -2px;
}

.pages .next:hover::before {
    border-color: transparent -moz-use-text-color transparent #000000;
    border-style: solid none solid solid;
    border-width: 4px medium 4px 4px;
}

.pages .next:hover, .pages .prev:hover {
    border: none;
}

p.view-mode {
    margin: 0;
}

.pager select {
    font-family: 'roboto', Verdana, sans-serif;
}

/*--------------------------------- PRODUCTS GRID ------*/

.sub-cat-list img {
    width: 100%;
}

.subcat_name {
    font-weight: bold;
    font-size: 20px;
    margin-top: 30px;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.price-box .price, .price {
    font-family: 'roboto', Verdana, sans-serif;
}

h2.product-name, h3.product-name, h4.product-name, h5.product-name, p.product-name,
h2.product-name a, h3.product-name a, h4.product-name a, h5.product-name a, p.product-name a {
    color: #000000;
    font-family: 'roboto', Verdana, sans-serif;
    font-weight: bold;
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: normal;
    margin: 0 0 0.5em;
    text-rendering: optimizelegibility;
    text-transform: uppercase;
}

.products-grid {
    width: 100%;
    height: auto;
    float: left;
}

.products-grid .product-name {
    min-height: 70px;
    padding-bottom: 10px;
}

.products-grid .product-name a {
    letter-spacing: normal;
    font-family: 'roboto', Verdana, sans-serif;
    font-weight: bold;
    font-size: 16px;
    text-transform: uppercase;
}

.products-grid .product-info {
    padding-bottom: 25px;
    position: relative;
}

.products-grid .product-name a:hover {
    color: #C40008;
}

.products-grid .product-image {
    overflow: hidden;
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.3);
}

.img-zoom {
    width: 510px;
    -webkit-transition: all 2s ease-in-out;
    -moz-transition: all 2s ease-in-out;
    -o-transition: all 2s ease-in-out;
    -ms-transition: all 2s ease-in-out;
}

.transition {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
}

.product-image,
.no-touch .product-img-box .product-image:not(.zoom-available):hover {
    position: relative;
    display: block;
    border: none;
}

.no-touch .product-image:hover {
    border-color: #ededed;
}

@media only screen and (max-width: 770px) {

    .block-layered-nav .block-subtitle--filter, .block-layered-nav .block-subtitle--filter:hover {
        background-color: #c40008;
    }

    .block-layered-nav .block-content > dl > dt:hover {
        color: #c40008;
    }

    .block-layered-nav .block-content > dl > dt:after {
        border-left: 4px solid #c40008;
    }

    .block-layered-nav .block-content.accordion-open > dl > dt.current:after {
        border-top: 4px solid #c40008;
    }
}

/*--------------------------------- PRODUCTS VIEW ------*/

.product-view .product-shop, .product-view .add-to-cart-wrapper, .product-view .block-related {
    padding-left: 0;
}

.product-view .product-shop .product-name .h1 {
    letter-spacing: normal;
    font-family: 'roboto', Verdana, sans-serif;
    font-weight: bold;
    font-size: 30px;
    text-transform: uppercase;
    color: #c40008;
    margin-top: 0;
}

p.required, .validation-advice {
    color: #c40008;
}

.product-view .add-to-cart {
    border-bottom: 1px dashed #ebebeb;
    margin-bottom: 10px;
    padding-bottom: 3px;
}

.buttons-set {
    border-top: 1px dashed #ebebeb;
}

.product-view .add-to-cart-buttons .button {
    float: left;
    font-size: 16px;
    line-height: 36px;
    min-height: 36px;
    min-width: 160px;
    padding: 0 30px;
    white-space: normal;
    width: 100%;
}

@media (max-width: 770px) {
    .product-view .product-shop .product-name .h1, .product-view .product-img-box .product-name h1 {
        text-transform: uppercase;
        color: #C40008;
    }
}

.product-enquiry h3 {
    color: #C40008;
}

/*--------------------------------- PRODUCTS OPTIONS ------*/
.product-options {
    border: none;
    clear: both;
    margin: 10px 0 0;
    padding: 10px 0;
    position: relative;
    width: 100%;
}

.product-options dd select {
    width: 100%;
    padding: 5px 10px;
    border: 1px solid #ebebeb;
}

.product-options-bottom {
    padding: 20px;
    border: none;
    background: #ebebeb;
}

/*--------------------------------- PRODUCTS TABS ------*/
@media (min-width: 770px) {
    .product-information {
        width: 50%;
        height: auto;
        float: right;
    }

    .product-collateral {
        clear: right;
        float: right;
        width: 100%;
    }

    .product-collateral .toggle-tabs {
        background: #ebebeb;
        border: 1px solid #EBEBEB;
        display: block;
        position: relative;
        width: 100%;
        margin-bottom: 0;
    }

    .product-collateral > dl > dd {
        border: 1px solid #ebebeb;
    }

}

.product-enquiry {
    width: 100%;
    height: auto;
    float: left;
    margin-bottom: 10px;
}

.product-collateral .toggle-tabs li > span {
    font-size: 14px;
    font-weight: bold;
    color: #000000;
    text-transform: uppercase;
    padding: 0 20px;
}

.product-collateral .toggle-tabs li:hover {
    background: #C40008;
    color: #ffffff;
}

.product-collateral .toggle-tabs li.current span {
    color: #C40008;
}

.product-collateral .toggle-tabs li:hover span {
    color: #ffffff;
}

.product-collateral .toggle-tabs li.current:hover span {
    background: #ffffff;
    color: #C40008;
}

.product-collateral .toggle-tabs li.current {
    border-left: 1px solid #EBEBEB;
    border-right: 1px solid #EBEBEB;
}

.product-collateral > dl > dd {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color #ebebeb #ebebeb;
    border-image: none;
    border-style: none solid solid;
    border-width: 0 2px 2px;
    display: none;
    padding: 15px;
    width: 100%;
}

#product-attribute-specs-table p {
    font-size: 14px;
}

.product-essential .tab-content #customer-reviews {
    float: none;
}

.attach-img {
    float: left;
}

@media (max-width: 770px) {
    .product-collateral > dl > dt:after {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        display: block;
        border-top: 4px solid transparent;
        border-bottom: 4px solid transparent;
        border-left: 4px solid #C40008;
        border-right: none;
    }

    .product-collateral > dl > dt {
        background: #f5f5f5;
        border: none;
        border-bottom: 5px solid #ffffff;
        color: #000000;
        font-family: 'roboto', Verdana, sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: bold;
        text-transform: uppercase;
    }

    .product-collateral > dl > dt:hover {
        color: #C40008;
    }

    .product-collateral.accordion-open > dl > dt.current:after {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        display: block;
        border-right: 4px solid transparent;
        border-left: 4px solid transparent;
        border-top: 4px solid #C40008;
        border-bottom: none;
        left: 6px;
        top: 50%;
        margin-top: -3px;
    }

    .product-collateral.accordion-open > dl > dd.current {
        border: 2px solid #f5f5f5;
        border-top: none;
    }
}

/*--------------------------------- PRODUCTS REVIEWS ------*/
.product-essential #customer-reviews {
    width: 50%;
    height: auto;
    float: right;
    clear: none;
    padding: 20px;
    background: #f5f5f5;
}

.tab-content #customer-reviews {
    width: 100%;
    height: auto;
    float: none;
}

#customer-reviews h2,
#customer-reviews h3 {
    font-size: 16px;
    font-weight: bold;
    color: #000000;
    text-transform: lowercase;
    letter-spacing: normal;
    font-family: 'roboto', Verdana, sans-serif;
}

#customer-reviews h3 span {
    color: #C40008;
}

#customer-reviews .fieldset .form-list label {
    font-size: 16px;
    font-weight: normal;
    color: #000000;
    font-family: 'roboto', Verdana, sans-serif;
}

#customer-reviews .fieldset .form-list {
    width: 100%;
    font-size: 14px;
    font-family: 'roboto', Verdana, sans-serif;
}

#customer-reviews .buttons-set,
#customer-reviews .fieldset {
    width: 100%;
}

#customer-reviews .fieldset h4 {
    color: #000000;
    font-family: 'roboto', Verdana, sans-serif;
    border-bottom: 1px dashed #ebebeb;
}

.review-summary-table tbody th {
    background: transparent;
}

@media (max-width: 1100px) {
    .product-essential #customer-reviews {
        width: 100%;
        height: auto;
        float: left;
        clear: none;
    }
}

/*--------------------------------- PRODUCTS RELATED ------*/
.product-view .block-related {
    width: 100%;
    height: auto;
    float: none;
}

.block-related .price-box .price {
    color: #C40008;
}

.block-related .block-subtitle {
    margin-bottom: 15px;
}

/*--------------------------------- PRODUCTS UPSELL ------*/
#upsell-product-table {
    float: none;
}

/*=============================

ACCOUNT

==============================*/

.customer-account-login .scaffold-form label:first-child {
    width: 125px;
}

.dashboard .box-head h2 {
    font-family: 'roboto', Verdana, sans-serif;
    font-size: 20px;
    font-weight: bold;
}

body.customer-account .my-account .addresses-list h3 {
    font-size: 18px;
}

.my-account .addresses-list,
.dashboard .box-account p, .dashboard .box-account address {
    font-family: 'roboto', Verdana, sans-serif;
    font-style: normal;
}

.block-account .block-title {
    background: url(../images/circle.png) no-repeat top right #C40008;
    background-size: contain;
    text-transform: none;
    padding: 10px;
    margin-bottom: 0;
}

.block-account .block-title span {
    font-family: 'roboto', Verdana, sans-serif;
    color: #ffffff;
    font-size: 20px;
    font-weight: bold;
    text-transform: lowercase;
    letter-spacing: -1px;
}

.block-account .block-content {
    background: #f5f5f5;
    padding: 5px;
    margin: 0;
}

.block-account .block-content ul {
    border: 2px dashed #ffffff;
    padding: 10px;
    margin: 0;
}

.block-reorder .block-title,
.block-compare .block-title {
    background: url(../images/circle.png) no-repeat top right #C40008;
    border: none;
    padding: 15px 10px;
    line-height: 1.2;
    margin: 0;
}

.block-reorder .block-title strong,
.block-compare .block-title strong {
    font-family: 'roboto', Verdana, sans-serif;
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    text-transform: none;
}

.block-reorder .block-content,
.block-compare .block-content {
    padding: 10px;
}

.block-account li strong, .block-cms-menu li strong {
    color: #000000;
    font-weight: bold;
}

.block-account li a, .block-cms-menu li a {
    color: #000000;
    text-transform: none;
    font-weight: normal;
    font-family: 'roboto', Verdana, sans-serif;
}

.block-account li.current a strong,
.block-account li a:hover,
.block-cms-menu li a:hover {
    color: #C40008;
}

@media (min-width: 770px) {
    .new-users .content {
        min-height: 236px;
    }
}

/*=============================

SHOPPING CART

==============================*/

/*=============================

CHECKOUT

==============================*/

/*=============================

FOOTER

==============================*/

.footer-container {
    width: 100%;
    max-width: 100%;
    background: #111111;
}

.footer {
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    border: none;
}

.footer a,
.footer a:link,
.footer a:visited {
    font-family: 'roboto', Tahoma, sans-serif;
    font-weight: normal;
    font-size: 14px;
    color: #ffffff;
}

.footer a:focus,
.footer a:hover {
    color: #f10d17;
}

.footer p {
    font-family: 'roboto', Tahoma, sans-serif;
    font-weight: normal;
    font-size: 14px;
    color: #000000;
}

.footer-title {
    font-family: 'roboto', Tahoma, sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #ffffff;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.footer ul li {
    margin-bottom: 0;
}

.footer .socialFooter a {
    font-size: 24px;
    margin-right: 10px;
}

#newsTitle:before {
    width: 30px;
    height: 30px;
    font-family: FontAwesome;
    content: "\f0e0";
    display: inline-block;
    vertical-align: middle;
    color: #c40008;
    margin-right: 5px;
    font-size: 28px;
}

.newsletterForm input {
    width: 85%;
    height: 30px;
    float: left;
    border: none;
}

.newsletterForm button {
    width: 15%;
    height: 30px;
    float: left;
    text-align: center;
    font-size: 24px;
    border: none;
    background: transparent;
    color: #c40008;
}

#secureTitle:before {
    width: 30px;
    height: 30px;
    font-family: FontAwesome;
    content: "\f023";
    display: inline-block;
    vertical-align: middle;
    color: #c40008;
    margin-right: 5px;
    font-size: 28px;
}

#secureTitle {
    width: 100%;
    height: auto;
    float: left;
    margin-bottom: 0;
    margin-top: 20px;
}

#secureImg {
    max-width: 200px;
}

.social-footer {
    width: auto;
    height: 45px;
    float: left;
    padding: 5px 0;
}

.social-footer a {
    width: 45px;
    height: 45px;
    float: left;
    text-indent: 100px;
    overflow: hidden;
    margin-right: 5px;
    padding: 20px;
}

.social-footer #facebook {
    background: url(../images/facebook.png);
    background-size: cover;
}

.social-footer #facebook:hover {
    background: url(../images/facebook.png) 0 -45px;
    background-size: cover;
}

.social-footer #instagram {
    background: url(../images/instagram.png);
    background-size: cover;
}

.social-footer #instagram:hover {
    background: url(../images/instagram.png) 0 -45px;
    background-size: cover;
}

.social-footer #pinterest {
    background: url(../images/pinterest.png);
    background-size: cover;
}

.social-footer #pinterest:hover {
    background: url(../images/pinterest.png) 0 -45px;
    background-size: cover;
}

.social-footer #twitter {
    background: url(../images/twitter.png);
    background-size: cover;
}

.social-footer #twitter:hover {
    background: url(../images/twitter.png) 0 -45px;
    background-size: cover;
}

.footer-legal {
    width: 100%;
    max-width: 100%;
    background: #000000;
    text-align: left;
}

.footer-legal address {
    width: 100%;
    font-family: 'roboto', Tahoma, sans-serif;
    font-weight: normal;
    font-size: 14px;
    color: #ffffff;
    margin-top: 10px;
    margin-bottom: 0;
    padding: 10px 0;
}

@media (max-width: 700px) {
    .footer-title {
        border-top: 1px dashed black;
        padding-top: 10px;
    }

    #newsTitle {
        margin-top: 20px;
    }

    .footer-legal a,
    .footer-legal a:link,
    .footer-legal a:visited,
    .footer-legal address {
        font-size: 12px;
    }
}

ul.form-list{
    list-style-type: none;
}