@import url(https://fonts.googleapis.com/css?family=Knewave);
@import url(https://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700);
html,
body {
    height: 100%;
    background-color: #003d6a;
    font-family: 'PT Sans Narrow', sans-serif;
    font-size: 16px;
}

.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

h1{font-size: 48px;}
h2{font-size: 36px; text-transform: uppercase; letter-spacing: 0;}
h3{font-size: 24px; text-transform: uppercase; letter-spacing: 0;}
h5{font-size: 18px; text-transform: uppercase; letter-spacing: 0;}
h1, h2, h3, h4, h5, h6{
    font-family: 'Knewave', cursive;
    color: #003d6a;
    letter-spacing: 1px;
}

.tooltip .tooltip-inner{
    font-family: "PT Sans Narrow",sans-serif;
    font-size: 15px;
    border-radius: 0;
    max-width: none;
}

.has-error.tooltip.bottom, .has-error.tooltip.top{
    left: 0 !important;
}

.has-error.tooltip.bottom .tooltip-arrow, .has-error.tooltip.top .tooltip-arrow{
    left: 10% !important;
}

.has-error.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #ff0200;
}

.has-error.tooltip.top .tooltip-arrow {
    border-top-color: #ff0200;
}

.has-error.tooltip.left .tooltip-arrow {
    border-left-color: #ff0200;
}

.has-error.tooltip.right .tooltip-arrow {
    border-right-color: #ff0200;
}

.has-error.tooltip .tooltip-inner{
    background-color: #ff0200;

}

.has-error .form-control {
    border-color: #ff0200;
}

.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label {
    color: #ff0200;
}

::-webkit-input-placeholder {
    color:    #003d6a !important;
    text-transform: uppercase;
}
:-moz-placeholder {
    color:    #003d6a !important;
    text-transform: uppercase;
}
::-moz-placeholder {
    color:    #003d6a !important;
    text-transform: uppercase;
}
:-ms-input-placeholder {
    color:    #003d6a !important;
    text-transform: uppercase;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder
{
    color:    #003d6a !important;
    text-transform: uppercase;
}

input:-moz-placeholder,
textarea:-moz-placeholder
{
    color:    #003d6a !important;
    text-transform: uppercase;
}

input::-moz-placeholder,
textarea::-moz-placeholder
{
    color:    #003d6a !important;
    text-transform: uppercase;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder
{
    color:    #003d6a !important;
    text-transform: uppercase;
}


.blue{
    color: #003d6a;
}

.orange{
    color: #f58022;
}

.yellow{
    color: #fbd80e;
}

h6{
    font-size: 16px;
    line-height: 22px;
    font-weight: 100;
}
a{

    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.checkbox-lbl input[type=checkbox], .radio-lbl input[type=radio]{opacity:0;position:absolute;z-index:12;width:18px;height:18px;}
.checkbox-lbl input[type=checkbox]:checked, .radio-lbl input[type=radio]:checked, .checkbox-lbl input[type=checkbox]:focus, .radio-lbl input[type=radio]:focus{outline:none !important;}
.checkbox-lbl input[type=checkbox]+.lbl, .radio-lbl input[type=radio]+.lbl{position:relative;z-index:11;display:inline-block;margin:0;line-height:20px;min-height:14px;min-width:14px;font-weight:bold;font-family: "PT Sans Narrow",sans-serif;color:#003d6a;text-transform: uppercase;}
.checkbox-lbl input[type=checkbox]+.lbl.padding-16::before, .radio-lbl input[type=radio]+.lbl.padding-16::before{margin-right:16px;}
.checkbox-lbl input[type=checkbox]+.lbl.padding-12::before, .radio-lbl input[type=radio]+.lbl.padding-12::before{margin-right:12px; font-size: 20px; border-radius: 0px; margin-left: 0px;}
.checkbox-lbl input[type=checkbox]+.lbl.padding-6::before, .radio-lbl input[type=radio]+.lbl.padding-6::before{margin-right:6px;}
.checkbox-lbl input[type=checkbox]+.lbl.padding-4::before,  .radio-lbl input[type=radio]+.lbl.padding-4::before{margin-right:4px;}
.checkbox-lbl input[type=checkbox]+.lbl.padding-0::before, .radio-lbl input[type=radio]+.lbl.padding-0::before{margin-right:0px;}
.checkbox-lbl input[type=checkbox]+.lbl::before, .radio-lbl input[type=radio]+.lbl::before{
    font-family:fontAwesome;
    font-weight:normal;
    font-size:30px;
    color:#003d6a;
    content:"\a0";
    border:1px solid #cccccc;
    box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);
    border-radius:0;display:inline-block;
    text-align:center;vertical-align:middle;
    height:30px;
    line-height:30px;
    min-width:30px;
    margin-right:1px;
    margin-top: -5px;
}

.checkbox-lbl input[type=checkbox]:checked+.lbl::before{content:"\2713";}
.checkbox-lbl input[type=checkbox]:checked+.lbl::before, .radio-lbl input[type=radio]:checked+.lbl::before{display:inline-block;content:'\f00c';border-color:#cccccc;box-shadow:0 1px 2px rgba(0, 0, 0, 0.05),inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05),inset 15px 10px -12px rgba(255, 255, 255, 0.1);}
.checkbox-lbl input[type=checkbox]:hover+.lbl::before, .radio-lbl input[type=radio]:hover+.lbl::before, .checkbox-lbl input[type=checkbox]+.lbl:hover::before, .radio-lbl input[type=radio]+.lbl:hover::before{border-color:#003d6a;}
.checkbox-lbl input[type=checkbox]:active+.lbl::before, .radio-lbl input[type=radio]:active+.lbl::before, .checkbox-lbl input[type=checkbox]:checked:active+.lbl::before, .radio-lbl input[type=radio]:checked:active+.lbl::before{box-shadow:0 1px 2px rgba(0, 0, 0, 0.05),inset 0px 1px 3px rgba(0, 0, 0, 0.1);}
.checkbox-lbl input[type=checkbox]:disabled+.lbl::before, .radio-lbl input[type=radio]:disabled+.lbl::before, .checkbox-lbl input[type=checkbox][disabled]+.lbl::before, .radio-lbl input[type=radio][disabled]+.lbl::before, .checkbox-lbl input[type=checkbox].disabled+.lbl::before, .radio-lbl input[type=radio].disabled+.lbl::before{background-color:#DDD !important;border-color:#CCC !important;box-shadow:none !important;color:#BBB;}
.radio-lbl input[type=radio]+.lbl::before{border-radius:0px;font-family:Arial,Helvetica,sans-serif;font-size:60px;}
.radio-lbl input[type=radio]:checked+.lbl::before{content:"\2022";}

input, textarea, input.form-control, textarea.form-control {
    border-radius: 0;
}

select, select.form-control{
    color: #003d6a;
}

label {
    font-family: "PT Sans Narrow",sans-serif;
    color: #003D6A;
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 0px;
    font-weight: bold;
}

hr{
    border-color:#cccccc;
}

.component-signup-offer .slider-col p{
    width: 70%
}

.required{
    color: #ff0200;
}

.errors-wrap{
    color:red;
    padding:0 0 10px 0;
    font-size:10px;
    text-transform:uppercase;
}
.errors-wrap p{
    padding:0;
    margin:0;
    line-height: normal;
}
/* =============== butons ==================*/
.btn{

    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    text-shadow: none;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 0;
    border: 0;
    box-shadow: none;
}

.btn-info {
    font-family: 'Knewave', cursive;
    color: #FFF;
    background-color: #003d6a;
    border-color: #003d6a;
}

.btn-info:hover{
    color: #fbd80e;
    background-color: #003d6a;
    border-color: #003d6a;
}

.btn:hover{
    background-color: transparent;
}
.btn:hover.btn-buy, .btn:hover.btn-view{
    color: #ffffff;
}
.btn-buy{
    font-family: 'Knewave', cursive;
    background-color: #003d6a;
    border:0;
    color: #fbd80e;
    font-size: 26px;
    padding-top: 12px;
}
.btn-view{
    font-family: 'Knewave', cursive;
    background-color: #003d6a;
    border:0;
    color: #fbd80e;
    font-size: 16px;
    text-align: left;
    padding: 19px 0 0 0px;
}

.btn.btn-buy{
    background-image: url("../images/bg-btn-buy.png");
    background-position: top left;
    background-repeat: no-repeat;
    height: 61px;
    width: 88px;
}
.btn.btn-view{
    background-image: url("../images/bg-btn-buy.png");
    background-position: top left;
    background-repeat: no-repeat;
    height: 61px;
    width: 54px;
    font-size: 16px;
    text-align: center;
}

.btn-lg{
    padding: 13px 16px;
}
.btn-sm{
    height: 35px!important;
    width: 124px!important;
    padding-top: 4px!important;
    font-size: 17px!important;
    background-size: 100% 100%!important;
}

.btn-primary{
    letter-spacing: 1px;
    background-color: transparent;
    background-image: url("../images/bg-blue-btn.png");
    background-position: top left;
    background-repeat: no-repeat;
    font-family: 'Knewave', cursive;
    color: #ffffff;
    width:  auto;
    background-size: 334px 41px;
    height: 41px;
    font-size: 18px;
}
.btn-primary.btn-lg{
    background-size: 334px 58px;
    width:  auto;
    height: 58px;
    font-size: 22px;
}

.btn-primary:hover{
    color: #fbd80e;
}

.btn-orange{
    letter-spacing: 1px;
    font-size: 18px;
    background-color: transparent;
    background-image: url("../images/bg-orange-btn-2.png");
    background-position: top left;
    background-repeat: no-repeat;
    background-size: 207px 41px;
    font-family: 'Knewave', cursive;
    color: #003D6A;
    width:  auto;
    height: 41px;
}
.btn-orange:hover{
    color: #fff;
}

.btn-orange.btn-lg{
    background-size: 334px 58px;
    width:  auto;
    height: 58px;
    font-size: 22px;
}

.btn-secondary{
    padding-top: 14px;
    letter-spacing: 1px;
    font-size: 22px;
    background-color: transparent;
    background-image: url("../images/bg-orange-btn-secondary.png");
    background-position: top left;
    background-repeat: no-repeat;
    background-size: 154px 58px;
    font-family: 'Knewave', cursive;
    color: #003d6a;
    width: 154px;
    height: 58px;
}

.btn-secondary:hover{
    color: #fff;

}
.btn-view .btn{
    position: absolute;
    text-align: left;
    right: 0;
    padding-left: 10px;
    padding-top: 19px;
}
.btn-cart-lg{
    padding: 7px 35px;
}
#picker-block .btn-success, #picker-block .btn-danger{
    background-color: #333333;
    border-color: #333333;
}
.btn-view-all{
    padding: 2px 16px;
    background-color: #8a7965;
    color: #fff;
    margin:0;
    font-size: 12px;
}
.btn-view-all:hover{
    background-color: #333;
    color: #fff;

}
.btn-full{
    width: 100%;
    background-size: 100% 37px;
    height: 37px;
}


/* =============== breadcrumb ==================*/
.breadcrumb, .breadcrumb a {
    font-size: 18px;
    background: none repeat scroll 0% 0% transparent;
    text-transform: uppercase;
    margin-bottom: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
}

.breadcrumb a {
    padding-left: 3px;
    padding-right: 5px;
}

.breadcrumb a:last-child, .breadcrumb a:last-child:hover, .breadcrumb a:hover{
    color: #999;
    cursor: default;
    text-decoration: none;
}

.breadcrumb a:hover{
    cursor: pointer;
}


/* =============== HEADER ==================*/
.navbar-inverse .navbar-nav>li>a{
    font-family: 'PT Sans Narrow', sans-serif;
    font-size: 22px;
    text-transform: uppercase;
    color: #fff;
    padding: 4px 8px;
}

@media (min-width: 768px) {
    .navbar-nav.top-product-nav > li > a {
        font-family: 'Knewave', cursive;
        font-size: 20px;
        text-transform: uppercase;
        color: #003d6a;
        padding: 4px 8px;
        background-image: url(../images/nav-bg.png);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        margin: 1px;
    }
    .navbar-nav.top-product-nav > li {
        float: none;
        display: inline-block;
    }
    .navbar-nav.navbar-nav{
        text-align: right !important;
        float: right !important;
        margin: 0 20px 0 0;
        padding: 0;
    }
}

.navbar {
    margin-bottom: 5px;
}
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a.active{
    color: #f58022;
}
.navbar-inverse .navbar-nav>li{
    /* float: right;*/
}
.navbar-collapse{
    position: relative;
    padding-top: 10px;
    right: 72px;
    float:right;

}
.navbar-collapse .project-navi>li>a{
    font-family: 'PT Sans Narrow', sans-serif;
    font-weight: 300;
    color: #333333;
    font-size: 19px;
    text-transform: uppercase;
    text-align: right;
    padding: 10px 6px;
}

.navbar-collapse .project-navi>li>a:hover{
    color: #f8f8f8;
    display: block;
    height: 41px;
    background-color: #b60050;
    background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.3), rgba(0,0,0,0));
    background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.3), rgba(0,0,0,0));
    background-image: -o-linear-gradient(bottom, rgba(0,0,0,.3), rgba(0,0,0,0));
    background-image: linear-gradient(to top, rgba(0,0,0,.3), rgba(0,0,0,0));
}
.navbar-nav{
    max-width: 666px;
    float: right;
}
#user-navi .more-btn a{
    background-image: url("../images/bg-header-more.png");
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-color: transparent;
    font-size: 23px;
    line-height: 22px;
    text-align: center;
    width: 105px;
    height: 59px;
    padding-top: 8px;
    margin: 0;
    font-family: 'Knewave', cursive;
    border:0;
    color: #003d6a;
    position: absolute;
    right: 0;
    top: 55px;
}
#user-navi .more-btn a:hover{
    color: #ffffff;
    text-decoration: none;
}
.navbar-collapse .project-navi .sale-button>a{
    margin-left: 0px;
    color: #fff!important;
}
.navbar-collapse .project-navi .sale-button>a:hover{
    color: #333333!important;
    display: block;
    background-color: #fff;
    height: 41px;
}
.nav-user>li>a{
    margin-left: 8px;
    background-color: #f58022;
    font-size: 15px;
    padding: 7px 14px 9px;

}
.nav-user>li>a i{
    font-size: 18px;
    padding-right: 2px;
}
.nav-user>li>a:hover{
    color: #fff!important;
}

