/* Begin css Combined CSS */
/* Begin css critical CSS */
 
 /** 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: Auto Pdf */

 /* Begin CSS Part: Basket */

 /* Begin CSS Part: Calendar */

 /* Begin CSS Part: Categories */

 /* Begin CSS Part: Collation */

 /* Begin CSS Part: Collation Admin */

 /* Begin CSS Part: Crm */

 /* Begin CSS Part: Cron */

 /* Begin CSS Part: Currency Converter */

 /* Begin CSS Part: Email Template */

 /* Begin CSS Part: Form */

 /* Begin CSS Part: Multi User */

 /* Begin CSS Part: News Letter */

 /* Begin CSS Part: Payment Gateway */

 /* Begin CSS Part: Redirect */

 /* 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 css 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 > .layout-cell {z-index:1000;}

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

body > .layout > .menu-section {z-index:3000;}

body > .layout > .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;
}




@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 {
  background-color: #000;
  bottom: 0;
  box-shadow: 0 0 8px rgb(0, 0, 0);
  display: block;
  height: auto;
  left: 0;
  margin: 0 auto;
  padding: 10px;
  position: fixed;
  right: 0;
  vertical-align: middle;
  width: 100%;
  text-align:center;
}
#cookie_compliance p {
  color: rgb(255, 255, 255) !important;
  display: inline-block;
  float: left;
  font-size: 10px;
  line-height: 16px;
  margin: 5px 0 5px !important;
  padding-left: 20px;
  padding-right:20px;
  width: 86%;
}
#cookie_compliance p a {
  color: rgb(255, 255, 255) !important;
  font-size: 12px;
  font-weight: bold;
  line-height: 16px;
}
#cookie_compliance div.inline {
  background-color: rgb(255, 255, 255);
  border: 1px solid rgb(255, 255, 255);
  border-radius: 2px;
  color: rgb(51, 51, 51);
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  line-height: 10px;
  margin-top: 10px;
  padding: 8px;
  text-align: center;
  width: 14%;
}


#CMS_Provider {
    position:relative;
    margin:0px;
    float:left;
    padding:2px 4px;
    bottom:0px;
    left:0px;
    background:RGBA(255,255,255,0.75);
    font-size:9px;
}
#CMS_Provider a { color:#444!important; }


@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********/

.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,
body > .layout .nested-banner > div {
  max-width: 1366px;
  width: 100%; 
  margin-left:auto !important;
  margin-right:auto !important;
}

body > .layout > .full-width,
.full-width > .full-width,
.full-width > .full-width > img,
.full-width > .full-width > p > img,
.responsive-menu {
	max-width:100% !important;
    }
    
.full-width > .full-width > img,
.full-width > .full-width > p > img {width:100% !important;}    
    
     
.contain, 
.slim-footer > .layout-component,
body > .layout .content-section,
body > .layout .content-hold > .i,
.banner-content .nested-banner {
	padding-left:24px !important; 
    padding-right:24px !important;
}    
    
    
    
body > .layout > .layout-cell .wide-page {
    max-width: 90%;
}    

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

.layout .layout-cell,
.layout .layout-component,
.layout .eg-cell, 
.layout .auto {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 {
	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;} 

body .layout .dtopslim {
    max-width: 75%;
    margin: auto !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;}

  
}
 /* 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;}


.layout .padding-top-xl {padding-top:20px;}
.layout .padding-bottom-xl {padding-bottom:20px;}


.button {margin-bottom:6px;}
  
}


/* 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;} 


.layout .tight2 {width:100%; 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:48.5%; display:inline-block;}
body .layout .breathecol3:nth-child(2n+2) {margin-right:0px !important;}


body .layout .breathecol4 {width:22.75%; display:inline-block;}
body .layout .breathecol4:nth-child(4n+4) {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) {

  .home-sect {padding:12px 0px !important;}
.layout .product-main {padding: 0px !important;}
  
  .mob-hide {display:none !important;}
  
  .mob-center, .mob-center * {text-align:center !important; margin-left:auto !important; margin-right:auto !important;}


.home-block h4 {
  font-size: 16px !important;
  line-height: 22px !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;} 


}

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

@media screen and (min-width:521px) and (max-width:760px) {
  
  
.layout .col23, .layout .col78, .layout .col712, .layout .col5, .layout .col25 {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 .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;} 



.layout .tight2 {width:100%; margin:0px !important;} 
.layout .tight4 {width:50%; 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;}



}



/* 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 .col25,
.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;}
  



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

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

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

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

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



.layout .tight2 {width:100%; margin:0px !important;} 
.layout .tight4 {width:50%; 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:48.5%; display:inline-block;}

body .layout .breathecol4:nth-child(2n+2) {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 .col6 {width: 100%;}
    .layout .col7, .layout .col8 {width: 49.5%;} 

}
 /** Begin CSS Section: core */

 /* Begin CSS Part: DISABILITY */

 /* Begin CSS Part: Fonts */
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;
}



