html,
body {
    width: 100%;
    height: 100%;
    margin: 0;
}

body {
    font-family: 'Open Sans', sans-serif;
    color: #3a2411;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

main {
    width: 100%;
    height: 100%;
    display: block;
}

div.controllers {
    width: 100%;
    height: 100%;
    display: block;
}

#pagenotfound {
    background: url('../images/cover.jpg') no-repeat center top fixed;
}

#home {
    background: url('../images/cover.jpg') no-repeat center top fixed;
    display: block;
    width: 100%;
    height: 100%;
    min-height: 100%;
    position: absolute;
}

.topimage {
    height: 200px;
    margin: 0;
    margin-top: 65px;
    background: url('../images/covernarrow.jpg') no-repeat center top fixed;
}

.version {
    position: fixed;
    bottom: 0;
    width: 100%;
}

@media(max-width:480px) {
    #topwarning h2 {
        font-size: 14px!important;
    }
    .bottomS a {
        font-size: 20px!important;
    }
    .pageheading {
        font-size: 32px!important;
    }
}

header {
    position: relative;
    width: 100%;
    min-height: 100%;
    text-align: center;
    color: #fff;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

header .header-content {
    width: 100%;
    position: absolute;
    top: 50%;
    padding: 0 50px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.bottomS {
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 5%;
    padding-bottom: 25px;
}

.bottomS a {
    font-size: 31px;
    color: #fff;
    text-shadow: 0.5px 0.5px 1px #515151;
    text-transform: uppercase;
}

.bottomS.dark {
    position: relative;
    padding-top: 50px;
}

.bottomS.dark a {
    font-size: 31px;
    color: #3F2414;
    text-shadow: 0.5px 0.5px 1px #515151;
    text-transform: uppercase;
}

.bottomS a.hvr-grow:hover {
    color: #a4b14c;
}

.pageheading {
    font-size: 75px;
    margin-top: 0;
    padding-top: 65px;
    text-align: center;
    color: #fff;
    text-shadow: 0.5px 0.5px 1px #515151;
}

.container {
    padding-top: 40px;
}


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


/*General*/

a {
    color: #a4b14c;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
    cursor: pointer;
    font-weight: 700;
}

a.dark {
    color: #3a2411;
    font-size: 13px;
}

a.dark:hover,
a.dark:focus {
    color: #a4b14c;
}

a:hover,
a:focus {
    color: #3a2411;
    border: none;
    text-decoration: none;
}

h1 {
    font-size: 28px;
    font-weight: 700;
    text-transform: uppercase;
    color: #3a2411;
    margin-top: 5px;
}

.darkheading {
    color: #3a2411!important;
}

h2 {
    font-size: 36px;
    font-weight: 700;
    text-transform: uppercase;
    padding-bottom: 30px;
    color: #3a2411;
    margin-bottom: 0;
}

h3 {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.7;
    text-align: left;
    margin: 0;
}

h4 {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    color: #3a2411;
    margin: 0;
}

p {
    font-size: 14px;
    line-height: 1.4;
    font-weight: 400;
    margin-bottom: 5px;
}

img {
    max-width: 100%;
}

span {
    font-weight: 700;
}

h4.points {
    text-align: right;
    color: #a4b14c;
    cursor: pointer;
}

#pagenotfound h1 {
    color: #fff!important;
    text-shadow: 0.5px 0.5px 1px #7D7D7D;
}

#pagenotfound a.button.hvr-grow {
    color: #fff!important;
    text-shadow: 0.5px 0.5px 1px #7D7D7D;
}

#pagenotfound a.button.hvr-grow:hover {
    text-shadow: none;
    color: #fff!important;
}

.upperc {
    text-transform: uppercase;
}

.normalcase {
    text-transform: none!important;
}

.icons {
    max-width: 50px;
}

a.editicon {
    background-image: url('../images/editiconred.png');
    background-repeat: no-repeat;
    background-size: 28px;
    min-height: 27px;
    display: inline-block;
    margin-left: 25px;
    width: 50px;
}

a.editicon:hover {
    background-image: url('../images/editicon.png');
}

.bigicons {
    max-width: 125px;
    width: 50%;
    float: none;
    display: block;
    margin: 0 auto;
}

.socialIcons {
    max-width: 40px;
    margin-right: 20px;
    margin-bottom: 20px;
}

.nopadding {
    padding: 0!important;
}

.row {
    margin-right: 0;
    margin-left: 0;
}

.newcustomerblock p {
    font-weight: 600;
}

.sidebar {
    box-shadow: 0px 0px 3px #3f3f3f;
    padding: 0;
}

.sidebar .sidebarheading {
    background-color: #a4b14c;
    display: block;
    min-height: 50px;
    width: 100%;
    overflow: auto;
}

.sidebar h1 {
    font-size: 21px;
    margin-top: 0;
    padding: 12px;
    color: #fff;
    float: left;
    margin-bottom: 0;
}

.down .glyphicon {
    color: #fff;
    font-size: 21px;
    padding: 12px;
}

.sidebar .sidebarlist {
    padding: 5px 20px 10px 20px;
}

.sidebar li {
    min-height: 20px;
    padding-top: 2px;
}

.sidebar a {
    font-weight: 600;
    color: #3a2411;
    font-size: 13px;
}

.sidebar a:hover,
.sidebar a:active {
    color: #a4b14c;
    font-weight: 700;
}

