/* 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: 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: 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,
body > .layout .header > .layout-component {
  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: sticky;
  top: 0px;
}

.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 */
@media screen and (max-width:541px) {

body {
  padding-top: 74px;
}

}

body > .layout > .header {
    background-color: #253746;  
    position: fixed;
    top: 0px;
    left: 0px;    
}

.header .image img {
  max-width: 250px;
  padding-top: 20px;
}

body > .layout .content-hold > .i, body > .layout .nested-banner > div {
  max-width: 1366px;
  width: 100%;
  margin-left: auto !important;
  margin-right: auto !important;
}


.home-banner.css-banner {
  background-image: url(/userfiles/css/images/stocklistbanner.jpg);
}


.bg-banner > .i {
  background-color: rgba(0, 0, 0,0.5);
}

.bg-banner > .i > .nested-banner {padding:200px 0px 250px;}



.bg-banner > .i > .nested-banner > .i {
  display: flex;
  align-items: center;
}

.bg-banner > .i > .nested-banner h1,
.bg-banner > .i > .nested-banner h2,
.bg-banner > .i > .nested-banner p {color:#fff;}


.bg-banner > .i > .nested-banner h1 {
  font-size: 44px;
}

.bg-banner > .i > .nested-banner h2 {
  font-size: 34px;
}

.bg-banner > .i > .nested-banner p {
  font-size: 16px;
}

.bg-banner > .i > .nested-banner .button {
  background-color: rgba(0, 0, 0,0.5);
  width: 100%;
  max-width: 300px;
  margin-bottom: 12px;
  font-size: 20px;
  padding: 12px 24px;
}

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


.banner-image .slide-content {
  position: absolute;
  top: 10%;
  width: 25%;
  left: 24px;
  margin: auto;
  text-align: center;
  z-index: 100000000000;
  display:none !important;
}

.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: 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 */
.multi-image-entry {
  display: flex;
  border: 1px solid #ccc;
  margin-bottom: 4px;
  background-color: #efefef;
}

.multi-image-entry > .auto {
  vertical-align: top;
  padding: 12px;
  text-align: left;
  flex-grow: 1;
}
.multi-image-entry > .auto.miimage {width:200px;

}

.multi-image-entry > .auto.micontrol {width:200px;

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