/*****FONTS********

@font-face {
    font-family:'Bourbon';
    src: url('/userfiles/fonts/bourbongrotesque-regular+(1).otf');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family:'Comfortaa';
    src: url('/userfiles/fonts/comfortaa-regular.ttf') format('truetype'),
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

*/


/****GENERAL FONTS***/

body {
	font-family: 'Noto Sans SC', sans-serif;
    line-height: 1.4;
}


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

}


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

h2 {
    font-size: 2em;
    line-height: 1.2em;
    margin-bottom: 8px;
}

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

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

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

p, 
.rich-text,
.rich-text div,
.content div, .content {
  font-size:14px;  
  line-height: 22px;
}

p, .rich-text div, .content div {
    margin: 0 0 8px;
}

p *, 
.rich-text,
.rich-text div *,
.content div *{
  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.bullet-list {}
ul.bullet-list 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;
}

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


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

}
 /* 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:6px;
  white-space: normal;
  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 {
    font-size: 1em;
    line-height: 1.2em;
    padding: 10px 26px 10px;
}


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

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

.proceed .button: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: #c7c7c7;}

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: #595959!important;
}
body > .layout .fill-1 a.button {color:#fff !important;}

.bg-1 {background-color: #c7c7c7;}
.bg-2 {background-color: #3b3b3b;}

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

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

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 {
	color: #2e2e2e;
}


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

body > .layout > .footer {
background-color: #04a7e2;
    
    
}

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: #4a4a4a!important;
}


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

h1, .page-title .content {color: #003c80;}

h2, h3, .title, .layout .title a {color: #003c80;}

h4, h5, h6 {color:#003c80;}

label, legend {color:#003c80;}

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


b, strong, i, em {color: #003c80;}


/*****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:   #04a7e2;
    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:   #003d7d;
    color:              #ffffff;
    border-color:       #d6d6d6;
}


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

.go, input.go, a.go, .file .button {
    background-color:   #04a7e2;
    color:              #ffffff;
}

.go:hover, input.go:hover,a.go:hover, .file .button:hover {
    background-color:   #003d7d;
    color:              #ffffff;
}


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

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


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

.cancel, input.cancel, a.cancel, a.delete, input.delete, .delete a, a.remove-product  {
    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 {
    background-color:   #7A0612;
    color:              #FFFFFF;
    border-color:   #7A0612;
}


/***MENUCOLOURS*****/

