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

 /* Begin CSS Part: Currency Converter */

 /* Begin CSS Part: Discount */

 /* Begin CSS Part: Email Template */

 /* Begin CSS Part: Form */

 /* Begin CSS Part: Home */

 /* Begin CSS Part: Hr */

 /* 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: Pofs Warehouse */

 /* Begin CSS Part: Qanda */

 /* Begin CSS Part: Redirect */

 /* Begin CSS Part: Review */

 /* Begin CSS Part: Run Manager */

 /* 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: Txt Msg */

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


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

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

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

body > .layout > .menu-section {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: 1000000;
    min-width: 1224px;
    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;}

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




/********DIALOGUE*********/

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





 /* 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 .anchor-dest {
    padding-top: 100px !important;
    margin-top: -100px !important;
}
 /* Begin CSS Part: Desktop Defaults */
@media screen and (min-width : 1225px) {/* LAPTOPS AND HIGHER ----------- */}

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


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

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

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

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

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

.projects {
    border-bottom: 8px solid #ccc;
}

.projects:hover {
    border-bottom: 8px solid #253746;
}

.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;}
  
}
 /* 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 .tab-pad-left {padding-left:12px;}
  
}


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


  
    
}
 /* Begin CSS Part: Mobile Defaults */
/****MOBILE LANDSCAPE & LOWER****/


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

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

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

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


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


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

  
  }

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

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

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



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

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

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

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

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



}



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


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


.layout .col2, 
.layout .col3, .layout .col23, 
.layout .col34, .layout .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, .layout .col5 {width: 49.5%;}
.layout .col7, .layout .col8 {width: 24.25%;}

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


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

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



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

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

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

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

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


}





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



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

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

}
 /** Begin CSS Section: core */

 /* Begin CSS Part: DISABILITY */

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

@font-face {
    font-family:'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;
    

    font-family: 'Montserrat', sans-serif;


}


h1, h2, h3, h4, h5, h6, label {
    font-family: 'Open Sans Condensed', sans-serif;
}


h1 {
  font-size: 3.750em;
  line-height: 1.250em;
   text-transform: uppercase;
}

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

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

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

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

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

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

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


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



.idea-list li {
    background-image: url("/userfiles/css/images/idea.png");
    list-style: none;
    font-size: 20px;
    margin-left: 12px;
    margin-top: 6px;
    background-repeat: no-repeat;
    background-size: 36px;
    background-position: left top;
    padding-left: 50px;
    margin-bottom: 24px;
}




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


