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

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

*:focus {outline-style: solid; outline-width: 1px; color: #0A94D3}

body {font-size: 0.875em; font-family: "azo-sans-web", Arial, sans-serif; font-weight: 400; color: #22262F; background: #fff; margin: 0; padding: 0; height: 100%}

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: 1em; width: 100%; padding: 0 0 30px 40px}
img {margin: 0; padding: 0; display: inline-block}
a {color: #22262F; text-decoration:none; display: inline-block; font-weight: 700}
p {margin: 0 0 30px; line-height: 2em; width: 100%}
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;  line-height: 1.2em; font-weight: 300; margin: 0}
table, tr td {border-collapse:collapse}
table tr.border_bottom {border-bottom: 1px solid #CCC}
.subtitle blockquote {width: 100%; padding: 0; margin: 0; 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: 12px 12px 0 0}
.btn span, .btn_like span, .temp_btn span, .btn_action span, blockquote .btn_like 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}
blockquote .btn_like span {height: 26px}
.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)}

.relative {position: relative}
.absolute {position: absolute}
.fixed {position: fixed}
.stick {position: fixed}
span.avoidwrap {display:inline-block}

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

.line0 {line-height: 0em}
.line1 {line-height: 1em}
.line1p25 {line-height: 1.25em}

/* hX styles */
h1 {font-size: 2.5em}
h2 {font-size: 2.1em}
h3 {font-size: 1.25em; line-height: 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}
.no_float {float: none !important}
.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.7em}
.text_shrink_most {font-size: 0.6em}
.text_grow {font-size: 1.2em}
.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}

/* div widths */
.w2, .w3, .w4, .w5, .w6, .w7, .w8, .w10, .w12, .w13, .w14 .w15, .w16, .w17, .w18, .w20, .w25, .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%}
.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 .w100.stay_on_screen.stick {width: 19.55%; padding-top: 10px}
.w25 {width: 23%}
.w30 {width: 28%}
.w32 {width: 30%}
.w33 {width: 31%}
.w34 {width: 31%}
.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}

.w100.base {min-width: 370px}

.true_w20 {width: 20%; margin: 0}
.true_w25 {width: 25%; margin: 0}
.true_w75 {width: 75%; margin: 0}
.true_w80 {width: 80%; margin: 0}

.stripe_box_6s {width: 15.833%; margin: 0 1% 0 0}
.stripe_box_6s:nth-child(6) {margin: 0}

.h10 {height: 10%}
.h50 {height: 50%}
.h90 {height: 75%}
.h100 {height: 100%}