ul.menubar li a { color: #888888;}
ul.menubar li:hover a { color: #4f4f4f;}

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

.menu-section {
  background-color: #023c82; 
  border-color: #616161;
}

.main-menu {  
	background-color: #023c82;
}

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

.main-menu > .menubar > li:hover > a > span {
background-color:transparent;
/*
background-color: #616161*/;
}

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


/**SUBMENU***/

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

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

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

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

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


/*****HEADER MAIN MENU********/

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


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

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


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

input[type="text"], input[type="email"], input[type="number"], input[type="password"], input[type="file"], select, textarea {
    background-color:   #FFFFFF;
    color:              #4a4a4a;
    border:             1px solid #8c8c8c;
    /*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:              #4a4a4a!important;
    border-color:       #777777;
    /*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:              #4a4a4a!important;
    border-color:       #4a4a4a;
    /*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:              #4a4a4a!important;
    border-color:       #4a4a4a;
    /*box-shadow: 1px 1px 1px rgba(119, 119, 119, 0.25) inset;*/
}


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


body {border-color:#969696;}

.invoice {border-color:#4a4a4a;}

.mini {border-color:#969696;}

.mini:hover {border-color:#4a4a4a;}


/*****/





 /* 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 - HEADER*****/




.header .main-menu {}

.header .main-menu > .menubar > li, .header .main-menu > .menubar > li > a {
  height: 64px;
  line-height: 64px;
  font-size: 16px;
}

.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 {
padding:0px 8px;
}


.header .main-menu > .menubar .menubar {padding:8px; border:2px 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: 4px 18px;
    display: inline-block;
    width: 100%;
    font-size: 16px;
}

.header .main-menu > .menubar > li:hover > a {
    border-bottom: 8px solid #fff;
}



.main-menu ul.menubar li ul {
    background-color: rgba(0, 0, 0, 0.75);
    border: 1px solid #fff;
    padding:8px 0px;
}

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

.main-menu ul.menubar li ul li:hover {background-color: rgba(0,0,0,0.9);}

 /* Begin CSS Part: Responsive Menu */
@media screen and (max-width:1000px) {

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

.responsive-menu {
    width: 100% !important;
    padding-bottom: 50px;
}

.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 .slaved h2 {color:#fff;}
  
.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, 
body > .layout > .header, header-slave {
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}



.gallery-outer .thumb-container .gallery-thumbs .gallery-thumb {
    -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;
}

 
}

 /* Begin CSS Part: Site Design */
body > .layout > .header {
    position: sticky;
    top: 0px;
    left: 0px;  
    border-bottom: 1px solid #ccc;
}

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

body > .layout > .header {
    top: 50px;
}
  
}


.header .info-cell, .header .action-cell {padding:12px;}

.header .image {
  padding-top: 8px;
  padding-bottom: 0px;
}

.header .company-info-part {
}

.header .company-info label {display:inline-block; width:auto;}
.header .company-info-part {display:inline-block; width:auto;}


.header .company-info label {
  font-size: 12px;
}

.header .company-info-part span, .header .company-info-part a, .header .company-info-part {
  font-size: 20px;
  color: #003e7a !important;
}

.header .company-info.col1 {margin-top:8px;}

.header .company-info-part.telephone {}

.header .company-info-part.email {}


.header .menu-link {
  float: none;
  width: 40px;
  padding-top: 16px;
  padding-right: 6px;
  margin-right: 8px;
}


.header .slaved {
  position: fixed !important;
  padding: 60px 24px;
  right: -50%;
  width: 50%;
  z-index: 10;
  overflow-y: auto;
  top: 0px;
  height: 100%;
    background-color: #00a8db;
}
.header .slaved.open { 
    right:0%;
  box-shadow: -32px 0px 30px rgba(0, 0, 0,0.5);
  }




.header .slaved .slave-close {
  position: absolute;
  top: 12px;
  right: 12px;
  color: #fff;
  border: 1px solid #fff;
  padding: 8px 12px;
  border-radius: 4px;
  font-size: 14px;
  display: inline-block;
  background-color: #00397a;
}



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

.header .slaved .menu li {
  border-bottom: 1px solid #fff;
}

.header .slaved .menu li a {padding:12px;}

.header .slaved .menu ul ul {display:none !important;}

/*******BASKET********/

.header .mini-basket {
  width: 270px;
  background-color: #04a7e2;
  padding: 12px 4px;
}

.header .mini-basket .total span {
  font-size: 24px;
  line-height: 40px;
  color: #fff;
}

.header .mini-basket .cart .button {background-image: url(/userfiles/css/images/bag.png);}
.header .mini-basket .button.my-account {background-image: url(/userfiles/css/images/account.png);}
.header .mini-basket .button.register {background-image: url(/userfiles/css/images/account.png);}
.header .mini-basket .button.logout {background-image: url(/userfiles/css/images/logout.png);}
.header .mini-basket .button.login {background-image: url(/userfiles/css/images/enter.png);}

.header .mini-basket .button {
  background-color: transparent !important;
  border: none;
  font-size: 0px;
  background-size: 32px;
  background-position: center;
  height: 40px;
  vertical-align: top;
  width: 40px;
}

.header .mini-basket .count {
  position: absolute;
  right: 2px;
  background-color: red;
  font-size: 10px;
  width: 20px;
  text-align: center !important;
  height: 20px;
  border-radius: 50%;
  color: #fff;
  line-height: 18px;
}


.cart-cell {
  width: 130px;
}

.account-cell {
  width: 100px;
}


.header .login-links {
  border-left: 2px solid #fff;
  width: 100px;
}


/***********SIDE COLUMN************/

.side-column > .layout-component {
  background-color: #04a7e2;
  padding: 12px;
  margin-bottom:12px;
}

.side-column .layout-component h2,
.side-column .layout-component p,
.side-column .layout-component li a span {color:#fff !important;}
.side-column .layout-component li a {
  padding: 6px 12px;
  border-top: 1px solid rgba(255, 255, 255,0.25);
}



/*********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-size: 2em;
    margin-bottom: 24px;
}

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

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

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


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


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


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



.cards {background-color:#fff; border-radius:12px;}
 /* Begin CSS Part: User Design */

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

.custom-slide > a {
  display: inline-block;
  z-index: 10000000;
  position: relative;
}

/***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***********/


.banner-image .custom-slide:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    display: inline-block;
    z-index: 900;
    top: 0px;
    left: 0px;
}

.banner-image .slide-content {
  display:none !important;
  position: absolute;
  top: 0px;
  width: 100%;
  margin: auto;
  text-align: center;
  z-index: 1000;
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0px 12px;
}

.banner-image .slide-content > .i {width:100%;}

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


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

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


.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 h2 {
    font-size: 4em;
}

}

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

.banner-image .slide-content h2 {
    font-size: 3em;
}

}


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

.banner-image .slide-content h2 {
    font-size: 2.5em;
}

}


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

.banner-image .slide-content h2 {
    font-size: 1.5em;
}


.banner-image .slide-content p {
    margin: 8px 0px;
    font-size: 16px;
}

}

  

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

.beta-scroller .scroll-prev, .beta-scroller .scroll-next {
  font-size: 0px;
  width: 20px;
  z-index: 10000000000000;
  position: absolute;
  height: 20px !important;
  background-repeat: no-repeat;
  background-color: rgb(4, 167, 226);
  background-size: 10px;
  background-position: center;
  border-radius: 50%;
  opacity: 1;
  padding: 0px;
}

.beta-scroller .scroll-prev:hover, 
.beta-scroller .scroll-next:hover {
  background-color: #003c80;
  opacity:1;
}

.beta-scroller .scroll-prev {
  background-image: url(/userfiles/images/left.png);
  right: 36px;
  bottom: 8px;
    top: auto !important;
}


.beta-scroller .scroll-next {
  background-image: url(/userfiles/images/right.png);
  right: 10px;
  bottom: 8px !important;
  top: auto !important;
}

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

.beta-scroller .scroll-prev, .beta-scroller .scroll-next {display:none;}


}



/*******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%;
}



/*******ITEM SELECTOR******/
.item-selector .selector {margin-bottom:12px;}
.item-selector .ddTitle {
  background-color: #fff !important;
  cursor:pointer;
}


.item-selector .selector .ddlabel {font-size:14px; line-height:20px;}

.item-selector .selector li .description, .ddTitle .description {
  display: none !important;
}

.item-selector img {display:none !important;}

.ddArrow {
  background-image: url(/userfiles/css/images/down-chevron.png ) !important;
  background-position: center !important;
  background-size: 12px !important;
  width: 25px !important;
  right: 0px !important;
  height: 100% !important;
  top: 0px !important;
  margin-top: 0px !important;
  background-color: #efefef !important;
}



 /* 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.3);
    display: inline-block;
    z-index: 900;
    top: 0px;
    left: 0px;
}

.banner-content .nested-banner {
  position: absolute;
  top: 0px;
  width: 100%;
  margin: auto;
  text-align: center;
  z-index: 1000;
  height: 100%;
  display: flex;
  align-content: center;
  flex-wrap: wrap;
}


.banner-content h1, .banner-content h2, .banner-content p {color:#fff;}

.banner-content .title h1 {font-size:5em;}

.banner-content p {font-size:1.5em;}


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

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


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

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

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

}



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

}


@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: Auto Pdf */

 /* Begin CSS Part: Basket */

 /* Begin CSS Part: Calendar */

 /* Begin CSS Part: Categories */
.items > .layout {
	display:flex; 
	flex-wrap: wrap;
}


/*****PRODUCTS AND CATEGORIES*****/


.mini.products {
    border: 2px solid #04a7e2;
    margin-bottom: 12px;
}

.mini.category {
    border: 1px solid #04a7e2;
    margin-bottom: 12px;
}
.mini-icon {padding:12px;}
.mini-details {padding:12px;}

.mini .title h4 {
  color: #04a7e2;
  font-size: 24px;
  padding-right: 95px;
}


.mini.products .total-price {
  background-color: #003c7e;
  line-height: 40px;
  padding: 0px 12px;
  font-size: 18px;
}

.mini.products .total-price * {color:#fff;}


.mini.products .link {
  position: absolute;
  right: -12px;
  width: auto;
  top: -12px;
  background-color: #04a7e2;
  z-index: 1000;
}

.mini.products .link a {
  font-size: 12px;
  color: #fff;
  padding: 12px;
  display: inline-block;
}


.mini.products .quantity label {
    position: absolute;
    height: 40px;
    line-height: 40px;
    font-size: 10px;
    padding: 0px 10px;
}

.mini.products .quantity input {
    text-align: right !important;
    height: 40px;
    font-size: 14px;
    line-height: 40px;
    max-width: 110px;
}


.quantity input {
   -moz-appearance: textfield;
}

   


/******HEADER CAT MENU*********/


.category-browse > .i {padding:12px 0px 0px;}

.strip-cat {margin-bottom:12px;}


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

.category-browse {}

.category-browse > label {
  display: none !important;
}

.category-browse > .i {
	display:block !important;
	visibility:visible !important;
    border-top: 1px solid #ccc;
    border-bottom:1px solid #ccc;
}


}


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

.category-browse {}

.category-browse > label {
    text-align: center;
    font-size: 16px;
    font-weight:bold;
    background-color: #000;
    color: #fff;
	padding: 8px 8px 8px;
    border-radius: 4px;
    background-image: url(/userfiles/css/images/downarrow.png);
    background-position: 99% center;
    background-size: 30px;
    background-repeat: no-repeat;
}

.category-browse > .i {
    border: 1px solid #ccc;
    padding: 12px;
    margin-top: -2px;
    background-color: #fff;
}

}