#brand  .navbar-right{
    float: right;
    display: block;
    margin-bottom: 8px;
    margin-right: 0;
}
#brand .input-group{
    width: 198px;
    margin-top: 1px;
}
.small-cart:hover{
    background-color: #00ff00;
}
.small-cart{
    padding-top: 5px;
    border-top: solid 4px #333333;
    background-color: #333333;
    padding: 6px 12px 9px 12px;
}
.small-cart i{
    font-size: 18px;
}
.small-cart a{
    font-family: 'Oswald', sans-serif;
    color: #fff;
    padding-left: 8px;
}
.small-cart a:hover{
    text-decoration: none;
    color: #bcaa87;
}
#user-navi .input-group .btn{
    height: 25px;
    border-left: none;
    padding:0 8px;
    margin-top: 0px;
}
.btn-social{
    float: left;
    margin-top: -1px;
}
#brand .header-search{
    float: right;
    margin-top: -2px;
    margin-right: 12px;
}
.nav-category{
    margin-top: 9px;
    width: auto;
}

.header-search .input-group input{
    width: 160px;
    float: right;
    height: 25px;
    border-right: none;
    -o-box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

#user-navi .header-search .input-group .btn{
    background-image: url("../images/bg-header-search-btn.png");
    background-position: top left;
    background-repeat: no-repeat;
    background-color: transparent;
    height: 37px;
    width: 38px;
    border: 0;
}

#user-navi .checkout-btn{
    background-image: url("../images/bg-header-checkout.png");
    background-position: top left;
    background-repeat: no-repeat;
    background-color: transparent;
    height: 35px;
    width: 118px;
    border: 0;
    text-align: center;
    padding-top: 7px;
    float: right;
}

#user-navi .checkout-btn a{
    background-color: transparent;
    font-size: 18px;
    padding: 0;
    margin: 0;
    font-family: 'Knewave', cursive;
    border:0;
    color: #003d6a;
}
#user-navi .join-btn a{
    color: #003d6a;
    font-family: 'Knewave', cursive;
    font-size: 22px;
    padding: 8px 8px!important;
}

#user-navi .contact-btn{
    background-image: url("../images/bg-header-contact.png");
    background-position: top left;
    background-repeat: no-repeat;
    background-color: transparent;
    height: 35px;
    width: 157px;
    border: 0;
    text-align: center;
    padding-top: 7px;
    margin-left: 12px;
    float: right;
}

#user-navi .account-btn, #user-navi .logout-btn{
    background-image: url("../images/bg-header-checkout.png");
    background-position: left top;
    background-repeat: no-repeat;
    background-color: transparent;
    height: 35px;
    width: 34px;
    border: 0px none;
    text-align: center;
    padding-top: 7px;
    float: right;
}

