/* Begin css Combined CSS */
/* Begin css critical CSS */
 
 /** Begin CSS Section: defaults */

 /* Begin CSS Part: Base */

 /* Begin CSS Part: Layout */

 /* Begin CSS Part: Desktop Defaults */

 /* Begin CSS Part: Tablet Defaults */

 /* Begin CSS Part: Mobile Defaults */

 /** Begin CSS Section: core */

 /* Begin CSS Part: DISABILITY */

 /* Begin CSS Part: Fonts */

 /* Begin CSS Part: Buttons */

 /* Begin CSS Part: Colours */

 /* Begin CSS Part: Menus */

 /* Begin CSS Part: Responsive Menu */

 /* Begin CSS Part: Editor Overrides */

 /* Begin CSS Part: Specials */

 /* Begin CSS Part: Effects */

 /* Begin CSS Part: Site Design */

 /* Begin CSS Part: User Design */

 /* Begin CSS Part: Site Components */

 /* Begin CSS Part: Results */

 /* Begin CSS Part: Pages */

 /** Begin CSS Section: modules */

 /* Begin CSS Part: 404 */

 /* Begin CSS Part: Admin */

 /* Begin CSS Part: Auto Pdf */

 /* Begin CSS Part: Basket */

 /* Begin CSS Part: Booking */

 /* Begin CSS Part: Calculator */

 /* Begin CSS Part: Calendar */

 /* Begin CSS Part: Categories */

 /* Begin CSS Part: Chat Bot */

 /* Begin CSS Part: Checkout */

 /* Begin CSS Part: Collation */

 /* Begin CSS Part: Collation Admin */

 /* Begin CSS Part: Content Creator */

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

 /* Begin CSS Part: Form */

 /* Begin CSS Part: Gallery */

 /* Begin CSS Part: Google Analytics */

 /* Begin CSS Part: Home */

 /* Begin CSS Part: Messaging */

 /* Begin CSS Part: Multi User */

 /* Begin CSS Part: News Letter */

 /* Begin CSS Part: Notifications */

 /* Begin CSS Part: Order Manager */

 /* Begin CSS Part: Orders */

 /* Begin CSS Part: Payment Gateway */

 /* Begin CSS Part: Qanda */

 /* Begin CSS Part: Redirect */

 /* Begin CSS Part: Review */

 /* Begin CSS Part: Scroller */

 /* Begin CSS Part: Search */

 /* Begin CSS Part: Search Results */

 /* Begin CSS Part: Seo */

 /* Begin CSS Part: Shipping */

 /* Begin CSS Part: Snippets */

 /* Begin CSS Part: Social Media */

 /* Begin CSS Part: Sub Layout */

 /* Begin CSS Part: Subscription */

 /* Begin CSS Part: System Manager */

 /* Begin CSS Part: User */

 /* Begin CSS Part: User Documents */

 /* Begin CSS Part: Warning *//* Begin css late-load CSS */
 
 /** Begin CSS Section: defaults */

 /* Begin CSS Part: Base */
/*****GENERAL RESET******/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  outline: 0;
}

html {
   font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   height: auto;
}

body {
    width:          100%;
    height:         auto;
    letter-spacing: normal;
    word-spacing:   normal;
    cursor:         default;
}

* {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
  
  outline:0;
}

/*****SYSTEM RESET****/


/***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;
    box-shadow: 0px 16px 20px -10px rgba(0, 0, 0, 0.5);
    margin-bottom: 40px;
}


.videowrapper iframe, 
.map iframe,
.videowrapper video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.map-column .content {
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 80.25%;
    padding-top: 25px;
    height: 0;
    margin-bottom:12px;
}
.map-column iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 4px;
}

/****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: #333;
    border: medium none;
    position: relative;
    right: 0px;
    z-index: 100;
    border-radius: 4px;
}

.ui-dialog.ui-draggable .ui-dialog-titlebar .ui-dialog-title {
    float: none;
    margin: .1em 0;
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
}


@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 {
    z-index: 1000000000;
    position: fixed;
    bottom: 0px;
    background-color: rgb(49 49 49 / 90%);
    text-align: center;
    border-top: 0px solid rgba(255, 255, 255,0.5);
    width: 100%;
    left: 0px;
    padding: 4px;
}

#cookie-compliance p {
    display: inline-block;
}

#cookie-compliance p, #cookie-compliance p a {
    font-size: 12px;
    line-height: 18px;
    margin: 0 0 4px;
    color: #fff !important;
}


#cookie-compliance div.compliance-ok {
    display: inline-block;
    background-color: green;
    color: #fff;
    padding: 2px 12px;
    font-size: 12px;
    border-radius: 2px;
    cursor: pointer;
}





#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:760px) {
  
#cookie-compliance p, #cookie-compliance p a {
    font-size: 10px;
    line-height: 14px;
}

}

/***********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 .full-width .content-hold > .i,
body > .layout .full-width.location-tabs > .i,
.nested-banner > .i,
.related-cell > .i > .layout-cell {
  max-width: 1366px;
  width: 100%; 
  margin-left:auto !important;
  margin-right:auto !important;
}

body > .layout > .full-width, 
body > .layout > .full-width > .full-width, 
.responsive-menu {
    max-width: 100% !important;
    width: 100%;
    display: inline-block;
}
    
    
.header, 
.contain, 
.slim-footer > .layout-component,
body > .layout .content-section,
body > .layout .full-width .content-hold > .i,
.related-cell > .i > .layout-cell {
	padding-left:24px !important; 
    padding-right:24px !important;
}    
    
    
    
@media screen and (max-width : 1000px) {

.header, 
.contain, 
.slim-footer > .layout-component,
body > .layout .content-section,
body > .layout .full-width .content-hold > .i,
.related-cell > .i > .layout-cell {
	padding-left:12px !important; 
    padding-right:12px !important;
}  

}

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


body .layout .breathecol2, 
body .layout .breathecol3, 
body .layout .breathecol4, 
body .layout .breathecol23, 
body .layout .breathecol34,
body .layout .breathecol6,
body .layout .breathe-tab-col2,
body .layout .breathecol-res3,
body .layout .breathecol-res4 {
	margin-right:3% !important;
}


body .layout .breathecol2.iend,
body .layout .breathecol3.iend,
body .layout .breathecol23.iend,
body .layout .breathecol4.iend,
body .layout .breathecol34.iend,
body .layout .breathecol6.iend {margin-right:0px !important;}

.padded {padding:12px;}

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

body .layout .anchor-jump {
    display: block;
    position: relative;
    top: -100px;
    visibility: hidden;
    line-height: 0;
}


.border-top-12 {
    border-top: 12px solid #a7a7a7;
}
 /* Begin CSS Part: Desktop Defaults */
@media screen and (min-width : 1225px) {/* LAPTOPS AND HIGHER ----------- */}

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


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

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

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

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

body .layout .breathecol-res3 {width:31.33%;}
body .layout .breathecol-res3:nth-child(3n+3) {margin-right:0px !important;} 


body .layout .breathecol-res4 {width:22.75%;}
body .layout .breathecol-res4:nth-child(4n+4) {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), body .layout .breathecol6: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%;}
body .layout .breathecol3 {width:31.33%;}
body .layout .breathecol23 {width:65.66%;}
body .layout .breathecol34 {width:74.25%;}
body .layout .breathecol4 {width:22.75%;}

body .layout .breathecol6 {width:14.16%;}



.col3-flex > .i {
  display: flex;
  flex-wrap: wrap;
  gap: 2%;
}


.col3-flex > .i > .layout-component {
  margin-right: 0px !important;
  flex-grow: 1;
  width: 30%;
}

  
}
 /* 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;}
  
  .main-bar, .side-bar {width:100% !important; margin-right:0px !important;}
  .main-bar.left-bar {padding-right:0px !important;}
  .side-bar {padding-left:0px !important;}
  
  .side-bar .desc-block img {
    max-width: 300px;
}

.no-banner {
    padding-top: 70px !important;
}
  
}


/* 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 .breathe-tab-col2  {width: 48.5% !important;}

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


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


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

body .layout .breathecol-res4 {width:48.5%;}
body .layout .breathecol-res4:nth-child(2n+2) {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), body .layout .breathecol6:nth-child(6n+6) {margin-right:0px !important;} 

body .layout .breathecol2 {width:48.5%;}
body .layout .breathecol3 {width:31.33%;}
body .layout .breathecol23 {width:65.66%;}
body .layout .breathecol34 {width:74.25%;}
body .layout .breathecol4 {width:22.75%;}

body .layout .breathecol6 {width:14.16%;}

  .circle-grid .layout-component {width:32.66%;}
  
  
  
  .col3-flex > .i {
  display: flex;
  flex-wrap: wrap;
  gap: 2%;
}


.col3-flex > .i > .layout-component {
  margin-right: 0px !important;
  flex-grow: 1;
  width: 45%;
}
  
  
    
}
 /* 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 *, .preview, .preview * {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; padding: 12px 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%;}

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



body .layout .breathecol2 {width:100%; margin-right:0px !important;}
body .layout .breathecol3 {width:31.33%;}
body .layout .breathecol23 {width:65.66%;}
body .layout .breathecol34 {width:74.25%;}
body .layout .breathecol4 {width:48.5%;}

body .layout .breathecol6 {width:31.33%;}

body .layout .extend-listings {}


.info-sect {padding:8px !important;}

  
  }

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

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

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



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

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

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


body .layout .breathecol-res4 {width:48.5%;}
body .layout .breathecol-res4: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: 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), body .layout .breathecol6:nth-child(3n+3) {margin-right:0px !important;} 

body .layout .breathecol6 {width:31.33%;}



.col3-flex > .i {
  display: flex;
  flex-wrap: wrap;
  gap: 2%;
}


.col3-flex > .i > .layout-component {
  margin-right: 0px !important;
  flex-grow: 1;
  width: 45%;
}



}



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


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

.no-banner {
    padding-top: 60px !important;
}
body .layout .mob-port-hide,
body .layout .layout-cell .mob-port-hide {display:none !important;}


.layout .col2, 
.layout .col3, .layout .col23, 
.layout .col34, 
.layout .col5, .layout .col45, 
.layout .col56, .layout .col67, 
.layout .col78,
.layout .col29, .layout .col39, .layout .col49, .layout .col59, .layout .col69, .layout .col79, .layout .col89, .layout .col712,
.layout .preview.vertical.res4 {
    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;}
  


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

.res3, body .layout .breathecol-res3  {width:100%; margin-right:0% !important;}

body .layout .breathecol-res4 {width:48.5%;}
body .layout .breathecol-res4: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: 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), body .layout .breathecol6:nth-child(3n+3) {margin-right:0px !important;} 

body .layout .breathecol6 {width:31.33%;}

body .layout .extend-listings .breathecol4 {
    width: 100%;
    margin-right: 0px !important;
}

.extend-listings .image-pop img {
    max-width: 75%;
}


.col3-flex > .i {
  display: flex;
  flex-wrap: wrap;
  gap: 0%;
}


.col3-flex > .i > .layout-component {
  margin-right: 0px !important;
  flex-grow: 1;
  width: 100%;
}


}





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



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

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

.layout .mini-end {margin-right:0px !important;}
  
	.layout .col4, .layout .col6, .layout .breathecol4 {width: 100% !important;}
    .layout .col7, .layout .col8 {width: 49.5%;} 
    
    .small-mob-hide {display:none !important;}

}
 /** Begin CSS Section: core */

 /* Begin CSS Part: DISABILITY */

 /* Begin CSS Part: Fonts */
@font-face {
    font-family:'Born Ready';
    src: url('/userfiles/fonts/bornready.ttf') format('truetype'),
    src: url("/userfiles/fonts//bornready.eot");
	src: url("/userfiles/fonts//bornready.woff") format("woff"),
	url("/userfiles/fonts//bornready.otf") format("opentype"),
	url("/userfiles/fonts//bornready.svg#filename") format("svg");
    font-weight: normal;
    font-style: normal;
}




/****GENERAL FONTS***/

body {
	font-family: 'Montserrat', sans-serif;
    line-height: 1.4;
}


h1, h2, h3, .cta-strip .button {
    font-family: 'Open Sans Condensed', sans-serif;
}

.listing-banner-content .title h1 {

    font-family:'Born Ready';
    
    }


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

}

h2 {
    font-size: 2.25em;
    line-height: 1.2em;
    margin-bottom: 8px;
    text-transform: uppercase;
}

h3 {
    font-size: 1.75em;
    line-height: 1.550em;
    font-weight: bold;
}

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

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

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

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


small {font-size: 85%;}

.text-nowrap {white-space: nowrap;}
.lowercase {text-transform: lowercase;}
.uppercase {text-transform: uppercase;}
.capitalize {text-transform: capitalize;}

abbr[title] {border-bottom: 1px dotted;}
b, strong {font-weight: bold;}
dfn, em, i {font-style: italic;}



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

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

.richtext a:link, .description a:link {
    font-weight: bold;
}

.nopointer {cursor:default;}


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


ul.arrow li {
    font-size: 18px;
    margin-bottom: 8px;
    list-style: initial;
    margin-left: 16px;
}

ul.bullet-list {}
ul.bullet-list li {
    list-style: circle;
    font-size: 14px;
    margin-left: 30px;
    margin-top: 6px;
}


ul.numeric li {
    list-style: decimal;
    font-size: 14px;
    margin-left: 30px;
    margin-top: 6px;
}


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



.tick-list.dark-list li {
    background-image: url("/userfiles/css/images/roundedcheckmarkslate.png");
    list-style: none;
    font-size: 18px;
    padding: 2px;
    margin-top: 6px;
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 8px center;
    padding-left: 38px;
    margin-bottom: 6px;
    border-radius: 2px;
    margin-left: 0px;
}



.feature-list h3, .quick-list h3 {
    background-color: #efefef;
    padding: 8px 12px;
        margin-bottom:8px;
}

.feature-list li {
    background-image: url("/userfiles/css/images/roundedcheckmarkslate.png");
    list-style: none;
    font-size: 18px;
    padding: 2px;
    margin-top: 6px;
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 8px 6px;
    padding-left: 38px;
    margin-bottom: 6px;
    border-radius: 2px;
    margin-left: 0px;
}

.feature-list li label {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
    color: #333;
}

.quick-list {padding:12px;}