.strip-cat .category-link {
    background-color:   #04a7e2;
    color:              #ffffff;
    display: inline-block;
    width: 100%;
    border-radius: 4px;
    padding: 8px 12px;
    font-size: 14px;
    font-weight: bold;
}


.strip-cat .category-link:hover, 
.strip-cat .active .category-link {
    background-color:   #003d7d;
    color:              #ffffff;
}


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

.strip-cat {width:100% !important;}

.strip-cat .category-link {
    padding: 6px;
    font-size: 16px;
}

}




/*******BLOG*******/


.blog.mini {
  padding: 24px 0px 12px;
  border-bottom: 1px solid #ccc;
}

.blog.mini .title {font-weight:bold;}

.blog.mini .title * {
    font-size: 1.25em;
}

 /* Begin CSS Part: Collation */
/**********PRODUCT PAGE*******/

.headed-component label {
  background-color: #003c7e;
  color: #fff;
  padding: 8px 12px;
}

.headed-component .content {border:1px solid #ccc; margin-bottom:12px; padding: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;}

/*****PRICE****/

.mod_collation_component_collation_item.product-main .purchase-sect .total-price {
  background-color: #003982;
  box-shadow: 0 10px 10px -10px #000;
  color: #fff;
  padding: 8px 24px;
  font-size: 28px;
  line-height: 24px;
}


.mod_collation_component_collation_item.product-main .purchase-sect .total-price label {
    color: #fff;
    font-size: 10px;
    line-height: 14px;
}

.mod_collation_component_collation_item.product-main .purchase-sect .total-price .vat-display {
    display: block;
    font-size: 10px !important;
    line-height: 14px;
}


.iteration .vat-display {
  font-size: 12px;
  margin-left: 8px;
}

/****QUANTITY*******/


.mod_collation_component_collation_item .purchase-sect .quantity label {
    position: absolute;
    height: 68px;
    line-height: 68px;
    font-size: 10px;
    padding: 0px 10px;
}

.mod_collation_component_collation_item .purchase-sect .quantity input {
    text-align: right !important;
    height: 68px;
    font-size: 20px;
    line-height: 68px;
    max-width: 110px;
}


.mod_collation_component_collation_item.product-main .purchase-sect .add-to-basket .button {
    border-radius: 0px 6px 6px 0px;
    border-left: 0px;
    border: none;
    padding: 10px 26px 10px 26px;
    line-height: 48px;
    height: 68px;
    font-size: 20px;
}


/******TOTAL PRICE*******/

.mod_collation_component_collation_item.product-main .price .price-display,
.mod_collation_component_collation_item.product-main .price .vat-display  {font-weight:bold; font-size: 14px;}
.mod_collation_component_collation_item.product-main .price label {display:inline-block; font-size:12px;}


/*****CODE******/

.mod_collation_component_collation_item.product-main .code {font-weight:bold;     font-size: 14px;}
.mod_collation_component_collation_item.product-main .code label {display:inline-block; font-size:12px;}

/******WAS PRICE*******/

.mod_collation_component_collation_item.product-main .was-price .price-display,
.mod_collation_component_collation_item.product-main .was-price label {
    color: red;
    display: inline-block;
    text-decoration: line-through;
}

.mod_collation_component_collation_item.product-main .was-price .price-display {
	font-weight:bold;
}

.mod_collation_component_collation_item.product-main .was-price label {
    font-size: 12px;
}

.mod_collation_component_collation_item.product-main .rrp .price-display {font-weight:bold; font-size: 14px;}
.mod_collation_component_collation_item.product-main .rrp label {display:inline-block; font-size:12px;}

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

/*****TEXT ATTRIBUTES*******/
.text-attributes .collation-attribute-group {
  background-color: #023a7e;
  width: auto;
  display: inline-block;
  margin-left: 12px;
  border-radius: 4px;
  padding: 4px 8px;
}

.mini .text-attributes .collation-attribute-group {margin-left:0px; margin-right:12px; margin-bottom:8px;}


.text-attributes .collation-attribute-group * {
  color: #fff;
  font-size: 12px;
}

.text-attributes .collation-attribute {
    padding: 4px 0px;
}



.text-attributes .collation-attribute:nth-child(4n+4) {margin-right:0px !important;} 

.text-attributes .collation-attribute-group .attribute-name {
   display: inline-block;
  margin-right: 6px;
}
.text-attributes .collation-attribute {
    display: inline-block;
    font-weight: bold;
}

.text-attributes .attribute-image, .text-attributes .attribute-main-image {display:none;}
    
    
/********COLOUR ATTRIBUTES******/

.image-attributes {
    margin-top: 8px;
    white-space: nowrap;
}  
    
.image-attributes .collation-attribute {
    width: auto;
    display: inline-block;
    margin-left: 1%;
}

.image-attributes .collation-attribute .attribute-name {
    display: none;
}
.image-attributes .collation-attribute .attribute-value {
    display: none;
    font-size: 14px;
    font-weight: bold;
}
  
.image-attributes .collation-attribute .attribute-image img {
    max-height: 25px;
}



/**********BULK BUY*********/

.bulk-buy {
    display: table !important;
    margin: 12px 0px;
    border-collapse: collapse;
}

.bulk-buy > label {
    width: 100%;
    font-size: 12px;
    background-color: #062f4f;
    display: table-caption;
    color: #fff;
    padding: 8px;
    text-align: center;
}

.bulk-buy > .bb-band.headings {
  display: table-row;
  background-color: #003c7e;
  color: #fff;
  font-size: 12px;
}

.bulk-buy > .bb-bands {display:table-row-group;}
.bulk-buy > .bb-bands > .bb-band {display:table-row;}
.bulk-buy > .bb-band.headings > div,
.bulk-buy > .bb-band.headings > div, .bulk-buy > .bb-bands > .bb-band > div {
    display: table-cell;
    border: 1px solid #ccc;
    border-collapse: collapse;
    padding: 4px;
    text-align: center;
}

.bulk-buy > .bb-bands > .bb-band > div {
    font-size: 14px;
}


/****STOCK****/

.stock {
    font-size: 14px;
    font-weight: bold;
    color: green;
}

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

.stock:after {
    content: "in Stock";
    font-size: 12px;
    color:#003c80;
    	font-weight:normal;
}


/*******NOTES*********/

.notes {
    padding: 24px;
    margin: 12px 0px;
    background-color: #efefef;
    border-radius: 8px;
}

.notes > label {font-weight:bold;}



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

.linked-items.layout-component {

}

.linked-items.layout-component > h2 {}



/**********OPTIONS*************/


.option_radio, .checkbox-options .checkbox {
    display: inline-block;
    margin-right:1%;
}
.option_radio input, .checkbox-options .checkbox input {display: inline-block;}
.option_radio label, .checkbox-options .checkbox label {display: inline-block;}



@media screen and (min-width : 1001px) {
.option_radio, .checkbox-options .checkbox {
    width:32.66%; 
}
.option_radio:nth-child(3n+3), .checkbox-options .checkbox:nth-child(3n+3) {
margin-right:0px !important;
}
}

@media screen and (min-width:761px) and (max-width:1000px) {
.option_radio, .checkbox-options .checkbox {
    width:49.5%; 
}
.option_radio:nth-child(2n+2), .checkbox-options .checkbox:nth-child(2n+2) {
margin-right:0px !important;
}
}

@media screen and (max-width:760px) {
.option_radio, .checkbox-options .checkbox {
    width:100%; 
    margin-right:0px !important;
}
}



.option-qty-grid-container {
    border: 1px solid 
    #ccc;
}
.option-qty-grid-container > label {
    background-color: #505050;
color: #fff;
    font-size: 14px;
    padding: 2px 8px;
}
.option-qty-grid-container > .content {
    padding: 12px;
}
.option-qty-grid-container > .content .option-qty-grid {
    display: inline-block;
    width: 31%;
    margin-right: 1%;
}


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

.layout-component.linked-items {
    margin-top: 24px;
    padding-top: 12px;
}

.linked-items > h4 {}


/**********PROPERTIES********/

.collation-item-property img {display:none;}







 /* Begin CSS Part: Collation Admin */

 /* Begin CSS Part: Crm */

 /* Begin CSS Part: Cron */

 /* Begin CSS Part: Currency Converter */

 /* Begin CSS Part: Email Template */

 /* Begin CSS Part: Form */
/****INPUTS****/

input, select, textarea {
      display: inline-block;
}

input[type="text"], input[type="email"], input[type="number"], select, textarea, input[type="password"], input[type="file"] {
  cursor: text;
  width: 100%;
  padding: 4px 12px;
  font-size: 12px;
  height: 40px;
  line-height: 40px;
  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****/

.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;}

.rt-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*****/


.ddcommon {
  max-width: 100%;
}

 /* Begin CSS Part: Multi User */

 /* Begin CSS Part: News Letter */

 /* 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;}


 /* Begin CSS Part: Redirect */

 /* Begin CSS Part: Scroller */

 /* Begin CSS Part: Search */
.search .search-go {
  position: absolute;
  top: 0px;
  right: 0px;
  background-color: #023c82;
  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 .content {
  position: relative;
}


.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: 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;
}

.gallery-arrow-left:hover, 
.gallery-arrow-right:hover {
  background-color: rgba(0,0,0,0.3);
  opacity:1;
}

.gallery-arrow-left {background-image: url(/userfiles/images/left.png); left:10px;}
.gallery-arrow-right {background-image: url(/userfiles/images/right.png); right:10px;}
 /* Begin CSS Part: Sub Layout */
/*********HOME SECTION GRID - SQUARE**********/

.section-grid .layout-component {
    display: inline-block !important;
    border-left: 4px solid #ffffff;
    border-right: 4px solid #ffffff;
    line-height: 0;
    margin-bottom: 12px !important;
}

.section-grid .layout-component:first-child {border-left:none !important;}
.section-grid .layout-component:last-child {border-right:none !important;}

.section-grid .layout-component h4 {
    background-color: #424242;
    color: #ffffff;
    padding: 12px;
}

.section-grid .layout-component label {
    line-height: 20px;
    background-color: #872a3f;
    color: #fff;
    font-size: 12px;
    padding: 6px;
}


/*********HOME SECTION GRID - CIRCLES**********/

.circle-grid .layout-component {
    padding:12px;
    margin-bottom:8px;
}

.circle-grid .layout-component img {border-radius:50%;}

.circle-grid .layout-component h4 {
    padding: 12px 0px 4px;
}

.circle-grid .layout-component .content * {
    line-height: 16px !important;
    font-size: 12px;
    color: #555;
}
 /* Begin CSS Part: System Manager */

 /* Begin CSS Part: User */
/*.page-bg .main-content {
background-image: url(/userfiles/images/pagebanner.jpg);
}*/


/***********DEFAULTS******/

.headed-cell {border:1px solid #ccc;}
.headed-cell > label {
    background-color: #555;
	color:#fff;
    padding: 8px 12px;
}
.headed-cell > .i {padding:12px;}


/*****ADDITIONAL*****/

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

.account-sidebar {padding-right:24px;}

}

/***Account Sidebar*****/

.account-sidebar .layout-component {
    border: 1px solid #969696;
}
.account-sidebar .layout-component > label {
    background-color: #3b3b3b;
    color: #FFFFFF;
    display: inline-block;
    padding: 6px 12px;
    width: 100%;
}




.account-sidebar .user-menu li + li {
    border-top: 1px solid #969696;
}

.account-sidebar .user-menu li a {
    font-size: 14px;
    border-left: 4px solid #969696;
    padding: 4px 8px;
}

.account-sidebar .user-menu li:hover {
    background-color: #EFEFEF;
}

.account-sidebar .user-menu li:hover a {
    border-left: 4px solid #3b3b3b;
  	color:#4a4a4a ;
}


/******USER DETAILS*******/

.password {}

.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 {
    max-width: 40px;
    max-height: 40px;
    width: 40px;
    height: 40px;
    display: inline-block;
    vertical-align: top;
}

/******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:#3b3b3b;
    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 #969696;
    margin-top: -4px;
	padding-top: 4px;
	z-index: 1;
    position:relative;
}
  
  .mobile-account li {
  border-bottom:1px solid #969696; 
  padding:4px 2px;
  }
  
  .mobile-account li a {color:#333; padding:6px;}
  
  .mobile-account li:hover {background-color:#3b3b3b;}
  .mobile-account li:hover a {background-color:; color:#FFFFFF;}
  
  }
  
  /****END MOBILE MENU****/
  


/*********LOGIN***********/


.full-button {vertical-align:bottom;}
.full-button input {
    margin-bottom: 12px;
    width: 100%;
}

.register-controls .button {
    width: 100%;
    margin-bottom: 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;
}

.forgot-password a {
    font-size: 12px;
    margin: 12px auto;
    display: inline-block;
    width: 100%;
    text-decoration: underline;
}

.fp-message {padding:12px;}



/*********END LOGIN***********/


/******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 */