#eos-busy {
    position: fixed;
    width: 300px;
    height: auto;
    z-index: 9999999;
    top: 50%;
    left: 50%;
    margin-top: -150px;
    margin-left: -150px;
    background-color: #fff;
    border: 2px solid #fff;
    box-shadow: 0px 40px 200px #000;
}

#eos-busy label{
    width: 300px;
    display: inline-block;
    text-align: center;
    background-color: #005fa8;
    color: #fff;
    border: 2px solid #fff;
    padding: 12px;
    margin-left: -2px;
}

#eos-busy img {
    width:100%;
}


.mod-warning-mask {
    display: inline-block;
    position: fixed;
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0,0.75);
    z-index: 1000;
}

.mod-warning-wrapper {
    z-index:1001;
}


.mod-warning-warning {
    margin: 5% auto;
    width: 350px;
    padding: 25px;
    top: 10%;
    left: 0px;
    right:0px;
    color:#fff;
    background-color: #B73D3D;
    background-size: cover;
}

.mod-warning-warning-preview {
    position: relative;
}

.mod-warning-warning-preview .close {
    position: absolute;
    right: 0px;
    top: 0px;
    border-radius: 0px;
    border-left: 1px solid;
    border-bottom: 1px solid;
}

.mod-warning-warning .close {
    position: absolute;
    right: 0px;
    top: 0px;
    border-radius: 0px;
    border-left: 1px solid;
    border-bottom: 1px solid;
}

/****ALIGNMENTS*******/

.layout-cell.left,
.layout-cell .layout-component.left,
.layout-component.left img {
    text-align:left;
    margin-right:auto;
    margin-left:0px;
}

.layout-cell.right,
.layout-cell .layout-component.right,
.layout-component.right img {
    text-align:right;
    margin-right: 0px;
    margin-left:auto;
}


.layout-cell.center,
.layout-cell .layout-component.center,
.layout-component.center img {
    text-align:center;
    margin-left:auto;
    margin-right:auto;
}

.layout-cell .layout-component.left, .layout-cell .layout-component.left *,
.layout-cell .layout-component .left, .layout-cell .layout-component .left * {
    text-align:left;
}

.layout-cell .layout-component.right, .layout-cell .layout-component.right *,
.layout-cell .layout-component .right, .layout-cell .layout-component .right * {
    text-align:right;
}

.layout-cell .layout-component.center, .layout-cell .layout-component.center *,
.layout-cell .layout-component .center, .layout-cell .layout-component .center * {
    text-align:center;
}


.layout-cell.right .layout-component.left, .layout-cell.right .layout-component.left *,
.layout-cell.right .layout-component .left, .layout-cell.right .layout-component .left * {
    text-align:left;
}

/***********COL CLASSES*****************/

/****LAYOUT*****/

body .ui-dialog .col2, body .ui-dialog .col3, body .ui-dialog .col4, body .ui-dialog .col5, body .ui-dialog .col6, body .ui-dialog .col7,
body .ui-dialog .col8, body .ui-dialog .col9, body .ui-dialog .col10, body .ui-dialog .col11, body .ui-dialog .col12, body .ui-dialog .col13, body .ui-dialog .col14,
body .ui-dialog .col15, body .ui-dialog .col16, body .ui-dialog .col23, body .ui-dialog .col24, body .ui-dialog .col34, body .ui-dialog .col25,
body .ui-dialog .col35, body .ui-dialog .col45, body .ui-dialog .res2, body .ui-dialog .res3, body .ui-dialog .res4, body .ui-dialog .res5, body .ui-dialog .res6 {
    display:inline-block;
    margin-right:1%;
}


body .layout-row,
body .layout-cell,
body .layout-component,
body .layout .col2, body .layout .col3, body .layout .col4, body .layout .col5, body .layout .col6, body .layout .col7,
body .layout .col8, body .layout .col9, body .layout .col10, body .layout .col11, body .layout .col12, body .layout .col13, body .layout .col14,
body .layout .col15, body .layout .col16, body .layout .col23, body .layout .col24, body .layout .col34, body .layout .col25,
body .layout .col35, body .layout .col45, body .layout .res2, body .layout .res3, body .layout .res4, body .layout .res5, body .layout .res6 {
    display:inline-block;
    margin-right:1%;
}

.layout .layout-cell, .layout .layout-component, .layout .eg-cell {
    margin-right: 1% !important;
}

body .layout-row {
    clear:both;
}

body .iend, body .layout .col1, body .layout .iend, body .layout .col2:last-child {
    margin-right:0px !important;
}

body .layout .empty {
    display:none;
}
body .layout .empty.display {
    display:initial !important;
}

.col1  {
    width:100%;
}

.auto {
    width: auto;
    display: inline-block;
}

.col2, .col612  {
    width: 49.5%;
}

.col3, .col412 {
    width:32.66%;
}
.col23, .col812 {
    width:66.33%;
}
.col4, .col312  {
    width: 24.25%;
}
.col34, .tight34 {
    width: 74.75%;
}

.col5  {
    width: 19.2%;
}
.col25 {
    width: 39.4%;
}
.col35 {
    width: 59.6%;
}
.col45 {
    width: 79.8%;
}

.col6, .col212 {
    width: 15.83%;
}
.col56, .col1012 {
    width: 83.16%;
}

.col7  {
    width: 13.42%;
}
.col27  {
    width: 27.85%;
}
.col37  {
    width: 42.28%;
}
.col47  {
    width: 56.71%;
}
.col57  {
    width: 71.14%;
    ;
}
.col67 {
    width: 85.57%;
}

.col8  {
    width: 11.62%;
}
.col28 {
    width: 24.25%;
}
.col38 {
    width: 36.87%;
}
.col48 {
    width: 49.5%;
}
.col58 {
    width: 62.12%;
}
.col68, .col912 {
    width: 74.75%;
}
.col78 {
    width: 87.37%;
}

.col9  {
    width: 10.22%;
}
.col29 {
    width: 21.44%;
}
.col39 {
    width: 32.66%;
}
.col49 {
    width: 43.88%;
}
.col59 {
    width: 55.11%;
}
.col69 {
    width: 66.33%;
}
.col79 {
    width: 77.55%;
}
.col89 {
    width: 88.77%;
}
.col90 {
    width: 88.77%;
}

.col10 {
    width: 9.1%;
}
.col11 {
    width: 8.181%;
}


.col512 {
    width: 41.08%;
}
.col712 {
    width: 57.91%;
}
.col1112 {
    width: 91.58%;
}
.col12 {
    width: 7.416%;
}

.col13 {
    width:6.769%;
}
.col14 {
    width:6.214%;
}
.col15 {
    width:5.733%;
}
.col16 {
    width:5.3125%;
}

.col216 {
    width: 11.625%;
}
.col316 {
    width: 17.9375%;
}
.col416 {
    width: 24.25%;
}
.col516 {
    width:30.5625%;
}
.col616 {
    width:36.875%;
}
.col716 {
    width:43.1875%;
}
.col816 {
    width:49.5%;
}
.col916 {
    width:55.8125%;
}
.col1016 {
    width:62.125%;
}
.col1116 {
    width:68.4375%;
}
.col1216 {
    width:74.75%;
}
.col1316 {
    width:81.0625%
}
.col1416 {
    width:87.375%;
}
.col1516 {
    width:93.6875%;
}

.min-col10 {
    min-width: 10%;
}

.res2 {
    width: 49.5%;
}
.res2:nth-child(2n+2) {
    margin-right:0px !important;
}

.res3  {
    width:32.66%;
}
.res3:nth-child(3n+3) {
    margin-right:0px !important;
}

.res4  {
    width: 24.25%;
}
.res4:nth-child(4n+4) {
    margin-right:0px !important;
}

.res5  {
    width: 19.2%;
}
.res5:nth-child(5n+5) {
    margin-right:0px !important;
}

.res6  {
    width: 15.83%;
}
.res6:nth-child(6n+6) {
    margin-right:0px !important;
}

/****MARGINS*****/

.margin-top-xs {
    margin-top:4px;
}
.margin-bottom-xs {
    margin-bottom:4px;
}

.margin-top-small {
    margin-top:8px;
}
.margin-bottom-small {
    margin-bottom:8px;
}

.margin-top-medium {
    margin-top:12px;
}
.margin-bottom-medium {
    margin-bottom:12px;
}

.margin-top-large {
    margin-top:24px;
}
.margin-bottom-large {
    margin-bottom:24px;
}

.margin-top-xl {
    margin-top:50px;
}
.margin-bottom-xl {
    margin-bottom:50px;
}



/****OTHER DEFAULTS*****/

body > .layout > .layout-cell {
    margin:0px auto;
}

.layout .layout-cell, .layout .layout-component,
.product, .mini, .button, .horizontal > li, .layout .inline-block, .eg-cell {
    display:inline-block;
}

.layout .col1 {
    display:block;
}

.mini, .layout, .layout-component, .layout-cell, .product img {
    position:relative;
}

.layout-cell, .layout-component, .mini, .product {
    vertical-align:top;
}

.visible {
    visibility:visible!important;
    display:block;
}

.hidden, .hide, script, .script {
    visibility:hidden !important;
    display:none !important;
}

.optional-hidden {
    display:none;
}



/*********FRONT END EDITING*************/

.ui-dialog.ui-draggable .ui-dialog-titlebar {
    width: 100%;
}

.ui-dialog.no-title-bar .ui-dialog-titlebar {
    display:none;
}

.ui-dialog-content h2.page-title {
    background-color: #333;
    color: #fff;
    font-size: 26px;
    line-height: 46px;
    margin:0px !important;
}

.ui-dialog-content .collations {
    padding: 12px;
    border: 1px solid #ccc;
    background-color: #efefef;
}

.eos-list.fe-edit .quick-search {
    display: inline-block;
    width: 600px;
    border-top: 4px solid #ccc;
    border-radius: 0px;
    padding: 8px 12px;
    border-bottom: 4px solid #ccc;
    margin-right: 12px;
}

.eos-list.fe-edit .quick-search h3 {
    display: inline-block;
    font-size: 26px;
    height: 40px;
    line-height: 40px;
    margin-right: 12px;
}

.eos-list.fe-edit .quick-search .list-search {
    display:inline-block;
}

.eos-list.fe-edit .quick-search .list-search .search-input {
    margin: 0px;
    min-width: 300px;
}

.eos-list.fe-edit .quick-search .list-search .search-button {
    vertical-align: top;
}

.eos-list.fe-edit .quick-search .list-search .button {
    height: 40px;
    width: 40px;
    text-align: center !important;
    padding: 0px !important;
    vertical-align: top;
    line-height: 40px;
    font-size: 0px;
    background-image: url(/userfiles/images/searchicon.png);
    background-size: 20px;
    background-position: center;
    border-radius: 0px 4px 4px 0px !important;
    border-left: 0px;
    border-color: #8c8c8c;
}

.eos-list.fe-edit .new-entry {
    height: 60px;
    vertical-align: top;
    line-height: 50px;
    background-image: url(/images/add.png);
    background-size: 26px;
    background-position: 12px center;
    padding-left: 50px;
    font-size: 18px;
}


.eos-list.fe-edit .result-count-indicator {
    display: inline-block;
    background-color: #333;
    width: 100%;
    color: #fff;
    font-size: 10px;
    vertical-align: top;
    padding: 0px;
    position: absolute;
    left: 0px;
    top: 36px;
    line-height:18px;
}


.eos-list.fe-edit .eos-list-output {
    background-color:#fff;
}

.eos-list.fe-edit .eos-list-output .col-type-image img {
    max-height:50px;
}

.inline-block {
    display: inline-block !important
}

.searchable-select .options {
    border: 1px solid #ccc;
    padding: 12px;
    max-height: 150px;
    margin-bottom:12px;
    overflow-y: auto;
}

div.searchable-select .option {
    padding: 4px 0px;
    border-bottom: 1px solid #ccc;
    font-size: 14px;
    cursor: pointer;
}

body.ee-image-zoomed > .layout {
    opacity:0.4;
}

div.ee-zoomed {
    position:fixed;
    z-index:999999999;
    height: 100vh;
    background-color: #fff;
    border:2px solid #ccc;
    overflow:hidden;
}

div.ee-zoomed, div.ee-zoomed img {
    max-width:100%;
}

/********SIMPLE-TABLE**********/

.simple-table {
    display: table !important;
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 24px;
    text-align: left;
}

.simple-table .simple-table-headings {
    display:table-row !important;
    width:100%;
    background-color: #333333;
}

.simple-table .simple-table-headings > div{
    color:#fff;
    padding:8px;
    display:table-cell !important;
    border:1px solid #ccc;
}

.simple-table .simple-table-body {
    width: 100%;
    display: table-row-group !important;
}

.simple-table .simple-table-row {
    display:table-row !important;
    width:100%;
}
.simple-table .simple-table-row:nth-child(even) {
    background-color:#eee;
}

.simple-table .simple-table-row > div {
    display:table-cell !important;
    border:1px solid #ccc;
    padding: 4px 8px;
    vertical-align: middle;
}

.simple-table div.center {
    text-align:center;
}

.required-missing > input {
    border:1px solid red !important;
}

body.modal-masked > .layout {
    opacity:0.5;
}

.modal-mask {
    left: 0px;
    position: fixed;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: rgb(25, 31, 38);
    z-index: 100;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.5;
    /*background-size:300px;*/
}

textarea.auto-grow {
    display:block;
    overflow:auto;

    font-size: 14px;
    margin: 50px auto;
    border-radius: 6px;
    box-shadow: 2px 2px 8px rgba(black, .3);
    border: 0;
    min-height: initial;
    height: initial;
    line-height: initial;
    max-height: 100%;

    &:focus{
        border: none;
        outline: none;
        background-color: initial;
    }
}

.mod-warning-warning.default {
    border-style: solid;
    border-color: black;
    border-width: 1px;
    border-radius: 5px;
}


/********FORMS**********/


.confirm.complete, .entered.complete {
    border: 1px solid green;
    background-image: url("/images/forms/accept.png");
    background-repeat: no-repeat;
    background-position: 99% center;
}

.confirm.error, .entered.error, .entered.error.complete {
    border:1px solid red;
    background-image: url("/images/forms/warning.png");
    background-repeat: no-repeat;
    background-position: 99% center;
}

.validate-error {
    display: inline-block;
    width: 100%;
    background-color: #c43445;
    color: #fff;
    padding: 12px;
    margin-bottom: 12px;
    border: 1px solid #ff6174;
}


/********ALTCHA********/

altcha-widget {
    margin: 0px auto 12px !important;
    display: inline-block;
}

altcha-widget > .altcha {
}
altcha-widget * {
    color:#fff !important;
}
.altcha-footer, .altcha-logo {
    opacity:1 !important;
}

altcha-widget .altcha {
    border-width: 1px;
    border-radius: 3px;
    color: #fff !important;
    background-color: #333 !important;
    display:inline-block;
}

altcha-widget .altcha-label label {
    color: #fff !important;
}

altcha-widget .altcha-footer {
    background-color: #333 !important;
    color: #fff !important;
}

altcha-widget .altcha-footer label {
    color: #fff !important;
}


div.eos-radio input:checked ~ .eos-radio-toggle {
    left:50%;
}

div.eos-radio .eos-radio-toggle {
    display: block;
    width: 50%;
    height: 100%;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    border-radius: 50px;
    transition: all .4s ease;
    background-color: #000;

}

div.eos-radio label {
    display: flex;
    margin: 0;
    cursor: pointer;
    z-index: 1;
}

div.eos-radio .eos-radio-off, div.eos-radio .eos-radio-on {
    flex: 1;
    flex-basis: 50%;
    width: 50%;
    min-width: 40px;
    text-align: center;
    padding: 0 6px;
    white-space: nowrap;
    color:#fff;
}

div.eos-radio {
    background-color: #2F2F5F !important;
    border-color: #2F2F5F !important;
    border-radius: 50px;
    border: 4px solid #fff;
    position:relative;
}

div.eos-radio {

}

@media screen and (max-width:1000px) {
    .ui-dialog.ui-draggable {
        min-width: 100% !important;
        max-width: 100% !important;
    }
}

.clickable {
    cursor:pointer;
}

 /* Begin Combined CSS */
/* Begin critical CSS */

#eos-busy {
    position: fixed;
    width: 300px;
    height: auto;
    z-index: 9999999;
    top: 50%;
    left: 50%;
    margin-top: -150px;
    margin-left: -150px;
    background-color: #fff;
    border: 2px solid #fff;
    box-shadow: 0px 40px 200px #000;
}

#eos-busy label{
    width: 300px;
    display: inline-block;
    text-align: center;
    background-color: #005fa8;
    color: #fff;
    border: 2px solid #fff;
    padding: 12px;
    margin-left: -2px;
}

#eos-busy img {
    width:100%;
}


.mod-warning-mask {
    display: inline-block;
    position: fixed;
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0,0.75);
    z-index: 1000;
}

.mod-warning-wrapper {
    z-index:1001;
}


.mod-warning-warning {
    margin: 5% auto;
    width: 350px;
    padding: 25px;
    top: 10%;
    left: 0px;
    right:0px;
    color:#fff;
    background-color: #B73D3D;
    background-size: cover;
}

.mod-warning-warning-preview {
    position: relative;
}

.mod-warning-warning-preview .close {
    position: absolute;
    right: 0px;
    top: 0px;
    border-radius: 0px;
    border-left: 1px solid;
    border-bottom: 1px solid;
}

.mod-warning-warning .close {
    position: absolute;
    right: 0px;
    top: 0px;
    border-radius: 0px;
    border-left: 1px solid;
    border-bottom: 1px solid;
}

