@font-face {
    font-family: 'Lato-Regular';
    src: url('fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'),
    url('fonts/Lato-Regular.woff') format('woff'),
    url('fonts/Lato-Regular.ttf') format('truetype'),
    url('fonts/Lato-Regular.svg#Lato-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Lato-Bold';
    src: url('fonts/Lato-Bold.eot?#iefix') format('embedded-opentype'),
    url('fonts/Lato-Bold.woff') format('woff'),
    url('fonts/Lato-Bold.ttf') format('truetype'),
    url('fonts/Lato-Bold.svg#Lato-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Lato-Black';
    src: url('fonts/Lato-Black.eot?#iefix') format('embedded-opentype'),
    url('fonts/Lato-Black.woff') format('woff'),
    url('fonts/Lato-Black.ttf') format('truetype'),
    url('fonts/Lato-Black.svg#Lato-Black') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Lato-Italic';
    src: url('fonts/Lato-Italic.eot?#iefix') format('embedded-opentype'),
    url('fonts/Lato-Italic.woff') format('woff'),
    url('fonts/Lato-Italic.ttf') format('truetype'),
    url('fonts/Lato-Italic.svg#Lato-Italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

input:focus,
input:active,
textarea:focus,
textarea:active,
a:focus,
a:active {
    outline: 0px none !important;
}



/*ul, ol, h1, h2, h3, h4, h5, h6, p {*/
    /*margin: 0;*/
    /*padding: 0;*/
/*}*/

body {
    font-family: 'Lato-Regular';
    font-size: 14px;
    line-height: 21px;
    color: #000;
    background: #f2f2f3;
}

h1 {
    font-size: 40px;
    line-height: 42px;
    font-family: 'Lato-Black';
}

h2 {
    font-size: 35px;
    line-height: 37px;
    font-family: 'Lato-Black';
}

h3 {
    font-size: 28px;
    line-height: 30px;
    font-family: 'Lato-Black';
}

h4 {
    font-size: 24px;
    line-height: 22px;
    font-family: 'Lato-Black';
}

h5 {
    font-size: 18px;
    line-height: 20px;
    font-family: 'Lato-Black';
}

h6 {
    font-size: 16px;
    line-height: 18px;
    font-family: 'Lato-Black';
}

p {
    font-family: 'Lato-Regular';
    font-size: 14px;
    line-height: 21px;
    color: #000;
    margin-bottom: 15px;
}

a {
    text-decoration: none;
    color: #8e8e8e;
    -webkit-transition: all 300ms ease-in 0s;
    -moz-transition: all 300ms ease-in 0s;
    transition: all 300ms ease-in 0s;
}

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

strong {
    font-family: 'Lato-Black';
}

img {
    max-width: 100%;
}

em {
    font-family: 'Lato-Italic';
}


/**
    Lazy Load image styles
 */

 /*Prevents img without src to appear*/
img:not([src]) {
    visibility: hidden;
}

img[data-src],
img[data-srcset] {
    display: block;
    min-height: 1px;
}

.lazy-image-wrapper {
    position: relative;
    background: #FFF url('../nav/svg/loader.svg') center center no-repeat;
    width: 100%;
    height: 0;
}

.lazy-image-wrapper img.lazy {
    display: block;
    width: 100%;
    height: auto;
    position: absolute;
}

img:not(.initial) {
    transition: opacity 1s;
}

img.lazy {
    opacity: 0;
}

img.lazy.initial,
img.lazy.loaded,
img.lazy.error {
    opacity: 1;
}

.orange {
    color:#ff6600;
}

/**
	Base styles
 */

.base-styles h1 {
    font-family: 'Lato-Black';
    color: #ff6600;
    margin-bottom: 20px;
    color: #ff6600;
}

.base-styles h2,
.base-styles h3 {
    margin-bottom: 15px;
}

.base-styles .main-outercon > section {
    padding-bottom: 30px;
}

.bordered-list {
    padding: 20px 30px;
    background-color: #e2e3e5;
}

/**
    Checkout Styles
 */

.available-payment-method {
    margin-bottom: 50px;
}

.payment-select-box {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.payment-select-box ul {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin: 0;
}

.payment-select-box button {
    width: 30%;
    font-size: 22px;
    font-weight: bold;
}

.payment-select-box button i {
    font-size: 32px;
}

.card-icon {
    width: 60px;
    margin-top: 10px;
}

.address-book {
    margin: 20px 0px;
}

.address-book h4 {
    margin-bottom: 20px;
}

.existing-address-cont {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 25px;
}

.existing-address-cont.wider {
    margin-top: 35px;
    margin-bottom: 35px;
}

.existing-address-cont.wider .existing-addresses {
    width: 49%;
}

.existing-addresses h3 {
    color: #ff6600;
}

existing-address-cont.wider .existing-addresses:first-child {
    margin-right: 1%;
}

.existing-addresses {
    padding: 25px 25px 0 25px;
    width: 24%;
    margin-right: 1%;
    background-color: #e2e3e5;
}

/*-----bootstrap style reset-----*/

.container {
    margin: 0 auto;
    max-width: 1140px;
    padding-right: 15px;
    padding-left: 15px;
}

.row {
    margin: 0 -15px;
}

@media (min-width: 576px) {
    .container {
        max-width: 100%;
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 740px;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1140px;
    }
}

.col-1,
.col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10.col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

/*-----bootstrap style reset-----*/
.main-outercon {
    overflow: hidden;
}

header,
section,
footer {
    float: left;
    width: 100%;
}

label {
    cursor: pointer;
}

/*-----Begin GLOBAL STYLES Section-----*/

/**
    Segment Block
 */

.segment, .checkout-segment {
    margin: 30px 0;
    background: white;
    padding: 25px 30px;
    border: #f2f2f2 solid 1px; }
.segment .segment-title, .checkout-segment .segment-title {
    margin: 0 0 40px 0; }
.segment .segment-title.inner, .checkout-segment .segment-title.inner {
    margin: 40px 0; }

/*----- End GLOBAL STYLES Section-----*/

/*------------- Begin Header Section --------------*/

.header-top {
    background: #525254;
    padding: 14px 0 17px;
}

.header-top-right {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: flex-end;
    justify-content: flex-end;
    position: relative;
    padding-right: 31px;
}

.header-top-left {
    font-family: 'Lato-Black';
    font-size: 12px;
    line-height: 14px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.header-search {
    position: relative;
    /*right: 0;*/
    /*top: 10px;*/
    width: 360px;
    max-width: 100%;
    margin: auto 0 auto auto;
}

.header-search input {
    border-radius: 40px;
    padding: 5px;
    border: solid 5px #ff6600;
    width: 100%;
    padding-left: 40px;
}

.header-search button {
    position: absolute;
    left: 8px;
    top: 11px;
    background: none;
    color: #ff6600;
    border: none;
    font-size: 18px;
}

.header-search input::-webkit-input-placeholder {
    opacity: 1;
    color: #ff6600;
}

.header-search input::-moz-placeholder {
    opacity: 1;
    color: #ff6600;
}

.header-search input:-ms-input-placeholder {
    opacity: 1;
    color: #ff6600;
}

.header-search input::-ms-input-placeholder {
    opacity: 1;
    color: #ff6600;
}

.header-search input::placeholder {
    opacity: 1;
    color: #ff6600;
}

.call {
    font-family: 'Lato-Black';
    font-size: 12px;
    line-height: 14px;
    color: #ff6600;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.call a {
    color: #ff6600;
}

.account {
    font-family: 'Lato-Regular';
    font-size: 12px;
    line-height: 14px;
    text-transform: uppercase;
    color: #fff;
    margin-left: 44px;
    letter-spacing: 1px;
}

.account:hover,
.account:focus,
.account:active {
    color: #ff6600;
}

.view-basket {
    font-family: 'Lato-Regular';
    font-size: 12px;
    line-height: 14px;
    text-transform: uppercase;
    color: #fff;
    margin: 0 13px 0 32px;
    letter-spacing: 1px;
}

.view-basket:active,
.view-basket:focus,
.view-basket:hover {
    color: #ff6600;
}

.cart {
    position: absolute;
    right: 8px;
    top: -6px;
}

.cart img {
    width: 23px;
}

.cart span {
    position: absolute;
    background: #bf0d0d;
    width: 18px;
    height: 18px;
    border-radius: 100%;
    border: 2px solid #fff;
    color: #fff;
    font-size: 11px;
    line-height: 14px;
    display: block;
    top: -2px;
    right: -9px;
    text-align: center;
}

.header-bottom {
    padding: 2px 0 0;
    background: #fff;
}

.header-bottom-in {
    float: left;
    width: 100%;
}

.logo-search {
    display: flex;
    overflow: hidden;
}


.logo {
    float: left;
    width: 20%;
    margin-left: 2.75%;
    margin-top: 10px;
}

.header-bottom-in nav {
   margin: auto;
}

.menu {
    display: flex;
    width: 100%;
}

.menu ul {
    display: block;
    list-style: none;
    padding: 10px 0 0;
    margin: 0 auto;
    width: auto;
}

.menu ul li {
    float: left;
    width: auto;
}

.menu ul li a {
    font-family: 'Lato-Black';
    font-size: 21px;
    line-height: 23px;
    padding: 20px 13px 20px;
    color: #3c3c3c;
    display: block;
    float: left;
    width: auto;
}

.menu ul li a:focus,
.menu ul li a:active,
.menu ul li a:hover {
    color: #ffffff;
    background: #ff6600;
}

.submenu:hover > a {
    color: #ffffff;
    background: #ff6600;
}

.submenu {
    position: relative;
}

.submenu:hover > ul {
    display: block;
}

.submenu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: none;
    position: absolute;
    top: 100%;
    width: 246px;
    z-index: 3;
    background: #fff;
    padding: 10px 0 17px;
    border-top: 5px solid #ff6600;
    border-bottom: 5px solid #ff6600;
    -webkit-box-shadow: 0px 2px 5px 1px rgba(50, 50, 50, 0.3);
    -moz-box-shadow: 0px 2px 5px 1px rgba(50, 50, 50, 0.3);
    box-shadow: 0px 2px 5px 1px rgba(50, 50, 50, 0.3);
}

.mean-nav .submenu ul {
    position: relative;
}

.submenu ul.secondary-category-list {
    left: -21px;
}

.menu .submenu ul li {
    float: left;
    width: 100%;
}

.menu .submenu ul li a {
    float: left;
    width: 100%;
    position: relative;
    padding: 13px 12px 13px 35px !important;
    font-family: 'Lato-Regular';
    font-size: 16px;
    color: #3c3c3c;
    line-height: 9px;
}

.menu .submenu ul li a:before {
    position: absolute;
    top: 50%;
    left: 18px;
    content: "";
    background: url(../nav/svg/right-arrow-menu.svg) no-repeat left top;
    width: 8px;
    height: 13px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}

.menu .submenu ul li a:hover {
    color: #ffffff;
}

.menu .submenu ul li a:hover:before {
    background: url(../nav/svg/right-arrow-menu-hover.svg) no-repeat left top;
}

/**
    New layer of menus for main nav
 */

ul.secondary-category-list > li {
    position: relative;
}

ul.tertiary-category-list {
    position: absolute;
    top: 0;
    left: 100%;
    border-top: 0;
    padding-top: 0;
}

.menu ul.tertiary-category-list li a,
.menu ul.secondary-category-list > li > a {
    line-height: 16px;
}

/*! ######MeanMenu########## */

a.meanmenu-reveal {
    display: none;
}

/* when under viewport size, .mean-container is added to body */
.mean-container .mean-bar {
    position: absolute;
    background: none;
    padding: 0;
    z-index: 5;
    width: 100%;
}

.mean-container a.meanmenu-reveal {
    width: 40px;
    height: 35px;
    padding: 13px 13px 11px 13px;
    position: absolute;
    top: -80px;
    right: 2px !important;
    cursor: pointer;
    color: #ff6604;
    text-decoration: none;
    font-size: 16px;
    text-indent: 0;
    line-height: 35px;
    font-size: 1px;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 28px !important;
}

.mean-container a.meanmenu-reveal span {
    display: block;
    background: #ff6604;
    height: 5px;
    margin-top: 5px;
}

.mean-container .mean-nav {
    background: #525254;
    margin-top: 89px;
}

.mean-container .mean-nav ul {
    display: block;
    padding: 0;
    margin: 0;
    width: 100%;
    list-style-type: none;
    left: 0px;
}

.mean-container .mean-nav ul li {
    position: relative;
}

.mean-container .mean-nav ul li a {
    display: block;
    padding: 15px;
    margin: 0;
    text-align: left;
    color: #fff;
    border-bottom: 1px solid #fff;
    background: #525254;
}

.mean-container .mean-nav ul li li a {
    padding-left: 30px;
}

.mean-container .mean-nav ul li li a:hover {
    background: rgba(82, 82, 84, .2);
}

.mean-container .mean-nav ul li.mean-last a {
    border-bottom: none;
    margin-bottom: 0;
}

.mean-container .mean-nav ul li li li a {
    width: 100%;
}

.mean-container .mean-nav ul li li li li a {
    width: 60%;
    padding: 1em 20%;
}

.mean-container .mean-nav ul li li li li li a {
    width: 50%;
    padding: 1em 25%;
}

.mean-container .mean-nav ul li a.mean-expand {
    margin-top: 1px;
    width: 50px;
    height: 47px;
    line-height: 49px;
    padding: 0;
    text-align: center;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    font-weight: 700;
    background: rgba(255, 255, 255, 0.1);
    border-top: none;
    border-left: 1px solid rgba(255, 255, 255, 0.4);
}

.mean-container .mean-nav ul li a.mean-expand:hover {
    background: rgba(0, 0, 0, 0.9);
}

.mean-container .mean-push {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    clear: both;
}

.mean-nav .wrapper {
    width: 100%;
    padding: 0;
    margin: 0;
}

/* Fix for box sizing on Foundation Framework etc. */
.mean-container .mean-bar, .mean-container .mean-bar * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.mean-remove {
    display: none !important;
}

/*! ######MeanMenu########## */

/*------------- End Header Section --------------*/
/*------------- Begin Content Section -----------*/
/*------------Icon Row------------*/
.icon-row-container {
    width: 100%;
    border-top: 5px solid #ff6600;
    padding: 10px 0 9px;
}

.icon-row-outer-container {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;

}

.icon-row-outer {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 85%;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;

}

.icon-column-outer {
    position: relative;
    width: auto;
    color: #525254;
    font-family: 'Lato-Regular';
    text-transform: uppercase;
    vertical-align: middle;
}

.icon-column-outer span {
    display: inline-block;
    line-height: 40px;
    font-size: 12px;
    vertical-align: top;
}

.icon-column-outer span a {
    color: #525254;
}

.icon-column-outer:before {
    display: inline-block;
    content: "";
    vertical-align: top;
}


.first:before {
    background: url(../nav/svg/truck.svg) no-repeat left top;
    width: 40px;
    height: 33px;
}


.second:before {
    background: url(../nav/svg/spanner.svg) no-repeat left top;
    width: 31px;
    height: 31px;
}

.third:before {
    background: url(../nav/svg/guarantee.svg) no-repeat left top;
    width: 30px;
    height: 31px;
}

/*---------Banner---------*/

.banner-container {
    float: left;
    width: 100%;
    margin-bottom: 46px;
}

.banner-outer {
    float: left;
    width: 100%;
    border-bottom: 5px solid #ff6600;
    height: 488px;
    position: relative;
    background-size: cover;
}

.banner-content-outer {
    position: absolute;
    top: 0;
    left: 95px;
    height: 100%;
    width: 100%;
    max-width: 314px;
    background: #ff6600;
    padding: 57px 30px;
}

.banner-content-outer h2 {
    color: #ffffff;
    line-height: 42px;
    margin-bottom: 9px;
}

.banner-content-outer p {
    float: left;
    width: 100%;
    color: #ffffff;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 14px;
}

.button-block {
    float: left;
    width: 100%;
    margin-bottom: 26px;
}

.button-block a {
    float: left;
    width: 100%;
    max-width: 122px;
}

.primary-btn {
    display: inline-block;
    width: 100%;
    max-width: 100%;
    background: #3c3c3c;
    color: #ffffff;
    border-radius: 25px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-family: 'Lato-Black';
    font-size: 14px;
    text-transform: uppercase;

    -webkit-transition: all 300ms ease-in 0s;
    -moz-transition: all 300ms ease-in 0s;
    transition: all 300ms ease-in 0s;
}

.primary-btn:focus,
.primary-btn:active,
.primary-btn:hover {
    background: #ffffff;
    color: #3c3c3c;
}

.button-block a:last-child {
    float: right;
}

.banner-content-outer h4 {
    float: left;
    width: 100%;
    color: #ffffff;
    margin-bottom: 5px;
}

.banner-content-outer span {
    float: left;
    width: 100%;
    line-height: 21px;
    font-size: 16px;
    color: #ffffff;
    margin-bottom: 11px;
}

/*---------Banner---------*/
/*--------Product Grid-------*/
.product-grid-container {
    float: left;
    width: 100%;
}

.product-grid-outer {
    width: 100%;
    border-bottom: 5px solid #ff6600;
    height: 100%;
    background: #ffffff;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    /*-webkit-justify-content: space-between;*/
    /*-ms-flex-pack: space-between;*/
    /*justify-content: space-between;*/
}

.grid-header {
    float: left;
    width: 100%;
    background: #525254;
    padding: 19px 29px 16px;
    border-bottom: 5px solid #ff6600;
}

.grid-header h2 {
    float: left;
    width: 100%;
    color: #ffffff;
    text-transform: uppercase;
    line-height: 33px;
}

.grid-header h5 {
    float: left;
    width: 100%;
    font-size: 21px;
    color: #ffffff;
    margin-bottom: 2px;
    text-transform: uppercase;
    font-family: 'Lato-Regular';
}

.grid-header span {
    float: left;
    width: 100%;
    font-size: 14px;
    color: #ffffff;
    text-transform: uppercase;
    font-family: 'Lato-Regular';
}

.grid-content {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    background: #ffffff;
}

.grid-left {
    float: left;
    width: 52.2%;
    padding-left: 29px;
    padding-top: 29px;
    padding-right: 29px;
    height: 100%;
}

.grid-left span {
    float: left;
    width: 100%;
    font-family: 'Lato-Black';
    font-size: 14px;
    color: #3c3c3c;
    text-transform: uppercase;
}

.grid-left span.old-price {
    color: #909093;
    font-family: 'Lato-Regular';
    font-size: 18px;
    margin-bottom: 3px;
}

.grid-left span.new-price {
    color: #ff6600;
    font-size: 42px;
    margin-top: 9px;
    margin-bottom: 13px;
}

.grid-left span.condition {
    font-size: 10px;
    font-family: 'Lato-Regular';
}

.grid-left a {
    float: left;
    width: 100%;
    margin-top: 24px;
}

.orange-btn {
    background: #ff6600;
    border: 2px solid #ff6600;
    color: #ffffff;
    line-height: 35px;
}

.grid-right {
    float: right;
    width: 47.8%;
    text-align: right;
}

.grid-image {
    padding-bottom: 137.7%;
}

/*--------Product Grid-------*/
/*--------Offer Grid-------*/
.offer-grid-container {
    float: left;
    width: 100%;
    margin: 50px 0 25px;
}

.offer-grid {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;

    width: 100%;
    background: url(../nav/offer-bg.jpg) no-repeat left top;
    background-size: cover;
    height: 84px;
    padding: 15px 28px 22px 299px;
}

.offer-grid a {
    float: right;
    margin-top: 7px;
}

.white-btn {
    display: inline-block;
    width: auto;
    padding: 0 22px 0 25px;
    text-align: center;
    background: #ffffff;
    color: #ff6600;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    font-family: 'Lato-Black';
    border-radius: 25px;
    text-transform: uppercase;
}

.white-btn:focus,
.white-btn:active,
.white-btn:hover {
    background: #ff6600;
    color: #ffffff;
}

.offer-grid p {
    float: left;
    width: auto;
    margin: 0;
}

.offer-grid-content {
    float: left;
    width: 404px;
}

.offer-grid-content h3 {
    float: left;
    width: 100%;
    color: #ff6600;
    font-family: 'Lato-Black';
    text-transform: uppercase;
    margin-bottom: 3px;
}

.offer-grid-content p {
    float: left;
    width: 100%;
    color: #3c3c3c;
    font-family: 'Lato-Black';
    font-size: 16px;
}

.offer-grid-content p span {
    color: #ff6600;
}

/*--------Offer Grid-------*/
/*--------Product Listing-------*/
.product-listing-container {
    float: left;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
}

.product-listing-outer {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;

    /*justify-content: space-between;*/

    /*-webkit-justify-content: space-between;*/
    /*justify-content: space-between;*/
    /*-ms-flex-pack: space-between;*/
}

.product-list {
    width: 23%;
    margin-right: 2.6%;
    margin-bottom: 49px;
}

.product-list.end-row {
    margin-right: 0;
}

/*.product-list .product-image {*/
    /*width: 100%;*/
    /*position: relative;*/
    /*background: #FFF;*/
/*}*/

.product-image.lazy-image-wrapper {
    padding-bottom: 100%; /* You define this doing height / width * 100% */
}



.product-description {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    background: #ffffff;
    border-bottom: 5px solid #ff6600;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 160px;

}

.product-desc-top {
    width: 100%;
    text-align: center;
    padding: 23px 0 24px;
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.product-desc-top:after {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 65px;
    height: 1px;
    background: #ff6600;
    content: "";
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
}

.product-desc-top span {
    float: left;
    width: 100%;
    text-align: center;
    color: #ff6600;
    font-size: 14px;
    font-family: 'Lato-Regular';
    text-transform: uppercase;
    margin-bottom: 2px;
}

.product-desc-top h5 {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Lato-Black';
    color: #3c3c3c;
    overflow: hidden;
    padding: 0 11%;
    text-align: center;
    min-height: 40px;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.home .product-desc-top {
    padding-bottom: 17px;
}

.home .product-desc-top h5 {
    min-height: auto;
}

.home .product-desc-bottom span {
    padding: 24px 0 22px;
}

.homepage-featured-products h2 {
    margin-bottom: 2rem;
    color: #ff6600;
    text-align: center;
}


.product-desc-top span.subtitle {
    float: left;
    width: 100%;
    font-size: 18px;
    font-family: 'Lato-Regular';
    text-transform: uppercase;
    color: #3c3c3c;
}

.product-desc-bottom {

    position: absolute;
    bottom: 0;
    left: 0;

    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    text-align: center;
    padding-bottom: 35px;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    align-items: center;
}

.product-desc-bottom span {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 35px;
    color: #ff6600;
    font-family: 'Lato-Black';
    padding: 20px 0 24px;
}

.product-desc-bottom span.tags {
    font-size: 14px;
    color: #3c3c3c;
    font-family: 'Lato-Regular';
    min-height: 42px;
    overflow: hidden;
    float: none;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    text-align: center;
    padding: 0 !important;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 17px 0 0;
}

.product-desc-bottom a {
    display: inline-block;
    max-width: 140px;
}

.listing-content-wrap {
    float: left;
    width: 100%;
}

.listing-content-outer {
    float: left;
    width: 100%;
}

.listing-content-outer h5 {
    float: left;
    width: 100%;
    font-size: 21px;
    font-family: 'Lato-Black';
    color: #3c3c3c;
    text-transform: uppercase;
    margin-bottom: 2px;
}

.listing-content-outer h1 {
    float: left;
    width: 100%;
    font-family: 'Lato-Black';
    color: #ff6600;
    margin-bottom: 20px;
}

.listing {
    float: left;
    width: 100%;
    margin-bottom: 5px;
    margin-top: 5px;
}

.listing p {
    float: left;
    width: auto;
    font-size: 12px;
    font-family: 'Lato-Regular';
    padding: 0;
    margin: 0;
    color: #3c3c3c;
    text-transform: uppercase;
    line-height: 40px;
}

.listing p span {
    float: left;
    width: auto;
    font-family: 'Lato-Bold';
    color: #ff6600;
    padding-right: 13px;
}

.button-blocks-outer {
    float: right;
    width: 417px;
}

.selectbox-outer {
    float: left;
    width: 100%;
    border-radius: 25px;
}

.selectbox-outer {
    float: left;
    width: 100%;
    border-radius: 25px;
}

.bottom-pagination {
    float: right;
    width: auto;
    background: #ffffff;
    height: 40px;
    padding: 7px 20px 8px;
    margin-top: -1px;
}

.bottom-content {
    margin: -12px 0 20px;
}

.product-listing .measure-block {
    padding-bottom: 36px;
}

.product-listing .offer-grid-container {
    margin: 0 0 66px;
}

.page-item.active .page-link {
    background: none;
    color: #ff6600;
}

/*-------------*/

.select-box-outer {
    float: right;
    width: auto;
}

.select-inner {
    float: left;
    padding: 0 22px;
    background: #ff6600;
    border-radius: 25px;
    height: 40px;
}

.select-inner.product-count {
    margin-right: 17px;
}

.select-inner span {
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    float: left;
    line-height: 38px;
}

.selectbox-single {
    float: left;
    position: relative;
    margin: 9px 0 10px;
    background: none;
}

.selectbox-single select {
    text-align: left;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 14px;
    font-weight: 400;
    color: #ffffff;
    font-family: 'Lato-Regular';
    cursor: pointer;
    outline: none;
    border: none;
    position: relative;
    padding: 0 13px 0 4px;
    background: none;
}

.selectbox-single select option {
    padding: 0;
    color: #3c3c3c;
}

.selectbox-single select:hover, .select-style select:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.selectbox-single:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    vertical-align: middle;
    text-align: center;
    pointer-events: none;
    width: 8px;
    height: 5px;
    background: url(../nav/down-arrow.png) no-repeat left top;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}

.selectbox-single select::-ms-expand {
    display: none;
}

/*--------Product Listing-------*/

/*------measure block------*/

.measure-block {
    float: left;
    width: 100%;
    padding: 7px 0 53px;
}

.measure-block-in {
    background: url(../nav/content/image-1.jpg) no-repeat top center;
    background-size: cover;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: flex-end;
    justify-content: flex-end;
    padding: 23px 30px 30px;
}

.measure-block-content {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 349px;
}

.measure-block-in h3 {
    color: #ff6600;
    font-size: 22px;
    text-transform: uppercase;
    line-height: 35px;
    margin-top: 15px;
}

.measure-block-in p {
    color: #3c3c3c;
    font-size: 16px;
    line-height: 24px;
    margin: 0 12px 15px 0;
}

.breadcrumb-outer {
    overflow: hidden;
    width: 100%;
}

.breadcrumb {
    padding: 41px 0 30px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
    background: none;
}

.breadcrumb span {
    text-transform: uppercase;
    font-size: 14px;
    line-height: 16px;
    font-family: 'Lato-Bold';
    color: #3c3c3c;
    padding-right: 33px;
}

.breadcrumb ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: flex;
    padding: 0;
    margin: 0;
    list-style: none;
}

.breadcrumb ul li {
    padding-right: 40px;
    color: #3c3c3c;
    font-family: 'Lato-Regular';
    font-size: 14px;
    line-height: 16px;
    position: relative;
}

.breadcrumb ul li:before {
    position: absolute;
    right: 17px;
    top: 0;
    content: ">";
}

.breadcrumb ul li:last-child:before {
    display: none;
}

.breadcrumb ul li a {
    color: #3c3c3c;
}

.breadcrumb ul li a:hover {
    color: #ff6600;
}

.listing-section {
    float: left;
    width: 100%;
}

.list-title h2 {
    color: #ff6600;
    padding: 0 0 20px;
}

.filter-block {
    background: #ff6600;
    padding: 24px 23px 24px 20px;
    margin-bottom: 24px;
}

.filter-block > p {
    color: #fff;
    font-size: 18px;
    line-height: 24px;
    margin: 0 0 30px;
}

.filter-block > p span {
    color: #3c3c3c;
    text-transform: uppercase;
    font-family: 'Lato-Bold';
    padding-right: 7px;
}

/* selectbox */
.sbHolder {
    height: 40px;
    position: relative;
    width: 100%;
    background: #fff;
}

.sbSelector {
    display: block;
    height: 100%;
    left: 0;
    line-height: 40px;
    outline: none;
    overflow: hidden;
    position: absolute;
    text-indent: 16px;
    top: 0;
    width: 100%;
    font-size: 16px;
    color: #ff6600;
}

.sbSelector:link, .sbSelector:visited, .sbSelector:hover {
    color: #ff6600;
    outline: none;
    text-decoration: none;
}

.sbToggle {
    display: block;
    height: 100%;
    outline: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
}

.sbToggle:after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    border-color: #ff6600 transparent transparent transparent;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    left: 0;
    content: "";
}

.sbOptions {
    background: #fff;
    list-style: none;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 100% !important;
    width: 100%;
    z-index: 1;
    overflow-y: auto;
    width: 100%;
    border: solid 1px #c4c4c4;
    border-top: 1px solid #ff6600;
}

.sbOptions li {
    padding: 0px !important;
    height: auto !important;
}

.sbOptions a {
    border-top: 1px solid #c4c4c4;
    display: block;
    outline: none;
    padding: 7px 7px 7px 16px;
    /*font-family: "jaf-domus-titling-web";*/
    font-size: 16px;
    /*background: #eeeeee;*/
    color: #3c3c3c;
    text-decoration: none;
}

.sbOptions li:first-child a {
    border: none;
}

/* selectbox */
.filter-area {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.filter-area > span {
    font-family: 'Lato-Black';
    font-size: 21px;
    line-height: 23px;
    color: #fff;
    padding-right: 9px;
}

.select-box {
    max-width: 150px;
    width: 100%;
    margin: 0 3px;
}

.select-box.morso {
    max-width: 180px;
}

.select-box .sbSelector {
    color: #3c3c3c !important;
}

.select-box.model {
    max-width: 180px;
}

.select-box.longest {
    max-width: 110px;
}

.select-box.shortest {
    max-width: 110px;
}

/**
    Sumo Select overrides
 */
.filter-area .SumoSelect {
    width: 100%;
}

.filter-area .primary-btn {
    border: 0;
    box-shadow: none;
    max-width: 110px;
    margin-left: 8px;
    cursor: pointer;
    outline: none;
}

.pagination-block {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    margin: 0 0 15px;
}

.pagination-block p {
    margin: 0;
}

.page-link {
    background: 0;
    color: #000;
    border: 0;
    outline: none;
    box-shadow: none;
    padding: 2px;
    display: inline-block;
    margin: 0 5px;
    vertical-align: middle;
}

.page-link:focus {
    box-shadow: none;
}

.page-link:hover {
    color: #ff6600;
    border: 0;
    background: 0;
}

.page-link[aria-label="Previous"],
.page-link[aria-label="Next"] {
    padding: 0;
}

.page-link[aria-label="Previous"]:hover,
.page-link[aria-label="Next"]:hover {
    opacity: 0.6;
}

.page-link .double-prev,
.page-link .double-next {
    display: block;
    background: url(../nav/svg/double-prev.svg) no-repeat center center;
    background-size: 14px 14px;
    width: 14px;
    height: 14px;
}

.page-link .double-next {
    background: url(../nav/svg/double-next.svg) no-repeat center center;
    background-size: 14px 14px;
}

.page-link .single-prev,
.page-link .single-next {
    display: block;
    background: url(../nav/svg/single-prev.svg) no-repeat center center;
    background-size: 8px 14px;
    width: 8px;
    height: 14px;
}

.page-link .single-next {
    background: url(../nav/svg/single-next.svg) no-repeat center center;
    background-size: 8px 14px;
}

.right-blk {
    min-width: 345px;
}

.right-blk nav {
    float: right;
    width: auto;
    padding-top: 9px;
}

.right-blk .select-box {
    float: left;
    max-width: 180px;
    margin: 0;
}

.right-blk .select-box .sbToggle:after {
    left: 4px;
}

.page-item:last-child .page-link,
.page-item:first-child .page-link {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.page-item.disabled .page-link {
    background-color: transparent;
    border-color: transparent;
    opacity: 0.4;
}

.table-wrap {
    display: block;
    width: 100%;
    padding-bottom: 30px;
    border-bottom: 1px solid #bbbbbc;
    margin-bottom: 13px;
}

.table-row {
    display: table-row;
    background: #fff;
    position: relative;
}

.table-cell {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    padding: 2px 0;
    font-size: 16px;
    color: #3c3c3c;
    font-family: 'Lato-Regular';
    border-top: 1px solid #c4c4c4;
}

.table-row.table-head {
    background: #ff6600;
}

.table-row.table-head:after {
    display: none;
}

.table-row.table-head .table-cell {
    padding-top: 20px;
    padding-bottom: 15px;
    border: 0;
}

.table-head h6 {
    color: #fff;
    text-transform: uppercase;
}

.table-content .table-cell {
    padding-top: 12px;
    padding-bottom: 12px;
}

.table-cell.cell1 {
    max-width: 158px;
    font-family: 'Lato-Black';
    text-transform: uppercase;
    width: 14.8%;
    word-wrap: break-word;
    padding-right: 15px;
}

.table-cell.cell2 {
    font-family: 'Lato-Bold';
    width: 15%;
}

.table-cell.cell3 {
    text-align: center;
    width: 18.8%;
    padding-right: 35px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.table-cell.cell4,
.table-cell.cell5 {
    width: 10.2%;
}

.table-cell.cell6 {
    width: 31%;
    font-family: 'Lato-Bold';
    color: #3bbf13;
}

.table-cell.cell6 span.unavailable {
    color: #df1919;
}

.table-cell.cell3 img {
    width: 60px;
    height: 60px;
}

.table-cell .primary-btn {
    width: auto;
    padding: 0 35px;
}

.table-cell.cell6 .primary-btn {
    float: right;
}

.table-cell.cell6 span {
    padding-top: 7px;
    display: inline-block;
    vertical-align: middle;
}

.table-heading {
    width: 100%;
    display: table;
    padding: 0 21px;
    background: #ff6600;
}

.table-content {
    width: 100%;
    padding: 0 21px;
    display: table;
    background: #fff;
}

.table-content .table-row:first-child .table-cell {
    border-top: 0;
}

.pagination-block.bottom .right-blk nav {
    padding-top: 0;
}

.listingblk .offer-grid-container {
    margin-bottom: 38px;
}

.pagination-block.bottom {
    margin-bottom: 25px;
}

/*---------style2---------*/
/*---------style2---------*/
/*----------------- product single ----------------*/
.product-detail-block {
    float: left;
    width: 100%;
    padding: 0 0 73px;
}

.product-left {
    float: left;
    width: 42.8%;
    padding: 6px 0 0;
}

.image-slider {
    float: left;
    width: 100%;
    text-align: center;
    height: 480px;
    background: #ffffff;
    border-bottom: 5px solid #ff6600;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px;
}

.image-slider .slick-track {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    height: 100%;
}

.image-slider .slick-list {
    height: 100%;
    width: 100%;
}

.image-slider .slick-slide {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.image-slider .slick-prev:before,
.image-slider .slick-next:before {
    width: 13px;
    height: 21px;
    position: absolute;
    top: 0;
}

.image-slider .slick-prev {
    left: -33px;
    z-index: 100;
}

.image-slider .slick-prev:before {
    content: '';
    background: url(../nav/svg/arrow-left.svg) no-repeat;
    left: 0;
}

.image-slider .slick-next {
    right: -33px;
}

.image-slider .slick-next:before {
    content: '';
    background: url(../nav/svg/arrow-right.svg) no-repeat;
    right: 0;
}

.image-slider .slick-prev,
.image-slider .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 13px;
    height: 21px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

.image-thumbnail {
    float: left;
    width: 100%;
    margin-top: 27px;
}

.image-slide {
    float: left;
    width: 100%;
}

.product-slider-image {
    padding-bottom: 114%;
}


.image-thumb {
    float: left;
    height: 143px;
    padding: 6px;
    cursor: pointer;
    background: #ffffff;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex !important;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.image-thumbnail .slick-slide {
    margin: 0 9px;
}

.image-thumbnail .slick-prev:before,
.image-thumbnail .slick-next:before {
    width: 7px;
    height: 11px;
    position: absolute;
    top: 0;
}

.image-thumbnail .slick-prev {
    left: -35px;
    z-index: 100;
}

.image-thumbnail .slick-prev:before {
    content: '';
    background: url(../nav/svg/arrow-left.svg) no-repeat;
    left: 0;
}

.image-thumbnail .slick-next {
    right: -35px;
}

.image-thumbnail .slick-next:before {
    content: '';
    background: url(../nav/svg/arrow-right.svg) no-repeat;
    right: 0;
}

.image-thumbnail .slick-prev,
.image-thumbnail .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 7px;
    height: 11px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

.top-slider {
    float: left;
    width: 100%;
    position: relative;
    padding: 0 35px;
}

.top-slider .product-image-magnify-btn {
    cursor: pointer;
    position: absolute;
    top: 10px;
    right: 45px;
    z-index: 1;
    font-size: 28px;
    color: #ff6600;
}


.zoom-wrap {
    width: 24px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 9999;
}

.zoom-wrap .zoom-btn {
    margin-bottom: 6px;
    width: 24px;
    height: 24px;
    display: block;
}

.zoom-wrap .zoom-btn:hover {
    opacity: 0.7;
}

.slide-nav-container {
    float: left;
    width: 100%;
    padding: 0 35px;
}

.product-details {
    float: left;
    width: 57.2%;
    padding: 13px 0 0 65px;
}

.product-details h1 {
    color: #ff6600;
    line-height: 35px;
    margin-bottom:1rem;
    font-family: 'Lato-Black';
}

.what-we-say {
    background: #3b3b3b url("../nav/speech-mark.png") right center no-repeat;
    float: left;
    width: 100%;
    padding: 13px 20px;
    margin: 20px 0 30px 0;
}

.what-we-say h5 {
    color: #ff6600;
    margin-top: 5px;
    font-weight: 400;
    font-style: italic;
    font-size: 22px;
    margin-bottom: 8px;
}

.what-we-say p::first-letter {
    text-transform: capitalize;
}

.what-we-say p {
    color: #FFF;
    margin-bottom: 0;
}

.product-details h4 {
    font-size: 21px;
    text-transform: uppercase;
    color: #3c3c3c;
    font-family: 'Lato-Black';
}

.product-details h2 {
    color: #ff6600;
    line-height: 35px;
    margin-bottom: 3px;
    font-family: 'Lato-Black';
}

.product-details h6 {
    color: #3c3c3c;
    line-height: 24px;
    margin-bottom: 20px;
    font-family: 'Lato-Regular';
}

.product-details .price-prefix {
    float: left;
    width: 100%;
    font-size: 16px;
    line-height: 20px;
    color: #3c3c3c;
    text-transform: uppercase;
    font-family: 'Lato-Black';
}

.product-price {
    float: left;
    width: 100%;
    font-size: 42px;
    color: #ff6600;
    font-family: 'Lato-Black';
    line-height: 42px;
    margin-top: 5px;
    margin-bottom: 5px;

}

.product-price i {
    font-size: 16px;
    color: #909093;
    font-style: normal;
    text-transform: uppercase;
    line-height: 21px;
    font-family: 'Lato-Regular';
}

.sub-text {
    float: left;
    width: 100%;
    font-size: 10px;
    color: #3c3c3c;
    text-transform: uppercase;
    line-height: 14px;
    margin-bottom: 4px;

}

.stock-info {
    float: left;
    width: 100%;
    font-size: 16px;
    color: #3bbf13;
    font-family: 'Lato-Bold';
    margin-bottom: 14px;
}

.product-info {
    float: left;
    width: 100%;
    color: #3c3c3c;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 30px;
}

.product-info a {
    color: #ff6600;
    display: block;
}

.product-info a:hover {
    text-decoration: underline;
}

.cart-block {
    float: left;
    width: 100%;
    margin-bottom: 15px;
}

.select-qty-outer {
    float: left;
    width: 100%;
}

.select-quantity {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex !important;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -ms-flex-pack: center;
    justify-content: space-between;
    width: 100%;
    background: #ff6600;
    position: relative;
    padding: 12px 41px 12px 20px;
}

.select-quantity label {
    font-size: 16px;
    line-height: 24px;
    color: #ffffff;
    text-transform: uppercase;
    font-family: 'Lato-Bold';
    margin: 0;
    padding: 0;
}

.qty-outer {
    float: right;
    max-width: 140px;
    width: 100%;
    position: relative;
}

.qty-outer .qty {
    float: left;
    width: 100%;
    height: 40px;
    text-align: center;
    color: #ff6600;
    padding: 0 10px;
    border-radius: 0;
    background: #ffffff;
    outline: 0;
    border: 0;
    font-family: 'Lato-Black';
    font-size: 16px;
}

.qty-outer .qty-dropdown {
    position: absolute;
    right: 17px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    line-height: 3px;

}

.qty-outer .qty-btn {
    display: block;
    width: 8px;
    height: 5px;
}

.qty-outer .qty-btn.inc {
    cursor: pointer;
    margin-bottom: 11px;
}

.qty-outer .qty-btn.dec {
    cursor: pointer;
}

.single-product-list {
    float: left;
    width: 100%;
    padding: 5px 41px 5px 20px;
    background: #ffffff;
}

.single-product-list ul {
    float: left;
    width: 100%;
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.single-product-list ul li {
    float: left;
    width: 100%;
    border-top: 1px solid #c4c4c4;
    padding: 21px 0;
}

.single-product-list ul li:first-child {
    border-top: none;
}

.single-product-list ul li .single-item {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex !important;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -ms-flex-pack: center;
    justify-content: space-between;
    width: 100%;
}

.single-product-list .product-title {
    float: left;
}

.single-product-list .product-title h6 {
    color: #3c3c3c;
    font-size: 16px;
    font-family: 'Lato-Black';
    text-transform: uppercase;
    margin: 0 0 2px;
    padding: 0;
}

.single-product-list .product-title h6 span {
    color: #ff6600;
}

.single-product-list .product-title .product-code,
.single-product-list .product-title .delivery-text {
    display: block;
    font-size: 12px;
    color: #3c3c3c;
    line-height: 16px;
}

.single-product-list .product-title .delivery-text {
    color: #3bbf13;
    font-weight: 700;
}

.single-product-list button {
    max-width: 140px;
}

.cart-block .text-block {
    float: right;
    color: #909093;
    font-size: 14px;
    text-align: right;
    padding: 15px 41px 0 0;
}

.payment-types {
    float: left;
    width: 100%;
    background: #ffffff;
    text-align: center;
    padding: 25px 20px 22px;
}

.payment-types h6 {
    font-size: 14px;
    line-height: 16px;
    color: #525254;
    font-family: 'Lato-Bold';
    margin-bottom: 17px;
}

.payment-types ul {
    float: left;
    width: 100%;
    list-style-type: none;
}

.payment-types ul li {
    display: inline-block;
    vertical-align: middle;
    padding: 0 7px;
    margin: 0 0 10px;
}

.payment-types ul li img {
    width: 100%;
}

.product-detail-tab {
    float: left;
    width: 100%;
    margin-bottom: 13px;
}

.product-detail-tab .nav-tabs {
    border: none;
}

.product-detail-tab .nav-tabs .nav-item {
    float: left;
    width: 50%;
}

.product-detail-tab .nav-tabs .nav-link {
    background: none;
    border: none;
    color: #ff6600;
    font-family: 'Lato-Black';
    outline: 0;
    padding: 15px 0;
    position: relative;
    font-size: 21px;
    line-height: 24px;
    position: relative;
}

.product-detail-tab .nav-tabs .nav-link.active:after {
    content: "";
    position: absolute;
    width: 220px;
    height: 5px;
    background: #ff6600;
    left: 0;
    bottom: 0;
}

.product-detail-tab .tab-content {
    float: left;
    width: 100%;
    padding: 22px 0 15px;
}

.product-detail-tab .tab-content .detail-single p {
    margin-bottom: 0.5rem;
}

.product-detail-tab .tab-content ul {
    padding-left: 15px;
}

.product-detail-tab .tab-content p {
    margin-bottom: 22px;
}

.product-interest h4 {
    font-size: 21px;
    line-height: 26px;
    padding-bottom: 40px;
    color: #ff6600;
    font-family: 'Lato-Bold';
    text-align: center;
}

.product-single .offer-grid-container {
    margin: 15px 0 66px;
}

.product-single .back-btn {
    font-size: 21px;
    font-family: 'Lato-Bold';
    line-height: 26px;
    margin: 30px 0 0;
    float: left;
}

.product-single .back-btn a {
    color: #ff6600;
}

.product-single .back-btn a:hover {
    color: #3c3c3c;
}

/**
	Basket
 */
.basket-buttons {
    display: block;
    margin-top: 25px;
    margin-bottom: 25px;
}

.basket-buttons .checkout-btn {
    display: block;
    float: right;
}

.basket-product-name a {
    font-weight: 700;
}

.basket-product-name a:hover {
    color: #ff6600;
}

.basket-remove-product {
    font-size: 22px;
}

#basket-products .total strong {
    color: #ff6600;;
}

.basket-image {
    width: 80px;
}

.discount-code-cont,
.delivery-country-cont {
    max-width: 250px;
}


/**
    Delivery method radios
 */

.delivery-methods {
    list-style: none;
    padding: 0;
    margin: 2rem 0;
}
.delivery-methods label {
    font-weight: 700;
}

.delivery-methods .custom-control-input:checked ~ .custom-control-label::before {
    border-color: #ff6600;
    background-color: #ff6600;
}

/*------------- End Content Section --------------*/

/*------------- Begin Footer Section --------------*/

.footer-container {
    border-top: 5px solid #ff6600;
}

.footer-top {
    background: #3c3c3c;
    padding: 19px 0 26px;
}

.footer-top h6 {
    text-transform: uppercase;
    color: #ff6600;
}

.footer-top-left-in {
    padding: 0 15px 0 57px;
    margin-top: -3px;
}

.footer-container p {
    color: #fff;
    line-height: 18px;
    margin-bottom: 0;
}

.footer-top-right {
    padding: 78px 0 0;
}

.footer-top-right ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.footer-top-right ul li {
    position: relative;
    padding: 0 0 9px 24px;
}

.footer-top-right ul li i {
    position: absolute;
    content: "";
    top: 3px;
    left: 0;
    color: #FFF;
}

.address address {
    color: #fff;
    padding: 0;
    margin: 0;
    line-height: 18px;
}

.phone a {
    color: #fff;
}

.mail a {
    color: #ff6600;
}

.footer-bottom {
    background: #ff6600;
    padding: 18px 0 32px;
}

.footer-bottom span {
    display: block;
    color: #fff;
    text-align: right;
    font-size: 12px;
    line-height: 18px;
}

.footer-bottom span a {
    color: #fff;
}

.footer-bottom span a:hover {
    color: #3c3c3c;
}

.footer-bottom ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: flex-end;
    justify-content: flex-end;
}

.footer-bottom ul li a {
    color: #fff;
    margin-left: 15px;
}

.footer-bottom ul li a:hover {
    color: #3c3c3c;
}

.footer-bottom-left {
    padding-left: 57px;
}

/*------------- End Footer Section --------------*/

/**
	Override bootstrap styles
 */

.btn-info {
    background: #ff6600;
    border-color: #ff6600;
}

.btn-info:hover {
    background-color: #c34f02;
    border: 1px solid #c34f02;
}

.alert-danger p {
    color: #721c24;
    margin-top: 10px;
    margin-bottom: 0;
}

/**
    My Account Sections
 */

.account-block {
    position: relative;
    background-color: #e2e3e5;
    padding: 20px 20px 60px 20px;
    height: 100%;

}

.account-block .btn {
    position: absolute;
    bottom: 15px;
}

.account-block h3 {
    font-size: 16px;
}

.account-block ul {
    padding-left: 15px;
    margin-bottom: 10px;
}

.order-detail-block {
    margin: 30px 0px;
}

.order-detail-block h3 {
    color: #ff6600;
}

.order-detail-block .subtotal,
.price-summary-cell {
    text-align: right;
}

.order-detail-block.order-summary td,
.order-detail-block.order-summary th {
    text-align: right;
}

/**
   Form Segment
 */

form.generic-form {

}

form.generic-form  .form-control:focus {
    border-color: #ff6600;
    box-shadow: 0 0 0 .2rem rgba(255,102,0,.25);
}


#where-did-you-hear-other {
    display: none;
}

.stove-price-quote-link {
    font-family: 'Lato-Black';
    color: #ff6600;
    background: #fff;
    display: block;
    padding: 13px 20px;
    margin: 2rem 0 1.5rem 0;
    font-size: 22px;
    border: 1px #eeeeee solid;
}

.stove-price-quote-link i {
    float: right;
    font-size: 28px;
    line-height: 22px;
}


.ckeditor-content h3 {
    font-size: 24px;
    line-height: 30px;
}


.ckeditor-content h2,
.ckeditor-content h3,
.ckeditor-content h4 {
    margin-bottom: 0.5rem;
}


.download-block {
    float: left;
    width: 100%;
    background: #FFF;
    padding: 20px;
    margin: 2rem 0;
}

.download-block ul {
    margin: 0;
    padding:0;
    list-style: none;
 }

.download-block ul a {
    display: inline-block;
    color: #000;
}

.download-block ul span {
    vertical-align: middle;
}

.download-block h4 {
    color: #ff6600;
    text-transform: none;
    margin-bottom: 12px;
}
.download-block ul i {
    vertical-align: middle;
    color: #ff2116;
    font-size: 24px;
    margin-right: 5px;
}

.download-block li {
    font-size: 14px;
    margin-bottom: 10px;
}
.download-block li:last-child {
    margin-bottom: 0;
}

#opening-times {
    padding: 0;
    list-style: none;
    margin: 0;
}
#opening-times li {
    margin: 10px 0px;
}


.standard-page-image-group {
    padding: 10px;
    background: #FFF;
    margin: 1rem 0;
}
.standard-page-image-group .product-image-thumbs {
    margin-top: 1rem;
}

.standard-page-image-group .product-image-thumbs img {
    max-width: 33.33%;
}