/* 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 {
  text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   height: auto;
   text-rendering: optimizeLegibility;
   font-display: optional;
}


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: 100000000000;
    min-width: 994px;
    max-width: 1224px;
}

.ui-dialog.ui-draggable .ui-dialog-content {text-align:center;}

.ui-dialog.ui-draggable .ui-dialog-titlebar {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  border: medium none;
  position: absolute;
  right: 2px;
  z-index: 100;
}




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


.ui-dialog.ui-draggable {
    border: 2px solid rgb(212, 212, 212);
    box-shadow: 0px 25px 50px rgba(0,0,0,0.7);
    padding: 12px;
    z-index: 100000000000;
    min-width: 80%;
    max-width: 95%;
}

}



/**************Cookie EU Law Directive *****************/

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


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


@media screen and (max-width:580px) {
  
#cookie_compliance p {
  width: 100%;
}
  
  #cookie_compliance div.inline {
  width: 50%;
  margin:6px auto;
}

}

/***********END COOKIES*************/


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

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


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

.inline {display:inline;}

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

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

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


/****MARGINS*****/

body .layout .margin-top-xs {margin-top:4px;}
body .layout .margin-bottom-xs {margin-bottom:4px;}

body .layout .margin-top-small {margin-top:8px;}
body .layout .margin-bottom-small {margin-bottom:8px;}

body .layout .margin-top-medium {margin-top:12px;}
body .layout .margin-bottom-medium {margin-bottom:12px;}

body .layout .margin-top-large {margin-top:24px;}
body .layout .margin-bottom-large {margin-bottom:24px;}

body .layout .margin-top-xl {margin-top:50px;}
body .layout .margin-bottom-xl {margin-bottom:50px;}


/****PADDING******/

.padding-top-xs  {padding-top:4px;}
.padding-right-xs  {padding-right:4px;}
.padding-bottom-xs  {padding-bottom:4px;}
.padding-left-xs  {padding-left:4px;}

.padding-top-small  {padding-top:8px;}
.padding-right-small  {padding-right:8px;}
.padding-bottom-small  {padding-bottom:8px;}
.padding-left-small  {padding-left:8px;}

.padding-top-medium  {padding-top:12px;}
.padding-right-medium  {padding-right:12px;}
.padding-bottom-medium  {padding-bottom:12px;}
.padding-left-medium  {padding-left:12px;}

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

.padding-top-xl  {padding-top:50px;}
.padding-right-xl  {padding-right:50px;}
.padding-bottom-xl  {padding-bottom:50px;}
.padding-left-xl  {padding-left:50px;}


/****FLOATS*****/

.float-right {float:right;}
.float-left {float:left;}
.float-none {float:none;}

.clear {
    clear: both;
    display: inline-block !important;
}

/****Structure Borders****/

.top-divide {
    border-top: 1px solid #ccc;
    margin-top: 24px; 
    padding-top: 24px;
}

.bottom-divide {
    border-bottom: 1px solid #ccc;
    margin-bottom: 24px; 
    padding-bottom: 24px;
}


/*****Style********/

.system-message {
    background-color: #fffafa;
    max-width: 1224px;
    margin-left: auto;
    margin-right: auto;
    padding: 12px;
    font-size: 1.5em;
    margin-top: 24px;
    border: 1px solid #ccc;
}

 /* Begin CSS Part: Layout */
/***GENERAL LAYOUT****/

body > .layout {
        width:      100%;
        height:     100%;
        margin:     0px auto;
}

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

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

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

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

.layout .layout-cell,
.layout .layout-component,
.layout .eg-cell, 
.layout .auto {margin-right:1% !important;}

.layout .col1, .layout .iend {margin-right:0px !important;}

.layout .col1  {width:100%;}

.auto {width:auto;}

.padded {padding:12px;}


body .layout .breathecol2 {
	margin-right:3% !important;
    vertical-align: top;
}
body .layout .breathecol3, body .layout .breathecol23 {
	margin-right:3% !important;
    vertical-align: top;
}

body .layout .breathecol4 {
	margin-right:3% !important;
    vertical-align: top;
}



body .layout .anchor-dest {
    padding-top: 100px !important;
    margin-top: -100px !important;
}
 /* Begin CSS Part: Desktop Defaults */
@media screen and (min-width : 1225px) {/* LAPTOPS AND HIGHER ----------- */}

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


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