.sidebar ul {
    list-style-type: none;
    padding-left: 0;
    padding-bottom: 5px;
}

.sidebar ul.tier1 {
    padding-left: 15px;
}

.sidebar ul.tier2 {
    padding-left: 25px;
}

.productblock {
    box-shadow: 0px 0px 3px #3f3f3f;
    padding: 0;
}

.productdetails {
    padding: 10px 15px;
}

p.productprice {
    font-weight: 600;
    font-size: 16px;
}

img.productaddtocart {
    max-height: 25px;
    float: right;
    margin-top: 2px;
}

p.productquantity {
    float: left;
}

input.spinbox {
    padding: 2px;
    max-height: 25px;
    max-width: 40px;
    float: left;
    margin: 4px 8px 0 8px;
}

.productorderdiv {
    min-height: 42px;
    border-top: 1px solid grey;
    padding-top: 8px;
}

.productorderdiv p {
    padding-top: 5px;
}

.breadcrumbs {
    height: 40px;
    padding: 10px 0;
}

.breadcrumb {
    background-color: #fff;
    padding: 0;
}

.breadcrumb>li {
    min-height: 0;
}

.reducedpadding {
    padding: 10px;
}

a.quickviewp {
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 600;
    margin: 0;
    color: #fff;
}

.quickviewp .glyphicon {
    text-shadow: 0px 0px 5px #000;
}

.hvr-grow .glyphicon:hover {
    color: #a4b14c;
}

.quickviewdiv {
    position: absolute;
    padding: 10px 20px;
    right: 0;
}

.productpricediv,
.productadddiv,
.productquantitydiv {
    float: left;
}

.plusminus {
    padding-top: 6px;
}


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

@media print {
    nav,
    header {
        display: none;
    }
}


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


/*Navigation*/

.navbar {
    z-index: 1000;
    border: none;
    background-color: #fff;
    border-bottom: 1px solid #3a2411;
    padding: 0 20px;
}

.navbar button {
    width: auto;
}

.navbar button:hover,
.navbar button:focus {
    background-color: transparent;
    border: none;
}

.navbar button:hover .glyphicon {
    color: #a4b14c;
}

.nav>li>a {
    font-weight: 600;
    padding: 14px 15px 8px 15px;
    text-transform: uppercase;
    font-size: 15px;
    color: #3F2414;
}

.navbar-brand {
    padding: 2px 2px 25px 10px;
    color: #3F2414;
    font-weight: 800;
    font-size: 21px;
}

.navbar-brand:hover {
    color: #a4b14c;
}

.navbar .navbar-nav li a:hover {
    color: #a4b14c;
    background-color: transparent;
    font-weight: 700;
}

.navbar .navbar-nav li a:active,
.navbar .navbar-nav li a:focus {
    color: #a4b14c;
    font-weight: 800;
    text-decoration: none;
    background-color: transparent;
}

li.active a {
    color: #a4b14c;
    font-weight: 800;
}

.navbar .navbar-nav {
    display: inline-block;
    float: right;
    padding: 10px 0;
}

.navbar .navbar-collapse {
    text-align: center;
}

.navbar-toggle .glyphicon {
    font-size: 22px;
    margin-top: 0;
    color: #3F2414;
}

.nav>li>a.blockbutton {
    padding: 12px 20px;
    width: 100%;
}

.blockbutton {
    background-color: #a4b14c;
    color: #fff!important;
}

.blockbutton a {
    color: #fff!important;
}

.navbar .navbar-nav li a.blockbutton:hover {
    font-weight: 600;
}

.hvr-fade:hover {
    background-color: #3a2411!important;
}

li {
    min-height: 45px;
}


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


/*-- Basic forms --*/

label {
    padding-top: 10px;
    margin-bottom: 2px;
}

.btn-default {
    border: 1px solid #3a2411;
    background-color: #fff;
    color: #191009;
    padding: 10px;
    width: 100%;
    height: 40px!important;
    border-radius: 0;
    margin-top: 0;
    width: 100%;
    text-align: left;
}

.btn-group.open .dropdown-toggle,
.btn-default:hover,
.btn-default:active {
    box-shadow: none;
    background-color: transparent;
    border-color: #3a2411;
}

.btn .caret {
    float: right;
    margin-top: 8px;
}

.btn-group {
    width: 100%;
}

.dropdown-menu {
    width: 100%;
}

input,
textarea,
select,
button {
    border: 1px solid #3a2411;
    background-color: #fff;
    color: #191009;
    padding: 10px;
    /*margin-top: 5px;*/
    width: 100%;
    height: 40px!important;
}

input {
    height: 40px;
}

input.button,
button,
a.button {
    border: 1px solid #3a2411;
    background-color: #3a2411;
    color: #fff;
    margin-top: 10px;
    cursor: pointer;
    text-align: center;
}

button.darkbutton {
    border: 1px solid #3a2411;
    background-color: #3a2411;
}

button.darkbutton:hover,
button.darkbutton:active,
button.darkbutton:focus {
    border: 1px solid #a4b14c;
    background-color: #a4b14c!important;
}

input.button:hover,
button:hover,
a.button:hover {
    border: 1px solid #a4b14c;
    background-color: #a4b14c;
    color: #fff;
}

input[type="radio"],
input[type="checkbox"] {
    width: 17px;
    height: 20px!important;
    margin: 0;
}

input[type="checkbox"] {
    margin: 0 10px 0 0;
    float: left;
    height: 20px!important;
}