#user-navi .account-btn{
    margin-left: 14px;
}

#user-navi .logout-btn{
    margin-left: 0;
}

#user-navi .account-btn a, #user-navi .logout-btn a{
    background-color: transparent;
    font-size: 18px;
    padding: 0px;
    margin: 0px;
    font-family: "Knewave",cursive;
    border: 0px none;
    color: #003D6A;
}

.mobile-user-buttons .join-btn{
    background-image: url("../images/bg-header-contact.png");
    background-position: bottom left;
    background-repeat: no-repeat;
    width: 127px;
    border: 0;
    text-align: center;
    padding: 0;
    margin-left: 12px;
}
.mobile-user-buttons .nav-user>li>a{
    letter-spacing: 1px;
    font-family: 'Knewave', cursive;
    background-color: transparent;
}
.mobile-menu{
    position: absolute;
    top: -52px;
    right: 0;
}
#user-navi .mobile-menu .checkout-btn{
    width: 108px;
    font-family: 'Knewave', cursive;
    font-size: 18px;
    margin-right: -5px;
    border-radius: 0;
    color: #003d6a;


}
#user-navi .contact-btn a{
    background-color: transparent;
    font-size: 18px;
    padding: 0;
    margin: 0;
    font-family: 'Knewave', cursive;
    border:0;
    color: #003d6a;
}

#user-navi .checkout-btn a:hover{
    background-color: transparent;
    background: transparent;
}
#user-navi .header-search .input-group i{
    color: #003d6a;
    font-size: 20px;
    padding-top: 3px;
}
#user-navi .header-search .input-group i:hover{
    color: #f58022!important;

}
.mobile-user-buttons{
    display: none;
}
#brand .header-search li{
    display: inline;
    list-style: none;
}
#user-navi .header-cart{
    background-image: url("../images/bg-header-cart.png");
    background-position: top left;
    background-repeat: no-repeat;
    background-color: transparent;
    height: 37px;
    color: #f58022;
    font-size: 17px;
    text-transform: uppercase;
    padding: 7px 5px 0 5px;

    width: 169px;
    text-align: left;
}
#user-navi .header-cart img.img-responsive{
    position: relative;
    top: -3px;
    left: 4px;
}

#user-navi .header-cart.empty{
    color: #003d6a;
}

#user-navi .header-cart img{
    float:left;
    margin-top: 4px;
    margin-right: 10px;
}


#brand{
    border:0px;
    padding: 0px;
    margin: 0px;

}
.btn-social i{
    font-size: 29px;
    color: #ffffff;
    margin-left: 4px;
}
.navbar-inverse {
    background-color: #003d6a;
    border: 0px;
    border-radius: 0;

}
#user-navi{
    text-align: right;
    color: #fff;
    float: right;
    top: 11px;
    padding: 0;
    position: relative;
}
.container .logo{
    margin: 0 0 0 -32px;
    padding: 0px;
}
.logo img{
    margin-top: 13px;
}
.header-search .input-group .form-control {
    background-image: url("../images/bg-header-search.png");
    background-position: top right;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    box-shadow: none;
    height: 37px;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    font-size: 17px;
    padding-bottom: 1px;
}


/* =============== Content ==================*/
#content #container-main{
    background-color: #fff;
    background-image: url("../images/bg-content-top.png");
    background-position: top left;
    background-repeat: no-repeat;
    padding-top: 45px;
    padding-bottom: 20px;
}


/* =============== Footer ==================*/
footer{
    padding: 0;
    margin: 0;
}
#footer_copyright .container{
    padding: 0;
}
#footer_copyright{
    font-family: 'PT Sans Narrow', sans-serif;
    padding: 0;
    margin: 0;
    color: #fff;
}
footer hr{
    border-top: 1px solid #6d6e71;
    height: 1px;
    padding:0;
    margin: 8px 0;
}
footer .container-fluid{
    margin-top: 0px;
    padding: 0px;
    height: 4px;

}
#footer_copyright .footer-badge{
    position: absolute;
    right: 13px;
}
#footer_copyright .sc-cdw-logo{
    margin-top: -2px;
    margin-right: 0px;

}
.credit-cards{
    text-align: right;
    margin: 0px;
    padding: 20px 15px 0 0px;
}
#footer_links .container{
    padding: 0;
}
#footer_links .credit-cards{
    padding-left: 0px;
    margin-left: 0px;
}
.credit-cards ul li{
    list-style: none;
    display: inline;
}
#footer_links{
    background-color: #003d6a;
}
.footer-logo{
    margin: 20px 10px 0px 0px;
}
#footer .colours .col-xs-2{
    width: 12.5%;
}
#footer_links .links .col-xs-2{
    width: 20%!important;
    padding-bottom: 10px;
    float: left;
}
#footer_links .links{
    margin: 0 0px 0 -15px;
    padding: 66px 0 0 0;
}
#footer_links h5{
    font-size: 15px;
    text-transform: uppercase;
    color: #b60050;
}
#footer_links a{
    color: #fff;
}
#footer_links .input-group .form-control {
    background-image: url("../images/bg-search-bar.png");
    background-position: top right;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    box-shadow: none;
    height: 44px;
    background-color: transparent;
    /* color: #b5b5b7; */
    border: 0;
    border-radius: 0;
}
#footer_links .input-group{
    margin-bottom: 18px;
}
#footer_links p{
    font-family: 'PT Sans Narrow', sans-serif;
    font-size: 13px;
    color: #fff;
}
#footer_links .input-group .btn-default{
    font-family: 'Knewave', cursive;
    background-image: url("../images/bg-footer-search.png");
    background-position: top left;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border: 0;
    background-color: transparent;
    width: 57px;
    font-size: 18px;
    color: #003d6a;
    padding: 0;
    height: 42px;
    margin-top: 2px;
    margin-left: -1px;
}
#footer_links .input-group .btn-default:hover{
    background-color: transparent;
    border:0;
    color: #a55b20;
}
#footer_links ::-webkit-input-placeholder { /* WebKit browsers */
    color:    #bebfc0;
}
#footer_links :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #bebfc0;
    opacity:  1;
}
#footer_links ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #bebfc0;
    opacity:  1;
}
#footer_links :-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #bebfc0;
}
#footer_copyright hr{
    border-top: solid 1px #fff;
}
#footer_links .container{
    background-image: url("../images/bg-content-bottom.png");
    background-position: top left;
    background-repeat: no-repeat;
}
.about-col {
    padding: 0;
    margin: 18px 0 0 0;
    line-height: 17px;
}
.about-col  ul{
    margin-left: -40px;
}
.about-col  ul li{
    list-style: none;
}
.about-col a:hover{
    text-decoration: none;
    color: #f58022!important;
}
#footer_links  .products-col{
    padding-top: 8px;
}
#footer_links  .products-col h6{
    font-size: 18px;
    font-family: 'PT Sans Narrow', sans-serif;
    color: #f58022;
    margin-bottom: 8px;

}
#footer_links  .products-col ul{
    margin: 0;
    padding: 0;
}
#footer_links  .products-col li{
    display: inline;
    margin: 0 10px 0 0;
    padding: 0;
}
#footer_links  .products-col a:hover{
    text-decoration: none;
    color: #f58022!important;
    background-color: transparent;
}
#footer_links  .products-col a{
    line-height: 10px;
    text-transform: uppercase;
    text-decoration: none;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 0;
    padding-right: 0;
}
.search-col{
    padding: 0;
    margin-left: -10px;
}
.search-col .col-sm-9{
    padding: 0;
    margin: 0;
}
.search-col h6{
    font-family: 'PT Sans Narrow', sans-serif;
    text-transform: uppercase;
    font-size: 18px;
    color: #ffffff;
}


/* =============== Product ==================*/



.product-item .panel-default>.panel-heading {
    color: #003d6a;
    background-color: transparent;
    border: 0;
    height: 62px;
    padding: 5px 7px 5px 7px;
    text-transform: uppercase;
}

.product-item .panel-default>.panel-body{
    padding-bottom: 75px;
}

.product-item .panel-default>.panel-body>img{
    width: 100%;
}
.product-item .page-header{
    border-bottom: 0;

}
.product-item .panel-body .item-details{
    background-image: url("../images/bg-red-price.png");
    background-position: top left;
    background-repeat: no-repeat;
    background-size: 80% 61px;
    position: absolute;
    bottom: 20px;
    left: 0;
    height: 61px;
    margin-left: 15px;
    width: 100%;
    padding-right: 30px;
    padding-top: 7px;
    border-radius: 0;
    z-index: 9;

}