.quick-list li {
    list-style: disc;
    font-size: 14px;
    margin-left: 34px;
    padding: 4px 0px;
}


.info-list li {
    background-image: url("/userfiles/css/images/visit.png");
    list-style: none;
    margin-left: 12px;
    margin-top: 6px;
    background-repeat: no-repeat;
    background-size: 14px;
    background-position: left center;
    padding-left: 24px;
    margin-bottom: 6px;
    color: #6c6b6b;
        font-size: 12px;
}

.info-list li a {
    color: #6c6b6b;
    display: inline-block;
    width: 100%;
    font-weight: bold;
    font-size: 12px;
}


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


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

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

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


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

.large.button, input[type="submit"], .action-button.large a, .large-button .button, .book-mark > a {
    font-size: 1em;
    line-height: 1.5em;
    padding: 12px 26px 12px;
}

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

.clear-button {
  background-color: transparent !important;
  border: 1px solid #fff !important;
}

.contact-button {
    background-image: url(/userfiles/css/images/smallnotify.png);
    padding-left: 40px;
    background-position: 8px center;
}

.recommend.button {
    background-image: url(/userfiles/css/images/spotlight-small.png);
    padding-left: 40px;
    background-position: 8px center;
    background-size: 26px;
}


.launch.button {
    background-image: url(/userfiles/css/images/rocket.png);
    padding-left: 50px;
    background-position: 12px center;
    background-size: 26px;
    text-transform: uppercase;
    font-weight: bold;
}

.review-business.button {
    background-image: url(/userfiles/css/images/star.png);
    padding-left: 40px;
    background-position: 8px center;
    background-size: 26px;
}


.nominate.button {
    background-image: url(/userfiles/css/images/trophy-small.png);
    padding-left: 40px;
    background-position: 8px center;
    background-size: 26px;
}


.view.button {
    background-image: url(/userfiles/images/search.png);
    padding-left: 40px !important;
    background-position: 8px center;
    font-size: 14px;
    line-height: 24px;
    background-size: 28px;
}

.add-business.slim-button {
    background-image: url(/userfiles/css/images/add-business.png);
    background-size: 24px;
    padding-left: 44px !important;
    background-position: 10px center;
}

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


.back-button .button {
    background-image: url(/userfiles/css/images/return.png);
    background-position: 12px center;
    background-size: 22px;
    padding-left: 50px;
}

.submit-button > input {
    background-image: url(/userfiles/css/images/send-message.png);
    background-position: 12px center;
    padding-left: 55px !important;
    background-size: 30px;
}


.full-button {width:100% !important;}


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

.layout .submit-button > input.go {
    background-position: 12px center;
    padding-left: 44px !important;
    background-size: 22px;
}
  
}

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

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

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


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

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

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