select#pageSize {
    border: 1px solid #3a2411;
    height: 30px;
    border-radius: 0;
    padding: 2px;
}

p.checkboxlabel {
    float: left;
    font-size: 15px;
}

p.labels {
    font-size: 15px;
    width: 35px;
    float: left;
    margin: 0;
}

a.atagbutton {
    border: 1px solid #3a2411;
    background-color: #3a2411;
    color: #fff;
    margin-top: 10px;
    cursor: pointer;
    text-align: center;
    display: block;
    width: 100%;
    min-height: 40px;
    padding: 10px;
    font-weight: 400;
}

a.atagbutton:hover {
    border: 1px solid #a4b14c;
    background-color: #a4b14c!important;
    color: #fff;
}


/*-- /Basic forms --*/


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


/*-- Form validation --*/

.bt-flabels input[type] {
    position: relative;
    z-index: 1;
    -webkit-transition: background 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), border-color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: background 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), border-color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.bt-flabels input:focus,
.bt-flabels textarea:focus {
    background: #f0f0f0;
}

.bt-flabels input[type=submit]:focus {
    background: #a4b14c;
}

.bt-flabels input.button:focus,
button:focus {
    background: #a4b14c;
}

.bt-flabels label {
    pointer-events: none;
    //position: absolute; 
    //opacity: 0; 
    //top: 0; 
    -webkit-transform: translateY(15%);
    transform: translateY(15%);
    z-index: 2;
    color: #000;
    -webkit-transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.bt-flabels__wrapper {
    position: relative;
    margin-top: 10px;
}

.captchaquestion p {
    padding-top: 10px;
}

.captchaquestion {
    margin-bottom: 20px;
}


/* Error styles */

.bt-flabels__error-desc {
    position: absolute;
    //top: 10px; 
    top: 45px;
    right: 6px;
    opacity: 0;
    font-weight: bold;
    color: #f44545;
    font-size: 10px;
    text-transform: uppercase;
    z-index: 3;
    pointer-events: none;
}

.bt-flabels__error input[type],
.bt-flabels__error textarea {
    background: #feeeee;
}

.bt-flabels__error input[type]:focus,
.bt-flabels__error textarea:focus {
    background: #feeeee;
}

.bt-flabels__error .bt-flabels__error-desc {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.bt-flabels--right {
    border-left: none;
}

.bt-flabel__float label {
    //opacity: 0; 
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.bt-flabel__float input[type] {
    padding-top: 9px;
}

.captchaquestion .bt-flabels__error-desc {
    top: 32px;
    left: 0;
}

.verdict {
    padding: 10px;
    margin: 15px 0;
    border-left: 5px solid #000;
    display: none;
    color: #000;
}

p.verdictp {
    margin-bottom: 0;
    padding-left: 10px;
}

button#resetForm {
    width: 100%;
    height: 40px;
    background-color: transparent;
    border: none;
    margin-top: 10px;
    font-size: 30px;
    color: #3a2411;
}

button#resetForm:hover {
    color: #a4b14c;
}

.bt-flabels.js-flabels.labelshide label {
    position: absolute!important;
    opacity: 0!important;
    top: 0!important;
}

.bt-flabels.js-flabels.labelshide .bt-flabels__error-desc {
    top: 10px!important;
}

.bt-flabels.js-flabels.labelshide .bt-flabel__float label {
    opacity: 0!important;
}

.bt-flabels.js-flabels.labelshide .captchaquestion .bt-flabels__error-desc {
    top: 32px!important;
}


/*-- /Form validation --*/


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

.form-section {
    display: none;
}

.current {
    display: block;
}

.partdisplay {
    display: block;
    //width: 200px;
    text-align: center;
}

.partdisplay.active {
    //text-shadow: 0px 0px 3px #3f3f3f;
}

.partdisplay.active h1.step {
    //text-shadow: 0px 0px 8px #000;
}

.circle {
    background-repeat: no-repeat;
    background-size: 80px;
    width: 80px;
    height: 80px;
    margin: 0 auto;
}

.partdisplay.part1display.active .circle {
    background-image: url('../images/oneactive.png');
}

.part1display .circle {
    background-image: url('../images/one.png');
}

.partdisplay.part2display.active .circle {
    background-image: url('../images/twoactive.png');
}

.part2display .circle {
    background-image: url('../images/two.png');
}

.partdisplay.part3display.active .circle {
    background-image: url('../images/threeactive.png');
}

.part3display .circle {
    background-image: url('../images/three.png');
}

.partdisplay.part4display.active .circle {
    background-image: url('../images/fouractive.png');
}

.part4display .circle {
    background-image: url('../images/four.png');
}

.stepscontainer {
    margin-top: 15px;
    display: block;
    float: none;
    margin: 0 auto;
}

h1.step {
    font-size: 18px;
    color: #fff;
    padding: 0 10px;
}

.line {
    width: 33%;
    height: 2px;
    background-color: #fff;
    margin-top: 40px;
}

.line-left {
    float: left;
}

.line-right {
    float: right;
}

.floater {
    float: left;
}

.carttext {
    position: absolute;
    left: 36%;
    top: 5%;
    font-weight: 600;
    color: #a4b14c;
    font-size: 16px;
    text-align: center;
    min-width: 18px;
}

.map {
    width: 100%;
    min-height: 350px;
    border: none;
}

button {
    width: 100%;
}

.showlabels {
    float: left;
    width: auto;
    padding-right: 5px;
}

.forgotpasswordbtn {
    text-align: right;
    padding: 10px 0;
}


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

.nav>li>a#carticonnav.navicons {
    padding: 8px 22px 0 16px;
}