@media screen and (min-width : 1001px) {
  
.dtop-hide, .responsive-menu {display:none !important;} 

body .layout .dtopslim {
    max-width: 75%;
    margin: auto !important;
}
  
  
.layout .col2, .layout .col612, .layout .col36  {width: 49.5%; }
.layout .col3, .layout .col412 {width:32.66%; }
.layout .col23, .layout .col812 {width:66.33%; }
.layout .col4, .layout .col312  {width: 24.25%;}
.layout .col34 {width: 74.75%;}
  
.layout .col5  {width: 19.2%; }
.layout .col25 {width: 39.4%;}
.layout .col35 {width: 59.6%;}
.layout .col45 {width: 79.8%; }
  
.layout .col6, .layout .col212  {width: 15.83%;}
.layout .col56, .layout .col1012 {width: 83.16%;}
  
.layout .col7  {width: 13.42%;}
.layout .col27  {width: 27.85%;}
.layout .col37  {width: 42.28%;}
.layout .col47  {width: 56.71%;}
.layout .col57  {width: 71.14%;;}
.layout .col67 {width: 85.57%;}

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

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

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

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

.res6  {width: 15.83%; margin-right:1% !important;}
.res6:nth-child(6n+6) {margin-right:0px !important;}  
 
 
.layout .tight2 {width:50%; margin:0px !important;} 
.layout .tight4 {width:25%; margin:0px !important;}


body .layout .breathecol2 {width:48.5%; display:inline-block;}
body .layout .breathecol2:nth-child(2n+2) {margin-right:0px !important;}


body .layout .breathecol23 {width:65.66%; display:inline-block;}

body .layout .breathecol3 {width:31.33%; display:inline-block;}
body .layout .breathecol3:nth-child(3n+3), body .layout .breathecol3.iend  {width:31.34%; margin-right:0px !important;}


body .layout .breathecol4 {width:22.75%; display:inline-block;}
body .layout .breathecol4:nth-child(4n+4) {margin-right:0px !important;}

  
}
 /* Begin CSS Part: Tablet Defaults */
@media screen and (max-width : 1000px) /***WILL EFFECT ALL TABLET & MOBILE*****/ {
  
  .layout .tend {margin:0px !important;}  
  
  .resp-center, .resp-center * {text-align:center !important; margin-right:auto !important; margin-left:auto !important;}
  
  .resp-hide {display:none !important;}
  
  .layout .tab-col1 {width:100% !important; margin-right:0px !important;}


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


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


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

@media screen and (min-width:761px) and (max-width:1000px) {
  
.tab-hide {display:none !important;}

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

.layout .tp-end {margin:0px !important;} 
  
.layout .col2, .layout .col612  {width: 49.5%; }
.layout .col3, .layout .col412 {width:32.66%; }
.layout .col23, .layout .col812 {width:66.33%; }
.layout .col4, .layout .col312  {width: 24.25%;}
.layout .col34 {width: 74.75%;}
  
.layout .col5  {width: 19.2%; }
.layout .col25 {width: 39.4%;}
.layout .col35 {width: 59.6%;}
.layout .col45 {width: 79.8%; }
  
.layout .col6, .layout .col212  {width: 15.83%;}
.layout .col56, .layout .col1012 {width: 83.16%;}
  
.layout .col7  {width: 13.42%;}
.layout .col27  {width: 27.85%;}
.layout .col37  {width: 42.28%;}
.layout .col47  {width: 56.71%;}
.layout .col57  {width: 71.14%;;}
.layout .col67 {width: 85.57%;}

.layout .col8  {width: 11.62%;}
.layout .col28 {width: 24.25%;}
.layout .col38 {width: 36.87%;}
.layout .col48 {width: 49.5%;}  
.layout .col58 {width: 62.12%;}
.layout .col68, .layout col912 {width: 74.75%;}
.layout .col78 {width: 87.37%;}
  
.layout .col9  {width: 10.22%;}
.layout .col29 {width: 21.44%;}
.layout .col39 {width: 32.66%;}
.layout .col49 {width: 43.88%;}
.layout .col59 {width: 55.11%;}
.layout .col69 {width: 66.33%;}
.layout .col79 {width: 77.55%;}
.layout .col89 {width: 88.77%;}
  
.layout .col10 {width: 9.1%;}
.layout .col11 {width: 8.181%;}
  
  
.layout .col512 {width: 41.08%;}
.layout .col712 {width: 57.91%;}  
.layout .col1112 {width: 91.58%;}
.layout .col12 {width: 7.416%;}

  
/****COL CLASS OVERRIDES FOR TABLET PORTRAIT****/

.layout .tab-col1 {width:100% !important; margin-right:0px !important;}
  
.layout .tab-col2  {width: 49.5%; }
.layout .tab-col3  {width:32.66%; }
.layout .tab-col23 {width:66.33%; }
.layout .tab-col4  {width: 24.25%;}
.layout .tab-col34 {width: 74.75%;}
  
.layout .tab-col5  {width: 19.2%; }
.layout .tab-col25 {width: 39.4%;}
.layout .tab-col35 {width: 59.6%;}
.layout .tab-col45 {width: 79.8%; }
  
.layout .tab-col6  {width: 15.83%;}
.layout .tab-col56 {width: 83.16%;}


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

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

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

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

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


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



body .layout .breathecol2 {width:48.5%; display:inline-block;}
body .layout .breathecol2:nth-child(2n+2) {margin-right:0px !important;}


body .layout .breathecol3 {width:48.5%; display:inline-block;}
body .layout .breathecol3:nth-child(2n+2) {margin-right:0px !important;}


body .layout .breathecol4 {width:22.75%; display:inline-block;}
body .layout .breathecol4:nth-child(4n+4) {margin-right:0px !important;}

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


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

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

}

@media screen and (max-width:760px) {
  
  .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 .tab-col2 {width:100% !important; padding-left:0px !important; padding-bottom:24px; margin-right:0px !important;}


}

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

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


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

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

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

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

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



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



body .layout .breathecol2 {width:100%; display:inline-block; margin-right:0px !important;}

body .layout .breathecol3 {width:100%; display:inline-block; margin-right:0px !important;}

body .layout .breathecol4 {width:22.75%; display:inline-block;}

body .layout .breathecol4:nth-child(4n+4) {margin-right:0px !important;}



}



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


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


