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; }  html {  box-sizing: border-box;  -webkit-font-smoothing: antialiased; } *, *:before, *:after {  box-sizing: inherit; }  .hidden { display: none; } .alignright { text-align: right !important; } .floatright { float: right !important; } .fullwidth { width: 100%; } .nowrap { white-space: nowrap; } .clickable { cursor: pointer; }  body { background: #fff; color: #4f585e; font-family: "Montserrat", sans-serif; font-weight: 400; font-size: 17px; line-height: 1.6;  } html, body{  min-height: 100%;  height: 100%; } html.iframe, html.iframe body { height: auto; min-height: 0; } body {  position: relative; } #scroll_pixel { position: absolute; width: 1px; height: 1px; top: 730px; left: 0; z-index: 5000; }  #overlay, .overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; background-color: rgba(0,0,0,0.7);  display: none; } #overlay_container { display: flex;  height: 100vh; align-items: center; } #overlay_content { background: #fff; padding: 30px; max-width: 930px; box-sizing: border-box; margin: 0 auto; position: relative; box-shadow: 0 0 10px rgba(0,0,0,0.3);  } #overlay_content #overlay_close { position: absolute; font-size: 4em; line-height: 1; color: #8ca6b4; top: 0px; right: 10px; cursor: pointer; } #overlay_content h2 {  color: #3586a5; font-size: 2em; }   .wrapper--bg_grey, .container--bg_grey, .content--bg_grey { background-color: #ebedef; }  .wrapper { margin-bottom: 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_tight { margin-bottom: 10px; } .wrapper--mb_normal { margin-bottom: 30px; } .wrapper--mb_large { margin-bottom: 60px; } .wrapper--mb_xlarge { margin-bottom: 90px; } .wrapper--mb_xxlarge { 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_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--full.wrapper--limit_width_half  .content, .wrapper--full.wrapper--limit_width_half  .container h1 {  max-width: 705px; } .wrapper--full.wrapper--limit_width_third  .content, .wrapper--limit_width_third .container h1 {  max-width: 465px;  } .wrapper--full.wrapper--limit_width_quarter  .content, .wrapper--full.wrapper--limit_width_quarter  .container h1 {  max-width: 345px; } .wrapper--full.wrapper--limit_width_two_thirds  .content, .wrapper--full.wrapper--limit_width_two_thirds  .container h1 {  max-width: 930px; } .wrapper--full.wrapper--limit_width_three_quarters .content, .wrapper--full.wrapper--limit_width_three_quarters .container h1 {  max-width: 1035px; }  .wrapper--full.wrapper--limit_align_center  .content, .wrapper--full.wrapper--limit_align_center  .container h1 {  margin-left: auto;  margin-right: auto; } .wrapper--full.wrapper--limit_align_right  .content, .wrapper--full.wrapper--limit_align_right  .container h1 {  margin-left: auto;  margin-right: 0; }  .wrapper--limit_width_half   .container {  max-width: 705px; } .wrapper--limit_width_third  .container {  max-width: 465px;  } .wrapper--limit_width_two_thirds  .container {  max-width: 930px; } .wrapper--limit_width_three_quarters .container {  max-width: 1035px; }  .wrapper--full.wrapper--limit_width_half  .container, .wrapper--full.wrapper--limit_width_third  .container, .wrapper--full.wrapper--limit_width_two_thirds  .container, .wrapper--full.wrapper--limit_width_three_quarters .container {  max-width: 1410px; } .container, .container--medium { width: 96%; max-width: 1410px; margin: 0 auto; position: relative; z-index: 2; } .container--medium { max-width: 1170px; } .container--small { max-width: 930px; } .container--infinite { width: 100%; max-width: none; }  .container--bg { padding-top: 30px; padding-bottom: 30px; } .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_large .section { margin-left: -60px; } .container--gutter_large .section > .column { padding-left: 60px; } .container--gutter_xlarge .section { margin-left: -90px; } .container--gutter_xlarge .section > .column { padding-left: 90px; }   .container--two_col_wide_left > .section > .column:first-of-type {  width: 66.6667% !important; flex: none !important; }  .container--two_col_wide_right > .section > .column:first-of-type { width: 33.3333% !important; flex: none !important; }  .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; }   .section { display: flex; flex-wrap: nowrap;  margin-left: -30px; }  .column { flex: 1; box-sizing: border-box; padding-left: 30px; 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_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_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; } .content--padding_horiz_xxlarge { padding-left: 90px !important; padding-right: 90px !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; }  .limit_width_half { max-width: 705px;  margin-left: auto; margin-right: auto; } @media (max-width: 940px) { .section {  display: block;  margin-left: -30px; }  .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) {  .container, .container--medium {  width: 94%; } .container--infinite {  width: 100%;  }   .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; } }  @media (max-width: 540px) { .container, .container--medium {  width: 92%; } .container--infinite {  width: 100%;  } }header, #header_prop, body.scrolled header, body.scrolled h2 a, body.scrolled.home header, body.scrolled.home h2 a { height: 85px; } header { position: fixed; top: 0; width: 100%;  background-color: rgba(255,255,255,0.97); z-index: 100; transition: height 0.5s ease-in-out; } header .container { max-width: 1170px; } header h2 a { width: 200px; height: 80px; display: block; text-indent: -4500px; background: url(../_img/make_one_group_logo.png); background-repeat: no-repeat; background-size: 160px auto;  background-position: -35px 20px; transition: height 0.5s ease-in-out; } .home header { height: 220px; background-image: url(../_img/header_BG_v2.png); background-color: transparent; background-position: left top; background-repeat: repeat-x; } .home header h2 a { height: 220px; background-position: center 25px;  transition: height 0.5s ease-in-out, background-position 0.9s ease-in-out; } body.scrolled.home h2 a {  background-position: -35px 20px; }   #open_nav, #close_nav { width: 60px; height: 48px; position: absolute; top: 20px; right: 0; background-image: url(../_img/burger.png); background-repeat: no-repeat; background-position: center; border: 1px solid rgba(140,166,180,0); cursor: pointer; opacity: 0.6; transition: all 0.2s ease-out; } #close_nav { background-image: url(../_img/close_nav.png); border: 1px solid rgba(140,166,180,1); } #open_nav:hover { border: 1px solid rgba(140,166,180,1); background-color: #fff; opacity: 1; } #close_nav:hover { border: 1px solid rgba(140,166,180,1); opacity: 1; }  #globalnav_holder { height: 100%; width: 100%; position: fixed;  z-index: 301; left: 0; top: -100%; background-color: rgba(255,255,255,1); background-image: url(../_img/nav_BG.png); background-repeat: repeat-x; background-position: center top; overflow-x: hidden;  transition: all 0.3s ease-out;  opacity: 0; } #globalnav_holder.mob_open { height: 100%; width: 100%; left: 0; top: 0; opacity: 1; }  nav#globalnav .container { display: block; max-width: 1170px; text-align: center; background-image: url(../_img/nav_LOGO.png); background-position: center 80px; background-repeat: no-repeat; } nav#globalnav .container ul { display: block;  padding-top: 260px; } nav#globalnav .container ul li { display: block; text-align: center; } nav#globalnav .container ul li a { color: #4f585e; text-transform: uppercase; text-decoration: none; display: block; margin-left: auto; margin-right: auto; width: 100%; text-align: center; height: auto; border: 1px solid rgba(140,166,180,0); line-height: 1;  max-width: 320px; font-size: 1em; padding: 0.8em 0.5em; margin-bottom: 1em; font-weight: 500; } nav#globalnav .container ul li a:hover { border: 1px solid rgba(140,166,180,1); } @media (max-width: 640px) {  .home header {  height: 85px;  background-image: none;  background-color: rgba(255,255,255,0.97); } .home header h2 a {  height: 85px;  background-position: -35px 20px;  } }  #hero.container { width: 100%; } #hero #hero_image img { display: block; max-width: 100%; height: auto; }  .content h1, .content h2 { text-transform: uppercase; font-weight: 300; font-size: 35px; letter-spacing: 0.0725em; color: #8ca6b4; margin-bottom: 35px; } .content h1.h1--lower, .content h2.h2--lower { text-transform: none; } .content h1.h1--black , .content h2.h2--black { color: #4f585e; } .content h1.h1--white, .content h2.h2--white { color: #fff; } .content h1.h1--tight, .content h2.h2--tight { letter-spacing: 0; } .content h1.h1--loose, .content h2.h2--loose { letter-spacing: 0.3em; } .content h1.h1--fw500, .content h2.h2--fw500 { font-weight: 500; } #main_heading { text-align: center; background-image: url(../_img/symbol_145px_15pc.png); background-repeat: no-repeat; background-position: center 30px; padding-top: 120px; }  .content p, .content ul { margin-bottom: 1.5em; } .content .mb0 { margin-bottom: 0; } .content .mb10 { margin-bottom: 10px; } .content .mb20 { margin-bottom: 20px; } .content .mb30 { margin-bottom: 30px; } .content .mb_normal { margin-bottom: 1.5em; } .content .mb_double { margin-bottom: 3em; } strong.medium { font-weight: 500; } .content a { color: #8ca6b4; text-decoration: none; } .content a:hover { color: #4f585e; }  .content p.button a { display: inline-block; text-decoration: none; border: 1px solid #8ca6b4; text-transform: uppercase; padding: 7px 25px 5px 25px;  font-size: 1.1em; font-weight: 300; letter-spacing: 0.09em; color: #8ca6b4; } .content p.button a:hover { background: #fff; color: #4f585e; border-color: #4f585e; }  .content p.button.button--reverse a {  border: 1px solid #8ca6b4; background: #8ca6b4; color: #fff; } .content p.button.button--reverse a:hover { background: #fff; color: #4f585e; border-color: #4f585e; } hr.symbol { border:0; margin: 0; padding: 0; } hr.invisible { border:0; margin: 0; padding: 0;  margin-bottom: 1.5em; }  hr.symbol.symbol--med { display: block; background-image: url(../_img/symbol_110px_40pc.png); height: 270px; background-repeat: no-repeat; background-position: center center; }  .content div.video { position: relative; padding-bottom: 56.25% !important;  height: 0; overflow: hidden; margin-bottom: 30px; } .content div.video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; }  #co-our_companies { background: #8ca6b4; text-decoration: none; display: block; text-align: center; } #co-our_companies h3 { color: #fff; font-weight: 400; padding: 15px 10px; border-bottom: 2px solid #fff; } #co-our_companies p { display: flex; } #co-our_companies p span { display: block; flex: 1; } #co-our_companies p img { display: block; max-width: 100%; height: auto; } #co-our_companies p span:first-of-type { border-right: 1px solid #fff; } #co-our_companies p span:last-of-type { border-left: 1px solid #fff; }  .content ul.pagination { padding-left: 0; text-align: left; list-style: none; margin-top: 20px; } .content ul.pagination li { display: inline-block; background-image: none; padding: 0;  vertical-align: middle; } .content ul.pagination li a { text-decoration: none; display: block; background: #eaeaea; color: #444; margin: 0 4px; width: 30px; height: 30px; border-radius: 30px; line-height: 30px; text-align: center; } .content ul.pagination li.active a { background: #8ca6b4; color: #fff; } .content ul.pagination li.prevnext a { font-size: 20px; border: none; } .content ul.pagination li.disabled a { opacity: 0.3; cursor: default; display: none; }  @media (max-width: 640px) {   .content h1, .content h2 {   font-size: 28px;  margin-bottom: 28px; }  } #portfolio_widget { padding-top: 50px; position: relative; } #portfolio_widget.wrapper--with_BG { background-image: url(../_img/grad_top_blue.png); background-repeat: repeat-x; background-position: center top; } .portfolio_widget_holder { display: flex; max-width: 1170px; margin: 0 auto; flex-wrap: wrap; justify-content: space-between; } #portfolio_widget #p2 { display: none; } .portfolio_widget_holder a { display: block; flex-grow: 0; flex-shrink: 1; flex-basis: 49%; width: 49%; margin-bottom: 2%; } #p1a .portfolio_widget_holder a, #p2 .portfolio_widget_holder a {  flex-basis: 32%; width: 32%; margin-bottom: 2%; } .portfolio_widget_holder a figure { display: block; padding-top: 71.052%; height: 0; position: relative; } .portfolio_widget_holder figure img { width: 100%; left: 0; top: 0; height: auto;  position: absolute; z-index: 1; } .portfolio_widget_holder figure span { width: 100%; height: 100%; top: 0; left: 0; position: absolute; z-index: 2; opacity: 0; transition: opacity 0.3s ease-out, background-position 1s cubic-bezier(0, 0.55, 0.45, 1); background-repeat: no-repeat; } .portfolio_widget_holder .london span { background-color: rgba(145,203,193,1); background-image: url(../_img/portfolio/london_white.png); background-position: right -60px bottom 10px;  } .portfolio_widget_holder .construct span { background-color: rgba(103,93,115,1); background-image: url(../_img/portfolio/construct_white.png); background-position: right -60px bottom 10px; } .portfolio_widget_holder figure figcaption { width: 100%; height: 100%; top: 0; left: 0; position: absolute; z-index: 3; background-position: left bottom; background-size: cover; } .portfolio_widget_holder .london figcaption { background-image: url(../_img/portfolio/gradient_london.png); } .portfolio_widget_holder .construct figcaption { background-image: url(../_img/portfolio/gradient_consrtuct.png); } .portfolio_widget_holder figure figcaption h3 { position: absolute; z-index: 4; left: 0; width: 100%; min-height: 42px; background-image: url(../_img/portfolio/caption_BG.png); background-repeat: no-repeat; background-position: left bottom; text-align: left; bottom: 6%; text-transform: uppercase; color: #fff; font-weight: 400; font-size: 22px; padding-left: 40px; transition: bottom 0.8s cubic-bezier(0, 0.55, 0.45, 1); } .portfolio_widget_holder figure figcaption h3 i { font-style: normal; }  .portfolio_widget_holder a.active span { opacity: 1;  background-position: right 10px bottom 10px; } .portfolio_widget_holder a.active figure figcaption h3 { bottom: 45%; }  #portfolio_widget.wrapper--single_col .container { width: 100%; } #portfolio_widget.wrapper--single_col .portfolio_widget_holder { display: block; } #portfolio_widget.wrapper--single_col .portfolio_widget_holder a { width: 100%; margin-bottom: 30px; } #portfolio_widget.wrapper--single_col .portfolio_widget_holder figure figcaption h3 { box-sizing: border-box; line-height: 42px; font-weight: 500; font-size: 16px; }  #portfolio_widget #portfolio_view_more { position: absolute; width: 100%; z-index: 100;  bottom: 0; display: flex; align-content: center; height: 290px; background: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,1) 40%); } #portfolio_widget #portfolio_view_more p {  flex: 1; align-self: center ; margin-bottom: 0;   } @media(max-width: 1240px) { .portfolio_widget_holder figure figcaption h3 {  font-size: 1.8vw !important;  line-height: 42px } } @media(max-width: 640px) { .portfolio_widget_holder {  display: block; } .portfolio_widget_holder a {  width: 100% !important;  margin-bottom: 4% !important; } .portfolio_widget_holder figure figcaption h3 {  font-size: 3.6vw !important;  line-height: 42px } .portfolio_widget_holder figure figcaption h3 i {  opacity: 0;  transition: opacity 0.8s ease-out; } .portfolio_widget_holder a.active figure figcaption h3 i {  opacity: 1; } } .photogrid--inner { display: flex; } .photogrid--photo { width: 33.333%; border-right: 3px solid #fff; border-left: 3px solid #fff; } .photogrid--photo:first-of-type { } .photogrid--photo:last-of-type {  } .photogrid--photo p { height: 0; padding-top: 49.645%; position: relative; } .photogrid--photo img { height: auto; position: absolute; width: 100%; left: 0; top: 0; display: block; } .photogrid--photo img { animation: 12s fadeAnimation infinite linear;  opacity: 0.0; } @keyframes fadeAnimation {  0% {opacity: 0.0}  4% {opacity: 1.0}  33.33% {opacity: 1.0}  37.33% {opacity: 0.0}  100% {opacity: 0.0} } .photogrid--photo.p1 img:nth-child(1) {animation-delay: 0s} .photogrid--photo.p1 img:nth-child(2) {animation-delay: 4s} .photogrid--photo.p1 img:nth-child(3) {animation-delay: 8s} .photogrid--photo.p2 img:nth-child(1) {animation-delay: 0.3s} .photogrid--photo.p2 img:nth-child(2) {animation-delay: 4.3s} .photogrid--photo.p2 img:nth-child(3) {animation-delay: 8.3s} .photogrid--photo.p3 img:nth-child(1) {animation-delay: 0.6s} .photogrid--photo.p3 img:nth-child(2) {animation-delay: 4.6s} .photogrid--photo.p3 img:nth-child(3) {animation-delay: 8.6s} .photogrid--photo p { transition: transform 1.2s cubic-bezier(0, 0.55, 0.45, 1); } .photogrid--photo p.offscreen { transform: scale(0.3); } .photogrid--photo p.onscreen { transform: scale(1); } #testimonials { background-color: #eceff1;   }  #testimonials .container { padding-top: 45px; background-image:  url(../_img/quotes_top.png),  url(../_img/quotes_bottom.png); background-position:  top left,  bottom right;  background-repeat: no-repeat;  padding-bottom: 45px; } #testimonials .quote { width: 100%; } #testimonials .quote blockquote { padding: 0; text-align: center; font-weight: 300; font-style: italic; color: #4f585e; font-size: 1.7em; line-height: 1.35; } #testimonials .quote blockquote cite { font-size: 0.65em; font-weight: 500; color: #4f585e; font-style: normal; } #testimonials .quote blockquote cite strong { text-transform: uppercase; font-weight: 500; } #testimonials-prev, #testimonials-next { position: absolute; width: 29px; height: 57px; cursor: pointer; } #testimonials-prev {  background-image: url(../_img/matrix_prev.png);  top: 145px;  left: -260px; } #testimonials-next { background-image: url(../_img/matrix_next.png); top: 145px; right: -260px; } #testimonials-prev:hover, #testimonials-next:hover {  background-position: -58px 0;  opacity: 0.3; }   @media(max-width: 1290px) {  #testimonials-prev {  left: calc(-100vw / 8); } #testimonials-next {  right: calc(-100vw / 8); }  }  @media(max-width: 980px) {  #testimonials-prev {  left: calc(-100vw / 12); } #testimonials-next {  right: calc(-100vw / 12); } }  @media(max-width: 890px) { #testimonials .content {  padding-left: 50px;  padding-right: 50px;  } #testimonials .quote blockquote {  font-size: 3.5vw; } #testimonials .quote blockquote cite {  font-size: 0.7em; }  #testimonials .container {  background-size:  auto 150px,   auto 150px;  } } @media(max-width: 540px) { #testimonials .content {  padding-left: 6.5vw;  padding-right: 6.5vw;  }  #testimonials h2 {  font-size: 24px;  letter-spacing: 0.03em; } #testimonials .container {  background-size:  auto 90px,   auto 90px;  } #testimonials-prev, #testimonials-next {  width: 15px;  height: 29px;  background-size: 45px auto; } #testimonials-prev {  top: 95px; } #testimonials-next {  top: 95px; } #testimonials-prev:hover, #testimonials-next:hover {  background-position: -30px 0; }  } #newsletter_sign_up { background-color: #eceff1;  margin-bottom: 2px;  }  #newsletter_sign_up .container { padding-top: 60px;  padding-bottom: 60px; } #newsletter_sign_up .content { font-size: 1.2em; } #newsletter_sign_up .content form { background: #fff; padding: 2em;  text-align: left; } #newsletter_sign_up .cm-form-field { margin-bottom: 1.5em; } #newsletter_sign_up .content form label { display: block; } #newsletter_sign_up .content form input { font-family: inherit; font-size: inherit; line-height: inherit; width: 100%; border: 1px solid #ccc; border-radius: 5px; } #newsletter_sign_up .content p.cm-form-button { text-align: center; margin-bottom: 0; } #newsletter_sign_up button { font-family: inherit; font-size: inherit; background: #0077b7; border: none; cursor: pointer; color: #fff; text-transform: uppercase; letter-spacing: 0.09em; padding: 10px 30px; } #newsletter_sign_up button:hover { background: #333; }  @media(max-width: 540px) { #newsletter_sign_up .content {  padding-left: 6.5vw;  padding-right: 6.5vw;  }  #newsletter_sign_up h2 {  font-size: 24px;  letter-spacing: 0.03em; } #newsletter_sign_up .container {  background-size:  auto 90px,   auto 90px;  } }#newsletter_sign_up {  } footer { background-color: #fff; background-image: url(../_img/grad_top_grey.png); background-repeat: repeat-x; background-position: center top; } #footer_inner { display: flex;  width: 100%; justify-content: space-between; } #footer_links #footer_nav { padding: 55px 0 45px 0; } #footer_links #footer_nav ul { list-style: none; } #footer_links #footer_nav ul li { display: inline-block; padding: 0 20px; } #footer_links #footer_nav ul li:first-of-type { padding-left: 0; } #footer_links #footer_nav ul li:last-of-type { padding-right: 0; } #footer_links #footer_nav ul li a { text-decoration: none; font-size: 0.9em; color: #4f585e; text-transform: uppercase; } #footer_links #footer_nav ul li a:hover { opacity: 0.5; transition: opacity 0.2s ease-out; }  #footer_links #footer_nav_2 { padding-bottom: 30px; } #footer_links #footer_nav_2 p { font-size: 0.8em; color: #4f585e; line-height: 24px; } #footer_links #footer_nav_2 p a.footer_socials { text-indent: -4500px; display: inline-block;  height: 24px; width: 24px; background-size: 24px;  } #footer_links #footer_nav_2 p a#footer_instagram { background-image: url(../_img/social/instagram_64.png);  margin-right: 5px; } #footer_links #footer_nav_2 p a#footer_linkedin { background-image: url(../_img/social/linkedin_64.png); margin-right: 10px; } #footer_links #footer_nav_2 p a { text-decoration: none; color: #4f585e; } #footer_links #footer_nav_2 p b { font-weight: 300; display: inline-block; padding: 0 5px; }  #footer_logo { display: flex; align-items: center;  justify-content: center; } #footer_logo img { display: block; max-width: 160px; height: auto; } @media(max-width: 1000px) { #footer_links #footer_nav ul li {  display: inline-block;  padding: 0 20px 0 0; } } @media(max-width: 640px) { #footer_inner {  display: block;  } #footer_links #footer_nav ul {  text-align: center; } #footer_links #footer_nav ul li {  padding: 0 10px 0 10px; } #footer_links #footer_nav ul li:first-of-type {  padding-left: 10px;  } #footer_links #footer_nav ul li:last-of-type {  padding-right: 10px;  }  #footer_nav_2 {  text-align: center;  } #footer_links #footer_nav_2 p b {  display: block;  opacity: 0;  margin-top: -20px; } #footer_logo {  padding-top: 10px;  padding-bottom: 50px;  } }