.nav>li>a#profileiconnav.navicons {
    padding: 9px 15px 0 0;
}

.nav>li>a#profileiconnav.navicons:hover {
    color: #a4b14c;
}

.nav>li>a#profileiconnav.navicons:hover p {
    font-weight: 700;
}

.nav>li>a#profileiconnav.navicons:hover .profilenavicon {
    background-image: url('../images/profileiconnavred.png');
}

.navicons img {
    max-height: 30px;
    display: block;
}

.profilenavicon {
    width: 35px;
    height: 35px;
    float: left;
    background-image: url('../images/profileiconnav.png');
    background-repeat: no-repeat;
    background-size: 30px;
}

#profileiconnav {
    text-align: left;
    float: left;
    min-width: 160px;
    color: #3a2411;
    text-align: left;
}

#profileiconnav p.hello {
    margin: 2px 0 0 0;
    line-height: 1;
    text-transform: none;
    white-space: nowrap;
    font-size: 12px;
}

#profileiconnav p.linky {
    margin: 0;
    line-height: 1;
    font-weight: 600;
}

.profilenavtext {
    float: left;
}

.borderside {
    border-left: 3px solid #3a2411;
}

.ins {
    position: relative;
    min-height: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.ins .middleblock .middleblock-content {
    position: absolute;
    top: 50%;
    max-width: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.spaceunder {
    padding-bottom: 25px!important;
}

.smallspaceunder {
    padding-bottom: 15px!important;
}

.extrasmallspaceunder {
    padding-bottom: 3px!important;
}

.extrasmallspaceabove {
    padding-top: 3px!important;
}

.smallspaceabove {
    padding-top: 10px!important;
}

.smallmarginabove {
    margin-top: 10px!important;
}

.spaceabove {
    padding-top: 25px!important;
}

#loginDiv {
    margin: 0 auto;
}

.questionbox {
    border: 1px solid #a4b14c;
    padding-bottom: 20px;
    margin-top: 30px;
}

.questionbox h2 {
    color: #a4b14c;
    font-weight: 600;
    font-size: 21px;
    text-align: left;
    padding-bottom: 20px;
}

.questionbox p {
    width: 90%;
    margin-bottom: 0;
}

.questionbox .bt-flabels__wrapper {
    margin-top: 0;
}

#paymentsuccess h2 {
    color: #a4b14c;
}

#paymentfailure h2 {
    color: #a4b14c;
}

.loader {
    width: 50px;
    height: 50px;
    margin: 0 auto;
    display: block;
}

.dontclick {
    cursor: default;
}

a.dontclick:hover {
    color: #a4b14c;
}

.searchblock {
    border-bottom: 1px solid #3a2411;
    padding-bottom: 10px;
    padding-top: 5px;
    margin-bottom: 8px;
}

input.searchbox {
    margin-bottom: 5px;
    padding: 8px;
    height: 35px;
}

.searchblock button#resetForm {
    margin-top: 0;
    padding: 3px 10px;
}

.tableheading {
    font-weight: 700;
    text-transform: uppercase;
    color: #a4b14c;
}

.table>tbody>tr.tableheadingtop>td {
    border-top: none;
    border-color: #a4b14c;
}

td {
    font-size: 13px;
    cursor: pointer;
}

.table>tbody>tr>td {
    padding: 5px;
}

.depositlevyfooter {
    border-top: solid 2px;
    border-bottom: solid 2px;
}

.tfootfinalblock {
    background-color: #d3d3d3;
    border-top: solid 2px;
}

.parsley-required {
    color: #f00;
    font-weight: 400;
    font-size: 11px;
    color: gray;
    font-weight: 400;
    font-size: 11px;
    display: block;
}

.bt-flabels__wrapper.error input.parsley-validated {
    color: #b94a48 !important;
    background-color: #f2dede !important;
    border: 1px solid #EED3D7 !important;
}

input.parsley-success,
select.parsley-success,
textarea.parsley-success {
    color: #468847;
    background-color: #DFF0D8;
    border: 1px solid #D6E9C6;
}

input.parsley-error,
select.parsley-error,
textarea.parsley-error {
    color: #B94A48;
    background-color: #F2DEDE;
    border: 1px solid #EED3D7;
}

.parsley-errors-list {
    margin: 2px 0 3px;
    padding: 0;
    list-style-type: none;
    font-size: 0.9em;
    line-height: 0.9em;
    opacity: 0;
    transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
}

.parsley-errors-list.filled {
    opacity: 1;
}

input.parsley-error {
    border: 1px solid red;
}

.parsley-error-list {
    color: red;
    display: none;
}

form[novalidate] input,
textarea {
    //border-left-width: 5px;
    border-color: #3a2411;
    border-style: solid;
    border-radius: 0;
}

input[required].ng-pristine {
    border-color: #3a2411;
}

input.ng-invalid.ng-dirty {
    border-color: #cc0000;
}

input.ng-valid.ng-dirty {
    border-color: #a4b14c;
}

textarea[required].ng-pristine {
    border-color: #3a2411;
}

textarea.ng-invalid.ng-dirty {
    border-color: #cc0000;
}

textarea.ng-valid.ng-dirty {
    border-color: #a4b14c;
}

button:disabled {
    opacity: 0.2;
    margin-bottom: 10px;
}