.layout .col2, 
.layout .col3, .layout .col23, 
.layout .col34, 
.layout .col5, .layout .col45, .layout .col25,
.layout .col56, .layout .col67, 
.layout .col78,
.layout .col29, .layout .col39, .layout .col49, .layout .col59, .layout .col69, .layout .col79, .layout .col89, .layout .col712  {
    width:100%; 
    margin-right:0px !important;
}

.layout .col4, .layout .col6, .layout .col12 {width: 49.5%;}
.layout .col7, .layout .col8 {width: 24.25%;}

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


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




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

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

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

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

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



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



body .layout .breathecol2 {width:100%; display:inline-block; margin-right:0px !important;}

body .layout .breathecol3 {width:100%; display:inline-block; margin-right:0px !important;}

body .layout .breathecol4 {width:48.5%; display:inline-block;}

body .layout .breathecol4:nth-child(2n+2) {margin-right:0px !important;}




}





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



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

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

}
 /** Begin CSS Section: core */

 /* Begin CSS Part: DISABILITY */

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

@font-face {
    font-family:'oswald';
    src: url('/userfiles/fonts/oswald.ttf');
    font-weight: normal;
    font-style: normal;
  font-display:optional;
}

@font-face {
    font-family:'kaleco';
    src: url('/userfiles/fonts/kalekoregular.ttf');
    font-weight: normal;
    font-style: normal;
    font-display:optional;
}



/****GENERAL FONTS***/

body {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
    line-height: 1.4;
}

h1, h2, h3, h4 {    
      font-family:'kaleco', sans-serif;
}


.header .company-info-part, .header .company-info-part a {
       font-family:'kaleco', sans-serif;
      font-weight: normal !important;
}









h1 {
  font-size: 2em;
  line-height: 1.20em;
  margin-bottom:8px;
}

h2, .testimonial-block > .layout-component > label {
    font-size: 1.6em;
    line-height: 1.2em;
    margin-bottom: 8px;
}

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

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

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

p {
  font-size:16px;  
  line-height: 24px;
  margin-bottom: 12px;
}

small {font-size: 85%;}

abbr[title] {border-bottom: 1px dotted;}

b, strong {font-weight: bold;}
dfn, em, i {font-style: italic;}


/********LISTS****/

.content ul {
  margin-top: 12px;
  margin-bottom: 24px;
}

.content ul li {
  background-image: url(/userfiles/css/images/arrowbullet.png);
  padding-left: 30px;
  padding-bottom: 8px;
  list-style: none;
  margin-left: 24px;
  background-repeat: no-repeat;
  background-position: 0px 4px;
}




/* -------------------- Links -------------------- */

a:link, a:active, a:visited, a:hover, button, .button {text-decoration: none;}

a:link {
    font-weight: bold;
}

.nopointer {cursor:default;}



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

h1 {
    font-size: 1.6em;
}

h2 {
    font-size: 1.2em;
}

p {
  font-size: 15px;
  line-height: 22px;
}

  
}
 /* Begin CSS Part: Buttons */
/*****BUTTON STYLES*****/

button, .button, a.button, input[type="submit"], input[type="reset"], input[type="button"], .action-button a {
  text-align: center !important;
  max-width:100%;
  border-radius:6px;
  white-space: normal;
  border-width: 1px;
  border-style: solid; 
  background-repeat: no-repeat;
  font-weight: normal;
}


button, .button, input[type="reset"], input[type="button"], .action-button a {
    font-size: 11px;
    line-height: 1em;
    padding: 6px 16px;
}

.large.button, input[type="submit"], .action-button.large a, .large-button .button {
    font-size: 1em;
    line-height: 1.2em;
    padding: 10px 26px 10px;
}


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

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

.proceed .button:hover {
	padding-left: 26px;
    background-position: 90% center;
        padding-right: 50px;
}


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

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

  
}

 /* Begin CSS Part: Colours */
/*******COLOURS*****/

/*****SITE STRUCTURE*****/