/****ALIGNMENTS*******/

.layout-cell.left,
.layout-cell .layout-component.left,
.layout-component.left img {
    text-align:left;
    margin-right:auto;
    margin-left:0px;
}

.layout-cell.right,
.layout-cell .layout-component.right,
.layout-component.right img {
    text-align:right;
    margin-right: 0px;
    margin-left:auto;
}


.layout-cell.center,
.layout-cell .layout-component.center,
.layout-component.center img {
    text-align:center;
    margin-left:auto;
    margin-right:auto;
}

.layout-cell .layout-component.left, .layout-cell .layout-component.left *,
.layout-cell .layout-component .left, .layout-cell .layout-component .left * {
    text-align:left;
}

.layout-cell .layout-component.right, .layout-cell .layout-component.right *,
.layout-cell .layout-component .right, .layout-cell .layout-component .right * {
    text-align:right;
}

.layout-cell .layout-component.center, .layout-cell .layout-component.center *,
.layout-cell .layout-component .center, .layout-cell .layout-component .center * {
    text-align:center;
}


.layout-cell.right .layout-component.left, .layout-cell.right .layout-component.left *,
.layout-cell.right .layout-component .left, .layout-cell.right .layout-component .left * {
    text-align:left;
}

/***********COL CLASSES*****************/

/****LAYOUT*****/

body .ui-dialog .col2, body .ui-dialog .col3, body .ui-dialog .col4, body .ui-dialog .col5, body .ui-dialog .col6, body .ui-dialog .col7,
body .ui-dialog .col8, body .ui-dialog .col9, body .ui-dialog .col10, body .ui-dialog .col11, body .ui-dialog .col12, body .ui-dialog .col13, body .ui-dialog .col14,
body .ui-dialog .col15, body .ui-dialog .col16, body .ui-dialog .col23, body .ui-dialog .col24, body .ui-dialog .col34, body .ui-dialog .col25,
body .ui-dialog .col35, body .ui-dialog .col45, body .ui-dialog .res2, body .ui-dialog .res3, body .ui-dialog .res4, body .ui-dialog .res5, body .ui-dialog .res6 {
    display:inline-block;
    margin-right:1%;
}


body .layout-row,
body .layout-cell,
body .layout-component,
body .layout .col2, body .layout .col3, body .layout .col4, body .layout .col5, body .layout .col6, body .layout .col7,
body .layout .col8, body .layout .col9, body .layout .col10, body .layout .col11, body .layout .col12, body .layout .col13, body .layout .col14,
body .layout .col15, body .layout .col16, body .layout .col23, body .layout .col24, body .layout .col34, body .layout .col25,
body .layout .col35, body .layout .col45, body .layout .res2, body .layout .res3, body .layout .res4, body .layout .res5, body .layout .res6 {
    display:inline-block;
    margin-right:1%;
}

.layout .layout-cell, .layout .layout-component, .layout .eg-cell {
    margin-right: 1% !important;
}

body .layout-row {
    clear:both;
}

body .iend, body .layout .col1, body .layout .iend, body .layout .col2:last-child {
    margin-right:0px !important;
}

body .layout .empty {
    display:none;
}
body .layout .empty.display {
    display:initial !important;
}

.col1  {
    width:100%;
}

.auto {
    width: auto;
    display: inline-block;
}

.col2, .col612  {
    width: 49.5%;
}

.col3, .col412 {
    width:32.66%;
}
.col23, .col812 {
    width:66.33%;
}
.col4, .col312  {
    width: 24.25%;
}
.col34, .tight34 {
    width: 74.75%;
}

.col5  {
    width: 19.2%;
}
.col25 {
    width: 39.4%;
}
.col35 {
    width: 59.6%;
}
.col45 {
    width: 79.8%;
}

.col6, .col212 {
    width: 15.83%;
}
.col56, .col1012 {
    width: 83.16%;
}

.col7  {
    width: 13.42%;
}
.col27  {
    width: 27.85%;
}
.col37  {
    width: 42.28%;
}
.col47  {
    width: 56.71%;
}
.col57  {
    width: 71.14%;
    ;
}
.col67 {
    width: 85.57%;
}

.col8  {
    width: 11.62%;
}
.col28 {
    width: 24.25%;
}
.col38 {
    width: 36.87%;
}
.col48 {
    width: 49.5%;
}
.col58 {
    width: 62.12%;
}
.col68, .col912 {
    width: 74.75%;
}
.col78 {
    width: 87.37%;
}

.col9  {
    width: 10.22%;
}
.col29 {
    width: 21.44%;
}
.col39 {
    width: 32.66%;
}
.col49 {
    width: 43.88%;
}
.col59 {
    width: 55.11%;
}
.col69 {
    width: 66.33%;
}
.col79 {
    width: 77.55%;
}
.col89 {
    width: 88.77%;
}
.col90 {
    width: 88.77%;
}

.col10 {
    width: 9.1%;
}
.col11 {
    width: 8.181%;
}


.col512 {
    width: 41.08%;
}
.col712 {
    width: 57.91%;
}
.col1112 {
    width: 91.58%;
}
.col12 {
    width: 7.416%;
}

.col13 {
    width:6.769%;
}
.col14 {
    width:6.214%;
}
.col15 {
    width:5.733%;
}
.col16 {
    width:5.3125%;
}

.col216 {
    width: 11.625%;
}
.col316 {
    width: 17.9375%;
}
.col416 {
    width: 24.25%;
}
.col516 {
    width:30.5625%;
}
.col616 {
    width:36.875%;
}
.col716 {
    width:43.1875%;
}
.col816 {
    width:49.5%;
}
.col916 {
    width:55.8125%;
}
.col1016 {
    width:62.125%;
}
.col1116 {
    width:68.4375%;
}
.col1216 {
    width:74.75%;
}
.col1316 {
    width:81.0625%
}
.col1416 {
    width:87.375%;
}
.col1516 {
    width:93.6875%;
}

.min-col10 {
    min-width: 10%;
}

.res2 {
    width: 49.5%;
}
.res2:nth-child(2n+2) {
    margin-right:0px !important;
}

.res3  {
    width:32.66%;
}
.res3:nth-child(3n+3) {
    margin-right:0px !important;
}

.res4  {
    width: 24.25%;
}
.res4:nth-child(4n+4) {
    margin-right:0px !important;
}

.res5  {
    width: 19.2%;
}
.res5:nth-child(5n+5) {
    margin-right:0px !important;
}

.res6  {
    width: 15.83%;
}
.res6:nth-child(6n+6) {
    margin-right:0px !important;
}

/****MARGINS*****/

.margin-top-xs {
    margin-top:4px;
}
.margin-bottom-xs {
    margin-bottom:4px;
}

.margin-top-small {
    margin-top:8px;
}
.margin-bottom-small {
    margin-bottom:8px;
}

.margin-top-medium {
    margin-top:12px;
}
.margin-bottom-medium {
    margin-bottom:12px;
}

.margin-top-large {
    margin-top:24px;
}
.margin-bottom-large {
    margin-bottom:24px;
}

.margin-top-xl {
    margin-top:50px;
}
.margin-bottom-xl {
    margin-bottom:50px;
}



/****OTHER DEFAULTS*****/

body > .layout > .layout-cell {
    margin:0px auto;
}

.layout .layout-cell, .layout .layout-component,
.product, .mini, .button, .horizontal > li, .layout .inline-block, .eg-cell {
    display:inline-block;
}

.layout .col1 {
    display:block;
}

.mini, .layout, .layout-component, .layout-cell, .product img {
    position:relative;
}

.layout-cell, .layout-component, .mini, .product {
    vertical-align:top;
}

.visible {
    visibility:visible!important;
    display:block;
}

.hidden, .hide, script, .script {
    visibility:hidden !important;
    display:none !important;
}

.optional-hidden {
    display:none;
}



/*********FRONT END EDITING*************/

.ui-dialog.ui-draggable .ui-dialog-titlebar {
    width: 100%;
}

.ui-dialog.no-title-bar .ui-dialog-titlebar {
    display:none;
}

.ui-dialog-content h2.page-title {
    background-color: #333;
    color: #fff;
    font-size: 26px;
    line-height: 46px;
    margin:0px !important;
}

.ui-dialog-content .collations {
    padding: 12px;
    border: 1px solid #ccc;
    background-color: #efefef;
}

.eos-list.fe-edit .quick-search {
    display: inline-block;
    width: 600px;
    border-top: 4px solid #ccc;
    border-radius: 0px;
    padding: 8px 12px;
    border-bottom: 4px solid #ccc;
    margin-right: 12px;
}

.eos-list.fe-edit .quick-search h3 {
    display: inline-block;
    font-size: 26px;
    height: 40px;
    line-height: 40px;
    margin-right: 12px;
}

.eos-list.fe-edit .quick-search .list-search {
    display:inline-block;
}

.eos-list.fe-edit .quick-search .list-search .search-input {
    margin: 0px;
    min-width: 300px;
}

.eos-list.fe-edit .quick-search .list-search .search-button {
    vertical-align: top;
}

.eos-list.fe-edit .quick-search .list-search .button {
    height: 40px;
    width: 40px;
    text-align: center !important;
    padding: 0px !important;
    vertical-align: top;
    line-height: 40px;
    font-size: 0px;
    background-image: url(/userfiles/images/searchicon.png);
    background-size: 20px;
    background-position: center;
    border-radius: 0px 4px 4px 0px !important;
    border-left: 0px;
    border-color: #8c8c8c;
}

.eos-list.fe-edit .new-entry {
    height: 60px;
    vertical-align: top;
    line-height: 50px;
    background-image: url(/images/add.png);
    background-size: 26px;
    background-position: 12px center;
    padding-left: 50px;
    font-size: 18px;
}


.eos-list.fe-edit .result-count-indicator {
    display: inline-block;
    background-color: #333;
    width: 100%;
    color: #fff;
    font-size: 10px;
    vertical-align: top;
    padding: 0px;
    position: absolute;
    left: 0px;
    top: 36px;
    line-height:18px;
}


.eos-list.fe-edit .eos-list-output {
    background-color:#fff;
}

.eos-list.fe-edit .eos-list-output .col-type-image img {
    max-height:50px;
}

.inline-block {
    display: inline-block !important
}

.searchable-select .options {
    border: 1px solid #ccc;
    padding: 12px;
    max-height: 150px;
    margin-bottom:12px;
    overflow-y: auto;
}

div.searchable-select .option {
    padding: 4px 0px;
    border-bottom: 1px solid #ccc;
    font-size: 14px;
    cursor: pointer;
}

body.ee-image-zoomed > .layout {
    opacity:0.4;
}

div.ee-zoomed {
    position:fixed;
    z-index:999999999;
    height: 100vh;
    background-color: #fff;
    border:2px solid #ccc;
    overflow:hidden;
}

div.ee-zoomed, div.ee-zoomed img {
    max-width:100%;
}

/********SIMPLE-TABLE**********/

.simple-table {
    display: table !important;
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 24px;
    text-align: left;
}

.simple-table .simple-table-headings {
    display:table-row !important;
    width:100%;
    background-color: #333333;
}

.simple-table .simple-table-headings > div{
    color:#fff;
    padding:8px;
    display:table-cell !important;
    border:1px solid #ccc;
}

.simple-table .simple-table-body {
    width: 100%;
    display: table-row-group !important;
}

.simple-table .simple-table-row {
    display:table-row !important;
    width:100%;
}
.simple-table .simple-table-row:nth-child(even) {
    background-color:#eee;
}

.simple-table .simple-table-row > div {
    display:table-cell !important;
    border:1px solid #ccc;
    padding: 4px 8px;
    vertical-align: middle;
}

.simple-table div.center {
    text-align:center;
}

.required-missing > input {
    border:1px solid red !important;
}

body.modal-masked > .layout {
    opacity:0.5;
}

.modal-mask {
    left: 0px;
    position: fixed;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: rgb(25, 31, 38);
    z-index: 100;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.5;
    /*background-size:300px;*/
}

textarea.auto-grow {
    display:block;
    overflow:auto;

    font-size: 14px;
    margin: 50px auto;
    border-radius: 6px;
    box-shadow: 2px 2px 8px rgba(black, .3);
    border: 0;
    min-height: initial;
    height: initial;
    line-height: initial;
    max-height: 100%;

    &:focus{
        border: none;
        outline: none;
        background-color: initial;
    }
}

.mod-warning-warning.default {
    border-style: solid;
    border-color: black;
    border-width: 1px;
    border-radius: 5px;
}


/********FORMS**********/


.confirm.complete, .entered.complete {
    border: 1px solid green;
    background-image: url("/images/forms/accept.png");
    background-repeat: no-repeat;
    background-position: 99% center;
}

.confirm.error, .entered.error, .entered.error.complete {
    border:1px solid red;
    background-image: url("/images/forms/warning.png");
    background-repeat: no-repeat;
    background-position: 99% center;
}

.validate-error {
    display: inline-block;
    width: 100%;
    background-color: #c43445;
    color: #fff;
    padding: 12px;
    margin-bottom: 12px;
    border: 1px solid #ff6174;
}


/********ALTCHA********/

altcha-widget {
    margin: 0px auto 12px !important;
    display: inline-block;
}

altcha-widget > .altcha {
}
altcha-widget * {
    color:#fff !important;
}
.altcha-footer, .altcha-logo {
    opacity:1 !important;
}

altcha-widget .altcha {
    border-width: 1px;
    border-radius: 3px;
    color: #fff !important;
    background-color: #333 !important;
    display:inline-block;
}

altcha-widget .altcha-label label {
    color: #fff !important;
}

altcha-widget .altcha-footer {
    background-color: #333 !important;
    color: #fff !important;
}

altcha-widget .altcha-footer label {
    color: #fff !important;
}


div.eos-radio input:checked ~ .eos-radio-toggle {
    left:50%;
}

div.eos-radio .eos-radio-toggle {
    display: block;
    width: 50%;
    height: 100%;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    border-radius: 50px;
    transition: all .4s ease;
    background-color: #000;

}

div.eos-radio label {
    display: flex;
    margin: 0;
    cursor: pointer;
    z-index: 1;
}

div.eos-radio .eos-radio-off, div.eos-radio .eos-radio-on {
    flex: 1;
    flex-basis: 50%;
    width: 50%;
    min-width: 40px;
    text-align: center;
    padding: 0 6px;
    white-space: nowrap;
    color:#fff;
}

div.eos-radio {
    background-color: #2F2F5F !important;
    border-color: #2F2F5F !important;
    border-radius: 50px;
    border: 4px solid #fff;
    position:relative;
}

div.eos-radio {

}

@media screen and (max-width:1000px) {
    .ui-dialog.ui-draggable {
        min-width: 100% !important;
        max-width: 100% !important;
    }
}

.clickable {
    cursor:pointer;
}
 /** Begin CSS Section: defaults */

 /* Begin CSS Part: Base */

 /* Begin CSS Part: Layout */

 /* Begin CSS Part: Desktop Defaults */

 /* Begin CSS Part: Tablet Defaults */

 /* Begin CSS Part: Mobile Defaults */

 /** Begin CSS Section: core */

 /* Begin CSS Part: DISABILITY */

 /* Begin CSS Part: Fonts */

 /* Begin CSS Part: Buttons */

 /* Begin CSS Part: Colours */

 /* Begin CSS Part: Menus */

 /* Begin CSS Part: Responsive Menu */

 /* Begin CSS Part: Editor Overrides */

 /* Begin CSS Part: Specials */

 /* Begin CSS Part: Effects */

 /* Begin CSS Part: Site Design */

 /* Begin CSS Part: User Design */

 /* Begin CSS Part: Site Components */

 /* Begin CSS Part: Results */

 /* Begin CSS Part: Pages */

 /** Begin CSS Section: modules */

 /* Begin CSS Part: 404 */

 /* Begin CSS Part: Admin */

 /* Begin CSS Part: Auth */

 /* Begin CSS Part: Auto Pdf */

 /* Begin CSS Part: Basket */

 /* Begin CSS Part: Calendar */

 /* Begin CSS Part: Categories */

 /* Begin CSS Part: Checkout */

 /* Begin CSS Part: Collation */

 /* Begin CSS Part: Collation Admin */

 /* Begin CSS Part: Content Creator */

 /* Begin CSS Part: Cookies */

 /* Begin CSS Part: Crm */

 /* Begin CSS Part: Currency Converter */

 /* Begin CSS Part: Discount */

 /* Begin CSS Part: Email Template */

 /* Begin CSS Part: Form */

 /* Begin CSS Part: Home */

 /* Begin CSS Part: Multi User */

 /* Begin CSS Part: News Letter */

 /* Begin CSS Part: Order Manager */

 /* Begin CSS Part: Orders */

 /* Begin CSS Part: Payment Gateway */

 /* Begin CSS Part: Qanda */

 /* Begin CSS Part: Redirect */

 /* Begin CSS Part: Review */

 /* Begin CSS Part: Scroller */

 /* Begin CSS Part: Search */

 /* Begin CSS Part: Search Results */

 /* Begin CSS Part: Seo */

 /* Begin CSS Part: Shipping */

 /* Begin CSS Part: Snippets */

 /* Begin CSS Part: Sub Layout */

 /* Begin CSS Part: System Manager */

 /* Begin CSS Part: User */

 /* Begin CSS Part: Warning *//* Begin late-load CSS */

 /** Begin CSS Section: defaults */

 /* Begin CSS Part: Base */
/*****GENERAL RESET******/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  outline: 0;
}

html {
   font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   height: auto;
}

body {
    width:          100%;
    height:         auto;
    letter-spacing: normal;
    word-spacing:   normal;
    cursor:         default;
}