button:disabled:hover {
    background-color: #3a2411;
}

button#loginBtn {
    margin-bottom: 10px;
}

.help-block {
    position: absolute;
    bottom: 12px;
    float: right;
    right: 5px;
    font-size: 10px!important;
    color: #cc0000;
    font-weight: bold;
    text-transform: uppercase;
}

.help-block.withoutlabels {
    top: 5px!important;
}

a.minus {
    float: right;
}

.itemamounts {
    padding-right: 5px;
    display: inline-block;
    padding-top: 10px;
}

#plusminus {
    display: inline-block;
}

.sidebar li {
    list-style-type: none;
}

ul.tier0 {
    padding-bottom: 0;
    margin-bottom: 0;
}

img.imageincenter {
    display: block;
    margin: 0 auto;
}

.paymentsuccessful h2 {
    color: #a4b14c;
}

.paymentfailed h2 {
    color: #e52929;
}

hr {
    margin-bottom: 5px;
    border-color: #dddddd;
}

hr.dark {
    border-color: #3a2411;
    border-top-width: 2px;
    margin: 5px 0;
    padding: 0;
}

p.productdescription {
    min-height: 38px;
}

.pagep {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 13px;
}

.productimage {
    min-height: 140px;
}

.pagination {
    margin: 0;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    background-color: #3a2411;
    border-color: #3a2411;
}

.pagination>li>a,
.pagination>li>span {
    color: #3a2411;
}


/*@media(max-width: 768px)  
{
    tr.tableheading.tableheadingtop{
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    table, thead, tbody, th, td, tr { 
        display: block!important; 
    }
    tr { border: 1px solid #ccc; }
    td {
        border: none;
        position: relative;
    }
    td:before { 
        width: 25%!important;
        display: inline-block;
        padding-right: 10px; 
        white-space: nowrap;
        content: attr(data-label);
    }
    td.text-center:before {
        text-align: left!important;
        float: left;
    }
}*/


/*@media(min-width: 736px)  
{
    .smnormal tr.tableheading.tableheadingtop{
        position: initial;
    }
    .smnormal  tr { 
        border: none;    
        display: table-row!important; 
    }
    .smnormal  td {
        border: none;
        position: relative;
    }
    .smnormal table td{
            display: table-cell!important;
    }
    .smnormal  td:before { 
        width: 100%!important;
        display: inline-block;
        padding-right: 10px; 
        white-space: nowrap;
        content: initial;
    }
    .smnormal  td.text-center:before {
        text-align: center!important;
        float: none;
    }
    .smnormal tbody {
    display: table-row-group!important;
    }
    table.smnormal  {
    display: table!important;
    }
    .smnormal.table>tbody>tr>td {
        display: table-cell!important;
        width: initial;
    }
    .smnormal .tableheading.visible-xs{
        display: none!important;
    }
}*/


/*-------------------UNTIL LAUNCH--------------------*/

#topwarning {
    background-color: #fff;
    margin-top: 62px;
}

#topwarning h2 {
    color: #a4b14c;
    text-align: center;
    padding-bottom: 5px;
    font-size: 20px!important;
}

.nonclientfirsttime {
    display: none;
}

.clientfirsttime {
    display: none;
}

button.quickeditsavebutton {
    margin-top: 5px;
    border: none!important;
    text-transform: uppercase;
    font-weight: bold;
}

button.quickediteditbutton {
    margin-top: 5px;
    border: none!important;
    background: transparent;
    max-height: 40px;
}

button.quickediteditbutton img {
    max-height: 20px;
}

#savebutton {
    display: none;
}

#companydetails {
    display: none;
}


/*
 * These are the default styles applied to the stock Google Places Autocomplete component. Importantly they preserve
 * the required "powered by Google" logo.
 */

.pac-container {
    background-color: #fff;
    position: absolute !important;
    z-index: 1000;
    border-radius: 2px;
    border-top: 1px solid #d9d9d9;
    font-family: Arial, sans-serif;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden
}

.pac-item {
    cursor: default;
    padding: 0 4px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    line-height: 30px;
    text-align: left;
    border-top: 1px solid #e6e6e6;
    font-size: 11px;
    color: #999
}

.pac-item:hover {
    background-color: #fafafa
}

.pac-item-selected,
.pac-item-selected:hover {
    background-color: #ebf2fe
}

.pac-matched {
    font-weight: 700
}

.pac-item-query {
    font-size: 13px;
    padding-right: 3px;
    color: #000
}

.pac-icon {
    width: 15px;
    height: 20px;
    margin-right: 7px;
    margin-top: 6px;
    display: inline-block;
    vertical-align: top;
    background-image: url(//maps.gstatic.com/mapfiles/api-3/images/autocomplete-icons.png);
    background-size: 34px
}

.hdpi .pac-icon {
    background-image: url(//maps.gstatic.com/mapfiles/api-3/images/autocomplete-icons_hdpi.png)
}

.pac-icon-search {
    background-position: -1px -1px
}

.pac-item-selected .pac-icon-search {
    background-position: -18px -1px
}

.pac-icon-marker {
    background-position: -1px -161px
}

.pac-item-selected .pac-icon-marker {
    background-position: -18px -161px
}

.pac-placeholder {
    color: gray
}

.custom-prediction-label {
    font-style: italic;
}

.panel-group,
.panel-default,
.panel-default>.panel-heading {
    min-height: 50px;
}

.messagebox {
    position: relative;
    width: 95%;
}

.messagebox.msgarrow-left {
    float: right;
}

.messagebox.msgarrow-right {
    float: left;
}

.messagebox.mainbox {
    position: relative;
    width: 100%;
}

.msgarrow-left::after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: transparent transparent transparent #3a2411;
    border-image: none;
    border-style: solid;
    border-width: 6px;
    content: " ";
    height: 0;
    pointer-events: none;
    position: absolute;
    left: 100%;
    top: 10px;
    width: 0;
}

.msgarrow-right::after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: transparent #3a2411 transparent transparent;
    border-image: none;
    border-style: solid;
    border-width: 6px;
    content: " ";
    height: 0;
    pointer-events: none;
    position: absolute;
    right: 100%;
    top: 10px;
    width: 0;
}

