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

 /* Begin CSS Part: Collation */

 /* Begin CSS Part: Collation Admin */

 /* Begin CSS Part: Cookies */

 /* Begin CSS Part: Crm */

 /* Begin CSS Part: Currency Converter */

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

 /* 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: User Documents */

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



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

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section,
div, img, ul, ol, li, form, input, select, label, textarea, p, .block {display: block;}


.layout .layout-cell, .layout .layout-component, 
.product, .mini, .button, .horizontal > li, .layout .inline-block, .eg-cell, .mod_collation_component_categories {
  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;}

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


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

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

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

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




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

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

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

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

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

.inflate {
        position:   absolute!important;
        top:        0px!important;
        right:      0px!important;
        bottom:     0px!important;
        left:       0px!important;
  		color:transparent !important;
}

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

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


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

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


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

.inline {display:inline;}

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

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


/****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 {
  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;
    }
    
    
.header, 
.contain, 
.slim-footer > .layout-component,
body > .layout .content-section {
	padding-left:12px !important; 
    padding-right:12px !important;
    }    
    

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

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


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


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

@media screen and (min-width:761px) and (max-width:1000px) {
  
.tab-hide {display:none !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%;}



.res4  {width: 24.25%; margin-right:1% !important;}
.res4:nth-child(4n+4) {margin-right:0px !important;} 
  
    
}
 /* Begin CSS Part: Mobile Defaults */
/****MOBILE LANDSCAPE & LOWER****/

@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%;}

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


.footer .contain .layout-cell {width:100% !important; margin: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%;} 
  
.ml-end {margin-right:0px !important;} 


.res4  {width: 49.5%; margin-right:1% !important;}
.res4:nth-child(2n+2) {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%;}

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


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


.res4  {width: 100%; margin-right:0% !important;}
.res4:nth-child(4n+4) {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:'Bourbon';
    src: url('/userfiles/fonts/bourbongrotesque-regular+(1).otf');
    font-weight: normal;
    font-style: normal;
}


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

*/


/****GENERAL FONTS***/

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


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

}


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

h2 {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 8px;
}

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

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

label {}

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

p, .content div {
    margin: 0 0 4px;
}

p *, 
.rich-text,
.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;
  border-width: 1px;
  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 {
    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: 2em;
    border-width: 1px;
    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: #757575;}

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 {
	color: #ffffff!important;
}


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

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

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 {
	color: #FFFFFF!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: #6a6767;
}


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


body > .layout > .footer .footer-block {
    margin-bottom: 24px;
    border-radius: 8px;
    padding: 24px !important;
}

body > .layout > .footer .footer-block {
	background-color: #fff;
}

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 a:link {
	color: #333;
}


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;
    border:1px solid #ccc;
    
}

.footer input[type="submit"].super {
    font-size: 1.2em;
    line-height: 2em;
    border-width: 2px;
    padding: 4px 24px 4px;
    background-color: #cd4b51;
    border: none;
    text-transform: uppercase;
}

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

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

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

h4, h5, h6 {color:#757575;}

label, legend {color:#757575;}

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


b, strong, i, em {color: #454545;}


/*****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:   #c93d43;
    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:   #595959;
    color:              #ffffff;
    border-color:       #d6d6d6;
}


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

.go, input.go, a.go {
    background-color:   #872a3f;
    color:              #ffffff;
}

.go:hover, input.go:hover,a.go:hover {
    background-color:   #872a3f;
    color:              #ffffff;
}


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

a.edit:hover {
    background-color:   #872a3f;
    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: #000000; 
  border-color: #616161;
}

.main-menu {  
	background-color: #000000;
}

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

.main-menu > .menubar > li:hover {

background-color:transparent;
/*
background-color: #616161*/;
}

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


/**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 {color: #FFFFFF;}

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

.main-menu ul.menubar li ul li:hover a {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: #000000; 
}


/*****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:#5e5e5e;}

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

.mini {border-color:#5e5e5e;}

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

.menu-section .main-menu {}

.menu-section .main-menu > .menubar > li, 
.menu-section .main-menu > .menubar > li > a {
    height: 50px;
    line-height: 50px;
    font-size: 14px;
}



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

.menu-section .main-menu > .menubar > li > a {
	padding: 0px 12px;
}

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



/*
.menu-section .main-menu > .menubar > li.li0 > a {
    background-image: url("/userfiles/images/homeicon.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30px;
    font-size: 0px;
    color: transparent;
    /* padding: 0px 10px; */
    width: 50px;
    display: inline-block;
    vertical-align: top;
}*/

.menu-section .main-menu > .menubar .menubar {
padding:8px; 
border:2px solid #fff;
}

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

.menu-section .main-menu > .menubar .menubar li a {
  padding: 4px 18px;
  display: inline-block;
  width: 100%;

}



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




.header .main-menu {}

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


.header.slim .main-menu > .menubar > li, .header.slim .main-menu > .menubar > li > a {
    height: 95px;
    line-height: 95px;
    font-size: 14px;
}

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



/*
.header .main-menu > .menubar > li.li0 > a {
    background-image: url("/userfiles/images/homeicon.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30px;
    font-size: 0px;
    color: transparent;
    /* padding: 0px 10px; */
    width: 50px;
    display: inline-block;
    vertical-align: top;
}*/