/* bg colours */
.blue_dk {background: #081D73}
.blue_mid {background: #1D328E}
.blue_pale {background: #2e9bbc}

.green {background: #087A3E}
.grey {background: #444}
.white {background: #FFF}
.bg_black {background: #000}
.bg_pale_grey {background: #F5F5F5}

.brand_dk_blue {background: #19164D}
.brand_blue {background: #11029e}
.brand_green {background: #6AB751}
.brand_red {background: #cb0404}
.brand_orange {background: #F09428}
.brand_brown {background: #6E6464}
.brand_pink {background: #DD0183}
.brand_yellow {background: #E8C31D}
.brand_purple {background: #BE58A4}
.brand_grey {background: #444}

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

.hover_blue:hover {background: #0A94D3}
.hover_dk_blue:hover {background: #19164D}
.hover_blue:hover {background: #0A94D3}
.hover_green:hover {background: #679f04}
.hover_red:hover {background: #DA3D4C}
.hover_orange:hover {background: #e77602}
.hover_brown:hover {background: #6E6464}
.hover_pink:hover {background: #DD0183}
.hover_yellow:hover {background: #E8C31D}
.hover_purple:hover {background: #BE58A4}
.hover_grey:hover {background: #444}
.hover_remove:hover {background: none}
.hover_barely_there:hover {background: rgba(0,0,0,0.2)}

.overlay {background: #000}

/* text colours */
.font_grey {color: #5A5A5A}
.font_white {color: #FFF}
.font_blue {color: #0A94D3}
.font_grey {color: #AAA}
.font_dk_grey {color: #333}
.font_green {color: #087A3E}
.font_dk_blue {color: #19164D}

/* font weights */
.font_thin {font-weight: 100} /* turned off */ 
.font_light {font-weight: 300} /* turned off */ 
.font_reg {font-weight: 400}
.font_semi {font-weight: 600}
.font_bold, strong, b {font-weight: 700}
.font_xbold {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}
.op25 {opacity: 0.25}

.navigation_bar {background: rgba(255,255,255,0.9)}

.page_content h1, .page_content h2, .page_content h3 {font-size: 2em; line-height: 1.5em; width: auto; float: none}
.page_content h2 {font-size: 1.75em}
.page_content h3 {font-size: 1.25em}
.page_content h1.left, .page_content h2.left, .page_content h3.left {float: left}
.page_content p {font-size: 0.9em; line-height: 1.3em}
.page_content {font-weight: 400}
.page_content .img_holder {width: 45%; margin: 0 0 5% 5%}
.page_content .img_holder_left {width: 45%; margin: 0 5% 5% 0}
.w100.prose, .w100.prose p {line-height: 2em}

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

.cta_holder {height: 400px}

/* navigation */
.navigation {position:fixed; border-bottom: 1px solid #444; z-index: 8000}
.navigation .grey {font-size: 0.85em}

.logos {line-height: 0px; z-index: 101; padding: 8px 0}
.advantage {font-size: 2.45em; line-height: 1.25em; padding: 13px 0}
.taglines {padding: 11px 0 11px 15px; margin: 0 0 0 15px; font-size: 0.8em; font-weight: 400}

.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: 8px 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 {float: right; width: 10px; height: 25px; margin: 0 5px; background: url('/src/img/icons/cross_blk.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.highlight {color: #0A94D3}

.stay_on_screen {z-index: 100}

.article_tag {border-radius: 3px; font-weight: 600}

.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: #FFF}
.footer a {font-weight: 400}
.footer.grey a {font-weight: 700}
.footer ul {float: right; list-style: none; font-size: 1em; padding: 0; margin: 0 0 20px}
.footer ul li {float: left; width: 100%; margin: 0; padding: 3px 0}
.footer ul li:hover {cursor:pointer}
.footer ul li.social {width: auto; margin: 10px 0 -2px 12px}
.footer h4  {margin: 0 0 10px; font-size: 1.5em; font-weight: 800}
.footer h4 a {font-weight: 700}

/* border defaults */
.b_a {border: 1px solid #AAA}
.b_r {border-right: 1px solid #AAA}
.b_l {border-left: 1px solid #AAA}
.b_t {border-top: 1px solid #AAA}
.b_b {border-bottom: 1px solid #AAA}

/* heroes */
.hero {position: relative; background-size: cover}
.hero h1 {position: absolute; font-size: 2.5em; font-weight: 900; letter-spacing: -2px; text-align: center; 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/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/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}

/* margins */
.margin1 {margin: 1px}
.margin2 {margin: 2px}
.margin5 {margin: 5px}
.margin8 {margin: 8px}
.margin10 {margin: 10px}
.margin12 {margin: 12px}
.margin15 {margin: 15px}
.margin20 {margin: 20px}
.margin25 {margin: 25px}
.margin30 {margin: 30px}
.margin50 {margin: 50px}

.mar1_perc {margin: 0 1%}
.mar2_perc {margin: 0 2%}
.mar5_perc {margin: 0 5%}
.mar7p5_perc {margin: 0 7.5%}
.mar10_perc {margin: 0 10%}
.mar15_perc {margin: 0 15%}
.mar20_perc {margin: 0 20%}
.mar33_perc {margin: 0 33%}

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

.hero_margin {margin-top: 105px}
.nav_margin {margin-top: 105px}
.footer_margin {margin-top: 1px}
.auto_margin {margin: 0 auto}
.auto_margin_v {margin: auto 0}
.auto_width {width: auto}

/* padding */
.padding2 {padding: 2px}
.padding3 {padding: 3px}
.padding5 {padding: 5px}
.padding6 {padding: 6px}
.padding8 {padding: 8px}
.padding10 {padding: 10px}
.padding15 {padding: 15px}
.padding20 {padding: 20px}
.padding25 {padding: 25px}
.padding30 {padding: 30px}
.padding35 {padding: 35px}
.padding45 {padding: 45px}
.padding50 {padding: 50px}

.pad5_allperc {padding: 5%}

/* borders */
.border_bottom {border-bottom: 1px solid #444}
.border_bottom.wide {border-bottom-width: 3px}
.border_bottom_dotted {border-bottom: 1px dotted #444}
.border_top {border-top: 1px solid #444}
.border_top.wide {border-bottom-width: 3px}
.border_right {border-right: 1px solid #444}
.pale {border-color: #EAEAEA}

.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 {background: none}
.tile_hover:hover {background: rgba(16,58,113,0.15)}

.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}
.news_box_text {float: none; padding: 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}
.meta_desc {margin-top: -10px}
.news_box_text {top: 0px; padding: 0.1rem}

.headline_img, .tag_img {position: relative; width: 100%; height: 100%}
.headline_img .box_text, .tag_img .box_text {padding: 0 0 50px 0}
.headline_img h1, .tag_img h1 {float: none; font-size: 3em}

.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: 0; border-bottom: 3px solid #717171; color: #22262F}
textarea {height: 23px}

input[type=submit] {border: 0; width: auto}
input:hover, textarea:hover{cursor: pointer}

.form_feedback .message_space {margin: 2.5%}

input[type="radio"], input[type="checkbox"] {float: left; width: 20px}
input[type="radio"].w100 {float: none; width: auto; margin: 0 auto}

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 .w100.no_margin:last-child, form .w50.no_margin:last-child {margin: 0}
.form_feedback {padding: 5px; border: 1px solid #000}
	
.input_box_style {padding: 10px; line-height: 1.6em; text-decoration: none; width: auto}

.input_box_style.w100 {width: 100%}

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

.footer {z-index: 1000}
.footer a {color: #FFF}
.footer ul.social {float: right; text-align: right}
.footer ul.social li {width: auto; margin: 10px 0 10px 10px}

.upper {text-transform: uppercase}

ul.connect {padding: 0}
ul.connect li {width: 100%; list-style: none; margin: 0}

.news_height {overflow:hidden}

.content_wrapper h1, .content_wrapper h2, .content_wrapper h3, .content_wrapper h4 {float: none; margin: 10px 0 0}
.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_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}

.br5 {border-radius: 5px}

/* 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}

/* 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}

.responsive_menu {display: none}
.main_menu {display: inline-block}
.menu_pad_measure {display:inline-block}
/* NEW BREAKPOINTS

	max-width: 1000px
	max-width: 850px
	max-width: 400px

*/

/*@media all and (max-width: 1300px){
	.w50.btn_respond {width: 100%; margin: 0 0 10px}	
	h3.resp_line1 {line-height: 1em}
}*/
@media all and (max-width: 1600px){
	.text_shrink_more {font-size: 0.7em}
	.text_shrink_most {font-size: 0.6em}
	.text_grow {font-size: 1em}
	.text_grow_more {font-size: 1.2em}
	.text_grow_most {font-size: 1.8em}
}

@media all and (max-width: 1400px){
	.text_shrink_more {font-size: 0.7em}
	.text_shrink_most {font-size: 0.6em}
	.text_grow {font-size: 1em}
	.text_grow_more {font-size: 1.2em}
	.text_grow_most {font-size: 1.7em}
	
	.navigation_bar .padding20 {padding: 18px}
	.navigation_bar .no_padding_tb {padding-top: 0; padding-bottom: 0}
	.navigation_bar .no_padding_left {padding-left: 0}
	.navigation_bar .no_padding_right {padding-right: 0}
}

@media all and (max-width: 1200px){
	.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: 92px}
	.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: 1.1em}
	h5, .h5, h6, .h6 {font-size: 1em}
	.btn {font-size: 1em}
	.advantage {font-size: 2em}

	.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}
	.skills_tags {display: none !important}

	.content_wrapper .margin50 {margin: 25px 0}
	
	.text_shrink_more {font-size: 0.7em}
	.text_shrink_most {font-size: 0.6em}
	.text_grow {font-size: 0.9em}
	.text_grow_more {font-size: 1.1em}
	.text_grow_most {font-size: 1.5em}
	
	.navigation_bar .padding20 {padding: 15px}
	.navigation_bar .no_padding_tb {padding-top: 0; padding-bottom: 0}
	.navigation_bar .no_padding_left {padding-left: 0}
	.navigation_bar .no_padding_right {padding-right: 0}
}

@media all and (max-width: 1000px){
	.responsive_menu {display: inline-block}
	.main_menu {display: none}
}

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