.panel {
    border: 3px solid #3a2411;
    background-color: transparent;
}

.panel-default>.panel-heading {
    background-color: transparent;
    border: none;
}

.expand a {
    font-size: 10px;
}

p.person {
    display: inline;
}

p.date {
    font-size: 11px;
    color: #666666;
    display: inline;
}

.messagedetails {
    padding-bottom: 5px;
}

.orderblock {
    border: 3px solid #3a2411;
}

.orderblock .table {
    margin-bottom: 0;
}

p.ordername {
    padding: 10px 0 0 10px;
    text-transform: uppercase;
    font-size: 16px;
}

a.expandcollapse {
    line-height: 0.8!important;
}

a.expandcollapsetext p {
    padding-top: 10px;
}

.correspondenceform .panel-default>.panel-heading {
    background-color: #3a2411;
    border-radius: 0;
}

.correspondenceform a {
    color: #fff;
    text-transform: uppercase;
}

.panel-heading {
    border-radius: 2px;
    background-color: #3a2411;
}

a.reply {
    font-size: 10px;
    color: #3a2411;
}

a.reply:hover,
a.reply:active {
    color: #a4b14c;
}

.replyformblock {
    border: 3px solid #a4b14c!important;
}

img.mainlogo {
    width: 100%!important;
}


/* Reset Select */


/*select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  outline: 0;
  box-shadow: none;
  //border: 0 !important;
  background: #fff;
  background-image: none;
}*/


/* Custom Select */

.select {
    position: relative;
    display: block;
    width: 20em;
    height: 40px!important;
    line-height: 3;
    background: #fff;
    overflow: hidden;
    border-radius: .25em;
}

select {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0 0 0 .5em;
    color: #000;
    cursor: pointer;
}

select::-ms-expand {
    display: none;
}


/* Arrow */

.select::after {
    content: '\25BC';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    padding: 0 1em;
    background: #34495e;
    pointer-events: none;
}


/* Transition */

.select:hover::after {
    color: #f39c12;
}

.select::after {
    -webkit-transition: .25s all ease;
    -o-transition: .25s all ease;
    transition: .25s all ease;
}

textarea {
    height: 70px!important;
    min-height: 70px!important;
}

input.ng-pristine.ng-untouched.ng-valid.ng-valid-required.ng-valid-ng-intl-tel-input {
    padding-left: 48px!important;
}

.intl-tel-input .selected-flag {
    position: absolute!important;
}

.arrow {
    position: absolute;
    top: 50%;
    margin-top: -2px;
    right: -5px;
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 4px solid #555;
}

li.country {
    min-height: 0;
}

.flag {
    margin-right: 6px;
    width: 20px;
    display: inline-block;
    vertical-align: middle;
}

span.country-name {
    font-weight: normal;
    font-size: 14px;
    vertical-align: middle;
}

li.country.preferred,
li.divider {
    display: none;
}

.intl-tel-input {
    display: block!important;
    width: 100%;
}

.intl-tel-input .country-list .country .dial-code {
    font-weight: normal!important;
}

input.ng-pristine.ng-valid.ng-valid-required.ng-valid-ng-intl-tel-input.ng-touched,
.intl-tel-input input,
.intl-tel-input input[type=text],
.intl-tel-input input[type=tel] {
    padding-left: 48px!important;
}

.selected-flag:hover,
.flag-dropdown:hover,
.arrow:hover {
    cursor: pointer;
}

.areyousure {
    padding-left: 3px;
    padding-top: 11px;
}

.areyousure p {
    margin-bottom: 0;
}

table p {
    margin-bottom: 0;
}

.clickable {
    cursor: pointer;
}

iframe#searchiframe {
    width: 100%;
    height: auto;
    min-height: 300px;
}

iframe#searchiframe2 {
    width: 100%;
    height: auto;
    min-height: 300px;
}

li#loginbtn,
li#registerbtn {
    padding: 0 5px!important;
}

a.navbar-brand.page-scroll {
    padding: 6px;
}

.block {
    border: 2px solid #3a2411;
}

.block h1 {
    margin: 0;
    color: #fff;
    font-size: 21px;
}

.headingblock {
    background: #3a2411;
    padding: 10px;
}

.bodyblock {
    padding: 10px;
}

.boombestellingblok {
    border: 1px solid #3a2411;
    padding: 5px;
    margin-bottom: 5px;
}

i.glyphicon.glyphicon-remove {
    font-size: 20px;
    line-height: 42px;
    margin-top: 40px;
}

.whitetext {
    color: #fff!important;
    margin: 0;
}

a.permissionbuttons.inactive {
    opacity: 0.5;
}