html, body > .layout {background-color: #ffffff;}


/***Primary Website Colour*****/

body > .layout .fill-1 {background-color: #14202e;}

body > .layout .fill-1 h1,
body > .layout .fill-1 h2,
body > .layout .fill-1 h3,
body > .layout .fill-1 h4,
body > .layout .fill-1 label,
body > .layout .fill-1 div,
body > .layout .fill-1 p,
body > .layout .fill-1 span,
body > .layout .fill-1 a,
body > .layout .fill-1 a:link,
body > .layout .fill-1 a:visited,
body > .layout .fill-1 li:hover a {
	color: #ffffff!important;
}
body > .layout .fill-1 a.button {color:#fff !important;}

.bg-1 {background-color: #14202e;}
.bg-2 {background-color: #0086b8;}

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

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

body > .layout .fill-2 h1,
body > .layout .fill-2 h2,
body > .layout .fill-2 h3,
body > .layout .fill-2 h4,
body > .layout .fill-2 label,
body > .layout .fill-2 div,
body > .layout .fill-2 p,
body > .layout .fill-2 span,
body > .layout .fill-2 a,
body > .layout .fill-2 a:link,
body > .layout .fill-2 a:visited,
body > .layout .fill-2 li:hover a {
	color: #FFFFFF!important;
}

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

/******HEADER*********/

body > .layout > .header {
    background-color: #ffffff;
    
}


body > .layout > .header h1,
body > .layout > .header h2,
body > .layout > .header h3,
body > .layout > .header h4,
body > .layout > .header label,
body > .layout > .header div,
body > .layout > .header p,
body > .layout > .header span,
body > .layout > .header a  {
	color: #14202e;
}


.header .company-info-part, 
.header .company-info-part a {color: #14202e;}


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

body > .layout > .footer {
	background-color: #14202e;
   
}

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

h2, h3, .title, .layout .title a, .testimonial-block > .layout-component > label {color: #0086b8;}

h4, h5, h6 {color:#14202e;}

label, legend {color:#14202e;}

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


b, strong, i, em {color: #0086b8;}


/*****LINKS*****/

a, a:link {color: #14202e;}

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:   #14202e;
    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:   #1a3f8d;
    color:              #ffffff;
    border-color:       #d6d6d6;
}


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

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

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


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

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


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

.cancel, input.cancel, a.cancel, a.delete, input.delete, .delete a, a.remove-product  {
    background-color:   #9E2323;
    color:              #FFFFFF;
    border-color:   #9E2323;
}
.cancel:hover, input.cancel:hover,a.cancel:hover, a.delete:hover, input.delete:hover, a.remove-product:hover {
    background-color:   #7A0612;
    color:              #FFFFFF;
    border-color:   #7A0612;
}


/***MENUCOLOURS*****/

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

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

.menu-section {
  background-color: #1a171b; 
  border-color: #616161;
}

.main-menu {  
	background-color: #1a171b;
}

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

.main-menu > .menubar > li:hover {
background-color: #009ee1;
}

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


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

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

input[type="text"]:hover, input[type="email"]:hover, input[type="number"]:hover, input[type="password"]:hover, 
input[type="file"]:hover, select:hover, textarea:hover {
    background-color:   #EFEFEF;
    color:              #4a4a4a!important;
    border-color:       #777777;
    /*box-shadow: 1px 1px 1px rgba(119, 119, 119, 0.25) inset;*/
}

input[type="text"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="password"]:focus, 
input[type="file"]:focus, select:focus, textarea:focus {
    background-color:   #EFEFEF;
    color:              #4a4a4a!important;
    border-color:       #4a4a4a;
    /*box-shadow: 1px 1px 1px rgba(119, 119, 119, 0.25) inset;*/
}

input[type="text"]:focus:hover, input[type="email"]:focus:hover, input[type="number"]:focus:hover, input[type="password"]:focus:hover, 
input[type="file"]:focus:hover, select:focus:hover, textarea:focus:hover {
    background-color:   #EEEEEE;
    color:              #4a4a4a!important;
    border-color:       #4a4a4a;
    /*box-shadow: 1px 1px 1px rgba(119, 119, 119, 0.25) inset;*/
}


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


body {border-color:#969696;}

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

.mini {border-color:#969696;}

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


/*****/





 /* Begin CSS Part: Menus */
/********MENUS AND SUBMENUS******/

ul.menubar, .user-menu {list-style:none; list-style-type:none; z-index:70;}
ul.menubar li, .user-menu li {position: relative; list-style:none; vertical-align:top;}
ul.menubar li a, .user-menu li a {padding:0px 8px; width:100%; font-weight:normal;}

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

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

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

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

.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 {margin-top:26px;}

.header .main-menu > .menubar > li {border-radius:4px; margin-left:4px;}

.header .main-menu > .menubar > li, 
.header .main-menu > .menubar > li > a {
  height: 50px;
  line-height: 50px;
}

.header .main-menu > .menubar > li > a span {
  font-size: 14px;
}

.header .main-menu > .menubar > li {}

.header .main-menu > .menubar > li.li_end {
  border: 1px solid #14202e;
  background-color: #14202e;
}

.header .main-menu > .menubar > li.li_end span {color:#fff;}

.header .main-menu > .menubar > li + li {}

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


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

.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: 35px;
  width: auto;
  margin-top: 12px;
}

.responsive-menu .mod_sub_layout .layout-cell.istart .resp-logo img {
    height: 50px;
  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 {
  color: #fff !important;
  background-size: 20px;
  padding-bottom: 12px !important;
  line-height: 20px !important;
  padding-top: 12px !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 {
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}


@media screen and (min-width:640px) {
  
.transition, .transition * {
  -webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}

 
}

 /* Begin CSS Part: Site Design */
body > .layout > .header {
    position: sticky;
    top: 0px;
    left: 0px;    
}

.header .image {
  padding-top:6px;
  padding-bottom:6px;
  width:185px;
}

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

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

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

/***********SERVICE BLOCKS***********/


.service-blocks {
  display: flex !important;
  flex-wrap: wrap;
}

.service-blocks .layout-component {
  box-shadow: 0px -2px 14px -12px rgba(0, 0, 0,0.5);
  border-radius: 4px;
  background-color: #0086b8;
  overflow: hidden;
  margin-bottom:12px;
}

.service-blocks .layout-component:hover {
  background-color: #14202e;
}
.service-blocks .layout-component .component-topper {background-color:#000;}
.service-blocks .layout-component .component-topper p {margin:0px !important;}

.service-blocks .layout-component h2 {
  padding: 12px 12px;
  font-size: 22px;
  line-height: 26px;
  font-weight: bold;
  margin: 0px;
}


.service-blocks .layout-component label {border-top:1px solid #fff; border-bottom:1px solid #fff; padding:8px 12px;}

.service-blocks .layout-component .content {
  padding: 12px 12px 48px 12px;
}

.service-blocks .layout-component h2, .service-blocks .layout-component label, .service-blocks .layout-component .content * {color:#fff;}

.service-blocks .layout-component .component-footer {
  position: absolute;
  bottom: 12px;
  right: 12px;
}

.service-blocks .layout-component .component-footer .button {  
  background-color: #14202e; 
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
}
.service-blocks .layout-component:hover .component-footer .button {  background-color: #0086b8;}

.service-blocks .layout-component .component-footer p {margin:0px !important;}

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

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

.split-sect {display:table !important;}

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

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

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

}

.split-sect > .i > .layout-cell.text-cell {
  padding: 24px;
  vertical-align: middle;
}

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

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

.split-sect > .i > .layout-cell.image-cell > .layout-component p {margin:0px !important;}
.split-sect > .i > .layout-cell.image-cell img {width:100%;}

.split-sect > .i > .layout-cell.image-cell .component-topper {
  position: absolute;
  z-index: 10;
  background-color: #b73b79;
  top: 50%;
  left: 10%;
  padding: 24px;
}

.split-sect > .i > .layout-cell.image-cell .component-topper * {color:#fff;}

.split-sect .button {background-color:transparent;}  
@media screen and (min-width:1001px) and (max-width:1200px) {

.split-sect > .i > .layout-cell.text-cell h2 {font-size:1.3em;}
  
 .split-sect > .i > .layout-cell.text-cell p {
    font-size: 14px;
    line-height: 20px;
  }
}



/******AFFILIATE*****/

.standard-grid .layout-component .component-topper {
  padding-bottom: 12px;
  margin-bottom: 12px;
  padding-right: 12px;
  padding-left: 12px;
}

.standard-grid .layout-component:hover .component-topper {
  box-shadow: 0px 15px 20px -20px rgba(255, 255, 255, 0.75);
}

.standard-grid .layout-component h4 {
  color: #fff;
  font-size: 18px;
  margin-bottom: 8px;
}

.standard-grid .layout-component p {
  font-size: 12px;
  line-height: 18px;
  color:#fff;
}



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

.footer {
}



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

  .footer {
  font-size:13px;
}
}

.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: 32px;
  margin-right: 12px !important;
}

.footer .slim-footer * {    font-size: 12px; line-height:18px;}

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

}





 /* Begin CSS Part: Results */

 /* Begin CSS Part: Pages */
/**********HEADER BANNERS*************/
.bg-banner .nested-banner {
  padding: 150px 0px 150px;
}

.bg-banner .nested-banner * {}

.bg-banner .background-image {
  background-size: cover;
  background-position: right center;
}

.bg-banner .nested-banner > .i > .banner-content {
  padding: 8px;
  margin-left: 0px !important;
  margin-right: auto !important;
}


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

.bg-banner .nested-banner {padding:150px 0px;}
  
.bg-banner .nested-banner > .i > .banner-content {
  max-width: 50% !important;
  width:45%;
  display:inline-block;
}

}

.bg-banner .nested-banner .layout-component h1, .bg-banner .nested-banner .layout-component h2, .bg-banner .nested-banner pre {color:#fff;}

.bg-banner .nested-banner .layout-component h1 {
  font-size: 58px;
  line-height: 58px;
  margin-bottom: 0px;
}

.bg-banner .nested-banner .layout-component > .content, .bg-banner .nested-banner .layout-component.content {padding-top:12px;}

.bg-banner .nested-banner .layout-component p {
  font-size: 18px;
  line-height: 24px;
  color: #fff;
}

.bg-banner .nested-banner .layout-component .button.large {
  background-color: #14202e;
  margin-top: 12px;
  width: 49.5%;
  display: inline-block;
  font-size: 18px;
  padding: 12px 6px;
  margin-right: 1%;
}

.bg-banner .nested-banner .layout-component .button.large.alt-button {background-color: #0086b8;}

.bg-banner .nested-banner .layout-component .button.large + .button.large {margin-right:0px !important;}

.review-text {
  background-color: #fff;
  display: inline-block;
  width: 100%;
  padding: 4px 12px;
  border-radius: 6px;
  text-align: center;
}

.review-text span {
  color: #b73b79 !important;
  font-size: 14px;
  margin-right: 12px;
}
.review-text img {width:150px;}


@media screen and (max-width:760px) {
.bg-banner .nested-banner .layout-component .button.large {
  width: 100%;
}

.review-text {
  width: 100%;
}  
}


@media screen and (max-width:520px) {
  
.bg-banner .nested-banner .layout-component h1 {
  font-size: 22px;
  line-height: 26px;
}

.bg-banner .nested-banner .layout-component p {
  font-size: 18px;
  line-height: 24px;
}
}

/************CONTACT PAGE*************/



/**********TEAM**********/

.team-grid img {border-radius:50%; max-width:300px;}

.team-grid label {
  font-size: 18px;
  color: #902996;
  margin-bottom: 12px;
}

.team-grid .content {
  padding: 12px;
  border-top: 1px solid #ccc;
}
.team-grid .content p {font-size:14px;}


/************TESTIMONIALS*********/

.testimonial-block h3 {
  margin-bottom: 12px;
  padding-bottom: 12px;
}



/*******GET INVOLVED**********/

.block-highlight {
  border: 4px solid #e52f7f;
  border-radius: 4px;
  padding: 24px;
  margin-bottom: 24px;
}

 /** Begin CSS Section: modules */

 /* Begin CSS Part: 404 */

 /* Begin CSS Part: Admin */

 /* Begin CSS Part: Auto Pdf */

 /* Begin CSS Part: Basket */
.header .mini-basket {margin-top:18px;   margin-left: 12px !important;}
.header .acc-user {
  margin-top: 22px;
  margin-left: 12px !important;
}

.header .mini-basket .textblock p, .header .acc-user p {margin-bottom:0px !important;}

.header .mini-basket .textblock img {
  width: 36px;
}

.header .mini-basket .total span, .header .acc-user .component-footer p {
  font-size: 12px;
  text-align: center;
  display: inline-block;
  width: 100%;
}

.header .mini-basket .count {
  position: absolute;
  right: 0px;
  width: 14px;
  background-color: #e52f7f;
  font-size: 8px;
  z-index: 1;
  border-radius: 50%;
  height: 14px;
  border: 1px solid #fff;
  line-height: 12px;
}
 /* Begin CSS Part: Booking */
.showings > .showing {
  border-bottom: 1px solid #ccc;
  padding: 4px;
}

.show-summary {
  display: flex;
  gap: 1%;
  align-content: center;
  align-items: center;
}

.show-summary > .showing {
  display: flex;
  gap: 1%;
  flex-grow: 1;
}

.showdate {
  font-size: 16px;
  font-weight: bold;
  color: #00abee;
}

.showstarttime, .showendtime {
  font-style: italic;
  font-size: 14px;
}



.show-summary > .availability {
  flex-grow: 1;
  text-align:right;
}

.ticket-type-qty {
  border-top: 8px solid #0ea4f0;
  padding-top: 12px;
  margin-top: 12px;
  margin-bottom: 24px;
  border-bottom: 8px solid #0ea4f0;
  padding-bottom: 24px;
}

.seat-selector {
  border-top: 8px solid #0ea4f0;
  padding-top: 12px;
  margin-top: 12px;
  margin-bottom: 24px;
  padding-bottom: 24px;
}

.ticket-type-select {display:flex; gap:1%;}
.ticket-type-select > div {flex-grow:1;}
  
.add-to-cart.disabled {display:none;}




/*********SEATING PLAN*************/

.seating-section + .seating-section .seating-row .seat:nth-child(9) {margin-right:50px;}
.seating-section > .ticket-types {display:none;}

.seating-section > h2 {
  background-color: #e52f7f;
  color: #fff;
  padding: 4px;
  text-align: center;
  border-radius: 4px;
  font-size: 18px;
  margin-top: 12px;
}

.seating-section .seating-row {
  display: flex;
  gap: 1%;
  margin-bottom: 8px;
}


.row-name {
  width: 20px;
  text-align: center;
  background-color: #1a171b;
  color: #fff;
  padding: 4px;
  font-size: 12px;
}


.seat {
  text-align: center;
  flex-grow: 1;
  border: 1px solid #ccc;
  background-color: #fff;
  font-size: 12px;
  align-items: center;
  align-content: center;
}

.seat.available {cursor:pointer;}


.seat.selected {
  background-color: #00aae3;
  color: #fff;
  font-weight: bold;
}


.seat.booked {
  background-color: #1a171b;
  color: #fff;
  opacity: 0.2;
}




 /* Begin CSS Part: Calendar */

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


/*****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: #14202e;
    color: #ffffff;
    line-height: 1.4em;
    padding: 8px 2px;
    font-size: 14px;
}
.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;
}


.mini img {
  border: 1px solid #ccc;
}

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


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

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


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

.category-browse {}

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

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


}


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

.category-browse {}

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

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

}



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


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


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

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

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

}




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


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

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

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

 /* 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.billing-address .button,
.headed-section.delivery-address .button {
  position: absolute;
  top: 0px;
  right: 0px;
  height: 28px;
  line-height: 28px;
  padding: 0px 12px;
  border-radius: 0px;
  border: 0px;
  background-color: #e52f7f;
}




.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 */
/**********PRODUCT PAGE*******/


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

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


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

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

.mod_collation_component_collation_item.product-main .purchase-sect .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:#14202e;
    	font-weight:normal;
}


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

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

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



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

.linked-items {
    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%;
}





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

.layout-component.linked-items {
    border-top: 1px solid #ccc;
    margin-top: 24px;
    padding-top: 12px;
}

.linked-items > h4 {}


/*********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;
    margin-right:2px;
}

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

.post-details .inline-display > .content {
  font-weight: bold;
}



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

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

}



.frame-box {
    background-color: #ecf1f645;
    padding: 18px;
    border: 1px solid #ccc;
}


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

}
 /* Begin CSS Part: Collation Admin */

 /* Begin CSS Part: Cookies */

 /* Begin CSS Part: Crm */

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


.ajax-image-upload {
  cursor: pointer !important;
  height: 40px !important;
  line-height: 20px !important;
  margin-top: 4px;
  padding: 10px !important;
  vertical-align: middle;
}

select {cursor:pointer;}


textarea {
    min-height: 200px;
    line-height: 20px;
}

input[type="checkbox"], input[type="radio"] {}



.missing, .missing:hover {
  border-color: rgb(255, 0, 0) !important;
  box-shadow: 0 0 2px 2px rgb(255, 0, 0) !important;
}


/*****FILE UPLOAD*******/

.file input{
    opacity: 0;
    width: 100%;
    position: absolute;
    left: 0px;
    cursor: pointer;
    z-index: 10000;
}

.file .button {
    font-size: 16px;
    padding-left: 38px;
    line-height: 24px;
    background-image: url(/userfiles/images/upload.png);
    background-position: 10px center;
    background-size: 20px;
}


/****CHECKBOXES****/

.multi-select-container {
    display: inline-block;
    vertical-align: top;
    width: 100%;
}

.checkbox-options span.checkbox {
    clear: both;
    display: inline-block;
}

.multi-select-container input, .checkbox-value input, span.checkbox input {
    margin-top: 4px;
    margin-right: 6px;
    vertical-align: top;
}

.multi-select-container.checkbox-value label, span.checkbox label {
    display: inline-block;
    width: auto;
    max-width: 90%;
    font-size: 13px;
}

.checkbox-value label {display: inline-block;}

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


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

.captcha-code, .security-code {
  padding: 4px 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: Google Analytics */

 /* Begin CSS Part: Home */
.dark-fill {
  background-color: #1a171b;
  background-position: center;
    background-size: cover;
}

.dark-fill.curtain {background-image: url(/userfiles/css/images/darkbgcurtain.jpg); background-position: right center;}

.dark-fill.spot {
  background-image: url(/userfiles/css/images/darkbgspot.jpg);
  background-position: 20% center;
}

.dark-fill > .i {}
.dark-fill > .i:before {
  content: " ";
  background-image: url(/userfiles/css/images/whitetop.png);
  position: absolute !important;
  top: 0;
  width: 100%;
  display: inline-block;
  height: 40px;
background-size: cover;
  background-repeat: repeat-x;
  background-position: top;
  left: 0;
  z-index: 10;
}


.dark-fill > .i:after {
  content: " ";
  background-image: url(/userfiles/css/images/whitebottom.png);
  position: absolute !important;
  bottom: -1px;
  width: 100%;
  display: inline-block;
  height: 40px;
background-size: cover;
  background-repeat: repeat-x;
  background-position: bottom;
  left: 0;
  z-index: 10;
}

.dark-fill .layout-component.dark-content p, 
.dark-fill .layout-component.dark-content li,
.dark-fill .layout-component.dark-content a,
.dark-fill .layout-component.dark-content span {color:#fff;}



.home-actions .layout-component {
  padding: 18px 18px 18px 90px;
  margin-bottom: 12px;
  border-radius: 4px;
  border: 1px solid #fff;
  background-repeat: no-repeat;
  background-size: 70px auto;
  background-position: 6px 12px;
}

.home-actions .layout-component.pink {
  background-color: #e52f7f;
}

.home-actions .layout-component.blue {
  background-color: #05a9f1;
}

.home-actions .layout-component h4 {
  margin-bottom: 4px;
  font-size: 22px;
  color: #fff;
  font-weight: bold;
}

.home-actions .layout-component p {
  margin-bottom: 0px;
  font-size: 14px;
  color: #fff;
  line-height: 20px;
}

.home-actions .layout-component.icon-book {background-image:url(/userfiles/css/images/ticket.png);}
.home-actions .layout-component.icon-involved {background-image:url(/userfiles/css/images/join-action.png);}
.home-actions .layout-component.icon-mailing {background-image:url(/userfiles/css/images/email-action.png);}
.home-actions .layout-component.icon-reviews {background-image:url(/userfiles/css/images/quotes-action.png);}



 /* 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: #1a171b;}

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

}



.basket-info .basket-seat {
  display: list-item;
  list-style-position: outside;
  margin-left: 20px;
  font-size: 14px;
}

.basket-info .basket-seat span.seating-section {margin-right:12px;}
.basket-info .basket-seat span.ticket-type {margin-left:12px; font-size:12px; font-style:italic;}


/********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: 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: Scroller */
.slide.testimonial {vertical-align:top;}

.slide.testimonial > .layout-cell {
  border: 1px solid #ccc;
  padding: 24px;
  border-radius: 4px;
  margin-bottom:12px;
}
 /* 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 */

 /* Begin CSS Part: Social Media */

 /* Begin CSS Part: Sub Layout */

 /* Begin CSS Part: System Manager */

 /* Begin CSS Part: User */
/***********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: #0086b8;
    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 #0086b8;
  	color:#4a4a4a ;
}


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

.password {}

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

.password-entry label {display:block;}

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


.avatar input {
    width: auto;
}


.avatar img {
    max-width: 40px;
    max-height: 40px;
    width: 40px;
    height: 40px;
    display: inline-block;
    vertical-align: top;
}

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

@media screen and (min-width:1001px) {
.mobile-account {display:none !important;}
}
  
@media screen and (max-width:1000px) {

.account-sidebar {display:none !important;}

.account-mainbar {
    width: 100% !important;
    margin: 0px !important;
}
  
.mobile-account label {
    cursor: pointer;
    background-color:#0086b8;
    color: #FFFFFF;
    padding: 8px;
    background-image: url(/userfiles/images/smoothmenuicon.png);
    background-position: 12px center;
    background-repeat: no-repeat;
    background-size: 30px;
    font-size: 18px;
    border-radius: 4px;
    z-index:10;
    position:relative;
}

.mobile-account.layout-component {margin-bottom:24px;}
  
.mobile-account .content {
    width: 100%;
    border: 1px solid #969696;
    margin-top: -4px;
	padding-top: 4px;
	z-index: 1;
    position:relative;
}
  
  .mobile-account li {
  border-bottom:1px solid #969696; 
  padding:4px 2px;
  }
  
  .mobile-account li a {color:#333; padding:6px;}
  
  .mobile-account li:hover {background-color:#0086b8;}
  .mobile-account li:hover a {background-color:; color:#FFFFFF;}
  
  }
  
  /****END MOBILE MENU****/
  


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


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

.register-controls .button {
    width: 100%;
    margin-bottom: 12px;
}


.button.plain-text-toggle {
    font-size: 12px;
    display: inline-block;
    text-decoration: underline;
    background-color: transparent !important;
    border: none !important;
    color: #000 !important;
    position: absolute;
    top: 4px;
    padding: 0px;
    right: 0px;
}

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

.fp-message {padding:12px;}



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


/******PRIVACY**********/

.privacy-page > div {vertical-align:top;}

.checkbox.inline-entry > label {display:inline-block;}
.checkbox.inline-entry {padding:4px 0px;}



/*********ORDERS**********/

.eos-list-output {
    display: table !important;
    border-collapse: collapse;
    margin-top: 12px;
    width: 100%;
}
.eos-list-output .list-entries {display:table-row-group !important;}
.eos-list-output .list-headings, .eos-list-output .list-entry {display:table-row !important;}
.eos-list-output .list-column {
    display: table-cell !important;
    border: 1px solid #ccc;
    width:auto !important;
    font-size: 12px;
    padding: 4px;
}

.list-headings {
    background-color: #555;
    font-weight: bold;
    color: #fff;
    margin-top: 12px;
}

.order-history .filter .auto {
    margin-right: 2px;
    margin-bottom: 4px;
    border: 1px solid #ccc;
padding: 4px 6px;
min-width: 58px;
background-color:#efefef;
}
.order-history .filter .auto label {
    display: inline-block;
    font-size: 12px;
    vertical-align: top;
    line-height: 22px;
}
.order-history .filter .auto input {} 

.large-check label {display:inline-block;}
.large-check input {margin-right:4px;}

.time-restrict {text-align:center; border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:8px;}


 /* Begin CSS Part: Warning */