.bg-1 {background-color: #f0f0f0;}
.bg-2 {background-color: #3b3b3b;}

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

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

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 p b,
body > .layout .fill-2 b,
body > .layout .fill-2 i,
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: #ffffff;
}


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

body > .layout > .footer .footer-bg {
    background-image: url(/userfiles/css/images/footer.jpg);
    background-position: center;
    background-size: cover;
}


body > .layout .footer-bg > .i {
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: rgba(0, 0, 0,0.5);
}

body > .layout .footer-bg h1,
body > .layout .footer-bg h2,
body > .layout .footer-bg h3,
body > .layout .footer-bg h4,
body > .layout .footer-bg label,
body > .layout .footer-bg div,
body > .layout .footer-bg p,
body > .layout .footer-bg span,
body > .layout .footer-bg li a,
body > .layout .footer-bg li:hover a,
body > .layout .footer-bg a:link,
body > .layout .footer-bg 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: #757575;}

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

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

label, legend {color:#44444;}

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


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


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

a, a:link {color: #174b99;}

a:hover {color: #22323b;}

a:visited {color: #174b99;}


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

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


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

.go, input.go, a.go {
    background-color:   #1e74bf;
    color:              #ffffff;
}

.file .button, .file .button:hover {
    background-color: #383a3c;
}

.go:hover, input.go:hover,a.go:hover {
    background-color:   #1a5080;
    color:              #ffffff;
}


a.edit {
    background-color:   #1e74bf;
    color:              #ffffff;
}

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


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

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


/***MENUCOLOURS*****/

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

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

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

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

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

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

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

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


/**SUBMENU***/

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

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

.main-menu ul.menubar li ul li a span {color: #FFFFFF;}

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

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


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

.header .main-menu {background-color:transparent;}


/****RESPONSIVE MENU*****/

.responsive-menu .mod_sub_layout .layout-cell.istart, 
.responsive-menu .slaved {
 background-color: #000000; 
}


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

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

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

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

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


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


body {border-color:#969696;}

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

.mini {border-color:#969696;}

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



/*****/

.lightgrey-bg {background-color:#efefef;}
.slate-bg {background-color: #333; color:#fff;}
.slate-bg label, .slate-bg p {color:#fff;}

/******BLUE - BUSINESS THEME******/


.blue-bg, a.blue-bg, .blue .collation-item-link, body > .layout .layout-cell .preview.business-listing .subcat-link a,
.layout .collapse-form.blue-form > .layout-cell > label {
background-color:#1e74bf; color:#fff;}

a.blue-bg:hover, .blue .collation-item-link:hover {background-color:#1a5080; color:#fff;}
.blue-promo h4 {border-left-color: #2f7dac;}


.desc-block:hover a.blue-bg {background-color:#1a5080;}



.layout .related-cell .tab-container .lm-tab[data-tab-name="More Like This"] {
      background-image: url(/userfiles/css/images/more.png) !important;
}




/********GREEN - LOCATION THEME*********/

.green-bg, a.green-bg, input.green-bg, .green .collation-item-link, .message.button {background-color: #a3b818;}

a.green-bg:hover, input.green-bg:hover, .green .collation-item-link:hover, .message.button:hover {background-color:#306214;}
.green-promo h4 {border-left-color: #568a38;}


/********PURPLE - BLOG THEME*********/

.purple-bg, a.purple-bg, .purple .collation-item-link,
.pt-blogs .mobile-menu > label,
.layout .collapse-form.purple-form > .layout-cell > label {background-color:#886083; color:#fff;} 

a.purple-bg:hover, .purple .collation-item-link:hover,
.pt-blogs .mobile-menu > label:hover {background-color:#99488f; color:#fff;}

.purple-promo h4 {border-left-color:#886083;}


.layout .related-cell .tab-container .lm-tab[data-tab-name="Related Blogs"] {
    background-image: url(/userfiles/images/speech-bubble.png) !important;
}


/********NAVY - NEWS THEME*********/

.navy-bg, a.navy-bg, .navy .collation-item-link, .pt-news .mobile-menu > label,
.layout .collapse-form.navy-form > .layout-cell > label {
    background-color: #3b5775;
    color: #fff;
}


a.navy-bg:hover, .navy .collation-item-link:hover, .pt-news .mobile-menu > label:hover {
    background-color: #384b60;
}


/*******TURQ - SHOP THEME*********/

.turq-bg, a.turq-bg, .turq .collation-item-link,
.layout .collapse-form.turq-form > .layout-cell > label {
    background-color: #2fa297;
    color: #fff;
}

a.turq-bg:hover, .turq .collation-item-link:hover, .pt-shop .mobile-menu > label:hover {background-color:#32998f;}

.turq-promo h4 {border-left-color:#2fa297;}


/******ORANGE - EVENT THEME*******/

.orange-bg, a.orange-bg, .orange .collation-item-link, .pt-events .mobile-menu > label,
.layout .collapse-form.orange-form > .layout-cell > label {background-color:#d98c47;}

a.orange-bg:hover, .orange .collation-item-link:hover, .pt-events .mobile-menu > label:hover {background-color:#bb6a21;}
.orange-promo h4 {border-left-color: #d98c47;}



/*********RED OFFERS THEME*********/


.red-bg, a.red-bg, .red .collation-item-link, body > .layout .layout-cell .preview.red .subcat-link a, .book-mark > a,
.layout .collapse-form.red-form > .layout-cell > label {
    background-color: #cc3b3b;
    color: #fff;
}


a.red-bg:hover, .red .collation-item-link:hover,
.pt-offers .mobile-menu > label:hover,
.book-mark > a:hover {background-color:#a82a2a; color:#fff;}

.red-promo h4 {border-left-color:#a82a2a;}



/***********PINK PROFILES THEME********/

.pink-bg, a.pink-bg, .pink .collation-item-link, body > .layout .layout-cell .preview.pink .subcat-link a,
.layout .collapse-form.pink-form > .layout-cell > label {
    background-color: #c23376;
    color: #fff;
}


a.pink-bg:hover, .pink .collation-item-link:hover,
.pt-profiles .mobile-menu > label:hover {background-color:#c23376; color:#fff;}

.pink-promo h4 {border-left-color:#c23376;}


/*******LIGHT*********/


.light h3 {color:#333;}
.light-bg, a.light-bg, .light .collation-item-link {
    background-color: #333;
    color: #fff;
}

.green-bg label, .green-bg p, .green-bg div, .green-bg h4, .green-bg h3 {color:#fff;}
.orange-bg label, .orange-bg p, .orange-bg div, .orange-bg h4, .orange-bg h3 {color:#fff;}
.blue-bg label, .blue-bg p, .blue-bg div, .blue-bg h4, .blue-bg h3 {color:#fff;}



.layout .collation-item-link.inflate {background-color:transparent !important; z-index:10;}

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

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

/*sub menu positioning */

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

ul.vertical li, .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;
}

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



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

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

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

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

}



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




.header .main-menu {}

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

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

.header .main-menu > .menubar > li > a {
padding:0px 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 */
/********HEADER / RESPONSIVE MENU**********/


body > .layout > .header {
    background-color: rgba(0, 0, 0, 0);
    position: fixed;
    top: 0px;
    left: 0px;  
    z-index:1000;
}

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


body.no-banner > .layout > .header, 
body > .layout > .header.slim, .header-slave {
    background-color: rgba(0, 0, 0, 1);    
}


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

.homepage .header .image {
    opacity: 0;
}

body.homepage > .layout > .header.slim .image {opacity:1;}

.header .empty.trigger {display:inline-block !important;}


@media screen and (max-width:760px) {
  
  .header .empty.trigger.mob-hide {display:none !important;}
  
  }


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

.header .menu-icon {
    height: 90px;
    line-height: 50px;
    cursor:pointer;
    padding-top: 8px;
    margin-left:0.5%;
}

.header .menu-icon img {
    width: 35px;
}

.header .menu-icon label {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    font-size: 12px;
    line-height: 14px;
    cursor: pointer;
    margin-top: 6px;
}

.header-slave {
  position: fixed !important;
  padding: 12px 24px;
  z-index: 10;
  overflow-y: auto;
  height: 100%;
  color:#fff;
  top:0px;
}

.header-slave > .i {margin-bottom:200px;}

.header-slave.open { 
    left:0%;
    opacity:1;
  }
  

.header.slim .header-slave {
}

.no-banner .header-slave {
}


.slave-close {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 10000;
    background-color: #910909;
    padding: 6px 12px;
    font-size: 12px;
    color: #fffdfd !important;
}

/********slave contents*********/


.header .menu-intro .component-footer {
    border-top: 2px solid #fff;
    margin: 12px 0px 24px;
    padding: 12px 0px;
    border-bottom: 2px solid #fff;
}
.header .menu-intro .component-footer img {
    width: 24px;
    margin-right: 6px;
}

.header .tab-container {margin-top:12px;}

.header .tab-container .lm-tab {
  font-size: 16px;
  padding: 12px 16px;
  line-height: 20px;
  background-color: #333;
  display: inline-block;
  border: 1px solid #fff;
  width: auto;
  margin-right: 1%;
  border-radius: 2px;
  opacity: 0.5;
}

.header .tab-container .lm-tab.active, .header .tab-container .lm-tab:hover {
    background-color: #1e74bf;
    opacity:1;
}
.header .lm-tab-wrapped {
    border: 1px solid #fff;
    margin-top: -1px;
    background-color: #333;
    border-radius: 0px 2px 2px 2px;
}


.header .lm-tab-wrapped .menu .menubar {
    padding: 12px;
}

.header-slave .menu {}
.header-slave .menu li {}
.header-slave .menu li a {
    padding: 4px;
}

.header-slave .menu {
margin-bottom:12px;
}

.header-slave .menu.vertical li {
    margin-bottom:12px;
}


.header-slave .menu label {
  width: 100% !important;
  background-color: #1e74bf;
  padding: 8px;
  border-bottom: 1px solid #fff;
  margin-bottom: 12px;
  border-top: 1px solid #fff;
  margin-top: -1px;
}

.header-slave .menu li img {
  margin-right: 8px;
  float: left;
  width: 24px;
}

.header-slave .menu.verical li .link-text {
    white-space: normal;
}

.header-slave .menu.vertical li:hover .link-text {
    text-decoration:underline;
}

.header-slave .menu.triple-vertical li {
    width: 32% !important;
    display: inline-block !important;
    margin-right:1%;
}



.header-slave .menu .component-topper h3 {
    display: inline-block;
    margin-right: 12px;
    line-height: 30px !important;
    margin-bottom: 12px;
}

.header-slave .menu .component-topper h3 a {
    font-weight: bold;
    text-decoration: underline;
    color: #e6e7e8;
    font-size: 18px;
    text-transform: uppercase;
}


.header .menu-intro .component-footer span {
  font-size: 12px;
}

.header .social-block {margin-top:8px;}
.header .social-block img {width:20px; margin-left:8px;}



.header-slave .menu li a span {
  display: inline-block;
  white-space: normal;
}



/*******DESKTOP*********/


@media screen and (min-width:1001px) {
.header-slave {
  left: -75%;
  width: 75%;
}

.menu-intro h3 {
  font-size: 20px;
  font-weight: normal;
}


}


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

body {
    padding-top: 78px;
}


.header {
    background-color: rgba(0, 0, 0, 1) !important;
}

.header .image {
    padding-top: 15px;
    padding-bottom: 12px;
    max-width: 140px;
}

.header .menu-icon {
  height: 78px;
  line-height: 50px;
  padding-top: 2px;
}

.header .menu-icon label {
    font-size: 10px;
    margin-top: 3px;
}

.header .menu-icon img {
    width: 32px;
}

.header-slave {
  top: 78px;
      left: -95%;
  	width: 95%;
}

.menu-intro h2 {
  font-size: 30px;
}

.menu-intro h3 {
  font-size: 18px;
  font-weight: normal;
}

}



/*******MOBILE*********/

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


.header .menu-icon {
  height: 76px;
  line-height: 46px;
  margin-left: 1%;
  padding-top: 6px;
}

.header .menu-icon label {
    font-size: 9px;
    margin-top: 4px;
}

.header .menu-icon img {
    width: 26px;
}

.header-slave {
  left: -100%;
  width: 100%;
}



.header .tab-container {
  margin-top: 12px;
  display: flex;
  gap: 1%;
}


.header-slave .menu.triple-vertical li {
    width: 48% !important;
    display: inline-block !important;
}

.header .tab-container .lm-tab {
  font-size: 12px;
  margin: 0px !important;
  flex-grow: 1;
}

}



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

body {
    padding-top: 74px;
}


.header .image {
    width: 118px !important;
}


.header .header-left {width:24.2% !important;
padding-top:4px;}

.header .header-right {width:75.8% !important;}

.header .menu-icon {
    height: 60px;
    line-height: 40px;
    margin-left: 2%;
}

.header .menu-icon label {
    font-size: 10px;
    margin-top: 4px;
}

.header .menu-icon img {
    width: 30px;
}

.header-slave .menu.triple-vertical li {
    width: 100% !important;
    margin-right:0px !important;
}


.header-slave {
    top: 74px;
}


}



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

    .header .empty.trigger.small-mob-hide {display:none !important;}

}


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

    .header .empty.trigger.extra-small-mob-hide {display:none !important;}

}



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

.header .tab-container .lm-tab {
  font-size: 12px;
  margin: 0px !important;
  width:auto;
}


    .header .empty.trigger.tiny-mob-hide {display:none !important;}



}
 /* Begin CSS Part: Editor Overrides */

 /* Begin CSS Part: Specials */

 /* Begin CSS Part: Effects */
.slaved, body > .layout > .header .layout-cell, 
body > .layout > .header, header-slave,
.slide-image .gallery-image .image-title,
.gallery.preview .collation-item-link.inflate,
.message-cell.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;
}



.header .menu-icon:hover img, .image-thumb img:hover {
-moz-transform: scale(1.1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-webkit-transform: scale(1.1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-o-transform: scale(1.1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-ms-transform: scale(1.1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
transform: scale(1.1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);

}



.gallery-outer .thumb-container .gallery-thumbs .gallery-thumb, .desc-block .quick-listing a, .nested-cats > .iteration .title,
.image-thumb img, .ps-tab-container .attribute-filter-tab label, .social-follow a {
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -ms-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
}



@media screen and (min-width:640px) {
  
.transition, .transition *, .button, input[type="submit"] {
  -webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}

 
}



.browse-nav .layout-component:hover img, .social-follow a:hover {
   animation: bounce 1s infinite; //other browsers
   -webkit-animation: bounce 1s infinite; //webkit browsers
   -moz-animation: bounce 1s infinite; //firefox
   -o-animation: bounce 1s infinite; //opera
}



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






/*
==============================================
bigEntrance
==============================================
*/


.bigEntrance {
	animation-name: bigEntrance;
	-webkit-animation-name: bigEntrance;	

	animation-duration: 8s;	
	-webkit-animation-duration: 8s;

	animation-timing-function: ease-out;	
	-webkit-animation-timing-function: ease-out;	

	visibility: visible !important;			
}

@keyframes bigEntrance {
	0.1% {
		transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
		opacity: 0.2;
	}
	30% {
		transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);		
		opacity: 1;
	}
	45% {
		transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
		opacity: 1;
	}
	60% {
		transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);		
		opacity: 1;
	}	
	75% {
		transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
		opacity: 1;
	}
	90% {
		transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);		
		opacity: 1;
	}	
	100% {
		transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
		opacity: 1;
	}		
}

@-webkit-keyframes bigEntrance {
	0.1% {
		-webkit-transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
		opacity: 0.2;
	}
	30% {
		-webkit-transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);		
		opacity: 1;
	}
	45% {
		-webkit-transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
		opacity: 1;
	}
	60% {
		-webkit-transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);		
		opacity: 1;
	}	
	75% {
		-webkit-transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
		opacity: 1;
	}
	90% {
		-webkit-transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);		
		opacity: 1;
	}	
	100% {
		-webkit-transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
		opacity: 1;
	}				
}



/********FADE UP***********/

.layout .fadeinslow {opacity:0;}


.layout .fadein {
  animation: fadeIn 2s;
  -webkit-animation: fadeIn 2s;
  -moz-animation: fadeIn 2s;
  -o-animation: fadeIn 2s;
  -ms-animation: fadeIn 2s;
  
  opacity:1;
}


@keyframes fadeIn {
  0.00% {opacity:0;}
  100% {opacity:1;}
}

@-moz-keyframes fadeIn {
  0.00% {opacity:0;}
  100% {opacity:1;}
}

@-webkit-keyframes fadeIn {
  0.00% {opacity:0;}
  100% {opacity:1;}
}

@-o-keyframes fadeIn {
  0.00%{opacity:0;}
  100% {opacity:1;}
}

@-ms-keyframes fadeIn {
  0.00% {opacity:0;}
  100% {opacity:1;}
}



 /* Begin CSS Part: Site Design */
/****************section styles*************/


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

.bottom-fibre:after, .banner-image: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;
}


.slate-bg {padding-top:50px; padding-bottom:50px;}

.slate-bg:before, .slate-bg:after {
  content: " ";
  position: absolute !important;
  width: 100%;
  display: inline-block;
  height: 40px;
  background-size: contain;
  background-repeat: repeat-x;
  background-position: top;
  left: 0;
  z-index: 10;

}

.slate-bg:before {
  background-image: url(/userfiles/css/images/topfibres.png);
      top: 0;
}

.slate-bg:after, .banner-image:after {
  background-image: url(/userfiles/css/images/bottomfibres.png);
  bottom: -1px;
}





.logo-overlay {
    position: absolute;
    top: 20%;
    z-index: 9999999999 !important;
    max-width: 70% !important;
    left: 15%;
}



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


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




/********Large Header*********/

.large-header > label {
    font-size: 2em;
    text-align: center;
    line-height: 1.5em;
    margin-bottom: 12px;
    text-transform: uppercase;
}


.sub-note {
    background-color: #efefef;
    padding: 12px;
}



/****************SECTION GRIDS****************/

.grid-sect img {
    border-radius: 4px;
    box-shadow: 0px 20px 20px -20px #000;
    width:100%;
}

.grid-sect > label {
  font-size: 22px;
  margin-bottom: 12px;
  padding: 4px 0px;
  color: #333;
  text-transform: uppercase;
}


.grid-sect .layout-component {
  margin-bottom: 12px;
}

.grid-sect .layout-component .component-topper {position:relative;}

.grid-sect .layout-component .component-topper h4 {
  position: absolute;
  bottom: 10px;
  background-color: rgba(255, 253, 253, 0.8);
  padding: 12px 24px;
  width: auto;
  text-align: left;
  box-shadow: -20px 0px 14px -8px rgba(0, 0, 0,0.6);
  border-left-width: 12px;
  border-left-style: solid;
  right: 0px;
  line-height: 14px;
  font-weight: bold;
  max-width: 75%;
  text-transform: uppercase;
  border-radius: 0px 0px 0px 0px;
  font-size: 12px;
}


.grid-sect .layout-component .content {
  padding: 0px 12px 24px;
}






/**********LOCATIONS GRID**********/

body > .layout .full-width.location-tabs {
    background-color: #efefef;
    background-image: url(/userfiles/image_cache/scrollers/775/expand-crop/3000-x-1500/Country-Sun.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
}

.layout .location-tabs .tab-container .lm-tab {
    width: auto;
    display: inline-block;
    background-color: #333;
    color: #fff !important;
    padding: 4px 16px 4px 32px;
    font-size: 14px;
    line-height: 28px;
    margin-right: 12px;
    opacity:0.5;
}

.layout .location-tabs .tab-container .lm-tab {
    background-image: url(/userfiles/css/images/info-small.png);
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: 6px center;
}

.layout .location-tabs .tab-container .lm-tab + .lm-tab {background-image: url(/userfiles/css/images/clock.png);}
.layout .location-tabs .tab-container .lm-tab + .lm-tab + .lm-tab {background-image: url(/userfiles/css/images/more.png);}

.layout .location-tabs .tab-container .lm-tab.active {opacity:1;}
.layout .location-tabs .tab-container .lm-tab:hover {opacity:1;}

.layout .location-tabs .lm-tab-wrapped {
    background-color: #fff;
    box-shadow: 0px 20px 24px -22px rgba(0, 0, 0,0.5);
}


.layout .location-tabs .lm-tab-wrapped .lm-tab-controlled > h2 {
    background-color: #333;
    color: #fff;
    font-size: 24px;
    padding: 12px;
    margin-bottom:0px !important;
}

.layout .location-tabs .lm-tab-wrapped .lm-tab-controlled > label {
    padding: 8px 12px 8px;
    color: #333;
    margin-bottom: 24px;
}

/*******LOCATION QUICK LINKS**********/


.services-grid .layout-component {
    display: inline-block !important;
    }



.services-grid .layout-component h4 {
    background-color: #e8e8e8;
    color: #2b2b2b;
    padding: 12px 0px 0px;
    margin-top: 12px;
    font-weight: bold;
}

.services-grid .layout-component .content {
    padding: 12px;
    box-shadow: 0px 150px 100px -130px inset rgba(0, 0, 0, 0.15);
}


.services-grid .layout-component img {
    width: 45%;
    margin-bottom:12px;
}


/**********BROWSING NAV*******/

.browse-nav {padding:20px 12px;}
.browse-nav .layout-component {margin-top:10px; margin-bottom:10px;}
.browse-nav .layout-component label {
    text-transform: uppercase;
    margin: 12px 0px 0px;
}

.browse-nav .layout-component p {
    font-size: 10px;
    margin-bottom: 0px !important;
    line-height: 16px;
}


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

.browse-nav .layout-component img {
    max-width: 35px;
}

}


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



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

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


.split-sect::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;
}



.split-sect > .i > .layout-cell {
  padding: 24px;
}


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

.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 > .i {max-width:610px;}

.split-sect > .i > .layout-cell.left-cell {
  padding: 50px 50px 50px 24px;
}

.split-sect > .i > .layout-cell.right-cell {
  padding: 50px 24px 50px 50px;
}

}




.split-sect > .i > .layout-cell > .i {
  min-height: 315px;
}


.split-sect > .i > .layout-cell.nomin > .i {
  min-height: 115px;
}


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



.split-sect > .i > .layout-cell > .i {
  display: flex;
  align-content: center;
  align-items: center;
}


.split-sect > .i > .layout-cell p {
  font-size: 16px;
  line-height: 24px;
}


.split-sect > .i > .layout-cell.large-text p {
  font-size: 18px;
  line-height: 24px;
}


.colour-block h2,
.colour-block h3,
.colour-block p,
.colour-block a,
.colour-block b, 
.colour-block strong,
.colour-block i,
.colour-block em,
.colour-block li {color: #fff;}


.colour-block .button {
  background-color: rgba(0, 0, 0,0.1);
  border: 1px solid #fff;
}

.colour-block .button, 
.clear-block .button {
  font-size: 16px;
  padding: 8px 24px;
  margin-top: 24px;
  margin-right: 12px;
}



.split-sect > .i > .layout-cell.img-bg h2 {
  font-family: 'Born Ready';
  text-transform: initial;
  color: #fff;
  font-size: 5em !important;
  text-shadow: 1px 1px 12px rgba(0, 0, 0, 0.5);
}



.split-sect > .i > .layout-cell.img-bg {
  background-size: cover;
  background-position: center;
}


.split-sect > .i > .layout-cell.explore-img {
background-image: url(/userfiles/css/images/footer.jpg);
}


.split-sect > .i > .layout-cell.add-business-block {
    background-image: url(/userfiles/css/images/large-plus.png);
    background-repeat: no-repeat;
    background-position: 130% 150%;
}

.split-sect > .i > .layout-cell.support-business-block {
    background-image: url(/userfiles/css/images/large-search.png);
    background-repeat: no-repeat;
    background-position: -15% -25%;
    background-color:#fff !important;
}



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


.split-sect > .i > .layout-cell {
    padding: 50px 24px;
}

}





#locations > .i {
    margin-top: 12px;
}


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

.footer {
}

.footer .mod_sub_layout > .contain {}

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

.footer .contain .tab-col1 {border-bottom:4px solid #fff; padding-bottom:24px; margin-bottom:24px;}

}


.inline-contact {margin-bottom:12px;}

.inline-contact > label {
    display: inline-block;
}

.inline-contact > div {
    display: inline-block;
}


.footer-bg .layout-cell > label {
    font-size: 2em;
    margin-bottom: 24px;
    text-transform: uppercase;
}

.footer-bg li:hover a {
    text-decoration: underline;
}

.footer-bg ul.menubar li a {
    padding: 2px 0px !important;
}

.footer-bg li ul {display:none !important;}


.footer-bg .social-block img {
    width: 30px;
    margin-left: 12px !important;
}


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

.footer .slim-footer .menu li a {padding-left:8px !important; padding-right:8px !important;}
 /* Begin CSS Part: User Design */

 /* Begin CSS Part: Site Components */
/****CUSTOM SCROLLERS*****/

/***General****/

.beta-scroller-container > .slide-container {max-width:100% !important;}

.full-width.banner-image img {width:100%; max-width:100%;}

.slide {vertical-align:top; display:inline-block;}


/****MAIN BANNER***********/


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

.banner-image .slide-content {
    position: absolute;
    top: 35%;
    width: 100%;
    margin: auto;
    text-align: center;
    z-index: 100000000000;
}

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

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

.banner-image .slide-content p {
    margin: 12px 0px;
    font-size: 20px;
    line-height: 28px;
}


.banner-image .slide-content .button {
    margin-top: 24px;
    margin-left: 12px;
}

.banner-image .slide-content * {color:#fff !important;}


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

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

}

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

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

}


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

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


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

}

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

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

}



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

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

  

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

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

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

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







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

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

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

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

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

}

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

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

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


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

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



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






 /* Begin CSS Part: Results */

 /* Begin CSS Part: Pages */
/********GENERAL BANNER*************/

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

.banner-content .nested-banner {
  position: absolute;
  top: 0px;
  height: 100%;
  display: flex;
  align-items: center;
}

.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) {


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

}



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


.listing-banner-content .nested-banner h1 {
    font-size: 3em;
    line-height: 1.2em;
}

}


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

.listing-banner-content .nested-banner h1 {
    font-size: 2.5em;
    line-height: 1.2em;
}

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


}


/************SOCIAL MEDIA***********/

.social-follow label {
    text-transform: uppercase;
    margin-bottom: 6px;
}

.social-follow a {
    background-color: #333;
    display: inline-block;
    padding: 12px;
    border-radius: 50%;
    margin-right:12px;
}

.social-follow a img {
    width: 30px;
    padding: 2px !important;
}


.social-follow a.facebook:hover {
    background-color: #1877F2;
}

.social-follow a.twitter:hover {
    background-color: #1da1f2;
}

.social-follow a.instagram:hover {
    background-image: url(/userfiles/css/images/instabg.jpg);
background-size: cover;
}

.social-follow a.linkedin:hover {
    background-color: #0077b5;
}


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

.team-member {
    background-color: #efefef;
    padding: 24px 12px;
    margin-bottom: 24px;
}

.team-member label {display:none !important;}

.team-member .name {
    font-size: 28px;
    vertical-align: bottom;
    line-height: 30px;
}

.team-member .role {
    vertical-align: bottom;
    margin-left: 6px;
    font-style: italic;
    font-weight: bold;
    color: #872a3f;
}

.team-member .bio {
    border-top: 1px solid #ccc;
    margin-top: 12px;
    padding-top: 12px;
    font-size: 14px;
    line-height: 22px;
}

.team-member .email-address {
    margin-left: 12px;
    vertical-align:bottom;
}

.team-member .name, .team-member .role, .team-member .email-address {display:inline-block; width:auto !important;}



.bordered-image {
    border: 2px solid #ccc;
    padding: 24px;
}



.services-sect, .services-sect .services-grid {padding-top:24px; border-top:1px solid #ccc; padding-bottom:24px;}

.services-sect .services-grid {
    margin-top: 24px;
}




/******DESIGN*******/

.image-table {
    width: 100%;
    text-align: center;
}

.image-table img {width:85%;}


/*****BUILD******/

.table-group {
    display: inline-block;
    margin-bottom: 24px;
    width: 100%;
    padding-bottom: 12px;
}

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

.table-block {
    display: inline-block;
    width: 50%;
    float: left;
}

.table-block, .table-block label {
    font-size: 14px;
    color: #757575;
}

table.double-image {
    width: 100%;
    margin-top:4px;
}

.table-block img {
    width: 85%;
    border: 1px solid #ccc;
    box-shadow: 0px 25px 20px -22px rgba(0, 0, 0, 0.4);
}




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

.content-section .layout-component.company-info {
    padding: 12px;
}

.content-section .layout-component.company-info .company-info-part {
    margin-bottom: 4px;
    font-size: 16px;
    background-repeat: no-repeat;
    padding-left: 40px;
    background-size: 20px;
    background-position: 4px 6px;
    font-weight: bold;
    padding-top: 6px;
    padding-bottom: 6px;
    color: #555;
}

.content-section .company-info-part.name {background-image: url(/userfiles/images/role.png);}
.content-section .company-info-part.telephone {background-image: url(/userfiles/images/phone.png);}
.content-section .company-info-part.email {background-image: url(/userfiles/images/mail.png);}
.content-section .company-info-part.address {background-image: url(/userfiles/images/pin.png);}




 /** Begin CSS Section: modules */

 /* Begin CSS Part: 404 */

 /* Begin CSS Part: Admin */

 /* Begin CSS Part: Auto Pdf */

 /* Begin CSS Part: Basket */

 /* Begin CSS Part: Booking */

 /* Begin CSS Part: Calculator */

 /* Begin CSS Part: Calendar */

 /* Begin CSS Part: Categories */
.heading-cat, .iteration.preview  {
  background-color: #fff;
  padding: 12px;
  border: 1px solid #ccc;
  box-shadow: 0px 2px 20px -10px rgba(0, 0, 0, 0.5);
  margin-bottom:12px;
  }



.inner-bc {
    color: #333 !important;
    font-weight: bold;
    margin-bottom: 12px;
}

.inner-bc > a {
    display: inline-block;
    font-size: 12px;
    padding: 8px 12px 8px 32px;
    background-color: #333;
    color: #fff !important;
    border-radius: 4px;
    background-image: url(/userfiles/css/images/home-icon.png);
    background-repeat: no-repeat;
    background-position: 8px center;
    background-size: 18px;
}


.contacts .button {
    display: inline-block;
    padding: 12px 24px 12px 40px;
    color: #fff;
    background-repeat: no-repeat;
    background-position: 12px center;
    text-align: right !important;
    font-size: 14px;
    border-radius: 4px;
    line-height: 18px;
    background-size: 20px;
    border: none !important;
}

.contacts .button.add-business {
    background-image: url(/userfiles/css/images/pencil.png);
}


.contacts .button.contact-button {
    background-image: url(/userfiles/css/images/pencil.png);
}


.nested-cats .item-result-count {
    position: absolute;
    right: 12px;
    width: auto;
    top: 10px;
    font-size: 8px;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 22px;
    background-color: #6c6b6b;
    color: #fff;
}

/**********ATTRIBUTE FILTER************/

.column-filter > h3 {margin-bottom:0px !important;}

.main-bar .categories > h3, .main-bar .items > h3,
.collation-filter > h3, .main-bar .headed > h3 {
    background-color: #efefef;
    padding: 8px 12px;
}

.main-bar .categories > h4 {
    background-color: #efefef;
    padding: 12px;
}


.main-bar .headed .content {
    padding: 12px 0px;
    margin-bottom: 12px;
}

.column-filter .ps-header {border-bottom: 4px solid #1e74bf;}

.column-filter .ps-tab-container {width:auto; display:inline-block;}

.column-filter .result-count {
    display: inline-block;
    background-color: #333;
    padding: 8px 12px;
    font-size: 10px;
    color: #fff;
    font-weight: bold;
    position: absolute;
    top: 0px;
    right: 0px;
    height: 42px;
    line-height: 28px;
}

.column-filter .result-count label {display:none;}

.column-filter .result-count div {
    color: #fff;
    display: inline-block;
    font-weight: bold;
    height: 25px;
    line-height: 25px;
    font-size: 10px !important;
}

.column-filter .result-count div:after {content:" matches";}

.column-filter .ps-tab-container .attribute-filter-tab {
    display: inline-block;
    width: 100%;
    margin-bottom: 4px;
}

.column-filter .ps-tab-container .attribute-filter-tab > label {
 	width: 100%;
    display: inline-block;
    background-color: #333;
    padding: 8px 12px 8px 12px;
    border-radius: 2px 2px 0px 0px;
    color: #fff;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    vertical-align: bottom;
    background-position: 0% center;
    background-image: url(/userfiles/css/images/download.png);
    background-repeat: no-repeat;
    background-position: 90% center;
    background-size: 6px;
}

.column-filter .ps-tab-container .attribute-filter-tab:hover > label {
	background-color:#1e74bf;
    background-image: url(/userfiles/css/images/download.png);
    background-repeat: no-repeat;
    background-position: 90% center;
    background-size: 12px;
    padding: 8px 40px 8px 12px;
    font-size: 12px;
}


.column-filter .ps-tab-container .attribute-filter-tab.active > label, 
.column-filter .ps-tab-container .attribute-filter-tab.active:hover > label {
background-color:#1e74bf;
    background-image: url(/userfiles/css/images/download.png);
    background-repeat: no-repeat;
    background-position: 90% center;
    background-size: 14px;
    padding: 10px 40px 10px 12px;
}



.column-filter .attribute-filter-tab .attribute-set {
    border: 4px solid #1e74bf;
    border-top: none !important;
    padding: 12px;
    background-color: #efefef;
}


.column-filter .attribute-filter-tab .attribute-set .attribute-member {
    display: inline-block;
    width: auto;
    background-color: #fff;
    padding: 2px 8px;
    border-radius: 4px;
    cursor: pointer;
    border: 1px solid #ccc;
    position: relative;
    z-index: 10;
    margin-bottom: 4px;
    width: 100%;
}

.column-filter .attribute-filter-tab .attribute-set .attribute-member img {
    width: 20px;
    opacity: 0.65;
    display: inline-block;
    cursor: pointer;
    font-size:0px;
}

.column-filter .attribute-filter-tab .attribute-set .attribute-member label {
    display: inline-block;
    padding: 4px 4px 4px 2px !important;
    font-weight: bold;
    color: #535353;
    z-index: 0;
    position: relative;
    cursor: pointer;
    font-size: 12px;
}


.column-filter .attribute-filter-tab .attribute-set .attribute-member:hover {
    background-color: #333;
}

.column-filter .attribute-filter-tab .attribute-set .attribute-member.selected {
    background-color: #439343;
    background-image: url(/userfiles/css/images/tick.png);
    background-repeat: no-repeat;
    background-position: 96% center;
    background-size: 18px;
    border-color: #439343;
}

.column-filter .attribute-filter-tab .attribute-member:hover label,
.column-filter .attribute-filter-tab .attribute-member.selected label {color:#fff;}

.column-filter .attribute-filter-tab .attribute-member:hover img,
.column-filter .attribute-filter-tab .attribute-member.selected img {filter: brightness(0) invert(1); opacity:1;}





/*****MOBILE FILTER******/

.as-sets-container .attribute-set {
    border: 4px solid #1e74bf;
    border-top: none !important;
    padding: 12px;
    background-color: #efefef;
}


.as-sets-container .attribute-set .attribute-members .attribute-member {
    display: inline-block;
    width: auto;
    background-color: #fff;
    margin-right: 1%;
    padding: 6px 12px;
    border-radius: 4px;
    cursor: pointer;
    border: 1px solid #ccc;
    position: relative;
    z-index: 10;
    margin-bottom: 8px;
    width: 24.25%;
}

.as-sets-container .attribute-set .attribute-members .attribute-member:nth-child(4n+4) {margin-right:0px !important;}

.as-sets-container .attribute-set .attribute-members .attribute-member img {
    width: 20px;
    opacity: 0.65;
    display: inline-block;
    cursor: pointer;
}

.as-sets-container .attribute-set .attribute-members .attribute-member label {
    display: inline-block;
    padding: 4px 4px 4px 2px !important;
    font-weight: bold;
    color: #535353;
    z-index: 0;
    position: relative;
    cursor: pointer;
    font-size: 12px;
}


.as-sets-container .attribute-set .attribute-members .attribute-member:hover {
    background-color: #333;
}

.as-sets-container .attribute-set .attribute-members .attribute-member.selected {
    background-color: #439343;
    background-image: url(/userfiles/css/images/tick.png);
    background-repeat: no-repeat;
    background-position: 96% center;
    background-size: 18px;
    border-color: #439343;
}

.as-sets-container .attribute-set .attribute-members .attribute-member:hover label,
.as-sets-container .attribute-set .attribute-members .attribute-member.selected label {color:#fff;}

.as-sets-container .attribute-set .attribute-members .attribute-member:hover img,
.as-sets-container .attribute-set .attribute-members .attribute-member.selected img {filter: brightness(0) invert(1); opacity:1;}


/*********TOP LEVEL*******/

.strip-cat > div {
    border: 4px solid #1d73be; margin-bottom:24px;
}

.strip-cat > div > .description {
    padding: 12px;
}

.strip-cat-link > a {
    display: inline-block;
    width: 100%;
    background-color: #1d73be;
    color: #fff;
    padding: 8px 12px;
    font-size: 20px;
}


.circle-flow.iteration, .strip-cat .circle-grid .iteration {
    padding: 12px !important;
}



.banner-content .full-width > img, .bg-cta .full-width, .bg-cta .full-width > img {
    width: 100% !important;
    max-width: 100% !important;
}


.border-bottom-cell, .border-bottom > .layout-cell {
    border-bottom: 8px solid #ccc;
    padding-bottom: 24px;
}

.cta-strip {
  background-color: #fff;
  padding: 12px 0px;
  margin-bottom: 24px;
}

.cta-strip p {margin-bottom:0px !important;}

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

.cta-strip .col3 {width:100%; margin:0px !important;}
.cta-strip .col6 {width:49.5%;}

.cta-strip .button {
    width: 100%;
    font-size: 16px;
    line-height: 28px;
    padding-top: 8px;
    font-weight: bold;
    background-position: 12px center;
    background-size: 22px;
    border: none !important;
    box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.2) inset;
    margin-bottom: 8px;
    text-align: left !important;
    padding-left: 40px;
}

}

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

.cta-strip .button {
    width: 100%;
    font-size: 16px;
    line-height: 22px;
    padding-top: 48px;
    font-weight: bold;
    background-position: center 20%;
    background-size: 30px;
    border: none !important;
    box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1) inset;
}


}

.cta-strip .button.about {
    background-image: url(/userfiles/css/images/single-location.png);
}

.cta-strip .button.businesses {
    background-image: url(/userfiles/css/images/business-search.png);
}

.cta-strip .button.events {
    background-image: url(/userfiles/css/images/events-calendar.png);
}

.cta-strip .button.locations {
    background-image: url(/userfiles/css/images/all-locations-icon.png);
}

.cta-strip .button.blog {
    background-image: url(/userfiles/images/speech-bubble.png);
}

.cta-strip .button.shop {
    background-image: url(/userfiles/images/shop-bag1.png);
}

.cta-strip .button.offers {
    background-image: url(/userfiles/css/images/offers.png);
}

.cta-strip .button.add-business {
    background-image: url(/userfiles/css/images/add-business.png);
}

.cta-strip .button.list-event {
    background-image: url(/userfiles/css/images/alert.png);
}


/**********OPEN GRID****************/


.image-pop img, .open-grid-sect img {
    border-radius: 4px;
    box-shadow: 0px 20px 20px -20px #000;
        margin-bottom: 12px;
        width:100%;
}

.open-grid-sect .layout-component, 
.open-circle-grid .layout-component {margin-bottom:24px;}

.open-grid-sect h4 {
    text-transform: uppercase;
    font-size: 20px;
    margin-top: 12px;
    margin-bottom: 0px;
    padding-top: 6px;
    padding-bottom: 6px;
    font-weight: bold;
    color: #555;
}

.open-grid-sect label {
    color: #757575;
    font-style: italic;
    font-size: 12px;
}

.open-grid-sect .content {
}

.open-grid-sect .component-footer {}

.open-grid-sect p {font-size:12px; margin-bottom:12px;}

.open-circle-grid {
    border-top: 1px solid #ccc;
}

.open-circle-grid .layout-component img {
    border-radius: 50%;
    max-width: 200px;
    box-shadow: 0px 20px 20px -24px #000;
}

.open-circle-grid h4 {
    font-size: 18px;
        text-transform: uppercase;
    line-height: 22px;
    padding: 18px 0px 0px;
    font-weight: bold;
    color: #555;
}
   .open-circle-grid label {
    color: #757575;
    font-style: italic;
    font-size: 12px;
}
.open-circle-grid p {
    font-size: 12px;
    margin-bottom:12px;
}

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

.circle-grid .layout-component img, .open-circle-grid .layout-component img {
    max-width: 100px;
}

}



/******INFO COLUMN***********/

.info-column > .layout-component {margin-bottom:24px;}

.info-column img {border-radius:4px;}

/********WEB CTA***********/

.web-cta {
    padding: 12px;
}
.web-cta h3 {
    display: inline-block;
    color: #fff !important;
    font-size: 30px;
    vertical-align: top;
    margin-right:12px;
}

.web-cta .layout-component a.contact-button {
    background-image: url(/userfiles/css/images/smallnotify.png);
    padding-left: 40px;
    background-position: 8px center;
}


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

.web-cta h3 {
    font-size: 24px !important;
    margin-bottom: 12px;
    display: block;
}


.large-header > label {
    font-size: 26px;
    line-height: 36px;
}

}

.info-container > label {
    font-size: 40px;
    text-align: center;
    margin-bottom: 12px;
}

/********Headed Block**********/

.headed-block {background-repeat:no-repeat; border-radius:4px; overflow:hidden;}

.headed-block > .headed-block {margin:0px !important; padding:4px 12px;}

.headed-block > label {
    background-color: rgba(0, 0, 0,0.3);
    padding: 8px 12px;
    font-size: 24px;
    color: #fff;
    background-size: 34px;
    background-repeat: no-repeat;
    background-position: 98% center;
}


.headed-block > .content {padding:12px;}

.headed-block .pagination.ajax:first-child {
    display: none !important;
}

.headed-block .pagination.ajax {
    border-top: 2px solid rgba(255, 255, 255, 0.25);
    padding-top: 3px;
    border-bottom: 2px solid rgba(255, 255, 255, 0.25);
    padding-bottom: 4px;
    margin-top: 12px;
    text-align: right;
    background-color: rgba(0, 0, 0, 0.15);
}

.headed-block .pagination.ajax .pager-link {
    border-radius: 50%;
    width: 20px;
    height: 20px;
    padding: 0px;
    font-size: 8px;
    line-height: 20px;
    margin-right: 8px;
    background-color: transparent;
    border: 1px solid #fff;
}

.headed-block .pagination.ajax .pager-link:hover {background-color: rgba(0, 0, 0, 0.3);}


body .extend-listings {
  display: flex !important;
  flex-wrap: wrap !important;
}

body .extend-listings .desc-block {
  margin-right: 0px !important;
}



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

body .extend-listings {
  gap: 2%;
}

body .extend-listings .desc-block {
  flex-basis: 32% !important;
}


}

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

body .extend-listings {
  gap: 2%;
}

body .extend-listings .desc-block {
  flex-basis: 48% !important;
}


}


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


body .extend-listings .desc-block {
  flex-basis: 100% !important;
}


}



/******DESC BLOCK*********/


.desc-block {
  margin-bottom: 24px;
  background-color: #fff;
  padding: 12px;
  border: 1px solid #ccc;
  box-shadow: 0px 2px 20px -10px rgba(0, 0, 0, 0.5);
}

.desc-block > h4 {
    margin: 12px 0px 6px;
    font-size: 22px;
    color: #1b5180;
}

.pt-events .desc-block > h4, 
.pt-blogs .desc-block > h4, 
.pt-news .desc-block > h4, 
.pt-gallery .desc-block > h4, 
.pt-offers .desc-block > h4 {color:#333;}

.desc-block > label {
    margin: 0px 0px 12px;
    font-size: 12px;
    color: #555;
    font-style: italic;
}

.desc-block p {
    font-size: 12px;
    line-height: 20px;
}

.desc-block .component-footer {
    text-align: right;
    border-top: 1px solid #ccc;
    padding-top: 12px;
}


.desc-block .quick-listing {
    padding: 6px 2px;
    border-top: 1px dashed #888;
    margin: 0px !important;
    text-align: left !important;
}
.desc-block .quick-listing a {
    width: 100%;
    display: inline-block;
    text-align: left !important;
    background-image: url(/userfiles/css/images/location-mini.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 20px;
}

.desc-block .quick-listing:hover a {
background-image: url(/userfiles/css/images/visit.png);
    background-position: right center;
    padding-left: 0px;
}

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

.spotlight-block .breathecol4 {
    width: 100% !important;
    margin-right:0px !important;
}

}

/******INFO BLOCK*********/

.info-block > label {
background-image: url(/userfiles/css/images/info-small.png);
}

/******EVENTS BLOCK*********/

.events-block > label {
background-image: url(/userfiles/css/images/events-small.png);
}

.events-block .component-footer,
.news-block .component-footer,
.blogs-block .component-footer,
.offers-block .component-footer {text-align:center !important; padding:12px;}


.events-block .component-footer .button, .news-block .component-footer .button, .blogs-block .component-footer .button, .offers-block .component-footer .button {
  width: auto;
  font-size: 12px;
  line-height: 10px;
  padding-left: 32px;
  font-weight: bold;
  background-position: 10px center;
  background-size: 18px;
  margin: 0px 4px;
  min-width: 35%;
  background-color: rgba(0, 0, 0,0.1) !important;
  padding-right: 6px !important;
}

.events-block .button.list-event {
    background-image: url(/userfiles/css/images/alert.png);
}


.events-block .button.view-events {
    background-image: url(/userfiles/css/images/events-small.png);
}


.mini.article h4 {
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    padding-top: 6px;
}

.mini.article .icon {
    padding-right: 12px;
    }

.mini.article img {
    border-radius: 50%;
    border: 2px solid #fff;
}

.mini.article {
    padding: 8px;
    margin: 0px !important;
}

.mini.article:first-child {
    border-top: none !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
}

.mini.article + .mini.article {
    border-top: 1px solid rgba(255, 255, 255, 0.25);
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
}

.mini.article:last-child {border-bottom:none !important;}

.mini.article div {margin-bottom:0px !important;}
.mini.article .post-detail {}
.mini.article .post-detail label, .mini.article .post-detail .content {
    font-size: 10px;
    height: auto;
    line-height: inherit;
    color: #fff;
}


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

.mini.article > .col5 {
    width: 15.66% !important;
}

.mini.article > .col45 {
    width: 83.33% !important;
}

}



/*****BLOGS BLOCK********/

.blogs-block > label {
background-image: url(/userfiles/images/speech-bubble.png);
}


.blogs-block .button.list-blog {
    background-image: url(/userfiles/css/images/add-business.png);
}


.blogs-block .button.view-blogs {
    background-image: url(/userfiles/images/speech-bubble.png);
}

/*******NEWS BLOCK*****/

.news-block > label {
    background-image: url(/userfiles/images/news.png);
}


.news-block .button.list-news {
    background-image: url(/userfiles/css/images/add-business.png);
}


.news-block .button.view-news {
    background-image: url(/userfiles/images/news.png);
}


/*******OFFERS BLOCK*****/

.offers-block > label {
    background-image: url(/userfiles/css/images/offers.png);
}


.offers-block .button.list-offers {
    background-image: url(/userfiles/css/images/add-business.png);
}


.offers-block .button.view-offers {
    background-image: url(/userfiles/css/images/offers.png);
}



/**********STATS BLOCK**********/

.stats-block {
    background-image: url(/userfiles/css/images/statistics.png);
    background-size: 200px;
    background-position: 90% 120%;
}

.stats-block > label {
background-image: url(/userfiles/css/images/stats-small.png);
}

.stats-block .stat {
    float: none;
    clear: both;
    border-bottom: 1px solid rgba(255, 255, 255,0.2);
    padding: 6px 0px;
}
.stats-block .stat > label {
    display: inline-block;
    font-size: 18px;
}
.stats-block .stat div {
    display: inline-block;
    font-size: 20px;
    font-weight: bold;
    float: right;
    margin: 0px !important;
}
.stats-block p.note {text-align:right; font-size:10px; font-style:italic;}



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


.result-controls .order-by {
    white-space: nowrap;
}

.result-controls .order-by label {
    display: inline-block;
    width: 15%;
    text-align: center;
    background-color: #efefef;
    height: 40px;
    line-height: 40px;
    vertical-align: top;
}

.result-controls .order-by select {
display:inline-block;
width:85%;
}



/***********CAT HEADERS********/

.cat-header {
    border-bottom: 2px solid #454545;
    clear: both;
}

.cat-desc {
    padding: 12px;
    font-size: 12px;
    border-bottom:1px solid #ccc;
}

.cat-desc * {  font-size: 12px;}

.nested-cats {
    padding: 12px;
}

.nested-cats > .iteration {vertical-align:top;}

.nested-cats > .iteration .title {
    font-size: 14px;
    padding: 8px 4px 8px 24px;
    border-bottom: 1px solid #ccc;
    background-image: url(/userfiles/css/images/visit.png);
    background-repeat: no-repeat;
    background-size: 12px;
    background-position: 0px center;
}

.nested-cats > .iteration:hover .title{background-position: 6px center;}



body > .layout .layout-cell .subcat-link a {
    width: 100%;
    display: inline-block;
    padding: 12px 50px 12px 24px;
    background-color: #017719;
    color: #fff !important;
    background-image: url(/userfiles/images/search.png);
    background-repeat: no-repeat;
    background-position: 100% center;
    background-size: 40px;
    text-align: right !important;
    font-size: 14px;
    line-height: 18px;
    margin-right: 0px;
}

.subcat-link a:hover {background-color: darkgreen;}



.heading-cat .button.add-business {
    width: 100%;
    display: inline-block;
    padding: 12px 50px 12px 24px;
    color: #fff;
    background-image: url(/userfiles/css/images/pencil.png);
    background-repeat: no-repeat;
    background-position: 95% center;
    text-align: right !important;
    font-size: 14px;
    margin-right: 0px;
    border-radius: 0px;
    line-height: 18px;
    background-size: 26px;
    border: none !important;
}


.cat-add .button.add-business {
    width: auto;
    display: inline-block;
    padding: 12px 50px 12px 24px;
    color: #fff;
    background-image: url(/userfiles/css/images/pencil.png);
    background-repeat: no-repeat;
    background-position: 95% center;
    text-align: right !important;
    font-size: 14px;
    margin-right: 0px;
    border-radius: 0px;
    line-height: 18px;
    background-size: 26px;
    border: none !important;
}


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

.nested-cats > .iteration {
    width: 100%;
    margin: 0px !important;
}

}


/**********SIDE COLUMN***********/





/*******GENERAL PREVIEW********/

.preview {vertical-align:top;}
.preview.vertical {z-index:100; position:relative;}
.preview.vertical:hover {z-index:200;}

.preview .icon img {
    box-shadow: 0px 8px 8px -8px rgba(0, 0, 0,0.5);
    margin-bottom: 12px;
    border-radius: 4px;
}

.preview .title h3 {
    font-size: 24px;
    font-weight: bold;
    line-height: 34px;
    padding: 4px 12px;
    text-transform: uppercase;
}



.breathecol-res4.preview .title h3 {
    font-size: 18px;
    line-height: 24px;
}

.breathecol-res3.preview .intro-attributes > .collation-attribute-group,
.breathecol-res4.preview .intro-attributes > .collation-attribute-group {
    margin: 2px 6px !important;
}

.layout .preview.generic {
    margin-bottom: 24px !important;
}

.preview .title h4 {
    font-size: 13px;
    font-weight: bold;
    line-height: 20px;
    padding: 0px 4px;
    text-transform: uppercase;
}




.article.preview .abstract {
    padding: 0px 12px 12px;
}


.article.preview .abstract * {
    font-size: 12px !important;
}
    
.preview.article .post-detail {margin-bottom:12px;}

.preview.row-list {margin-bottom:8px !important;}

.preview.row-list .intro-attributes  > .collation-attribute-group {
    margin: 0px 6px;
}
    

.layout .preview .view-link .collation-item-link {
    background-image: url(/userfiles/images/search.png);
    background-position: 8px center;
    font-size: 14px;
    line-height: 24px;
    background-size: 26px;
    background-repeat: no-repeat;
    padding: 8px 16px 8px 40px;
    border-radius: 3px;
    display: inline-block;
    color: #fff !important;
    margin: 10px 0px;
}


body > .layout .preview .controls .subcat-link a {
    color: #fff !important;
    background-image: url(/userfiles/images/search.png);
    background-repeat: no-repeat;
    background-position: 98% center;
    background-size: 32px;
    text-align: right !important;
    font-size: 14px;
    line-height: 14px;
} 
   

.view-link .collation-item-link:hover {}  

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

.preview .controls .view-link {
    display: inline-block;
    width: 100%;
}

}


/***************BUSINESS PREVIEW****************/

.business-listing.preview .featured-icon {
    position: absolute;
    top: -10px;
    z-index: 20;
    left: -10px;
}


.business-listing.preview .featured-icon .collation-attribute-group {
    width: 50px;
    margin-left: 0px !important;
}


.business-listing.preview .featured-icon .attribute-main-description {
    position: absolute;
    width: 90%;
    background-color: #fff;
    font-size: 12px;
    padding: 12px;
    border: 1px solid #ccc;
    top: 50px;
    left: 0px;
    line-height: 18px;
    box-shadow: 0px 18px 18px -10px #000;
    display: none;
    opacity: 0;
}


.business-listing.preview .featured-icon:hover .attribute-main-description {display:inline-block; opacity:1;}



.topnumber .business-listing.preview .title h3::before {
    content: "1";
    width: 40px;
    height: 40px;
    display: inline-block;
    border-radius: 50%;
    background-color: #886083;
    text-align: center;
    color: #fff;
    margin-right: 12px;
    margin-bottom: 0px;
    font-size: 16px;
    vertical-align: top;
    font-weight: bold;
    line-height: 40px;
    border: 2px solid #fff;
    box-shadow: 0px 2px 5px -2px #000;
    margin-top: -4px;
}


.topnumber .business-listing.preview:nth-child(2) .title h3::before {    content: "2";}
.topnumber .business-listing.preview:nth-child(3) .title h3::before {    content: "3";}
.topnumber .business-listing.preview:nth-child(4) .title h3::before {    content: "4";}
.topnumber .business-listing.preview:nth-child(5) .title h3::before {    content: "5";}
.topnumber .business-listing.preview:nth-child(6) .title h3::before {    content: "6";}
.topnumber .business-listing.preview:nth-child(7) .title h3::before {    content: "7";}
.topnumber .business-listing.preview:nth-child(8) .title h3::before {    content: "8";}
.topnumber .business-listing.preview:nth-child(9) .title h3::before {    content: "9";}
.topnumber .business-listing.preview:nth-child(10) .title h3::before {   content: "10";}



.business-listing.preview .abstract {
    padding: 8px;
}

.business-listing.preview .abstract p, .business-listing.preview .abstract div, .business-listing.preview .abstract {
    font-size: 13px;
    line-height: 20px;
}

.preview .controls {
    border-top: 1px solid #ccc;
    margin-top:6px;
}


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

.preview .controls .intro-attributes {
    background-color: transparent !important;
    padding: 4px !important;
    margin-bottom: 0px !important;
}


.preview.vertical {margin-bottom:8px !important;}


.preview.vertical .intro-attributes > .collation-attribute-group {
    margin: 2px 6px !important;
}

.preview.vertical .intro-attributes > .collation-attribute-group .attribute-image {
    width: 20px;
    height: 20px;
}

.spotlightoverview > .attribute-name {display:none !important;}
.spotlightoverview .attribute-value  {
    font-size: 12px;
}


/*****ICON ONLY ATTRIBUTES********/


.mini-attributes {
    line-height: 0;
    padding: 0px 12px;
}
.mini-attributes .attribute-main-image, .mini-attributes .attribute-name {display:none;}

.mini-attributes .collation-attribute-group {
    display: inline-block;
    margin-right: 12px;
}

.mini-attributes .collation-attribute-group.offerconditions .attribute-image img  {
    opacity: 0.65;
}

.mini-attributes .collation-attribute {display:inline-block;}

.mini-attributes .collation-attribute .attribute-image {
    width: 30px;
    display: inline-block;
    margin-right: 4px;
}
.mini-attributes .collation-attribute .attribute-value {display:none;}


.mini-attributes .tastecardrequired .collation-attribute .attribute-image {
    width: 80px;
}

.mini-attributes .tastecardrequired .collation-attribute .attribute-image img {border-radius:2px;}
.mini-attributes .has-description {cursor:pointer;}
.mini-attributes .has-description .attribute-main-description {
    position: absolute;
    background-color: #333;
    padding: 12px;
    left: 30px;
    top: 30px;
    line-height: 18px;
    font-size: 12px;
    border: 2px solid #fff;
    z-index: 100;
    width: 50%;
    box-shadow: 0px 12px 16px -14px #000;
    color: #fff;
    display:none !important;
}

.mini-attributes .has-description .attribute-main-description a {color:#fff !important; text-decoration:underline;}

.mini-attributes .has-description:hover .attribute-main-description {display:inline-block !important;}

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


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



/*******EVENTS**************/


/*********BLOGS**********/


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

/*******PROFILES***********/


.preview.profile img {
    border-radius: 50%;
    border: 4px solid #fff;
}

.preview.profile.highlight {
    padding: 12px;
    background-color: #f0e3eb;
    border-radius: 4px;
}


.layout .preview.profile.highlight .view-link .collation-item-link {
    background-position: 4px center;
    font-size: 12px;
    line-height: 18px;
    background-size: 22px;
    padding: 8px 16px 8px 30px;
}


/******GALLERY*******/

.gallery.preview h3 {
    padding: 12px 0px 0px;
    font-size: 1.5em;
}

.gallery.preview img {
    box-shadow: 0px 14px 10px -10px rgba(0, 0, 0,0.5);
    border-radius: 4px;
    margin-bottom: 0px !important;
}


.gallery.preview .collation-item-link.inflate {
    background-color: rgba(0,0,0,0.5) !important;
    background-image: url(/userfiles/images/search.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size:75px;
    opacity: 0.75;
}

.gallery.preview .collation-item-link.inflate:hover {
background-color: rgba(0,0,0,0) !important;
    background-size:500px;
    opacity: 0;
}


/******PRODUCT CATEGORIES*********/


.mini.category h4 {
    text-transform: uppercase;
    padding: 10px 0px;
    font-size: 14px;
}


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

.mini.product {}

.mini.product h4 {}


/********SIDEBAR*********/


.mobile-menu > label {
    background-size: 24px;
    background-position: 12px center;
    text-align: left !important;
    padding-left: 44px !important;
    color: #fff !important;
    background-repeat: no-repeat;
    font-size: 18px;
    padding-top: 12px;
    padding-bottom: 12px;
    border-radius: 4px;
    margin-bottom: 12px;
}

.pt-blogs .mobile-menu > label  {
    background-image: url(/userfiles/images/speech-bubble.png);

}


.pt-events .mobile-menu > label  {
    background-image: url(/userfiles/images/time-and-date.png);
}

.pt-news .mobile-menu > label  {
    background-image: url(/userfiles/css/images/rss-small.png);
}


.side-bar h3 {
    margin-bottom: 6px;
    background-color: #efefef;
    padding: 8px 12px;
    border-bottom: 4px solid #333;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
}


.side-bar .desc-block img {max-width:60%;}

.side-bar .desc-block > h4 {
    font-size: 16px;
}

.side-bar .desc-block {
}


.side-bar .desc-block .view.button {
    background-image: url(/userfiles/images/search.png);
    padding-left: 30px;
    background-position: 4px center;
    font-size: 12px;
    line-height: 16px;
    background-size: 24px;
}


.side-bar .desc-block .component-footer {
    border-top: 0px solid #ccc;
    padding-top: 4px;
}

.home-button, 
.pt-blogs .blog-icon, .pt-events .events-icon, .pt-news .news-icon, .pt-offers .offers-icon, .pt-profiles .profile-icon {
    background-size: 24px;
    background-position: 12px center;
    text-align: left !important;
    padding-left: 44px !important;
}

.home-button {
    background-image: url(/userfiles/css/images/home-icon.png);
}

.pt-blogs .blog-icon {
    background-image: url(/userfiles/images/speech-bubble.png);
}

.pt-events .events-icon {
    background-image: url(/userfiles/images/time-and-date.png);
}

.pt-news .news-icon {
    background-image: url(/userfiles/css/images/rss-small.png);
}

.pt-offers .offers-icon {
    background-image: url(/userfiles/css/images/offers.png);
}

.pt-profiles .profile-icon {
    background-image: url(/userfiles/css/images/offers.png);
}


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

.link-cats .iteration .category-link {
    display: inline-block;
    padding: 12px;
    background-color: #424242;
    color: #ffffff;
    width: 100%;
    background-image: url(/userfiles/css/images/select-arrow.png);
    background-size: 14px;
    background-position: 12px center;
    text-align: left !important;
    padding-left: 38px;
    background-repeat: no-repeat;
    font-size: 14px;
}

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

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


.no-listing {
    padding: 12px 12px 12px 200px;
    border: 1px solid #ccc;
    background-image: url(/userfiles/css/images/sad.png);
    background-repeat: no-repeat;
    background-size: 150px;
    background-position: 12px center;
}

.no-listing p {margin-bottom:12px;}














 /* Begin CSS Part: Chat Bot */

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


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

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


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




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

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

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

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

 /* Begin CSS Part: Collation */
.breadcrumb {
    font-size: 12px;
}

.breadcrumb, .breadcrumb * {    color: #999 !important;}
.breadcrumb a:hover {text-decoration:underline;}


.listing-page .main-content {background-color:#fff;}


.intro-section {
  display: flex;
  gap: 1%;
}



body .layout .thin-cols .breathecol2 {
    padding: 2px 5% 24px;
}


.sharethis-inline-share-buttons {
  text-align: left !important;
}

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

.main-content .intro-section > .col2 {width:100% !important; margin-right:0px !important;}

}



.intro-column {padding-right:24px; border-right:1px solid #ccc;}


/***********LISTING-BANNER***********/

.listing-banner-content {
    line-height: 0;
}

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

.listing-banner-content.overlay .banner-image {
z-index:100;
}

.listing-banner-content .nested-banner {
  position: absolute;
  top: 0px;
  height: 100%;
  display: flex;
  align-items: center;
  padding-left: 12px;
  padding-right: 12px;
  z-index:200;
}


.listing-banner-content .title h1 {font-size:5em; color:#fff;}

.listing-banner-content h2 {
  color: #fff;
  margin-top: 12px;
  font-weight: bold;
}

.listing-banner-content .collation-gallery-image-container .gallery-arrow-left, 
.listing-banner-content .collation-gallery-image-container .gallery-arrow-right {
    position: absolute;
    cursor: pointer;
    display: inline-block !important;
    top: auto;
    bottom: 16px;
	background-color: rgba(0,0,0,0.5);
	opacity: 0.75;
}


.listing-banner-content .collation-gallery-image-container .gallery-arrow-left {left:12px;} 
.listing-banner-content .collation-gallery-image-container .gallery-arrow-right {right:12px;}


.listing-banner-content .collation-item-thumbs {
    vertical-align: top;
    background-color: #efefef;
    display: inline-block;
    width: 100%;
}

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

.listing-banner-content .title h1 {
	font-size:4em;
}

.listing-banner-content h2 {
  font-size: 24px;
}

}


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

.listing-banner-content .title h1 {
	font-size:3em;
}

.listing-banner-content h2 {
  font-size: 18px;
}

}



/*******MAIN IMAGE*****/

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

.gallery-image .image-title {
    font-size: 12px;
    color: #fff;
    background-color: rgba(136, 96, 131,0.95);
    line-height: 20px;
    padding: 12px;
    position: absolute;
    right: 0px;
    bottom: 0px;
    max-width: 45%;
    text-align: left;
    font-weight: bold;
}


/*******THUMBNAILS*****/

.collation-gallery-image-container .gallery-slides {
    z-index: 100;
}

.collation-item-thumbs, .image-thumbs {
	padding:6px 0px;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
}
.collation-item-thumbs .image-thumb, .image-thumbs .image-thumb {padding:0px 8px; cursor:pointer;     margin: 12px auto;}

.collation-item-thumbs .image-thumb img, .image-thumbs img {
    border: 2px solid #fff;
    box-shadow: 1px 1px 4px rgba(0, 0, 0,0.25);
}

.collation-item-thumbs .image-title, .image-thumbs .image-title {display:none !important;}



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

.collation-item-thumbs .image-thumb, .image-thumbs .image-thumb {
    padding: 0px 2px;
    max-width: 60px;
}


.listing-banner-content .collation-gallery-image-container .gallery-arrow-left, .listing-banner-content .collation-gallery-image-container .gallery-arrow-right {
    position: absolute;
    cursor: pointer;
    display: inline-block !important;
    top: auto;
    bottom: 10px;
    background-color: rgba(0,0,0,0.5);
    opacity: 0.75;
    width: 20px;
    background-size: 10px;
}

}


.share > label {
    text-transform: uppercase;
    margin-bottom: 8px;
}

/****MESSAGING*******/

.message {
    text-align: center;
}


.message.button {
    background-image: url(/userfiles/css/images/send-message.png);
    padding-left: 54px;
    background-position: 12px center;
    line-height: 32px;
    background-size: 24px;
    border:none !important;
    width:100%;
}


.message.button:hover {
    background-image: url(/userfiles/css/images/send-message.png);
    padding-left:26px;
    padding-right: 54px;
    background-position: 92% center;
    line-height: 32px;
    background-size: 24px;
    border:none !important;
    
}



.message-cell.slaved {
  display: none;
  opacity: 0;
  padding: 24px 0px;
  border-top: 4px solid #efefef;
}

.message-cell.slaved.open {display:inline-block; opacity:1;}

.quick-note {padding-bottom:12px;}
.quick-note p {
    font-size: 12px;
    font-style: italic;
}

.send.button {
    font-size: 1em;
    background-image: url(/userfiles/css/images/send-message.png);
    padding-left: 40px;
    padding-right: 26px;
    background-position: 10% center;
    line-height: 32px;
    background-size: 20px;
    background-color: green;
    border: none !important;
}

.send.button:hover {
    padding-right: 46px;
    background-position: 84% center;
    background-color: darkgreen;
    padding-left: 26px;
}


/**********BUSINESS LISTING***************/

.intro-section {
  background-color: #fff;
  margin-bottom:24px;
}

@media screen and (max-width:1366px) {
  .intro-section {margin-top:0px;}

}

.listing-title h1 {
    font-size: 4em;
    margin-bottom: 8px;
}

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

.listing-title h1 {
    font-size: 3em;
    margin-bottom: 8px;
}

}

.attri-bar {
    background-color: #cecece2e;
    padding: 0px 12px 0px;
    margin-bottom: 12px;
    border-radius: 6px;
}


.intro-attributes > .collation-attribute-group {
    width: auto !important;
    display: inline-block;
    margin: 12px 6px;
}

.intro-attributes > .collation-attribute-group .collation-attribute {
    display: inline-block;
}


.intro-attributes > .collation-attribute-group > .attribute-main-image, 
.intro-attributes > .collation-attribute-group > .attribute-name,
.featured-icon > .collation-attribute-group > .attribute-main-image,
.featured-icon > .collation-attribute-group > .attribute-name,
.featured-icon > .collation-attribute-group .attribute-value {display:none !important;}

.intro-attributes > .collation-attribute-group .attribute-image {
    width: 22px;
    height: 22px;
    display: inline-block;
}

.intro-attributes > .collation-attribute-group .attribute-image img {opacity:0.65;}

.intro-attributes > .collation-attribute-group .attribute-value {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    font-weight: bold;
    margin-left: 6px;
    color:    #585858;
        margin-right: 12px !important;
}



.intro-attributes.hover-set > .collation-attribute-group .attribute-image {
  width: 28px;
  height: 28px;
  margin-right: 12px !important;
}

.intro-attributes.hover-set > .collation-attribute-group .attribute-value {
  display: none;
  position: absolute;
  top: -24px;
  background-color: #585858;
  padding: 4px 12px;
  line-height: 22px;
  right: 0px;
  height: auto;
  width: 100%;
  margin: 0px !important;
  color: #fff;
  z-index: 1000;
}
.intro-attributes.hover-set > .collation-attribute-group .collation-attribute:hover .attribute-value {display:block;}






.listing-page .featured-icon {
    position: absolute;
    top: -15px;
    z-index: 20;
    left: -15px;
}

.listing-page .featured-icon .collation-attribute-group {width: 75px;}

.listing-page .featured-icon .attribute-main-description {
    position: absolute;
    width: 400px;
    background-color: #fff;
    font-size: 12px;
    padding: 12px;
    border: 1px solid #ccc;
    top: 0px;
    left: 90px;
    line-height: 18px;
    box-shadow: 0px 18px 18px -10px #000;
    display:none;
    opacity:0;
    max-width: 75% !important;
}


.listing-page .featured-icon:hover .attribute-main-description {display:inline-block; opacity:1;}


.large-header-sect > label {
    font-size: 30px;
    margin-bottom: 12px;
}

.large-header-sect > .i {}


.info-sect {
}


.contact-link {
    padding-left: 30px;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 20px;
    margin-bottom:10px;
}
.contact-link.business {    background-image: url(/userfiles/css/images/computer.png);}
.contact-link.website {    background-image: url(/userfiles/css/images/computer.png);}
.contact-link.tel {    background-image: url(/userfiles/css/images/phone.png);}
.contact-link.mail {    background-image: url(/userfiles/css/images/mail.png);}

.contact-link a, .contact-link, .address-cell .content {
    font-size: 14px;
    color: #555;
}

.contact-link.business {
    padding-left: 30px;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 20px;
    margin-bottom:10px;
}
.contact-link.business a {
    font-size: 16px;
    color: #1e74bf;
    font-weight: bold;
}

.address-cell {
    padding-left: 30px;
    background-image: url(/userfiles/css/images/address.png);
    background-repeat: no-repeat;
    background-position: left 10px;
    background-size: 20px;
    border-top: 4px solid #efefef;
    padding-top: 12px;
    margin-top: 8px;
    border-bottom: 4px solid #efefef;
    padding-bottom: 12px;
    margin-bottom: 10px;
}

.address-cell h4 {
    font-size: 10px;
    color: #999;
}


.listing-address {}
.listing-address .layout-component > label {display:none !important;}

.social-cell {
border-bottom: 4px solid #efefef;
padding-bottom: 12px;
margin-bottom: 10px;
}

.social-link a {
    width: 32px;
    display: inline-block;
    font-size: 0px;
    height: 32px;
    background-size: 100%;
    background-repeat: no-repeat;
    vertical-align: top;
    margin-right: 6px;
    margin-top: 12px;
    margin-bottom: 12px;
}


.social-link.facebook a {
    background-image: url(/userfiles/css/images/facebook.png);
}

.social-link.twitter a {
    background-image: url(/userfiles/css/images/twitter.png);
}

.social-link.instagram a {
    background-image: url(/userfiles/css/images/instagram.png);
}

.social-link.linkedin a {
    background-image: url(/userfiles/css/images/linkedin.png);
}

.social-link.pinterest a {
    background-image: url(/userfiles/css/images/pinterest.png);
}

.social-link.youtube a {
    background-image: url(/userfiles/css/images/youtube.png);
}

.social-link.vimeo a {
    background-image: url(/userfiles/css/images/vimeo.png);
}

.social-link.tripadvisor a {
    background-image: url(/userfiles/css/images/tripadvisor.png);
}

.social-link.trustp a {
    background-image: url(/userfiles/css/images/trustpilot.png);
}

.social-link.checkatrade a {
    background-image: url(/userfiles/css/images/checkatrade.png);
}

.social-link.yell a {
    background-image: url(/userfiles/css/images/yell.png);
}

.social-link.greview a {
    background-image: url(/userfiles/css/images/google.png);
}

.social-link.maps a {
    background-image: url(/userfiles/css/images/map.png);
}

.social-link.bookingcom a {
    background-image: url(/userfiles/css/images/bookingcom.png);
}





.delink a {
    width: 200px;
    display: inline-block;
    font-size: 0px;
    height: 150px;
    background-size: 100%;
    background-repeat: no-repeat;
    vertical-align: top;
    margin-right: 6px;
    margin-top: 4px;
    margin-bottom: 4px;
}


.delink.oo a {
    background-image: url(/userfiles/css/images/orderonline.png);
}

.delink.cc a {
    background-image: url(/userfiles/css/images/clickcollect.png);
}
.delink.je a {
    background-image: url(/userfiles/css/images/justeat.png);
}
.delink.ue a {
    background-image: url(/userfiles/css/images/ubereats.png);
}
.delink.dr a {
    background-image: url(/userfiles/css/images/deliveroo.png);
}
.delink.zf a {
    background-image: url(/userfiles/css/images/zoomfood.png);
}

.delink.fh a {
    background-image: url(/userfiles/css/images/foodhub.png);
}

.delink.se a {
    background-image: url(/userfiles/css/images/shrewsburyeats.png);
}


/*******INTER BUTTONS******/


.inter-buttons a {margin-top:8px; margin-bottom:8px; width:100%;}


.sub-note .inter-buttons {border:none !important;}

.book-mark > a {
    background-image: url(/userfiles/css/images/bookmark-small.png);
    padding-left: 54px;
    background-position: 7% center;
    background-size: 24px;
    border: none !important;
    display: inline-block;
    margin-top: 8px;
    margin-bottom: 8px;
}


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

.inter-buttons a { width:100%;}

}

/*********LIST ATTRIBUTES*******/
.further-info.empty {display:block !important;}
.further-info {
    line-height: 0;
}


.layout .tab-cell .tab-container .lm-tab {
    width: auto;
    display: inline-block;
    background-color: #333;
    color: #fff !important;
    padding: 4px 16px 4px 32px;
    font-size: 14px;
    line-height: 28px;
    margin-right: 1%;
    opacity:0.5;
}

.layout .tab-cell .tab-container .lm-tab {
    background-image: url(/userfiles/css/images/info-small.png);
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: 6px center;
}

.layout .tab-cell .tab-container .lm-tab + .lm-tab {background-image: url(/userfiles/css/images/clock.png);}
.layout .tab-cell .tab-container .lm-tab + .lm-tab + .lm-tab {background-image: url(/userfiles/css/images/more.png);}

.tab-cell .tab-container .lm-tab.active {opacity:1;}
.tab-cell .tab-container .lm-tab:hover {opacity:1;}

.tab-cell .lm-tab-wrapped {
    border: 2px solid #333;
    background-color: #fff;
    box-shadow: 0px 12px 16px -12px rgba(0, 0, 0,0.5);
}

.tab-cell .lm-tab-wrapped h3 {
    font-size: 24px;
    margin-bottom: 8px;
}

.tab-cell .lm-tab-wrapped .small-note {font-size:10px; fontstyle:italic;}


.list-attributes > .collation-attribute-group {margin-bottom:12px;}

.list-attributes > .collation-attribute-group .attribute-main-image {display:none !important;}
.list-attributes > .collation-attribute-group .attribute-name {
    font-size: 14px;
    display: inline-block;
    width: 100%;
    background-color: #333;
    color: #fff !important;
    padding: 6px 12px;
    margin-bottom: 8px;
    line-height: 24px;
}

.list-attributes > .collation-attribute-group .collation-attribute {
    padding: 8px;
    display: inline-block;
    width: 50%;
}

.list-attributes > .collation-attribute-group .collation-attribute .attribute-image {
    width: 24px;
    display: inline-block;
    opacity: 0.7;
    margin-right: 4px;
}


.list-attributes > .collation-attribute-group.offeraccepts .collation-attribute .attribute-image,
.list-attributes > .collation-attribute-group.offerlimits .collation-attribute .attribute-image{
    width: 30px;
    opacity: 1;
}

.list-attributes > .collation-attribute-group.tastecardrequired .collation-attribute {width:100% !important;}
.list-attributes > .collation-attribute-group.tastecardrequired .collation-attribute .attribute-image {width:100px !important;}

.list-attributes > .collation-attribute-group .attribute-main-description {
    padding: 12px;
    font-size: 12px;
}



.list-attributes > .collation-attribute-group .collation-attribute .attribute-value {
    font-size: 12px;
    margin-top: 4px;
    display: inline-block;
}

/******HOURS********/

.hours-table {
    width: 100%;
}

.hours-table tr {
    border-bottom: 1px solid #ccc;
}
.hours-table td {
    padding: 12px;
    font-size: 16px;
}
.hours-table td div {margin:0px !important; font-size: 16px;}


/****Thoughts*****/

.split-sect > .i > .layout-cell.thoughts {
    background-image: url(/userfiles/css/images/wink.png);
    background-repeat: no-repeat;
    background-position: 108%;
}

.thoughts h3 {
    font-size: 24px;
    font-weight: bold;
}




/***********LOCATION SECTION BANNERS**********/


.bg-cta {
    background-size: cover;
    background-attachment: fixed;
}

.bg-cta > .i {
    background-color: rgba(0, 0, 0,0.6);
    padding: 50px 12px !important;
}

.bg-cta.bg-intro h2, .related-cell .linked-title > h2 {
    color: #fff;
}

.bg-cta.bg-intro h2 {
    font-size: 40px;
}

.bg-cta.bg-intro p {font-size:20px; color:#fff !important;}

.bg-cta {
   background-image: url(/userfiles/images/Shropshire2.jpg) !important;
}

.bg-cta.shropshire-bg-visit {
   background-image: url(/userfiles/images/Shropshire2.jpg) !important;
}

.bg-cta.shropshire-bg-live {
   background-image: url(/userfiles/images/Shropshire2.jpg) !important;
}


.bg-cta.location-cell {
   background-image: url(/userfiles/css/images/locations.jpg) !important;
}


.location-cell .preview .icon img {
    border: 2px solid #fff;
}


.anchors .clear-button {
  padding: 8px 12px;
  font-size: 16px;
  margin-right: 8px;
}



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


.related-cell .linked-title > h2 {
  padding: 24px 0px 12px;
  font-weight: bold;
  text-align: center;
}

.related-cell .linked-items .linked-items {
    padding-bottom: 24px;
}


.related-cell .linked-items .linked-items > .layout {display:flex; flex-wrap:wrap;}

.related-cell .linked-items .component-footer {text-align:center; padding:12px;}

body .layout .related-cell .preview {
    background-color: #fff;
    padding: 12px;
    margin-bottom: 24px;
    box-shadow: 0px 4px 10px -10px #000;
    display: inline-block;
}


body .layout .related-cell .pagination.ajax,
body .layout .related-cell .component-footer {
	text-align:center;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}



/*************RELATED LISTINGS****************/

.related-content > label {
    font-size: 2em;
    margin-bottom: 12px;
    text-transform: uppercase;
}


.layout .related-cell .tab-container .lm-tab {
    width: auto;
    display: inline-block;
    background-color: #333;
    color: #fff !important;
    padding: 4px 16px 4px 32px;
    font-size: 14px;
    line-height: 28px;
    opacity:0.5;
}

.layout .related-cell .tab-container .lm-tab {
    background-image: url(/userfiles/css/images/info-small.png);
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: 6px center;
}

.layout .related-cell .tab-container .lm-tab + .lm-tab {background-image: url(/userfiles/css/images/clock.png);}
.layout .related-cell .tab-container .lm-tab + .lm-tab + .lm-tab {background-image: url(/userfiles/css/images/more.png);}

.related-cell .tab-container .lm-tab.active {opacity:1;}
.related-cell .tab-container .lm-tab:hover {opacity:1;}

.related-cell .lm-tab-wrapped {
    border-top: 6px solid #333;
    padding: 12px 0px;
}


.related-cell .linked-items > .tab-container {display:none !important;}




/************SHOP PREVIEW***************/


.browse-shop {
    padding: 24px;
}

.browse-shop .link a {
    color: #fff;
    font-weight: bold;
    border: 2px solid #fff;
    padding: 12px 18px 12px 48px;
    display: inline-block;
    border-radius: 4px;
    font-size: 20px;
    background-image: url(/userfiles/images/shop-bag1.png);
    background-repeat: no-repeat;
    background-size: 32px;
    background-position: 8px center;
    background-color: rgba(0, 0, 0,0.25);
}



.linked-cats {
    background-color: #efefef;
    padding: 12px 0px;
}


.categories-output {text-align:center;}
.categories-output > div {
    display: inline-block;
    padding: 6px;
}
.categories-output > div > a {
    background-color: #1e74bf;
    color: #fff;
    padding: 12px;
    display: inline-block;
    border-radius: 4px;
    background-image: url(/userfiles/images/search.png);
    background-repeat: no-repeat;
    background-size: 34px;
    background-position: 4px center;
    padding-left: 40px;
    font-size:13px;
}

.categories-output > div > a:hover {background-color:#1a5080;}



/*********FOOTER CONTROL******/

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


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





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


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


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

.linked-items > h4 {}



/**********OPTIONS*************/


.option_radio, .checkbox-options .checkbox {
    display: inline-block;
    margin-right:1%;
}
.option_radio input, .checkbox-options .checkbox input {display: inline-block;}
.option_radio label, .checkbox-options .checkbox label {display: inline-block;}



@media screen and (min-width : 1001px) {
.option_radio, .checkbox-options .checkbox {
    width:32.66%; 
}
.option_radio:nth-child(3n+3), .checkbox-options .checkbox:nth-child(3n+3) {
margin-right:0px !important;
}
}

@media screen and (min-width:761px) and (max-width:1000px) {
.option_radio, .checkbox-options .checkbox {
    width:49.5%; 
}
.option_radio:nth-child(2n+2), .checkbox-options .checkbox:nth-child(2n+2) {
margin-right:0px !important;
}
}

@media screen and (max-width:760px) {
.option_radio, .checkbox-options .checkbox {
    width:100%; 
    margin-right:0px !important;
}
}



.option-qty-grid-container {
    border: 1px solid 
    #ccc;
}
.option-qty-grid-container > label {
    background-color: #505050;
color: #fff;
    font-size: 14px;
    padding: 2px 8px;
}
.option-qty-grid-container > .content {
    padding: 12px;
}
.option-qty-grid-container > .content .option-qty-grid {
    display: inline-block;
    width: 31%;
    margin-right: 1%;
}





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


.article.main .post-details {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin-bottom: 8px;
    padding: 4px 0px;
}


.article .post-detail {margin:12px auto;}

.article .post-detail label, .article .post-detail .content, .article .post-detail .content span {
    height: 34px;
    line-height: 34px;
    }


.article .post-detail label {
    font-size: 10px;
    display: inline-block;
    font-style: italic;
    color: #999;
}

.article .post-detail img {
    border-radius: 50%;
    border: 1px solid #ccc;
    width:30px;
}

.article .post-detail .content, .article .post-detail .content span {
    font-size: 12px;
    display: inline-block;
    font-weight: bold;
    color: #585858;
}



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

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

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

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

.footer-control .button {
    margin: 2px 0px !important;
}



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

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

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

}


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


.linked-items .preview.profile.highlight .col6 {width:100% !important; margin:0px !important;}

.linked-items .preview.profile.highlight .col6 .icon {
    max-width: 100px;
    margin: auto !important;
}


.footer-control .button {
    background-position: 12px center;
    background-size: 20px;
    padding-left: 40px !important;
    line-height: 1em !important;
    font-size: 14px;
}

}



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



/*******PAGINATION********/


.related-cell .pagination.ajax:first-child {
    display: none !important;
}

.related-cell .pagination.ajax {
    padding-top: 8px;
    padding-bottom: 8px;
    margin-top: 12px;
    text-align:right;
}

.related-cell .pagination.ajax .pager-link {
  border-radius: 50%;
  width: 28px;
  height: 28px;
  padding: 0px;
  font-size: 14px;
  line-height: 28px;
  margin-right: 12px;
  background-color: #fff;
  border: none;
  color: #333;
  font-weight: bold;
}


.related-cell .pagination.ajax .pager-link:hover {background-color: #efefef;}






/****EXPLORE*******/

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

.pre-icon {
  display: flex !important;
  flex-wrap: wrap;
}

.pre-icon .component-topper {
  padding: 12px;
  width: 15%;
}

.pre-icon .content {
  width: 85%;
  padding: 12px;
}

}


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

.pre-icon {
}

.pre-icon .component-topper {
  width: 30%;
    padding: 0px 12px;
}

.pre-icon .content {
  width: 100%;
  padding: 12px;
}

}





 /* Begin CSS Part: Collation Admin */

 /* Begin CSS Part: Content Creator */

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

 /* Begin CSS Part: Form */
.mod_form .layout-component > label, .mod_form .layout-component h4 {
    display: block;
    font-size: 14px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
}


.collapse-form > .layout-cell {
    margin-bottom: 12px;
}

.collapse-form > .layout-cell > label {
    background-color: #333;
    color: #fff;
    padding: 12px 12px 12px 46px;
    text-transform: uppercase;
    font-size: 14px;
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: 8px center;
    border-radius: 2px;
    font-weight: bold;
}


.collapse-form > .layout-cell.business-user > label {
    background-image: url(/userfiles/css/images/user.png);
    }

.collapse-form > .layout-cell.business-contact > label {
    background-image: url(/userfiles/css/images/contact.png);
    }

.collapse-form > .layout-cell.business-address > label {
    background-image: url(/userfiles/css/images/business-location.png);
    }
    
    .collapse-form > .layout-cell.business-description > label {
    background-image: url(/userfiles/css/images/edit.png);
    }
    
    .collapse-form > .layout-cell.complete-listing > label {
    background-image: url(/userfiles/css/images/tick.png);
    }

.collapse-form > .layout-cell > .i {
    border: 1px solid #ccc;
    padding: 12px;
    box-shadow: 0px 10px 10px -10px rgba(0, 0, 0, 0.5);
}

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


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

.rt-label p {
    font-size: 12px;
}

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

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

.file .button {
    font-size: 14px;
    padding-left: 38px;
    line-height: 24px;
    background-image: url(/userfiles/images/upload.png);
    background-position: 10px center;
    background-size: 20px;
    margin-bottom: 12px;
    margin-top: 4px;
    cursor: pointer;
}


.complete + .file-button {
    font-size: 0px;
    padding-left: 24px;
    line-height: 24px;
    background-image: url(/userfiles/css/images/tick.png);
    background-position: 10px center;
    background-size: 20px;
    margin-bottom: 12px;
    margin-top: 4px;
    background-color: green;
}

/****CHECKBOXES****/

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

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

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

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

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


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

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


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

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


.completed-form {background-color:#cccccc;}

 /* Begin CSS Part: Gallery */

 /* Begin CSS Part: Google Analytics */

 /* Begin CSS Part: Home */

 /* Begin CSS Part: Messaging */

 /* Begin CSS Part: Multi User */

 /* Begin CSS Part: News Letter */

 /* Begin CSS Part: Notifications */

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

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


.invoice-layout {padding:12px;}

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

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

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


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






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

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


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

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

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

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

.product-table-display .result-row .quantity input {margin-bottom:0px !important;}


.product-table-display .result-row .quantity .qty.increase, 
.product-table-display .result-row .quantity .qty.decrease {
    position: absolute;
    top: 10px;
    width: 20px;
    padding: 0px;
    height: 20px;
    line-height: 18px;
    text-align: center !important;
    border-radius: 50%;
}

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


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


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


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


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

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


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

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



}



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

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

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

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

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


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

}



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

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

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


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

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

}

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

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

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

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

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

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

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

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


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


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

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

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

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



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

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

}



 /* Begin CSS Part: Payment Gateway */
.payment-gateway-content {
    padding: 150px 12px 12px 12px;
    max-width: 1224px;
    margin: auto !important;
}

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

.mod_payment_gateway_component_gateway img {
}

.mod_payment_gateway_component_gateway .link a {
	padding:12px;
    background-color: #555;
	color: #fff !important;
    display: inline-block;
    width: 100%;
}

.mod_payment_gateway_component_gateway .link a:hover {background-color:#333;}


 /* Begin CSS Part: 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 {margin: 12px auto;}

.mini-review .star-rating-star {
    width: 30px;
    height: 30px;
    margin-right:4px;
}

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

.layout .average .based-on {
    display: inline-block;
    font-size: 10px;
    vertical-align: top;
    height: 30px;
    line-height: 30px;
    font-style: italic;
}

.preview .mini-review {
    margin-bottom: 0px !important;
    margin-top: 4px !important;
    padding-left: 8px;
}

.preview .mini-review .star-rating-star {
    width: 25px;
    height: 25px;
    margin-right:4px;
}




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

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

body .layout .toggle-section {
    display: inline-block !important;
    padding: 12px;
}

.layout .toggle-section * {
    vertical-align: top;
    display: inline-block !important;
}

.layout .toggle-section h2 {
    line-height: 35px;
    padding: 12px 8px 12px 8px;
}

.review-ctrl .leave-review.slave-toggle .button {
    background-color: #459322;
    color: #fff;
    padding: 12px 24px 12px 60px;
    width: auto;
    display: inline-block;
    cursor: pointer !important;
    font-weight: bold;
    border-radius: 4px;
    font-size: 20px;
    line-height: 35px;
    background-image: url(/userfiles/css/images/star.png);
    background-repeat: no-repeat;
    background-size: 38px;
    background-position: 12px center;
    text-transform: capitalize;
}


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

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

.review-sect h2 {text-align:center;}

.review-ctrl .slaved label {
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;
}

.review-ctrl .star-rating-star {
    width: 40px;
    height: 40px;
    background-size: 40px !important;
    background-repeat: no-repeat;
    margin-right: 4px;
    opacity: 0.5;
}

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



.star-rating-star:hover, .star-rating-star.star-fill-100 {
    background-image: url(/userfiles/css/images/star.png) !important;
opacity: 1;
background-size: 100%;
}


.review-ctrl .fake-submit-button {
    font-size: 20px;
    line-height: 24px;
    padding: 12px 24px;
    font-weight: bold;
    background-color: rgba(0, 0, 0, 0.2);
}


/*******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: #fff;
    margin-bottom: 12px;
    border-radius: 8px;
    border:1px solid #ccc;
}

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

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

.mod_review_component_list .iteration .comment {
  padding-left: 20px;
  padding-right: 20px;
  background-size: 14px;
  font-size: 14px;
}
}






 /* Begin CSS Part: Scroller */

 /* Begin CSS Part: Search */
.search .content {
    position: relative;
}

.search .search-go {
    position: absolute;
    top: 0px;
    right: 0px;
    background-color: #29882f;
    min-width: 50px;
    height: 50px;
    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 input[type="text"] {
    margin-bottom: 0px !important;
    color: #333 !important;
    font-size: 16px;
    padding: 12px !important;
    height: 50px;
    line-height: 50px;
}


.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;
    text-transform: capitalize;
}

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


.content-search.search .collation-search-results .section-results {
    padding: 12px;
    border: 2px solid #e6e2e2;
    box-shadow: 0px 8px 12px -6px rgba(0, 0, 0, 0.5);
}

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


.content-search.search .collation-search-results .section-results .item-result {
    border-bottom: 1px solid rgba(36, 35, 35, 0.2);
}

.content-search.search .collation-search-results .section-results .item-result:last-child {
    border-bottom: 1px solid transparent;
}

.content-search.search .total-result-count {
    text-align: center;
    font-size: 14px;
    border-bottom: 0px solid #e6e2e2;
    margin-bottom: 0px;
    padding-bottom: 8px;
    padding-top: 8px;
    background-color: #e5e1e1;
}

.content-search.search .total-result-count .trc {
    background-color: #333;
    color: #fff !important;
    padding: 6px;
    display: inline-block;
    border-radius: 50%;
    font-size: 12px;
    margin-left: 8px;
    min-width:28px;
}

.s-match {
    font-weight: bold;
}



/******PRICE FILTER***/

.price-filter {
    background-color: #efefef;
    padding: 12px;
    border: 1px solid #ccc;
    margin: 12px 0px;
}

.slider-div {
    margin-top: 8px;
    width: 96%;
    left: 2%;
}

.ui-slider-horizontal .ui-slider-handle {cursor:pointer !important;}

.ui-slider-horizontal .ui-slider-range {
    background-color: #3c9929;
}

.slider-container .ui-widget-content {
    border: 0px solid #fff !important;
    background: #ffb9b9;
    color: #333;
}

.slider-values {
    text-align: center;
    white-space: nowrap;
    margin-top: 8px;
}

.min-price, .max-price {
    display: inline-block;
    width: 50%;
    line-height: 20px;
    font-size: 12px;
}

.min-price {text-align:left !important;}
.max-price {text-align:right !important;}

.slider-values .price-indicator {font-size:14px; font-weight:bold;}


.ui-slider-horizontal .ui-slider-handle {cursor:pointer;}



 /* Begin CSS Part: Search Results */

 /* Begin CSS Part: Seo */

 /* Begin CSS Part: Shipping */

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

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

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



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

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

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

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


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

}

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

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

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


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

.gallery-arrow-left:hover, 
.gallery-arrow-right:hover {
  background-color: rgba(0,0,0,0.3);
  opacity:1;
}

.gallery-arrow-left {background-image: url(/userfiles/images/left.png); left:10px;}
.gallery-arrow-right {background-image: url(/userfiles/images/right.png); right:10px;}
 /* Begin CSS Part: Social Media */

 /* Begin CSS Part: Sub Layout */
/*********HOME SECTION GRID - SQUARE**********/

.section-grid .layout-component {
    display: inline-block !important;
    border-left: 4px solid #ffffff;
    border-right: 4px solid #ffffff;
    line-height: 0;
    margin-bottom: 12px !important;
}

.section-grid .layout-component:first-child {border-left:none !important;}
.section-grid .layout-component:last-child {border-right:none !important;}

.section-grid .layout-component h4 {
    background-color: #424242;
    color: #ffffff;
    padding: 12px;
}

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


/*********HOME SECTION GRID - CIRCLES**********/

.circle-grid > .layout-cell > .layout-component, .circle-grid .iteration {
    padding: 12px 24px;
    margin-bottom: 8px;
    vertical-align: top;
}

.circle-grid .layout-component img {border-radius:50%;}

.circle-grid .layout-component h4 {
    padding: 12px 0px 4px;
}

.circle-grid .layout-component .content * {
    line-height: 16px !important;
    font-size: 12px;
    color: #555;
}
 /* Begin CSS Part: Subscription */

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



/*****ACCOUNT-HUB*********/

.account-hub > .layout-cell {
    border: 2px solid #3f3f3f;
    margin-bottom: 24px;
    background-color: #fff;
    box-shadow: 0px 18px 20px -18px rgba(0, 0, 0,0.5);
}

.account-hub > .layout-cell > label {
    text-transform: uppercase;
    font-size: 20px;
    margin-bottom: 40px;
    background-color: #3f3f3f;
    padding: 10px;
    color: #fff;
}

.account-hub > .layout-cell > .i {padding:12px;}

.account-hub > .layout-cell > .i > .layout-component {margin-bottom:12px;}
.account-hub > .layout-cell > .i > .layout-component img {
    max-width: 75px;
    opacity: 0.75;
    margin-bottom: 12px;
}

.account-hub > .layout-cell > .i > .layout-component label {
    background-color: #4d4d4d;
    color: #fff;
    padding: 8px;
    border-radius: 2px;
}

.account-hub > .layout-cell > .i > .layout-component:hover label {background-color: #1e74bf;}

.account-hub > .layout-cell > .i > .layout-component p {
    font-size: 11px;
    line-height: 16px;
    padding: 4px 12px;
}


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


.account-hub > .layout-cell > .i > .layout-component {
    width: 48% !important;
    margin: 0px 1% 12px 1% !important;
}

.account-hub > .layout-cell > .i > .layout-component img {
    max-width: 40px;
}

.account-hub > .layout-cell > .i > .layout-component label {font-size:12px;}

}


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


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


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

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


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

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

.fp-message {padding:12px;}



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


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

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

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



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

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

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

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

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

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


 /* Begin CSS Part: User Documents */

 /* Begin CSS Part: Warning */