   html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {   margin:0;   padding:0;   border:0;   outline:0;   font-size:100%;   vertical-align:baseline;   background:transparent; } body { line-height: 1; } article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section {  display:block; } nav ul {   list-style:none; } a {   margin:0;   padding:0;   font-size:100%;   vertical-align:baseline;   background:transparent; outline: none; } input, select {   vertical-align: middle; } table, tbody, tfoot, thead, tr, th, td {  vertical-align: top; } table { border-spacing: 0; } .clr { clear: both; }  html {  box-sizing: border-box; } *, *:before, *:after {  box-sizing: inherit; }  .hidden, .notreq { display: none; } .alignright, .align_right{ text-align: right !important; } .aligncenter { text-align: center; } .floatright { float: right !important; } .fullwidth { width: 100%; } .nowrap { white-space: nowrap; } .clickable { cursor: pointer; } .br { display: block; } .grecaptcha-badge {  visibility: hidden; } .transparent { opacity: 0; }  body { background: #fff; color: #222; font: normal normal 22px/32px Jost, sans-serif; line-height: 1.3333; background-image: url(../_img/tiled_BG.png); background-position: center top; } html, body {  min-height: 100%;  height: 100%; } html.iframe, html.iframe body { height: auto; min-height: 0; } body {  position: relative;  max-width: 1920px;  margin: 0 auto; }  body .overlay, body #overlay {  position: fixed;  top: 0;  left: 0;  width: 100%;  height: 100%;  z-index: 1000;  background-color: rgba(55,55,55,1);  display: none; } body .overlay--transparent {  background-color: rgba(55,55,55,.75); } body .overlay .preloader { width: 100%; height: 100%; background-image: url(../_shared/_img/preloader.gif); background-image: url(../_shared/_img/preloader_rubiks.gif); background-repeat: no-repeat; background-position: center center; }  #testmode { position: fixed; top: 5px; left: 5px; z-index: 1000; height: 24px; width: 24px; background: url(../_shared/_img/icons/testmode_icon_24px.png) no-repeat 0 0; opacity: 1; cursor: default; }  #globaltotop { position: fixed; bottom: 0; width: 100%; text-align: center; z-index: 300; display: none; } #globaltotop a { background: rgba(8,61,81, 0.85); display: inline-block;  color: #fff; padding: 10px 15px 5px 15px; border-top-left-radius:12px; border-top-right-radius:12px; text-decoration: none; } #globaltotop a b { display: inline-block; width: 28px; height: 17px; background: url(../_img/to_top_arrow.png); background-repeat: no-repeat; } @keyframes heartbeat {  from { transform: scale(1); transform-origin: center center; animation-timing-function: ease-out;  }  10% { transform: scale(0.97); animation-timing-function: ease-in;  }  17% { transform: scale(1); animation-timing-function: ease-out;  }  33% { transform: scale(0.95); animation-timing-function: ease-in;  }  45% { transform: scale(1); animation-timing-function: ease-out;  } } .wrapper { margin-bottom: 0; max-width: 1410px; margin: 0 auto; } .content--bg_white, .wrapper--bg_white { background: #fff;  padding-bottom: 30px; } .wrapper--bg_brick { background: #991620; padding-bottom: 30px; padding-top: 30px; } .wrapper--bg_light { background-color: #f5e7e2; padding-bottom: 30px; padding-top: 30px; }  .wrapper--hidden { display: none; } .wrapper--bg, .wrapper--bg.wrapper--padding_vert_normal { padding-top: 30px; padding-bottom: 30px; } .wrapper--bg_image { background-size: cover; background-position: center; position: relative; } .wrapper > span.bg_image { top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; position: absolute; background-size: cover; background-position: center; z-index: 1;  } .wrapper--mb_none { margin-bottom: 0; } .wrapper--mb_hairline { margin-bottom: 5px; } .wrapper--mb_normal { margin-bottom: 30px; } .wrapper--mb_large { margin-bottom: 60px; } .wrapper--mb_xlarge { margin-bottom: 120px; } .wrapper--padding_vert_none, .wrapper--bg.wrapper--padding_vert_none, .wrapper--padding_vert_normal { padding-top: 0px; padding-bottom: 0px; } .wrapper--padding_top_none, .wrapper--bg.wrapper--padding_top_none { padding-top: 0px; } .wrapper--padding_vert_large, .wrapper--bg.wrapper--padding_vert_large { padding-top: 45px !important; padding-bottom: 45px !important; } .wrapper--padding_vert_xlarge, .wrapper--bg.wrapper--padding_vert_xlarge { padding-top: 60px !important; padding-bottom: 60px !important; } .wrapper--padding_vert_xxlarge, .wrapper--bg.wrapper--padding_vert_xxlarge { padding-top: 90px !important; padding-bottom: 90px !important; }  .wrapper--limit_width_half   .content, .wrapper--limit_width_half   .container h1 {  max-width: 705px; } .wrapper--limit_width_third  .content, .wrapper--limit_width_third  .container h1 {  max-width: 465px; } .wrapper--limit_width_quarter  .content, .wrapper--limit_width_quarter  .container h1 {  max-width: 345px; } .wrapper--limit_width_two_thirds  .content, .wrapper--limit_width_two_thirds  .container h1 {  max-width: 930px; } .wrapper--limit_width_three_quarters .content, .wrapper--limit_width_three_quarters .container h1 {  max-width: 1035px; }  .wrapper--limit_align_center  .content, .wrapper--limit_align_center  .container h1 {  margin-left: auto;  margin-right: auto; } .wrapper--limit_align_right  .content, .wrapper--limit_align_right  .container h1 {  margin-left: auto;  margin-right: 0; } .wrapper--shadow { box-shadow: 0px 50px 20px -50px rgba(0,0,0,0.5); }  .container, .container--medium { max-width: 1410px; margin: 0 auto; position: relative; z-index: 2; } .container--medium {  max-width: 1170px; } .container--infinite { width: 100%; max-width: none; }  .container--bg { padding-top: 30px; padding-bottom: 30px; } .container--padding_bottom_none { padding-bottom: 0; } .container--padding_top_none { padding-top: 0; } .container--bg .section > .column > .content, .container--bg > h1, .container--bg > h2 { padding-left: 30px; padding-right: 30px; } .container--bg_image { background-size: cover; background-position: center; position: relative; } .container > span.bg_image { top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; position: absolute; background-size: cover; background-position: center; z-index: 3;  } .container--no_gutter .section { margin-left: 0; } .container--no_gutter .section > .column { padding-left: 0; }  .container--gutter_standard .section { margin-left: -30px; } .container--gutter_standard .section > .column { padding-left: 30px; }  .container--gutter_medium .section { margin-left: -45px; } .container--gutter_medium .section > .column { padding-left: 45px; } .container--gutter_large .section { margin-left: -60px; } .container--gutter_large .section > .column { padding-left: 60px; }  .container--two_col_60_40 > .section > .column:first-of-type {  width: 60% !important; flex: none !important; } .container--two_col_70_30 > .section > .column:first-of-type {  width: 70% !important; flex: none !important; }  .container--two_col_625_375 > .section > .column:first-of-type {  width: 62.5% !important; flex: none !important; }  .container--two_col_40_60 > .section > .column:first-of-type { width: 40% !important; flex: none !important; }  .container--two_col_30_70 > .section > .column:first-of-type { width: 30% !important; flex: none !important; }  .container--three_col_wide_mid > .section > .column:first-of-type, .container--three_col_wide_mid > .section > .column:last-of-type { width: 25% !important; flex: none !important; }  .container--shadow { box-shadow: 0px 50px 20px -50px rgba(0,0,0,0.5); }   .section { display: flex; flex-wrap: nowrap;  margin-left: -60px;  }  .column { flex: 1; box-sizing: border-box; padding-left: 60px; display: flex;  position: relative; z-index: 4; } .column--align_bottom {  align-self: flex-end; }  .content { width: 100%; box-sizing: border-box; position: relative; z-index: 5; } .content--bg { padding: 30px; background-position: center center; background-size: cover; background-repeat: no-repeat; } .content > span.bg_image { top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; position: absolute; background-size: cover; background-position: center; z-index: 6;  }   .content > div > h2:last-child, .content > div > h3:last-child, .content > div > p:last-child, .content > div > hr:last-child, .content > div > ul:last-child, .content > div > ol:last-child, .content > div > table:last-child, .content > div > .video:last-child { margin-bottom: 0 !important; }  .content > div { position: relative; z-index: 6; }  .content--align_left { text-align: left; } .content--align_center { text-align: center; } .content--align_justify p { text-align: justify; } .content--align_right { text-align: right; }   .content--padding_vert_none { padding-top: 0 !important; padding-bottom: 0 !important; } .content--padding_bottom_none { padding-bottom: 0 !important; } .content--padding_vert_normal { padding-top: 30px; padding-bottom: 30px; } .content--padding_vert_large { padding-top: 45px !important; padding-bottom: 45px !important; } .content--padding_vert_xlarge { padding-top: 60px !important; padding-bottom: 60px !important; } .content--padding_vert_large_below { padding-bottom: 45px !important; } .content--padding_vert_xlarge_below { padding-bottom: 60px !important; } .content--padding_vert_large_above { padding-top: 45px !important; } .content--padding_vert_xlarge_above { padding-top: 60px !important; }  .content--padding_horiz_none { padding-left: 0 !important; padding-right: 0 !important; } .content--padding_horiz_normal { padding-left: 30px; padding-right: 30px; } .content--padding_horiz_large { padding-left: 45px !important; padding-right: 45px !important; } .content--padding_horiz_xlarge { padding-left: 60px !important; padding-right: 60px !important; } .container--full .content--padding_horiz_xlarge { padding-left: 25% !important; padding-right: 25% !important; }  .content--bg div p.stretch_full_width { margin-left: -30px;  margin-right: -30px; } .content--bg div p.stretch_full_width:first-of-type { margin-top: -30px; }   .content--limit_690 { max-width: 690px; } .content--limit_650 { max-width: 650px; }  .content--border_shadow { box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1); }  .limit_width_half { max-width: 705px;  margin-left: auto; margin-right: auto; } .wrapper--bg_brick .content { color: #fff !important; }  @media (max-width: 1440px) {  .wrapper {   } }   @media (max-width: 940px) { .section {  display: block;  margin-left: -60px; }  .section .column {  margin-bottom: 30px; } .section > .column:last-of-type {  margin-bottom: 0px; }  .wrapper--mb_none .section > .column.empty {  margin-bottom: 0 !important; }  .section .column, .container--two_col_wide_left > .section > .column:first-of-type, .container--two_col_wide_right > .section > .column:first-of-type, .container--three_col_wide_mid > .section > .column:first-of-type, .container--three_col_wide_mid > .section > .column:last-of-type,  .container--two_col_60_40 > .section > .column:first-of-type, .container--two_col_70_30 > .section > .column:first-of-type, .container--two_col_625_375 > .section > .column:first-of-type, .container--two_col_40_60 > .section > .column:first-of-type, .container--two_col_30_70 > .section > .column:first-of-type {  width: auto !important; }  .container--four_col > .section {  display: flex;  flex-wrap: wrap;  }  .container--four_col > .section > .column {  flex-basis: 50%; }   .emptybg .content > div {  height: 0;  padding-top: 40%;  } }  @media (max-width: 740px) {  .wrapper--padding_vert_none,  .wrapper--bg.wrapper--padding_vert_none, .wrapper--padding_vert_normal {  padding-top: 0px;  padding-bottom: 0px; } .wrapper--padding_vert_large, .wrapper--bg.wrapper--padding_vert_large {  padding-top: 45px !important;  padding-bottom: 45px !important; } .wrapper--padding_vert_xlarge, .wrapper--bg.wrapper--padding_vert_xlarge {  padding-top: 45px !important;  padding-bottom: 45px !important; }  .wrapper--padding_vert_xxlarge, .wrapper--bg.wrapper--padding_vert_xxlarge {  padding-top: 45px !important;  padding-bottom: 45px !important; } } header { position: relative; width: 100%; z-index: 5; background: #991620; margin: 0 auto; } #header_and_nav { background: #991620; } header #logo a { text-indent: -4500px; display: block; background-repeat: no-repeat;  background-image: url(../_img/header/sims4home-logo_light_text.png); background-position: left 34px; height: 190px; width: 300px; background-size: 225px auto; transition: background-size 0.5s ease-in-out; } #nav_activate { position: absolute; top: 20px; right: 100px; z-index: 10; transition: 0.1s all ease-out; } #nav_activate a { display: block;  text-decoration: none; padding: 0 0.5em; height: 50px; line-height: 50px; color: #fff; text-transform: uppercase; font-size: 1.09em; font-weight: 500; }  #open_nav { display: block; width: 60px; height: 50px;  position: absolute; top: 20px; right: 20px; z-index: 5; cursor: pointer; background-image: url(../_shared/_img/icons/burger_white_36px.png); background-repeat: no-repeat; background-size: 36px auto; background-position: center;  transition: 0.1s all ease-out; }  #close_nav { display: block; color: #fff; position: absolute; top: 10px; right: 32px; font-size: 60px; line-height: 1; cursor: pointer; }  header nav {  position: fixed;  z-index: 200;  left: 50%; transform: translateX(-50%);  height: 100vh; width: 100%; top: -100vh;  background: linear-gradient(to right, #e94e1b 0, #ee731f 33%, #f9b133 100%); overflow: hidden;  transition: top 0.2s ease-in, opacity 0.5s ease-out; opacity: 0; display: flex; align-items: center; align-items: flex-start; justify-content: center; max-width: 1410px;  } header.mob_open {  } header.mob_open nav { top: 0; opacity: 1; } header.mob_open #nav_activate { top: -100px; } header.mob_open #open_nav { top: -100px; }  header nav ul { display: block; position: absolute; top: 50%;  width: 100%; transform: translateY(-50%); text-align: center; } header nav ul li { display: block; text-align: center; } header nav ul li a { color: #fff; display: inline; width: 100%; text-align: left; height: auto; font-size: 1.6em; line-height: 1.9; text-decoration: none; text-transform: uppercase; }  @media (max-width: 1240px) { header #logo a {  margin-left: 30px; }  } @media (max-width: 940px) { header #logo a {  background-position: left center;  width: 200px;  height: 160px;  background-size: 190px auto; } } @media (max-width: 740px) { header #logo a {  background-position: left center;  width: 180px;  height: 130px;  background-size: 155px auto; } } @media (max-width: 480px) {  header #logo a {  background-position: left center;  width: 180px;  height: 100px;  background-size: auto 80px; }   #open_nav {  top: 15px;  right: 15px;  width: 40px;  height: 33px;  background-size: 24px auto; } #nav_activate {  top: 50px;  right: 14px; } #nav_activate a {  font-weight: 300; } }  .container--bg_grad_horiz { background: linear-gradient(to right, #e94e1b 0, #ee731f 33%, #f9b133 100%); } .container--bg_white { background: #fff; } .container--bg_lightgrey { background: #fafafa; }   .main_heading { background-repeat: no-repeat; background-position: center; background-size: cover; border-bottom: 3em solid #fff; position: relative; } .main_heading .force_height { position: relative; height: 0; padding-bottom: 24.397%; } .main_heading .container { position: absolute; top: 0; width: 100%; height: 100%; left: 50%; transform: translateX(-50%); } .main_heading .content h1 { position: absolute; top: 60px; color: #991620; font-weight: 300; font-size: 2.7em; } .page .content h2 { color: #991620; font-weight: 300; font-size: 1.8em; margin-bottom: 0.3em;  } .page .wrapper--bg_brick .content h2 { color: #fff; }  .content p, .content ul, .content ol, .content hr, .content table, section.panel { margin-bottom: 1.5em; } .content .mb0 { margin-bottom: 0 !important; } .content .mblarge { margin-bottom: 3em; } .content .pt1 { padding-top: 1em; } .content .pt2 { padding-top: 2em; } .content .pb1 { padding-bottom: 1em; } .content p.smallprint { font-size: 70%;  line-height: 1.333; opacity: 0.7; } .content p.image_full img { max-width: 100%; height: auto; }  .content hr { clear: both; height: 0px; border: none; border-bottom-width: 1px; border-bottom-style: solid; border-bottom: 1px solid #E94E1B; } .content hr.subtle { border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #E94E1B; } .content hr.thick { border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: #E94E1B; } .content hr.invisible { border: none; }  .content a { color: #991620;  text-decoration: underline; } .content a:hover { color: #E94E1B; } .content a.subtle { color: #444;  text-decoration: none; } .content a.subtle:hover { color: #E94E1B;  text-decoration: none; } .content table tr td, .content table tr th { text-align: left;  vertical-align: top; padding: 3px 15px; } .content table.layout tr td:first-of-type, .content table.layout tr th:first-of-type , .content table.bordered tr td:first-of-type, .content table.bordered tr th:first-of-type { padding-left: 0 !important; } .content table.layout tr td:last-of-type, .content table.layout tr th:last-of-type, .content table.bordered tr td:last-of-type, .content table.bordered tr th:last-of-type  { padding-right: 0 !important; } .content table.layout tr:first-of-type td, .content table.layout tr:first-of-type th, .content table.bordered tr:first-of-type td, .content table.bordered tr:first-of-type th { padding-top: 0 !important; } .content table.layout.tight tr td, .content table.layout.tight tr th { padding-left: 7px;  padding-right: 7px; }  .content table.bordered tr td, .content table.bordered tr th { border-bottom: 1px solid #ccc; padding-top: 5px; padding-bottom: 5px; } .content table.light_bg { background: rgba(255,255,255,0.1); } .content table.dark_bg { background: rgba(0,0,0,0.1); }  .content table.spacing--large tr td, .content table.spacing--large tr th { padding-top: 7px; padding-bottom: 7px; } .content table.spacing--large tr:first-of-type td, .content table.spacing--large tr:first-of-type th { padding-top: 15px; } .content table.spacing--large tr:last-of-type td, .content table.spacing--large tr:last-of-type th { padding-bottom: 15px; } .content table.spacing--large.bordered tr:last-of-type td, .content table.spacing--large.bordered tr:last-of-type th { padding-bottom: 7px; } .content table.spacing--large.light_bg tr td, .content table.spacing--large.light_bg tr th, .content table.spacing--large.dark_bg tr td, .content table.spacing--large.dark_bg tr th { padding-left: 25px; padding-right: 25px; }  .content table.spacing--xlarge tr td, .content table.spacing--xlarge tr th { padding-top: 10px; padding-bottom: 10px; } .content table.spacing--xlarge tr:first-of-type td, .content table.spacing--xlarge tr:first-of-type th { padding-top: 20px; } .content table.spacing--xlarge tr:last-of-type td, .content table.spacing--xlarge tr:last-of-type th { padding-bottom: 20px; } .content table.spacing--xlarge.bordered tr:last-of-type td, .content table.spacing--xlarge.bordered tr:last-of-type th { padding-bottom: 10px; } .content table.spacing--xlarge.light_bg tr td, .content table.spacing--xlarge.light_bg tr th, .content table.spacing--xlarge.dark_bg tr td, .content table.spacing--xlarge.dark_bg tr th { padding-left: 30px; padding-right: 30px; } .content table tr.smallprint td, .content table tr td.smallprint { border: 0; font-size: 12px; color: #777; }  .content ul { margin-left: 0px;  list-style: none; } .content ul li { background-image: url(../_img/list_bullet.png); background-repeat: no-repeat; background-position: 0 17px; padding-left: 16px;  background-size: 6px 6px; } .content ol { margin-left: 20px;  } .content ul li, .content ol li { padding-top: 6px; padding-bottom: 6px; } .content .feature_list ul li { background-image: url(../_img/list_bullet_special.png) !important; background-repeat: no-repeat; background-position: 0 11px; padding-left: 70px;  background-size: auto; padding-top: 18px; padding-bottom: 18px; }  .content p.button { display: inline-block; } .content p.alignright.button { display: block; } .content p.button input, .content p.button a, .content p.button span { border: none; display: inline-block; background: #E94E1B; color: #fff; text-decoration: none; padding: 0.3em 1em; transition: all 0.2s ease-in-out; cursor: pointer; font-weight: 400; line-height: 1.5; text-transform: uppercase; } .content p.button input:hover, .content p.button a:hover, .content p.button span:hover { background: #991620; }   .content section.panel { border: 1px solid #ccc; background: #fafafa; padding: 1.5em; border-radius: 0; position: relative; padding-bottom: 0; } .content section.panel section.panel { background: #fff; } .content section.panel.notice { background-color: #ececec; border-color: transparent; border-radius: 0; background-image: url(../_shared/_img/dialogue/dialog_info.png); background-repeat: no-repeat; background-position: 16px 14px; padding-left: 76px; }   section.dialog { background-color: #ececec; background-image: url(../_shared/_img/dialogue/dialog_BG.png); background-repeat: no-repeat; background-position: right 0px; border-radius: 0; margin-bottom: 24px; cursor: pointer; position: relative; opacity: 0.85; } section.dialog.permanent { background: #ececec; opacity: 1; cursor: default; } section.dialog i { position: absolute; left: 14px; top: 16px; width: 48px; height: 48px;  } section.dialog.confirm i { background-image: url(../_shared/_img/dialogue/dialog_confirm.png); } section.dialog.error i { background-image: url(../_shared/_img/dialogue/dialog_error.png); } section.query i { background-image: url(../_shared/_img/dialogue/dialog_query.png); } section.dialog.report i { background-image: url(../_shared/_img/dialogue/dialog_info.png); } section.dialog:hover { opacity: 1; } section.dialog p { padding: 27px 30px 27px 76px; margin: 0; color: #000; } section.dialog p b { font-weight: 400; color: #000; font-size: 1.2em; padding-bottom: 2px; display: block; } .fadingOut {  transition:opacity 0.6s linear;   opacity:0 !important; } body #overlay {  position: fixed;  top: 0;  left: 0;  width: 100%;  height: 100%;  z-index: 1000;  background-color: rgba(0,0,0,0.5);  display: none; } #overlay #dialog { margin: 0 auto; margin-top: 300px; opacity: 1; box-shadow: 5px 5px 30px 0px rgba(0, 0, 0, 0.3); }  ::placeholder { opacity: 0.2; } .content input, .content textarea, .content select,  .content select option { font-family: Jost, Arial, Helvetica, sans-serif; color: #444; font-size: 1em; line-height: 1.3333; } .content input[type='text'], .content input[type='email'], .content input[type='url'], .content input[type='password'], .content input[type='number'], .content textarea { box-sizing: border-box; border: 1px solid #A5ACB2; border: 1px solid #ccc; padding: 2px 3px; border-radius: 3px; font-size: 1em; line-height: 1.3333; } .content input[type=checkbox], .content input[type=radio] {  vertical-align: middle;  position: relative;  bottom: 1px; } .content input[type=radio] {  bottom: 3px; } .content form option { padding-right: 0.8em; font-size: 1em; line-height: 1.3333; } .content form select { font-size: 1em; line-height: 1.3333; } .content form .no_minwidth { min-width: 0 !important; } .content form .sz_100 { width: 100%; min-width: 380px; } .content form .sz_80 { width: 80%;  min-width: 100px; } .content form .sz_60 { width: 60%;  min-width: 100px; } .content form .sz_40 { width: 40%;  min-width: 100px; } .content form .sz_20 { width: 20%;  min-width: 100px; } .content form .sz_5char { width: 4.5em; } .content form .sz_4char { width: 3.8em; } .content form .sz_3char { width: 1em; } .content form .mw200 { min-width: 200px; } .content form .mw100 { min-width: 100px; }  #three_callouts .content > div { display: flex; justify-content: space-between; max-width: 650px; margin: 0 auto; } #three_callouts .content > div p { margin-bottom: 0; } #three_callouts .content > div p a { display: inline-block; font-size: 1.4em; min-width: 5em; text-align: center; font-weight: 300; color: #fff; padding: 0.3em 0.5em 0.25em 0.5em; border: 1px solid #fff; text-transform: uppercase; text-decoration: none; background-color: rgba(0,0,0,0.1); transition: all 0.2s ease-out; } #three_callouts .content > div p a:hover { background-color: rgba(0,0,0,0.2); }  @media (max-width: 1240px) { .main_heading .content h1 {  left: 30px; } .wrapper--full.wrapper--page_content .content {  margin-left: 30px;  margin-right: 30px;  } } @media (max-width: 740px) {   body {  font: normal normal 18px/28px Jost, Helvetica, sans-serif;  line-height: 1.3333;   } .container, .container--medium {  width: 100%;  }  .content form .sz_100 {  min-width: 0;  }  .main_heading .content h1 {  top: 6vw;  font-size: 2.7em; }  .content .feature_list ul li {  background-position: 0 11px;  padding-left: 50px;  background-size: 30px auto;  padding-top: 15px;  padding-bottom: 15px; } .content ul li {  background-position: 0 12px;  } .content ul li, .content ol li {  padding-top: 4px;  padding-bottom: 4px; } }  @media (max-width: 540px) {   body {  font: normal normal 16px/23px Jost, Helvetica, sans-serif;  line-height: 1.3333; }  #three_callouts .container--bg {   padding-top: 5vw;   padding-bottom: 5vw; }  #three_callouts .content {  padding-left: 5vw;   padding-right: 5vw; }  #three_callouts .content > div p a {  font-size: 5vw;  min-width: 25vw;  padding: 0.3em 0.5em 0.25em 0.5em;  }  .main_heading .content h1 {  top: 4vw;  font-size: 2.3em;  text-shadow: 0 0 10px #ffffff, 0 0 15px #ffffff; }  } #faq_heading h2 { background-image: url(../_img/home/FAQ_lady.jpg); background-repeat: no-repeat; background-position: right bottom; max-width: 750px; margin: 0 auto; font-size: 2.18em; color: #E94E1B; font-weight: 300; padding: 170px 0 120px 20px; text-transform: none; } #faq_text_holder { display:inline-flex; margin: 0 auto; } #faq_text .content p { color: #fff; font-size: 1.3em; line-height: 1.5;  margin-bottom: 0; } #faq_text .faq_button { margin-left: 1em; } #faq_text .faq_button a { align-self: center; display: inline-block; text-decoration: none; border: 1px solid #fff; color: #fff; background-color: rgba(0,0,0,0.15); font-weight: 300; padding: 0 1em; transition: all 0.3s ease-out; } #faq_text .faq_button a:hover { background-color: rgba(255,255,255,0.15); }  @media (max-width: 1140px) { #faq_text .content p {  text-align: left;  } .faq_button {  display: flex;  } }  @media (max-width: 740px) {  #faq_heading h2 {  background-position: right 2vw bottom 0;  background-size: 40vw auto;  font-size: 7.8vw;  font-weight: 300;  padding: 25vw 0 8vw 10vw } #faq_heading h2 span {  display: inline-block;  max-width: 50%;  }   #faq_text .content p {  font-size: 4vw; } #faq_text .faq_button {  margin-left: 10vw; } #faq_text .faq_button a {  font-size: 6vw;   } } footer .container { background: #991620; padding-top: 30px; } footer #footer_1, footer #footer_2{ max-width: 690px; margin: 0 auto; } footer #footer_1 { display: flex; justify-content: space-evenly; margin-bottom: 30px; } footer #footer_1 p { max-width: 230px; } footer #footer_1 p img { max-width: 100%; height: auto; } #footer_logo { padding: 50px 10px 0 10px; }  footer #footer_2 { padding-bottom: 30px; } footer #footer_2 nav ul { list-style: none; display: flex;  justify-content: space-evenly; } footer #footer_2 nav ul li a { color: #fff; text-decoration: none; text-transform: uppercase; font-size: 0.8em; } footer #footer_2 nav ul li a:hover { color: 991620; }  footer #footer_3 { padding-bottom: 20px; padding-top: 20px; max-width: 1410px; margin: 0 auto; background: rgba(250,250,250,0.5); } footer #footer_3 nav { max-width: 690px; margin: 0 auto; } footer #footer_3 nav ul { list-style: none; display: flex;  justify-content: space-evenly; } footer #footer_3 nav ul li a { color: #000; text-decoration: none; font-weight: 300; font-size: 0.8em; } footer #footer_3 nav ul li a:hover { color: #991620; }  @media (max-width: 540px) { footer #footer_1 {  width: 90%;  justify-content: space-between;  } footer #footer_1 p {  display: flex;  align-items: flex-end; } #footer_logo {  padding: 0px 5vw 10px 2vw; }  }  @media (max-width: 440px) { footer .nomob {  display: none;  }  }  