.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: 14px;
    border-bottom: 1px solid #eee;
}

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


.main-menu ul.menubar li ul {
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 8px 0px;
    border-top: 1px solid #fff;
    box-shadow: 0px 20px 16px -10px rgba(0, 0, 0, 0.5);
}

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

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

 /* 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 .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;
    display: block;
}
  
.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 {
    -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;
}

@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 {
    background-color: #fff
    top: 0px;
    left: 0px;
}


.no-banner {
}

@media screen and (max-width : 1000px) {
.no-banner {
    padding-top: 0px !important;
}

}

body.no-banner > .layout > .header {
}

body > .layout > .header.slim {
    position:fixed;
}

body > .layout > .header.slim .company-info {
display:none;
}

body > .layout > .header.slim .layout-cell.col4 {width:20% !important;}
body > .layout > .header.slim .layout-cell.col34 {width:79% !important;}



.pg-home .bottom-divide {
    border-bottom: none !important;
}



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

.header .company-info-part {
    padding-left: 25px;
    padding-right: 12px;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 20px;
    margin-top: 12px;
    font-size:14px;
}

.header .company-info-part.telephone {
    background-image: url(/userfiles/images/telephoneicon.png);
}

.header .company-info-part.email {
 background-image: url(/userfiles/images/emailfilledclosedenvelope.png);
}



.large-title h2, .pg-home .content-section h1 {
    font-size: 3em;
    line-height: 2em;
    border-bottom: 4px solid;
    width: auto;
    display: inline-block;
    margin-bottom: 24px;
    color: #aaa;
}

/*********HOME SECTION GRID**********/

.section-grid .layout-component {
    display: inline-block !important;
    line-height: 0;
    margin-bottom: 12px !important;
    padding:24px;
}


.section-grid .layout-component h4 {
    padding: 12px;
    text-transform: uppercase;
    font-size: 16px;
}

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


/**********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;
    max-width: 75px;
}
/*********FOOTER********/

.footer {
    padding: 24px 0px 0px;
}

.footer .contain {padding-bottom:12px;}


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

.slim-footer {font-size:12px; padding-top:12px; padding-bottom:12px; background-color:#000;}

.slim-footer .component-footer {
    float: right;
}
 /* 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: "";

}



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


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

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










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

.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;
    padding: 4px 12px;
    vertical-align: middle;
}


.product-table-display .heading-row {
  background-color: #757575;
  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 .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: 10px;
    width: 20px;
    padding: 0px;
    height: 20px;
    line-height: 18px;
    text-align: center !important;
    border-radius: 50%;
}

.product-table-display .result-row .quantity .qty.increase {
    right: 4px;
}


.product-table-display .result-row .quantity .qty.decrease {
    left: 4px;
    line-height: 16px;
}


.product-table-display .heading-row .title-hide {display:none;}



/********Summary Section**********/

.summary-section {
    margin-top: 12px;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
}

.summary-section > label {
    background-color: #757575;
    color: #fff;
    border-bottom: 1px solid #ccc;
	padding: 8px;
    font-size: 14px;
    text-align: center;
}


.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;
    background-color: #757575;
    color: #fff;
    float:left;

}






 /* Begin CSS Part: Calendar */

 /* Begin CSS Part: Categories */
.full-button .button {width:100%;}