.product-item .special-badge h4{
    letter-spacing: 0;
    font-size: 21px;
    color: #ff0200;
    padding: 12px 0 0 27px;
}
.product-item .special-badge h2{
    letter-spacing: 0;
    font-size: 36px;
    color: #ff0200;
    padding: 6px 0 0 25px;
}
.product-item .special-badge{
    left: 14px;
    position: absolute;
    background-image: url("../images/bg-yellow-special.png");
    background-position: top left;
    background-repeat: no-repeat;
    background-size: 177px 72px;
    width: 177px;
    height: 72px;
    bottom: 78px;
    z-index: 10;
}
.product-item .badges{
    float: left;
    background-color: #ff0200;
    margin-top: 1px;
    padding: 0 5px 3px 0;
}
.product-item .badge-1 h5{
    margin: 0;
    font-size: 14px;
    padding: 1px 10px 3px 10px;
    color: #fbd80e;
}
.product-item .badge-2 h5{
    margin: 0;
    background-image: url("../images/bg-yellow-badge.png");
    background-position: top right;
    background-repeat: no-repeat;
    background-size: 63px 29px;
    font-size: 13px;
    padding: 7px 5px 0px 5px;
    color: #ff0200;
    width: 52px;
    height: 29px;
}
.product-item .panel-body .buy-col{
    float: right;
    position: absolute;
    right: 30px;
    bottom: 0px;
}

.product-item .panel-body .view-col{
    float: right;
    position: absolute;
    right: 30px;
    bottom: 0px;
}

.product-item .price-col {
    display: block;
    font-size: 18px;
    line-height: 30px;
    float: right;
    padding: 0 7px 0 0;
    background-color: #ff0200;
}

.product-item .price-col.buy {
    margin-right: 88px;
}

.product-item .price-col.view {
    margin-top: 3px;
    margin-right: 53px;
}

.product-item .price-col h6{
    font-size: 12px;
    padding: 0;
    margin: 0;
    color: #fff;
    text-align: right;
    line-height: 19px;


}
.product-item .price-col h3{
    padding: 1px 0 5px 0;
    margin: 0;
    color: #fff;
    text-align: right;

}



/* =============== Product MENU ==================*/
#products{
    margin-top: 10px;
}

#products .sidebar-offcanvas a{
    text-decoration: none;
}


#products .brands {
  display: block;
  background-image: url("../images/bg-header-contact.png");
  background-position: left top;
  background-repeat: no-repeat;
  background-size: 100% 52px;
  height: 52px;
  padding: 13px 5px 0px 14px;
    color: #003D6A;
  font-family: "Knewave",cursive;
  font-size: 24px;
  letter-spacing: 1px;
  margin: 0px 2px 3px 0px;
}

#products .brands:hover, #products .brands.active{
    color: #FFF;
}


#products .on-sale {
    display: block;
    background-image: url("../images/bg-red-price.png");
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 100% 52px;
    height: 52px;
    padding: 13px 5px 0px 14px;
    color: #FFF;
    font-family: "Knewave",cursive;
    font-size: 20px;
    letter-spacing: 1px;
    margin: 0px 2px 3px 0px;
}

#products .sidebar-offcanvas{
    padding: 0px 0px 0px 7px;
}

#products #products-nav{
    margin: 0px;
    padding: 1px 3px 15px 12px;
    background-image: url("../images/bg-orange-sidebar.png");
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}


#products #products-nav h3 {
    color: #003D6A;
}

#products #products-nav>li a {
    font-size: 16px;
    text-transform: uppercase;
    font-family: "PT Sans Narrow",sans-serif;
    line-height: 18px;
    color: #fff;
}

#products #products-nav li ul li a {
    font-size: 15px;

}

#products #products-nav li ul li ul li a {
    font-size: 14px;

}

#products #products-nav>li a:hover, #products-nav>li a:focus{
    border-color: #BCD;
    text-decoration: none;
    outline: 0px none;
    color: #003D6A;
    font-weight: bold;
}


#products #products-nav li, #products-nav li ul{
    margin: 0px;
    padding: 0px;
    list-style: outside none none;

}

#products #products-nav li {
    position: relative;
}

#products #products-nav li ul {
    padding-left: 10px;
}

#products #products-nav li ul li ul {
    padding-left: 20px;

}

#products #products-nav li.selected>a {
    color: #003D6A !important;
}

#products #products-nav a.icon {
    display: none;
}

#products #products-nav li ul li ul a.cat {
    padding-top: 0;
    padding-bottom: 0;
}


#products #products-nav li.selected>a.active, #products #products-nav li.selected>a.link {
    font-weight: 700;
}


/* =============== Product LIST ==================*/

#products #products-list{
    padding-left: 15px;
    padding-right: 15px;
}

#products  #products-list .category-item{
    border: 1px solid #DDD;
    border-bottom: 0;
    margin-bottom: 20px;
}

#products  #products-list .category-item .title{
    text-align: left;
    padding: 0px 7px 5px;
    height: 40px;
}

#products  #products-list .category-item .view-btn{
    text-align: right;
}

#products  #products-list .category-item .view-btn a{
    width: 100%;
}

#products .products-category{
    margin-top: 0;
    font-size: 32px;
    margin-bottom: 18px;
}

#products #item-per-page{
     font-family: "Knewave",cursive;
     color: #003D6A;
     letter-spacing: 1px;
     font-size: 16px;
 }

#products #item-per-page select{
     color: #003D6A;
     font-family: "PT Sans Narrow",sans-serif;
     margin-bottom: 20px;
 }

#products #banner {
    max-width: 105%;
    background-size: 100% auto;
    height: auto;
    background-repeat: no-repeat;
    margin: 20px -10px 30px 15px;
}

#products #banner p {
    font-size: 20px;
    text-align: left;
}

#products #banner .right {
    float: right;
    position: relative;
    top: 0px;
    right: 0px;
    margin: 45px 30px 0px;
    padding-bottom: 20px;
}

#products-list .product-item .price-col h3{
    font-size: 18px;
    padding-top: 5px;
}

#products #products-list #pagination{
    text-align: center;
}


/* =============== CATEGOTY LIST VIEW ============== */

.single-category .item-block .product-item h4{
    position: absolute;
    z-index: 99;
    padding-right: 20px;
    font-size: 16px;
}
.single-category .product-item .panel-default>.panel-heading {
    padding: 0px 7px 5px 7px;
}

/* =============== Single Product ==================*/

#single-product .titile-row {
    padding: 0px 0px 20px 12px;
}

#single-product .detail-row {
    margin-bottom: 30px;
}

#single-product .detail-row .flexslider{
    width: 50%;
    float: left;
    margin-right: 30px;
}

#single-product .detail-row #description{
    margin-left: -15px;
}

#single-product .detail-row #description ul li{
    list-style:inside;
}

#single-product .detail-row .photo-product {
    border: 1px solid #CFCFCF;
    padding: 15px;
    margin: 0px 6px 10px -15px;
    margin-bottom: 0px;
}

#single-product .detail-row .flex-control-nav{
    position:relative !important;
}

#single-product .detail-row .flex-control-paging li a.flex-active{
    background-color: #F58022;
}

#single-product .detail-row .flex-control-paging li a{
    background-color: #003D6A;
}

#single-product .btn-col {
    padding: 15px 0px 0px;
    margin: 0px;
}

#single-product .btn-col .price-block {
    background-image: url("../images/bg-price-product.png");
    float: left;
    background-repeat: no-repeat;
    background-size: 100% 85px;
    width: 110%;
    position: relative;
    bottom: 20px;
    height: 85px;
    border-radius: 0px;
    z-index: 0;
    right: -10px;
}

#single-product .detail-row .btn-col .price-block .badges {
    background-color: transparent;
    margin: 16px 5px 0px 1px;
    float: left;
    padding: 0px 5px 3px 0px;
}

#single-product .detail-row .btn-col .price-block .badges .badge-1 h5 {
    padding: 0px 5px 5px 23px;
    color: #FBD80E;
    margin: 0px;
    font-size: 17px;
}

#single-product .detail-row .btn-col .price-block .badges .badge-2 h5 {
    background-image: url("../images/bg-badge-2.png");
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 100px 42px;
    width: 100px;
    height: 42px;
    padding: 11px 0px 0px 23px;
    margin: 0px;
    font-size: 17px;
    color: #FF0200;
}

#single-product .detail-row .btn-col .price-block .price-col {
    margin-right: 40px;
    margin-top: 12px;
    display: block;
    font-size: 18px;
    line-height: 30px;
    float: right;
    padding: 0px 7px 0px 0px;
}