* {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
  
  outline:0;
}

/*****SYSTEM RESET****/


/***Z-INDEX****/

body > .layout > .responsive-menu {z-index:5000 !important;}

body > .layout > .layout-cell {z-index:1000;}

body > .layout > .layout-cell.header {z-index:2000;}




/****CLASSES RESET******/

.missing {padding: 8px 12px; background-color: #efefef;}

.inflate, .slide .link, .slide .link .wrap {
        position:   absolute!important;
        top:        0px!important;
        right:      0px!important;
        bottom:     0px!important;
        left:       0px!important;
  		color:transparent !important;
        z-index:1000;
}

.inflate span {
  bottom: 0;
  display: none;
  font-size: 12px;
  font-weight: bold;
  left: auto;
  padding: 4px 0 0;
  position: absolute;
  right: 0;
  top: auto;
}
.inflate:hover span {display:block;}

.close_container {
    text-align:right;
    clear:both;
}
.disabled {
    opacity:0.5;
    cursor:default;
}

.static {position:static !important;}

/******CONTENT RESET*****/

button, input, optgroup, select, textarea {
  margin: 0;
  font: inherit;
  color: inherit;
}

input {line-height: normal;}

input[type="checkbox"], input[type="radio"] {padding: 0;}

textarea {overflow: auto;}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {height: auto;}

input[type="search"] {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

button {overflow: visible;}

button, select {text-transform: none;}

button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance: button;}

button[disabled], html input[disabled] {cursor: default;}

button::-moz-focus-inner, input::-moz-focus-inner {padding: 0;border: 0;}

.slide_v_head, button, .button, a, a.button, input[type="submit"], input[type="reset"], input[type="button"], 
.fader_prev, .fader_next, select, input[type="checkbox"], input[type="radio"] {
  cursor: pointer;
}

mark {color: #000;background:#ff0;}

sub,sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sup {top: -.5em;}
sub {bottom: -.25em;}
svg:not(:root) {overflow: hidden;}
figure {margin:0;}
hr {height: 0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
audio,canvas,progress,video {display: inline-block;vertical-align: baseline;}
audio:not([controls]) {display: none; height: 0;}
[hidden], template {display: none;}

fieldset {
  padding: .35em .625em .75em;
  margin: 0 2px;
  border: 1px solid #c0c0c0;
}
legend {
  padding: 0;
  border: 0;
}
optgroup {
  font-weight: bold;
}

/****LISTS****/

ul {
    list-style-type:    disc;
    list-style-position:inside;
}

li {
  display: list-item;
  font-size: 1em;
  height: auto;
  line-height: 1.4em;
}

li a:link {display:inline-block; white-space:nowrap;}

/****TABLES****/

table {
  border-spacing: 0;
  border-collapse: collapse;
}
td, th {padding: 0;}

/****IMAGE & video****/

img {max-width:100%; height:auto;vertical-align: middle; margin:auto; display:inline-block;}

.videowrapper .content, .map .content {
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
    margin-bottom:12px;
}
.videowrapper iframe, .map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/****Fancy Box******/

#fancybox-content {max-width:100%; padding:0px !important;}

#fancybox-title-over {
  background-image: none;
  color: rgb(255, 255, 255);
  font-weight: bold;
  text-align: center;
}

#fancybox-title {
    margin: 0px !important;
    max-width: 100%;
    border-top: 2px solid rgba(255,255,255,0.10);
    box-shadow: 0px -6px 14px -8px #000;
    bottom: 0px !important;
}



/****SYSTEM NOTIFICATIONS*****/

body > .notifications {
    position: fixed;
    width: 100%;
    z-index:1000000000;
}

body > .notifications > div {
  box-shadow: 0px 0px 50px 0px 0px 0px 50px 0px rgba(0, 0, 0, 0.4);
  margin: auto;
  width: 50%;
  padding: 25px;
  position: fixed;
  top: 10%;
  left: 25%;
  color:#fff;
}

.notifications > div h4 {margin-bottom:6px; color:#fff;}


@media screen and (max-width:640px) {
  
body > .notifications > div {
  width:95% !important;
  left: 2.5%;
  }
  
}

/****END SYSTEM NOTIFICATIONS****/

/****DIALOGUES*****/

.ui-dialog.ui-widget {z-index:90000;}

.ui-widget-overlay {
    background: #000 !important;
    opacity: 0.5 !important;
}

.ui-dialog.ui-draggable {
    border: 3px solid rgb(212, 212, 212);
    box-shadow: 0px 25px 50px rgba(0,0,0,0.7);
    padding: 16px;
    z-index: 100000000000;
    min-width: 994px;
    max-width: 1224px;
}

.ui-dialog.ui-draggable .ui-dialog-content {text-align:center;}

.ui-dialog.ui-draggable .ui-dialog-titlebar {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  border: medium none;
  position: absolute;
  right: 2px;
  z-index: 100;
}

.ui-widget-content a.button {color:#fff !important;}


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


.ui-dialog.ui-draggable {
    border: 2px solid rgb(212, 212, 212);
    box-shadow: 0px 25px 50px rgba(0,0,0,0.7);
    padding: 12px;
    z-index: 100000000000;
    min-width: 80%;
    max-width: 95%;
}

}



/**************Cookie EU Law Directive *****************/

#cookie-compliance {
    z-index: 1000000000;
    position: fixed;
    bottom: 0px;
    background-color: #fff;
    text-align: center;
    border-top: 4px solid #000;
    width: 100%;
    left: 0px;
    padding: 4px;
}


@media screen and (max-width:580px) {
  
#cookie_compliance p {
  width: 100%;
}
  
  #cookie_compliance div.inline {
  width: 50%;
  margin:6px auto;
}

}

/***********END COOKIES*************/



/****SYSTEM CLASSES*****/

.inline {display:inline;}

body .layout .empty {display:none;}
body .layout .empty.display {display:initial !important;}

.site-hide {display:none !important;}

.inline-label label {display:inline-block;}
.inline-label {font-size: 12px;}


/****MARGINS*****/

body .layout .margin-top-xs {margin-top:4px;}
body .layout .margin-bottom-xs {margin-bottom:4px;}

body .layout .margin-top-small {margin-top:8px;}
body .layout .margin-bottom-small {margin-bottom:8px;}

body .layout .margin-top-medium {margin-top:12px;}
body .layout .margin-bottom-medium {margin-bottom:12px;}

body .layout .margin-top-large {margin-top:24px;}
body .layout .margin-bottom-large {margin-bottom:24px;}

body .layout .margin-top-xl {margin-top:50px;}
body .layout .margin-bottom-xl {margin-bottom:50px;}


/****PADDING******/

.padding-top-xs  {padding-top:4px;}
.padding-right-xs  {padding-right:4px;}
.padding-bottom-xs  {padding-bottom:4px;}
.padding-left-xs  {padding-left:4px;}

.padding-top-small  {padding-top:8px;}
.padding-right-small  {padding-right:8px;}
.padding-bottom-small  {padding-bottom:8px;}
.padding-left-small  {padding-left:8px;}

.padding-top-medium  {padding-top:12px;}
.padding-right-medium  {padding-right:12px;}
.padding-bottom-medium  {padding-bottom:12px;}
.padding-left-medium  {padding-left:12px;}

.padding-top-large  {padding-top:24px;}
.padding-right-large  {padding-right:24px;}
.padding-bottom-large  {padding-bottom:24px;}
.padding-left-large  {padding-left:24px;}

.padding-top-xl  {padding-top:50px;}
.padding-right-xl  {padding-right:50px;}
.padding-bottom-xl  {padding-bottom:50px;}
.padding-left-xl  {padding-left:50px;}


/****FLOATS*****/

.float-right {float:right;}
.float-left {float:left;}
.float-none {float:none;}

.clear {
    clear: both;
    display: inline-block !important;
}

/****Structure Borders****/

.top-divide {
    border-top: 1px solid #ccc;
    margin-top: 24px; 
    padding-top: 24px;
}

.bottom-divide {
    border-bottom: 1px solid #ccc;
    margin-bottom: 24px; 
    padding-bottom: 24px;
}


/*****Style********/


.ui-dialog.ui-draggable .ui-dialog-titlebar {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
        background-color: rgba(0, 0, 0, 0);
    border: medium none;
    position: relative;
    right: 2px;
    z-index: 100;
    width: 100%;
    text-align: center;
    background-color: #333;
    color: #fff;
}

.ui-dialog .ui-dialog-title {
    float: none;
}

.system-message {
    background-color: #fffafa;
    max-width: 1224px;
    margin-left: auto;
    margin-right: auto;
    padding: 12px;
    font-size: 1.5em;
    margin-top: 24px;
    border: 1px solid #ccc;
}

 /* Begin CSS Part: Layout */
/***GENERAL LAYOUT****/

body > .layout {
        width:      100%;
        height:     100%;
        margin:     0px auto;
}

/****LAYOUT*****/

body > .layout > .layout-cell,
body > .layout > .full-width > .layout-component,
body > .layout .full-width > .layout-component,
body > .layout .full-width .contain,
body > .layout .content-hold > .i {
  max-width: 1366px;
  width: 100%; 
  margin-left:auto !important;
  margin-right:auto !important;
}



@media screen and (min-width : 1366px) {


body > .layout > .layout-cell,
body > .layout > .full-width > .layout-component,
body > .layout .full-width > .layout-component,
body > .layout .full-width .contain,
body > .layout .content-hold > .i {
  max-width: 90%;
    max-width: 1366px;
  width: 100%; 
  margin-left:auto !important;
  margin-right:auto !important;
}

}



body > .layout > .full-width,
body > .layout > .full-width > .full-width,
.responsive-menu {
	max-width:100% !important;
    }
    
    
body > .layout > .header > div.full-width {
    max-width: 1366px !important;
}
    
    
    
     
.contain, 
.slim-footer > .layout-component,
body > .layout .content-section {
	padding-left:12px !important; 
    padding-right:12px !important;
    }    
    
    


body > .layout > .layout-cell .wide-page {
    max-width: 90%;
      max-width: 1366px;
}    



/****LAYOUT*****/

.layout .layout-cell,
.layout .layout-component,
.layout .eg-cell {margin-right:1% !important;}

.layout .col1, .layout .iend {margin-right:0px !important;}

.layout .col1  {width:100%;}

.auto {width:auto;}

.padded {padding:12px;}



body .layout .breathecol2 {
	margin-right:3% !important;
    vertical-align: top;
}
body .layout .breathecol3 {
	margin-right:3% !important;
    vertical-align: top;
}

body .layout .breathecol4, .layout .breathecol6 {
	margin-right:3% !important;
    vertical-align: top;
}




body .layout .anchor-dest {
    padding-top: 100px !important;
    margin-top: -100px !important;
}
 /* Begin CSS Part: Desktop Defaults */
@media screen and (min-width : 1225px) {/* LAPTOPS AND HIGHER ----------- */}

@media screen and (min-width : 1001px) and (max-width:1224px) {/****if specific landscape tablet styles are required****/}


/* TABLET LANDSCAPE, LAPTOP, DESKTOP AND HIGHER ----------- */

@media screen and (min-width : 1001px) {
  
.dtop-hide, .responsive-menu {display:none !important;} 
  
  
.layout .col2, .layout .col612, .layout .col36  {width: 49.5%; }
.layout .col3, .layout .col412 {width:32.66%; }
.layout .col23, .layout .col812 {width:66.33%; }
.layout .col4, .layout .col312  {width: 24.25%;}
.layout .col34 {width: 74.75%;}
  
.layout .col5  {width: 19.2%; }
.layout .col25 {width: 39.4%;}
.layout .col35 {width: 59.6%;}
.layout .col45 {width: 79.8%; }
  
.layout .col6, .layout .col212  {width: 15.83%;}
.layout .col56, .layout .col1012 {width: 83.16%;}
  
.layout .col7  {width: 13.42%;}
.layout .col27  {width: 27.85%;}
.layout .col37  {width: 42.28%;}
.layout .col47  {width: 56.71%;}
.layout .col57  {width: 71.14%;;}
.layout .col67 {width: 85.57%;}

.layout .col8  {width: 11.62%;}
.layout .col28 {width: 24.25%;}
.layout .col38 {width: 36.87%;}
.layout .col48 {width: 49.5%;}  
.layout .col58 {width: 62.12%;}
.layout .col68, .layout col912 {width: 74.75%;}
.layout .col78 {width: 87.37%;}
  
.layout .col9  {width: 10.22%;}
.layout .col29 {width: 21.44%;}
.layout .col39 {width: 32.66%;}
.layout .col49 {width: 43.88%;}
.layout .col59 {width: 55.11%;}
.layout .col69 {width: 66.33%;}
.layout .col79 {width: 77.55%;}
.layout .col89 {width: 88.77%;}
  
.layout .col10 {width: 9.1%;}
.layout .col11 {width: 8.181%;}
  
  
.layout .col512 {width: 41.08%;}
.layout .col712 {width: 57.91%;}  
.layout .col1112 {width: 91.58%;}
.layout .col12 {width: 7.416%;}
 
 
 
.res2 {width: 49.5%; margin-right:1% !important;} 
.res2:nth-child(2n+2) {margin-right:0px !important;} 

.res3  {width:32.66%; margin-right:1% !important;}
.res3:nth-child(3n+3) {margin-right:0px !important;} 

.res4  {width: 24.25%; margin-right:1% !important;}
.res4:nth-child(4n+4) {margin-right:0px !important;} 

.res5  {width: 19.2%; margin-right:1% !important;}
.res5:nth-child(5n+5) {margin-right:0px !important;}  

.res6  {width: 15.83%; margin-right:1% !important;}
.res6:nth-child(6n+6) {margin-right:0px !important;}  
 
 
.layout .tight2 {width:50%; margin:0px !important;} 
.layout .tight4 {width:25%; margin:0px !important;}


body .layout .breathecol2 {width:48.5%; display:inline-block;}
body .layout .breathecol2:nth-child(2n+2) {margin-right:0px !important;}


body .layout .breathecol3 {width:31.33%; display:inline-block;}
body .layout .breathecol3:nth-child(3n+3) {width:31.34%; margin-right:0px !important;}


body .layout .breathecol4 {width:22.75%; display:inline-block;}
body .layout .breathecol4:nth-child(4n+4) {margin-right:0px !important;}


body .layout .breathecol6 {width:14.16%; display:inline-block;}
body .layout .breathecol6:nth-child(6n+6) {width:14.17%; margin-right:0px !important;}

  
}
 /* Begin CSS Part: Tablet Defaults */
@media screen and (max-width : 1000px) /***WILL EFFECT ALL TABLET & MOBILE*****/ {
  
  .layout .tend {margin:0px !important;}  
  
  .resp-center, .resp-center * {text-align:center !important; margin-right:auto !important; margin-left:auto !important;}
  
  .resp-hide {display:none !important;}
  
  .layout .tab-col1 {width:100% !important; margin-right:0px !important;}
  
}


/* TABLET PORTRAIT & LOWER ----------- */

@media screen and (min-width:761px) and (max-width:1000px) {
  
.tab-hide {display:none !important;}

.layout .tab-col2 {width:49.5% !important; padding-left:0px !important;}

.layout .tp-end {margin:0px !important;} 
  
.layout .col2, .layout .col612  {width: 49.5%; }
.layout .col3, .layout .col412 {width:32.66%; }
.layout .col23, .layout .col812 {width:66.33%; }
.layout .col4, .layout .col312  {width: 24.25%;}
.layout .col34 {width: 74.75%;}
  
.layout .col5  {width: 19.2%; }
.layout .col25 {width: 39.4%;}
.layout .col35 {width: 59.6%;}
.layout .col45 {width: 79.8%; }
  
.layout .col6, .layout .col212  {width: 15.83%;}
.layout .col56, .layout .col1012 {width: 83.16%;}
  
.layout .col7  {width: 13.42%;}
.layout .col27  {width: 27.85%;}
.layout .col37  {width: 42.28%;}
.layout .col47  {width: 56.71%;}
.layout .col57  {width: 71.14%;;}
.layout .col67 {width: 85.57%;}

.layout .col8  {width: 11.62%;}
.layout .col28 {width: 24.25%;}
.layout .col38 {width: 36.87%;}
.layout .col48 {width: 49.5%;}  
.layout .col58 {width: 62.12%;}
.layout .col68, .layout col912 {width: 74.75%;}
.layout .col78 {width: 87.37%;}
  
.layout .col9  {width: 10.22%;}
.layout .col29 {width: 21.44%;}
.layout .col39 {width: 32.66%;}
.layout .col49 {width: 43.88%;}
.layout .col59 {width: 55.11%;}
.layout .col69 {width: 66.33%;}
.layout .col79 {width: 77.55%;}
.layout .col89 {width: 88.77%;}
  
.layout .col10 {width: 9.1%;}
.layout .col11 {width: 8.181%;}
  
  
.layout .col512 {width: 41.08%;}
.layout .col712 {width: 57.91%;}  
.layout .col1112 {width: 91.58%;}
.layout .col12 {width: 7.416%;}

  
/****COL CLASS OVERRIDES FOR TABLET PORTRAIT****/

.layout .tab-col1 {width:100% !important; margin-right:0px !important;}
  
.layout .tab-col2  {width: 49.5%; }
.layout .tab-col3  {width:32.66%; }
.layout .tab-col23 {width:66.33%; }
.layout .tab-col4  {width: 24.25%;}
.layout .tab-col34 {width: 74.75%;}
  
.layout .tab-col5  {width: 19.2%; }
.layout .tab-col25 {width: 39.4%;}
.layout .tab-col35 {width: 59.6%;}
.layout .tab-col45 {width: 79.8%; }
  
.layout .tab-col6  {width: 15.83%;}
.layout .tab-col56 {width: 83.16%;}


.res2 {width: 49.5%; margin-right:1% !important;} 
.res2:nth-child(2n+2) {margin-right:0px !important;} 

.res3  {width:32.66%; margin-right:1% !important;}
.res3:nth-child(3n+3) {margin-right:0px !important;} 

.res4  {width: 24.25%; margin-right:1% !important;}
.res4:nth-child(4n+4) {margin-right:0px !important;} 

.res5  {width: 19.2%; margin-right:1% !important;}
.res5:nth-child(5n+5) {margin-right:0px !important;}  

.res6  {width: 15.83%; margin-right:1% !important;}
.res6:nth-child(6n+6) {margin-right:0px !important;} 


  body .layout .breathecol2 {width:48.5%; display:inline-block;}
body .layout .breathecol2:nth-child(2n+2) {margin-right:0px !important;}


body .layout .breathecol3 {width:31.33%; display:inline-block;}
body .layout .breathecol3:nth-child(3n+3) {width:31.34%; margin-right:0px !important;}


body .layout .breathecol4 {width:22.75%; display:inline-block;}
body .layout .breathecol4:nth-child(4n+4) {margin-right:0px !important;}

body .layout .breathecol6 {width:14.16%; display:inline-block;}
body .layout .breathecol6:nth-child(6n+6) {width:14.17%; margin-right:0px !important;}
    
}
 /* Begin CSS Part: Mobile Defaults */