a.permissionbuttons.active {
    opacity: 1;
    color: #3a2411;
}

a.changeuserbtn {
    font-size: 25px;
    line-height: 40px;
}

button.tabbutton {
    margin-top: 0;
    background: transparent;
    color: #3a2411;
    font-weight: 700;
    text-transform: uppercase;
    border-top-width: 0;
    border-bottom-width: 2px;
}

button.tabbutton.active {
    background: #3a2411;
    color: #fff;
}

button.tabbutton:hover {
    background: #a4b14c;
    color: #fff;
}

.clickable {
    cursor: pointer;
}

iframe {
    width: 100%;
}

.statusblok {
    background: #a4b14c;
    padding: 5px;
    margin-bottom: 5px;
    border-radius: 5px;
}

.statusblok p {
    margin: 0;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
}

#information p {
    display: inline-block;
}

#information span {
    margin-right: 10px;
}

hr {
    border-color: #3a2411;
}

hr.pagebreak {
    border: 2px solid #3a2411;
    margin: 50px 0;
}

hr.line {
    margin-top: 20px;
    width: 100%;
}

hr.smallspaceabove {
    margin-top: 40px;
}

p.smalltext {
    font-size: 12px;
}

.table>thead>tr>th {
    border-bottom: 2px solid #3a2411;
}

#page2iframe {
    min-height: 500px;
    width: 100%;
}

hr {
    border: none;
    border-bottom: 1px solid #3a2411;
}

iframe {
    border: 2px solid #3a2411;
}

.barcontainer {
    width: 100%;
    background-color: #ddd;
}

.barfilledcontainer {
    text-align: right;
    padding: 10px;
    color: white;
}

.showhidepassword {
    height: 50px;
    width: 50px;
}

.showhidepassword input#checkbox {
    position: absolute;
    background: transparent;
}

.showhidepassword label {
    position: absolute;
}

i#showhidepassword,
i#showhideconfirmpassword {
    color: #3a2411;
    font-size: 18px;
    line-height: 38px;
}

button.sendbutton {
    margin-top: 0;
}

a.lightbutton {
    border: 1px solid #a4b14c;
    background-color: #a4b14c;
    color: #fff;
    margin-top: 10px;
    cursor: pointer;
    text-align: center;
    display: block;
    width: 100%;
    min-height: 40px;
    padding: 10px;
    font-weight: 400;
    text-shadow: none;
}

a.lightbutton:hover {
    border: 1px solid #3a2411;
    background-color: #3a2411!important;
    color: #fff;
}

button.lightbutton {
    border: 1px solid #a4b14c;
    background-color: #a4b14c;
}

button.lightbutton:hover {
    border: 1px solid #3a2411;
    background-color: #3a2411!important;
    color: #fff;
}

[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
    display: none !important;
}

.dragdropblock {
    border: 2px dashed #3a2411;
}

.progressblock {
    border: 1px solid #a4b14c;
    height: 30px;
}

.progressblock_filled {
    height: 28px;
    background: #a4b14c;
    width: 0;
    display: inline-block;
}

p.documentname {
    padding: 5px;
    position: absolute;
    font-size: 10px;
}

#yourorderspage .line {
    width: 25%;
}

#yourorderspage .partdisplay.part1display.active .circle {
    background-image: url('../images/onebruin.png');
}

#yourorderspage .partdisplay.part1display.active h1.step {
    color: #3a2411;
}

#yourorderspage .part1display .circle {
    background-image: url('../images/onegroen.png');
}

#yourorderspage .partdisplay.part2display.active .circle {
    background-image: url('../images/twobruin.png');
}

#yourorderspage .partdisplay.part2display.active h1.step {
    color: #3a2411;
}

#yourorderspage .part2display .circle {
    background-image: url('../images/twogroen.png');
}

#yourorderspage .partdisplay.part3display.active .circle {
    background-image: url('../images/threebruin.png');
}

#yourorderspage .partdisplay.part3display.active h1.step {
    color: #3a2411;
}

#yourorderspage .part3display .circle {
    background-image: url('../images/threegroen.png');
}

#yourorderspage .partdisplay.part4display.active .circle {
    background-image: url('../images/fourbruin.png');
}

#yourorderspage .partdisplay.part4display.active h1.step {
    color: #3a2411;
}

#yourorderspage .part4display .circle {
    background-image: url('../images/fourgroen.png');
}

#yourorderspage .partdisplay.part5display.active .circle {
    background-image: url('../images/fivebruin.png');
}

#yourorderspage .partdisplay.part5display.active h1.step {
    color: #3a2411;
}

#yourorderspage .part5display .circle {
    background-image: url('../images/fivegroen.png');
}

#yourorderspage .partdisplay.part6display.active .circle {
    background-image: url('../images/sesbruin.png');
}

#yourorderspage .partdisplay.part6display.active h1.step {
    color: #3a2411;
}

#yourorderspage .part6display .circle {
    background-image: url('../images/sesgroen.png');
}

#yourorderspage .floater {
    cursor: pointer;
}

#yourorderspage h1.step {
    font-size: 18px;
    color: #a4b14c;
    padding: 0 10px;
}

#yourorderspage .line {
    width: 26%;
    height: 2px;
    background-color: #a4b14c;
    margin-top: 40px;
}

.outstanding {
    color: #ab272d!important;
}

.outstanding h1 {
    color: #ab272d!important;
}

.dragdropblock {
    border: 2px dashed #3a2411;
}