#single-product .detail-row .btn-col .price-block .price-col  h6 {
    font-size: 12px;
    padding: 0px;
    margin: 0px;
    color: #FFF;
    text-align: right;
    line-height: 19px;
    font-weight: 100;
}

#single-product .detail-row .btn-col .price-block .price-col .badge-from h6 {
    font-size: 18px;
}

#single-product .detail-row .btn-col .price-block .price-col .price h3 {
    font-size: 30px;
    padding-top: 5px;
    padding: 1px 0px 5px;
    margin: 0px;
    color: #FFF;
    text-align: right;
}

#single-product .detail-row .add-to-cart {
    padding-left: 12px;
}



#single-product .detail-row .share {
    margin-top: 70px;
    float: right;

}

#single-product .detail-row  .share .share-label{
    display: block;
    color: #003d6a;
    font-size: 18px;
}

/* =============== Single Product SKU ==================*/
.input-group-btn:first-child > .btn{
    margin-right: 0;
}
.input-group-btn:last-child > .btn{
    margin-left: 0;
}

#single-product #information{
    margin-top: 20px;
    font-size: 12px;
    font-family: "PT Sans Narrow",sans-serif;
    color: #003D6A;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 0;
    margin-right: 20px;
    margin-left: 30px;
}

#single-product #information a{
    color: #003D6A;
}

#single-product .products-row{
    padding-left: 15px;
    padding-right: 15px;
}

.picker-block{
    margin-right: -8px;
    margin-bottom: 15px;
}

#single-product .products-row .picker-block .white-block-auto {
    padding: 12px 5px;
    border: 1px solid #003D6A;
    position: relative;
}

#single-product .products-row .picker-block .white-block-auto .icons{
    position: absolute;
    top: -10px;
    right: -10px;
    width: 28px;
}

#single-product .products-row .picker-block  .white-block-auto .row {
    padding: 0px;
    margin: -2px 7px 0px;
}

#single-product .products-row .picker-block  .white-block-auto .row .id-colour {
    height: 105px;
    padding: 0px;
    margin: -10px -12px 0px;
    border-bottom: 1px solid #003D6A;
}

#single-product .products-row .picker-block  .white-block-auto .row .name-line {
    width: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
}

#single-product .products-row .picker-block  .white-block-auto .row .name-line h5 {
    font-family: "PT Sans Narrow",sans-serif;
    line-height: 14px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0px;
    padding: 2px 11px 2px 0px;
    color: #000;
}

#single-product .products-row .picker-block  .white-block-auto.light-color .row .name-line h5{
    color:white;
}

#single-product .products-row .picker-block  .white-block-auto .row .price-row {
    position: absolute;
    bottom: 32px;
    padding: 0px;
    padding-bottom: 10px;
    margin: 0px 0px 0px -4px;
}

#single-product .products-row .picker-block  .white-block-auto .row  .price-row .col-sm-12 {
    padding: 0px;
}

#single-product .products-row .picker-block  .white-block-auto .row  .price-row .regular-price h3{
    font-size: 20px;
    color: #000;
    font-family: "Knewave",cursive;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-top: 20px;
}

#single-product .products-row .picker-block  .white-block-auto.light-color .row  .price-row .regular-price h3{
    color:white;
}

#single-product .products-row .picker-block  .white-block-auto .row  .price-row .regular-price .picker-on-sale {
    position: relative;
    background-image: url("../images/bg-on-sale-picker.png");
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 85px 48px;
    width: 85px;
    height: 45px;
    left: 36px;
    bottom: 0;
    position: absolute;
    margin-left: 7px;
    margin-top: 22px;
    font-size: 16px;
    font-weight: 100;
}

#single-product .products-row .picker-block  .white-block-auto .row  .price-row .regular-price .picker-on-sale h3 {
    color: white;
    position: absolute;
    margin-left: 7px;
    margin-top: 14px;
    font-size: 16px;
}

#single-product .products-row .picker-block  .white-block-auto .row  .price-row .regular-price .picker-on-sale p {
    font-family: "Knewave",cursive;
    position: absolute;
    top: 4px;
    left: 7px;
    color: #FBD80E;
    font-size: 11px;
    text-transform: uppercase;
}

#single-product .products-row .picker-block  .white-block-auto .row .prev-price {
    z-index: 999;
    position: absolute;
    bottom: 45px;
    left: 2px;
}

#single-product .products-row .picker-block  .white-block-auto .row .prev-price h6, #single-product .products-row .picker-block  .white-block-auto .row .prev-price p {
    font-family: "Knewave",cursive;
    color: #000;;
    text-transform: uppercase;
    font-size: 9px;
    line-height: 5px;
}


#single-product .products-row .picker-block  .white-block-auto.light-color .row  .prev-price h6, #single-product .products-row .picker-block  .white-block-auto.light-color .row  .prev-price p{
    color: #FFF;
}



#single-product .products-row .picker-block  .white-block-auto .add-btns {
    top: 6px;
    width: 105%;
    padding: 0px;
    height: 25px;
}

#single-product .products-row .picker-block  .white-block-auto .add-btns .out-of-stock{
    color: #FF0200;
    font-weight: 100;
    font-family: "Knewave",cursive;
    font-size: 17px;
}

#single-product .products-row .picker-block  .white-block-auto .add-btns .input-group {
    position: relative;
    left: -5px;
    margin-right: -5px;
}

#single-product .products-row .picker-block  .white-block-auto .add-btns .input-group .btn-number {
    padding: 2px 0px 0px;
    height: 25px;
    width: 25px;
    background-color: #000;
    color: #FFF;
    border-radius: 3px;
}

#single-product .products-row .picker-block  .white-block-auto .add-btns .input-group .btn-number .glyphicon{
    font-size: 18px;
    font-weight: bold;
    left: 0px;
}
#single-product .price-block .badge-2{
    top: -1px;
    position: relative;
}
#single-product .products-row .picker-block  .white-block-auto .add-btns .input-group .btn-number:hover{
    background-color: #f58022;
}

#single-product .products-row .picker-block  .white-block-auto .add-btns .form-control {
    background-color: #FFF;
    font-weight: bold;
    border: 0px none;
}

#single-product .products-row .picker-block  .white-block-auto .add-btns select.form-control {
    color: #003D6A;
    border: 1px solid #CCC;
    border-radius: 4px;
}

#single-product .products-row .picker-block  .white-block-auto .add-btns .input-group input {
    height: 28px;
    text-align: center;
    padding: 0px 1px;
    font-family: "Oswald",sans-serif;
    font-size: 21px;
    color: #000;
    margin-top: -3px;
    box-shadow: none;
    padding-top: 2px;
}

/* =============== Product Brand ==================*/
#products #brands{
    padding: 10px;
}

#products #brands #index{
    text-align: center;
}


#products #brands #index .pagination{
    margin: 0;
}

#products #brands #index .pagination > li > a, #products #brands #index .pagination > li > span{
    background-image: none;
    width: auto;
}

#products #brands #index .pagination > li > a:focus, #products #brands #index .pagination > li > a:hover, #products #brands #index .pagination > li > span:focus, #products #brands #index .pagination > li > span:hover{
    background-color: #ffffff;
    border-color:  #ffffff;
}


/* =============== Fancybox cart ==================*/

.fancybox-inner #cart-add .btn {
    background-size: 100% 58px;
    width: 100%;
    font-size: 14px;
    padding-top: 15px;
    height: 48px;
}

/* =============== Shop Cart ==================*/

#cart .btn-continue{
    margin-right:-14px;
    margin-top: 20px !important;
    padding-top: 8px !important;
}

#cart .btn-update{
    margin-right: -10px;
}

#cart #order hr{
    border-color:#cccccc;
    margin-top: 0px;
    margin-bottom: 6px;
}

#cart #order{
    margin-top: 30px;
}

#cart #order .label h3{
    text-align: left;
    margin-top: 0px;
    margin-bottom: 10px;
}

#cart #order .price h3{
    margin-top: 0px;
    margin-bottom: 10px;
}

#cart #order .label h3 span{
    font-size: 12px;
    font-family: 'PT Sans Narrow', sans-serif;
}

#cart #order .price{
    text-align: right;
}

#cart #order #total{
    margin-top: 18px;

}
#cart #order #total h3{
    margin-bottom: 0;
}

#cart #order #gst h3{
    font-family: "PT Sans Narrow", sans-serif;
    margin:0;
}



#cart #checkout{
    text-align: right;
    margin-top:16px;
}

#cart #checkout img{
    display: inline-block;
    margin-top: 16px;
}

