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;
   overflow-x:hidden;
}
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;
}
img {image-rendering: -webkit-optimize-contrast;}
body > .layout > .responsive-menu {z-index:5000 !important;}
body > .layout > .layout-cell {z-index:1000;}
body > .layout > .layout-cell.header {z-index:2000;}
.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;}
.line0 {line-height:0;}
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;
}
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;}
table {
  border-spacing: 0;
  border-collapse: collapse;
}
td, th {padding: 0;}
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%;
}
.bordered {
    border: 1px solid #ccc;
    margin: 12px 0px;
    box-shadow: 0px 12px 10px -8px #00000036;
}
.vbottom {
    vertical-align: bottom;
}
.bottom-divide {
    border-bottom: 1px solid #ccc;
}
.btop {border-top:1px solid #ccc; padding-top:24px; margin-top:12px;}
#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;
}
.mobile-collapse .collapsible-always .collapsible-content {
display:inline-block !important; 
width:100% !important;
visibility: visible !important;
}
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%;
  }
}
.ui-dialog.ui-widget {z-index:90000;}
.ui-widget-overlay {
    background: #000 !important;
    opacity: 0.5 !important;
}
.ui-dialog.ui-draggable {
    border: 3px solid rgb(212, 212, 212);
    box-shadow: 0px 25px 50px rgba(0,0,0,0.7);
    padding: 16px;
    z-index: 100000000000;
    min-width: 994px;
    max-width: 1224px;
}
.ui-dialog.ui-draggable .ui-dialog-content {text-align:center;}
.ui-dialog.ui-draggable .ui-dialog-titlebar {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  border: medium none;
  position: absolute;
  right: 2px;
  z-index: 100;
}
.ui-widget-content a.button {color:#fff !important;}
@media screen and (max-width:1224px) {
.ui-dialog.ui-draggable {
    border: 2px solid rgb(212, 212, 212);
    box-shadow: 0px 25px 50px rgba(0,0,0,0.7);
    padding: 12px;
    z-index: 100000000000;
    min-width: 80%;
    max-width: 95%;
}
}
#cookie-compliance {
    z-index: 1000000000;
    position: fixed;
    bottom: 0px;
    background-color: #fff;
    text-align: center;
    border-top: 4px solid #000;
    width: 100%;
    left: 0px;
    padding: 4px;
}
@media screen and (max-width:580px) {
#cookie_compliance p {
  width: 100%;
}
  #cookie_compliance div.inline {
  width: 50%;
  margin:6px auto;
}
}
.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;}
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-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;}
.float-right {float:right;}
.float-left {float:left;}
.float-none {float:none;}
.clear {
    clear: both;
    display: inline-block !important;
}
.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;
}
.ui-dialog.ui-draggable .ui-dialog-titlebar {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
        background-color: rgba(0, 0, 0, 0);
    border: medium none;
    position: relative;
    right: 2px;
    z-index: 100;
    width: 100%;
    text-align: center;
    background-color: #333;
    color: #fff;
}
.ui-dialog .ui-dialog-title {
    float: none;
}
.system-message {
    background-color: #fffafa;
    max-width: 1224px;
    margin-left: auto;
    margin-right: auto;
    padding: 12px;
    font-size: 1.5em;
    margin-top: 24px;
    border: 1px solid #ccc;
}
body > .layout {
        width:      100%;
        height:     100%;
        margin:     0px auto;
}
body > .layout > .layout-cell,
body > .layout > .full-width > .layout-component,
body > .layout .full-width > .layout-component,
body > .layout .full-width .contain,
body > .layout .content-hold > .i {
  max-width: 1366px;
  width: 100%; 
  margin-left:auto !important;
  margin-right:auto !important;
}
body > .layout > .full-width,
.full-width > .full-width,
.full-width > .full-width > img,
.full-width > .full-width > p > img,
.responsive-menu {
	max-width:100% !important;
    }
.full-width > .full-width > img,
.full-width > .full-width > p > img {width:100% !important;}    
 @media screen and (min-width:761px) {  
.contain, 
.slim-footer > .layout-component,
body > .layout .content-section,
body > .layout .content-hold > .i {
	padding-left:24px !important; 
    padding-right:24px !important;
}    
}
@media screen and (max-width:760px) {
.contain, 
.slim-footer > .layout-component,
body > .layout .content-section,
body > .layout .content-hold > .i {
	padding-left:12px !important; 
    padding-right:12px !important;
}
}
    