#page2 p {
    font-size: 10px!important;
    margin-bottom: 0!important;
}

#page2 h3 {
    font-size: 11px!important;
}

#page2 h1 {
    font-size: 21px!important;
}

a.documentvaultpage {
    font-size: 21px;
}

#error p {
    color: #ab272d;
    font-weight: 700;
}

#error {
    display: none;
}

.infoblock {
    background-color: rgba(57, 36, 20, 0.5);
    color: #fff;
    border-radius: 10px;
}

.selectioninfoblock {
    background-color: #a4b14c;
    color: #fff;
    border-radius: 10px;
    padding: 15px 0;
}

.selectioninfoblock h4 {
    color: #fff;
}

.selectioninfoblock p {
    margin: 0;
}

.checkboxp {
    display: inline-block;
}

.tablerow {
    padding: 5px 0;
    border-top: 1px solid #e5e5e5;
    cursor: pointer;
}

div.table p {
    font-size: 13px;
    margin: 0;
}

.lightbordertop {
    border-top: 1px solid #efefef;
}

.infoblock.SUCCEEDED {
    background-color: #a4b14c;
}

.infoblock.FAILED {
    background-color: #ab272d;
}

.infoblock.RUNNING {
    background-color: #262626;
}

.biggerglyphicon i {
    font-size: 21px;
}

#contactnumber {
    position: absolute;
    padding: 10px 10px 10px 100px;
}

#popup {
    background-color: rgba(0, 0, 0, 0.8);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 100000000000;
    display: none;
}

.popupblock {
    width: 500px;
    height: 500px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
}

.cancelorderbutton {
    float: right;
    color: #ab272d;
    font-size: 13px;
}

.cancelorderbutton i.glyphicon.glyphicon-remove {
    margin: 0 5px 0 0!important;
    line-height: 20px;
    font-size: 13px;
}


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

@media (max-width: 991px) {
    .navbar {
        padding: 0;
    }
    .navbar-header {
        float: none;
    }
    .navbar-left,
    .navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
    }
    .navbar-nav>li {
        float: none;
    }
    .nav>li>a.navicons {
        padding-bottom: 10px!important;
    }
    .navicons img {
        display: initial!important;
    }
    .collapse.in {
        display: block !important;
        border-top: 1px solid #000;
    }
    .collapsing {
        border-top: 1px solid #000;
    }
    .navbar-fixed-top .navbar-collapse {
        max-height: none!important;
    }
    .carttext {
        left: 44%!important;
    }
    .topimage {
        height: 200px;
    }
    .circle {
        background-size: 40px;
        width: 40px;
        height: 40px;
    }
    .line {
        margin-top: 20px;
    }
}

@media (max-width: 768px) {
    .navbar-brand {
        font-weight: 800;
        font-size: 17px;
    }
    .borderside {
        border: none!important;
    }
    .partdisplay {
        width: auto;
    }
    #editadddetailspage .topimage {
        background: #fff;
    }
    .pageheading {
        font-size: 32px;
        padding-top: 10px;
    }
    .container {
        padding-top: 25px;
    }
    .collapse {
        display: none;
    }
    .partdisplay {
        width: 100%!important;
        min-height: 50px;
    }
    .floater h1.step {
        font-size: 14px;
        /*color: #3a2411;*/
    }
    .floater .active h1.step {
        font-size: 14px;
        text-shadow: 0px 0px 8px #000;
    }
    h1 {
        font-size: 24px;
    }
    h2 {
        padding-bottom: 10px;
        font-size: 26px;
    }
    p {
        font-size: 13px;
    }
    .topimage {
        height: 60px;
        margin-top: 56px;
    }
    img.profileimage {
        height: 30px;
        margin-top: 7px;
    }
    h1.profiletext {
        text-align: left;
    }
    .spaceabove {
        padding-top: 15px!important;
    }
    .spaceunder {
        padding-bottom: 15px!important;
    }
    .count {
        height: 20px;
        width: 20px;
        top: 0%;
        left: 80%;
    }
    .count h3 {
        font-size: 12px;
    }
    .circle {
        background-size: 40px;
        width: 40px;
        height: 40px;
    }
    .topimage .container {
        padding: 0;
    }
    #createrftpage .topimage {
        height: 80px;
    }
    .longheading {
        height: 100px!important;
    }
    .longheading h1 {
        padding-top: 15px;
    }
    #yourorderspage h1.step {
        font-size: 12px;
    }
}

@media(max-width:480px) {
    .breadcrumbs {
        height: 55px;
    }
    .arrows {
        font-size: 20px;
    }
    a.editicon {
        margin-left: 10px!important;
    }
    .floater h1.step {
        font-size: 10px;
    }
    .floater .active h1.step {
        font-size: 10px;
    }
    .topimage {
        height: 60px;
    }
}

@media only screen and (min-width: 1200px) {
    .productimage {
        min-height: 170px!important;
    }
}

@media print {
    #page1 .col-sm-6 {
        width: 50%;
    }
    #page1 p {
        margin-bottom: 0;
    }
    #page1 .table>tbody>tr>td,
    .table>tbody>tr>th,
    .table>tfoot>tr>td,
    .table>tfoot>tr>th,
    .table>thead>tr>td,
    .table>thead>tr>th {
        padding: 8px;
        line-height: 1.42857143;
        vertical-align: top;
        border-top: 1px solid #ddd;
    }
    #page1 .table>tbody>tr>td {
        padding: 5px;
    }
}