/*******TEMP*******/


.project-cats .category-link {
    display: inline-block;
    width: 100%;
    padding: 12px;
    background-color: #e1dfdf;
    color: #717171;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
}

.project-cats .category-link:hover {
    background-color: #333;
    color:#fff;
}

.project-cats .active .category-link {
    background-color: #333;
    color:#fff;
}


.mini.products {
    margin-bottom: 12px;
}

.mini.category {
    margin-bottom: 12px;
}

.mini .title h4 {
    line-height: 1.4em;
    padding: 8px 2px;
    font-size: 14px;
}
.mini:hover .title h4 {
}

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

.news.mini .display label {
    font-size: 12px;
    font-style: italic;
    padding-top:12px;
}
.news.mini:hover .display label {text-decoration:underline; color:#333;}




.mini.project .title h4 {
    background-color: transparent !important;
    color: #525252 !important;
    line-height: 1.4em;
    padding: 8px 2px;
    font-size: 16px;
    text-align: left !important;
    font-weight: bold;
}


.mini.project:hover .title h4 {
    color: #cd4b51 !important;
}

 /* Begin CSS Part: Checkout */
.headed-section {
    margin-bottom: 12px;
    border: 1px solid #ccc;
    text-align:center;
}

.headed-section > label {
    background-color: #757575;
    color: #fff;
    padding: 4px 8px;
    margin-bottom: 8px;
    text-align:left !important;
}

.headed-section select, 
.headed-section input[type="text"],
.headed-section textarea {
    width: 96%;
}

.delivery-address > div, .billing-address > div {
    padding: 0px 12px 12px;
    text-align: left;
}


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

.headed-section.discount-code .remove-discount {
    width: 70px;
    position: absolute;
    top: 0px;
    right: 0px;
    height: 30px;
    line-height: 32px;
    padding: 0px 12px;
    border-radius: 0px;
    border: 0px;
    background-color: darkred;
}
 /* Begin CSS Part: Collation */
/*******PROJECTS********/

.main-image .image-title {margin-top:12px;}

.collation-item-thumbs {
    margin-top: 12px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 12px;
}

.collation-item-thumbs .image-thumb {
    margin: 2px 4px;
    border: 1px solid #ccc;
}


.image-thumb .image-title {display:none !important;}

/*********PRODUCTS************/

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

.mod_collation_component_collation_item .quantity input {text-align:right !important;}


.add-to-basket .button {
    border-radius: 0px 6px 6px 0px;
    border-left: 0px;
    border: none;
    padding: 10px 50px 8px 26px;
    line-height: 1.4;
}



/*********PRODUCT DESCRIPTION TABLE*******/


.headed-component.content ul li {margin-bottom:12px;}

.product_specs {
    width: 100% !important;
    border-collapse: collapse;
}

.product_specs td {
    border: 1px solid #ccc;
    padding: 4px;
}

.product_specs td:first-child {background-color:#efefef;}





/********SPECIALS*********/

.collapsible-always {margin-bottom:12px;}

.collapsible-always > label {
    cursor: pointer;
    background-color: #872a3f;
    color: #fff;
    padding: 12px 24px;
    width: auto;
    display: inline-block;
    border-radius: 4px;
    margin-bottom:12px;
}

.collapsible-always .collapsible-content {padding:24px; border:1px solid #ccc;}



/********NEWS**********/
.date-created {font-size:12px;}
.inline-label label {display:inline-block;}

 /* Begin CSS Part: Collation Admin */

 /* Begin CSS Part: Cookies */

 /* Begin CSS Part: Crm */

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



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


/*****SECURITY CODE*****/

.captcha-code, .security-code {
  padding-bottom: 8px;
  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;
}

/****END SECURITY CODE*****/

.g-recaptcha > div {margin:auto !important;}




.footer input[type="text"], .footer input[type="email"], .footer input[type="number"], .footer select, .footer textarea, .footer input[type="password"], .footer input[type="file"] {
    cursor: text;
    width: 100%;
    padding: 8px 12px;
    font-size: 12px;
    height: 46px;
    line-height: 46px;
    margin-bottom: 12px;
    border-radius: 4px;
    border: none;
}

.footer textarea {
    min-height: 100px;
    line-height: 20px;
}


.footer .mod_form label {font-size:12px; margin-bottom:8px;}

.rt-label {
    display: inline-block;
}

 /* 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: Pages */
.banner-content .banner-image:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.45);
    display: inline-block;
    z-index: 999999999;
    top: 0px;
    left: 0px;
}

.banner-content .nested-banner {
    position: absolute;
    top: 40%;
    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 .title h1 {font-size:2em;}
.banner-content h2 {font-size:1.5em;}

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



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

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


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

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

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


}


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


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


/***********client list***************/

.tabbed-page .slaved {display:none;}
.tabbed-page .slaved.open {display:block;}

body .layout .client-headings .textblock {display:inline-block !important;}

body .layout .client-headings .textblock label {
    display: inline-block;
    cursor:pointer;
    width: 100%;
    padding: 12px;
    background-color: #e6e6e6;
    color: #525252;
}

body .layout .client-headings .textblock.active label, body .layout .client-headings .textblock:hover label {
    background-color: #333;
    color: #fff;
}


.tabbed-page .slaved table {
    width: 100%;
    text-align: left;
    font-size: 14px;
    line-height: 30px;
}

.tabbed-page .slaved table tr {border-bottom:1px solid #ccc;}
.tabbed-page .slaved table tr th {background-color:#ddd;}

.tabbed-page .slaved table tr th, .tabbed-page .slaved table tr td {padding-left:12px; width:50%;}

.tabbed-page .slaved table a {font-weight:bold;}

.tabbed-page .slaved table a:hover {text-decoration:underline;}

 /* Begin CSS Part: Payment Gateway */
.mod_payment_gateway_component_gateway {border:1px solid #ccc;}



/******INVOICE DISPLAY********/

.layout-component.invoice > .mod_orders_component_invoice {
    padding: 12px;
    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;}
 /* 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 */
/***********DEFAULTS******/


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

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

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

}

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

.account-sidebar .layout-component {
    border: 1px solid #5e5e5e;
}
.account-sidebar .layout-component > label {
    background-color: #757575;
    color: #FFFFFF;
    padding: 6px 12px;
}

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

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

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

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


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

.password {white-space:nowrap;}

.inc-confirm .password-entry {width:49.5%; display:inline-block; margin-right:1%;}
.inc-confirm .password-entry + .password-entry {margin-right:0px !important;}

@media screen and (max-width:520px) {
.password-entry {width:100% !important; margin:0px !important;}
}

/******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:#757575;
    color: #FFFFFF;
    padding: 4px;
    background-image: url(/userfiles/images/smooth-menu-icon.png);
    margin-top: 12px;
    background-position: 12px center;
    background-repeat: no-repeat;
    background-size: auto 95%;
}
  
.mobile-account .content {
    width: 100%;
    border: 1px solid #5e5e5e;
}
  
  .mobile-account li {
  border-bottom:1px solid #5e5e5e; 
  padding:4px 2px;
  }
  
  .mobile-account li a {color:#000;}
  
  .mobile-account li:hover {background-color:;}
  .mobile-account li:hover a {background-color:; color:#757575;}
  
  }
  
  /****END MOBILE MENU****/
  


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


.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***********/
 /* Begin CSS Part: User Documents */
.stage-row {padding:24px;}
.stage-row + .stage-row {border-top:1px solid #ccc;}

.stage-img img {padding:12px;}

.stage-row .stage > label {font-size:28px; font-weight:bold; display:inline;}

.stage-row .stage > .stage-status {
    display: inline;
    font-size: 14px;
    text-transform: capitalize;
}

.stage-row .stage > .stage-status.active {
    font-size: 16px;
	color:green;
    font-weight:bold;
}

.stage-row .stage > .stage-status.pending {
    font-size: 14px;
	color:#ccc;
}

.stage-row .stage > .stage-status.complete {
    font-size: 14px;
	color:#ccc;
}


.stage-row .stage .files {
    background-color: #efefef;
    padding: 12px;
    border: 1px solid #ccc;
}

.stage-row .stage .files > label {font-size:12px; margin-bottom:12px;}

.stage-row .stage .files a {
    font-size: 12px;
    padding-right: 18px;
    margin-right: 24px;
    background-image: url(/userfiles/images/downloadfile.png);
    background-repeat: no-repeat;
    background-position: center right;
    background-size: 12px;
}
 /* Begin CSS Part: Warning */