@charset "utf-8";

@media screen and (min-width:1200px) {
	.pixiedust.account .page-header { margin-bottom: 55px; padding-bottom: 23px; border-bottom: 1px solid #e9eaea !important;  }
	.pixiedust.account .sidebar.sidebar-main { padding-right: 60px; }
	.pixiedust.account .block-collapsible-nav .item { border-bottom: 1px solid #e9eaea ; }
}

/* CREATE ACCOUNT / LOGIN COMBO */

.reg-wrapper { width:100%; float:left; }
.reg-container { width:60%; float:left; }
body .reg-container form { width:100% !important; border:0 !important; padding:0 !important; box-shadow: none !important;  }
body .reg-container form.form.create.account > .fieldset { width:100%; padding:0; }
.login-container { width:30%; float:right; border:0; box-shadow: 0 0 18px -5px #ccc; box-sizing: border-box; padding:25px; }
.login-container .block.block-customer-login { width:100%; float:left; }
body .login-container .fieldset > .field > .control { width: 100%; }
.underline {  display:block; border-bottom: 2px solid #00984C; color:#000; padding: 0 0 10px 0; width:100%; float:left; margin:0 0 20px; }
.gotoconsumer { width:100%; float:left; box-sizing: border-box; padding:10px 0 30px; font-weight: bold; border-bottom: 1px solid #e9eaea; }
.introblock { width:100%; float:left; box-sizing: border-box; padding:25px 0; }
.iconblock { width:100%; float:left; box-sizing: border-box; margin-bottom: 50px; }
.iconblock .title { color:#00984C; font-weight: bold; display: block; font-size: 16px; margin-bottom: 15px; }
.iconblock .iconwrap { width:100%; float:left; }
.iconblock .iconwrap .icw { width: 25%; float:left; box-sizing: border-box; padding:0 5px 0 0; height:90px; display: inline-block; position: relative; }
.iconblock .iconwrap .icw .icon { width:50%; background:url(../images/customer/membership-videos.svg) no-repeat center left; height:90px; display: block; }
.iconblock .iconwrap .icw.icw-2 .icon { background:url(../images/customer/membership-discounts.svg) no-repeat center left; }
.iconblock .iconwrap .icw.icw-3 .icon { background:url(../images/customer/membership-articles.svg) no-repeat center left; }
.iconblock .iconwrap .icw.icw-4 .icon { background:url(../images/customer/membership-more.svg) no-repeat center left; }
.iconblock .iconwrap .icw .script { position: absolute; width:50%; left:50%; top:50%; transform: translate(0,-50%); color:#000; max-width: 70px; font-weight: bold; }
.iconblock .iconwrap .icw.icw-4 .script { color:#00984C; }
.block.block-customer-login h2 { color:#000; font-size: 20px; background:url(../images/customer/login.svg) no-repeat center left / 30px; padding: 15px 0 15px 40px; border-bottom: 1px solid #e9eaea; margin:0;   }
.block.block-customer-login .secondary { float:right; padding-top: 5px; }
body .columns input.input-text, body .columns select { border:1px solid #e9eaea; height:50px;  }
body .fieldset > .field > .label, body .fieldset > .fields > .field > .label { font-size: 16px; color:#000; margin:0 0 4px; }
.fieldset > .field.required > .label:after, .fieldset > .fields > .field.required > .label:after, .fieldset > .field._required > .label:after, .fieldset > .fields > .field._required > .label:after, .login-container .fieldset:after { font-size: 14px; font-weight: bold; }
body .columns button.action { background:#fed105; border-radius: 4px; transition: all 200ms ease; height:50px !important; padding:12px 28px !important;   }
body .columns button.action:hover { background:#fdab00 !important; border-color:#fdab00 !important;   }
body .columns button.action span { background:url(../images/customer/cta-arrow-black.svg) no-repeat center right / 20px; padding-right:25px; font-weight: bold; }
body .columns button.action:hover span { color: #000 !important; }
.fieldset-wrap { width:100%; float:left; }
.fieldset-wrap .legend { display:none; }
.fieldset-wrap fieldset { display:none; width:100%; float:left;  }
.fieldset-wrap.fw-open fieldset { display: block; }
.switch-fieldset { width:100%; float:left; box-sizing: border-box; font-size: 18px; font-weight: bold; color:#949698; margin:0 0 20px; padding:20px 0 10px; border-bottom: 1px solid #e9eaea;  }
.fieldset-wrap.fw-open .switch-fieldset { color:#000; }
.fieldset-wrap.fw-open { padding-bottom: 35px; }
body .fieldset-wrap .action.nextfieldset { background:#fff !important; border: 1px solid #000 !important; line-height: 14px; float: right; padding:14px 45px !important; transition: all 200ms ease; cursor:pointer; border-radius: 4px; margin-top: 20px; }
body .fieldset-wrap .action.nextfieldset span { background:url(../images/customer/cta-arrow-black.svg) no-repeat center right / 20px; padding-right:25px; font-weight: bold; }

body .fieldset-wrap .action.nextfieldset:hover { background:#e9eaea !important; border-color:#000 !important;  }

.switch-fieldset.vali-passed { cursor: pointer; color:#00984C; position: relative; }
.switch-fieldset.vali-passed:after { content:''; width: 20px; height:20px; position: absolute; right:0; top: 50%; transform: translate(0,-50%);  background:url(../images/customer/radio-activ-large.svg) no-repeat center / 24px; }
.fieldset-wrap .password-strength-meter { font-size: 10px; margin-top: 10px; }
.reg-container.regcomany-container .form.create.account .actions-toolbar { padding:0; margin-top: 25px; float:left;  }
.fieldset-wrap .mage-error { font-size: 14px !important; }

@media screen and (max-width:1200px) {
	.reg-wrapper .reg-container { width:100%; margin-bottom: 40px; }
	.reg-wrapper .login-container { width:100%; }
}

/* grid */

.grid-wrapper{ width:100%; float:left; box-sizing: border-box; border:1px solid #000; position: relative; overflow: hidden; border-radius: 8px; }
.sup-row { width:100%; float:left; box-sizing: border-box; border:1px solid #e9eaea; margin-bottom: -1px; display: flex; }
.sup-row .sup-hcol { box-sizing: border-box; padding:13px 10px; width:100%;  float:left; min-height: 39px; position: relative; }
.sup-row .sup-hcol.shc1 { width:40%; }
.sup-row .sup-hcol.shc2 { width:15%; border-left:1px solid #e9eaea; text-align: center; }
.sup-row .sup-hcol.shc3 { width:15%; border-left:1px solid #e9eaea; text-align: center;  }
.sup-row .sup-hcol.shc4 { width:15%; border-left:1px solid #e9eaea; text-align: center;  }
.sup-row .sup-hcol.shc5 { width:15%; border-left:1px solid #e9eaea; text-align: center;  }

.sup-row .tick { filter: brightness(0%); background:url(../images/customer/table-checkmark-free.svg) no-repeat center / 15px; width:15px; height:15px; display: inline-block; font-size: 0; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); }
.sup-row .sup-hcol.shc3 .tick { background-image:url(../images/customer/table-checkmark-lvl1.svg); }
.sup-row .sup-hcol.shc4 .tick { background-image:url(../images/customer/table-checkmark-lvl2.svg); }
.sup-row .sup-hcol.shc5 .tick { background-image:url(../images/customer/table-checkmark-lvl3.svg); }

.sup-hcol.title-col { background:#f2f4f5; padding:20px 10px; }
.title.map { background: url(../images/customer/table-location.svg) no-repeat center left / 29px; padding:5px 0 5px 40px; font-size:16px; font-weight:bold; color:#000; }
.title.map.members { background-image: url(../images/customer/table-members.svg); }
.title.map.events { background-image: url(../images/customer/table-events.svg); }
.title.map.knowledge { background-image: url(../images/customer/table-sunflower-knowledge.svg); }
.title.map.media { background-image: url(../images/customer/table-media.svg); }
.title.map.training { background-image: url(../images/customer/table-training.svg); }
.title.map.discounts { background-image: url(../images/customer/table-discounts.svg); }

.sublevels { background:url(../images/customer/table-subscripe-green.svg) no-repeat center left / 40px; padding: 10px 0 10px 50px; color:#00984c; position: absolute; left:10px; top:50%; transform: translate(0,-50%); max-width: 180px; }
.subberitem { display: block; text-align: left;text-align: center;display: flex;align-items: center;justify-content: space-around;width: 100%; }
.subberitem .large { display: block; font-weight: bold; font-size: 14px; min-width: 115px; text-align: left;}
.subberitem  .sml { display: block; font-size: 10px; min-height: 55px; }
.subberitem  .prc { display: block; font-size:12px;  font-weight: bold; min-width: 180px; text-align: left;}

.topper-chooser-sup .subberitem .sml, .topper-chooser-sup .subberitem .prc { min-height: 0; }

@media(max-width: 767px){
	.subberitem{flex-wrap: wrap;justify-content: space-between;}
}

.topper-chooser-sup .sup-hcol.shc2 { border-bottom: 5px solid #fed105; }
.topper-chooser-sup .sup-hcol.shc3 { border-bottom: 5px solid #00984c; }
.topper-chooser-sup .sup-hcol.shc4 { border-bottom: 5px solid #265640; }
.topper-chooser-sup .sup-hcol.shc5 { border-bottom: 5px solid #000000; }

.ticker { width:30px; height: 30px; display: inline-block; box-sizing: border-box; border:1px solid #e9eaea; border-radius: 50%; cursor:pointer; }
.active .ticker{ background:url(../images/customer/radio-activ-large.svg) no-repeat center / 39px  }
.chooser-sup .swts { cursor: pointer; }

.sup-hcol a.buynow { color:#000; border:1px solid #000; background:#fff; box-sizing:border-box; padding:3px 5px; border-radius: 2px; transition:all 200ms ease; font-size: 10px; margin-top: 4px; display: block; width:80px; margin:10px auto 0;}
.sup-hcol a.buynow:hover { background:#00984c; border-color:#00984c; color:#fff; text-decoration: none; }
.pixiemedia_mapmaker-index-subscription .topper-chooser-sup .subberitem .sml, .pixiemedia_mapmaker-index-subscription .topper-chooser-sup .subberitem .prc { min-height: 45px; }

@media screen and (max-width:700px) {
	.sup-row { display: block; }
	.sup-row .sup-hcol.shc1 { width:100%; text-align: center; border-bottom: 1px solid #e9eaea;  }
	.sup-row .sup-hcol.shc2 { border-left:0; }
	.sup-row .sup-hcol.shc2, .sup-row .sup-hcol.shc3, .sup-row .sup-hcol.shc4, .sup-row .sup-hcol.shc5 { width:25%; }
	.sublevels { position: static; background-size: 25px; padding-left: 32px; }
	.sup-row.topper-chooser-sup .sup-hcol.shc1 { display: none; }
	.topper-chooser-sup .sup-hcol.shc2, .topper-chooser-sup .sup-hcol.shc3, .topper-chooser-sup .sup-hcol.shc4, .topper-chooser-sup .sup-hcol.shc5 { min-height: 110px; }
	.subberitem .prc { font-size: 12px; }
	.sub-wrapit { display: none; }
	.title-col:before { content:''; width:20px; height:20px; background: url('../images/select-bg.svg') no-repeat center; position: absolute; right:10px; top: 50%; transform: translate(0,-50%)  rotate(-90deg); transition: all 200ms ease; } 
	.title-col.title-open:before, .title-open .title-col:before { transform: translate(0,-50%) rotate(0deg);}
	.title-col span { font-size: 14px !important; float:left; width:calc(100% - 35px); }
	.sup-row { cursor: pointer; }
	.sub-wrapit.content-open { display: block; }
}

/* bene intro and wrap */

.benefits-wrap { width:100%; float:left; margin: 20px 0; display: flex; columns:2; flex-wrap: wrap; justify-content: space-between;}
.benefits-wrap .benefit { width:48%; float:left; border-left: 3px solid #fed105; box-sizing: border-box; padding-left:20px; margin-bottom: 25px;}
.benefits-wrap .benefit .title { color:black; display: block; margin: 10px 0 5px; font-weight: bold; }
.benefits-wrap .benefit.bene2 { border-color:#00984c; }
.benefits-wrap .benefit.bene2 .title { color:#00984c; }
.benefits-wrap .benefit.bene3 { border-color:#265640; }
.benefits-wrap .benefit.bene3 .title { color:#265640; }
.benefits-wrap .benefit.bene4 { border-color:#000000; }
.benefits-wrap .benefit.bene4 .title { color:#000000; }

/* map create */

.lotitle { display: block; font-size: 24px; font-weight: bold; background:url(../images/customer/table-location.svg) no-repeat center left / 30px; padding-left:32px; margin-bottom: 25px; }
.map-make-form { width:100%; float:left; }
#map-form { width:100%; float:left; }
.map-section { width:100%; float:left; }
.ms-title { color:#949698; width:100%; float:left; font-size: 24px; font-weight: bold; border-bottom: 1px solid #e9eaea; padding: 14px 0; }
.active .ms-title { color:#000; }
.ms-content { width:100%; float:left; margin-top: 30px; }
.hi-title { display: block; font-size: 20px; font-weight:bold; text-decoration: underline; width:100%; float:left; margin:0 0 30px;  }
.map-section input, .map-section select { border-radius: 5px; padding:10px; }
.ms-content .field { width:100%; float:left; margin: 0 0 30px; max-width: 100%; z-index: 1; }
.ms-content label.label { font-size: 16px; font-weight: bold; }
.ms-content label.label b { color:#949698; font-weight: normal; }
.file-uploader-area input { display: none; }
.ms-content .file-uploader-button, .generate-map.button.primary { background:#d4d5d6; border:0; padding:14px 25px; font-weight: bold; color:#000; transition:all 200ms ease; border-radius: 3px; cursor:pointer; height:50px; line-height: 24px; }
.ms-content .file-uploader-button:hover, .generate-map.button.primary:hover { background: #b0b2b4; }
.ms-content .file-uploader-meta { width:100%; float:left; margin-top: 10px; color:#949698; }
.ms-content .file-uploader-preview a {  width: 200px; border:1px solid #e9eaea; border-radius: 15px; height: 200px; float:left;  position: relative; overflow: hidden; }
.ms-content img.preview-image { width:100%;  }
.ms-content .actions { width:100%; float:left; }
.ms-content .actions .action-remove { position: absolute; left:20px; bottom: 20px; background:#fff url(../images/Bin-black.svg) no-repeat center / 23px; width:30px; height:30px; border:0; padding:0; margin:0; border-radius: 50%; }
.ms-content .actions .action-remove span { display: none; }
.ms-content .file-uploader-preview { position: relative; float:left; }
.ms-content .file-uploader-placeholder-text { display:none;  }
.upload-wrapper .file-uploader-summary { float:left; margin-right:10px; margin-top:10px; }
.upload-wrapper.upload-banner1 { }
.file-uploader.loading, .file-uploader._loading { position: relative; }
.file-uploader._loading .file-uploader-area { opacity:0.4;  }
.file-uploader._loading:before { content:''; width:50px; height:50px; position: absolute; left:27px; top:0; background:url(../images/customer/loader.svg) no-repeat center / 100%; }
.field .left { width:160px; float:left; }
.field .right { width:calc(100% - 160px); float:left; }
.field .left label { padding-top:11px; }
.input-text.full-width { width:100%; float:left; }
.split-field { width:100%; float:left; margin-bottom:20px; }
.split-field .field { width: 49%; float:left; margin:0; }
.split-field .field:first-of-type { margin-right:2%; }
.split-field .field input, .split-field .field select { width:100%; }
.field.address .full-width { margin-bottom:20px; }
.gmap-block { width:100%; float:left; margin-bottom: 45px; }
.pm-map-loader { width:100%; float:left; margin-top:45px; }
.pm-map-loader .holder { width:100%; float:left; background:url(../images/loader-1.gif) no-repeat center / 50px; position:relative; overflow: hidden; border:1px solid #e9eaea; box-sizing: border-box; border-radius: 15px; }
.pm-map-loader .holder iframe { float:left; width:100%; }
.addr { width:100%; float:left; margin-top:20px; }
.addr span { background:url(../images/map-location/freesub-header-location.svg) no-repeat center left;  padding-left: 25px; }
.continue-block { width:100%; float:left; margin: 30px 0 0; }
.continue-block .button.continue { border:1px solid #000; background:#fff; height:50px; line-height: 24px; border-radius: 4px; float:right; padding:14px 25px; font-weight: bold; transition:all 200ms ease; }
.continue-block .button.continue span { background:url(../images/customer/cta-arrow-black.svg) no-repeat center right; padding-right:31px; padding-left:15px; }
.continue-block .button.continue:hover {background: #b0b2b4; }
.map-section .ms-content { display:none; }
.map-section.active .ms-content { display:block !important; }
.map-section.complete {  }
.map-section.complete .ms-title { cursor:pointer; color:#00984c; background:url(../images/customer/circle-success-green.svg) no-repeat center right / 30px;   } 
.map-section .field.description textarea { height:150px; padding:15px; border:1px solid #e9eaea; }
.access-options { float:left; width:100%; margin-top: 30px; }
.access-options .access-option { width:48%; float:left; margin:0 0 25px; position: relative; }
.access-options .access-option.acco_1 { margin-right:4%; }
.access-options .access-option .left1 { width: 35px; float:left; min-height:70px;position: relative;  }
.access-options .access-option .left2 { width: 85px; float:left; min-height:70px;position: relative;  }
.access-options .access-option .right { width: calc(100% - 120px); float:left; position: relative; min-height:70px;  }
.access-options .access-option .left1 input { position: absolute; left:0; top:50%; transform: translate(0,-50%); width:20px; height: 20px; border-radius: 1px; appearance:none; border:1px solid #ccc; }
.access-options .access-option .left1 input:focus, .access-options .access-option .left1 input:active { box-shadow: none !important; }
.access-options .access-option .left1 input:checked { background:url(../images/customer/circle-success-green.svg) no-repeat center / 32px;}
.access-options .access-option .left2 span.icon { width:70px; height:70px; border-radius: 50%; background-size: 100%; position: absolute; left:0; top:50%; transform: translate(0,-50%); }
.access-options .access-option .right span { position: absolute; left:0; top:50%; transform: translate(0,-50%); font-size: 16px; }
.field.access_options { margin-top:10px; }

/** old icons **/

.quite_place .icon { background:url(../images/map-home/accessability-needspace.svg) no-repeat center;}
.give_space  .icon { background:url(../images/map-home/accessability-needspace.svg) no-repeat center;}
.audio_description .icon { background:url(../images/map-home/accessability-sensitivesound.svg) no-repeat center;}
.need_rest .icon { background:url(../images/map-home/accessability-sitdown.svg) no-repeat center;}
.sit_rest .icon { background:url(../images/map-home/accessability-sitdown.svg) no-repeat center;}
.dont_touch .icon { background:url(../images/map-home/accessability-donottouch.svg) no-repeat center;}
.sound_aware .icon { background:url(../images/map-home/accessability-sensitivesound.svg) no-repeat center;}
.bright_lights .icon { background:url(../images/map-home/accessability-cantstand.svg) no-repeat center;}

/** new icons **/

.accessible_fitting_room .icon{background: url(../images/accessibility/accessible_fitting_room.svg) no-repeat center;}
.onsite_parking .icon{background: url(../images/accessibility/onsite_parking.svg) no-repeat center;}
.changing_places_toilet .icon{background: url(../images/accessibility/changing_places_toilet.svg) no-repeat center;}
.assistance_dog_friendly .icon{background: url(../images/accessibility/assistance_dog_friendly.svg) no-repeat center;}
.assistive_listening .icon{background: url(../images/accessibility/assistive_listening.svg) no-repeat center;}
.audio_description .icon{background: url(../images/accessibility/audio_description.svg) no-repeat center;}
.braille .icon{background: url(../images/accessibility/braille.svg) no-repeat center;}
.companion_carer_access .icon{background: url(../images/accessibility/companion_carer_access.svg) no-repeat center;}
.large_print .icon{background: url(../images/accessibility/large_print-01.svg) no-repeat center;}
.level_access .icon{background: url(../images/accessibility/level_access.svg) no-repeat center;}
.online_tour .icon{background: url(../images/accessibility/online_tour.svg) no-repeat center;}
.onsite_parking .icon{background: url(../images/accessibility/onsite_parking.svg) no-repeat center;}
.physical_guided_tour .icon{background: url(../images/accessibility/physical_guided_tour.svg) no-repeat center;}
.quiet_hour .icon{background: url(../images/accessibility/quiet_hour_01.svg) no-repeat center;}
.safequiet_spac .icon{background: url(../images/accessibility/safe_place-01.svg) no-repeat center;}
.seating_available .icon{background: url(../images/accessibility/seating_available.svg) no-repeat center;}
.sign_language .icon{background: url(../images/accessibility/sign_language.svg) no-repeat center;}
.accessible_toilet .icon{background: url(../images/accessibility/accessible_toilet.svg) no-repeat center;}
.step_free_access .icon{background: url(../images/accessibility/step_free_access.svg) no-repeat center;}

.assisted_transport{background: url(../images/accessibility/assisted_transport.png) no-repeat center;}
/** CAUSE A RESAVE **/

.field.free_sunflo { border-top:1px solid #e9eaea; padding-top: 40px; margin-top: 20px;  }
.free-products { width:100%; float:left; margin-top: 10px; margin-bottom: 20px; }
.nugget { font-weight: bold; min-width:165px; float:left; border:1px solid #e9eaea; border-radius: 25px; height:54px; position: relative; transition:all 200ms ease; cursor:pointer; margin-right: 15px; margin-bottom: 15px; }
.nugget span { position: absolute; top:50%; left: 45px; transform: translate(0,-50%); }
.nugget:before { content:''; width:18px; height:18px; display:block; border:1px solid #e9eaea; border-radius: 50%; position: absolute; top:50%; left: 18px; transform: translate(0,-50%); }
.nugget.active { border-color:#00984c; color:#00984c; }
.nugget.active:before { border-color:#00984c; background:url(../images/customer/circle-success-green.svg) no-repeat center / 22px;}
.all-free-products { width:100%; float:left; margin-top:10px; }
.all-free-products .nugget { min-width:215px; }
.submit-wrap { width:100%; float:left; margin-top: 15px; border-top:1px solid #e9eaea; padding-top:20px; text-align: right; }
.submit-wrap button.button.action.primary { float:none; }
.submit-wrap button.button.action.primary span { color:#000 !important;  }
.file-uploader-area { z-index: 1; }

@media screen and (max-width: 750px) {
	body .access-options .access-option { width:100%; margin: 0 0 20px !important; }
	.ms-title { font-size: 18px; }
}

.loco-topper { width:100%; float:left; position: relative; padding-top: 14px; margin-bottom: 20px; }
.loco-topper a.plus { border-radius: 6px; float:right; color:#fff; transition:all 200ms ease; height:50px; position: absolute; right:0; top:0;}
.loco-topper a.plus span { color:#fff; font-weight: bold; padding: 6px; float:left; }
.loco-topper a.plus:hover { background:#005b17; }
.loca-list { width:100%; float:left; }

.loca-row { width:100%; float:left; border-bottom: 1px solid #ddd; padding: 20px 0;  }
.loca-row.loca-title { font-weight: bold; padding:10px 0; }
.loca-1 { width: 60%; float:left; }
.loca-2 { width:20%; text-align:left; float:left; box-sizing: border-box; padding-right:20px; }
.loca-3 { width:20%; float:left; }

.loca-1 span.title { font-weight: bold; display: block; }
.loca-1 span.address { display: block; margin:0 0 10px; }
span.published { color:#00984C; }
span.unpublished { color: #777777; }
.loca-1 a.mapview { background: url(../images/customer/view-green.svg) no-repeat center left; padding-left:20px; margin-right: 10px; }
.loca-1 a.mapedit  { background: url(../images/customer/edit-green.svg) no-repeat center left; padding-left:20px; }

.has-logo .upload-wrapper .field-control { display:none; }
.has-logo.logo-removed .upload-wrapper .field-control { display:block; }
.faux-gal-1 { margin-left:-10px; }
.mob-only { display:none; }
.more-button-wrap { width:100%; float:left; text-align: center; }
.more-button-wrap button { float: right; margin-top: 30px; }

@media (max-width: 767px) {
	.loca-row.loca-title { display:none; }
	.loca-1 { width:100%; margin:0 0 10px; }
	.loca-2 { width:100%; padding-right: 0; }
	.loca-3 { width:100%; }
	.loco-topper a.plus { position: static; width:100%; }
	.loco-topper a.plus span { text-align: center; width:100%; }
	.top-only { display:none; }
	.mob-only { display: block; width:100%; margin-top: 10px; }
	.loca-1 span.address { margin-bottom: -5px;}
	.benefits-wrap .benefit { width:100%; }
}

@media (max-width:767px) {
	.benefits-wrap .benefit { width:100%; }
}

/* EVENTS MAKER */
.field.date-picker-field, .dtime-wrap { position: relative; }
body.pixiedust  .datepicker{ height:50px; border:1px solid #e9eaea; }
.field.date-picker-field button.ui-datepicker-trigger { background:url(../images/customer/events-header-icon.svg) no-repeat center right 15px / 35px; width: 100%; height:50px; position: absolute; right: 0px; bottom:0px; }
.field.date-picker-field button.ui-datepicker-trigger span { font-size:0; }
.dtime-wrap { max-width: 400px; }
.gry { color:#949698 !important; }
.field.date-picker-field .gry { width:100%; float:left; margin-top:20px; }
.sepo { width:100%; float:left; display:block; height:1px; background:#c9cacb; margin:10px 0 35px; }
body.pixiedust .pixie-multiselect { height:177px !important; }
body.pixiedust .pixie-multiselect option { padding:7px 5px; border-bottom: 1px solid #e9eaea;  }
.wrapa-row { width:100%; float:left; max-width:100% !important; }
.wrapa-row .rrow { width: 49%; float:left; position: relative; }
.wrapa-row .rrow.rrow-first { margin-right:2%; }

.slider-option { width:100%; float:left;  }
.slider-option span { float:left; display:inline-block; height:40px; }
.slider-option span.on { color:#fff;}
.slider-option span.off, .slider-option span.on { padding-top:12px; transition:all 200ms ease; }
.slider-option .slider { width: 75px; height:40px; background:#c9cacb; border-radius: 20px; padding:2px; box-sizing: border-box; border:1px solid #e9eaea; position: relative; margin:0 10px; cursor:pointer; transition:all 200ms ease; }
.slider-option .slider:before { content:''; width:36px; height:36px; border-radius: 50%; background:#fff; position: absolute; left:1px; top:1px; transition: all 200ms ease; }
.slider-option.active .slider { background:#00984c;}
.slider-option.active  span.on { color:#000; }
.slider-option.active  span.off { color:#fff; }
.slider-option.active  .slider:before { left:36px; }

.check-row-wrap { width:100%; float:left; }
.check-row-wrap .check-row { width:50%; float:left; position: relative; box-sizing: border-box; padding-right: 15px; }
.check-row-wrap .check-row input { position: absolute; top:50%; left:0; transform: translate(0,-50%); appearance:none; width: 20px; height:20px; box-sizing: border-box; border:1px solid #000; border-radius: 1px; }
.check-row-wrap .check-row input:checked { background:url(../images/customer/circle-success-green.svg) no-repeat center / 32px;border-color:#00984c;   }
.check-row-wrap .check-row span { float:left; padding:10px 0 10px 35px; }
.check-row-wrap .check-row input:checked, .check-row-wrap .check-row input:focus, .check-row-wrap .check-row input:active { box-shadow: none; }

@media screen and (max-width:580px) {
	body .field .left { width:100%; }
	body .field .right { width:100%; }
	.wrapa-row .rrow { width:100%; }
	.wrapa-row .rrow.rrow-first { margin:0 0 20px; }
	.split-field .field { width:100%; }
	.split-field .field:first-of-type  { margin:0 0 20px; }
	.check-row-wrap .check-row { width:100%; }
}

.loca-list.event-list .loca-1 .feat-image { width: 75px; float:left; border-radius: 12px; position: relative; overflow: hidden; margin-right: 10px;}
.loca-list.event-list .loca-1 .feat-image img { width:100%; }
.loca-list.event-list .loca-1 .title { margin-bottom: 10px; }

a.delly-button { float: none; margin: 0 40px 0 0; color:#000; }
a.delly-button span { color:#000; }

/* Subscription page */
h1.bene { color:#000; background:url(../images/customer/title-subscribe-icon.svg) no-repeat center left; padding-left:38px;  }
.bene-range { width:100%; float:left; margin-top: 30px; }
.bene-range .bene-option { width:100%; float:left;  padding: 20px 20px 20px 0;   }
.bene-range .bene-option .left { position:relative; width: calc(100% - 200px); float:left; }
.bene-range .bene-option .right { width:200px; float:left; text-align:right; box-sizing:border-box; padding-left:10px; }
.bene-range .bene-option .title { display:block; font-size:16px; }
.bene-range .bene-option .title b { font-size:22px; }
.bene-range .bene-option .right a.upgrade { background:#00984c; transition:all 200ms ease; padding:15px 20px; border-radius: 4px; float:left; text-align: center; width:100%; }
.bene-range .bene-option .right a.upgrade span { color:#fff; }
.bene-option.current { background:#fed105; padding:20px; border-radius:  10px; border:none;  } 
.bene-option.current .left { padding-left: 50px; }
.bene-option.current .left:before { content:''; background:url(../images/customer/circle-success-green.svg) no-repeat center / 35px; width:35px; height:35px; border-radius: 50%; position: absolute; left:0; top:50%; transform: translate(0,-50%); }
.pixiemedia_mapmaker-index-mylevel .sepo { margin:10px 0;}

/* MENU */
.nav.item.faux-limiter { }
.nav.item.pm-nav-title, .nav.item.faux-limiter { border-bottom: 0 !important; }
.nav.item.pm-indent { padding-left: 15px; border-left:1px solid #e9eaea; border-top:0; border-bottom: 0 !important;   }
.nav.item.pm-indent a:before { display:none; }
body.pixiedust .form.create.account .actions-toolbar{padding: 0 25px 0 0px;}

/** customer login page **/

.customer-account-login .block.block-customer-login{width: 30%;padding: 0;box-shadow: 0 0 18px -5px #ccc; padding: 25px;}
.customer-account-login .login-container{width: 100%;padding: 0;box-shadow: none;}
.customer-account-login .login-container:after{display: none;}
.customer-account-login .block.block-new-customer{width: 65%;}
.customer-account-login .block.block-new-company{width: 65%;}

body.pixiedust .new-customer-block-login h2{color: black;border-bottom: solid 2px #00984C;padding-bottom: 5px;font-weight: 700;}
body.pixiedust .new-customer-block-login p{margin-bottom: 15px;}
body.pixiedust .new-customer-block-login hr{padding-bottom: 0;}
body.pixiedust.customer-account-login h1.page-title{width: 100%;border-bottom: solid 2px #00984c;padding-bottom: 9px;margin-bottom: 30px;}

body.pixiedust  legend.field.note{font-size: 14px;}

@media (max-width:1199px) {
	.customer-account-login .block.block-customer-login{width: 100%;}
	.customer-account-login .block.block-new-customer{width: 100%;}
	.customer-account-login .block.block-new-company{width: 100%;}
	.subberitem .large {  font-size: 10px; }
	.subberitem .prc {  font-size: 12px; }
}

@media (max-width:600px) {
	.bene-range .bene-option{display: flex;flex-direction: column;}
	.bene-range .bene-option .left {width: 100%;}
	.bene-range .bene-option .right {width: 100%;margin: 20px 0 0 0;padding: 0;}
}

@media (max-width:680px) {
	.iconblock .iconwrap{display: inline-flex;flex-direction: column;overflow: hidden;}
	.iconblock .iconwrap .icw {width: 100%;}
	.iconblock .iconwrap .icw .icon {width: 20%;}
	.iconblock .iconwrap .icw .script {position: absolute;width: 100%;left: 22%;top: 50%;transform: translate(0, -50%);color: #000;max-width: 100%;font-weight: 700;}
}