#cart #checkout .btn{
    font-size: 36px;
    color: #fbd80e;
}

#cart #checkout .btn:hover{
    color: #ffffff;
}

#checkout #information #shipping_policy {
    border: 1px solid #CCC;
    padding: 6px 12px;
}


#cart .cart-row .shopping-details hr{
    border-color:#cccccc;
    margin-top: 0px;
    margin-bottom: 6px;
}

#cart .cart-row .shopping-details .label-row .label{
    text-transform: uppercase;
    color: #003D6A;
    font-size: 18px;
    font-weight: normal;
    border-radius:0;
}


#cart .cart-row .shopping-details .product-option-wrapper{
    min-height: 65px;
    position: relative;
}

#cart .cart-row .shopping-details .product-option-wrapper .image{
    text-align: center;
}

#cart .cart-row .shopping-details .product-option-wrapper .image img{
    height: 60px;
    display: inline-block;
}

#cart .cart-row .shopping-details .product-option-wrapper h4{
    margin-top: 8px;
    margin-bottom: 4px;
}

#cart .cart-row .shopping-details .product-option-wrapper .product-option.white-block a{
    color: #003D6A;
    text-decoration: none;
}

#cart .cart-row .shopping-details .product-option-wrapper .color{
    height: 18px;
    width: 18px;
    display: block;
    float: left;
    margin-right: 10px;
    border: 1px solid #000000;
}

#cart .cart-row .shopping-details .product-option-wrapper .subname{
    font-size: 15px;
    color: #000;
    font-weight: bold;
}

#cart .cart-row .shopping-details .product-option-wrapper .subname img{
    display: inline-block;
}

#cart .cart-row .shopping-details .product-option-wrapper .qty {
    text-align: center;
}

#cart .cart-row .shopping-details .product-option-wrapper .qty .stepper{
    width: 140px;
    display: inline-block;
    padding-top: 14px;
}

#cart .cart-row .shopping-details .product-option-wrapper .qty .stepper .btn {
    background-color: #003d6a;
    border-radius: 5px;
}

#cart .cart-row .shopping-details .product-option-wrapper .qty .stepper .btn:hover{
    color: #fbd80e;
}

#cart .cart-row .shopping-details .product-option-wrapper .qty .stepper .input-number{
    background-color: #003d6a;
    color: white;
    margin-left: 5px;
    margin-right: 5px;
    width: 84%;
    text-align: center;
    border-radius: 6px;
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 1px;
    box-shadow: none;
    border: none;
    border-radius: 5px;
}

#cart .cart-row .shopping-details .product-option-wrapper .unit-price, #cart .cart-row .shopping-details .product-option-wrapper .price{
    font-family: "Knewave",cursive;
    font-weight: 500;
    line-height: 1.1;
    color: #003D6A;
    letter-spacing: 1px;
    text-align: center;
}

#cart .cart-row .shopping-details #promos{
    margin-top:20px;
    margin-bottom:40px;
}

#cart .cart-row .shopping-details #promos .promo{
    border: 1px solid #CCC;
    padding: 6px 12px;
}

#cart .cart-row .shopping-details #promos .promo  button {
    color: #003D6A;
    background: transparent none repeat scroll 0% 0%;
    border: 0px none;
}

#cart .cart-row .shopping-details #promos .promo button.collapsed .fa-chevron-down, #cart .cart-row .shopping-details #promos .promo button .fa-chevron-right{
    display: none;
}

#cart .cart-row .shopping-details #promos .promo button.collapsed .fa-chevron-right, #cart .cart-row .shopping-details #promos .promo button .fa-chevron-down{
    display: block;
}

#cart .cart-row .shopping-details .product-option-wrapper .price #price{
    padding-top:14px;
}

#cart .cart-row .shopping-details .product-option-wrapper .price .sale{
    height: 66px;
    width: 58px;
    background-color: #ff0200;
    background-image: url("../images/bg-promo-cart.png");
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size:  59px 33px;
    margin-top: -6px;
}

#cart .cart-row .shopping-details .product-option-wrapper .price .sale  h5{
    margin: 0;
    text-align: center;
}
#cart .cart-row .shopping-details .product-option-wrapper .price .sale .badge-1 h5{
    color: #fbd80e;
    padding-top: 6px;
}

#cart .cart-row .shopping-details .product-option-wrapper .price .sale .badge-2 h5{
    color: #ff0200;
    padding-top: 14px;
}

#cart .cart-row .shopping-details .product-option-wrapper .price #price .original{
    font-size: 20px;
}

#cart .cart-row .shopping-details .product-option-wrapper .price #price .prev-price{
    font-size: 14px;
    color: black;
}

#cart .cart-row .shopping-details .product-option-wrapper .price .currency{
    display: none;
}

#cart .cart-row .shopping-details .product-option-wrapper .price.final{
    font-size: 28px;
    margin-top: 12px;
}



#cart .cart-row .shopping-details .product-option-wrapper .trash-button{
    position: absolute;
    top: 16px;
    right: -27px;
}
#cart .btn-numbers .input-group-btn .btn {
    padding: 0px 6px;
}
#cart .btn-numbers .input-group-btn .btn  .glyphicon{
    font-size: 18px;
    font-weight: bold;

}
#cart .cart-row .shopping-details .product-option-wrapper .gold-block-shadow h4{
    margin-bottom: 0;
}

#cart .cart-row .shopping-details .product-option-wrapper .gold-block-shadow .delete-item{
    text-align: right;
}
#cart .product-option-wrapper h4 a{
    text-transform: uppercase;

}
.component-offer-products .orange-frame .btn {
    position: relative;
    right: 0;
    margin: 10px 10px 15px 0;
}
/* =============== Checkout steps ==================*/

#checkout #steps{
    margin-bottom: 26px;
}

#checkout #steps .breadcrumb a{
    font-size: 14px;
}

#checkout #steps .breadcrumb a, #checkout #steps .breadcrumb a:last-child, .breadcrumb a:last-child:hover{
    color: #337ab7;
}

#checkout #steps .breadcrumb a.current{
    color: #999;
}

#checkout #steps .btn{
    letter-spacing: 1px;
    font-size: 36px;
    background-color: transparent;
    background-image: url("../images/bg-yellow-steps.png");
    background-position: top left;
    background-repeat: no-repeat;
    background-size: 212px 71px;
    font-family: 'Knewave', cursive;
    color: #003D6A;
    width:  212px;
    height: 71px;
    text-align: left;
}

#checkout #steps .btn.current{
    letter-spacing: 1px;
    font-size: 36px;
    background-color: transparent;
    background-image: url("../images/bg-orange-current-steps.png");
    background-position: top left;
    background-repeat: no-repeat;
    background-size: 765px 71px;
    font-family: 'Knewave', cursive;
    color: #003D6A;
    width:  765px;
    height: 71px;
    text-align: left;
}

#checkout #steps .btn.done{
    letter-spacing: 1px;
    font-size: 36px;
    background-color: transparent;
    background-image: url("../images/bg-orange-old-steps.png");
    background-position: top left;
    background-repeat: no-repeat;
    background-size: 212px 71px;
    font-family: 'Knewave', cursive;
    color: #003D6A;
    width:  212px;
    height: 71px;
    text-align: left;
}

#checkout #steps .btn div{
    height: 100%;
    float:left;
}

#checkout #steps .btn .number{

}
#checkout #steps .btn .name{
    font-size: 14px;
    padding-top: 6px;
    padding-left: 8px;
}

#checkout #steps .btn.current .name{
    font-size: 36px;
    padding-top: 0;
}


/* =============== Checkout register ==================*/

#checkout label{
    font-family: 'PT Sans Narrow', sans-serif;
    color: #003D6A;
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 0px;
    font-weight: bold;
}

/* =============== Checkout register ==================*/

#checkout #register h3{
    color: #f58022;
    margin-bottom: 16px;
    margin-top: 0;
    font-size: 22px;
}

#checkout #register .box{
    position: relative;
    border: 1px solid #cccccc;
    padding: 26px;
    height: 268px;
}

#checkout #register .box button{
    position: absolute;
    bottom: 0;
    right:0;
    margin: 26px;
}

#checkout #register .box #forgot{
    font-family: 'PT Sans Narrow', sans-serif;
    color: #cccccc;
    letter-spacing: 1px;
    font-size: 12px;
    text-transform: uppercase;
    text-decoration: none;
    padding-top: 6px;
}





/* =============== Checkout billing delivery ==================*/


