html {height: 100%; box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box}

*, *:before, *:after {box-sizing: inherit}

body {font-size: 100%; font-family: "Poppins", Arial, sans-serif; font-weight: 400; color: #111; background: #fff; margin: 0; padding: 0; height: 100vh; font-smooth:always; -webkit-font-smoothing: subpixel-antialiased; -moz-osx-font-smoothing:auto}

iframe {border: 0}

div, form, h1, h2, h3, h4, h5, h6, p, pre {float: left; margin: 0; padding: 0; line-height: 1.75em; display:block;word-wrap: break-word; overflow-wrap: break-word}
ul, ol {float: left; line-height: 1.25em; width: 100%; padding: 0 0 25px 25px}
img {margin: 0; padding: 0; display: inline-block}
img.roundimg {border-radius: 50%}
a {color: #22262F; text-decoration:none; display: inline-block; font-weight: 700}
p {margin: 25px 0 0; line-height: 2em; width: 100%}
p:empty {margin: 0; line-height: 0em}
blockquote {width: 90%; padding: 0 0 0 5%; margin-bottom: 30px; border-left: 3px solid #19164D; display: inline-block}
blockquote p {font-family: "open-sans", Arial, sans-serif; font-weight: 300; margin: 0}
.subtitle blockquote {width: 100%; padding: 0; margin: 0; border: 0}

button {border:0}

.terms {font-size: 1em; font-weight: 400; width: 100%}
.terms h2 {font-size: 2em}
.terms p, .terms ol, .terms ul, .terms li {font-size: 1em; line-height: 1.3em; width: 100%; margin: 0 0 15px}
.terms li {float: left; margin: 0 0 3px}

.btn, .btn_like, .temp_btn, .btn_action {font-size: 1.1em; line-height: 1em; font-weight: 600; padding: 12px; margin: 25px 25px 25px 0}
.btn_like a {font-weight: 600}
.btn span, .btn_like span, .temp_btn span, .btn_action span {float: right; width: 12px; height: 16px; background: url('/src/img/icons/chevron-right.svg') 50% 50% no-repeat; background-size: contain; margin: 0 0 0 10px}
.btn span.h14, .btn_like span.h14, .temp_btn span.h14, .btn_action span.h14 {width: 10px; height: 14px}
.btn.register_btn {padding: 11px 9px}
.btn.register_btn span {height: 13px}
.quicklink_area .btn_like {font-size: 0.95em}

.btn.take_bg {background: rgba(0,0,0,0.2)}

.logo_holder {width: 250px}

.z0 {z-index: 0}
.z1 {z-index: 1}
.z100 {z-index: 100}
.z_modal {z-index: 10000}

.relative {position: relative}
.absolute {position: absolute}
.fixed {position: fixed}
.stick {position: fixed; width: inherit !important}
span.avoidwrap {display:inline-block}
.top_left {top: 0; left: 0}
.bottom_nav_items {float: none; position: fixed; bottom: 0; left: 0; z-index: 100}
.modal_content {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%)}

.auto {width: auto; height: auto}
.overflow {overflow: hidden}

.line0 {line-height: 0em}
.linep5 {line-height: 0.5em}
.line1 {line-height: 1em}
.line1p1 {line-height: 1.1em}
.line1p25 {line-height: 1.25em}
.line1p5 {line-height: 1.5em}
.line1p75 {line-height: 1.75em}
.line2 {line-height: 2em}

/* hX styles */
h1 {font-size: 2.75em}
h2 {font-size: 1.75em}
h3 {font-size: 1.25em}
h4, .h4 {font-size: 1.1em}
h5, .h5 {font-size: 0.85em}
h6, .h6 {font-size: 0.8em}

.headline {padding: 15px; margin-bottom: 30px}
.page_title {padding: 12px; margin-bottom: 30px}

.on {display: block}
.hideme, .hidden {display: none}

.left {float: left}
.right {float: right}
.none {float: none}
.clear {clear:both}

.ib {display: inline-block !important}

.text_left {text-align: left}
.text_right {text-align: right}
.text_centre {text-align: center}

.table_text, .text_shrink {font-size: 0.85em}
.text_shrink_more {font-size: 0.75em}
.text_shrink_most {font-size: 0.65em}
.text_grow {font-size: 1.25em}
.text_grow_more {font-size: 1.5em}
.text_grow_most {font-size: 2em}
.text_norm {font-size: 1em}
.letter_wide {letter-spacing: 0.5px}

.abs_bottom {position: absolute; bottom: 0}
.bottom {position: absolute; float: none; bottom: 0; left: 0; z-index: 100}
.upper {text-transform: uppercase}

/* div widths */

/* div widths */
.w2, .w3, .w4, .w5, .w6, .w7, .w8, .w10, .w11, .w12, .w13, .w14 .w15, .w16, .w17, .w18, .w20, .w25, .w28, .w30, .w33, .w34, .w35, .w36, .w40, .w45, .w50, .w60, .w70, .w75, .w80, .w85, .w90, .w95, .w98, .w99 {width: 0%; margin: 0 1%}
.w3 {width: 1%}
.w4 {width: 2%}
.w5 {width: 3%}
.w6 {width: 4%}
.w7 {width: 5%}
.w8 {width: 6%}
.w9 {width: 7%}
.w10 {width: 8%}
.w11 {width: 9%}
.w12 {width: 10%}
.w13 {width: 11%}
.w14 {width: 12%}
.w15 {width: 13%}
.w16 {width: 14%}
.w17 {width: 15%}
.w18 {width: 16%}
.w20 {width: 18%}
.w25 {width: 23%}
.w28 {width: 26%}
.w30 {width: 28%}
.w32 {width: 30%}
.w33 {width: 31%}
.w34 {width: 32%}
.w35 {width: 33%}
.w36 {width: 34%}
.w40 {width: 38%}
.w45 {width: 43%}
.w50 {width: 48%}
.w60 {width: 58%}
.w65 {width: 63%}
.w70 {width: 68%}
.w75 {width: 73%}
.w80 {width: 78%}
.w90 {width: 88%}
.w95 {width: 93%}
.w97 {width: 95%}
.w98 {width: 96%}
.w99 {width: 97%}
.w85 {width: 85%; margin: 0}
.w100 {width: 100%; margin: 0}
.w400 {width: 400%; margin: 0}

.w90.mar5_perc {width: 90%}

.enquiry_box {width: 89.5%}
.w100.base {min-width: 370px}

.true10 {width:10%}
.true15 {width:15%}
.true17 {width:17%}
.true20 {width:20%}
.true25 {width:25%}
.true33 {width:33.333%}
.true40 {width:40%}
.true50 {width:50%}
.true60 {width:60%}
.true66 {width:66%}
.true70 {width:70%}
.true75 {width:75%}
.true75 {width:75%}
.true80 {width:80%}
.true90 {width:90%}

.stripe_box_10 {width: 9.1%; margin: 0 1% 1% 0}
.stripe_box_10:nth-child(10n+10) {margin: 0 0 1%}
.stripe_box_9 {width: 10.222%; margin: 0 1% 1% 0}
.stripe_box_9:nth-child(9n+9) {margin: 0 0 1%}
.stripe_box_8 {width: 11.625%; margin: 0 1% 1% 0}
.stripe_box_8:nth-child(8n+8) {margin: 0 0 1%}
.stripe_box_7 {width: 13.428%; margin: 0 1% 1% 0}
.stripe_box_7:nth-child(7n+7) {margin: 0 0 1%}
.stripe_box_6 {width: 15.833%; margin: 0 1% 1% 0}
.stripe_box_6:nth-child(6n+6) {margin: 0 0 1%}
.stripe_box_5 {width: 19.2%; margin: 0 1% 0 0}
.stripe_box_5:nth-child(5n+5) {margin: 0 0 1%}
.stripe_box_4 {width: 24.24%; margin: 0 1% 1% 0}
.stripe_box_4:nth-child(4n+4) {margin: 0 0 1%}
.stripe_box_3 {width: 32.666%; margin: 0 1% 1% 0}
.stripe_box_3:nth-child(3n+3) {margin: 0 0 1%}
.stripe_box_2 {width: 49.50%; margin: 0 1% 1% 0}
.stripe_box_2:nth-child(2n+2) {margin: 0 0 1%}
.stripe_box_1 {width: 100%; margin: 0 0 1%}

.scrolling_content .stripe_box {width: 35%; margin: 10px 1% 10px 0}
.scrolling_content .stripe_box:last-child {width: 35%; margin: 10px 0}

.h10 {height: 10%}
.h20 {height: 20%}
.h25 {height: 25%}
.h50 {height: 50%}
.h80 {height: 80%}
.h90 {height: 75%}
.h100 {height: 100%}

/* bg colours */
.green {background: #087A3E}
.grey {background:#262628}
.dk_grey {background:#111112}
.white {background: #FFF}
.bg_black {background: #000}
.bg_pale_grey {background: #F5F5F5}
.bg_light_grey {background: #F2F2F2}
.bg_mid_grey {background: #CACFD2}
.bg_footer_grey {background: #F3F3F3}

.brand_yellow {background-color: #DDA701}
.brand_orange {background-color: #de7801}
.brand_red {background-color: #D0113A}
.brand_indigo {background-color: #bb005d}
.brand_purple {background-color: #863496}
.brand_blue {background-color: #275eaa}
.brand_green {background-color: #009e70}
.brand_lime {background-color: #7bae59}
.brand_grey {background-color: #f9f9f9; color: #111}
.brand_black {background-color: #000; color: #FFF}

.brand_yellow_box {background-color: #DDA701; border: 2px solid #9D7700}
.brand_orange_box {background-color: #de7801; border: 2px solid #AB5C00}
.brand_red_box {background-color: #D0113A; border: 2px solid #A10D2D}
.brand_indigo_box {background-color: #bb005d; border: 2px solid #880043}
.brand_purple_box {background-color: #863496; border: 2px solid #60256B}
.brand_blue_box {background-color: #275eaa; border: 2px solid #1A4075}
.brand_green_box {background-color: #009e70; border: 2px solid #006144}
.brand_lime_box {background-color: #7bae59; border: 2px solid #507438}
.brand_grey_box {background-color: #CCC; color: #505253; border: 2px solid #7A7A7A}
.brand_black_box {background-color: #000; color: #FFF}

.brand_yellow_border {border: 5px solid #DDA701}
.brand_orange_border {border: 5px solid #de7801}
.brand_red_border {border: 5px solid #D0113A}
.brand_indigo_border {border: 5px solid #bb005d}
.brand_purple_border {border: 5px solid #863496}
.brand_blue_border {border: 5px solid #275eaa}
.brand_green_border {border: 5px solid #009e70}
.brand_lime_border {border: 5px solid #7bae59}
.brand_grey_border {border: 5px solid #505253}

.brand_yellow_contrastborder {border: 2px solid #9D7700}
.brand_orange_contrastborder {border: 2px solid #AB5C00}
.brand_red_contrastborder {border: 2px solid #A10D2D}
.brand_indigo_contrastborder {border: 2px solid #880043}
.brand_purple_contrastborder {border: 2px solid #60256B}
.brand_blue_contrastborder {border: 2px solid #1A4075}
.brand_green_contrastborder {border: 2px solid #006144}
.brand_lime_contrastborder {border: 2px solid #507438}
.brand_grey_contrastborder {border: 2px solid #7A7A7A}

.no_border_bottom {border-bottom: 0}
.no_border_top {border-top: 0}
.no_border_left {border-left: 0}
.no_border_right {border-right: 0}
.no_border_sides {border-left: 0; border-right: 0}

.font_def {color: #111}
.font_yellow {color: #DDA701}
.font_orange {color: #de7801}
.font_red {color: #D0113A}
.font_indigo {color: #bb005d}
.font_purple {color: #863496}
.font_blue {color: #275eaa}
.font_green {color: #009e70}
.font_lime {color: #7bae59}
.font_grey {color: #454545}
.font_white {color: #FFF}

.twitter_blue {background: #55ACEE}
.twitter_blue p {line-height: 1.25em}
.twitter_blue p.small {position: relative; margin: 0; font-size: 0.8em; color: #444}

.overlay {background: #000}
.faux_rows:nth-child(odd){background: #fafafc}
.modal_holder {background: rgba(116,101,153,0.8)}

/* font weights */
.font_thin {font-weight: 100} /* turned off */ 
.font_light {font-weight: 300} /* turned off */ 
.font_reg {font-weight: 400}
.font_med {font-weight: 500}
.font_semi {font-weight: 600}
.font_bold, strong, b {font-weight: 700}
.font_black {font-weight: 900}
.font_normal {font-weight: normal}

/* opacity */
.op100 {opacity: 1}
.op80 {opacity: 0.8}
.op75 {opacity: 0.75}
.op70 {opacity: 0.7}
.op50 {opacity: 0.5}
.op33 {opacity: 0.33}
.op25 {opacity: 0.25}

.fr-basic .fr-element h1, .fr-basic .fr-element h2, .fr-basic .fr-element h3, .fr-basic .fr-element h4 {width: 100%}

.alert {margin: 20px 0 0; padding: 15px}
.alert p {margin-bottom: 0}

.cta_holder {height: 400px}

/* navigation */
.navigation {position:fixed; border: 0; left: 0; z-index: 8000}
.navigation .grey {font-size: 1em}

.nav_items {float: left; font-weight: 600}
.nav_items ul.top_level, .nav_items .sub_level ul {float: left; list-style: none; font-size: 0.9em; line-height: 1em; padding: 0}
.nav_items ul.top_level li div.first {float: left; padding: 20px 0; margin: 0 38px 0 0; letter-spacing: 0.2px}
.nav_items ul.top_level li:last-child  div.first {float: right; margin: 0}
.nav_items ul.top_level li div.first span {float: right; width: 12px; height: 12px; background: url('/src/img/icons/chevron-down_blk.svg') 50% 0 no-repeat; background-size: contain; margin: 0 0 0 8px}
.nav_items ul.top_level li.img {margin-left: 0}
.nav_items ul.top_level li:hover {cursor:pointer}
.nav_items ul li a {color: #000}
.nav_items ul li a.font_blue {color: #0A94D3}
.nav_items span.cross, span.cross {float: right; width: 10px; height: 14px; margin: 0 0 0 10px; background: url('/src/img/icons/cross_white.png') 50% 50% no-repeat; background-size: contain;}

.top_nav_items {float: none; margin: 0 auto; overflow: hidden}
.top_nav_items a {font-weight: 400}
.top_nav_items ul {float: right; list-style: none; font-size: 0.85em; padding: 0; margin: 4px 0 0; width: auto}
.top_nav_items ul li {float: left; margin: 0 0 -2px 12px}
.top_nav_items ul li:hover {cursor:pointer}
.top_nav_items p.cookie_policy {float: none; font-size: 0.75em; margin: 0}

.nav_items ul.top_level li .sub_nav {position: absolute; left: 0; float:none; overflow: hidden}
.nav_items ul.top_level li .sub_nav ul {float: left; width: 100%; list-style: none; font-size: 1em; padding: 0; margin: 0}
.nav_items ul.top_level li .sub_nav ul li {float: left; width: 100%; padding: 0; margin: 10px}
.nav_items ul.top_level li .sub_nav ul li.sub_drop {margin: 0; padding: 10px 0; line-height: 1em}
.nav_items ul.top_level li .sub_nav ul li.sub_drop span {float: right; width: 12px; height: 12px; background: url('/src/img/icons/chevron-right.svg') 50% 0 no-repeat; background-size: contain; margin: 5px 0 0 15px}

.sub_level ul li div span {float: right; width: 10px; height: 25px; background: url('/src/img/icons/chevron-down_blk.svg') 50% 50% no-repeat; background-size: contain; margin: 0 5px}
.sub_level ul li div.highlight {color: #0A94D3}

.stay_on_screen {z-index: 100}

.sub_nav_col1, .sub_nav_col2 {font-size: 1.1em; overflow: hidden}
.sub_nav_col2 ul.sub_sub_nav li {margin: 0 !important; padding: 17px 0 17px 25px !important; line-height: 1em}

.sub {position: relative}

.footer {color: #000}
.footer a {font-weight: 700}
.footer ul {float: right; list-style: none; font-size: 1.05em; padding: 0; margin: 0 0 20px}
.footer ul li {float: left; width: 100%; margin: 0; padding: 5px 0}
.footer ul li:hover {cursor:pointer}
.footer h4  {margin: 0 0 10px; font-size: 1.5em; font-weight: 800}
.footer h4 a {font-weight: 700}

ul li.social {width: auto; margin: 10px 0 -2px 12px}

/* borders */
.add_border {border: 1px solid #111}

.border {border-width: 3px}
.border_wide {border-width: 5px}
.border_extra_wide {border-width: 7px}
.border_max {border-width: 9px}

.border_yellow {border-color: #DDA701 !important}
.border_orange {border-color: #de7801 !important}
.border_red {border-color: #D0113A !important}
.border_indigo {border-color: #bb005d !important}
.border_purple {border-color: #863496 !important}
.border_blue {border-color: #275eaa !important}
.border_green {border-color: #009e70 !important}
.border_lime {border-color: #7bae59 !important}

.border_pale {border-color: #EAEAEA}
.border_grey {border-color: #CCC}
.border_black {border-color: #000}

/* heroes */
.hero {position: relative; background-size: cover}
.hero h1 {font-size: 2.5em; font-weight: 900; letter-spacing: -2px; color: #010F4E; width: 100%; bottom: 35px}
.cta_box {bottom: 50px; right: 5%; width: 215px}

.cta_box .action {padding: 14px; font-size: 1.6em; font-weight: 600; border-color: #066B36}
.cta_box .action span {float: right; width: 20px; height: 16px; background: url('/src/bcu_adv/img/icons/chevron-right.svg') 50% 0 no-repeat; background-size: contain; margin: 0 0 0 5px}
.cta_box .head {background: rgb(8,122,62); background: rgba(28,122,62,0.6)}
.cta_box .links {font-size: 0.6em; font-weight: 400; padding: 0 15px 0 0; margin: 0 15px 0 0}
.cta_box .links span {float: right; width: 15px; height: 10px; background: url('/src/bcu_adv/img/icons/chevron-right.svg') 50% 0 no-repeat; background-size: contain; margin: 0 0 0 2px}
.cta_hero {font-weight: 600}
.cta_hero p {font-size: 1.8em}

.cta_box .action_btn {padding: 14px 14px 0}
.cta_box .action_btn .btn span {width: 12px; height: 16px; margin: 0 0 0 12px}

.quicklinks_holder {height: 100%; z-index: 1010}

.homepage_banner {
	background: url('/src/img/home_banner.jpg') 50% 50% no-repeat;
	background-size: cover; 
	height: 55vh;
}

/* margins */
.margin1 {margin: 1px}
.margin2 {margin: 2px}
.margin3 {margin: 3px}
.margin5 {margin: 5px}
.margin8 {margin: 8px}
.margin10 {margin: 10px}
.margin12 {margin: 12px}
.margin15 {margin: 15px}
.margin18 {margin: 18px}
.margin20 {margin: 20px}
.margin25 {margin: 25px}
.margin30 {margin: 30px}
.margin50 {margin: 50px}
.margin66 {margin: 66px}
.margin75 {margin: 75px}
.margin100 {margin: 100px}

.mar1_perc {margin: 0 1%}
.mar2_perc {margin: 0 2%}
.mar2p5_perc {margin: 0 2.5%}
.mar5_perc {margin: 0 5%}
.mar7p5_perc {margin: 0 7.5%}
.mar10_perc {margin: 0 10%}
.mar12p5_perc {margin: 0 12.5%}
.mar15_perc {margin: 0 15%}
.mar20_perc {margin: 0 20%}
.mar25_perc {margin: 0 25%}
.mar33_perc {margin: 0 33%}

.mar30h_perc {margin: 30% 0}
.mar40h_perc {margin: 40% 0}

.mar1_allperc {margin: 1%}
.mar2_allperc {margin: 2%}
.mar5_allperc {margin: 5%}
.mar10_allperc {margin: 10%}

.hero_margin {margin-top: 87px}
.nav_margin {margin-top: 87px}

/* padding */
.padding2 {padding: 2px}
.padding3 {padding: 3px}
.padding5 {padding: 5px}
.padding6 {padding: 6px}
.padding8 {padding: 8px}
.padding10 {padding: 10px}
.padding12 {padding: 12px}
.padding15 {padding: 15px}
.padding20 {padding: 20px}
.padding25 {padding: 25px}
.padding30 {padding: 30px}
.padding35 {padding: 35px}
.padding40 {padding: 40px}
.padding50 {padding: 50px}
.padding66 {padding: 66px}
.padding75 {padding: 75px}
.padding100 {padding: 100px}
.padding150 {padding: 150px}
.padding200 {padding: 200px}
.padding250 {padding: 250px}

/* borders */

.content_title {position: relative; top: 50%; transform: translateY(-50%)}
.content_title h3 {line-height: 1.1em}

.brick .text_shrink {font-size: 0.9em}

.tiles .w20, .tiles_right .w100.get, .event_tiles .w25 {margin:6px 12px 6px 0}
.tiles_right .w100.get, .tiles_right_page {margin: 6px 0 6px 3px}
.tiles_right_page {margin: 0 0 16px 6px}
.tile_holder, .tile_bg, .tile_hover, .text_tile {width: 100%; height: 100%; position: relative}
/*.tile_hover, .activity_hover {background: rgba(116,101,153,0.25)}*/
.tile_hover:hover {background: rgba(116,101,153,0.05)}
.activity_hover:hover {background: rgba(0,0,0,0)}

.tiles_right div, .tiles_right_page div, .font_xbold .para {line-height: 1em}

.subtitle {line-height: 1.25em}
.subtitle h1 {line-height: 1.25em}
.box_text {float: none; position: absolute; bottom: 0px; padding: 0.5rem 0 0.5rem 0.25rem; box-decoration-break: clone; -webkit-box-decoration-break: clone}
.box_text .subtitle span, .news_box_text .subtitle span, .headline_img .box_text .subtitle span, .tag_img .box_text .subtitle span {color: #fff; display: inline; padding: 0.25rem 0.5rem; box-decoration-break: clone; -webkit-box-decoration-break: clone; font-size: 0.9em}
.box_text .subtitle span.text_shrink_more, .news_box_text .subtitle span.text_shrink_more {padding: 0.15rem 0.5rem; font-size: 0.75em}
.box_text .subtitle span.text_shrink_most {font-size: 0.65em}

.headline_img, .tag_img {position: relative; width: 100%; height: 100%}
.banner_img {position: absolute; width: 100%; height: 100%}
.headline_img .box_text, .tag_img .box_text {padding: 0 0 50px 0}
.headline_img h1, .tag_img h1, .banner_img h1 {float: none; font-size: 3.5em; line-height: 1.15em}
.headline_img h1.front_page {float: left; font-size: 1.5em; line-height: 1.75em}
.sl-slides-wrapper .headline_img {position: absolute}
.headline_img::before, .sl-content::before, .banner_img::before, .tile_overlay::before {position: absolute; content:" "; top:0; left:0; width:100%; height:100%; display: block; z-index:0; background-color: rgba(210,210,210,0.15)}

.inside_page_links {border-width: 0 0 0 5px; border-style: solid; border-color: #f9f9f9}
.highlight {font-weight: 800; border-width: 0 0 0 5px; border-style: solid}

.image_info {height: 300px; border-bottom: 10px solid #F5F5F5}

.cal_day, .cal_day_ans {font-size: 1rem; padding: 0.25rem 0 0; line-height: 1em; text-transform:uppercase}
.cal_date, .cal_date_ans {font-size: 3.1rem; line-height: 2.8rem}
.cal_mmyy, .cal_mmyy_ans {padding: 0 0 0.25rem; line-height: 1em; text-transform:uppercase}

.cal_day_ans {font-size: 0.8rem; line-height: 0.8em}
.cal_date_ans {font-size: 2rem; line-height: 2rem}
.cal_mmyy_ans {font-size: 0.8rem; line-height: 0.8em}

.show_more, .show_more_questions, .show_more_events {float:none; margin: 20px auto 0; width: 200px}
.show_more_questions, .show_more_events {margin: 10px auto}

.basket_counter {line-height:1.25em}

.box_numbers {float: none; right: 10%; top: 33%}

/* inputs */
label {font-weight: 600}
input, textarea, select, .form_feedback {width: 100%; border: 1px solid #c5c5c5; color: #22262F}
textarea {height: 39px}
.form_feedback .message_space {margin: 2.5%}

input[type="radio"], input[type="checkbox"] {width: 12px; margin: 0}
input[type="radio"].w100 {float: none; width: auto; margin: 0 auto}
input[type="submit"] {-webkit-appearance: none;-moz-appearance: none;appearance: none}

select {-webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 10px; line-height: 1em; width: auto; border-radius: 0; background: #FFF}

form .w100.no_margin, form .w50.no_margin {margin-bottom: 10px}
.form_feedback {padding: 5px; border: 1px solid #000}
	
.input_box_style {font-family: inherit; padding: 10px; line-height: 1.6em; text-decoration: none; width: auto}
.input_box_style.w100 {width: 100%}

.expand_lines {height: 79px}

::-webkit-input-placeholder {color: #444; font-family: "Proxima-Nova", Arial, sans-serif; font-weight: 400}
:-moz-placeholder {color: #444; opacity: 1; font-family: "Proxima-Nova", Arial, sans-serif; font-weight: 400}
::-moz-placeholder {color: #444; opacity: 1; font-family: "Proxima-Nova", Arial, sans-serif; font-weight: 400}
:-ms-input-placeholder {color: #444; font-family: "Proxima-Nova", Arial, sans-serif; font-weight: 400}

.footer {font-size: 0.75em; z-index: 1000}

.social_icons a {padding: 10px; border: 1px solid #9d84d8; border-radius: 5px}
.social_icons a .image_holder {width: 12px; height: 12px}

.cta_icons a {padding: 20px; border: 1px solid #D0D0D0; border-radius: 5px; background: rgba(0,0,0,0.66)}
.cta_icons a .image_holder {width: 12px; height: 12px}

.social_icons .linkedin div {background: url(/src/img/new_icons/coloured/linkedin.svg) 50% 50% / cover}
.social_icons .linkedin:hover {background: #0077B5}
.social_icons .linkedin:hover div {background: url(/src/img/new_icons/white/linkedin.svg) 50% 50% / cover}

.social_icons .googleplus div {background: url(/src/img/new_icons/coloured/google_plus.svg) 50% 50% / cover}
.social_icons .googleplus:hover {background: #D9534F}
.social_icons .googleplus:hover div {background: url(/src/img/new_icons/white/google_plus.svg) 50% 50% / cover}

.social_icons .twitter div {background: url(/src/img/new_icons/coloured/twitter.svg) 50% 50% / cover}
.social_icons .twitter:hover {background: #00ACED}
.social_icons .twitter:hover div {background: url(/src/img/new_icons/white/twitter.svg) 50% 50% / cover}

.social_icons .facebook div {background: url(/src/img/new_icons/coloured/facebook.svg) 50% 50% / cover}
.social_icons .facebook:hover {background: #3B5998}
.social_icons .facebook:hover div {background: url(/src/img/new_icons/white/facebook.svg) 50% 50% / cover}

.social_icons .instagram div {background: url(/src/img/new_icons/coloured/instagram.png) 50% 50% / cover}
.social_icons.whitebg .instagram {background: #FFF}
.social_icons .instagram:hover {background: #b900b4}
.social_icons .instagram:hover div {background: url(/src/img/new_icons/white/instagram.png) 50% 50% / cover}

.cta_icons .text_flip:hover, .social_icons .text_flip:hover {background: #22262F; color: #FFF}
.cta_icons .text_flip_blue:hover, .social_icons .text_flip_blue:hover {background: #0A94D3; color: #FFF}
.cta_icons .text_flip_green:hover, .social_icons .text_flip_green:hover {background: #6AB751; color: #FFF}
.tile_flip:hover, .tile_flip.text_dk_grey:hover {background: #0A94D3; color: #FFF}

ul.connect {padding: 0}
ul.connect li {width: 100%; list-style: none; margin: 0}
ul.connect li a:hover {color:#6AB751}

.news_height {overflow:hidden}

.content_wrapper h1, .content_wrapper h2, .content_wrapper h3, .content_wrapper h4 {float: none; margin: 10px 0 0; white-space: break-spaces}
.content_wrapper h1 {font-size: 2em}
.content_wrapper h2 {font-size: 1.75em}
.content_wrapper h3 {font-size: 1.5em}
.content_wrapper ul {float: none; width: 100%; margin-top: 0; margin-bottom: 0; display: inline-block}
.content_wrapper li {width: 100%; line-height: 2em}
.content_wrapper .w70 a {color: #746599; text-decoration: underline}
.content_wrapper .w70 a.font_white {color: #FFF; text-decoration: none}

.content_in_here ul {margin:0; padding:0}
.content_in_here ul li {list-style: none}

.multi_line {line-height: 1.25em}

.cursor:hover {cursor:pointer !important}

.panel {background: #0a94d3; z-index: 9999; position: fixed; border-left: 1px solid #11a3e5; right: -75%; width: 75%}

.panel li {width: 100%; list-style: none; margin: 0; font-size: 0.85em}
.panel li span {float: right; padding: 0.4em; margin: 0.5em 0.5em 0.5em 0; border-radius: 5px; background-color: #444}
.panel li span div {float:none; width: 20px; height: 20px; background: url('/src/img/icons/chevron-down.svg') 50% 50% no-repeat; background-size: contain; margin: 0}

.panel li .side_sub_holder {height: 0; opacity: 0}

.panel a {display: block; padding: 10px 0}

.nav-icon {margin-right: 6px}

.add_item {position: relative; line-height: 0em; padding: 0 5px; width: 60px}
.add_item.smaller {width: 25px; padding:0; margin: 0 3px}
.add_item img {width: 50px; height: 50px}
.add_item.smaller img {width: 25px; height: 25px}

.feedback_holder {float: none; position: absolute; bottom: 0px; margin: 0; padding: 0}
.feedback_holder img {width: 16px; height: 16px}
.add_item.smaller .feedback_holder img {width: 8px; height: 8px; margin: 0 1px 1px 0}

.br3 {border-radius: 3px}
.br5 {border-radius: 5px}
.br15 {border-radius: 15px}
.br20 {border-radius: 20px}
.br25 {border-radius: 25px}
.br40 {border-radius: 40px}
.br50 {border-radius: 50px}
.br50pc {border-radius: 50%}
.br50pc.border {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); border: 1px solid #CCC}

.tab3 {border-radius: 3px 3px 0 0}
.tab5 {border-radius: 5px 5px 0 0}

/* icons */
.icon {width: 14px; height: 14px}
.mr {margin-right: 7px}
.ml {margin-left: 7px}
.save {background:url('/src/img/icons/floppy-disk.svg') 50% 50% no-repeat; background-size: contain}
.update {background:url('/src/img/icons/tick.svg') 50% 50% no-repeat; background-size: contain}
.delete {background:url('/src/img/icons/bin.svg') 50% 50% no-repeat; background-size: contain}
.db {background:url('/src/img/icons/database.svg') 50% 50% no-repeat; background-size: contain}
.pencil {background:url('/src/img/icons/pencil.svg') 50% 50% no-repeat; background-size: contain}
.pencil_white {background:url('/src/img/icons/pencil_white.svg') 50% 50% no-repeat; background-size: contain}
.started {background: url('/src/img/icons/chevron-right.svg') 50% 50% no-repeat; background-size: contain}
.not_started {background: url('/src/img/icons/cross_white.png') 50% 50% no-repeat; background-size: contain}
.not_seen {background: url('/src/img/icons/watch_fff.svg') 50% 50% no-repeat; background-size: contain}
.revision_white {background:url('/src/img/icons/revision_white.png') 50% 50% no-repeat; background-size: contain}

/* invite */
.invite, .submit {margin:5%; font-size: 2em; font-weight: 600; line-height: 1em}
.invite .centre_me {line-height: 1em}
.invite span.check {float: left; width: 40px; height: 40px; background: url('/src/img/icons/checkbox-checked.svg') 50% 0 no-repeat; background-size: contain; margin: 0 7.5% 0 0}

.invite span, .submit span {float: right; width: 28px; height: 40px; background: url('/src/img/icons/chevron-right.svg') 50% 50% no-repeat; background-size: contain; margin: 0 0 0 7.5%}

p.w100 {margin: 0 0 20px; line-height: 1.2em}

.responsive_show, .resp_nav {display: none}
.responsive_hide, .resp_hide {display: inline-block}

/* Slide On/Off Checkboxes */
.switch {
 position: relative;
 display: inline-block;
 width: 40px;
 height: 24px;
}
.switch input {
 opacity: 0;
 width: 0;
 height: 0;
}
.slider {
 position: absolute;
 cursor: pointer;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 background-color: #DA3D4C;
 -webkit-transition: .4s;
 transition: .4s;
}
.slider:before {
 position: absolute;
 content: "";
 height: 16px;
 width: 16px;
 left: 4px;
 bottom: 4px;
 background-color: white;
 -webkit-transition: .4s;
 transition: .4s;
}
input:checked + .slider {background-color: #6AB751}
input:focus + .slider {box-shadow: 0 0 1px #6AB751}
input:checked + .slider:before {
 -webkit-transform: translateX(16px);
 -ms-transform: translateX(16px);
 transform: translateX(16px);
}
/* Rounded sliders */
.slider.round {border-radius: 24px}
.slider.round:before {border-radius: 50%}

/* Nav */
.nav,
.nav a,
.nav ul,
.nav li,
.nav div,
.nav form,
.nav input {
	margin: 0;
	padding: 0;
	border: none;
	outline: none
}

.nav a {text-decoration: none}

.nav li {font-size: 1.2em; list-style: none; float: left}

/* Menu Container */
.nav {
	display: inline-block;
	position: relative;
	cursor: default;
	z-index: 5000;
}

/* Menu List */
.nav > li {
	display: block;
	float: left;
}

/* Menu Links */
.nav > li > a {
	position: relative;
	display: block;
	z-index: 510;
	height: 47px;
	/*font-weight: 700;*/
	font-size: 0.85em;
	
	padding: 7px 0;
	text-align: center;
	/*color: #111;*/
	
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease
}

.nav > li > a span {
	float: left;
}

.nav > li:hover > a.font_yellow {color: #FFF; background: #DDA701; cursor:pointer}
.nav > li:hover > a.font_orange {color: #FFF; background: #de7801; cursor:pointer}
.nav > li:hover > a.font_red {color: #FFF; background: #D0113A; cursor:pointer}
.nav > li:hover > a.font_indigo {color: #FFF; background: #bb005d; cursor:pointer}
.nav > li:hover > a.font_purple {color: #FFF; background: #863496; cursor:pointer}
.nav > li:hover > a.font_blue {color: #FFF; background: #275eaa; cursor:pointer}
.nav > li:hover > a.font_green {color: #FFF; background: #009e70; cursor:pointer}
.nav > li:hover > a.font_lime {color: #FFF; background: #7bae59; cursor:pointer}

.nav > li:hover > a .border {border-color: #FFF !important}

/* Menu Dropdown */
.nav > li > div {
	position: absolute;
	display: block;
	width: 100%;
	top: 59px;
	/*left: -255px;*/
	left: 0px;
	padding: 25px;
	font-size: 0.85em;

	opacity: 0;
	visibility: hidden;
	overflow: hidden;

	background:#FFF;
	/*border-top: 7px solid #746599;*/

	-webkit-transition: all .3s ease .15s;
	-moz-transition: all .3s ease .15s;
	-o-transition: all .3s ease .15s;
	-ms-transition: all .3s ease .15s;
	transition: all .3s ease .15s
}

.nav > li:hover > div {
	opacity: 1;
	visibility: visible;
	overflow: visible
}

/* Menu Content Styles */
.nav .nav-column {
	float: left;
	width: 95%;
	padding: 1.5% 2.5%
}

.nav .nav-column h3 {
	margin: 20px 0 10px 0;
	color: #372f2b;
	text-transform: uppercase
}

.nav .nav-column li a {
	display: block;
	font-size: 1em;
	font-weight: 500;
	margin: 10px 0;
	color: #111;
	text-align: left
}

.nav .nav-column li a:hover {color:#594D75; cursor:pointer}
.resp_show {display: none}

.nav_left {width: 250px; position: fixed; top: 0; bottom: 0}
.nav_left::before, .nav_left:after {
    display:    block;
    content:    '';
    position:   absolute;
    width:      3px;
    height:     100%;
    top:        0px;
}

.nav_left::after {
    right:      -3px;
    background: linear-gradient(to right, rgba(0, 0, 0, 0.6), rgba(52,50,50,0));
}

.scroll_show {
    opacity: 0;
    -webkit-transition: all .3s ease .15s;
	-moz-transition: all .3s ease .15s;
	-o-transition: all .3s ease .15s;
	-ms-transition: all .3s ease .15s;
	transition: all .3s ease .15s
}

.scroll_hide {
    opacity: 1;
    -webkit-transition: all .3s ease .15s;
	-moz-transition: all .3s ease .15s;
	-o-transition: all .3s ease .15s;
	-ms-transition: all .3s ease .15s;
	transition: all .3s ease .15s
}

.scroll_bg {
    background-color: rgba(255,255,255,0);
    -webkit-transition: all .3s ease .15s;
	-moz-transition: all .3s ease .15s;
	-o-transition: all .3s ease .15s;
	-ms-transition: all .3s ease .15s;
	transition: all .3s ease .15s
}

.scroll_bg.on {
    background-color: #FFF;
    -webkit-transition: all .3s ease .15s;
	-moz-transition: all .3s ease .15s;
	-o-transition: all .3s ease .15s;
	-ms-transition: all .3s ease .15s;
	transition: all .3s ease .15s
}

.content_space {margin-left: 100px; width: calc(100% - 100px); overflow: auto}

.admin_box {
	border: 1px solid #e5e7f1;
}

/* calendar */
table.calendar		{ border-left:1px solid #999; }
tr.calendar-row	{  }
td.calendar-day	{ font-size:11px; position:relative;background:#333 } * html div.calendar-day { height:80px; }

td.calendar-day-np	{ background:#eee; }
td.calendar-day-head {font-weight:bold; text-align:center}
div.day-number		{color:#fff; font-weight:bold; margin: 0 auto; text-align:center}
/* shared */
td.calendar-day, td.calendar-day-np {border-bottom:1px solid #999; border-right:1px solid #999}
td.brand_green {background:#6AB751}
td.brand_green:hover {background:#52933C}

/*
	home tiles were in multiples of 160px
	but adjusted for brick margins
*/
.size2-2 {width: 80px;height: 80px}
.size11 {width: 160px;height: 160px}
.size21 {width: 160px;height: 332px}
.size31 {width: 160px;height: 504px}
.size41 {width: 160px;height: 664px}
.size12 {width: 320px;height: 160px}
.size22 {width: 320px;height: 332px}
.size13 {width: 480px;height: 160px}
.size32 {width: 320px;height: 504px}
.size42 {width: 320px;height: 664px}
.size23 {width: 480px;height: 332px}
.size33 {width: 480px;height: 504px}
.size43 {width: 480px;height: 664px}
.size14 {width: 640px;height: 160px}
.size24 {width: 640px;height: 332px}
.size34 {width: 640px;height: 504px}
.size53 {width: 480px;height: 860px}
.size35 {width: 800px;height: 504px}
.size63 {width: 480px;height: 996px}

.brick {
	float: left;
	cursor: default;
	overflow: hidden;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.brick .cover {
	overflow: hidden;
	margin: 20px;
}

.brick:before {
    position: absolute;
    content: " ";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 0;
    background-color: rgba(0,0,0,0.05);
}
.brick.btn_action {padding: 10px; margin: 6px}

.btn_invite {padding: 21px; font-size: 2em}
.btn_invite span {float: right; width: 18px; height: 32px; background: url('/src/img/icons/chevron-right.svg') 50% 0 no-repeat; background-size: contain; margin: 3px 0 0 15px}

.formError {z-index: 990}
.formError .formErrorContent {z-index: 991}
.formError .formErrorArrow {z-index: 996}

.ui-dialog .formError {z-index: 5000}
.ui-dialog .formError .formErrorContent {z-index: 5001}
.ui-dialog .formError .formErrorArrow {z-index: 5006}

.inputContainer {position: relative;	float: left}

.formError {	position: absolute; top: 300px; left: 300px;	display: block;	cursor: pointer;	 text-align: left}
.formError.inline {position: relative; top: 0; left: 0; display: inline-block}

.ajaxSubmit {padding: 20px; background: #55ea55; border: 1px solid #999;	display: none}

.formError .formErrorContent {
	width: 100%;
	background: #ED1C24;
	position:relative;
	color: #fff;
	min-width: 120px;
	font-size: 12px;
	line-height: 1.1em;
	border: 1px solid #fff;
	padding: 10px;
	border-radius: 5px;
}

.formError.inline .formErrorContent {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	border: none;
	border-radius: 0;
}

.greenPopup .formErrorContent {background: #33be40}
.blackPopup .formErrorContent {background: #393939; color: #FFF}

.formError .formErrorArrow {width: 0px; margin: -2px 0 0 13px; position:relative}
body[dir='rtl'] .formError .formErrorArrow,
body.rtl .formError .formErrorArrow {margin: -2px 13px 0 0}

.formError .formErrorArrowBottom {box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; margin: 0px 0 0 12px; top:2px}

.formError .formErrorArrow div {font-size: 0px; height: 1px; background: #ED1C24; margin: 0 auto; line-height: 0; font-size: 0; display: block}

.formError .formErrorArrowBottom div {box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none}

.greenPopup .formErrorArrow div {background: #33be40}
.blackPopup .formErrorArrow div {background: #393939; color: #FFF}

.formError .formErrorArrow .line10 {width: 10px}
.formError .formErrorArrow .line9 {width: 9px}
.formError .formErrorArrow .line8 {width: 8px}
.formError .formErrorArrow .line7 {width: 7px}
.formError .formErrorArrow .line6 {width: 6px}
.formError .formErrorArrow .line5 {width: 5px}
.formError .formErrorArrow .line4 {width: 4px}
.formError .formErrorArrow .line3 {width: 3px}
.formError .formErrorArrow .line2 {width: 2px}
.formError .formErrorArrow .line1 {width: 1px}

.highlight_success {border: 1px solid #8CC63E}
.highlight_failed {border: 1px solid #ED1C24}

/* margin and padding overrides */
.no_margin, .title_margin, h1.no_margin {margin: 0}
.no_margin_left {margin-left: 0}
.no_margin_right {margin-right: 0}
.no_margin_top {margin-top: 0}
.no_margin_bottom {margin-bottom: 0}
.no_margin_sides {margin-left: 0; margin-right: 0}
.no_margin_tb {margin-top: 0; margin-bottom: 0}

.no_padding {padding: 0}
.no_padding_left {padding-left: 0}
.no_padding_right {padding-right: 0}
.no_padding_top {padding-top: 0}
.no_padding_bottom {padding-bottom: 0}
.no_padding_sides {padding-left: 0; padding-right: 0}
.no_padding_tb {padding-top: 0; padding-bottom: 0}

.one_em, a.one_em {font-size: 1em; font-weight: 700}

.CodeMirror-code {float: none !important}
.CodeMirror-code div {width: 100%}

.chimp_box {width: 125px; margin: 0; font-size: 12px; padding: 8px; border: 1px solid #6AB751; border-radius: 5px 0 0 5px}
.chimp_button {margin: 0; font-size: 12px; padding: 8px; border: 1px solid #6AB751; border-radius: 0 5px 5px 0; border-radius: 5px}


img.fr-fil {
    float: left;
    margin: 10px 25px 0 0;
}

.dataTable tr {border-bottom: 1px solid #CCC}
.dataTables_filter input[type="search"]{padding: 15px; margin: 0 5px 15px}
.dataTables_filter {margin: 0 5px; width: 250px}

div.scrolling_content {
    min-width: 100%;
    margin: 0 0 25px;
    overflow: auto;
    white-space: nowrap;
}

/* nav overrides */

.w100.text_centre.content_title {border-bottom: 3px solid}
.brick .w100.text_centre.content_title {border-bottom: 0}

/* dropzone */
.dropzone {min-height: 80px; border: 1px solid rgba(0, 0, 0, 0.3); background: white; padding: 5px; width:100%; overflow:hidden }
.dropzone.dz-clickable { cursor: pointer; }
.dropzone.dz-clickable * { cursor: default; }
.dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * { cursor: pointer; }
.dropzone.dz-started .dz-message { display: none; }
.dropzone.dz-drag-hover { border-style: solid; }
.dropzone.dz-drag-hover .dz-message { opacity: 0.5; }
.dropzone .dz-message { text-align: center; margin: 2em 0; }
.dropzone .dz-preview { position: relative; display: inline-block; vertical-align: top; margin: 15px; min-height: 100px; }
.dropzone .dz-preview:hover { z-index: 1000; }
.dropzone .dz-preview:hover .dz-details { opacity: 1; }
.dropzone .dz-preview.dz-file-preview .dz-image { background: #999; background: linear-gradient(to bottom, #eee, #ddd); }
.dropzone .dz-preview.dz-file-preview .dz-details { opacity: 1; }
.dropzone .dz-preview.dz-image-preview { background: white; }
.dropzone .dz-preview.dz-image-preview .dz-details { -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -ms-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear; }
.dropzone .dz-preview .dz-remove { font-size: 0.8em; padding: 5px 0 0; text-align: center; display: block; cursor: pointer; border: none; }
.dropzone .dz-preview .dz-remove:hover { text-decoration: underline; }
.dropzone a.dz-remove {margin: 15px 0 0 0; font-weight: 600; padding: 12px; background-color: #ED1C24; color: #FFF}
.dropzone a.dz-remove span {float: right; width: 12px; height: 16px; background: url('/src/img/icons/chevron-right.svg') 50% 0 no-repeat; background-size: contain; margin: 0 0 0 10px}
.dropzone .dz-preview:hover .dz-details { opacity: 1; }
.dropzone .dz-preview .dz-details { z-index: 20; position: absolute; top: 0; left: 0; opacity: 0; font-size: 0.75em; min-width: 100%; max-width: 100%; padding: 2em 0; text-align: center; color: rgba(0, 0, 0, 0.9); line-height: 150%; }
.dropzone .dz-preview .dz-details .dz-size { float:none; margin-bottom: 1em; font-size: 1em; }
.dropzone .dz-preview .dz-details .dz-filename { float:none; white-space: nowrap; }
.dropzone .dz-preview .dz-details .dz-filename:hover span { border: 1px solid rgba(200, 200, 200, 0.8); background-color: rgba(255, 255, 255, 0.8); }
.dropzone .dz-preview .dz-details .dz-filename:not(:hover) { overflow: hidden; text-overflow: ellipsis; }
.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span { border: 1px solid transparent; }
.dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span { float:none; background-color: rgba(255, 255, 255, 0.4); padding: 0 0.4em}
.dropzone .dz-preview:hover .dz-image img { -webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); -webkit-filter: blur(8px); filter: blur(8px); }
.dropzone .dz-preview .dz-image { overflow: hidden; width: 120px; height: 120px; position: relative; display: block; z-index: 10; }
.dropzone .dz-preview .dz-image img { display: block; }
.dropzone .dz-preview.dz-success .dz-success-mark { -webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); -moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); -ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); -o-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); }
.dropzone .dz-preview.dz-error .dz-error-mark { opacity: 1; -webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); -moz-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); -ms-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); -o-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); }
.dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark { pointer-events: none; opacity: 0; z-index: 500; position: absolute; display: block; top: 50%; left: 50%; margin-left: -27px; margin-top: -27px; }
.dropzone .dz-preview .dz-success-mark svg, .dropzone .dz-preview .dz-error-mark svg { display: block; width: 54px; height: 54px; }
.dropzone .dz-preview.dz-processing .dz-progress { opacity: 1; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
.dropzone .dz-preview.dz-complete .dz-progress { opacity: 0; -webkit-transition: opacity 0.4s ease-in; -moz-transition: opacity 0.4s ease-in; -ms-transition: opacity 0.4s ease-in; -o-transition: opacity 0.4s ease-in; transition: opacity 0.4s ease-in; }
.dropzone .dz-preview:not(.dz-processing) .dz-progress { -webkit-animation: pulse 6s ease infinite; -moz-animation: pulse 6s ease infinite; -ms-animation: pulse 6s ease infinite; -o-animation: pulse 6s ease infinite; animation: pulse 6s ease infinite; }
.dropzone .dz-preview .dz-progress { opacity: 1; z-index: 1000; pointer-events: none; position: absolute; height: 16px; left: 50%; top: 50%; margin-top: -8px; width: 80px; margin-left: -40px; background: rgba(255, 255, 255, 0.9); -webkit-transform: scale(1); overflow: hidden; }
.dropzone .dz-preview .dz-progress .dz-upload { background: #333; background: linear-gradient(to bottom, #666, #444); position: absolute; top: 0; left: 0; bottom: 0; width: 0; -webkit-transition: width 300ms ease-in-out; -moz-transition: width 300ms ease-in-out; -ms-transition: width 300ms ease-in-out; -o-transition: width 300ms ease-in-out; transition: width 300ms ease-in-out; }
.dropzone .dz-preview.dz-error .dz-error-message { display: block; }
.dropzone .dz-preview.dz-error:hover .dz-error-message { opacity: 1; pointer-events: auto; }
.dropzone .dz-preview .dz-error-message { pointer-events: none; z-index: 1000; position: absolute; display: block; display: none; opacity: 0; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; font-size: 13px; top: 130px; left: -10px; width: 140px; background: #be2626; background: linear-gradient(to bottom, #be2626, #a92222); padding: 0.5em 1.2em; color: white; }
.dropzone .dz-preview .dz-error-message:after { content: ''; position: absolute; top: -6px; left: 64px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #be2626; }


/* NEW BREAKPOINTS

	max-width: 885px
	max-width: 400px

*/
@media all and (min-width: 1200px){
	.homepage_banner h1 		{font-size: 5vh; line-height: 5vh}
	.homepage_banner h2 		{font-size: 3vh; line-height: 4vh}
	.homepage_banner p 			{font-size: 1.8vh; line-height: 3.2vh}
	.homepage_banner .btn		{font-size: 2vh; line-height: 3vh; font-weight: 600; padding: 1vh; margin: 1.8vh 1.8vh 1.8vh 0}
	.homepage_banner .btn span  {float: right; width: 1.5vh; height: 3vh; background: url('/src/img/icons/chevron-right.svg') 50% 50% no-repeat; background-size: contain; margin: 0 0 0 1.5vh}
	.homepage_banner .padding50 {padding: 4vh 0}
	.homepage_banner .no_padding_bottom {padding-bottom: 0}
	.homepage_banner .margin25	{margin: 2vh 0}
	.homepage_banner .no_margin_bottom	{margin-bottom: 0}
	.homepage_banner .no_margin_right	{margin-right: 0}
}

@media all and (max-width: 1200px){
	.homepage_banner h1 		{font-size: 3vh; line-height: 4vh}
	.homepage_banner h2 		{font-size: 2vh; line-height: 3vh}
	.homepage_banner p 			{font-size: 1.8vh; line-height: 3.2vh}
	.homepage_banner .btn		{font-size: 2vh; line-height: 3vh; font-weight: 600; padding: 1vh; margin: 1.8vh 1.8vh 1.8vh 0}
	.homepage_banner .btn span  {float: right; width: 1.5vh; height: 3vh; background: url('/src/img/icons/chevron-right.svg') 50% 50% no-repeat; background-size: contain; margin: 0 0 0 1.5vh}
	.homepage_banner .padding50 {padding: 3vh 0}
	.homepage_banner .no_padding_bottom {padding-bottom: 0}
	.homepage_banner .margin25	{margin: 1.5vh 0}
	.homepage_banner .no_margin_bottom	{margin-bottom: 0}
	.homepage_banner .no_margin_right	{margin-right: 0}
	.res_hideme 				{display: none}
}

@media all and (max-width: 885px){
	/*.nav > li > div {width: 435%}
	*/.w50.respond, .img_holder.respond, .img_holder_left.respond {width:100%; margin: 0}
	.tiles .w25, .tiles_right .w100.get, .event_tiles .w25 {margin:6px 6px 6px 0}
	.hero_margin {margin-top: 43px}
	.nav_items ul.top_level li {margin: 0 31px 5px 0; font-size: 0.9em}
	.cal_date, .cal_date_ans {font-size: 1.8rem; line-height: 1.8rem}
	.campaign_content h2 {font-size: 1.9em; width: auto; float: none}
	.campaign_content p {font-size: 1em; line-height: 1.25em}
	h3, .h3 {font-size: 1.2em}
	h4, .h4 {font-size: 0.9em}
	h5, .h5, h6, .h6 {font-size: 0.85em}
	.btn {font-size: 1em}
	.advantage {font-size: 2em}
	.chimp_button {border-radius: 5px}

	.resp {width: 100%}
	.resp15 {width: 14%; margin: 0 1% 10px 0}
	.resp25 {width: 24%; margin: 0 1% 10px 0}
	.resp33 {width: 33.3%; margin: 0 1% 10px 0}
	.resp50, .tiles .w25.resp50, .event_tiles .w25.resp50 {width: 48.8%; margin: 0 1% 10px 0}
	.resp75 {width: 74%; margin: 0 1% 10px 0}
	.resp_nav {display: inline-block}
	.resp_show {display: inline-block}
	.skills_tags {display: none !important}
	.resp_hide {display:none}

	.content_wrapper .margin50 {margin: 25px 0}
	
	.nav > li {
		width: 36px
	}
	.nav > li > a {
		height: 36px;
		padding: 12px 0;
		font-size: 1.3em
	}
	
	.nav > li > div {
		top: 0;
	}
	.nav .nav-column li a {
		display: block;
		line-height: 1.5em;
		font-size: 0.85em;
		font-weight: 500;
		margin: 10px 0 0;
		color: #000;
		text-align: left;
		width: 100%;
		background: #fff
	}
	
	.top_nav_items {float: right}
	.top_nav_items ul li {float: left; margin: 0}
	.sl-slide-inner h2 {font-size: 1.75em}
	.sl-slide-inner .padding100 {padding: 0 25px 25px}
	
	.nav .nav-column {
		float: left;
		width: 100%;
		/*margin: 10px*/
	}
	.nav .nav-column .nav_item {font-size: 1.6em; width: 100%}
	
	.headline_img h1 {font-size: 1.6em}
	.btn_like.cta_icons {padding: 5px; font-size: 1em}
	.btn_like.margin8 {margin: 3px; padding: 8px}
	.cta_icons a {padding: 10px}
	
	.no_resp_padding_margin {padding: 0; margin: 0}
        
    .w90.mar5_perc.mobile_w80 {width: 80%; margin: 0 5%}
}

@media all and (max-width: 400px){
	.cal_date, .cal_date_ans {font-size: 1.5rem; line-height: 1.8rem}
	.tiles .w25, .tiles_right .w100.get, .event_tiles .w25 {margin:3px 3px 0 0}

	.size22 {width: 320px !important; height: 332px}
	.size13 {width: 320px !important; height: 160px}
	.size42 {width: 320px !important; height: 664px}
	.size23 {width: 320px !important; height: 332px}
	.size33 {width: 320px !important; height: 504px}
	.size43 {width: 320px !important; height: 664px}
	.size14 {width: 320px !important; height: 160px}
	.size24 {width: 320px !important; height: 332px}
	.size34 {width: 320px !important; height: 504px}
	.size53 {width: 320px !important; height: 860px}
	.size35 {width: 320px !important; height: 504px}
	.size63 {width: 320px !important; height: 996px}
    
    .w90.mar5_perc.mobile_w80 {width: 80%; margin: 0 5%}
}

/*********************************************************
 * stylesheet to help create accessible websites.
 * 
 * by Zoltan Hawryluk (zoltan.dulac@gmail.com)
 * Licensed under the MIT License
 * 
 * https://opensource.org/licenses/MIT
 ********************************************************/
 
 /*
 * Class for elements that are only visible to the screen reader. From
 * https://www.paciellogroup.com/blog/2012/05/html5-accessibility-chops-hidden-and-aria-hidden/
 */
.visually-hidden {
	clip: rect(1px 1px 1px 1px); /* IE 6/7 */
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute;
	white-space: nowrap;
	width: 1px;
	margin: -1px;
}

/*
 * For `.visually-hidden` elements that should be visible when it gains focus. 
 */
.visible-when-focused:focus {
	clip: auto;
	height: auto;
	overflow: visible;
	position: static;
	white-space: normal;
	width: auto;
	margin: auto;
}

/*
 * Style for "Skip Navigation" type links.  Should have an href linked to 
 * a `.ally-target` element.
 */
.bypass-block-link:focus {
	position: absolute;
	text-decoration: none;
	background: #ffffcc;
	padding: 0.2em;
	z-index: 10;
}

/*
 * We don't want the `.bypass-block-target` to have an outline on *just* focus,
 * since this will look strange if regular users click inside this element,
 * since it will look like it was tabbed into
 */
.bypass-block-target:focus {
	outline: none;
}

/*
 * We do, however, want the `.bypass-block-target` to have an outline when
 * it has focus and it is the target of the document (i.e. the hash tag of the
 * document URL is the same as the "Skip Nav" link).
 * 
 * Note that this style is the same as the focus state on all the tabbable 
 * elements.  It doesn't have to be.  WCAG 2.4.7 – Focus Visible (Level AA) 
 * only requires that the focus state is visible, so you can have, say, the 
 * focus state of a button different than that of a form element. 
 */
.bypass-block-target:focus:target,
a[href]:not([tabindex="-1"]):focus,
area:not([tabindex="-1"]):focus,
[role="button"]:not([tabindex="-1"]):focus,
[role="link"]:not([tabindex="-1"]):focus,
iframe:not([tabindex="-1"]):focus,
[contentEditable=true]:not([tabindex="-1"]):focus,
:enabled:not([tabindex="-1"]):focus,
[tabindex]:not([tabindex="-1"]):focus {
	/* You can replace this with whatever style you want for focus state */
	outline: solid 1px rgba(190,88,164,1);
}

/*
 * The above selector will match focusable elements when they are clicked
 * with a mouse.  If you don't want that to happen, use this rule. 
 */
a[href]:not([tabindex="-1"]):hover:focus,
area:not([tabindex="-1"]):hover:focus,
[role="button"]:not([tabindex="-1"]):hover:focus,
[role="link"]:not([tabindex="-1"]):hover:focus,
iframe:not([tabindex="-1"]):hover:focus,
[contentEditable=true]:not([tabindex="-1"]):hover:focus,
:enabled:not([tabindex="-1"]):hover:focus,
[tabindex]:not([tabindex="-1"]):hover:focus {
	outline: solid 1px rgba(190,88,164,0.5);
}

a[href]:not([tabindex="-1"]):focus:active,
area:not([tabindex="-1"]):focus:active,
[role="button"]:not([tabindex="-1"]):focus:active,
[role="link"]:not([tabindex="-1"]):focus:active,
iframe:not([tabindex="-1"]):focus:active,
[contentEditable=true]:not([tabindex="-1"]):focus:active,
:enabled:not([tabindex="-1"]):focus:active,
[tabindex]:not([tabindex="-1"]):focus:active {
	outline: none;
}

*:focus {
	outline: solid 1px orange;
}

/*
 * Placeholder text should mmet WCAG requirement 1.4.3: Contrast (Minimum) 
 * Level AA
 * 
 * From https://www.w3.org/WAI/tutorials/forms/instructions/
 */

.placeholder-removed {
	opacity: 0.999;
}

[placeholder] {	
	background-color: #fff;
	border: solid 1px #777;
}

::-webkit-input-placeholder {
	 color: #777;
	 opacity: 1;
}

:-moz-placeholder { /* Firefox 18- */
	 color: #777;
	 opacity: 1;
}

::-moz-placeholder {  /* Firefox 19+ */
	 color: #777;
	 opacity: 1;
}

:-ms-input-placeholder {
	 color: #777;
	 opacity: 1;
}