@media screen and (max-width:740px) {
  
  h1 {
    font-size: 2em;
    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:50px;
  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, .holiday-request > div > .submit-request {
    font-size: 1em;
    line-height: 1.2em;
    padding: 10px 26px 10px;
}


a.super, input[type="submit"].super, .action-button.super a {
    font-size: 2em;
    line-height: 1.5em;
    border-width: 2px;
    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: #253746;

 background: rgb(37,55,70);
background: -moz-linear-gradient(156deg, rgba(37,55,70,1) 42%, rgba(32,48,60,1) 63%, rgba(16,21,24,1) 100%);
background: -webkit-linear-gradient(156deg, rgba(37,55,70,1) 42%, rgba(32,48,60,1) 63%, rgba(16,21,24,1) 100%);
background: linear-gradient(156deg, rgba(37,55,70,1) 42%, rgba(32,48,60,1) 63%, rgba(16,21,24,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#253746",endColorstr="#101518",GradientType=1); 

}

body.green-theme > .layout .fill-1 {
 background: rgb(57,77,63);
background: -moz-linear-gradient(156deg, rgba(57,77,63,1) 42%, rgba(39,51,43,1) 62%, rgba(0,0,0,1) 100%);
background: -webkit-linear-gradient(156deg, rgba(57,77,63,1) 42%, rgba(39,51,43,1) 62%, rgba(0,0,0,1) 100%);
background: linear-gradient(156deg, rgba(57,77,63,1) 42%, rgba(39,51,43,1) 62%, rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#394d3f",endColorstr="#000000",GradientType=1); 

}


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

.bg-1 {background-color: #253746;

 background: rgb(37,55,70);
background: -moz-linear-gradient(156deg, rgba(37,55,70,1) 42%, rgba(32,48,60,1) 63%, rgba(16,21,24,1) 100%);
background: -webkit-linear-gradient(156deg, rgba(37,55,70,1) 42%, rgba(32,48,60,1) 63%, rgba(16,21,24,1) 100%);
background: linear-gradient(156deg, rgba(37,55,70,1) 42%, rgba(32,48,60,1) 63%, rgba(16,21,24,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#253746",endColorstr="#101518",GradientType=1); 

}
.bg-2 {background-color: #dedede;}

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

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

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,
body > .layout .fill-2 b {
	color: #253746!important;
}

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


body.green-theme > .layout .fill-2 h1,
body.green-theme > .layout .fill-2 h2,
body.green-theme > .layout .fill-2 h3,
body.green-theme > .layout .fill-2 h4,
body.green-theme > .layout .fill-2 label,
body.green-theme > .layout .fill-2 div,
body.green-theme > .layout .fill-2 p,
body.green-theme > .layout .fill-2 span,
body.green-theme > .layout .fill-2 a,
body.green-theme > .layout .fill-2 a:link,
body.green-theme > .layout .fill-2 a:visited,
body.green-theme > .layout .fill-2 li:hover a,
body.green-theme > .layout .fill-2 b,
body.green-theme h2,
body.green-theme h3,
body.green-theme h4,
body.green-theme p {
	color: rgb(57,77,63) !important;
}

body.green-theme .ctrl .collapsible-trigger {
	background-color: #394d3f !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: #4a4a4a;
}


.light-fill {background-color:#efefef !important;}


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

body > .layout > .footer {
	background-color: #253746;
    /*background-image: url(/userfiles/images/); */
    

 background: rgb(37,55,70);
background: -moz-linear-gradient(156deg, rgba(37,55,70,1) 42%, rgba(32,48,60,1) 63%, rgba(16,21,24,1) 100%);
background: -webkit-linear-gradient(156deg, rgba(37,55,70,1) 42%, rgba(32,48,60,1) 63%, rgba(16,21,24,1) 100%);
background: linear-gradient(156deg, rgba(37,55,70,1) 42%, rgba(32,48,60,1) 63%, rgba(16,21,24,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#253746",endColorstr="#101518",GradientType=1); 
    
    
}



body.green-theme > .layout > .footer {
 background: rgb(57,77,63);
background: -moz-linear-gradient(156deg, rgba(57,77,63,1) 42%, rgba(39,51,43,1) 62%, rgba(0,0,0,1) 100%);
background: -webkit-linear-gradient(156deg, rgba(57,77,63,1) 42%, rgba(39,51,43,1) 62%, rgba(0,0,0,1) 100%);
background: linear-gradient(156deg, rgba(57,77,63,1) 42%, rgba(39,51,43,1) 62%, rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#394d3f",endColorstr="#000000",GradientType=1); 

}

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: #253746;}

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

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

label, legend {color:#253746;}

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


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


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

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


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

.go, input.go, a.go, .file .button, .holiday-request > div > .submit-request {
    background-color:   #44733e;
    color:              #ffffff;
}

.go:hover, input.go:hover,a.go:hover, .file .button:hover, .holiday-request > div > .submit-request:hover {
    background-color:   #365931;
    color:              #ffffff;
}


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

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


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

.cancel, input.cancel, a.cancel, a.delete, input.delete, .delete a, a.remove-product, a.red  {
    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, a.red: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: rgba(000,000,000,0);
}

.menu-section.slim-menu {
      background-color: #253746;   
}


.main-menu {  
}

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


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

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

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


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

input[type="text"], input[type="date"], 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="date"]: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="date"]: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="date"]: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%; text-transform: uppercase;}

/*sub menu positioning */

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

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

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

/*sub sub menu positioning */

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



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

.menu-section {position:fixed;}

.menu-section .main-menu {}

.menu-section .main-menu > .menubar > li, 
.menu-section .main-menu > .menubar > li > a {
    height: 70px;
    line-height: 70px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}



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

.header .main-menu > .menubar > li > a {
    padding: 0px 20px;
}

.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: 75px;
    line-height: 75px;
    font-size: 18px;
}

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

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

.header .main-menu > .menubar > li > a {
    padding: 0px 20px;
    font-size: 16px !important;
}

}

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


.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 .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,
.menu-section.slim-menu,
.menu-section, 
.circle-grid .layout-component .content {
    -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 * {
  -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;
}

 
}




/***********BOUNCE***********/

.circle-grid .layout-component:hover img {
   animation: bounce 1s infinite; //other browsers
   -webkit-animation: bounce 1s infinite; //webkit browsers
   -moz-animation: bounce 1s infinite; //firefox
   -o-animation: bounce 1s infinite; //opera
}


@-webkit-keyframes bounce {
    0%,  
    100% {
       -webkit-transform: translateY(0);
    } 
    50% {
        -webkit-transform: translateY(-10px);
    }
}
@-moz-keyframes bounce {
    0%, 
    100% {
       -moz-transform: translateY(0);
    }
    50% {
       -moz-transform: translateY(-10px);
    }
}
@-o-keyframes bounce {
    0%,
    100% {
       -o-transform: translateY(0);
    }
    50% {
       -o-transform: translateY(-10px);
    }
}
@keyframes bounce {
    0%,  
    100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-10px);
    }
}
















.mod-calendar > .navigation a.next:hover {
  -webkit-animation: bounceRight 1s infinite;
  animation: bounceRight 1s infinite;
}




.mod-calendar > .navigation a.prev:hover {
  -webkit-animation: bounceLeft 1s infinite;
  animation: bounceLeft 1s infinite;
}



@-webkit-keyframes bounceLeft {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  40% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
  60% {
    -webkit-transform: translateX(5px);
    transform: translateX(5px);
  }
}
@-moz-keyframes bounceLeft {
  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateX(0);
  }
  40% {
    transform: translateX(10px);
  }
  60% {
    transform: translateX(5px);
  }
}
@keyframes bounceLeft {
  0%,
  20%,
  50%,
  80%,
  100% {
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  40% {
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }
  60% {
    -ms-transform: translateX(5px);
    transform: translateX(5px);
  }
}




/* right bounce */
@-webkit-keyframes bounceRight {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  40% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  60% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
  }
}
@-moz-keyframes bounceRight {
  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateX(0);
  }
  40% {
    transform: translateX(-10px);
  }
  60% {
    transform: translateX(-5px);
  }
}
@keyframes bounceRight {
  0%,
  20%,
  50%,
  80%,
  100% {
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  40% {
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  60% {
    -ms-transform: translateX(-5px);
    transform: translateX(-5px);
  }
}

 /* Begin CSS Part: Site Design */
body > .layout > .header {
    background-color: rgba(0, 0, 0, 0);
    position: fixed;
    top: 0px;
    left: 0px;    
}


.no-banner {
    padding-top: 128px;
}


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


.header .image img {
    position: absolute;
}

.header.slim .image img, body.no-banner > .layout > .header .image img {
    position: relative;
    min-width: 100px;
}

body.no-banner > .layout > .header, body > .layout > .header.slim {
    background-color: #253746;    
}


body.no-banner.green-theme > .layout > .header, body.green-theme > .layout > .header.slim {
    background-color: #394d3f;
}


.home-logo {
    position: absolute;
    left: 5px;
    width: auto !important;
    top: 9px;
    opacity: 0;
}

.slim-menu .home-logo {
    opacity:1;
}

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

body > .layout > .header.slim .layout-cell.col8, body.no-banner > .layout > .header .layout-cell.col8 {width:6% !important;}
body > .layout > .header.slim .layout-cell.col78, body.no-banner > .layout > .header .layout-cell.col78 {width:93% !important;}



body.no-banner > .layout > .header .main-menu > .menubar > li,
body.no-banner > .layout > .header .main-menu > .menubar > li > a {
    height: 94px;
    line-height: 94px;
    font-size: 18px;
    }


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


.header.slim .main-menu > .menubar > li, 
.header.slim .main-menu > .menubar > li > a,
body.no-banner > .layout > .header.slim .main-menu > .menubar > li,
body.no-banner > .layout > .header.slim .main-menu > .menubar > li > a {
    height: 128px;
    line-height: 128px;
}

}


@media screen and (min-width : 1551px) and (max-width : 1800px) {

.header.slim .main-menu > .menubar > li, 
.header.slim .main-menu > .menubar > li > a,
body.no-banner > .layout > .header.slim .main-menu > .menubar > li,
body.no-banner > .layout > .header.slim .main-menu > .menubar > li > a{
    height: 115px;
    line-height: 115px;
}

}

@media screen and (min-width : 1351px) and (max-width : 1550px) {

.header.slim .main-menu > .menubar > li, 
.header.slim .main-menu > .menubar > li > a,
body.no-banner > .layout > .header.slim .main-menu > .menubar > li,
body.no-banner > .layout > .header.slim .main-menu > .menubar > li > a {
    height: 108px;
    line-height: 108px;
}

}


@media screen and (min-width : 1201px) and (max-width : 1350px) {

.header.slim .main-menu > .menubar > li, 
.header.slim .main-menu > .menubar > li > a,
body.no-banner > .layout > .header.slim .main-menu > .menubar > li,
body.no-banner > .layout > .header.slim .main-menu > .menubar > li > a  {
    height: 97px;
    line-height: 97px;
}
.header .image {padding-top:15% !important;}

}


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

.header.slim .main-menu > .menubar > li, 
.header.slim .main-menu > .menubar > li > a,
body.no-banner > .layout > .header.slim .main-menu > .menubar > li,
body.no-banner > .layout > .header.slim .main-menu > .menubar > li > a  {
    height: 95px;
    line-height: 95px;
}
.header .image {padding-top:25% !important;}

}

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

.header.slim .main-menu > .menubar > li, .header.slim .main-menu > .menubar > li > a,
body.no-banner > .layout > .header.slim .main-menu > .menubar > li,
body.no-banner > .layout > .header.slim .main-menu > .menubar > li > a {
    height: 95px;
    line-height: 95px;
}
.header .image {padding-top:30% !important;}

}


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



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

.header .company-info-part {
    padding-left: 25px;
    color: #fff !important;
    padding-right: 12px;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 20px;
    margin-top: 12px;
}

.header .company-info-part a {
    color: #fff !important;
    }

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

.header .company-info-part.email {
 background-image: url(/userfiles/images/emailfilledclosedenvelope.png);
}
.header .social-block {margin-top:8px;}
.header .social-block img {width:20px; margin-left:8px;}

.header .search-icon {
    height: 97px;
    line-height: 97px;
}
.header .search-icon img {
    width: 50px;
}

.header-right {z-index:100 !important;}

.header-slave {
    position: absolute;
    padding: 12px;
    top:0px;
    background-color: rgba(0, 0, 0, 0.5);
    right: 0px;
    width: 50% !important;
    box-shadow: 0px 12px 16px -10px #000;
    height:0px;
    opacity:0;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
    z-index: 90 !important;
}

.header-slave.open {
    height:auto;
    opacity:1;
      top: 131px;
}

.header.slim .header-slave.open {
    top: 97px;
    background-color: rgba(76, 76, 76, 0.98);
}

.no-banner .header-slave {
    background-color: rgba(76, 76, 76, 0.98);
}


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




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


/**********HOME TESTIMONIALS*************/

.home-testimonial .content div {
    font-size: 20px;
    line-height: 30px;
    background-image: url(/userfiles/images/leftquote.png),url(/userfiles/images/rightquote.png);
    background-repeat: no-repeat;
    background-position: top left, bottom right;
    background-size: 30px;
    padding: 10px 50px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.home-testimonial .content span {
    text-align: right;
    display: inline-block;
    width: 100%;
    font-style: italic;
}


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

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

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

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

}

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



/***********MINI PROJECTS***********/

.project-mini {padding:12px;}

.project-mini img {
    border-radius: 50%;
    margin-bottom: 12px;
}

.project-mini h4 {font-size:16px; font-weight:bold; color:#888; font-style:italic;}


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


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

.footer .slim-footer .menu li a {padding-left:8px !important; padding-right:8px !important;}
 /* 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.5);
    display: inline-block;
    z-index: 999999999;
    top: 0px;
    left: 0px;
}

.banner-image .slide-content {
    position: absolute;
    top: 10%;
    width: 40%;
    left:30%;
    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: 10%;
    }


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

}

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

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

}



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

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

  

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

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

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

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







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

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

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

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

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

}

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

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

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


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

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



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


/**********VIDEO BANNER***********/

.video video {width:100%;}
.video .content:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: inline-block;
    z-index: 999999999;
    top: 0px;
    left: 0px;
}

.video .component-footer {
    position: absolute;
    top: 10%;
    width: 40%;
    left:30%;
    margin: auto;
    text-align: center;
    z-index: 100000000000;
}



 /* 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 */
.border-bottom-cell, .border-bottom > .layout-cell {
    border-bottom: 8px solid #ccc;
    padding-bottom: 24px;
}


/*******PROJECTS***********/


.link-cats .iteration.cat-pad {
padding:0px 6px;
}

.projects {vertical-align:top; padding-left:24px; padding-right:24px;}

.projects .attributes {}

.projects .attributes .attribute-main-image,
.projects .attributes .attribute-name, 
.projects .attributes .attribute-value {display:none !important;}

.projects .attributes .attribute-image img {max-width:60%; margin-top:12px;}


.projects h3 {
    font-style: italic;
    font-size: 18px;
    padding: 6px;
    font-weight: bold;
    color: #888;
}




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


.mini.products {
    border: 1px solid #ccc;
    margin-bottom: 12px;
}

.mini.category {
    border: 1px solid #ccc;
    margin-bottom: 12px;
}

.mini .title h4 {
    background-color: #253746;
    color: #ffffff;
    line-height: 1.4em;
    padding: 8px 2px;
    font-size: 18px;
}
.mini:hover .title h4 {
    background-color: #333;
    color: #fff;
}


.mini.products .price {
    position: absolute;
    top: 0px;
    right: 0px;
    width: auto;
    padding: 6px 12px;
     background-color: rgba(0, 0, 0, 0.75);
border-radius: 0px 0px 0px 4px;
color: #fff;
    font-size: 14px;
    font-weight: bold;
}




/*********NEWS***********/

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

@media screen and (min-width:1000px) {
.linked-items .news.mini + .news.mini {
    border-top: 1px solid #ccc;
}
}

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


.side-bar h4 {
    margin-bottom: 12px;
}

.link-cats .iteration {margin-bottom:8px;}

.link-cats .iteration .title h4 {
    display: inline-block;
    padding: 12px;
    background-color: #253746;
    color: #ffffff;
    width:100%;
        font-size: 24px;
}


.link-cats .iteration:hover .title h4 {
    background-color: #201f1f;
    color:#fff;
}

.link-cats .iteration .active .iteration {
    background-color: #201f1f;
    color:#fff;
}


.blog.mini {
    padding: 12px 0px;
}

.blog.mini + .blog.mini {
    border-top: 1px solid #ccc;
}

.blog.mini h3 {
    font-size: 1.5em;
}

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


.headed-section.discount-code .apply-code {
    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-code {
    width: 70px;
    position: absolute;
    top: 0px;
    right: 0px;
    height: 30px;
    line-height: 32px;
    padding: 0px 12px;
    border-radius: 0px;
    border: 0px;
    background-color: darkred;
}


.headed-section.delivery-address .button {
    position: absolute;
    top: 0px;
    right: 0px;
    height: 30px;
    line-height: 32px;
    padding: 0px 12px;
    border-radius: 0px;
    border: 0px;
    background-color: green;
    border-left: 2px solid #fff;
}




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

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

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

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

 /* Begin CSS Part: Collation */
/*********PROJECTS****************/


.brands.attributes {}

.brands.attributes .attribute-main-image,
.brands.attributes .attribute-name, 
.brands.attributes .attribute-value {display:none !important;}

.brands.attributes .attribute-image img {max-width:80%; margin-bottom:24px;}

.info.attributes {padding:12px 0px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; margin-bottom:24px;}

.info.attributes .attribute-name {font-size:14px;}
.info.attributes .attribute-value {font-weight:bold;font-size: 14px;}
.info.attributes .attribute-name, .info.attributes .collation-attribute {display:inline-block;}

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

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

.team.attributes .collation-attribute-group {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
}

.team.attributes .collation-attribute {
    display: inline-block;
    width: 50%;
    margin-bottom: 12px;
}

.team.attributes .attribute-name {
    font-size: 12px;
    color: #333;
    border-bottom: 1px solid #ccc;
    display: none;
    width: 100%;
    margin-bottom: 8px;
    font-weight: bold;
}
.team.attributes .attribute-image {
    float: left;
}

.team.attributes .attribute-value {
    font-weight: bold;
    padding-top: 12px;
    display: inline-block;
}

.team.attributes .attribute-image img {
    width: 40px;
    border-radius: 50%;
        margin-right: 8px;
}

/**********PRODUCT PAGE*******/


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

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


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

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

.mod_collation_component_collation_item.product-main .purchase-sect .price {
    background-color: #4c4c4c;
    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 .price label {
    color: #fff;
    font-size: 10px;
    line-height: 14px;
}

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


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


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

.mod_collation_component_collation_item .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 .total-price .price-display {font-weight:bold;     font-size: 14px;}
.mod_collation_component_collation_item.product-main .total-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;
}



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

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

.text-attributes .collation-attribute {
    width: 100%;
    display: inline-block;
    border-bottom: 1px dotted #555;
    padding: 4px 0px;
}

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

.text-attributes .collation-attribute .attribute-name {
    display: inline-block;
    font-size: 12px;
}
.text-attributes .collation-attribute .attribute-value {
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
}

.text-attributes .attribute-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: #505050;
    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: 2px;
    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:#253746;
    	font-weight:normal;
}
*/

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

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

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



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

.linked-items {
    border-top: 1px solid #ccc;
}

.linked-items > h4 {}



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





/*********NEWS & BLOGS************/


.post-details {
    border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
    margin-bottom: 12px;
}

.inline-display > label {
    display: inline-block;
    font-size: 12px;
    color: #555;
}

.inline-display > .content {
    display: inline-block;
    font-size: 12px;
    color: #555;
}

.right-column {
    background-color: #efefef;
    padding: 24px;
}

.side-column .linked-items {border:none !important;}


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

.side-column .linked-items .iteration {
   width:49.5% !important; margin-right:1% !important; display:inline-block;
}

.side-column .linked-items .iteration:nth-child(2n+2) {
margin-right:0px !important;
}

}

@media screen and (max-width:520px) {
.linked-items .news.mini + .news.mini {
    border-top: 1px solid #ccc;
}
}
 /* Begin CSS Part: Collation Admin */

 /* Begin CSS Part: Cookies */

 /* Begin CSS Part: Crm */

 /* Begin CSS Part: Cron */

 /* Begin CSS Part: Currency Converter */

 /* Begin CSS Part: Discount */

 /* Begin CSS Part: Email Template */

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

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

input[type="text"], input[type="date"], 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;}


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