#checkout #information ::-webkit-input-placeholder {
    color:    #b7b7b7 !important;
    text-transform: none;
}
#checkout #information :-moz-placeholder {
    color:    #b7b7b7 !important;
    text-transform: none;
}
#checkout #information ::-moz-placeholder {
    color:    #b7b7b7 !important;
    text-transform: none;
}
#checkout #information :-ms-input-placeholder {
    color:    #b7b7b7 !important;
    text-transform: none;
}

#checkout #information input::-webkit-input-placeholder,
#checkout #information textarea::-webkit-input-placeholder
{
    color:    #b7b7b7 !important;
    text-transform: none;
}

#checkout #information input:-moz-placeholder,
#checkout #information textarea:-moz-placeholder
{
    color:    #b7b7b7 !important;
    text-transform: none;
}

#checkout #information input::-moz-placeholder,
#checkout #information textarea::-moz-placeholder
{
    color:    #b7b7b7 !important;
    text-transform: none;
}

#checkout #information input:-ms-input-placeholder,
#checkout #information textarea:-ms-input-placeholder
{
    color:    #b7b7b7 !important;
    text-transform: none;
}

#checkout #information h3{
    margin-bottom: 20px;
}

#checkout #information #shipping_fields{
    margin-top:20px;
}

#checkout #information #shipping_details .form-group{
    margin-bottom: 6px;
}


#checkout #information #submit-comment{
    margin-left: 30px;
    margin-right: 15px;
    font-family: 'PT Sans Narrow', sans-serif;
    color: #003D6A;
    font-size: 12px;
    ont-weight: bold;
    text-align: right;
}

#checkout #information #submit{
    margin-top: 20px;
}

#checkout #information #submit.proceed{
    background-image: url("../images/bg-checkout-paypal-btn.png");
    background-repeat: no-repeat;
    background-size: 479px 71px;
    background-color: transparent;
    width: 479px;
    height: 71px;
}

#checkout #information #submit.proceed:hover{
    background-image: url("../images/bg-checkout-paypal-btn-hover.png");
}

#checkout #information #submit.continue{
    background-image: url("../images/bg-checkout-continue-btn.png");
    background-repeat: no-repeat;
    background-size: 295px 71px;
    background-color: transparent;
    width: 295px;
    height: 71px;
}

#checkout #information #submit.continue:hover{
    background-image: url("../images/bg-checkout-continue-btn-hover.png");
}

#checkout #information #shipping_policy{
    border: 1px solid #CCC;
    padding: 6px 12px;
}

#checkout #information #shipping_policy #shipping_policy_content{
    color: black;
    font-family: 'PT Sans Narrow', sans-serif;
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 10px;
}

#checkout #information #shipping_policy button{
    color: #003d6a;
    background: transparent;
    border: 0;
}

#checkout #information #shipping_policy button.collapsed .fa-chevron-down, #checkout #information #shipping_policy button .fa-chevron-right{
    display: none;
}

#checkout #information #shipping_policy button.collapsed .fa-chevron-right, #checkout #information #shipping_policy button .fa-chevron-down{
    display: block;
}

#checkout .order-sidebar{
    margin-left: 20px;
    background-color: #f58022;
    padding-top:16px;
    padding-left:16px;
    padding-bottom: 20px;
    padding-right: 20px;
}

#checkout .order-sidebar h3{
    font-size: 30px;
    margin: 0;
    color: #003D6A !important;
}

#checkout .order-sidebar h4{
    color: white;
    text-transform: uppercase;
}

#checkout .order-sidebar #items{
    margin-top: 20px;
    margin-bottom: 20px;
}

#checkout .order-sidebar #items #btn-view {
    padding-top: 10px;
}
#checkout .order-sidebar #items #btn-view button{
    color: #003d6a;
    font-family: "Knewave", cursive;
    letter-spacing: 1px;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.1;
    text-transform: uppercase;
    text-decoration: none;
    background-color: transparent;
    border: none;
}

#checkout .order-sidebar #items #btn-view button:hover{
    color: #ffffff;
    text-decoration: none;
}

#checkout .order-sidebar #items #view{
    padding-left: 16px;
    padding-right: 16px;
}

#checkout .order-sidebar #items #view .name, #checkout .order-sidebar #items #view .qty, #checkout .order-sidebar #items #view .price{
    font-size: 12px;
    font-family: "PT Sans Narrow",sans-serif;
    color: #003D6A;
    letter-spacing: 1px;
}

#checkout .order-sidebar #items #view .name a{
    font-size: 12px;
    font-family: "PT Sans Narrow",sans-serif;
    color: #003D6A;
    letter-spacing: 1px;
    text-decoration: none;
}

#checkout .order-sidebar #items #view .name img {
    display: inline-block;
    height: 18px;
}

#checkout .order-sidebar #items #view .qty{
    text-align: center;
}

#checkout .order-sidebar #items #view .price{
    text-align: right;
}

#checkout .order-sidebar #items #view .price .currency{
    display: none;
}


#checkout .order-sidebar #subtotal h4{
    margin-top: 0;

}



#checkout .order-sidebar #total{
    margin-top: 20px;
}



#checkout .order-sidebar #total h4{
    color: #003d6a;
    margin-bottom: 0;
}

#checkout .order-sidebar #total h4 span{
    font-size: 12px;
    font-family: "PT Sans Narrow",sans-serif;
}

#checkout .order-sidebar #total h3{
    color: #003d6a;
    margin-bottom: 0;
}

#checkout .order-sidebar #gst h4{
    font-family: "PT Sans Narrow", sans-serif;
    margin-top: 0;
    color: #003d6a;
}

/* =============== User ==================*/

#user #navigation{
    margin-bottom: 55px;
}

#user #navigation .btn{
    letter-spacing: 1px;
    font-size: 36px;
    background-color: transparent;
    background-image: url("../images/bg-yellow-steps.png");
    background-position: top left;
    background-repeat: no-repeat;
    background-size: auto 71px;
    font-family: 'Knewave', cursive;
    color: #003D6A;
    width:  18.5%;
    height: 71px;
    text-align: left;
}

#user #navigation .btn.current{
    letter-spacing: 1px;
    font-size: 36px;
    background-color: transparent;
    background-image: url("../images/bg-orange-current-steps.png");
    background-position: top left;
    background-repeat: no-repeat;
    background-size: auto 71px;
    font-family: 'Knewave', cursive;
    color: #003D6A;
    width:  62%;
    height: 71px;
    text-align: left;
}

#user #navigation .btn.done{
    letter-spacing: 1px;
    font-size: 36px;
    background-color: transparent;
    background-image: url("../images/bg-orange-old-steps.png");
    background-position: top left;
    background-repeat: no-repeat;
    background-size: 212px 71px;
    font-family: 'Knewave', cursive;
    color: #003D6A;
    width:  212px;
    height: 71px;
    text-align: left;
}

#user #navigation .btn div{
    height: 100%;
    float:left;
}

#user #navigation .btn .name{
    font-size: 14px;
    padding-top: 6px;
    padding-left: 8px;
}

#user #navigation .btn.current .name{
    font-size: 36px;
    padding-top: 0;
}


#user #navigation-mob .breadcrumb a:last-child, #user #navigation-mob .breadcrumb a:last-child:hover, #user #navigation-mob .breadcrumb a:hover{
    color: #337ab7;
}

#user #navigation-mob .breadcrumb .current, #user #navigation-mob .breadcrumb a:last-child.current{
    color: #999;
}

/* =============== User Login ==================*/

#user #login .box {
    border: 1px solid #CCC;
    padding: 26px;
}





#user #login .box #forgot {
    font-family: "PT Sans Narrow",sans-serif;
    color: #003D6A;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    padding-top: 6px;
}

/* =============== User Register ==================*/

#user #register .box {
    border: 1px solid #CCC;
    padding: 26px;
}


/* =============== User Forgot ==================*/

#user #forgot .box {
    border: 1px solid #CCC;
    padding: 26px;
}

/* =============== User Settings ==================*/

#user #settings .box {
    border: 1px solid #CCC;
    padding: 26px;
}

/* =============== User Orders ==================*/


#user #orders .label{
    text-transform: uppercase;
    color: #003D6A;
    font-size: 18px;
    font-weight: normal;
    border-radius: 0px;
}

#user #orders hr{
    border-color: #CCC;
    margin-top: 0px;
    margin-bottom: 16px;
    margin-top: 16px;
}


#user #orders .id {
    font-size: 15px;
    color: #000;
    font-weight: bold;
}



#user #orders .price, #user #orders .date{
    font-family: "Knewave",cursive;
    font-weight: 500;
    line-height: 1.1;
    color: #003D6A;
    letter-spacing: 1px;
    font-size: 20px;
}