/****MOBILE LANDSCAPE & LOWER****/


@media screen and (min-width:761px) {
.layout .d-end {margin-right:0px !important;}
}

@media screen and (max-width:760px) {
  
  .mob-hide {display:none !important;}
  
  .mob-center, .mob-center * {text-align:center !important; margin-left:auto !important; margin-right:auto !important;}

/****COL CLASS OVERRIDES FOR MOBILE LANDSCAPE****/  
  
.layout .mob-col1 {width:100% !important; margin-right:0px !important;}
  
.layout .mob-col2  {width: 49.5%; }
.layout .mob-col3  {width:32.66%; }
.layout .mob-col23 {width:66.33%; }
.layout .mob-col4  {width: 24.25%;}
.layout .mob-col34 {width: 74.75%;}
  
.layout .mob-col5  {width: 19.2%;}
.layout .mob-col25 {width: 39.4%;}
.layout .mob-col35 {width: 59.6%;}
.layout .mob-col45 {width: 79.8%;}
  
.layout .mob-col6  {width: 15.83%;}
.layout .mob-col56 {width: 83.16%;}

  
.layout .m-end {margin-right:0px !important;}  


.layout .eos-grid .col4  {width: 49.5%;}
.layout .eos-grid .col4:nth-child(2n+2) {margin-right:0px !important;} 


.layout .tight2 {width:100%; margin:0px !important;} 


body .layout .breathecol2 {width:100%; display:inline-block; margin-right:0px !important;}


body .layout .breathecol3 {width:100%; display:inline-block; margin-right:0px !important;}


body .layout .breathecol4 {width:22.75%; display:inline-block;}
body .layout .breathecol4:nth-child(4n+4) {margin-right:0px !important;}

body .layout .breathecol6 {width:31.33%; display:inline-block;}
body .layout .breathecol6:nth-child(3n+3) {width:31.34%; margin-right:0px !important;}



  
  }

/*************MOBILE LANDSCAPE******/

@media screen and (min-width:521px) and (max-width:760px) {
  
  
.layout .col23, .layout .col78, .layout .col712 {width:100%; margin-right:0px !important;}
  
.layout .col2, .layout .col3  {width: 49.5%;}
  
.layout .col34 {width: 74.75%;}
  
.layout .col45, .layout .col56, .layout .col67 {width:66.33%;}
  
.layout .col5, .layout .col6, .layout .col7  {width:32.66%;}
  
.layout .col4, .layout .col8, .layout .col12  {width: 24.25%;} 
  
.layout .ml-end {margin-right:0px !important;} 

.layout .tab-col2 {width:49.5% !important; padding-left:0px !important;}



.res2 {width: 49.5%; margin-right:1% !important;} 
.res2:nth-child(2n+2) {margin-right:0px !important;} 

.res3  {width:32.66%; margin-right:1% !important;}
.res3:nth-child(3n+3) {margin-right:0px !important;} 

.res4  {width: 49.5%; margin-right:1% !important;}
.res4:nth-child(2n+2) {margin-right:0px !important;} 

.res5  {width: 19.2%; margin-right:1% !important;}
.res5:nth-child(5n+5) {margin-right:0px !important;}  

.res6  {width:32.66%; margin-right:1% !important;}
.res6:nth-child(3n+3) {margin-right:0px !important;} 



}



/* MOBILE (Portrait) ----------- */


@media screen and (max-width:520px) {
  
.mob-port-hide {display:none !important;}


.layout .col2, 
.layout .col3, .layout .col23, 
.layout .col34, 
.layout .col5, .layout .col45, 
.layout .col56, .layout .col67, 
.layout .col78,
.layout .col29, .layout .col39, .layout .col49, .layout .col59, .layout .col69, .layout .col79, .layout .col89, .layout .col712  {
    width:100%; 
    margin-right:0px !important;
}

.layout .col4, .layout .col6, .layout .col12 {width: 49.5%;}
.layout .col7, .layout .col8 {width: 24.25%;}

.layout .mp-end {margin-right:0px !important;}


.layout .eos-grid .col4  {width: 80% !important; margin:0px auto 12px !important;}

.layout .tab-col2 {width:100% !important; padding-left:0px !important; padding-bottom:24px; margin-right:0px !important;}
  
.layout .tab-col2 .menu {width:50% !important; margin:0px !important;}



.res2 {width: 49.5%; margin-right:1% !important;} 
.res2:nth-child(2n+2) {margin-right:0px !important;} 

.res3  {width:32.66%; margin-right:1% !important;}
.res3:nth-child(3n+3) {margin-right:0px !important;} 

.res4  {width: 49.5%; margin-right:1% !important;}
.res4:nth-child(2n+2) {margin-right:0px !important;} 

.res5  {width: 19.2%; margin-right:1% !important;}
.res5:nth-child(5n+5) {margin-right:0px !important;}  

.res6  {width:32.66%; margin-right:1% !important;}
.res6:nth-child(3n+3) {margin-right:0px !important;} 


}





@media screen and (min-width:401px) and (max-width:520px) {
  
  
}



/* MOBILE VERY SMALL (iPhone - portrait) ----------- */

@media screen and (max-width : 400px) {
  
	.layout .col4, .layout .col6 {width: 100%;}
    .layout .col7, .layout .col8 {width: 49.5%;} 

}
 /** Begin CSS Section: core */

 /* Begin CSS Part: DISABILITY */

 /* Begin CSS Part: Fonts */
/*****FONTS********/

@font-face {
    font-family:'Bebas';
    src: url('/userfiles/fonts/bebasneue-regular.ttf');
    font-weight: normal;
    font-style: normal;
}



@font-face {
    font-family:'Mont';
    src: url('/userfiles/fonts/montserrat-regular.otf');
    font-weight: normal;
    font-style: normal;
}