.captcha-code, .security-code {
  margin: 10px 0 !important;
  padding: 8px 0;
  text-align: center !important;
  width: 100% !important;
}
.captcha-code label, .security-code label {
  text-align: center !important;
  font-size: 12px;
}
.captcha-code img, .security-code img {
  display: inline-block;
  height: 42px;
  width: auto !important;
}
.captcha-code input, .security-code input {
  display: inline-block;
  font-size: 20px;
  height: 42px !important;
  vertical-align: top;
  width: 122px !important;
  margin-bottom: 0px;
}


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

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

 /* Begin CSS Part: Home */

 /* Begin CSS Part: Hr */
.holiday-actions {
    position: relative;
    z-index: 100000;
}


.requested-days .selected-day {
    background-image: url(/userfiles/css/images/check-mark.png);
    padding: 6px 12px 6px 28px;
}

.holiday-remaining .content {font-size:20px; margin:12px 0px;}

.user-search {
    position: relative;
}

.user-search .search-results {
    position: absolute;
    background-color: #fff;
    width: 100%;
    border: 1px solid #ccc;
    padding: 12px;
    top: 64px;
}

.user-search .total-result-count {
    color: #333;
}
.user-search-result {
    font-size: 14px;
    padding: 4px 0px;
    border-bottom: 1px solid #ccc;
}