body > .layout > .layout-cell .wide-page {
    max-width: 90%;
}    
.layout .layout-cell,
.layout .layout-component,
.layout .eg-cell {margin-right:1% !important;}
.layout .col1, .layout .iend {margin-right:0px !important;}
.layout .col1  {width:100%;}
.auto {width:auto;}
.padded {padding:12px;}
body .layout .breathecol2 {
	margin-right:3% !important;
    vertical-align: top;
}
body .layout .breathecol3 {
	margin-right:3% !important;
    vertical-align: top;
}
body .layout .breathecol4 {
	margin-right:3% !important;
    vertical-align: top;
}
body .layout .anchor-dest {
    padding-top: 100px !important;
    margin-top: -100px !important;
}
@media screen and (min-width : 1225px) {}
@media screen and (min-width : 1001px) and (max-width:1224px) {}
@media screen and (min-width : 1001px) {
.dtop-hide, .responsive-menu {display:none !important;} 
body .layout .dtopslim {
    max-width: 75%;
    margin: auto !important;
}
  
.layout .col2, .layout .col612, .layout .col36  {width: 49.5%; }
.layout .col3, .layout .col412 {width:32.66%; }
.layout .col23, .layout .col812 {width:66.33%; }
.layout .col4, .layout .col312  {width: 24.25%;}
.layout .col34 {width: 74.75%;}
.layout .col5  {width: 19.2%; }
.layout .col25 {width: 39.4%;}
.layout .col35 {width: 59.6%;}
.layout .col45 {width: 79.8%; }
.layout .col6, .layout .col212  {width: 15.83%;}
.layout .col56, .layout .col1012 {width: 83.16%;}
.layout .col7  {width: 13.42%;}
.layout .col27  {width: 27.85%;}
.layout .col37  {width: 42.28%;}
.layout .col47  {width: 56.71%;}
.layout .col57  {width: 71.14%;;}
.layout .col67 {width: 85.57%;}
.layout .col8  {width: 11.62%;}
.layout .col28 {width: 24.25%;}
.layout .col38 {width: 36.87%;}
.layout .col48 {width: 49.5%;}  
.layout .col58 {width: 62.12%;}
.layout .col68, .layout col912 {width: 74.75%;}
.layout .col78 {width: 87.37%;}
.layout .col9  {width: 10.22%;}
.layout .col29 {width: 21.44%;}
.layout .col39 {width: 32.66%;}
.layout .col49 {width: 43.88%;}
.layout .col59 {width: 55.11%;}
.layout .col69 {width: 66.33%;}
.layout .col79 {width: 77.55%;}
.layout .col89 {width: 88.77%;}
.layout .col10 {width: 9.1%;}
.layout .col11 {width: 8.181%;}
  
.layout .col512 {width: 41.08%;}
.layout .col712 {width: 57.91%;}  
.layout .col1112 {width: 91.58%;}
.layout .col12 {width: 7.416%;}
 
.res2 {width: 49.5%; margin-right:1% !important;} 
.res2:nth-child(2n+2) {margin-right:0px !important;} 
.res3  {width:32.66%; margin-right:1% !important;}
.res3:nth-child(3n+3) {margin-right:0px !important;} 
.res4  {width: 24.25%; margin-right:1% !important;}
.res4:nth-child(4n+4) {margin-right:0px !important;} 
.res5  {width: 19.2%; margin-right:1% !important;}
.res5:nth-child(5n+5) {margin-right:0px !important;}  
.res6  {width: 15.83%; margin-right:1% !important;}
.res6:nth-child(6n+6) {margin-right:0px !important;}  
 
.layout .tight2 {width:50%; margin:0px !important;} 
.layout .tight4 {width:25%; margin:0px !important;}
body .layout .breathecol2 {width:48.5%; display:inline-block;}
body .layout .breathecol2:nth-child(2n+2) {margin-right:0px !important;}
body .layout .breathecol3 {width:31.33%; display:inline-block;}
body .layout .breathecol3:nth-child(3n+3) {width:31.34%; margin-right:0px !important;}
body .layout .breathecol4 {width:22.75%; display:inline-block;}
body .layout .breathecol4:nth-child(4n+4) {margin-right:0px !important;}
}
@media screen and (max-width : 1000px)  {
  .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-col1.padding-right-xl, 
.layout .padding-right-xl.mobile-pad {
    padding-right: 0px;
}
.layout .padding-top-xl {padding-top:20px;}
.layout .padding-bottom-xl {padding-bottom:20px;}
body .layout .mob-pic  {
    max-width: 80%;
    margin: auto !important;
}
.button {margin-bottom:6px;}
}
@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%;}
.layout .tab-col1 {width:100% !important; margin-right:0px !important;}
.layout .tab-col2  {width: 49.5%; }
.layout .tab-col3  {width:32.66%; }
.layout .tab-col23 {width:66.33%; }
.layout .tab-col4  {width: 24.25%;}
.layout .tab-col34 {width: 74.75%;}
.layout .tab-col5  {width: 19.2%; }
.layout .tab-col25 {width: 39.4%;}
.layout .tab-col35 {width: 59.6%;}
.layout .tab-col45 {width: 79.8%; }
.layout .tab-col6  {width: 15.83%;}
.layout .tab-col56 {width: 83.16%;}
.res2 {width: 49.5%; margin-right:1% !important;} 
.res2:nth-child(2n+2) {margin-right:0px !important;} 
.res3  {width:32.66%; margin-right:1% !important;}
.res3:nth-child(3n+3) {margin-right:0px !important;} 
.res4  {width: 24.25%; margin-right:1% !important;}
.res4:nth-child(4n+4) {margin-right:0px !important;} 
.res5  {width: 19.2%; margin-right:1% !important;}
.res5:nth-child(5n+5) {margin-right:0px !important;}  
.res6  {width: 15.83%; margin-right:1% !important;}
.res6:nth-child(6n+6) {margin-right:0px !important;} 
  .layout .tight2 {width:100%; margin:0px !important;} 
.layout .tight4 {width:25%; margin:0px !important;}
body .layout .breathecol2 {width:48.5%; display:inline-block;}
body .layout .breathecol2:nth-child(2n+2) {margin-right:0px !important;}
body .layout .breathecol3 {width:48.5%; display:inline-block;}
body .layout .breathecol3:nth-child(2n+2) {margin-right:0px !important;}
body .layout .breathecol4 {width:22.75%; display:inline-block;}
body .layout .breathecol4:nth-child(4n+4) {margin-right:0px !important;}
}
@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;}
  
.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;} 
.strip-cats {
margin-bottom:4px;
width:100% !important;
}
body .layout .breathecol2 {width:100%; display:inline-block; margin-right:0px !important;}
body .layout .breathecol3 {width:100%; display:inline-block; margin-right:0px !important;}
body .layout .breathecol4 {width:22.75%; display:inline-block;}
body .layout .breathecol4:nth-child(4n+4) {margin-right:0px !important;}
  }
@media screen and (min-width:521px) and (max-width:760px) {
  
.layout .col23, .layout .col78, .layout .col712, .layout .col5, .layout .col25 {width:100%; margin-right:0px !important;}
.layout .col2, .layout .col3  {width: 49.5%;}
.layout .col34 {width: 74.75%;}
.layout .col45, .layout .col56, .layout .col67 {width:66.33%;}
.layout .col6, .layout .col7  {width:32.66%;}
.layout .col4, .layout .col8, .layout .col12  {width: 24.25%;} 
.layout .ml-end {margin-right:0px !important;} 
.layout .tab-col2 {width:49.5% !important; padding-left:0px !important;}
.res2 {width: 49.5%; margin-right:1% !important;} 
.res2:nth-child(2n+2) {margin-right:0px !important;} 
.res3  {width:32.66%; margin-right:1% !important;}
.res3:nth-child(3n+3) {margin-right:0px !important;} 
.res4  {width: 49.5%; margin-right:1% !important;}
.res4:nth-child(2n+2) {margin-right:0px !important;} 
.res5  {width: 19.2%; margin-right:1% !important;}
.res5:nth-child(5n+5) {margin-right:0px !important;}  
.res6  {width:32.66%; margin-right:1% !important;}
.res6:nth-child(3n+3) {margin-right:0px !important;} 
}
@media screen and (max-width:520px) {
.mob-port-hide {display:none !important;}
.layout .col2, 
.layout .col3, .layout .col23, 
.layout .col34, 
.layout .col5, .layout .col45, .layout .col25,
.layout .col56, .layout .col67, 
.layout .col78,
.layout .col29, .layout .col39, .layout .col49, .layout .col59, .layout .col69, .layout .col79, .layout .col89, .layout .col712  {
    width:100%; 
    margin-right:0px !important;
}
.layout .col4, .layout .col6, .layout .col12 {width: 49.5%;}
.layout .col7, .layout .col8 {width: 24.25%;}
.layout .mp-end {margin-right:0px !important;}
.layout .eos-grid .col4  {width: 80% !important; margin:0px auto 12px !important;}
.layout .tab-col2 {width:100% !important; padding-left:0px !important; padding-bottom:24px; margin-right:0px !important;}
.layout .tab-col2 .menu {width:50% !important; margin:0px !important;}
.res2 {width: 49.5%; margin-right:1% !important;} 
.res2:nth-child(2n+2) {margin-right:0px !important;} 
.res3  {width:32.66%; margin-right:1% !important;}
.res3:nth-child(3n+3) {margin-right:0px !important;} 
.res4  {width: 49.5%; margin-right:1% !important;}
.res4:nth-child(2n+2) {margin-right:0px !important;} 
.res5  {width: 19.2%; margin-right:1% !important;}
.res5:nth-child(5n+5) {margin-right:0px !important;}  
.res6  {width:32.66%; margin-right:1% !important;}
.res6:nth-child(3n+3) {margin-right:0px !important;} 
.layout .category-browse .res4 {width:100% !important; margin-right:0px !important;}
}
@media screen and (min-width:401px) and (max-width:520px) {
  
}
@media screen and (max-width : 400px) {
	.layout .col6 {width: 100%;}
    .layout .col7, .layout .col8 {width: 49.5%;} 
}
 