@font-face {
    font-family:'Born';
    src: url('/userfiles/fonts/bornready.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family:'Fabriga';
    src: url('/userfiles/fonts/fabriga.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family:'Pacifico';
    src: url('/userfiles/fonts/dancingscript-variablefont_wght.ttf');
    font-weight: normal;
    font-style: normal;
}



/****GENERAL FONTS***/

body {
	    font-family:'Mont', sans-serif;
            font-family:'Fabriga';
    line-height: 1.4;
}


h1, h2, h3, h4, h5, h6 {

}


h1 {
  font-size: 2.250em;
  line-height: 1.250em;
  font-family: 'Bebas';
}


.homepage h1 {
  font-size: 3.250em;
  }

h2 {
    font-size: 2.5em;
    line-height: 1.2em;
    margin-bottom: 8px;
          font-family:'Bebas';
}

h3 {font-size:1.200em; line-height:1.550em;}

h4 {font-size:1.1em; line-height:1em;}

label {
    display: block;
    font-size: 14px;
}

p {
  font-size:17px;  
  line-height: 22px;
  margin: 0 0 12px;
}

p * {
  font-size:inherit; 
  text-align: inherit;
}

small {font-size: 85%;}

.text-nowrap {white-space: nowrap;}
.lowercase {text-transform: lowercase;}
.uppercase {text-transform: uppercase;}
.capitalize {text-transform: capitalize;}

abbr[title] {border-bottom: 1px dotted;}
b, strong {font-weight: bold;}
dfn, em, i {font-style: italic;}



/* -------------------- Links -------------------- */

a:link, a:active, a:visited, a:hover, button, .button {text-decoration: none;}

.richtext a:link, .description a:link {
    font-weight: bold;
}

.nopointer {cursor:default;}


/***********LISTS***************/

ul.bullets {
  margin: 20px 0px;
}

ul.bullets li {
    list-style: circle;
    font-size: 14px;
    margin-left: 30px;
    margin-top: 6px;
}


ul.numeric li {
    list-style: decimal;
    font-size: 14px;
    margin-left: 30px;
    margin-top: 6px;
}


.tick-list li {
    background-image: url("/userfiles/images/roundedcheckmark.png");
    list-style: none;
    font-size: 20px;
    margin-left: 12px;
    margin-top: 6px;
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: left center;
    padding-left: 32px;
    margin-bottom: 6px;
}


.sect-text ul li {
  background-image: url("/userfiles/css/images/fastforward.png");
  list-style: none;
  font-size: 16px;
  margin-left: 12px;
  margin-top: 6px;
  background-repeat: no-repeat;
  background-size: 14px;
  background-position: left center;
  padding-left: 24px;
  margin-bottom: 6px;
}


/**********RESPONSIVE*********/


@media screen and (max-width:520px) {
  
  h1 {
    font-size: 1.50em;
    line-height: 1.75em;
}

}


.notes table {width:100%;}

.notes table th {background-color:#333; color:#fff !important;}

.notes table td, .notes table th {border:1px solid #ccc; padding:8px; text-align:center;}
 /* Begin CSS Part: Buttons */
/*****BUTTON STYLES*****/

button, .button, a.button, input[type="submit"], input[type="reset"], input[type="button"], .action-button a {
  text-align: center !important;
  max-width:100%;
  border-radius: 50px;
  white-space: normal;
  border-width: 0px;
  border-style: solid; 
  background-repeat: no-repeat;
}


button, .button, input[type="reset"], input[type="button"], .action-button a {
    font-size: 11px;
    line-height: 1em;
    padding: 6px 16px;
}

.large.button, input[type="submit"], .action-button.large a, .large-button .button, .button.guest-checkout {
    font-size: 1em;
    line-height: 1.2em;
    padding: 10px 26px 10px;
}


a.super, input[type="submit"].super, .action-button.super a {
    font-size: 2em;
    line-height: 1.5em;
    padding: 4px 24px 4px;
}

.proceed .button, .button.guest-checkout {
    background-image: url(/userfiles/images/rightarrow.png);
    background-position: 5% center;
    background-size: 22px;
    padding-left: 50px !important;
}

.proceed .button:hover, .button.guest-checkout:hover {
	padding-left: 26px;
    background-position: 90% center;
        padding-right: 50px;
}


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

a.super, input[type="submit"].super, .action-button.super a {
    font-size: 1em !important;
    line-height: 1.5em !important;
    border-width: 2px !important;
    padding: 4px 24px !important;
}

  
}

 /* Begin CSS Part: Colours */
/*******COLOURS*****/

/*****SITE STRUCTURE*****/

html, body > .layout {background-color: #ffffff;}


/***Primary Website Colour*****/

body > .layout .fill-1 {background-color: #BAA5BA;}

body > .layout .fill-1 h1,
body > .layout .fill-1 h2,
body > .layout .fill-1 h3,
body > .layout .fill-1 h4,
body > .layout .fill-1 label,
body > .layout .fill-1 div,
body > .layout .fill-1 p,
body > .layout .fill-1 span,
body > .layout .fill-1 a,
body > .layout .fill-1 a:link,
body > .layout .fill-1 a:visited,
body > .layout .fill-1 li:hover a {
	color: #3B1547!important;
}
body > .layout .fill-1 a.button {color:#fff !important;}

.bg-1 {background-color: #BAA5BA;}
.bg-2 {background-color: #3B1547;}

/***Secondary Website Colour*****/

body > .layout .fill-2 {background-color: #3B1547;}

body > .layout .fill-2 h1,
body > .layout .fill-2 h2,
body > .layout .fill-2 h3,
body > .layout .fill-2 h4,
body > .layout .fill-2 label,
body > .layout .fill-2 div,
body > .layout .fill-2 p,
body > .layout .fill-2 span,
body > .layout .fill-2 a,
body > .layout .fill-2 a:link,
body > .layout .fill-2 a:visited,
body > .layout .fill-2 li:hover a {
	color: #FFFFFF!important;
}

body > .layout .fill-2 a.button {color:#fff !important;}

/******HEADER*********/

body > .layout > .header {
    background-color: #ffffff;
    
}


body > .layout > .header h1,
body > .layout > .header h2,
body > .layout > .header h3,
body > .layout > .header h4,
body > .layout > .header label,
body > .layout > .header div,
body > .layout > .header p,
body > .layout > .header span,
body > .layout > .header a,
body > .layout > .header .company-info-part {
	color: #4a4a4a;
}


/*******FOOTER*******/

body > .layout > .footer {
 background-color: #3B1547; 
}

body > .layout > .footer::before {
  content: " ";
  background-image: url(/userfiles/css/images/pgrass.png);
  position: absolute !important;
  top: -40px;
  width: 100%;
  display: inline-block;
  height: 40px;
  background-size: contain;
  background-repeat: repeat-x;
  background-position: bottom;
  left: 0px;
}


body > .layout > .footer h1,
body > .layout > .footer h2,
body > .layout > .footer h3,
body > .layout > .footer h4,
body > .layout > .footer label,
body > .layout > .footer div,
body > .layout > .footer p,
body > .layout > .footer span,
body > .layout > .footer li a,
body > .layout > .footer li:hover a,
body > .layout > .footer a:link,
body > .layout > .footer a:visited {
	color: #ffffff;
}


body > .layout > .footer input[type="text"], 
body > .layout > .footer input[type="email"], 
body > .layout > .footer input[type="number"], 
body > .layout > .footer select, 
body > .layout > .footer textarea, 
body > .layout > .footer input[type="password"], 
body > .layout > .footer input[type="file"] {
	color: #533511!important;
}


/*****FONTS AND MESSAGES*******/

h1, .page-title .content {color: #3B1547;}

h2, h3, .title, .layout .title a {color: #3B1547;}

h4, h5, h6 {color:#3B1547;}

label, legend {color:#3B1547;}

p, .layout-component {color:#3B1547;}


b, strong, i, em {color: #3B1547;}


/*****LINKS*****/

a, a:link {color: #003780;}

a:hover {color: #22323b;}

a:visited {color: #3F536E;}


/*****NOTIFICATIONS*****/

.notifications > div {
	background-color:#616161; 
	border: 4px solid #FFFFFF; 
}
    
.notifications > div.error_container {background-color:#8F0606;}

.notifications > div h4, 
.notifications > div li,
.notifications > div p,
.notifications > div span {
	color:#FFFFFF;
}


/*******BUTTONS*****/

button, .button, a.button, input[type="submit"], input[type="reset"], input[type="button"], .action-button a {
    background-color:   #F0BE1B;
    color:              #ffffff;
    border-color:       #ffffff;
}

button:hover, .button:hover, a.button:hover,
input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover,
.action-button a:hover {
    background-color:   #212121;
    color:              #ffffff;
    border-color:       #d6d6d6;
}


/****GO BUTTONS****/

.go, input.go, a.go, .file .button, .proceed .button, .button.guest-checkout, .continue-shopping .button {
    background-color:   #F0BE1B;
    color:              #ffffff;
}

.go:hover, input.go:hover,a.go:hover, .file .button:hover, .proceed .button:hover, .button.guest-checkout:hover, .continue-shopping .button:hover {
    background-color:   #F0BE1B;
    color:              #ffffff;
}


a.edit {
    background-color:   #F0BE1B;
    color:              #ffffff;
}

a.edit:hover {
    background-color:   #F0BE1B;
    color:              #ffffff;
}


/****CANCEL BUTTONS****/

.cancel, input.cancel, a.cancel, a.delete, input.delete, .delete a, a.remove-product, .empty-basket .button  {
    background-color:   #9E2323;
    color:              #FFFFFF;
    border-color:   #9E2323;
}
.cancel:hover, input.cancel:hover,a.cancel:hover, a.delete:hover, input.delete:hover, a.remove-product:hover, .empty-basket .button:hover {
    background-color:   #7A0612;
    color:              #FFFFFF;
    border-color:   #7A0612;
}


/***MENUCOLOURS*****/

ul.menubar li a { color: #533511;}
ul.menubar li:hover a { color: #533511;}

/******MENU SECTION*******/

.menu-section {
  background-color: #533511; 
  border-color: #533511;
}

.main-menu {  
	background-color: transparent;
}

.main-menu > .menubar > li > a > span {color: #533511;}

.main-menu > .menubar > li:hover {
background-color: #533511;
}

.main-menu > .menubar > li:hover > a > span {color: #FFFFFF;}


/**SUBMENU***/

.main-menu ul.menubar li ul {background-color: #533511; border-color: #533511;}

.main-menu ul.menubar li ul li {background-color: #533511; border-color: #533511;}

.main-menu ul.menubar li ul li a span {color: #FFFFFF;}

.main-menu ul.menubar li ul li:hover {background-color: #EFCB56;}

.main-menu ul.menubar li ul li:hover a span {color: #FFFFFF;}


/****RESPONSIVE MENU*****/

.responsive-menu .mod_sub_layout .layout-cell.istart, 
.responsive-menu .slaved {
 background-color: #533511; 
}


/*****INPUTS*****/

input[type="text"], input[type="email"], input[type="number"], input[type="password"], input[type="file"], select, textarea {
    background-color:   #FFFFFF;
    color:              #533511;
    border:             1px solid #533511;
    /*box-shadow: 1px 1px 1px rgba(119, 119, 119, 0.25) inset;*/
}

input[type="text"]:hover, input[type="email"]:hover, input[type="number"]:hover, input[type="password"]:hover, 
input[type="file"]:hover, select:hover, textarea:hover {
    background-color:   #EFEFEF;
    color:              #533511!important;
    border-color:       #533511;
    /*box-shadow: 1px 1px 1px rgba(119, 119, 119, 0.25) inset;*/
}

input[type="text"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="password"]:focus, 
input[type="file"]:focus, select:focus, textarea:focus {
    background-color:   #EFEFEF;
    color:              #533511!important;
    border-color:       #533511;
    /*box-shadow: 1px 1px 1px rgba(119, 119, 119, 0.25) inset;*/
}

input[type="text"]:focus:hover, input[type="email"]:focus:hover, input[type="number"]:focus:hover, input[type="password"]:focus:hover, 
input[type="file"]:focus:hover, select:focus:hover, textarea:focus:hover {
    background-color:   #EEEEEE;
    color:              #533511!important;
    border-color:       #533511;
    /*box-shadow: 1px 1px 1px rgba(119, 119, 119, 0.25) inset;*/
}


/******BORDERS*****/


body {border-color:#533511;}

.invoice {border-color:#533511;}

.mini {border-color:#533511;}

.mini:hover {border-color:#533511;}


/*****/





 /* Begin CSS Part: Menus */
/********MENUS AND SUBMENUS******/

ul.menubar, .user-menu {list-style:none; list-style-type:none; z-index:70;}
ul.menubar li, .user-menu li {position: relative; list-style:none; vertical-align:top;}
ul.menubar li a, .user-menu li a {padding:0px 8px; width:100%;}

/*sub menu positioning */

ul.menubar ul {
    display:            none;
    position:           absolute;
    left:               0px;
    min-width:          105%;
}

ul.vertical li, .vertical.menu ul li, .menubar li li, ul.menubar li:hover > ul {display:block;}

.menubar ul li, .menubar ul li a {}

/*sub sub menu positioning */

ul.menubar ul ul, ul.vertical ul {top:0 !important; left:99% !important;}





/****MAIN MENU - FULLWIDTH *****/

.header .main-menu {}

.header .main-menu > .menubar > li, .header .main-menu > .menubar > li > a {
  height: 82px;
  line-height: 82px;
}


.header .main-menu > .menubar > li {}
.header .main-menu > .menubar > li.li_end {border-right:none;}
.header .main-menu > .menubar > li + li {}

.header .main-menu > .menubar > li > a {
  font-size: 14px;
	padding: 0px 12px;
    font-weight: bold;
}


.header .main-menu > .menubar .menubar {
  padding: 0px;
  border: 0px solid #fff;
}

.header .main-menu > .menubar .menubar li, 
.header .main-menu > .menubar .menubar li a {
  text-align: left;
  height: auto;
}

.header .main-menu > .menubar .menubar li a {
  padding: 8px 12px;
  display: inline-block;
  width: 100%;
}

.main-menu ul.menubar li ul {
    border: 1px solid #fff;
    padding:8px 0px;
    background-color: #533511;
}

.main-menu ul.menubar li ul li {background-color: transparent; border-color: #533511;}






/*****Large sub menu*******/


.header-right, .header .main-menu, .header .main-menu > .menubar > li {position:static;}


.header .main-menu > .menubar > li > .menubar {
min-width: 100%;
}

.header .main-menu > .menubar > li > .menubar > li {
    display: inline-block !important;
    width:20%;
    margin-bottom:12px;
    padding:12px;
}

.header .main-menu > .menubar > li > .menubar > li:hover {background-color:transparent !important;}

.header .main-menu > .menubar > li > .menubar > li > a {
    border-bottom: 2px solid #fff;
    font-size: 18px;
    padding: 8px;
    background-image: url(/userfiles/css/images/fastforward.png);
    background-size: 0px;
    background-position: -100% center;
    background-repeat: no-repeat;
    margin-bottom:8px;
}

.header .main-menu > .menubar > li > .menubar > li:hover > a {
    background-position: 100% center;
     background-size: 20px;
}


.header .main-menu > ul.menubar > li > ul > li > ul {
    display: block;
    position: relative;
    left: 0px !important;
    min-width: 100%;
    border:none !important;
    background-color:transparent !important;
    padding:0px !important;
}

.header .main-menu > ul.menubar > li > ul > li > ul > li {display:inline-block; width:100%; border-radius:4px;}



.header ul.menubar li ul {
background-color: rgb(81, 71, 55);
    border: 1px solid #fff;
    padding:8px 0px;
}


 /* Begin CSS Part: Responsive Menu */
/*****HEADER SLAVES MENU DEFAULTS****/ 
  
.header .slaved {
  position: fixed !important;
  padding: 60px 24px;
  right: -50%;
  width: 50%;
  z-index: 10;
  overflow-y: auto;
  top: 75px;
  height: 100%;
    background-color: #533511;
}

.header .slaved.open { 
    right:0%;
  }

.header .slaved .slave-close {
width:0%;
opacity:0;
}

.header .slaved.open  .slave-close {
  width: 50%;
opacity:1;
}

.slave-close {
  position: fixed;
  left: 0px;
  top: 75px;
  background-color: rgba(0, 0, 0,0.75);
  height: 100%;
  text-align: right;
  padding: 10px;
}



.header .slaved h2, .header .slaved p {color:#fff !important;}

.header .slaved h2 {font-size:2em;}

.header .user-menu a {color:#fff !important; padding:12px;}

.quick-cats li a img  {
  width: 50px;
  margin-right: 12px;
}

.quick-cats li {
  border-top: 1px solid #fff;
  width: 49%;
  display: inline-block !important;
  margin-right: 1%;
}

.quick-cats li:hover {background-color:#a4ab81;}


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

/*****RESPONSIVE MENU DEFAULTS****/ 
  
.responsive-menu,
.responsive-menu .mod_sub_layout {line-height:0; display:none !important;}

.responsive-menu {
    width: 100% !important;
}

.responsive-menu .mod_sub_layout > .layout-cell.istart {
    height: 50px;
    left: 0;
    position: fixed;
    top: 0;
    z-index: 200;
}
.responsive-menu .mod_sub_layout .layout-cell.istart .layout-component {margin:0px 4px !important;}
.responsive-menu .mod_sub_layout .layout-cell.istart .resp-logo {float:left;}  
.responsive-menu .mod_sub_layout .layout-cell.istart .layout-component img {
  height: 35px;
  width: auto;
  margin-top: 5px;
}
  
.responsive-menu .slaved {
  position: fixed !important;
  padding: 60px 24px;
  left: -100%;
  width: 100%;
  z-index: 10;
  overflow-y: auto;
  top: 50px;
  height: 100%;
}
.responsive-menu .slaved.open { 
    left:0%;
  }
  

 
/*****RESPONSIVE MENU*****/
  
  
  
.responsive-menu .menu .menubar li ul {
    position: relative;
    left: 2% !important;
    width: 98%;
    max-width: 98%;
    min-width: 98%;
    display: inline-block;
    border-left: 2px solid #fff;
    margin-bottom: 12px;
}

.responsive-menu .menu .menubar li:hover ul {}

 .responsive-menu .menu .menubar li, 
 .responsive-menu .user-menu li { 
    border-bottom: 1px solid #fff !important;
  }
  
.responsive-menu .menu .menubar li > a,  .responsive-menu .user-menu li a {
  background-repeat: no-repeat;
  background-position: 96%;
  color: #fff !important;
  padding-left: 2% !important;
  background-size: 20px;
  padding-bottom: 8px !important;
  padding-right: 22px !important;
  line-height: 20px !important;
  padding-top: 8px !important;
  white-space: normal;
  background-color: transparent;
}

  
  

  
  
/*****END RESPONSIVE MENU DEFAULTS****/  
  
}



 /* Begin CSS Part: Editor Overrides */

 /* Begin CSS Part: Specials */

 /* Begin CSS Part: Effects */
.slaved, body > .layout > .header .layout-cell,
.header .slaved .slave-close {
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -ms-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
}



.gallery-outer .thumb-container .gallery-thumbs .gallery-thumb, .cat-grid .layout-component {
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -ms-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
}



@media screen and (min-width:640px) {
  
.transition, .transition *, .button, input[type="submit"] {
  -webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}

 
}




.custom-slide .slide-content {opacity:0;}



.slideDown {
	animation-name: slideDown;
	-webkit-animation-name: slideDown;	

	animation-duration: 2s;	
	-webkit-animation-duration: 2s;

	animation-timing-function: ease;	
	-webkit-animation-timing-function: ease;	

	visibility: visible !important;
    opacity:1 !important;
}


@keyframes slideDown {
	0% {
		transform: translateY(-100%);
	}
	50%{
		transform: translateY(8%);
	}
	65%{
		transform: translateY(-4%);
	}
	80%{
		transform: translateY(4%);
	}
	95%{
		transform: translateY(-2%);
	}			
	100% {
		transform: translateY(0%);
	}		
}

@-webkit-keyframes slideDown {
	0% {
		-webkit-transform: translateY(-100%);
	}
	50%{
		-webkit-transform: translateY(8%);
	}
	65%{
		-webkit-transform: translateY(-4%);
	}
	80%{
		-webkit-transform: translateY(4%);
	}
	95%{
		-webkit-transform: translateY(-2%);
	}			
	100% {
		-webkit-transform: translateY(0%);
	}	
}




.fadeinslow {opacity:0;}


.fade-in-image {
  animation: fadeIn 2s;
  -webkit-animation: fadeIn 2s;
  -moz-animation: fadeIn 2s;
  -o-animation: fadeIn 2s;
  -ms-animation: fadeIn 2s;
  
  opacity:1;
}


@keyframes fadeIn {
  0.00% {opacity:0;}
  100% {opacity:1;}
}

@-moz-keyframes fadeIn {
  0.00% {opacity:0;}
  100% {opacity:1;}
}

@-webkit-keyframes fadeIn {
  0.00% {opacity:0;}
  100% {opacity:1;}
}

@-o-keyframes fadeIn {
  0.00%{opacity:0;}
  100% {opacity:1;}
}

@-ms-keyframes fadeIn {
  0.00% {opacity:0;}
  100% {opacity:1;}
}



 /* Begin CSS Part: Site Design */
@media screen and (min-width : 1001px) {

body > .layout {
  padding-top: 72px;
}

body > .layout > .header {
  top: 0px;
  left: 0px;
  position: fixed;
  border-bottom: 1px solid #ccc;
}

}

@media screen and (max-width : 1000px) {
body > .layout{
    padding-top: 0px;
}
}

.header .image {
  padding-top: 20px;
  padding-bottom: 4px;
  max-width: 360px;
}


.header .image .component-footer {
  position: absolute;
  top: 30px;
  width: 30px;
  right: -40px;
}


.header .post-listing {
  padding-top: 20px;
  margin: 0px 24px !important;
}


.button.post {color:#fff !important;}



.colour-me {background-color:#fffbee;}

/**********SERVICES GRID**********/

.services-grid .layout-component {
    display: inline-block !important;
    }



.services-grid .layout-component h4 {
    background-color: #e8e8e8;
    color: #2b2b2b;
    padding: 12px 0px 0px;
    margin-top: 12px;
    font-weight: bold;
}

.services-grid .layout-component .content {
    padding: 12px;
    box-shadow: 0px 150px 100px -130px inset rgba(0, 0, 0, 0.15);
}


.services-grid .layout-component img {
    width: 45%;
    margin-bottom:12px;
}



/**********SPLIT SECT***********/

@media screen and (min-width:761px) {

.split-sect {display:table !important;}
.split-sect > .i {display:table-row !important;}
.split-sect > .i > .layout-cell {display:table-cell !important;}

.split-sect > .i > .layout-cell > .layout-component {max-width:650px;}

}

.split-sect > .i > .layout-cell {padding:50px;}
.split-sect > .i > .layout-cell.left-cell > .layout-component {margin-right:0px !important; margin-left:auto;}






/*********FOOTER********/

.footer {
}

.footer .mod_sub_layout > .contain {}

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

.footer .contain .tab-col1 {border-bottom:4px solid #fff; padding-bottom:24px; margin-bottom:24px;}

}


.inline-contact {margin-bottom:12px;}

.inline-contact > label {
    display: inline-block;
}

.inline-contact > div {
    display: inline-block;
}


.footer .layout-cell > label {
  font-family: 'Bebas';
  font-size: 2em;
  margin-bottom: 8px;
  line-height: 1em !important;
}

.bleft {
  padding-left: 24px;
  border-left: 1px solid rgba(255, 255, 255, 0.15);
}

.footer li:hover a {
    text-decoration: underline;
}

.footer .double ul.vertical li {
  width: 50%;
  display: inline-block;
}


.footer ul.menubar li a {
  padding: 6px 0px !important;
}

.footer li ul {display:none !important;}


.footer .li13.li_end span::after {
  content: "";
  width: 20px;
  height: 20px;
  display: inline-block;
  background-image: url(/userfiles/css/images/starcon.png);
  margin-left: 4px;
  background-size: 100%;
  position: absolute;
}

.footer .social-block img {width:35px; margin-right:12px;}


.footer .slim-footer {
    font-size: 12px;
    padding-top: 24px;
    padding-bottom: 20px;
    background-color: rgba(0, 0, 0, 0.1);
}

.footer .slim-footer p {
    font-size: 12px; margin:0px !important;
    }

.footer .slim-footer .menu li a {padding-left:8px !important; padding-right:8px !important;}



.logo-footer img {max-width:200px;}

 /* Begin CSS Part: User Design */

 /* Begin CSS Part: Site Components */
/****CUSTOM SCROLLERS*****/

/***General****/

.beta-scroller-container > .slide-container {max-width:100% !important;}

.full-width.banner-image img {width:100%; max-width:100%;}

.slide {vertical-align:top; display:inline-block;}


/****MAIN BANNER***********/


.main-banner .banner-image .custom-slide:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.15);
    display: inline-block;
    z-index: 999999999;
    top: 0px;
    left: 0px;
}

.banner-image .slide-content {
    position: absolute;
    top: 35%;
    width: 100%;
    margin: auto;
    text-align: center;
    z-index: 100000000000;
}

.banner-image .slide-content h1 {
    font-size: 6em;
    line-height: 1.4em;
}

.banner-image .slide-content h3 {
    font-size: 2em;
    line-height: 1.4em;
}

.banner-image .slide-content p {
    margin: 12px 0px;
    font-size: 20px;
    line-height: 28px;
}



.banner-image .slide-content .button {
    margin-top: 24px;
    margin-left: 12px;
}

.banner-image .slide-content * {color:#fff !important;}


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

.banner-image .slide-content h1 {
    font-size: 4em;
    line-height: 1.4em;
}

}

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

.banner-image .slide-content h1 {
    font-size: 3em;
    line-height: 1.4em;
}

}


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

.banner-image .slide-content {
    top: 35%;
    }


.banner-image .slide-content h1 {
    font-size: 2em;
    line-height: 1.4em;
}

}

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

.banner-image .slide-content {
    top: 15%;
    }

}



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

.banner-image .slide-content {
    top: 5%;
    }
    
}

  

/*******ARROWS*****/

.beta-scroller .scroll-prev, .beta-scroller .scroll-next {
    font-size: 0px;
    width: 40px;
    z-index: 10000000000000;
    position: absolute;
    height: 40px;
    background-repeat: no-repeat;
    background-color: rgba(0,0,0,0.2);
    background-size: 15px;
    background-position: center;
    top: 50%;
    border-radius: 6px;
    opacity: 0.5;
}

.beta-scroller .scroll-prev:hover, 
.beta-scroller .scroll-next:hover {
  background-color: rgba(0,0,0,0.3);
  opacity:1;
}

.beta-scroller .scroll-prev {background-image: url(/userfiles/images/left.png); left:10px;}
.beta-scroller .scroll-next {background-image: url(/userfiles/images/right.png); right:10px;}







/*******COMPANY INFO DEFAULTS********/

.company-info.inline > label, .company-info.inline > div {display:inline-block;}

.company-info.inline-address .company-info-part.address > div > div {
    display: inline-block;
    padding-right: 8px;
}

.company-info.inline-address .company-info-part.address > div > div:after {
    content: ",";
}

.company-info.inline-address .company-info-part.address > div > div:last-child:after {
content: "";

}

/********ITEM SCROLL**********/

.item-scroll .slide-group > .slide > div {width:100% !important;}

/*******LOGO SCROLL********/


.row-scroll .custom-slide > img {display:none !important;}

.row-scroll .slide-content img {
    width: 20%;
    margin: 1%;
}



.divide-block {
    display: block !important;
    height: 0px;
}






 /* Begin CSS Part: Results */

 /* Begin CSS Part: Pages */
.banner-content .banner-image:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.15);
    display: inline-block;
    z-index: 999999999;
    top: 0px;
    left: 0px;
}

.banner-content .nested-banner {
    position: absolute;
    bottom: 0%;
    left: 0px;
    z-index: 100000000000;
}

.banner-content .title h1 {font-size:5em; color:#fff;}
.banner-content h2 {font-size:3em; color:#fff; margin-bottom:12px;}
.banner-content p {font-size:1em; color:#fff;}


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

.banner-content .title h1  {
    font-size: 3.5em;
    line-height: 1.4em;
}
}


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

.banner-content .title h1  {
    font-size: 3em;
    line-height: 1.4em;
}
}

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

.banner-content .nested-banner {
    top: 35%;
    }
}



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

.banner-content .nested-banner {
    top: 30%;
    }
}


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

.banner-content .title h1  {
    font-size: 2em;
    line-height: 1.4em;
}


}





/********TEAM MEMBERS************/

.team-member {
    background-color: #efefef;
    padding: 24px 12px;
    margin-bottom: 24px;
}

.team-member label {display:none !important;}

.team-member .name {
    font-size: 28px;
    vertical-align: bottom;
    line-height: 30px;
}

.team-member .role {
    vertical-align: bottom;
    margin-left: 6px;
    font-style: italic;
    font-weight: bold;
    color: #872a3f;
}

.team-member .bio {
    border-top: 1px solid #ccc;
    margin-top: 12px;
    padding-top: 12px;
    font-size: 14px;
    line-height: 22px;
}

.team-member .email-address {
    margin-left: 12px;
    vertical-align:bottom;
}

.team-member .name, .team-member .role, .team-member .email-address {display:inline-block; width:auto !important;}



.bordered-image {
    border: 2px solid #ccc;
    padding: 24px;
}



.services-sect, .services-sect .services-grid {padding-top:24px; border-top:1px solid #ccc; padding-bottom:24px;}

.services-sect .services-grid {
    margin-top: 24px;
}




/******DESIGN*******/

.image-table {
    width: 100%;
    text-align: center;
}

.image-table img {width:85%;}


/*****BUILD******/

.table-group {
    display: inline-block;
    margin-bottom: 24px;
    width: 100%;
    padding-bottom: 12px;
}

.table-group + .table-group { padding-top: 24px;   border-top: 1px solid #ccc;}

.table-block {
    display: inline-block;
    width: 50%;
    float: left;
}

.table-block, .table-block label {
    font-size: 14px;
    color: #757575;
}

table.double-image {
    width: 100%;
    margin-top:4px;
}

.table-block img {
    width: 85%;
    border: 1px solid #ccc;
    box-shadow: 0px 25px 20px -22px rgba(0, 0, 0, 0.4);
}




/************CONTACT PAGE*************/

.content-section .layout-component.company-info {
    padding: 12px;
}

.content-section .layout-component.company-info .company-info-part {
    margin-bottom: 4px;
    font-size: 16px;
    background-repeat: no-repeat;
    padding-left: 40px;
    background-size: 20px;
    background-position: 4px 6px;
    font-weight: bold;
    padding-top: 6px;
    padding-bottom: 6px;
    color: #555;
}

.content-section .company-info-part.name {background-image: url(/userfiles/images/role.png);}
.content-section .company-info-part.telephone {background-image: url(/userfiles/images/phone.png);}
.content-section .company-info-part.email {background-image: url(/userfiles/images/mail.png);}
.content-section .company-info-part.address {background-image: url(/userfiles/images/pin.png);}




 /** Begin CSS Section: modules */

 /* Begin CSS Part: 404 */

 /* Begin CSS Part: Admin */

 /* Begin CSS Part: Auth */

 /* Begin CSS Part: Auto Pdf */

 /* Begin CSS Part: Basket */
.mini-basket .action-button a {
    height: 40px;
    width: 40px;
    background-image: url(/userfiles/css/images/slimbasket.png);
    background-size: 100%;
    background-color: transparent !important;
    font-size: 0px;
    border:none !important;
}

.mini-basket .count {
  position: absolute;
  top: 30px;
  font-size: 10px;
  color: #333 !important;
}

.header-trigger * {text-align:center !important;}
.header-trigger {margin-top:8px; padding-left:12px;}

.header-trigger p {margin-bottom:0px !important;}

.header-trigger img {
  width: 40px;
}
    
.header-trigger .component-footer p, .mini-basket .total span {
  font-size: 12px;
  display: inline-block;
  margin-top: 4px;
}


/*******CART STAGES***********/

.cartstages {padding-bottom:12px;}

.cartstages p {
    background: #eee;
    font-size: 18px;
    padding: 4px;
    margin: 4px;
    font-weight: bold;
    text-indent: 8px;
    opacity:0.5;
}

.cartstages p span.text {
    font-weight: normal;
    margin-left: 16px;
    line-height: 24px;
    font-size: 16px;
}

.cartstages p a {color:#333;}

.cartstages .active p {
    background-color: #3B1547;
    color: #fff;
    opacity:1;
}

.cartstages .active p a {color:#fff !important;}

.cartstages .complete p {
    background-color: green;
    color: #fff;
    opacity: 0.75;
}

.cartstages .complete p a {color:#fff !important;}

.cartstages p span.number {
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: inline-block;
    background-color: #333;
    color: #fff;
    text-align: center !important;
    margin: 0px !important;
    text-indent: 0px;
    font-size: 14px;
    line-height: 24px;
    font-weight: bold !important;
}

.cartstages .active p span.number {    background-color: #fff; color:#3B1547;}

.cartstages .complete p span.number{
    background-image: url(/userfiles/css/images/tick.png);
    font-size: 0px;
    vertical-align: top;
    background-color: transparent;
}

@media screen and (max-width : 1000px) {
.cartstages .col4 {width:49.5%}
}


@media screen and (max-width : 760px) {
.cartstages .col4 {
    width: 100%;
    margin: 0px !important;
    text-align: left !important;
}

.cartstages .col4 p {
    text-align: left !important;
}

}



/*********BASKET CONTROLS**************/


.basket-controls .button {
    font-size: 12px;
    padding: 10px 12px 10px 38px;
    background-image: url(/userfiles/images/rightarrow.png);
    background-size: 20px;
    background-position: 10px center;
}

 /* Begin CSS Part: Calendar */

 /* Begin CSS Part: Categories */
/*****LISTINGS*****/

.mini.listing {
  box-shadow: 0px 4px 18px -10px rgba(0, 0, 0,0.5);
  border-radius: 8px;
  border: 1px solid #efefef;
  overflow: hidden;
  margin-bottom:24px;
  background-color:#fff;
}

.mini.listing .listing-detail {
  padding: 12px;
}


.mini.listing .title h4 {
  font-size: 28px;
  font-family: 'Bebas';
}

.mini.listing .summary-attributes {padding:12px 0px;}

.mini.listing .summary-attributes .collation-attribute-group {
  display: inline-block;
  padding: 0px 0px;
  margin-right: 1%;
  margin-top: 2px;
  margin-bottom: 2px;
  min-width: 30%;
}

.mini.listing .summary-attributes .collation-attribute-group .attribute-main-image {
  width: 18px;
  margin-right: 5px;
}

.mini.listing .summary-attributes .collation-attribute-group .attribute-name {
  font-size: 13px;
}

.mini.listing .summary-attributes .collation-attribute-group .collation-attribute {
  font-size: 13px;
}


.mini.listing .seller-info {border-top:1px solid #ccc; padding:12px 0px;}

.mini.listing .seller-info p {font-size:14px; margin-bottom:4px !important;}

.mini.listing .seller-info .seller-image img {
  width: 75px;
}


.mini.listing .highlight {
  background-color: #fffbee;
  padding: 6px;
  text-align: center;
  font-size: 18px;
  margin-top: 12px;
  margin-bottom: 12px;
  border: 1px solid #f0e8cd;
  border-radius: 4px;
  line-height: 26px;
}

.mini.listing .location.highlight p {  line-height: 26px;  font-size: 18px; margin:0px !important;}


.mini .icon-label {
  margin-bottom: 8px !important;
  padding-left: 34px !important;
  background-repeat: no-repeat;
  background-position: 8px center !important;
  background-size: 18px;
  margin-top: 0px !important;
}

/*********FILTERS***********/

.attribute-filter-tab {
  border: 1px solid #efefef;
  margin-bottom: 12px;
  background-color: #fff;
  border-radius: 4px;
}


.attribute-filter-tab > label {
  font-size: 18px;
  font-family: 'Bebas';
  padding: 12px 10px 0px;
}

.attribute-filter-tab > .attribute-set {
  padding: 4px 8px 8px;
  max-height: 300px;
  overflow-y: auto;
  scrollbar-width: thin;
}


/*****MEMBERS*****/

.collation-filter .attribute-member {
  clear: both;
  padding: 2px;
}

.collation-filter .attribute-member label {
  display: inline-block;
  vertical-align: top;
}

.collation-filter input[type="checkbox"] {
  transform: scale(1.1);
  margin-right: 8px;
  float: left;
  margin-top: 4px;
}



 /* Begin CSS Part: Checkout */
.headed-section select, 
.headed-section input[type="text"],
.headed-section textarea {
    width: 96%;
}

.headed-section.discount-code .apply-code, .headed-section.discount-code .remove-code,
.headed-section.delivery-address .button, .headed-section.billing-address .button {
    border-radius: 0px;
    height: 28px;
    line-height: 28px;
    padding: 0px 12px;
}



.headed-section.discount-code .apply-code {
    width: 70px;
    position: absolute;
    top: 0px;
    right: 70px;
    border: 0px;
    background-color: green;
    border-right: 2px solid #fff;
    border-left: 2px solid #fff;
}

.headed-section.discount-code .remove-code {
    width: 70px;
    position: absolute;
    top: 0px;
    right: 0px;
    border: 0px;
    background-color: darkred;
}


.headed-section.delivery-address .button, .headed-section.billing-address .button {
    position: absolute;
    top: 0px;
    right: 0px;
    background-color: #61859b;
    border-left: 1px solid #fff;
    border-top: none;
    border-bottom: none;
    border-right: none;
}


.termsConditions {
    padding: 12px;
    max-height: 164px;
    overflow: auto;
    border: 1px solid 
    #ccc;
    width: 96%;
    margin: auto;
}

.termsConditions .layout-cell {padding:0px !important;}
.termsConditions .layout-cell h1, .termsConditions .layout-cell h2 {font-size:18px !important;}

.terms-accept {
    text-align: center !important;
    padding: 12px;
}
.terms-accept > * {display:inline-block;}

.terms-conditions .error .message {
    text-align: center;
    padding: 12px;
    border: 1px solid #ccc;
width: 96%;
margin: 12px auto;
background-color: darkred;
color:    #fff;
}



/**********CHANGE DELIVERY***********/

.address-form.new-address {text-align:left;}

.address-form.new-address > div {
    width: 49% !important;
    text-align: left;
    display: inline-block;
    margin-right: 1%;
}

.address-form.new-address > div:nth-child(even) {
    margin-right: 0%;
}

.create-address .footer-controls {border-top:1px solid #ccc; padding-top:12px; margin-top:12px;}


@media screen and (max-width:520px) {
.address-form.new-address > div {width:100% !important; margin-right:0px !important;}
}

 /* Begin CSS Part: Collation */
.content-color .main-content {
  background-color: #fffbee;
}

.btop {padding-top:12px; border-top:1px solid #ccc;margin-top:12px;}
.bbottom {padding-bottom:12px; border-bottom:1px solid #ccc;margin-bottom:12px;}

/*********IMAGES************/

.collation-item-thumbs {padding:12px 0px;}
.collation-item-thumbs .image-thumb {padding:0px 8px; cursor:pointer;}

.collation-gallery-image-container .gallery-image {padding:0px !important;}


/*******EXTRA THUMBS*********/

.image-thumbs {padding:12px 0px;}

.image-thumbs .image-thumb {
  padding: 0px;
  cursor: pointer;
  border: 1px solid #ccc;
  margin-right: 8px;
}


/********LISTING DETAILS******/


.listing-page .detail-container {
  background-color: #fff;
  padding: 18px;
  box-shadow: 0px 10px 20px -10px #000;
  border-radius: 4px;
  border: 1px solid #ccc;
  margin-bottom:24px;
}


.listing-page .detail-container .book-mark {
  position: absolute;
  right: 0px;
  width: auto;
  z-index: 100;
}

.listing-page .book-mark a {
  background-color: #e8640c;
  color: #fff;
  font-size: 16px;
  padding: 4px 12px;
  display: inline-block;
}


.product-main h1 {
  font-size: 28px;
}


.product-main h2 {
  font-size: 20px;
  margin: 0px;
}


.product-main .price {
  background-color: #fffbee;
  padding: 12px;
  text-align: center;
  font-size: 20px;
  margin-top: 12px;
  margin-bottom: 12px;
  border: 1px solid #f0e8cd;
  border-radius: 4px;
  line-height: 26px;
}


.product-main .location {
  background-color: #fffbee;
  padding: 12px;
  text-align: center;
  font-size: 20px;
  margin-top: 12px;
  margin-bottom: 12px;
  border: 1px solid #f0e8cd;
  border-radius: 4px;
}

.product-main .location p {margin:0px !important; line-height: 26px;}



/**********CONTACT / DETAILS************/


.icon-label {
  margin-bottom: 12px;
  padding-left: 32px;
  background-repeat: no-repeat;
  background-position: left 4px;
  background-size: 24px;
}

.icon-label label {
  font-size: 12px;
  line-height: 12px;
}

.icon-label .content {
  font-size: 20px;
  line-height: 24px;
}


.icon-label.contact-tel {
  background-image: url(/userfiles/css/images/telephone.png);
}

.icon-label.contact-email {
  background-image: url(/userfiles/css/images/email.png);
}

.icon-label.type {
  background-image: url(/userfiles/css/images/info.png);
}

.icon-label.location {
  background-image: url(/userfiles/css/images/location.png);
}




.mini .icon-label {
  margin-bottom: 8px;
  padding-left: 26px;
  background-repeat: no-repeat;
  background-position: left 2px;
  background-size: 18px;
}

.mini .icon-label label {
  font-size: 12px;
  line-height: 12px;
}

.mini .icon-label .content {
  font-size: 16px;
  line-height: 24px;
}

.mini .icon-label .content p {margin-bottom:0px !important;}


/********MESSAGEING*********/

.message > .collapsible-trigger {
  cursor: pointer;
  background-color: #9aa17a;
  color: #fff;
  font-size: 20px;
  padding: 12px;
  text-align: center;
  border-radius: 4px;
  position: relative;
  z-index: 1;
}



.message > .collapsible-content {
  padding: 24px;
  border: 1px solid #ccc;
  margin-top: -10px;
  z-index: 0;
  position: relative;
  text-align: center;
}


.message > .collapsible-content .mod_form {
  text-align: left;
}


.message .send {
  font-size: 1em;
  line-height: 1.2em;
  padding: 10px 42px 8px 24px;
  background-image: url(/userfiles/images/rightarrow.png);
  background-position: center right 12px;
  background-size: 20px;
}


/*******ATTRIBUTES*********/


/*****LISTING TYPE**********/

.attribute-name.listingtype {display:none;}

.listingtype .attribute-value {
  font-size: 16px;
  display: inline-block;
  background-color: #9aa17a;
  color: #fff;
  padding: 4px 12px;
  margin-bottom:12px;
}


/*****TEXT ATTRIBUTES*******/


.summary-attributes.bordered-block {

border:1px solid #ccc;
padding:12px;

}

.summary-attributes .collation-attribute-group {
  display: inline-block;
  padding: 4px 0px;
  margin-right: 1%;
  margin-top: 6px;
  margin-bottom: 6px;
}

.summary-attributes.two-width .collation-attribute-group {
  min-width: 45%;
}
.summary-attributes.three-width .collation-attribute-group {
  min-width: 30%;
}




.summary-attributes .collation-attribute-group .attribute-main-image {
  width: 24px;
  display: inline-block;
  margin-right: 8px;
}

.summary-attributes .collation-attribute-group .attribute-name {
  display: inline-block;
  font-size: 14px;
  margin-right: 4px;
  color: #533511bd;
}

.summary-attributes .collation-attribute-group .collation-attribute {
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
}

.summary-attributes .attribute-image {display:none;}





/**********SELLER DETAILS************/

.seller-image img {
width:150px; 
border-radius:50%;
}




/***********TABBED INFO**************/

.tabbed-form .tab-container {
    margin-bottom: 0px !important;
}

.tabbed-cell .tab-container .lm-tab {
  background-color: #533511;
  color: #fff !important;
  padding: 12px;
  display: inline-block;
  width: 20%;
  opacity: 0.8;
  margin-bottom: 0px !important;
  border-bottom: 0px !important;
}

.tabbed-cell .tab-container .lm-tab.active {    opacity: 1;}

.tabbed-cell .lm-tab-wrapped {padding:12px; border:2px solid #533511; background-color:#fff;}





/**********FULL DETAILS************/


.detail-container.collection > div {
  padding-bottom: 12px;
}
.detail-container.collection > div + div {padding-top:12px; border-top:1px solid #ccc;}

.detail-container.collection .layout-component.headed > label {
  font-size: 20px;
  color: #fff;
  line-height: 22px;
  margin-bottom: 8px;
  font-family: 'Bebas';
  background-color: #533511;
  padding: 10px 8px 8px !important;
  display: inline-block;
  width: 100%;
}




.grid-attributes .attribute-main-image {display:none !important;}

.grid-attributes .collation-attribute-group {
  display: table;
  width: 100%;
  border-collapse: collapse;
  background-color: #efefef;
}

.grid-attributes .collation-attribute-group + .collation-attribute-group {
  margin-top: -1px;
  }

.grid-attributes .collation-attribute-group:nth-child(odd) {
  background-color: #ffffff;
}

.grid-attributes .collation-attribute-group .attribute-name, 
.grid-attributes .collation-attribute-group .collation-attribute {
  display: table-cell;
  width: 50%;
  border: 1px solid #ccc;
  padding: 4px 12px;
}

.grid-attributes .collation-attribute-group .attribute-name {}

.grid-attributes .collation-attribute-group .collation-attribute {}




.multi-grid-attribute {
  display: table !important;
  width: 100% !important;
  border-collapse: collapse;
  background-color: #efefef;
}

.multi-grid-attribute > label,
.multi-grid-attribute .collation-attribute-group {
  display: table-cell;
  width: 50%;
  border: 1px solid #ccc;
  padding: 4px 12px;
}


.multi-grid-attribute .collation-attribute-group .attribute-name {display:none !important;}

.multi-grid-attribute .collation-attribute-group .collation-attribute {display:inline-block;}


.multi-grid-attribute .collation-attribute-group .collation-attribute + .collation-attribute::before {
  content: "-";
  padding: 0px 8px;
}

/******RELATED - LINKED ITEMS*****/



.layout-component.linked-items {border-top:1px solid #ccc; padding-top:24px;}




/************JOBS****************/


.equal-block {
  display: flex !important;
  margin-bottom: 12px;
}

.equal-block > .layout-cell {
  border: 1px solid #ccc;
  flex: 1;
  padding: 12px;
  background-color: #fffbee;
}



/**************RESPONSIVE*************/


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


.layout .listing-intro > div {width:100% !important; margin-right:0px !important; padding-right:0px !important;}

.layout .listing-intro {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    
    /* optional */
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }

  .layout .listing-intro .listing-images {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
  }
  
  .layout .listing-intro .listing-info {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
  }
}


 /* Begin CSS Part: Collation Admin */
/**********USER EDITING*************/

.acc-area .layout-cell.edit-col1 {
  width: 100% !important;
  margin: 0px !important;
  padding: 24px 0px;
  border-bottom: 1px solid #ccc;
}




/***********LISTINGS LIST*********/


.eos-list .new-entry {
  font-size: 20px;
  line-height: 28px;
  padding-left: 40px;
  margin-bottom: 24px;
}

.eos-list .quick-search, .eos-list .delete-selected {display:none !important;}

.list-headings {
  background-color: #533511 !important;
}

.eos-list-output .list-column {
  padding: 8px !important;
}


.eos-list-output .list-column.select-all {display:none !important;}




/********CATEGORIES************/


#category-selector-search {position:relative;}

#category-selector-search label {display:none;}
#category-selector-search .button {
  position: absolute;
  right: 16px;
  border-radius: 0px;
  top: 0px;
}


#category-selector-cats li {
  text-align: left;
  border-bottom: 1px solid #ccc;
  padding: 4px;
}

.component-actions .quick-help {display:none !important;}



/********ATTRIBUTES**********/

.common-values.check-list-content {
  border: 1px solid #ccc;
  padding: 12px;
  max-height: 300px;
  overflow-y: scroll;
}

.cv-attribute.check-list-item {
  padding: 4px 0px;
}


.cv-attribute.check-list-item + .cv-attribute.check-list-item {  border-top: 1px solid #ccc;}

.cv-attribute.check-list-item input {
  display: inline-block;
  margin-right: 4px;
}
.cv-attribute.check-list-item label {
  display: inline-block;
}












 /* Begin CSS Part: Content Creator */

 /* Begin CSS Part: Cookies */

 /* Begin CSS Part: Crm */

 /* Begin CSS Part: Currency Converter */

 /* Begin CSS Part: Discount */

 /* Begin CSS Part: Email Template */

 /* Begin CSS Part: Form */
/****INPUTS****/

input[type="number"] {
    -moz-appearance: textfield;
}

input, select, textarea {
      display: inline-block;
}

input[type="text"], input[type="email"], input[type="number"], select, textarea, input[type="password"] {
  cursor: text;
  width: 100%;
  padding: 4px 12px;
  font-size: 12px;
  height: 40px;
  line-height: 40px;
  margin-bottom:12px;
}


input[type="file"] {
  cursor: text;
  width: 100%;
  padding: 4px 12px;
  font-size: 12px;
  height: 40px;
  line-height: 32px;
  margin-bottom: 12px;
}


.ajax-image-upload {
  cursor: pointer !important;
  height: 40px !important;
  line-height: 20px !important;
  margin-top: 4px;
  padding: 10px !important;
  vertical-align: middle;
}

select {cursor:pointer;}


textarea {
    min-height: 200px;
    line-height: 20px;
}

input[type="checkbox"], input[type="radio"] {}



.missing, .missing:hover {
  border-color: rgb(255, 0, 0) !important;
  box-shadow: 0 0 2px 2px rgb(255, 0, 0) !important;
}


/*****FILE UPLOAD*******/

.file input{
    opacity: 0;
    width: 100%;
    position: absolute;
    left: 0px;
    cursor: pointer;
    z-index: 10000;
}

.file .button {
    font-size: 16px;
    padding-left: 38px;
    line-height: 24px;
    background-image: url(/userfiles/images/upload.png);
    background-position: 10px center;
    background-size: 20px;
}


/****CHECKBOXES****/

.rt-label {display:inline-block;}

.multi-select-container {
    display: inline-block;
    vertical-align: top;
    width: 100%;
}

.checkbox-options span.checkbox {
    clear: both;
    display: inline-block;
}

.multi-select-container input, .checkbox-value input, span.checkbox input {
    margin-top: 4px;
    margin-right: 6px;
    vertical-align: top;
}

.multi-select-container.checkbox-value label, span.checkbox label {
    display: inline-block;
    width: auto;
    max-width: 90%;
    font-size: 13px;
}

.checkbox-value label {display: inline-block;}


/*****SECURITY CODE*****/

.captcha-code, .security-code {
  margin: 10px 0 !important;
  padding: 8px 0;
  text-align: center !important;
  width: 100% !important;
}
.captcha-code label, .security-code label {
  text-align: center !important;
  font-size: 12px;
}
.captcha-code img, .security-code img {
  display: inline-block;
  height: 42px;
  width: auto !important;
}
.captcha-code input, .security-code input {
  display: inline-block;
  font-size: 20px;
  height: 42px !important;
  vertical-align: top;
  width: 122px !important;
  margin-bottom: 0px;
}


.g-recaptcha > div {
    margin: auto !important;
}

/****END SECURITY CODE*****/

 /* Begin CSS Part: Home */
.torn-footer .custom-slide::after, 
.home-grid .layout-component::after {
  content: " ";
  background-image: url(/userfiles/css/images/grass.png);
  position: absolute !important;
  bottom: -1px;
  width: 100%;
  display: inline-block;
  height: 40px;
  background-size: contain;
  background-repeat: repeat-x;
  background-position: bottom;
  left: 0px;
}


/********HOME BANNER************/


.custom-slide .slide-content {
  position: absolute;
  width: 90%;
  height: 90%;
  display: flex;
  align-items: center;
  justify-content: left;
  left: 5%;
  top: 5%;
}

.custom-slide .slide-content > .i {
  width: 100%;
  display: inline-block;
  max-width: 1366px;
  margin: auto;
}

.custom-slide .slide-content h2, .custom-slide .slide-content h3, .custom-slide .slide-content p {
color: #3B1547 !important;
}

.custom-slide .slide-content h2 {
  font-size: 70px;
  font-family: 'Bebas';
  line-height: 1em !important;
  margin: 0px !important;
}

.custom-slide .slide-content h3 {
  font-family: 'Pacifico';
  font-size: 65px;
  line-height: 50px;
  margin-bottom: 40px !important;
}


.custom-slide .slide-content h3 img {
  max-width: 36px;
  margin-left: 10px;
  border: 1px solid #fff;
  border-radius: 50%;
  vertical-align: top;
  margin-top: 20px;
}

.custom-slide .slide-content p {
  font-size: 26px;
}

.custom-slide .slide-content .button {
  font-size: 16px;
  border: 2px solid #fff;
}




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

.custom-slide .slide-content {
  position: relative;
  width: 100%;
  height: 100%;
  display: inline-block;
  left: 0px;
  top: 0px;
  background-color: #baa5ba;
}

.custom-slide .slide-content > .i {  padding: 0px 24px 34px;}


.torn-footer .custom-slide .slide-content::before {
  content: " ";
  background-image: url(/userfiles/css/images/hoverpurplegrass.png);
  position: relative !important;
  bottom: 30px;
  width: 100%;
  display: inline-block;
  height: 40px;
  background-size: contain;
  background-repeat: repeat-x;
  background-position: bottom;
  left: 0px;
}

.beta-scroller .scroll-prev, .beta-scroller .scroll-next {display:none !important;}

}

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

.custom-slide .slide-content h2 {
  font-size: 50px;
}

.custom-slide .slide-content h3 {
  font-family: 'Pacifico';
  font-size: 50px;
  line-height: 50px;
  margin-bottom: 22px !important;
  margin-top: 2px;
}

}


/**********subscriptions**************/

.sub-sect {
  margin-bottom:-40px;
  background-color: #BAA5BA;
  padding-top: 70px;
  padding-bottom: 70px;
  margin-top: 30px;
}


.sub-sect > .i {
  padding: 12px;
}

.sub-sect::before {
  content: " ";
  background-image: url(/userfiles/css/images/hoverpurplegrass.png);
  position: absolute !important;
  top: -40px;
  width: 100%;
  display: inline-block;
  height: 40px;
  background-size: contain;
  background-repeat: repeat-x;
  background-position: bottom;
  left: 0px;
}

.sub-sect p,
.sub-sect li,
.sub-sect label
{color:#fff !important;}


.sub-sect .component-topper p {margin:0px !important;}


.sub-sect .image-tag {
  padding: 12px 0px;
}

.image-tag img {
  height: 32px !important;
  width: auto !important;
}


.sect-text {
  padding: 24px;
  border-radius: 12px 12px 0px 0px;
  
/* background: rgb(168,151,161);
background: -moz-linear-gradient(177deg, rgba(168,151,161,1) 37%, rgba(230,214,186,0) 96%);
background: -webkit-linear-gradient(177deg, rgba(168,151,161,1) 37%, rgba(230,214,186,0) 96%);
background: linear-gradient(177deg, rgba(168,151,161,1) 37%, rgba(230,214,186,0) 96%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a897a1",endColorstr="#e6d6ba",GradientType=1); */

 background: rgb(59,21,71);
background: -moz-linear-gradient(180deg, rgba(59,21,71,1) 0%, rgba(168,151,161,0.7707283597032564) 67%, rgba(168,151,161,0) 100%);
background: -webkit-linear-gradient(180deg, rgba(59,21,71,1) 0%, rgba(168,151,161,0.7707283597032564) 67%, rgba(168,151,161,0) 100%);
background: linear-gradient(180deg, rgba(59,21,71,1) 0%, rgba(168,151,161,0.7707283597032564) 67%, rgba(168,151,161,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3b1547",endColorstr="#a897a1",GradientType=1); 

}

.sect-text h2 {font-size:38px; font-family:'Bebas'}

.sect-text label {
  padding: 8px 0px;
  font-size: 22px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  margin-bottom: 12px;
}

.sect-text .button {background-color:#3B1547 !important;}



.home-grid .layout-component {margin-bottom:12px;}

.home-grid .layout-component p {margin:0px !important;}

.home-grid .layout-component h4 {
  position: absolute;
  bottom: 10%;
  right: -2%;
  background-color: #e8640c;
  color: #fff;
  padding: 12px 40px 12px 24px;
  font-size: 20px;
  border-left: 8px solid #fff;
  border-radius: 0px 50px 50px 0px;
  background-image: url(/userfiles/css/images/fastforward.png);
  background-repeat: no-repeat;
  background-position-x: right 14px;
  background-size: 16px;
  background-position-y: center;
}



.footer {padding-top:24px !important;}



 /* Begin CSS Part: Multi User */

 /* Begin CSS Part: News Letter */

 /* Begin CSS Part: Order Manager */
.mod_orders_component_invoice {}
.summary-section {border:1px solid #ccc;}
 /* Begin CSS Part: Orders */
.product-table-display .heading-row, 
.headed-section > label, 
.summary-section > label, 
.summary-section .layout-component > label { background-color: #444;}

.padding-top-large  {padding-top:24px;}
.padding-right-large  {padding-right:24px;}
.padding-bottom-large  {padding-bottom:24px;}
.padding-left-large  {padding-left:24px;}


.invoice-layout {padding:12px;}

.invoice-logo {padding-bottom:24px;}

.headed-section {
    margin-bottom: 12px;
    border: 1px solid #ccc;
    text-align:center;
}

.headed-section > label {
    color: #fff;
    padding: 4px 8px;
    margin-bottom: 8px;
    text-align:left !important;
    display:block;
}


.delivery-address > div, .billing-address > div {
    padding: 0px 12px 12px;
    text-align: left;
}






/****Products*****/

.product-table-display > .layout > .layout-cell {
    padding: 4px 12px;
}


.product-table-display .heading-row {
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  font-weight: normal;
}

.product-table-display .heading-row .layout-component {line-height:24px; color:#fff; font-size:12px;}

.product-table-display .result-row .layout-cell {border: 1px solid rgb(204, 204, 204);}

.product-table-display .result-row .title {font-weight:bold;}


.product-table-display .options .option-field {
    border-top: 1px solid #ccc;
    padding: 2px;
}
.product-table-display .options .option-field label {}
.product-table-display .options .option-field span {}

.product-table-display .options .option-field label, .product-table-display .options .option-field span {
    display: inline-block;
    font-size: 12px;
}

.product-table-display .result-row .quantity input {margin-bottom:0px !important;}


.product-table-display .result-row .quantity .qty.increase, .product-table-display .result-row .quantity .qty.decrease {
    position: absolute;
    top: 0px;
    width: 14px;
    padding: 0px;
    height: 40px;
    line-height: 40px !important;
    text-align: center !important;
    border-radius: 0px;
    border: none !important;
    font-size: 14px;
}

.product-table-display .result-row .quantity .qty.increase {
    right: 0px;
}


.product-table-display .result-row .quantity .qty.decrease {
    left: 0px;
}


.product-table-display .heading-row .title-hide {display:none !important;}


@media screen and (min-width:761px) {


.product-table-display {
    display: table !important;
    border-collapse: collapse;
}
.product-table-display > .layout {display:table-row;}

.product-table-display > .layout > .layout-cell {
    display: table-cell;
    vertical-align: middle;
}


.product-table-display > .layout > .layout-cell > label {display:none !important;}

.product-table-display > .layout > .layout-cell > .layout-component > label {display:none !important;}

.product-table-display .result-row .quantity .qty.increase, .product-table-display .result-row .quantity .qty.decrease {width:20px !important;}

}



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

.product-table-display .heading-row {display:none !important;}
.product-table-display > .layout > .layout-cell {width:100% !important; margin:0px !important;}
.product-table-display > .layout > .layout-cell * {text-align:center !important;}

.summary-section {width:100% !important; margin:right:0px !important;}

.product-table-display > .layout > .layout-cell > label {
    background-color: #555;
	color:#fff;
    font-size: 12px;
    padding: 4px;
}

.product-table-display > .layout > .layout-cell {padding:0px; border:none !important;}
.product-table-display > .layout > .layout-cell .layout-component {padding:6px;}

.product-table-display > .layout > .layout-cell .layout-component.price {
    font-size: 18px;
    font-weight: bold;
}


.product-table-display .result-row {
    border: 2px solid #555;
    margin-bottom: 24px;
}


.product-table-display .result-row .quantity .qty.increase, .product-table-display .result-row .quantity .qty.decrease {
    top: 6px;
}

.product-table-display .result-row .quantity .qty.increase {
    right: 6px;
}


.product-table-display .result-row .quantity .qty.decrease {
    left: 6px;
}



}



/********Summary Section**********/

.summary-section {
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
}

.summary-section > label {
    color: #fff;
    border-bottom: 1px solid #ccc;
	padding: 8px;
    font-size: 14px;
    text-align: center;
    display:block;
}


.summary-section .layout-component {
	border-bottom:1px solid #ccc;
    font-size: 12px;
    text-align: center;
    line-height: 30px;
    clear: both;
}

.summary-section .layout-component > label {
    width: 50%;
    display: inline-block;
    color: #fff;
    float:left;

}

/******INVOICE DISPLAY********/

.layout-component.invoice > .mod_orders_component_invoice.invoice-layout {
    padding: 24px;
    border: 1px solid #ccc;
}

.invoice-footer {
    padding: 12px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.invoice-footer > .layout-cell > label {font-weight:bold;}

.invoice-footer .company-info {
    margin: 6px auto;
        margin-right: auto;
    font-size: 14px;
    color:  #333;
}

.invoice-footer .company-info label {    color:  #333;     font-size: 14px;}

.company-info.inline > label, .company-info.inline > div {
    display: inline-block;
}

.company-info.inline-address .company-info-part.address > div > div {
    display: inline-block;
    padding-right: 8px;
}


.summary-section {border:1px solid #ccc;}


/***********PERSONALISATION BASKET*************/

.preview-image, .preview-info {
    display: inline-block;
    width: 50%;
    vertical-align: top;
    padding: 8px;
}

.preview-info label {display:inline-block;}

.preview-info div {
    font-size: 12px;
    line-height: 18px;
}



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

.preview-image, .preview-info {
    width: 100%;
}

}



 /* Begin CSS Part: Payment Gateway */
.payment-gateway-content {
    padding: 150px 12px 12px 12px;
    max-width: 1224px;
    margin: auto !important;
}

.mod_payment_gateway_component_gateway {border:1px solid #ccc; margin-bottom:12px;}

.mod_payment_gateway_component_gateway img {
}

.mod_payment_gateway_component_gateway .link a {
	padding:12px;
    background-color: #555;
	color: #fff !important;
    display: inline-block;
    width: 100%;
}

.mod_payment_gateway_component_gateway .link a:hover {background-color:#333;}



.mod_payment_gateway .headed-section.delivery-address .button, 
.mod_payment_gateway .headed-section.billing-address .button {display:none !important;}


 /* Begin CSS Part: Qanda */
/*******QA CONTROL*******/

.qanda-ctrl.disabled {display:none !important;}

.qanda-ctrl .slave-toggle label {
    background-color: green;
    color: #fff;
    padding: 12px 24px;
    width: 100%;
    display: inline-block;
    cursor: pointer !important;
    font-weight: bold;
    border-radius: 4px;
}

.qanda-ctrl .slaved {
    display: none;
    padding: 24px;
    border-bottom: 1px solid #ccc;
    background-color: #efefef;
}

.qanda-ctrl .slaved.open {
    display: inline-block;
}

/******QA LIST********/

.mod_qanda_component_list {
    margin: auto;
}

.mod_qanda_component_list .iteration.headings {display:none !important;}

.mod_qanda_component_list .iteration {
    padding: 24px;
    background-color: rgba(232, 232, 232, 0.4);
    margin-bottom: 12px;
    border-radius: 8px;
}

.mod_qanda_component_list .iteration .name {
    font-weight: bold;
    font-size: 18px;
    line-height: 20px;
}

.mod_qanda_component_list .iteration .comment {}

.question-cell {
    border-bottom: 2px solid #ccc;
    padding-left: 70px;
    padding-bottom: 12px;
    margin-bottom: 12px;
    background-image: url(/userfiles/images/question.png);
    background-size: 60px;
    background-repeat: no-repeat;
    min-height: 75px;
}

.question-cell .question label {
    font-size: 14px;
    color: #005fa8;
    font-weight: bold;
}



.answer-cell {
    padding-left: 70px;
    background-image: url(/userfiles/images/answer.png);
    background-size: 60px;
    background-repeat: no-repeat;
    min-height: 75px;
}

.answer-cell .answer label {
    font-size: 14px;
    color: #db7e04;
    font-weight: bold;
}


 /* Begin CSS Part: Redirect */

 /* Begin CSS Part: Review */
/*****MINI REVIEW STARS******/

.mini-review {vertical-align:bottom;}
.mini-review .star-rating-star {
    width: 30px;
    height: 30px;
}

.layout .average label, .layout .average .average-stars {    display: inline-block;}

.layout .average .based-on {
    display: inline-block;
    font-size: 12px;
    vertical-align: bottom;
}




/******ADD REVIEW********/

.review-ctrl.disabled {display:none !important;}

body .layout .toggle-section {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    display: inline-block !important;
    padding: 12px;
}

.layout .toggle-section * {
    vertical-align: middle;
}

.review-ctrl .slave-toggle label {
    background-color: green;
    color: #fff;
    padding: 12px 24px;
    width: 100%;
    display: inline-block;
    cursor: pointer !important;
    font-weight: bold;
    border-radius: 4px;
}


.review-ctrl .slaved {
    display: none;
    padding: 24px;
    margin: 0px !important;
    border-bottom: 1px solid #ccc;
    background-color: #efefef;
}

.review-ctrl .slaved.open {
    display: inline-block;
}

.review-ctrl .star-rating-star {
    width: 40px;
    height: 40px;
}


/*******REVIEWS LIST******/


.mod_review_component_list {
    margin: 12px auto;
}

.mod_review_component_list hr {
    opacity: 0;
    margin: 0px;
}

.mod_review_component_list .iteration.headings {display:none !important;}

.mod_review_component_list .iteration {
    padding: 24px;
    background-color: rgba(232, 232, 232, 0.4);
    margin-bottom: 12px;
    border-radius: 8px;
}

.mod_review_component_list .iteration .name {
    font-weight: bold;
    font-size: 18px;
    line-height: 20px;
    vertical-align: bottom;
}

.mod_review_component_list .iteration .location {
    font-size: 12px;
    vertical-align: bottom;
    line-height: 20px;
    font-style: italic;
}

.mod_review_component_list .iteration .comment {
    background-image: url(/userfiles/images/leftquote.png), url(/userfiles/images/rightquote.png);
    background-repeat: no-repeat;
    background-position: top left, bottom right;
    padding-left: 50px;
    padding-right: 50px;
    background-size: 35px;
    min-height: 50px;
    padding-top: 8px;
}









 /* Begin CSS Part: Scroller */

 /* Begin CSS Part: Search */
.search .search-go {
  position: absolute;
  top: 0px;
  right: 0px;
  background-color: #e8640c;
  min-width: 40px;
  height: 40px;
  color: #fff;
  text-align: center;
  line-height: 40px;
  font-size: 0px;
  background-image: url(/userfiles/images/search.png);
  background-size: 38px;
  background-repeat: no-repeat;
  background-position: center;
}


.search .collation-search-results * {
    color: #fff !important;
}

.total-result-count {
    text-align: right;
    font-size: 12px;
    border-bottom: 1px solid #fff;
    margin-bottom: 12px;
    padding-bottom: 8px;
}
.total-result-count span {}
.total-result-count span + span {}

.search .collation-search-results .section-results {}
.search .collation-search-results .section-results .item-result {
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    padding: 4px;
    font-size: 14px;
}

.search .collation-search-results .section-results .item-result:hover {
    background-color: rgba(0, 0, 0, 0.3);
    font-weight:bold;
}

 /* Begin CSS Part: Search Results */

 /* Begin CSS Part: Seo */

 /* Begin CSS Part: Shipping */

 /* Begin CSS Part: Snippets */
/******PAGE GALLERY***********/

.gallery-preview .gallery-thumb {
    border: 1px solid #ccc;
    width:32.66%;
    margin-bottom: 12px;
    margin-right:1%;
    position:relative;
}
.gallery-preview .gallery-thumb:nth-child(3n+3) {margin-right:0px !important;} 

.gallery-preview .gallery-thumb img {padding:12px;}
.gallery-preview .gallery-thumb label {
    text-align: center;
    background-color: #505050;
    color: #fff !important;
    padding: 12px;
}



/********SLIDE*********/

.gallery-slide {padding:0px !important; border:1px solid #ccc;}

.gallery-slide label {
    display: inline-block;
    font-size: 16px;
    line-height: 20px;
    background-color: #333;
width: 100%;
color: #fff;
    padding: 8px;
}

.gallery-outer .thumb-container {
    text-align: center !important;
    border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
    margin-top: 12px;
}


.gallery-outer .thumb-container .gallery-thumbs {

}

.gallery-outer .thumb-container .gallery-thumbs .gallery-thumb {
    max-width: 100px !important;
    cursor: pointer;
    padding: 4px;
    border: 1px solid #ccc;
    margin: 10px 4px;
}

.gallery-outer .thumb-container .gallery-thumbs .gallery-thumb:hover,
.gallery-outer .thumb-container .gallery-thumbs .gallery-thumb.active {
    border: 2px solid #646464 !important;
    transform: scale(1.1, 1.1);
    -web-kit-transform: scale(1.1, 1.1);
	background-color: #fff;
    z-index: 1000;
}

.gallery-outer .thumb-container .gallery-thumbs .gallery-thumb {max-width:100px !important; cursor:pointer;}
.gallery-outer .thumb-container .gallery-thumb.active {}
.gallery-outer .thumb-container .gallery-thumb label {display:none !important;}


.gallery-arrow-left, .gallery-arrow-right {
  font-size: 0px;
  width: 30px;
  z-index: 10000000000000;
  position: absolute;
  height: 30px;
  background-repeat: no-repeat;
  background-color: rgba(0,0,0,0.9);
  background-size: 10px;
  background-position: center;
  top: 50%;
  border-radius: 50%;
  opacity: 0.6;
  border: 1px solid #fff;
}

.gallery-arrow-left:hover, 
.gallery-arrow-right:hover {
  background-color: rgba(0,0,0,0.95);
  opacity:1;
}

.gallery-arrow-left {background-image: url(/userfiles/images/left.png); left:10px !important;}
.gallery-arrow-right {background-image: url(/userfiles/images/right.png); right:10px !important;}
 /* Begin CSS Part: Sub Layout */
/***************HOME GRID********************/

/**********CAT COLUMNS*************/

.layout .cat-columns {
  display: flex !important;
  flex-wrap: wrap;
  gap: 1%;
}

@media screen and (min-width:1001px) {
.layout .layout .cat-columns .layout-component {
  margin-right: 0px !important;
  width: 15%;
  flex-grow: 1;
}
}


@media screen and (min-width:761px) and (max-width:1000px) {
  
.layout .layout .cat-columns .layout-component {
  margin-right: 0px !important;
  width: 24%;
  flex-grow: 0;
}
}


@media screen and (min-width: 541px) and (max-width: 760px) {
.layout .layout .cat-columns .layout-component {
  margin-right: 0px !important;
  width: 24%;
  flex-grow: 0;
}
}


@media screen and (max-width: 540px) {
.layout .layout .cat-columns .layout-component {
  margin-right: 0px !important;
  width: 49%;
  flex-grow: 0;
}
}



/*********CAT GRID - CIRCLES**********/

.cat-grid .layout-component.empty {display:inline-block !important;}

.cat-grid .layout-component {
  padding: 12px;
  margin-bottom: 8px;
  background-color: #3B1547;
  border-radius: 8px;
  line-height: 0;
  box-shadow: 0px 30px 10px -25px rgba(0, 0, 0,0.5);
}


.cat-grid .layout-component:hover {
  background-color: #BAA5BA;
}


.cat-grid .layout-component h4 {
  font-family: 'Bebas';
  padding: 10px 0px 8px;
  color: #ffffff;
  font-size: 22px;
  background-color: #F0BE1B;
  border-radius: 50px;
  box-shadow: 0px -14px 14px inset rgba(0, 0, 0,0.25);
  border: 2px solid #fff;
  z-index:1000;
  position:relative;
}

.cat-grid .layout-component:hover h4 {
    background-color: #543459;
    color:#fff !important;
}

.cat-grid .layout-component .component-footer {
  display:none;
    position: absolute;
  top: 0px;
  right: 0px;
  width: 100%;
  height: 100%;
  bottom: 0px;
  left: 0px;
  background-color: #BAA5BA;
    align-content: center;
  align-items: center;
  text-align: center;
  border-radius: 8px;
}

.cat-grid .layout-component:hover .component-footer {
  display: flex;
}

.cat-grid .layout-component .component-footer p {
  margin: 0px !important;
  color: #fff;
  width: 100%;
}
 /* Begin CSS Part: System Manager */

 /* Begin CSS Part: User */
/*******LOGIN REG***********/

.mod_user_component_login .login-tab > .collapsible-trigger {
    width: 100%;
    padding: 16px;
    font-size: 22px;
    background-color: #333333;
    color: #fff;
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: 98% center;
}


.mod_user_component_login .login-tab > .i {
    border: 2px solid #ccc;
    border-top:none !important;
    padding: 12px;
}

.mod_user_component_login .login-tab {margin-bottom:12px;}

.mod_user_component_login .login-tab.have-account > .collapsible-trigger {
    background-image: url(/userfiles/css/images/enter.png);
}

.mod_user_component_login .login-tab.new-customer > .collapsible-trigger {
    background-image: url(/userfiles/css/images/addcustomer.png);
}



.mod_user_component_login .submit-button input {
    width: 100%;
}

.forgot-password a {
    font-size: 12px;
    margin: 12px auto;
    display: inline-block;
    width: 100%;
    text-decoration: underline;
}


.fp-message {
    border: 1px solid #ccc;
    margin-bottom: 12px;
    background-color: #3f87bd;
    color: #fff;
}


.password-reset-sent .email-sent {
    font-size: 12px;
    margin: 12px auto;
    display: inline-block;
    width: auto;
    text-decoration: none;
    background-color: #005fa8;
    padding: 12px 24px 12px 40px;
    color: #fff;
    opacity: 0.75;
    background-image: url(/userfiles/css/images/tick.png);
    background-repeat: no-repeat;
    background-position: 8px center;
}


.password-reset-sent .email-sent + .fp-message {padding:12px;}


.button.plain-text-toggle {
    font-size: 12px;
    display: inline-block;
    text-decoration: underline;
    background-color: transparent !important;
    border: none !important;
    color: #000 !important;
    position: absolute;
    top: 4px;
    padding: 0px;
    right: 0px;
}

/***********DEFAULTS******/

.headed-cell {border:1px solid #ccc;}

.headed-cell > label {
    background-color: #555;
	color:#fff;
    padding: 8px 12px;
}

.headed-cell > .i {padding:12px;}


/*****ADDITIONAL*****/

.acc-area .main-content {
  background-color: #fffbee;
}

.account-mainbar {
background-color:#fff;
  padding: 12px 24px;
  border: 1px solid #ccc;
  box-shadow: 0px 4px 14px -10px #000;
}



@media screen and (min-width : 1001px) {

.account-sidebar {padding-right:24px;}

}

/***Account Sidebar*****/

.account-sidebar .layout-component {
background-color:#fff;
    border: 1px solid #533511;
}
.account-sidebar .layout-component > label {
    background-color: #3B1547;
    color: #FFFFFF;
    display: inline-block;
    padding: 6px 12px;
    width: 100%;
}




.account-sidebar .user-menu li + li {
    border-top: 1px solid #533511;
}


.account-sidebar .user-menu li a {
  font-size: 14px;
  border-left: 4px solid #533511;
  padding: 18px 8px 18px 50px;
  color: #533511;
    background-repeat: no-repeat;
  background-size: 30px;
  background-position: 10px center;
}



.account-sidebar .user-menu li a.um-bookmarks {
  background-image: url(/userfiles/images/heart.png);
}

.account-sidebar .user-menu li a.um-user-custom-menu-624ad033145cd {
  background-image: url(/userfiles/images/user.png);
}




.account-sidebar .user-menu li a.active, 
.account-sidebar .user-menu li:hover a {
    background-color: #EFEFEF;
    border-left: 4px solid #3B1547;
  	color:#533511;
}


/******USER DETAILS*******/

.password {}


.password-entry {
  position: relative;
}

.inc-confirm .password-entry {width:49.5%; display:inline-block; margin-right:1%;}

.inc-confirm .password-entry + .password-entry {margin-right:0px !important;}

.password-entry label {display:block;}

@media screen and (max-width:520px) {
.password-entry {width:100% !important; margin:0px !important;}
}


.avatar input {
    width: auto;
}


.avatar img {
    display: inline-block;
    vertical-align: top;
    margin-right:12px;
}

/******END USER DETAILS*******/

@media screen and (min-width:1001px) {
.mobile-account {display:none !important;}
}
  
@media screen and (max-width:1000px) {

.account-sidebar {display:none !important;}

.account-mainbar {
    width: 100% !important;
    margin: 0px !important;
}

  
.mobile-account label {
    cursor: pointer;
    background-color:#3B1547;
    color: #FFFFFF;
    padding: 8px;
    background-image: url(/userfiles/images/smoothmenuicon.png);
    background-position: 12px center;
    background-repeat: no-repeat;
    background-size: 30px;
    font-size: 18px;
    border-radius: 4px;
    z-index:10;
    position:relative;
}

.mobile-account.layout-component {margin-bottom:24px;}
  
.mobile-account .content {
    width: 100%;
    border: 1px solid #533511;
    margin-top: -4px;
	padding-top: 4px;
	z-index: 1;
    position:relative;
}
  
  .mobile-account li {
  border-bottom:1px solid #533511; 
  padding:4px 2px;
  }
  
  .mobile-account li a {color:#333; padding:6px;}
  
  .mobile-account li:hover {background-color:#3B1547;}
  .mobile-account li:hover a {background-color:; color:#FFFFFF;}
  
  }
  
  /****END MOBILE MENU****/
  


/******PRIVACY**********/

.privacy-page > div {vertical-align:top;}

.checkbox.inline-entry > label {display:inline-block;}
.checkbox.inline-entry {padding:4px 0px;}



/*********ORDERS**********/

.eos-list-output {
    display: table !important;
    border-collapse: collapse;
    margin-top: 12px;
    width: 100%;
}
.eos-list-output .list-entries {display:table-row-group !important;}
.eos-list-output .list-headings, .eos-list-output .list-entry {display:table-row !important;}
.eos-list-output .list-column {
    display: table-cell !important;
    border: 1px solid #ccc;
    width:auto !important;
    font-size: 12px;
    padding: 4px;
}

.list-headings {
    background-color: #555;
    font-weight: bold;
    color: #fff;
    margin-top: 12px;
}

.order-history .filter .auto {
    margin-right: 2px;
    margin-bottom: 4px;
    border: 1px solid #ccc;
padding: 4px 6px;
min-width: 58px;
background-color:#efefef;
}
.order-history .filter .auto label {
    display: inline-block;
    font-size: 12px;
    vertical-align: top;
    line-height: 22px;
}
.order-history .filter .auto input {} 

.large-check label {display:inline-block;}
.large-check input {margin-right:4px;}

.time-restrict {text-align:center; border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:8px;}
 /* Begin CSS Part: Warning */