.user-search-result:hover {
    font-weight:bold;
    background-color: #efefef;
}


/*********ACCOUNT DIALOGUE**********/


.dialogue-main-content.accounts {
    margin: auto;
    text-align: left;
}

.dialogue-main-content.accounts .section-tabs {background-color:#333;}

.dialogue-main-content.accounts .auto.section-tab {
    color: #fff;
    padding: 4px 12px;
    font-size: 14px;
    border-right: 1px solid #fff;
}

.dialogue-main-content.accounts .auto.section-tab:hover {background-color:#555;}

.dialogue-main-content.accounts .sections {
    border: 1px solid #ccc;
    padding: 12px;
}

.dialogue-main-content.accounts .sections h2 {
    font-size: 1.5em;
}

.dialogue-main-content.accounts .sections .parts .col2 {margin-right:1% !important; width:47.5% !important;}


.hr-main-content .calendar-day {
    min-height: 200px;
}

.holiday-detail {
    border: 1px solid #ccc;
    padding: 12px;
}
.holiday-detail > div {padding-bottom:12px;}

 /* Begin CSS Part: Multi User */

 /* Begin CSS Part: News Letter */

 /* Begin CSS Part: Order Manager */
.mod_orders_component_invoice {background-color:#efefef;}
.summary-section {border:1px solid #ccc;}
 /* Begin CSS Part: Orders */
.product-table-display .heading-row, 
.headed-section > label, 
.summary-section > label, 
.summary-section .layout-component > label { background-color: #444;}

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


.invoice-layout {padding:12px;}

.invoice-logo {padding-bottom:24px;}

.headed-section {
    margin-bottom: 12px;
    border: 1px solid #ccc;
    text-align:center;
}

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


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






/****Products*****/

.product-table-display > .layout > .layout-cell {
    padding: 4px 12px;
}


.product-table-display .heading-row {
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  font-weight: normal;
}

.product-table-display .heading-row .layout-component {line-height:24px; color:#fff; font-size:12px;}

.product-table-display .result-row .layout-cell {border: 1px solid rgb(204, 204, 204);}

.product-table-display .result-row .title {font-weight:bold;}

.product-table-display .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 !important;}


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


.product-table-display {
    display: table !important;
    border-collapse: collapse;
}
.product-table-display > .layout {display:table-row;}

.product-table-display > .layout > .layout-cell {
    display: table-cell;
    vertical-align: middle;
}


.product-table-display > .layout > .layout-cell > label {display:none !important;}

.product-table-display > .layout > .layout-cell > .layout-component > label {display:none !important;}



}



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

.product-table-display .heading-row {display:none !important;}
.product-table-display > .layout > .layout-cell {width:100% !important; margin:0px !important;}
.product-table-display > .layout > .layout-cell * {text-align:center !important;}

.summary-section {width:100% !important; margin:right:0px !important;}

.product-table-display > .layout > .layout-cell > label {
    background-color: #555;
	color:#fff;
    font-size: 12px;
    padding: 4px;
}

.product-table-display > .layout > .layout-cell {padding:0px; border:none !important;}
.product-table-display > .layout > .layout-cell .layout-component {padding:12px 6px;}


.product-table-display .result-row {
    border: 1px solid #ccc;
    margin-bottom: 12px;
}

}



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

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

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


.summary-section .layout-component {
	border-bottom:1px solid #ccc;
    font-size: 12px;
    text-align: center;
    line-height: 30px;
    clear: both;
}

.summary-section .layout-component > label {
    width: 50%;
    display: inline-block;
    color: #fff;
    float:left;

}

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

.layout-component.invoice > .mod_orders_component_invoice.invoice-layout {
    padding: 24px;
    border: 1px solid #ccc;
}

.invoice-footer {
    padding: 12px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.invoice-footer > .layout-cell > label {font-weight:bold;}

.invoice-footer .company-info {
    margin: 6px auto;
        margin-right: auto;
    font-size: 14px;
    color:  #333;
}

.invoice-footer .company-info label {    color:  #333;     font-size: 14px;}

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

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


.summary-section {border:1px solid #ccc;}


/***********PERSONALISATION BASKET*************/

.preview-image, .preview-info {
    display: inline-block;
    width: 50%;
    vertical-align: top;
    padding: 8px;
}

.preview-info label {display:inline-block;}

.preview-info div {
    font-size: 12px;
    line-height: 18px;
}



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

.preview-image, .preview-info {
    width: 100%;
}

}



 /* Begin CSS Part: 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:7em; color:#fff;}
.banner-content h2 {font-size:3em; color:#fff; margin-bottom:12px;}
.banner-content p {font-size:1em; color:#fff;}


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

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


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

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

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

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



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

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


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

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


}





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

.team-block {padding-bottom:24px;}

.team-icon * {text-align:center !important;}

.team-block > label {
    font-size: 32px;
    background-color: #253746;
    padding: 12px;
    margin-bottom: 24px;
    box-shadow: -165px 0px 120px 0px #fff inset;
    color: #fff;
}


/**********HOME TESTIMONIALS*************/

.about-quote .content div {
    font-size: 20px;
    line-height: 30px;
    background-image: url(/userfiles/images/leftquote.png),url(/userfiles/images/rightquote.png);
    background-repeat: no-repeat;
    background-position: top left, bottom right;
    background-size: 30px;
    padding: 10px 50px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.about-quote .content span {
    text-align: right;
    display: inline-block;
    width: 100%;
    font-style: italic;
}





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


.ctrl .collapsible-trigger {
    cursor: pointer;
    background-color: #253746;
color:#fff;
    padding: 12px;
    text-align: center;
    border-radius: 4px;
    width: 30%;
    margin: auto;
    font-size: 18px;
    line-height: 38px;
}

.ctrl .collapsible-content {
    display: inline-block;
    width: 100%;
    padding: 24px;
    background-color: 
#efefef;
margin-top: 12px;
border: 1px solid
    #ccc;
}

.border-bottom {border-bottom:8px solid #ccc; padding-bottom:50px;}

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

/**********SERVICE PAGES***********/


span.step {
    display: inline-block;
    width: 40px;
    height: 40px;
    font-size: 22px;
    text-align: center;
    border-radius: 50%;
    line-height: 40px;
    vertical-align: top;
    margin-top: 10px;
    margin-right: 8px;
    font-weight: bold;
        background-color: #253746;
	color:#fff;
}


.layout .fill-1 span.step {
    background-color: #fff !important;
	color:#253746 !important;
}


.layout .fill-2 span.step {
    background-color: #253746 !important;
	color:#fff !important;
}






 /* 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: Pofs Warehouse */

 /* Begin CSS Part: Qanda */
/*******QA CONTROL*******/

.qanda-ctrl.disabled {display:none !important;}

.qanda-ctrl .slave-toggle label {
    background-color: green;
    color: #fff;
    padding: 12px 24px;
    width: 100%;
    display: inline-block;
    cursor: pointer !important;
    font-weight: bold;
    border-radius: 4px;
}

.qanda-ctrl .slaved {
    display: none;
    padding: 24px;
    border-bottom: 1px solid #ccc;
    background-color: #efefef;
}

.qanda-ctrl .slaved.open {
    display: inline-block;
}

/******QA LIST********/

.mod_qanda_component_list {
    margin: auto;
}

.mod_qanda_component_list .iteration.headings {display:none !important;}

.mod_qanda_component_list .iteration {
    padding: 24px;
    background-color: rgba(232, 232, 232, 0.4);
    margin-bottom: 12px;
    border-radius: 8px;
}

.mod_qanda_component_list .iteration .name {
    font-weight: bold;
    font-size: 18px;
    line-height: 20px;
}

.mod_qanda_component_list .iteration .comment {}

.question-cell {
    border-bottom: 2px solid #ccc;
    padding-left: 70px;
    padding-bottom: 12px;
    margin-bottom: 12px;
    background-image: url(/userfiles/images/question.png);
    background-size: 60px;
    background-repeat: no-repeat;
    min-height: 75px;
}

.question-cell .question label {
    font-size: 14px;
    color: #005fa8;
    font-weight: bold;
}



.answer-cell {
    padding-left: 70px;
    background-image: url(/userfiles/images/answer.png);
    background-size: 60px;
    background-repeat: no-repeat;
    min-height: 75px;
}

.answer-cell .answer label {
    font-size: 14px;
    color: #db7e04;
    font-weight: bold;
}


 /* Begin CSS Part: Redirect */

 /* Begin CSS Part: Review */
/*****MINI REVIEW STARS******/

.mini-review {vertical-align:bottom;}
.mini-review .star-rating-star {
    width: 30px;
    height: 30px;
}

.layout .average label, .layout .average .average-stars {    display: inline-block;}

.layout .average .based-on {
    display: inline-block;
    font-size: 12px;
    vertical-align: bottom;
}




/******ADD REVIEW********/

.review-ctrl.disabled {display:none !important;}

body .layout .toggle-section {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    display: inline-block !important;
    padding: 12px;
}

.layout .toggle-section * {
    vertical-align: middle;
}

.review-ctrl .slave-toggle label {
    background-color: green;
    color: #fff;
    padding: 12px 24px;
    width: 100%;
    display: inline-block;
    cursor: pointer !important;
    font-weight: bold;
    border-radius: 4px;
}


.review-ctrl .slaved {
    display: none;
    padding: 24px;
    margin: 0px !important;
    border-bottom: 1px solid #ccc;
    background-color: #efefef;
}

.review-ctrl .slaved.open {
    display: inline-block;
}

.review-ctrl .star-rating-star {
    width: 40px;
    height: 40px;
}


/*******REVIEWS LIST******/


.mod_review_component_list {
    margin: 12px auto;
}

.mod_review_component_list hr {
    opacity: 0;
    margin: 0px;
}

.mod_review_component_list .iteration.headings {display:none !important;}

.mod_review_component_list .iteration {
    padding: 24px;
    background-color: rgba(232, 232, 232, 0.4);
    margin-bottom: 12px;
    border-radius: 8px;
}

.mod_review_component_list .iteration .name {
    font-weight: bold;
    font-size: 18px;
    line-height: 20px;
    vertical-align: bottom;
}

.mod_review_component_list .iteration .location {
    font-size: 12px;
    vertical-align: bottom;
    line-height: 20px;
    font-style: italic;
}

.mod_review_component_list .iteration .comment {
    background-image: url(/userfiles/images/leftquote.png), url(/userfiles/images/rightquote.png);
    background-repeat: no-repeat;
    background-position: top left, bottom right;
    padding-left: 50px;
    padding-right: 50px;
    background-size: 35px;
    min-height: 50px;
    padding-top: 8px;
}









 /* Begin CSS Part: Run Manager */
.mod_run_manager h1 {
    font-size: 2.75em;
}


.rm-header {
    height: 50px;
    z-index: 10000 !important;
}


.rm-logo img {
    height: 40px;
    width: auto;
    padding: 3px !important;
    margin-top: 4px;
    margin-left: 14px;
}

.rm-header > .i {
    background-color: #efefef;
    position:fixed;
    height:50px;
    width:100%;
    left:0px;
    right:0px;
    }

.rm-slide.slaved {
    position: fixed !important;
    padding: 60px 24px;
    left: -100%;
    width: 80%;
    z-index: 1000;
    overflow-y: auto;
    top: 50px;
    height: 100%;
    background-color: #efefef;
}


.rm-slide.slaved.open { 
    left:0%;
  }


.rm-dtop-menu .rm-menu-entry {
    display: inline-block;
}


.rm-resp-menu .rm-menu-entry > a {
  font-size: 18px;
  background-image: url(/userfiles/images/text.png);
  background-position: left center;
  background-size: 25px;
  background-repeat: no-repeat;
  padding: 16px 28px 16px 40px !important;
  display: inline-block;
  width: 100%;
  color: #293b49;
}


.rm-resp-menu .rm-menu-entry > a {
    font-size: 18px;
    background-image: url(/userfiles/images/text.png);
    background-position: left center;
    background-size: 25px;
    background-repeat: no-repeat;
    padding: 16px 28px 16px 40px !important;
    display: inline-block;
    width: 100%;
    font-weight: bold;
}


.rm-resp-menu .rm-menu-entry + .rm-menu-entry {border-top:1px solid #ccc;}
.rm-resp-menu .rm-menu-entry:hover > a {background-size: 27px;}

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

}



.rm-menu-entry:hover > a {background-size: 22px;}

.rm-menu-entry.dashboard > a {
    background-image: url(/userfiles/images/text.png);
}

.rm-menu-entry.customers > a {
background-image: url(/userfiles/images/team.png);
}

.rm-menu-entry.vehicles > a {
background-image: url(/userfiles/css/images/transport.png);
}

.rm-menu-entry.holidays > a {
background-image: url(/userfiles/css/images/sports-and-competition.png);
}

.rm-menu-entry.quotes > a {
background-image: url(/userfiles/css/images/shopping.png);
}

.rm-menu-entry.po > a {
background-image: url(/userfiles/css/images/po.png);
}

.rm-menu-entry.search > a {
background-image: url(/userfiles/css/images/tools-and-utensils.png);
}

.rm-menu-entry.reporting > a {
background-image: url(/userfiles/css/images/bars.png);
}

 /* Begin CSS Part: Scroller */

 /* Begin CSS Part: Search */
.search .search-go {
    position: absolute;
    top: 0px;
    right: 0px;
    background-color: green;
    min-width: 40px;
    height: 40px;
    color: #fff;
    text-align: center;
    line-height: 40px;
    font-size: 0px;
    background-image: url(/userfiles/images/search.png);
    background-size: 38px;
    background-repeat: no-repeat;
    background-position: center;
}


.search .collation-search-results * {
    color: #fff !important;
}

.total-result-count {
    text-align: right;
    font-size: 12px;
    border-bottom: 1px solid #fff;
    margin-bottom: 12px;
    padding-bottom: 8px;
}
.total-result-count span {}
.total-result-count span + span {}

.search .collation-search-results .section-results {}
.search .collation-search-results .section-results .item-result {
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    padding: 4px;
    font-size: 14px;
}

.search .collation-search-results .section-results .item-result:hover {
    background-color: rgba(0, 0, 0, 0.3);
    font-weight:bold;
}

 /* Begin CSS Part: Search Results */

 /* Begin CSS Part: Seo */

 /* Begin CSS Part: Shipping */

 /* Begin CSS Part: Snippets */
/******PAGE GALLERY***********/

.gallery-preview .gallery-thumb {
    border: 1px solid #ccc;
    width:32.66%;
    margin-bottom: 12px;
    margin-right:1%;
    position:relative;
}
.gallery-preview .gallery-thumb:nth-child(3n+3) {margin-right:0px !important;} 

.gallery-preview .gallery-thumb img {padding:12px;}
.gallery-preview .gallery-thumb label {
    text-align: center;
    background-color: #505050;
    color: #fff !important;
    padding: 12px;
}



/********SLIDE*********/

.gallery-slide {padding:0px !important; border:1px solid #ccc;}

.gallery-slide label {
    display: inline-block;
    font-size: 16px;
    line-height: 20px;
    background-color: #333;
width: 100%;
color: #fff;
    padding: 8px;
}

.gallery-outer .thumb-container {
    text-align: center !important;
    border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
    margin-top: 12px;
}


.gallery-outer .thumb-container .gallery-thumbs {

}

.gallery-outer .thumb-container .gallery-thumbs .gallery-thumb {
    max-width: 100px !important;
    cursor: pointer;
    padding: 4px;
    border: 1px solid #ccc;
    margin: 10px 4px;
}

.gallery-outer .thumb-container .gallery-thumbs .gallery-thumb:hover,
.gallery-outer .thumb-container .gallery-thumbs .gallery-thumb.active {
    border: 2px solid #646464 !important;
    transform: scale(1.1, 1.1);
    -web-kit-transform: scale(1.1, 1.1);
	background-color: #fff;
    z-index: 1000;
}

.gallery-outer .thumb-container .gallery-thumbs .gallery-thumb {max-width:100px !important; cursor:pointer;}
.gallery-outer .thumb-container .gallery-thumb.active {}
.gallery-outer .thumb-container .gallery-thumb label {display:none !important;}


.gallery-arrow-left, .gallery-arrow-right {
    font-size: 0px;
    width: 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: #253746;
    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:20px;
    margin-bottom:8px;
    display:inline-block !important;
}

.circle-grid .layout-component img {
    border-radius: 50%;
    box-shadow: 0px 20px 10px -10px rgba(0, 0, 0,0.25);
}


.circle-grid .layout-component h3 {
    padding: 20px 12px 4px;
    font-size: 26px;
    line-height: 30px;
}

.circle-grid .layout-component h4 {
    padding: 18px 12px 4px;
    font-size: 20px;
    line-height: 24px;
}

.circle-grid .layout-component label {
    line-height: 16px !important;
    font-size: 18px;
    color: #555;
    padding: 10px 4px;
    margin-bottom: 12px;
    box-shadow: 0px 6px 8px -10px #000;
}


.circle-grid .team-icon .content * {
    line-height: 16px !important;
    font-size: 12px;
    color: #555;
}


.circle-grid .team-icon .content {opacity:0;}

.circle-grid .team-icon:hover .content {opacity:0;}




.circle-grid.team-grid .team-icon {
    padding: 10px 4px;
}

.circle-grid.team-grid .team-icon img {max-width:80%;}

 /* Begin CSS Part: System Manager */

 /* Begin CSS Part: Txt Msg */

 /* 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: #dedede;
    color: #253746;
    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 #dedede;
  	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;
}

.dob-parts > * {
    display: inline-block;
    width: auto !important;
    margin-right: 1%;
    max-width: 50px;
}

/******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:#dedede;
    color: #253746;
    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:#dedede;}
  .mobile-account li:hover a {background-color:; color:#253746;}
  
  }
  
  /****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: User Documents */

 /* Begin CSS Part: Warning */