@font-face {
    font-family:'Oswald Bold';
    src: url('/userfiles/fonts/oswald-semibold.ttf');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
body {
    font-family: 'Lato', sans-serif;
    line-height: 1.4;
}
h1, h2, .layout .title2, h3, h4 {
    font-family: 'Oswald', sans-serif;
    margin-bottom: 6px;
}
h1 {
    font-size: 2.250em;
    line-height: 1.25em;
}
h2, .layout .title2, .author-content-cell h4 {
    font-size: 1.85em;
    line-height: 1.25em;
}
h3, .user-ticklist > h4 {
	font-size:1.5em; 
	line-height:1.25em;
}
h4 {
    font-size: 1.25em;
    line-height: 1.25em;
}
label {
    display: block;
    font-size: 14px;
}
p, 
.rich-text, .rich-text div, 
.content div, .content,
.textblock div {
    font-size: 16px;
    line-height: 25px;
}
p {
    margin: 0 0 12px;
}
p big {
  font-size: 20px;
  font-weight: bold;
  color: #3072ac;
}
@media screen and (max-width:760px) {
h1 {
    font-size: 1.750em;
    line-height: 1.2em;
}
h2, .author-content-cell h4 {
    font-size: 1.5em;
    line-height: 1.2em;
}
h3 {
	font-size:1.25em; 
	line-height:1.25em;
}
h4 {
    font-size: 1.15em;
	line-height:1.25em;
}
p, 
.rich-text, .rich-text div, 
.content div, .content,
.textblock div {
    font-size: 16px;
    line-height: 24px;
}
}
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;}
a:link, a:active, a:visited, a:hover, button, .button {text-decoration: none;}
.article-content a:link, .article-icon-box a:link, .footer-note a:link {text-decoration:underline;}
body .layout .button {text-decoration: none !important;}
.richtext a:link, .description a:link {
    font-weight: bold;
}
.nopointer {cursor:default;}
.content p a, .content li a {
  white-space: normal;
}
ol {
    padding-left: 34px;
}
ol li {
    font-size: 18px;
    margin-bottom: 12px;
}
.standard-table, table.mailboxes {width:100%;}
.standard-table th, 
.standard-table td,
table.mailboxes th,
table.mailboxes td  {border:1px solid #ccc; padding:8px; font-size: 16px; vertical-align:middle;}
.standard-table th, table.mailboxes th {background-color:#333; color:#fff !important; text-align:left;}
.standard-table th + th, 
table.mailboxes th + th,
.standard-table td + td,
table.mailboxes td + td  {text-align:center;}
.standard-table td .button, table.mailboxes td .button {
  padding: 4px 12px;
  font-size: 14px;
  border: 1px solid #fff;
}
button, .button, a.button, input[type="submit"], input[type="reset"], input[type="button"], .action-button a, .button-link a {
  text-align: center !important;
  max-width:100%;
  border-radius:50px;
  white-space: normal;
  border-width: 0px;
  border-style: solid; 
  background-repeat: no-repeat;
    font-family: 'Oswald', sans-serif;
}
.button-link a {display:inline-block;}
.full-button {width:100%;}
.button {margin-right:4px;}
button, .button, input[type="reset"], input[type="button"], .action-button a {
    font-size: 16px;
    line-height: 1.4em;
    padding: 8px 16px;
}
.large.button, input[type="submit"], .action-button.large a, 
.large-button .button, .button.guest-checkout, .button-link a,
.button.form-popup-link {
font-size: 18px;
line-height: 22px;
padding: 12px 24px 14px;
}
a.super, input[type="submit"].super, .action-button.super a {
  font-size: 20px;
  line-height: 22px;
  padding: 10px 32px 12px;
}
.proceed .button, .button.guest-checkout {
    background-image: url(/userfiles/css/images/right-arrow.png);
    background-position: 8px center;
    background-size: 24px;
    padding-left: 40px !important;
}
.proceed .button:hover, .button.guest-checkout:hover {
	padding-left: 26px;
    background-position: 90% center;
    padding-right: 50px;
}
.button.go {
    background-image: url(/userfiles/css/images/touchscreen.png);
    background-position: 8px center;
    background-size: 20px;
    padding-left: 32px !important;
}
.button.up {
    background-image: url(/userfiles/css/images/up-arrow.png);
    background-position: 8px center;
    background-size: 18px;
    padding-left: 34px !important;
}
.button.click.large, 
.button.go.large, 
.button.form-popup-link, 
.button.back, 
.view-website.button-link a, 
.request-demo.button, 
.support-button {
background-position: 16px center;
  background-size: 24px;
  padding-left: 50px !important;
}
.button.click.large.clear {
  background-color: rgba(0,0,0,0.4);
  border: 2px solid #fff;
}
.button.click.large.clear:hover {
  background-color: rgba(0, 0, 0,0.6);
}
a.super.button.go {
    background-image: url(/userfiles/css/images/touchscreenlarge.png);
    background-position: 8px center;
    background-size: 32px;
    padding-left: 48px !important;
}
.next-step > a {
    background-image: url(/userfiles/css/images/touchscreenlarge.png);
    background-position: 8px center;
    background-size: 32px;
    padding-left: 48px !important;
    font-size: 1.75em;
    line-height: 1.5em;
    padding: 4px 24px 8px;
}
.button.click.large, .button.go.large, .button.form-popup-link {
  background-image: url(/userfiles/css/images/touchscreen.png);
}
.button.back {background-image: url(/userfiles/css/images/left.png);}
.view-website.button-link a, .request-demo.button {background-image: url(/userfiles/css/images/screen.png);}
.support-button {background-image: url(/userfiles/css/images/support-icon.png);}
.loglink, .reglink {
    background-position: 8px center;
    background-size: 32px;
    padding-left: 48px !important;
}
.loglink {
    background-image: url(/userfiles/css/images/touchscreenlarge.png);
}
.reglink {
    background-image: url(/userfiles/css/images/touchscreenlarge.png);
}
@media screen and (max-width:760px) {
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;
}
a.super.button.go {
    background-size: 22px;
    padding-left: 36px !important;
    padding-right: 36px !important;
}
.button.click.large, 
.button.go.large, 
.button.form-popup-link, 
.button.back, 
.view-website.button-link a, 
.request-demo.button, 
.support-button {
  background-position: 16px center;
  background-size: 20px;
  padding-left: 30px !important;
  padding-right: 30px !important;
}
}
html, body > .layout {}
body > .layout .fill-1 {
	background-color: #000000;
	background-image: url(/userfiles/css/images/blackbgoverlay.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
body > .layout .fill-1 h1,
body > .layout .fill-1 h2,
body > .layout .fill-1 h3,
body > .layout .fill-1 h4,
body > .layout .fill-1 label,
body > .layout .fill-1 div,
body > .layout .fill-1 p,
body > .layout .fill-1 span,
body > .layout .fill-1 a,
body > .layout .fill-1 b,
body > .layout .fill-1 strong,
body > .layout .fill-1 i,
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: #000000;}
.bg-2 {background-color: #0073a0;}
body > .layout .fill-2 {background-color: #0073a0;}
body > .layout .fill-2 h1,
body > .layout .fill-2 h2,
body > .layout .fill-2 h3,
body > .layout .fill-2 h4,
body > .layout .fill-2 label,
body > .layout .fill-2 div,
body > .layout .fill-2 p,
body > .layout .fill-2 span,
body > .layout .fill-2 a,
body > .layout .fill-2 a:link,
body > .layout .fill-2 a:visited,
body > .layout .fill-2 li:hover a {
	color: #FFFFFF!important;
}
body > .layout .fill-2 a.button {color:#fff !important;}
body > .layout > .header {
    background-color: #000000;
}
body > .layout > .header h1,
body > .layout > .header h2,
body > .layout > .header h3,
body > .layout > .header h4,
body > .layout > .header label,
body > .layout > .header div,
body > .layout > .header p,
body > .layout > .header span,
body > .layout > .header a,
body > .layout > .header .company-info-part {
	color: #4a4a4a;
}
body > .layout > .footer {
	background-color: #ffffff;   
}
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: #111111;
}
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;
}
.highlight {
    background-color: #efefef;
}
.wide-banner-overlay::before, .split-sect:before, .video-banner:before {
  content: " ";
  background-image: url(/userfiles/css/images/topfibres.png);
  position: absolute !important;
  top: 0px;
  width: 100%;
  display: inline-block;
  height: 40px;
  background-size: contain;
  background-repeat: repeat-x;
  background-position: top;
  left: 0;
  z-index: 10;
}
.wide-banner-overlay::after, 
.main-banner::after, 
.banner-content:after, 
.split-sect::after,
.bg-banner::after,
.video-banner::after {
  content: " ";
  background-image: url(/userfiles/css/images/bottomfibres.png);
  position: absolute !important;
  bottom: -1px;
  width: 100%;
  display: inline-block;
  height: 40px;
  background-size: contain;
  background-repeat: repeat-x;
  background-position: bottom;
  left: 0;
  z-index: 1000000000000000;
}
h1, .page-title .content {color: #ffffff;}
h2, .title, .title2, .layout .title a, label, legend, .user-ticklist > h4, .author-content-cell h4 {color: #ffffff;}
h3, h4, form label {color:#ffffff;}
p, .layout-component {color:#ffffff;}
b, strong, i, em {color: #ffffff;}
a, a:link {color: #ffffff;}
a:hover {color: #ffffff;}
a:visited, a:visited b, a:visited strong {color: #ffffff;}
.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;
}
button, .button, a.button, input[type="submit"], input[type="reset"], input[type="button"], .action-button a, .button-link a {
    background-color:   #3072ac;
    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, .button-link a:hover {
    background-color:   #1c82db;
    color:              #ffffff;
    border-color:       #d6d6d6;
}
.go, input.go, a.go, .file .button, .proceed .button, .button.guest-checkout, .continue-shopping .button {
    background-color:   #44802c;
    color:              #ffffff;
}
.go:hover, input.go:hover,a.go:hover, .file .button:hover, .proceed .button:hover, .button.guest-checkout:hover, .continue-shopping .button:hover {
    background-color:   #234717;
    color:              #ffffff;
}
a.edit {
    background-color:   #44802c;
    color:              #ffffff;
}
a.edit:hover {
    background-color:   #234717;
    color:              #ffffff;
}
.cancel, input.cancel, a.cancel, a.delete, input.delete, .delete a, a.remove-product, .empty-basket .button  {
    background-color:   #9E2323;
    color:              #FFFFFF;
    border-color:   #9E2323;
}
.cancel:hover, input.cancel:hover,a.cancel:hover, a.delete:hover, input.delete:hover, a.remove-product:hover, .empty-basket .button:hover {
    background-color:   #7A0612;
    color:              #FFFFFF;
    border-color:   #7A0612;
}
.button.back {
    background-color: #acacac;
    color: #FFF;
}
ul.menubar li a { color: #888888;}
ul.menubar li:hover a { color: #4f4f4f;}
.main-menu {background-color: transparent;}
.main-menu > .menubar > li > a > span {color: #ffffff;}
.main-menu > .menubar > li:hover > a > span {color: #FFFFFF;}
.main-menu ul.menubar li ul {background-color: #000000; border-color: #616161;}
.main-menu ul.menubar li ul li {background-color: #000000; border-color: #616161;}
.main-menu ul.menubar li ul li a span {color: #FFFFFF;}
.main-menu ul.menubar li ul li:hover {background-color: #1f1f1f;}
.main-menu ul.menubar li ul li:hover a span {color: #FFFFFF;}
.responsive-menu .mod_sub_layout .layout-cell.istart, 
.responsive-menu .slaved {
 background-color: #000000; 
}
input[type="text"], input[type="email"], input[type="number"], input[type="password"], input[type="file"], select, textarea {
    background-color:   #FFFFFF;
    color:              #4a4a4a;
    border:             1px solid #8c8c8c;
}
input[type="text"]:hover, input[type="email"]:hover, input[type="number"]:hover, input[type="password"]:hover, 
input[type="file"]:hover, select:hover, textarea:hover {
    background-color:   #EFEFEF;
    color:              #4a4a4a!important;
    border-color:       #777777;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="password"]:focus, 
input[type="file"]:focus, select:focus, textarea:focus {
    background-color:   #EFEFEF;
    color:              #4a4a4a!important;
    border-color:       #4a4a4a;
}
input[type="text"]:focus:hover, input[type="email"]:focus:hover, input[type="number"]:focus:hover, input[type="password"]:focus:hover, 
input[type="file"]:focus:hover, select:focus:hover, textarea:focus:hover {
    background-color:   #EEEEEE;
    color:              #4a4a4a!important;
    border-color:       #4a4a4a;
}
body {border-color:#969696;}
.invoice {border-color:#4a4a4a;}
.mini {border-color:#969696;}
.mini:hover {border-color:#4a4a4a;}
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%;}
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 {}
ul.menubar ul ul, ul.vertical ul {top:0 !important; left:99% !important;}
.main-menu {}
.main-menu > .menubar > li, 
.main-menu > .menubar > li > a {
    height: 82px;
}
.main-menu > .menubar > li {
}
.main-menu > .menubar > li:hover, .header .account-button:hover {
    border-bottom: 6px solid #fff;
}
.main-menu > .menubar > li.li_end {border-right:none;}
.main-menu > .menubar > li + li {}
.main-menu > .menubar > li > a {
    padding: 12px 24px;
}
.main-menu > .menubar > li > a > img {display:block;}
.main-menu > .menubar > li > a > span {
    display: inline-block;
    width: 100%;
    text-align: center !important;
    font-size: 14px;
    padding-top: 4px;
    font-weight: bold;
}
.main-menu > .menubar .menubar {
padding:8px; 
border:2px solid #fff;
}
.main-menu > .menubar .menubar li, 
.main-menu > .menubar .menubar li a {
  text-align: left;
  height: auto;
}
.main-menu > .menubar .menubar li a {
  padding: 8px 6px 10px;
  display: inline-block;
  width: 100%;
}
.main-menu ul.menubar li ul {
    border: 1px solid #fff;
    padding:8px 0px;
    background-color: #000000;
}
.main-menu ul.menubar li ul li {background-color: transparent; border-color: #616161;}
.main-menu ul.menubar li ul li + li {border-top:1px solid #fff;}
.main-menu ul.menubar li ul li:hover {}
.main-menu ul.menubar li ul li a span {
  color: #fff;
  font-size: 14px;
  line-height: 18px;
  display: inline-block;
  width: 100%;
  text-align: left !important;
}
@media screen and (min-width : 1200px) {
.main-menu > .menubar > li > a {
    padding: 12px 24px;
}
}
@media screen and (max-width : 1199px) {
.main-menu > .menubar > li > a {
    padding: 12px;
}
}
.header .account-button {
    padding: 12px;
    height: 82px;
    background-color: #333;
}
.homepage .header-container .account-button {background-color:transparent !important;}
.header .account-button:hover {
background-color: #0c3d63;
}
.header .account-button .component-footer {
    font-size: 14px;
    display: block;
    margin-top: 4px;
    color: #fff;
    font-weight: bold;
}
.header-slave.slaved {
    position: fixed !important;
    padding: 60px 24px;
    right: -100%;
    width: 40%;
    z-index: 10;
    overflow-y: auto;
    top: 82px;
    height: 100%;
    background-color: rgba(0, 0, 0,0.9);
}
.header-slave.slaved.open { 
    right:0%;
  }
  
.header-slave.slaved h2,
.header-slave.slaved h3,
.header-slave.slaved label,
.header-slave.slaved p,
.header-slave.slaved a {
color:#fff !important;
}
@media screen and (max-width:1000px) {
  
.responsive-menu,
.responsive-menu .mod_sub_layout {line-height:0;}
.responsive-menu {
    width: 100% !important;
}
body > .layout {
  padding-top: 60px !important;
}
.responsive-menu .mod_sub_layout > .layout-cell.istart {
    height: 60px;
    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: 40px;
  width: auto;
  margin-top: 8px;
}
.homepage .responsive-menu .mod_sub_layout .layout-cell.istart .layout-component.float-left {opacity:0;}
.homepage.slim .responsive-menu .mod_sub_layout .layout-cell.istart .layout-component.float-left {opacity:1;}
.responsive-menu .mod_sub_layout .layout-cell.istart .layout-component.float-left img {
  height: 45px;
  margin-top: 8px;
  margin-left: 8px;
}
.responsive-menu .slaved {
  position: fixed !important;
  padding: 60px 24px;
  left: -100%;
  width: 100%;
  z-index: 10;
  overflow-y: auto;
  top: 60px;
  height: 100%;
}
.responsive-menu .slaved.open { 
    left:0%;
  }
 
  
.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: 0px !important;
    background-size: 20px;
    padding-bottom: 14px !important;
    padding-right: 22px !important;
    line-height: 20px !important;
    padding-top: 14px !important;
    white-space: normal;
    background-color: transparent;
}
.responsive-menu .menu .menubar .menubar li > a {
padding-left:12px !important;
}
.responsive-menu .menu .menubar li > a img {margin-right:12px;}
  
  
}
 
 
html, body {    height: 100% !important;}
body {
  background-image: url(/userfiles/css/images/emailbg.jpg);
  background-size: cover;
  background-attachment: fixed;
  background-position: center;
}
body > .layout {
    padding-top: 82px;
}
.layout > .layout-cell > .main-content {
    background-color: rgba(0, 0, 0, 0.8);
    padding: 24px;
    border-radius: 8px;
    box-shadow: 0px 0px 10px #000;
}
.layout > .layout-cell > .main-content > .button {
  position: absolute;
  right: 22px;
  border: 2px solid #fff;
  top: 22px;
}
#mailbox > form {
  white-space: nowrap;
  text-align:center;
}
#mailbox > form > .col2 + .col2 {margin-right:0px !important;}
#mailbox > form > .col2 {
  white-space: normal;
  vertical-align: top;
  padding-bottom: 12px;
  margin-bottom: 12px;
  border-bottom: 1px solid #fff;
  border-top: 1px solid #fff;
  padding-top: 12px;
  margin-top: 12px;
  text-align: left;
}
#mailbox > form > .col2 input[type="text"] {width:50% !important; margin-right:12px;}
#mailbox > form > .center {margin:24px auto !important;}
 
.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;}
.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.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 .slide-group > .slide > div {width:100% !important;}
.row-scroll .custom-slide > img {display:none !important;}
.row-scroll .slide-content img {
    width: 20%;
    margin: 1%;
}
.divide-block {
    display: block !important;
    height: 0px;
}
 
.banner-content .banner-image img {width:100% !important;}
.banner-content .banner-image:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.45);
    display: inline-block;
    z-index: 100;
    top: 0px;
    left: 0px;
}
.banner-content .nested-banner {
  z-index: 1000;
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 0px;
  top: 0px;
  flex-direction: column;
}
.banner-content .nested-banner > div {}
.banner-content .nested-banner .button {
  border: 1px solid #fff;
}
.banner-content .title h1 {font-size:5em; color:#fff;}
.banner-content h2 {font-size:3em; color:#fff; margin-bottom:12px;}
.banner-content p {font-size:1em; color:#fff;}
@media screen and (max-width:1400px) {
.banner-content .title h1  {
    font-size: 3.5em;
    line-height: 1.4em;
}
}
@media screen and (max-width:1200px) {
.banner-content .title h1  {
    font-size: 3em;
    line-height: 1.4em;
}
}
@media screen and (max-width:1000px) {
.banner-content h2 {
    font-size: 1.5em;
}
}
@media screen and (max-width:760px) {
.banner-content h2 {
    font-size: 1.5em;
}    
}
@media screen and (max-width:540px) {
.banner-content .title h1  {
    font-size: 2em;
    line-height: 1.4em;
}
.banner-content h2 {
    font-size: 1.25em;
}
.banner-content .nested-banner .button {
  font-size: 1em;
  line-height: 1.2em;
  padding: 6px 26px 8px;
    padding-left: 26px;
}
}
.team-member {
    background-color: #efefef;
    padding: 24px 12px;
    margin-bottom: 24px;
}
.team-member label {display:none !important;}
.team-member .name {
    font-size: 28px;
    vertical-align: bottom;
    line-height: 30px;
}
.team-member .role {
    vertical-align: bottom;
    margin-left: 6px;
    font-style: italic;
    font-weight: bold;
    color: #872a3f;
}
.team-member .bio {
    border-top: 1px solid #ccc;
    margin-top: 12px;
    padding-top: 12px;
    font-size: 14px;
    line-height: 22px;
}
.team-member .email-address {
    margin-left: 12px;
    vertical-align:bottom;
}
.team-member .name, .team-member .role, .team-member .email-address {display:inline-block; width:auto !important;}
.bordered-image {
    border: 2px solid #ccc;
    padding: 24px;
}
.services-sect, .services-sect .services-grid {padding-top:24px; border-top:1px solid #ccc; padding-bottom:24px;}
.services-sect .services-grid {
    margin-top: 24px;
}
.image-table {
    width: 100%;
    text-align: center;
}
.image-table img {width:85%;}
.table-group {
    display: inline-block;
    margin-bottom: 24px;
    width: 100%;
    padding-bottom: 12px;
}
.table-group + .table-group { padding-top: 24px;   border-top: 1px solid #ccc;}
.table-block {
    display: inline-block;
    width: 50%;
    float: left;
}
.table-block, .table-block label {
    font-size: 14px;
    color: #757575;
}
table.double-image {
    width: 100%;
    margin-top:4px;
}
.table-block img {
    width: 85%;
    border: 1px solid #ccc;
    box-shadow: 0px 25px 20px -22px rgba(0, 0, 0, 0.4);
}
.content-section .layout-component.company-info {
    padding: 12px;
}
.content-section .layout-component.company-info .company-info-part {
    margin-bottom: 4px;
    font-size: 16px;
    background-repeat: no-repeat;
    padding-left: 40px;
    background-size: 20px;
    background-position: 4px 6px;
    font-weight: bold;
    padding-top: 6px;
    padding-bottom: 6px;
    color: #555;
}
.content-section .company-info-part.name {background-image: url(/userfiles/images/role.png);}
.content-section .company-info-part.telephone {background-image: url(/userfiles/images/phone.png);}
.content-section .company-info-part.email {background-image: url(/userfiles/images/mail.png);}
.content-section .company-info-part.address {background-image: url(/userfiles/images/pin.png);}
.example-titles .textblock {
    border: 1px solid #ccc;
    padding: 12px;
    border-radius: 4px;
    background-color: #3072ac;
    margin-bottom: 12px;
}
.example-titles .textblock * {color:#fff !important;}
 
 
.cartstages {padding-bottom:12px;}
.cartstages p {
    background: #eee;
    font-size: 18px;
    padding: 4px;
    margin: 4px;
    font-weight: bold;
    text-indent: 8px;
    opacity:0.5;
}
.cartstages p span.text {
    font-weight: normal;
    margin-left: 16px;
    line-height: 24px;
    font-size: 16px;
}
.cartstages p a {color:#333;}
.cartstages .active p {
    background-color: #0073a0;
    color: #fff;
    opacity:1;
}
.cartstages .active p a {color:#fff !important;}
.cartstages .complete p {
    background-color: green;
    color: #fff;
    opacity: 0.75;
}
.cartstages .complete p a {color:#fff !important;}
.cartstages p span.number {
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: inline-block;
    background-color: #333;
    color: #fff;
    text-align: center !important;
    margin: 0px !important;
    text-indent: 0px;
    font-size: 14px;
    line-height: 24px;
    font-weight: bold !important;
}
.cartstages .active p span.number {    background-color: #fff; color:#0073a0;}
.cartstages .complete p span.number{
    background-image: url(/userfiles/css/images/tick.png);
    font-size: 0px;
    vertical-align: top;
    background-color: transparent;
}
@media screen and (max-width : 1000px) {
.cartstages .col4 {width:49.5%}
}
@media screen and (max-width : 760px) {
.cartstages .col4 {
    width: 100%;
    margin: 0px !important;
    text-align: left !important;
}
.cartstages .col4 p {
    text-align: left !important;
}
}
.basket-controls .button {
    font-size: 12px;
    padding: 10px 12px 10px 38px;
    background-image: url(/userfiles/images/rightarrow.png);
    background-size: 20px;
    background-position: 10px center;
}
 
.iteration {vertical-align:top;}
.category-browse {margin-top:24px; padding-bottom:12px;}
.category-browse > label {
  text-align: center;
  font-size: 16px;
  background-color: #000;
  color: #fff;
  padding: 8px 8px 10px;
  border-radius: 4px;
  background-image: url(/userfiles/css/images/downarrow.png);
  background-position: right 10px center;
  background-size: 24px;
  background-repeat: no-repeat;
  font-family: 'Oswald',sans-serif;
}
.category-browse > .i {
    border: 1px solid #ccc;
    padding: 12px;
    margin-top: -2px;
    background-color: #fff;
}
.strip-cats .link {margin-bottom:6px;}
.strip-cats .category-link {
    background-color: #3072ac;
    color: #fff !important;
    display: inline-block;
    width: 100%;
    border-radius: 4px;
    padding: 8px 4px;
    font-size: 14px;
    font-weight: bold;
}
.strip-cats .category-link:hover, 
.strip-cats .active .category-link {background-color:#333;}
@media screen and (min-width : 1001px) {
.category-browse > label {background-image:none !important;}
.category-browse > .i {
display:block !important;
visibility:visible !important;
}
.flex-cats .mod_collation_component_categories {display:flex; gap:12px;}
.flex-cats .mod_collation_component_categories .strip-cats {flex-grow:1;}
}
@media screen and (max-width:520px) {
.layout .category-browse .res4 {width:100% !important; margin-right:0px !important;}
.strip-cats .category-link {
    padding: 6px;
    font-size: 16px;
}
}
.portfolio-result {margin-bottom:50px;}
.portfolio-result h3 {
padding:12px 12px 6px;
}
.portfolio-result h4 {
  font-size: 16px;
  font-style: italic;
  color: #666 !important;
  font-family: 'Lato',sans-serif !important;
}
.pages.mini h3 {	
font-size:1.25em; 
	line-height:1.550em;
margin-bottom:0px !important;
padding-top:4px;
}
.pages.mini .abstract p{
    font-size: 16px;
    font-weight: bold;
}
.training-result {margin-bottom:24px;}
.training-result h4 {
    color: #3072ac;
    padding: 12px 4px 4px;
    margin-bottom:0px !important;
}
.training-result .abstract p {
font-size: 14px;
line-height: 20px;
}
.blog.mini {
    padding: 12px 0px;
}
.blog.mini img {border:1px solid #ccc;}
.blog.mini h3 {
    font-size: 1.5em;
        color: #3072ac;
    padding: 12px 0px 4px;
    margin-bottom:0px !important;
}
.blog.mini .abstract p {
font-size: 14px;
line-height: 20px;
}
.breadcrumb {padding-top:12px; padding-bottom:12px;}
.breadcrumb a {
    font-weight: bold;
    font-size: 14px;
    color: #3072ac !important;
}
.article-icon-box {
  padding: 12px 12px 12px 87px;
  background-repeat: no-repeat;
  background-size: 75px;
  background-position: 12px 12px;
  margin-bottom:24px;
}
.article-icon-box > .content {
  padding-left: 12px;
}
.article-conclusion {
    background-image: url(/userfiles/images/thought.png);
}
.article-resources {
    background-image: url(/userfiles/images/further-reading.png);
}
.rocket-lead {
    background-image: url(/userfiles/images/webrocket-lead.png);
}
@media screen and (max-width:560px) {
.article-icon-box {
  padding: 12px 12px 12px 72px;
  background-size: 60px;
}
}
.author-bio {
  display: flex !important;
  gap: 12px;
  padding: 12px;
  margin-bottom: 24px;
}
.article-icon-box.empty {display:none !important;}
.author-bio .author-img-cell {
  width: 75px;
  margin-right:0px !important;
}
.author-content-cell {
  flex-grow: 1;
  width: 90%;
}
.article-icon-box.highlight-box  {
  border: 1px solid #ccc;
  background-color: #fafbfd;
}
.author-bio img {border-radius:50%;}
.author-bio .collation-item-link {text-decoration:underline; font-weight:bold; font-size:14px;}
.author-bio .role {
  font-weight: normal;
  font-style: italic;
  color: #3072ac;
  margin-bottom: 12px;
}
@media screen and (max-width:560px) {
.author-bio .author-img-cell {
  width: 60px;
}
}
.feature-attibutes .attribute-main-image {display:none !important;}
.feature-attibutes .attribute-name {
  font-weight: bold;
  margin-bottom: 6px;
  display: inline-block;
  width: 100%;
  font-size: 18px;
  margin-top: 6px;
}
.feature-attibutes .collation-attribute-group {
  margin-bottom: 8px;
  padding-bottom: 8px;
}
.feature-attibutes .collation-attribute {margin-bottom:8px;}
.feature-attibutes .attribute-value {
  display: inline-block;
  width: 100%;
  font-size: 16px;
  background-image: url(/userfiles/css/images/right-arrow.png);
  background-repeat: no-repeat;
  padding-left: 22px;
  background-size: 12px;
  background-position: left 6px;
  line-height: 22px;
}
.button-cat-link a.collation-item-link {
  background-image: url(/userfiles/css/images/touchscreen.png);
  background-position: 10px center;
  background-size: 20px;
  font-size: 16px;
  line-height: 16px;
  padding: 8px 18px 12px 36px;
  background-repeat: no-repeat;
  background-color: green;
  display: inline-block;
  color: #fff;
  border-radius: 50px;
}
.button-cat-link + .button-cat-link {margin-top:12px;}
.slideshow.beta-scroller .scroll-prev, .slideshow.beta-scroller .scroll-next {
    font-size: 0px;
    width: 100px;
    z-index: 99999999999;
    position: absolute;
    height: 100px;
    background-repeat: no-repeat;
    background-color: transparent;
    background-size: contain;
    background-position: center;
    top: 30%;
    border-radius: 6px;
    opacity: 0.25;
    border: none !important;
}
.slideshow.beta-scroller .scroll-prev {
    background-image: url(/userfiles/css/images/leftbanner.png);
    left: 10px;
}
.slideshow.beta-scroller .scroll-next {
        background-image: url(/userfiles/css/images/rightbanner.png);
    right: 10px;
}
.slideshow.beta-scroller .scroll-prev:hover, .slideshow.beta-scroller .scroll-next:hover {
    background-color: transparent;
    opacity: 0.75;
}
.slideshow .slide-content {
    margin-top: -130px;
}
.slideshow.nodepth .slide-content {
margin-top:0px !important;
}
.slideshow .slide-content h3 {
font-size: 28px;
line-height: 32px;
margin-bottom: 6px;
font-family: 'Oswald', sans-serif;
}
.slideshow .slide-content p {
    font-weight: bold;
    font-size: 18px;
}
.demo-strip {
    background-color: #3072ac;
    padding: 16px 12px 22px 12px;
}
.demo-strip .layout-component, 
.demo-strip .layout-component p {
    color: #fff;
    font-size: 30px !important;
    font-family: 'Oswald', sans-serif;
    line-height: 40px !important;
}
.demo-anchor {
    display: block;
    position: relative;
    top: -200px;
    visibility: hidden;
}
.quickbullets li {
    display: list-item;
    font-size: 1em;
    height: auto;
    line-height: 1.4em;
    list-style-position: initial;
    margin-left: 30px;
    margin-bottom:8px;
}
.quickbullets a {
}
.border-block {
    background-color: #efefef;
    padding: 24px;
    margin-bottom: 24px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.bordered p {margin:0px !important;}
.profile-pic img {
    border-radius: 50%;
    border: 1px solid #ccc;
    margin-bottom:12px;
}
.mini .profile-pic img {
    max-width:300px;
}
.profile-contact {
    margin-bottom: 12px;
    border-bottom: 1px solid #ccc;
}
.profile-contact .layout-component {
    font-size: 18px;
    background-repeat: no-repeat;
    padding-left: 40px;
    background-size: 24px;
    background-position: 2px center;
    line-height: 40px;
    font-weight: bold;
    margin-bottom: 6px;
}
.profile-contact .profile-role {background-image: url(/userfiles/css/images/usericondark.png);}
.profile-contact .profile-web  {background-image: url(/userfiles/css/images/web-address.png);}
.profile-contact .profile-tel  {background-image: url(/userfiles/css/images/phone.png); background-size: 22px;}
.profile-contact .profile-email  {background-image: url(/userfiles/css/images/mail.png);}
.social-profile {
    margin-bottom: 12px;
    border-bottom: 1px solid #ccc;
    padding-bottom:12px;
}
.social-profile img {width:40px; padding:1px;}
.social-profile img:hover {padding:0px;}
.collation-item-thumbs {padding:12px 0px;}
.collation-item-thumbs .image-thumb {padding:0px 8px; cursor:pointer;}
.collation-gallery-image-container .gallery-image {padding:0px !important;}
.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;}
    
.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;
}
.layout-component.linked-items {
    border-top: 1px solid #ccc;
    margin-top: 24px;
    padding-top: 12px;
      border-bottom: 1px solid #ccc;
    margin-bottom: 24px;
    padding-bottom: 12px;
}
.linked-items > h4 {}
.portfolio-showcase .layout-component.linked-items {border-top:none !important;}
.linked-items .pagination:first-child {display:none;}
.linked-items .pagination {
  text-align: center !important;
  padding: 12px;
}
.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;
    margin-right:2px;
}
.inline-display > .content {
    display: inline-block;
    font-size: 12px;
    color: #555;
}
.side-column h2 {
  font-size: 1.5em;
}
.side-column .category-link {
    padding: 4px 0px 4px 26px;
    background-repeat: no-repeat;
    background-image: url(/userfiles/css/images/right-arrow.png);
    background-size: 14px !important;
    background-position: left center !important;
    display: inline-block;
    width: 100%;
    color: #333 !important;
}
.side-column .category-link:hover {text-decoration:underline;}
.side-column .linked-items .iteration {
    margin-bottom: 24px;
    padding: 12px;
    border: 1px solid #ccc;
}
.side-column .abstract p {
  font-size: 14px;
  line-height: 20px;
}
@media screen and (min-width:761px) and (max-width:1000px) {
.side-column .iteration.side-link {
    width: auto !important;
    display: inline-block;
    margin-right: 1%;
    min-width: 48%;
}
}
@media screen and (max-width:760px) {
.side-column .iteration.side-link {
    width: 100% !important;
    margin-right: 0px;
}
}
@media screen and (max-width:760px) {
.action-buttons .button {margin-bottom:12px;}
.action-buttons .layout-component .button, 
.action-buttons .layout-component a {
    width: 100%;
    font-size: 16px;
    line-height: 20px;
    padding-bottom: 14px;
}
.action-buttons .layout-component {width:100% !important; margin-right:0px !important;}
}
.frame-box {
    background-color: #ecf1f645;
    padding: 18px;
    border: 1px solid #ccc;
}
.frame-box.categories .component-footer {
    text-align: center;
    margin-top: 12px;
    border-top: 1px solid #ccc;
    padding-top: 12px;
}
.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;
}
}
 
 
input[type="number"] {
    -moz-appearance: textfield;
}
input, select, textarea {
      display: inline-block;
}
input[type="text"], input[type="email"], input[type="number"], select, textarea, input[type="password"], input[type="file"] {
  cursor: text;
  width: 100%;
  padding: 4px 12px;
  font-size: 16px;
  height: 40px;
  line-height: 40px;
  margin-bottom:12px;
}
input[type="file"] {
  line-height: 30px !important;
}
.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 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;
}
.rt-label {display:inline-block;}
.terms-tick .rt-label p {font-size:14px !important;}
.terms-tick .rt-label a {font-weight:bold;}
.terms-tick .checkbox-value input {
    margin-top: 6px;
}
.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;}
.captcha-code, .security-code {
  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;
}
.captcha-code .g-recaptcha {
  }
.g-recaptcha > div {
    margin: 12px auto !important;
  padding: 8px 0;
}
.quick-note {
    background-color: #efefef;
    padding: 12px;
    margin-bottom: 12px;
}
.quick-note label {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 8px;
}
 
.payment-gateway-content {
    padding: 150px 12px 12px 12px;
    max-width: 1224px;
    margin: auto !important;
}
.mod_payment_gateway_component_gateway {border:1px solid #ccc; margin-bottom:12px;}
.mod_payment_gateway_component_gateway img {
}
.mod_payment_gateway_component_gateway .link a {
	padding:12px;
    background-color: #555;
	color: #fff !important;
    display: inline-block;
    width: 100%;
}
.mod_payment_gateway_component_gateway .link a:hover {background-color:#333;}
.mod_payment_gateway .headed-section.delivery-address .button, 
.mod_payment_gateway .headed-section.billing-address .button {display:none !important;}
 
 
.search .search-go {
    position: absolute;
    top: 8px;
    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;
}
 
 
.circle-grid .layout-component {
  margin-bottom:24px; 
  padding:0px 12px;
  display:inline-block !important;
}
.circle-grid .layout-component > h3 {
    z-index: 200;
    width: 100%;
    padding: 12px 4px 6px;
    font-weight: bold;
    font-size: 20px;
    line-height: 20px;
}
.circle-grid .layout-component > label {
    z-index: 200;
    width: 100%;
    font-size: 14px;
}
.circle-grid .layout-component > .component-topper img, .circle-result img {
    border-radius: 50%;
    width: 75%;
}
.circle-grid .layout-component.ww > .component-topper img {
  border: 1px solid #fff;
  padding: 12px !important;
  background-color: #000;
}
.circle-grid .layout-component > .content, 
.circle-grid .layout-component > .content p {
    font-size: 12px;
    line-height: 18px;
    color: #888;
}
.circle-grid .layout-component .inflate {z-index:500;}
.circle-grid .layout-component:hover h3 {text-shadow: 0px 0px 8px #fff;}
.circle-grid.page-circles .layout-component > h3 {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 0px !important;
    padding-bottom: 0px;
}
.circle-grid.page-circles .layout-component > label {
    font-size: 14px;
  	font-weight:bold;
}
@media screen and (max-width:760px) {
  .circle-grid .layout-component > h3 {
    padding: 8px 0px 0px;
    font-size: 16px;
    line-height: 18px;
}
}
.slide-content .ctrl > h2 {
    margin: 0px;
    font-size: 20px;
}
body .layout .slide-content .ctrl > label {color: #ffffff !important;}
.slide-content .ctrl > label {
    font-size: 38px;
}
body .layout  .slide-content .component-footer a {
    font-size: 20px;
    color: rgb(190, 46, 118) !important;
    text-align: right;
    font-weight: bold;
    border-top: 2px solid #fff;
    padding-top: 12px;
    width: 100%;
    display: inline-block;
}
 
.mod_user_component_login .login-tab > label {
    width: 100%;
    padding: 16px;
    font-size: 22px;
    background-color: #333333;
    color: #fff;
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: 98% center;
        background-image: url(/userfiles/css/images/enter.png);
            font-family: 'Oswald', sans-serif;
}
.mod_user_component_login .login-tab > .i {
    border: 2px solid #ccc;
    border-top:none !important;
    padding: 12px;
}
.mod_user_component_login .login-tab {margin-bottom:12px;}
.mod_user_component_login .submit-button input {
    font-size: 1.2em;
    line-height: 1.2em;
    padding: 8px 26px 10px;
    margin-top: 16px;
}
.mod_user_component_login .submit-button input {
    width: 100%;
}
.forgot-password a {
    font-size: 12px;
    margin: 12px auto;
    display: inline-block;
    width: 100%;
    text-decoration: underline;
}
.fp-message {
    border: 1px solid #ccc;
    margin-bottom: 12px;
    background-color: #3f87bd;
    color: #fff;
}
.password-reset-sent .email-sent {
    font-size: 12px;
    margin: 12px auto;
    display: inline-block;
    width: auto;
    text-decoration: none;
    background-color: #005fa8;
    padding: 12px 24px 12px 40px;
    color: #fff;
    opacity: 0.75;
    background-image: url(/userfiles/css/images/tick.png);
    background-repeat: no-repeat;
    background-position: 8px center;
}
.password-reset-sent .email-sent + .fp-message {padding:12px;}
.button.plain-text-toggle {
    font-size: 12px;
    display: inline-block;
    text-decoration: underline;
    background-color: transparent !important;
    border: none !important;
    color: #000 !important;
    position: absolute;
    top: 4px;
    padding: 0px;
    right: 0px;
}
.headed-cell {border:1px solid #ccc;}
.headed-cell>label {
    background-color: #333333;
    color: #fff;
    padding: 12px;
    font-size: 18px;
                font-family: 'Oswald', sans-serif;
}
.headed-cell > .i {padding:12px;}
@media screen and (min-width : 1001px) {
.account-sidebar {padding-right:24px;}
}
.account-sidebar .layout-component {
    border: 1px solid #969696;
}
.account-sidebar .layout-component > label {
    background-color: #0073a0;
    color: #FFFFFF;
    display: inline-block;
    padding: 6px 12px;
    width: 100%;
}
.account-sidebar .user-menu li + li {
    border-top: 1px solid #969696;
}
.account-sidebar .user-menu li a {
    font-size: 14px;
    border-left: 4px solid #969696;
    padding: 4px 8px;
}
.account-sidebar .user-menu li:hover {
    background-color: #EFEFEF;
}
.account-sidebar .user-menu li:hover a {
    border-left: 4px solid #0073a0;
  	color:#4a4a4a ;
}
.account-options-hub .layout-component img {
  width: 125px;
  height: 125px;
}
.account-options-hub .layout-component {margin-bottom:24px;}
.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;
}
@media screen and (max-width:1000px) {
.account-sidebar {display:none !important;}
.account-mainbar {
    width: 100% !important;
    margin: 0px !important;
}
.privacy-page > div {vertical-align:top;}
.checkbox.inline-entry > label {display:inline-block;}
.checkbox.inline-entry {padding:4px 0px;}
.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;}