#user #orders .id, #user #orders .price, #user #orders .date, #user #orders .action {
    text-align: center;

}

/* =============== User purchase ==================*/

#user #purchases #order{
    margin-bottom: 60px;
}

#user #purchases #order .label{
    text-transform: uppercase;
    color: #003D6A;
    font-size: 18px;
    font-weight: normal;
    border-radius: 0px;
}

#user #purchases #order hr{
    border-color: #CCC;
    margin-top: 0px;
    margin-bottom: 16px;
    margin-top: 16px;
}


#user #purchases #order .id {
    font-size: 15px;
    color: #000;
    font-weight: bold;
}

#user #purchases #order .price, #purchases #order .date{
    text-align: right;

}

#user #purchases #order .price, #purchases #order .date{
    font-family: "Knewave",cursive;
    font-weight: 500;
    line-height: 1.1;
    color: #003D6A;
    letter-spacing: 1px;
    text-align: right;
    font-size: 20px;
}

#user #purchases #items .label{
    text-transform: uppercase;
    color: #003D6A;
    font-size: 18px;
    font-weight: normal;
    border-radius: 0px;
}

#user #purchases .label.label-unit-price {
    text-align: right;
}

#user #purchases #items hr{
    border-color: #CCC;
    margin-top: 0px;
    margin-bottom: 16px;
    margin-top: 16px;
}

#user #purchases #items a {
    color: #003D6A;
    text-decoration: none;
}

#user #purchases #items h4 {
    margin-top: 0px;
    margin-bottom: 4px;
}

#user #purchases #items hr {
    border-color: #CCC;
    margin-top: 0px;
    margin-bottom: 6px;
}

#user #purchases #items .id, #user #purchases #items .subname {
    font-size: 15px;
    color: #000;
    font-weight: bold;
}

#user #purchases #items .price{
    font-size: 20px;
    font-family: "Knewave",cursive;
    font-weight: 500;
    line-height: 1.1;
    color: #003D6A;
    letter-spacing: 1px;
    text-align: right;
    padding-top: 8px;
}

#user #purchases #items .price.total{
    font-size: 28px;
    padding-top: 4px;
}

#user #purchases #items .qty {
    text-align: center;
}

#user #purchases #items .qty .stepper{
    width: 140px;
    display: inline-block;
    margin-top: 4px;
}

#user #purchases #items .qty .stepper .btn {
    background-color: #003d6a;
    border-radius: 5px;
}

#user #purchases #items .qty .stepper .btn:hover{
    color: #fbd80e;
}

#user #purchases #items .qty .stepper .input-number{
    background-color: #003d6a;
    color: white;
    margin-left: 5px;
    margin-right: 5px;
    width: 86%;
    text-align: center;
    border-radius: 6px;
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 1px;
    box-shadow: none;
    border: none;
    border-radius: 5px;
}

#user #purchases #re-order{
    padding-left: 60px;
    padding-right: 60px;
    font-size: 36px;
    color: #FBD80E;
    padding-top: 4px;
}

#user #purchases #re-order:hover{
    color: #ffffff;
}

/* =============== User remove ==================*/

#user #remove{
    margin-bottom: 60px;
}

#user #remove .box{
    border: 1px solid #cccccc;
    padding: 26px;
}


/* =============== User session ==================*/

#users-login h3{
    color: #f58022;
    margin-bottom: 16px;
    margin-top: 0;
}

#users-login .box{
    border: 1px solid #cccccc;
    padding: 26px;
}

#users-login .box hr{
    border-color:#cccccc;
}

#users-login .box #password{
    width: 70%;
    display: inline-block;
    border: 0;
}

#users-login .box #forgot{
    background-color: #CCC;
    height:34px;
    width: 30%;
    text-align: center;
    font-family: 'Knewave', cursive;
    color: #ff0200;
    letter-spacing: 1px;
    font-size: 16px;
    text-transform: uppercase;
    text-decoration: none;
    padding-top: 6px;
}

#users-login .box .p-register{
    min-height: 214px;
}


/* =============== Contact ==================*/

#contact form{
    padding-top: 30px;
}

#contact form button{
    padding-left: 50px;
    padding-right: 50px;
}

#contact .box{
    border: 1px solid #cccccc;
    padding: 26px;
}


/* =============== Pagination ==================*/

.pagination > li > a, .pagination > li > span{
    font-family: "Knewave",cursive;
    background-image: url("../images/bg-footer-search.png");
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border: 0px none;
    background-color: transparent;
    width: 57px;
    font-size: 18px;
    color: #003D6A;
    padding: 0px;
    height: 42px;
    margin-top: 2px;
    margin-left: 16px;
    padding-top: 8px;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover{
    background-color: transparent;
    border:0;
    color: #a55b20;
}



/*******************************************
* Helper
********************************************/
.dac-btn {
    font-family: 'Knewave', cursive;
    text-transform: uppercase;
    text-decoration: none;
}
.dac-btn:hover {
    text-decoration: none;
}

.dac-btn-default,
.dac-btn-default:focus {
    color: #003d6a;
    background-image: url(../images/btn-default-bg.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin: 1px;
}
.dac-btn-default:hover {
    color: #f58022;
    background-image: url(../images/btn-default-bg.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.dac-btn-primary,
.dac-btn-primary:focus {
    color: #003d6a;
    background-image: url(../images/btn-primary-bg.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin: 1px;
}
.dac-btn-primary:hover {
    color: #fff;
    background-image: url(../images/btn-primary-bg.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.dac-btn-secondary,
.dac-btn-secondary:focus {
    color: #003d6a;
    background-image: url(../images/btn-secondary-bg.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.dac-btn-secondary:hover {
    color: #fff;
    background-image: url(../images/btn-secondary-bg.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}


/*******************************************
* New Header
********************************************/
.new-header {
    margin-top: 20px;
}
    @media (min-width: 768px) {
        .new-header .container {
            padding-left: 0;
            padding-right: 0;
        }
    }

.new-header .btn {
    font-size: 18px;
}

.new-header-logo {
    text-align: center;
    margin: 0 0 10px 0;
}

.new-header-cart {
    margin: 10px 0;
}
    @media (min-width: 992px) {
        .new-header-cart {
            margin: 0;
        }
    }

.new-header-cart .btn {
    float: right;
}

.new-header-cart .input {
    overflow: hidden;
    color: #003d6a;
    text-transform: uppercase;
    padding: 7px;
    background-image: url(../images/btn-default-bg.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.new-header-cart .input img {
    margin: -3px 0 0 0;
}

.new-header-search {
    margin: 5px 0 0;
}
    @media (min-width: 768px) {
        .new-header-search {
            margin: 10px 0 0;
        }
    }
    @media (min-width: 992px) {
        .new-header-search {
            margin: 0;
        }
    }

.new-header-search .btn {
    float: right;
    background-color: transparent;
    height: 33px;
    padding: 0 12px;
}

.new-header-search .input {
    overflow: hidden;
    color: #003d6a;
    text-transform: uppercase;
    padding: 5px;
    background-color: none;
    background-image: url(../images/btn-default-bg.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.new-header-search .input input {
    width: 100%;
    border: none;
    height: 25px;
}

.new-header-nav {
    width: 100%;
    border-top: 1px solid #FFF;
    padding: 20px 0 0;
}
    @media (min-width: 992px) {
        .new-header-nav {
            border-top: 0;
        }
    }
.new-header-nav ul {
    float: right;
    width: calc(100% - 115px);
    margin: 0 10px 0 0; padding: 0;
    list-style: none;
    text-align: right;
}
    @media (min-width: 1200px) {
        .new-header-nav ul {
            width: calc(100% - 200px);
        }
    }

.new-header-nav li {
    float: none;
    display: inline-block;
}

.new-header-nav li a {
    display: inline-block;
    font-family: 'Knewave', cursive;
    font-size: 20px;
    text-transform: uppercase;
    color: #003d6a;
    padding: 0 8px;
    background-image: url(../images/nav-bg.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin: 1px;
}
    @media (min-width: 992px) {
        .new-header-nav li a {
            font-size: 18px;
        }
    }

    @media (min-width: 1200px) {
        .new-header-nav li a {
            font-size: 20px;
        }
    }
.new-header-nav li a:hover,
.new-header-nav li a:focus {
    color: #f58022;
    text-decoration: none;
}
.new-header-nav-more a {
    float: right;
    display: inline-block;
    font-size: 23px;
    line-height: 22px;
    text-align: center;
    width: 105px;
    height: 59px;
    padding-top: 8px;
    margin: 0;
}