/**
 * Theme Name: room-kids-maternity
 * Theme URI: %%THEMEURI%%
 * Description: This is a theme description.
 * Author: Baldadig
 * Author URI: http://baldadig.nl
 * Version: 1.0
 */
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800|PT+Mono");
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

html *,
* {
  box-sizing: border-box; }

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, q, small, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  border: 0;
  margin: 0;
  padding: 0; }

article, aside, figure, figure img, figcaption, hgroup, footer, header, nav, section, video, object {
  display: block; }

a img {
  border: 0; }

figure {
  position: relative; }

figure img {
  width: 100%; }

.container12, .container16 {
  margin: 0 auto;
  padding: 0;
  position: relative;
  width: 1140px; }

.row {
  margin-bottom: 20px; }

.column1, .column2, .column3, .column4, .column5, .column6, .column7, .column8, .column9, .column10, .column11, .column12, .column13, .column14, .column15, .column16 {
  display: inline;
  float: left;
  margin-left: 10px;
  margin-right: 10px; }

.container12 .alpha, .container16 .alpha {
  margin-left: 0; }

.container12 .omega, .container16 .omega {
  margin-right: 0; }

.container12 .column1 {
  width: 75px; }

.container12 .column2 {
  width: 170px; }

.container12 .column3 {
  width: 265px; }

.container12 .column4 {
  width: 360px; }

.container12 .column5 {
  width: 455px; }

.container12 .column6 {
  width: 550px; }

.container12 .column7 {
  width: 645px; }

.container12 .column8 {
  width: 740px; }

.container12 .column9 {
  width: 835px; }

.container12 .column10 {
  width: 930px; }

.container12 .column11 {
  width: 1025px; }

.container12 .column12 {
  width: 1120px; }

.container12 .prefix1 {
  padding-left: 95px; }

.container12 .prefix2 {
  padding-left: 190px; }

.container12 .prefix3 {
  padding-left: 285px; }

.container12 .prefix4 {
  padding-left: 380px; }

.container12 .prefix5 {
  padding-left: 475px; }

.container12 .prefix6 {
  padding-left: 570px; }

.container12 .prefix7 {
  padding-left: 665px; }

.container12 .prefix8 {
  padding-left: 760px; }

.container12 .prefix9 {
  padding-left: 855px; }

.container12 .prefix10 {
  padding-left: 950px; }

.container12 .prefix11 {
  padding-left: 1045px; }

.container16 .column1 {
  width: 51.25px; }

.container16 .column2 {
  width: 122.5px; }

.container16 .column3 {
  width: 193.75px; }

.container16 .column4 {
  width: 265px; }

.container16 .column5 {
  width: 336.25px; }

.container16 .column6 {
  width: 407.5px; }

.container16 .column7 {
  width: 478.75px; }

.container16 .column8 {
  width: 550px; }

.container16 .column9 {
  width: 621.25px; }

.container16 .column10 {
  width: 692.5px; }

.container16 .column11 {
  width: 763.75px; }

.container16 .column12 {
  width: 835px; }

.container16 .column13 {
  width: 906.25px; }

.container16 .column14 {
  width: 977.5px; }

.container16 .column15 {
  width: 1048.75px; }

.container16 .column16 {
  width: 1120px; }

.container16 .prefix1 {
  padding-left: 71.25px; }

.container16 .prefix2 {
  padding-left: 142.5px; }

.container16 .prefix3 {
  padding-left: 213.75px; }

.container16 .prefix4 {
  padding-left: 285px; }

.container16 .prefix5 {
  padding-left: 356.25px; }

.container16 .prefix6 {
  padding-left: 427.5px; }

.container16 .prefix7 {
  padding-left: 498.75px; }

.container16 .prefix8 {
  padding-left: 570px; }

.container16 .prefix9 {
  padding-left: 641.25px; }

.container16 .prefix10 {
  padding-left: 712.5px; }

.container16 .prefix11 {
  padding-left: 783.75px; }

.container16 .prefix12 {
  padding-left: 855px; }

.container16 .prefix13 {
  padding-left: 926.25px; }

.container16 .prefix14 {
  padding-left: 997.5px; }

.container16 .prefix15 {
  padding-left: 1068.75px; }

@media only screen and (min-width: 960px) and (max-width: 1160px) {
  .container12, .container16 {
    width: 960px; }
  .container12 .column1 {
    width: 60px; }
  .container12 .column2 {
    width: 140px; }
  .container12 .column3 {
    width: 220px; }
  .container12 .column4 {
    width: 300px; }
  .container12 .column5 {
    width: 380px; }
  .container12 .column6 {
    width: 460px; }
  .container12 .column7 {
    width: 540px; }
  .container12 .column8 {
    width: 620px; }
  .container12 .column9 {
    width: 700px; }
  .container12 .column10 {
    width: 780px; }
  .container12 .column11 {
    width: 860px; }
  .container12 .column12 {
    width: 940px; }
  .container12 .prefix1 {
    padding-left: 80px; }
  .container12 .prefix2 {
    padding-left: 160px; }
  .container12 .prefix3 {
    padding-left: 240px; }
  .container12 .prefix4 {
    padding-left: 320px; }
  .container12 .prefix5 {
    padding-left: 400px; }
  .container12 .prefix6 {
    padding-left: 480px; }
  .container12 .prefix7 {
    padding-left: 560px; }
  .container12 .prefix8 {
    padding-left: 640px; }
  .container12 .prefix9 {
    padding-left: 720px; }
  .container12 .prefix10 {
    padding-left: 800px; }
  .container12 .prefix11 {
    padding-left: 880px; }
  .container16 .column1 {
    width: 40px; }
  .container16 .column2 {
    width: 100px; }
  .container16 .column3 {
    width: 160px; }
  .container16 .column4 {
    width: 220px; }
  .container16 .column5 {
    width: 280px; }
  .container16 .column6 {
    width: 340px; }
  .container16 .column7 {
    width: 400px; }
  .container16 .column8 {
    width: 460px; }
  .container16 .column9 {
    width: 520px; }
  .container16 .column10 {
    width: 580px; }
  .container16 .column11 {
    width: 640px; }
  .container16 .column12 {
    width: 700px; }
  .container16 .column13 {
    width: 760px; }
  .container16 .column14 {
    width: 820px; }
  .container16 .column15 {
    width: 880px; }
  .container16 .column16 {
    width: 940px; }
  .container16 .prefix1 {
    padding-left: 60px; }
  .container16 .prefix2 {
    padding-left: 120px; }
  .container16 .prefix3 {
    padding-left: 180px; }
  .container16 .prefix4 {
    padding-left: 240px; }
  .container16 .prefix5 {
    padding-left: 300px; }
  .container16 .prefix6 {
    padding-left: 360px; }
  .container16 .prefix7 {
    padding-left: 420px; }
  .container16 .prefix8 {
    padding-left: 480px; }
  .container16 .prefix9 {
    padding-left: 540px; }
  .container16 .prefix10 {
    padding-left: 600px; }
  .container16 .prefix11 {
    padding-left: 660px; }
  .container16 .prefix12 {
    padding-left: 720px; }
  .container16 .prefix13 {
    padding-left: 780px; }
  .container16 .prefix14 {
    padding-left: 840px; }
  .container16 .prefix15 {
    padding-left: 900px; } }

@media only screen and (min-width: 768px) and (max-width: 959px) {
  .container12, .container16 {
    width: 768px; }
  .container12 .column1 {
    width: 44px; }
  .container12 .column2 {
    width: 108px; }
  .container12 .column3 {
    width: 172px; }
  .container12 .column4 {
    width: 236px; }
  .container12 .column5 {
    width: 300px; }
  .container12 .column6 {
    width: 364px; }
  .container12 .column7 {
    width: 428px; }
  .container12 .column8 {
    width: 492px; }
  .container12 .column9 {
    width: 556px; }
  .container12 .column10 {
    width: 620px; }
  .container12 .column11 {
    width: 684px; }
  .container12 .column12 {
    width: 748px; }
  .container12 .prefix1 {
    padding-left: 64px; }
  .container12 .prefix2 {
    padding-left: 128px; }
  .container12 .prefix3 {
    padding-left: 192px; }
  .container12 .prefix4 {
    padding-left: 256px; }
  .container12 .prefix5 {
    padding-left: 320px; }
  .container12 .prefix6 {
    padding-left: 384px; }
  .container12 .prefix7 {
    padding-left: 448px; }
  .container12 .prefix8 {
    padding-left: 512px; }
  .container12 .prefix9 {
    padding-left: 576px; }
  .container12 .prefix10 {
    padding-left: 640px; }
  .container12 .prefix11 {
    padding-left: 704px; }
  .container16 .column1 {
    width: 28px; }
  .container16 .column2 {
    width: 76px; }
  .container16 .column3 {
    width: 124px; }
  .container16 .column4 {
    width: 172px; }
  .container16 .column5 {
    width: 220px; }
  .container16 .column6 {
    width: 268px; }
  .container16 .column7 {
    width: 316px; }
  .container16 .column8 {
    width: 364px; }
  .container16 .column9 {
    width: 412px; }
  .container16 .column10 {
    width: 460px; }
  .container16 .column11 {
    width: 508px; }
  .container16 .column12 {
    width: 556px; }
  .container16 .column13 {
    width: 604px; }
  .container16 .column14 {
    width: 652px; }
  .container16 .column15 {
    width: 700px; }
  .container16 .column16 {
    width: 748px; }
  .container16 .prefix1 {
    padding-left: 48px; }
  .container16 .prefix2 {
    padding-left: 96px; }
  .container16 .prefix3 {
    padding-left: 144px; }
  .container16 .prefix4 {
    padding-left: 192px; }
  .container16 .prefix5 {
    padding-left: 240px; }
  .container16 .prefix6 {
    padding-left: 288px; }
  .container16 .prefix7 {
    padding-left: 336px; }
  .container16 .prefix8 {
    padding-left: 384px; }
  .container16 .prefix9 {
    padding-left: 432px; }
  .container16 .prefix10 {
    padding-left: 480px; }
  .container16 .prefix11 {
    padding-left: 528px; }
  .container16 .prefix12 {
    padding-left: 576px; }
  .container16 .prefix13 {
    padding-left: 624px; }
  .container16 .prefix14 {
    padding-left: 672px; }
  .container16 .prefix15 {
    padding-left: 720px; } }

@media only screen and (max-width: 767px) {
  .container12, .container16 {
    width: 300px; }
  .container12 .column1, .container16 .column1,
  .container12 .column2, .container16 .column2,
  .container12 .column3, .container16 .column3,
  .container12 .column4, .container16 .column4,
  .container12 .column5, .container16 .column5,
  .container12 .column6, .container16 .column6,
  .container12 .column7, .container16 .column7,
  .container12 .column8, .container16 .column8,
  .container12 .column9, .container16 .column9,
  .container12 .column10, .container16 .column10,
  .container12 .column11, .container16 .column11,
  .container12 .column12, .container16 .column12,
  .container16 .column13,
  .container16 .column14,
  .container16 .column15,
  .container16 .column16 {
    margin: 0 0 20px 0;
    width: 300px; }
  .container12 .prefix1, .container12 .prefix2, .container12 .prefix3, .container12 .prefix4, .container12 .prefix5, .container12 .prefix6, .container12 .prefix7, .container12 .prefix8, .container12 .prefix9, .container12 .prefix10, .container12 .prefix11, .container16 .prefix1, .container16 .prefix2, .container16 .prefix3, .container16 .prefix4, .container16 .prefix5, .container16 .prefix6, .container16 .prefix7, .container16 .prefix8, .container16 .prefix9, .container16 .prefix10, .container16 .prefix11, .container16 .prefix12, .container16 .prefix13, .container16 .prefix14, .container16 .prefix15 {
    padding-left: 0; }
  .row {
    margin: 0; } }

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .container12, .container16 {
    width: 420px; }
  .container12 .column1, .container16 .column1,
  .container12 .column2, .container16 .column2,
  .container12 .column3, .container16 .column3,
  .container12 .column4, .container16 .column4,
  .container12 .column5, .container16 .column5,
  .container12 .column6, .container16 .column6,
  .container12 .column7, .container16 .column7,
  .container12 .column8, .container16 .column8,
  .container12 .column9, .container16 .column9,
  .container12 .column10, .container16 .column10,
  .container12 .column11, .container16 .column11,
  .container12 .column12, .container16 .column12,
  .container16 .column13,
  .container16 .column14,
  .container16 .column15,
  .container16 .column16 {
    margin: 0 0 20px 0;
    width: 420px; }
  .container12 .prefix1, .container12 .prefix2, .container12 .prefix3, .container12 .prefix4, .container12 .prefix5, .container12 .prefix6, .container12 .prefix7, .container12 .prefix8, .container12 .prefix9, .container12 .prefix10, .container12 .prefix11, .container16 .prefix1, .container16 .prefix2, .container16 .prefix3, .container16 .prefix4, .container16 .prefix5, .container16 .prefix6, .container16 .prefix7, .container16 .prefix8, .container16 .prefix9, .container16 .prefix10, .container16 .prefix11, .container16 .prefix12, .container16 .prefix13, .container16 .prefix14, .container16 .prefix15 {
    padding-left: 0; }
  .row {
    margin: 0; } }

.clearfix:before, .clearfix:after,
.row:before, .row:after,
.container12:before, .container12:after, .container16:before, .container16:after {
  content: '.';
  display: block;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  width: 0; }

/* http://sonspring.com/journal/clearing-floats */
.clear {
  clear: both;
  display: block;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  width: 0; }

.row:after, .clearfix:after, .container12:after, .container16:after {
  clear: both; }

/* For IE7. Move this to separate file when you notice some problems */
.row, .clearfix {
  zoom: 1; }

img, object, embed {
  max-width: 100%; }

img {
  height: auto; }

.section {
  max-width: 1120px;
  padding: 0 15px;
  margin: 0 auto;
  position: relative; }
  .section--home-1 {
    padding-bottom: 270px; }
    @media (max-width: 1099px) {
      .section--home-1 {
        padding-bottom: 150px; } }
    @media (max-width: 767px) {
      .section--home-1 {
        padding-bottom: 120px; } }
  .section--home-2, .section--home-4 {
    padding-top: 135px;
    padding-bottom: 220px; }
    @media (max-width: 1099px) {
      .section--home-2, .section--home-4 {
        padding-top: 20px;
        padding-bottom: 150px; } }
    @media (max-width: 767px) {
      .section--home-2, .section--home-4 {
        padding-bottom: 100px; } }
    @media (max-width: 399px) {
      .section--home-2, .section--home-4 {
        padding-bottom: 50px; } }
    .section--home-2 .text-block, .section--home-4 .text-block {
      position: absolute;
      top: 135px;
      left: 15px;
      width: 357px; }
      @media (max-width: 1099px) {
        .section--home-2 .text-block, .section--home-4 .text-block {
          position: static;
          width: 100%; } }
      .section--home-2 .text-block_title, .section--home-4 .text-block_title {
        max-width: 175px;
        margin: 0 0 42px;
        padding-top: 80px;
        padding-right: 15px; }
        @media (max-width: 1099px) {
          .section--home-2 .text-block_title, .section--home-4 .text-block_title {
            max-width: 275px;
            padding-top: 12.4%;
            margin: 0 0 20px; } }
        @media (max-width: 767px) {
          .section--home-2 .text-block_title, .section--home-4 .text-block_title {
            font-size: 1.733rem; } }
      .section--home-2 .text-block_text, .section--home-4 .text-block_text {
        max-width: 285px;
        padding-bottom: 50px;
        padding-right: 15px;
        padding: 0 15px 50px 0;
        margin: 0; }
        @media (max-width: 1099px) {
          .section--home-2 .text-block_text, .section--home-4 .text-block_text {
            max-width: 250px;
            padding-bottom: 60px; } }
  .section--home-3 {
    overflow: hidden; }
  @media (max-width: 399px) {
    .section--home-4 {
      padding-top: 70px; } }

.text-block_title {
  font-size: 2.4rem;
  line-height: 1.1667;
  font-family: "PT Mono", serif;
  font-weight: 400;
  color: #444443;
  text-align: left;
  text-transform: initial; }
  @media (max-width: 767px) {
    .text-block_title {
      font-size: 1.733rem;
      line-height: 1.2; } }

.text-block_text {
  font-size: 1.07rem;
  line-height: 1.75;
  color: #979797; }
  @media (max-width: 767px) {
    .text-block_text {
      font-size: 0.94rem;
      line-height: 1.572; } }

.text-content > p {
  font-size: 1.3rem; }

.grid--1 {
  max-width: 1090px;
  margin: 0 auto; }

.grid--2 {
  max-width: 733px;
  margin: 0 0 0 auto; }
  @media (max-width: 1099px) {
    .grid--2 {
      max-width: 100%; } }

.grid--3 {
  max-width: 733px;
  margin: 0 0 0 auto; }
  @media (max-width: 1099px) {
    .grid--3 {
      max-width: 100%; } }

.grid_sizer, .grid_item {
  width: 357px; }
  @media (max-width: 767px) {
    .grid_sizer, .grid_item {
      width: 100%; } }

.grid_gutter {
  width: 9px; }
  @media (max-width: 767px) {
    .grid_gutter {
      width: 0; } }

.grid_item {
  display: block;
  height: 243px;
  margin-bottom: 9px;
  overflow: hidden; }
  @media (max-width: 767px) {
    .grid_item {
      height: 200px; } }
  .grid_item--width2 {
    width: 724px; }
    @media (max-width: 767px) {
      .grid_item--width2 {
        width: 100%; } }
  .grid_item--height2 {
    height: 297px; }
    @media (max-width: 767px) {
      .grid_item--height2 {
        height: 200px; } }
  .grid_item--height3 {
    height: 446px; }
    @media (max-width: 767px) {
      .grid_item--height3 {
        height: 200px; } }
  .grid_item--height4 {
    height: 474px; }
    @media (max-width: 767px) {
      .grid_item--height4 {
        height: 200px; } }
  .grid_item--height5 {
    height: 496px; }
    @media (max-width: 767px) {
      .grid_item--height5 {
        height: 200px; } }
  .grid_item--height6 {
    height: 528px; }
    @media (max-width: 767px) {
      .grid_item--height6 {
        height: 200px; } }
  .grid_item > img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover; }
  .grid_item h3,
  .grid_item p {
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
    color: #fff;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    padding: 30px; }
    @media (max-width: 767px) {
      .grid_item h3,
      .grid_item p {
        padding: 15px; } }
  .grid_item h3 {
    line-height: 1.435;
    font-weight: bold;
    text-transform: uppercase; }
    @media (max-width: 399px) {
      .grid_item h3 {
        font-size: 1.6rem; } }
  .grid_item p {
    font-size: 1.07rem;
    line-height: 1.75;
    color: #979797;
    color: #fff !important;
    padding: 40px;
    z-index: 2; }
    @media (max-width: 767px) {
      .grid_item p {
        font-size: 0.94rem;
        line-height: 1.572; } }
    @media (max-width: 767px) {
      .grid_item p {
        padding: 20px; } }
  .grid_item--has-text p {
    opacity: 0;
    font-weight: bold; }
  .grid_item--has-text:hover h3, .grid_item--has-text:focus h3 {
    opacity: 0; }
  .grid_item--has-text:hover p, .grid_item--has-text:focus p {
    opacity: 1; }
  .grid_item--has-hover:not(.grid_quote):before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(245, 162, 162, 0.85);
    opacity: 0;
    position: relative;
    z-index: 1;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease; }
  .grid_item--has-hover:not(.grid_quote):hover:before {
    opacity: 1; }

.grid_quote {
  background: none; }
  .grid_quote h3 {
    max-width: 360px;
    padding-right: 110px; }
    @media (max-width: 767px) {
      .grid_quote h3 {
        padding-right: 0; } }

.animated {
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn; }

.aligncenter {
  margin: 0 auto; }

.alignleft {
  float: left; }

.alignright {
  float: right; }

.btn {
  display: inline;
  display: inline-block;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, sans-serif;
  background-color: #C7D2D5;
  color: #FFF;
  padding: 12px 26px;
  margin: 4px 0;
  text-transform: uppercase;
  font-size: 1.3rem;
  text-decoration: none;
  letter-spacing: 1px;
  cursor: pointer;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  transition: all .2s ease; }
  .btn:hover {
    text-decoration: none;
    color: #868480;
    background: #f2f1f0; }

.table {
  width: 100%; }

.table-opening-hours {
  margin: 10px 0 30px 0; }
  .table-opening-hours td {
    text-align: center;
    font-size: 1.5rem;
    line-height: 1.8rem;
    color: #868480;
    padding: 5px 0; }
  .table-opening-hours .day {
    text-transform: lowercase;
    font-size: 1.4rem;
    float: left;
    width: 40px;
    margin-right: 10px;
    font-weight: bold; }

@media (max-width: 767px) {
  .table-opening-hours {
    margin: 10px 0 30px 0; }
    .table-opening-hours td {
      text-align: center;
      font-size: 1rem;
      line-height: 1.2rem;
      color: #868480;
      padding: 5px 0; }
    .table-opening-hours .day {
      text-transform: lowercase;
      font-size: 1.1rem;
      float: left;
      width: 20px;
      margin-right: 5px;
      font-weight: bold; } }

html {
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important; }

html, body {
  font-size: 15px;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, sans-serif; }

body {
  background-color: #f9f8f6; }

::selection {
  background: #C7D2D5; }

::-moz-selection {
  background: #C7D2D5; }

.relative {
  position: relative; }

strong {
  font-weight: bold; }

em {
  font-style: italic; }

.spacer-20,
.spacer-30,
.spacer-40 {
  display: block;
  width: 100%;
  height: 40px; }

.spacer-30 {
  height: 30px; }

.text-center {
  text-align: center;
  margin: 0 auto; }

.text-right {
  text-align: right; }

.text-left {
  text-align: left; }

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, sans-serif;
  color: #444443; }

h1 {
  margin-bottom: 20px; }

h1, h2, h3,
.h1, .h2, .h3 {
  font-size: 4.6rem;
  font-weight: 500;
  z-index: 99; }

.h3, .h4, h3, h4 {
  font-size: 2.6rem;
  font-weight: 600;
  text-decoration: none; }
  .h3.small, .h4.small, h3.small, h4.small {
    font-size: 2.2rem; }

.h5, .h6, h5, h6 {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, sans-serif;
  font-size: 1.1rem;
  letter-spacing: 3px;
  padding: 4px 0;
  color: #868480; }

p, address {
  font-size: 1rem;
  line-height: 1.8;
  color: #868480;
  padding: 12px 0; }

address {
  font-style: italic; }

a {
  text-decoration: none;
  color: #868480;
  cursor: pointer; }
  a:hover {
    text-decoration: underline; }
  a.h1, a.h2, a.h3, a.h4, a.h5, a.h6 {
    text-decoration: none; }

.one-line {
  display: inline-block;
  white-space: nowrap;
  line-height: 1.4;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%; }

p a {
  text-decoration: underline; }
  p a:hover {
    color: #C7D2D5; }

.img-responsive {
  display: block;
  max-width: 100%; }

.icon-btn {
  display: block;
  background: #FFF;
  text-align: center;
  color: #C7D2D5;
  width: 70px;
  height: 70px;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  transition: all .2s ease; }
  .icon-btn i {
    line-height: 70px;
    font-size: 30.43478px; }
  .icon-btn:hover, .icon-btn.inverse {
    background: #C7D2D5;
    color: #FFF; }
    .icon-btn:hover:hover, .icon-btn.inverse:hover {
      background: #FFF;
      color: #C7D2D5; }
  .icon-btn.inline {
    display: inline-block;
    margin-right: 20px; }

.m-b-40 {
  margin-bottom: 40px; }

.m-b-100 {
  margin-bottom: 100px; }

.white-gradient {
  position: absolute;
  top: 0px;
  left: 0px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+38,ffffff+100&0+40,0.6+100 */
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 38%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.6) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(38%, rgba(255, 255, 255, 0)), color-stop(40%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 0.6)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 38%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.6) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 38%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.6) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 38%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.6) 100%);
  /* IE10+ */
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 38%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.6) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#99ffffff',GradientType=1 );
  /* IE6-9 */
  height: 350px;
  max-width: 100%;
  width: 800px; }

.quote-title, .grid_quote h3 {
  font-size: 2.4rem;
  line-height: 1.1667;
  font-family: "PT Mono", serif;
  font-weight: 400;
  color: #444443;
  text-align: left;
  text-transform: initial;
  color: #444443 !important;
  text-align: left !important;
  font-weight: 400 !important;
  max-width: 360px; }
  @media (max-width: 767px) {
    .quote-title, .grid_quote h3 {
      font-size: 1.733rem;
      line-height: 1.2; } }

main {
  margin-top: 40px; }
  @media (max-width: 767px) {
    main {
      margin-top: 30px; } }

@media (max-width: 767px) {
  h1, .h1 {
    padding: 5px 0 0 0;
    margin-bottom: 0px; }
  h1, h2, h3,
  .h1, .h2, .h3 {
    font-size: 3rem;
    font-weight: 600; }
  h3, .h3 {
    font-size: 2.2rem; }
  h4, h5,
  .h4, .h5 {
    font-size: 1.4rem;
    letter-spacing: normal; } }

header, .header {
  margin-bottom: 0;
  padding: 60px 0;
  position: relative;
  background-color: #f9f8f6;
  will-change: transform;
  z-index: 101;
  transition: background-color .14s ease; }
  @media (max-width: 767px) {
    header, .header {
      padding: 30px 0 0; } }
  body.js_header-is-sticky header, body.js_header-is-sticky .header {
    position: fixed;
    top: -200px;
    left: 0;
    width: 100%;
    z-index: 101;
    transform: translateY(0);
    transition: transform .2s ease, background-color .14s ease; }
  body.js_header-is-visible header, body.js_header-is-visible .header {
    transform: translateY(200px);
    padding: 20px 0; }
    @media (max-width: 767px) {
      body.js_header-is-visible header, body.js_header-is-visible .header {
        padding: 0; } }
  .js_mobile-menu-open header, .js_mobile-menu-open .header {
    background: rgba(249, 248, 246, 0); }
  @media (max-width: 767px) {
    header .container12,
    header .column4, .header .container12,
    .header .column4 {
      width: 100%; } }
  header .masthead, .header .masthead {
    background-image: url(images/room42-logo.svg);
    background-size: 100% auto;
    background-repeat: no-repeat;
    display: block;
    margin: 20px auto;
    width: 175px;
    height: 40px;
    text-indent: -9999px; }
    @media (max-width: 767px) {
      header .masthead, .header .masthead {
        width: 124px;
        height: 28px;
        margin: 16px 0 18px 15px; } }
  @media (max-width: 767px) {
    header.sticky .masthead, .header.sticky .masthead {
      width: 124px;
      height: 28px;
      margin: 16px 0 18px; } }
  @media (max-width: 767px) {
    header .column4, .header .column4 {
      margin-bottom: 0; } }

.nav-left,
.nav-right {
  display: block; }

nav ul {
  list-style: none;
  width: 100%; }
  nav ul li {
    display: block;
    float: left;
    width: 50%; }
    nav ul li a {
      display: block;
      padding: 30px 20px;
      font-size: 1.1rem;
      line-height: 20px;
      text-transform: uppercase;
      text-align: center;
      color: #444443; }

.mobile-nav {
  text-align: center;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  max-height: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch; }
  .mobile-nav_menu-wrap {
    padding: 55px 40px; }
  .mobile-nav_wrap {
    background: rgba(249, 248, 246, 0.9);
    position: fixed;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: all, 0.3s, ease-in;
    transition: opacity .14s 0s ease-in,visibility 0s .14s linear; }
    @media (max-width: 767px) {
      .js_mobile-menu-open .mobile-nav_wrap {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        -webkit-overflow-scrolling: touch;
        transition: opacity .14s 0s ease-in-out,visibility 0s 0s linear; } }
  .mobile-nav ul li {
    display: block;
    width: 100%; }
    .mobile-nav ul li a {
      display: block;
      font-size: 24px;
      line-height: 2.71;
      color: #444443;
      text-transform: uppercase;
      font-weight: bold; }
  .mobile-nav_social a {
    display: inline-block;
    padding: 10px 5px 12px;
    color: #9b9b9b; }
    .mobile-nav_social a i {
      font-size: 23px;
      margin: 0 6px; }
  .mobile-nav a:hover, .mobile-nav a:focus {
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
    color: #C7D2D5;
    text-decoration: none; }

.mobile-nav-toggle {
  display: none; }

@media (max-width: 767px) {
  .mobile-nav-toggle {
    position: absolute;
    z-index: 999;
    right: 21px;
    top: 46px;
    display: block;
    width: 28px;
    height: 28px;
    cursor: pointer; }
    .mobile-nav-toggle::before, .mobile-nav-toggle::after {
      content: "";
      display: block;
      width: 28px;
      height: 2px;
      position: absolute;
      left: 0;
      background: #444443;
      -webkit-transition: all .2s ease;
      -moz-transition: all .2s ease;
      transition: all .2s ease; }
      body.js_mobile-menu-open .mobile-nav-toggle::before, body.js_mobile-menu-open .mobile-nav-toggle::after {
        top: 14px;
        height: 3px; }
    .mobile-nav-toggle::before {
      top: 11px; }
      body.js_mobile-menu-open .mobile-nav-toggle::before {
        transform: rotate(45deg); }
    .mobile-nav-toggle::after {
      top: 17px; }
      body.js_mobile-menu-open .mobile-nav-toggle::after {
        transform: rotate(-45deg); }
    body.js_header-is-sticky .mobile-nav-toggle {
      top: 16px; }
  .nav-left,
  .nav-right {
    display: none; } }

body.js_mobile-menu-open {
  overflow: hidden; }

.site-footer {
  display: block;
  padding: 100px 0 230px; }
  @media (max-width: 767px) {
    .site-footer {
      padding: 50px 0 110px;
      text-align: center; } }
  .site-footer_logo {
    background-image: url(images/room42-logo.svg);
    background-size: 100% auto;
    background-repeat: no-repeat;
    width: 175px;
    height: 40px;
    margin-top: 10px;
    margin-right: 15px;
    max-width: 100%; }
    @media (max-width: 767px) {
      .site-footer_logo {
        width: 124px;
        height: 28px;
        margin-left: auto;
        margin-right: auto;
        display: none; } }
  .site-footer_title--mobile {
    font-size: 2.4rem;
    line-height: 1.1667;
    font-family: "PT Mono", serif;
    font-weight: 400;
    color: #444443;
    text-align: left;
    text-transform: initial;
    text-align: center;
    margin: 0 auto;
    display: none; }
    @media (max-width: 767px) {
      .site-footer_title--mobile {
        font-size: 1.733rem;
        line-height: 1.2; } }
    @media (max-width: 767px) {
      .site-footer_title--mobile {
        display: block;
        max-width: 215px; } }
  .site-footer_list {
    margin: 0;
    padding: 0 15px 15px 0; }
    @media (max-width: 767px) {
      .site-footer_list {
        padding-right: 0; } }
    @media (max-width: 767px) {
      .site-footer_list--2 {
        padding-bottom: 0; } }
    .site-footer_list li {
      font-size: 1.07rem;
      line-height: 1.75;
      color: #979797;
      text-transform: initial;
      padding: 0;
      display: block; }
      @media (max-width: 767px) {
        .site-footer_list li {
          font-size: 0.94rem;
          line-height: 1.572; } }
      @media (max-width: 767px) {
        .site-footer_list li {
          font-size: 1.2rem;
          line-height: 1.56; } }
      .site-footer_list li span {
        width: 56px;
        display: inline-block;
        text-align: left; }
      .site-footer_list li a {
        color: #9b9b9b; }
        .site-footer_list li a:hover {
          -webkit-transition: all .2s ease;
          -moz-transition: all .2s ease;
          transition: all .2s ease;
          color: #C7D2D5;
          text-decoration: none; }
  .site-footer_social {
    padding-top: 35px !important; }
    @media (max-width: 767px) {
      .site-footer_social {
        padding-top: 45px !important;
        padding-bottom: 50px !important; } }
    .site-footer_social a .fa {
      font-size: 23px;
      margin: 0 17px 0 0; }
      @media (max-width: 767px) {
        .site-footer_social a .fa {
          margin: 0 11px; } }
  @media (max-width: 767px) {
    .site-footer .column--third {
      margin-bottom: 0; } }

article {
  position: relative; }
  article .pull-the-content-right {
    position: relative;
    right: -150px; }
  article .cover {
    width: 100%;
    max-width: 700px; }
    article .cover.cover-left, article .cover.cover-right {
      max-width: 650px; }
    article .cover.cover-right {
      float: right; }
    article .cover.cover-2 {
      max-width: 440px;
      float: right; }
    article .cover.cover-3 {
      margin-top: -60px;
      min-height: 500px; }
  article .story {
    z-index: 99;
    display: block;
    position: absolute;
    right: 0px;
    top: -40px;
    background: #FFF;
    padding: 60px;
    width: 100%;
    max-width: 570px;
    min-height: 180px; }
    article .story.story-right {
      top: 40px;
      min-height: 200px; }
    article .story.story-left {
      right: auto;
      left: 0px;
      top: 60px; }
    article .story.story-2 {
      background: transparent;
      top: 100px;
      right: 250px; }
      article .story.story-2 .footer {
        position: relative;
        left: -250px;
        bottom: auto; }
    article .story.story-3 {
      top: 0px; }
      article .story.story-3 .footer {
        padding: 20px 0;
        position: relative;
        left: auto;
        bottom: auto;
        right: auto; }
  article .footer {
    z-index: 99;
    display: block;
    position: absolute;
    right: 40px;
    bottom: -54px;
    max-width: 360px; }
  article .permalink {
    display: block; }
    article .permalink i {
      color: #C7D2D5;
      margin-left: 30px;
      -webkit-transition: all .2s ease;
      -moz-transition: all .2s ease;
      transition: all .2s ease; }
    article .permalink:hover i {
      margin-left: 50px; }

.simple-article {
  margin-bottom: 50px; }
  .simple-article .content {
    padding: 40px; }

@media (max-width: 767px) {
  .simple-article {
    margin-bottom: 50px; }
    .simple-article .content {
      padding: 40px 0; }
  article {
    position: relative; }
    article .pull-the-content-right {
      position: relative;
      right: auto; }
    article .cover {
      width: 100%;
      max-width: 100%; }
      article .cover.cover-2 {
        max-width: 100%;
        float: none; }
      article .cover.cover-3 {
        margin-top: 0;
        min-height: 0 !important; }
    article .story {
      z-index: 99;
      display: block;
      position: relative;
      right: auto;
      top: auto;
      background: #FFF;
      padding: 30px 0;
      padding-left: 0 !important; }
      article .story.story-2, article .story.story-3 {
        min-height: auto;
        top: auto;
        right: auto; }
        article .story.story-2 .footer, article .story.story-3 .footer {
          position: relative;
          left: auto;
          bottom: auto; }
    article .footer {
      position: relative;
      right: auto;
      bottom: auto; }
    article .permalink {
      padding: 20px 0;
      font-size: 15px;
      letter-spacing: 1px; } }

.prev-next-posts {
  width: 100px;
  max-width: 100%;
  margin: 0 auto;
  font-size: 2em; }
  .prev-next-posts .prev-posts-link a,
  .prev-next-posts .next-posts-link a {
    color: #C7D2D5; }
    .prev-next-posts .prev-posts-link a:hover,
    .prev-next-posts .next-posts-link a:hover {
      color: #868480; }
  .prev-next-posts > div {
    width: 50%;
    text-align: center; }

.archive article {
  position: relative;
  min-height: 350px; }
  .archive article .pull-the-content-right {
    position: relative;
    right: -150px; }
  .archive article .cover {
    position: absolute;
    width: 100%;
    max-width: 700px; }
    .archive article .cover.cover-left, .archive article .cover.cover-right {
      max-width: 650px; }
    .archive article .cover.cover-right {
      float: right; }
    .archive article .cover.cover-2 {
      max-width: 440px;
      float: right; }
    .archive article .cover.cover-3 {
      margin-top: -60px;
      min-height: 500px; }
  .archive article .story {
    z-index: 99;
    display: block;
    position: relative;
    float: right;
    right: auto;
    top: -40px;
    background: #FFF;
    padding: 60px;
    width: 100%;
    max-width: 570px;
    min-height: 180px; }
    .archive article .story.story-right {
      top: 40px;
      min-height: 200px; }
    .archive article .story.story-left {
      right: auto;
      left: 0px;
      top: 60px; }
    .archive article .story.story-2 {
      background: transparent;
      top: 100px;
      right: 250px; }
      .archive article .story.story-2 .footer {
        position: relative;
        left: -250px;
        bottom: auto; }
    .archive article .story.story-3 {
      top: 0px; }
      .archive article .story.story-3 .footer {
        padding: 20px 0;
        position: relative;
        left: auto;
        bottom: auto;
        right: auto; }
  .archive article .footer {
    z-index: 99;
    display: block;
    position: absolute;
    right: 40px;
    bottom: -54px;
    max-width: 360px; }
  .archive article .permalink {
    display: block; }
    .archive article .permalink i {
      color: #C7D2D5;
      margin-left: 30px;
      -webkit-transition: all .2s ease;
      -moz-transition: all .2s ease;
      transition: all .2s ease; }
    .archive article .permalink:hover i {
      margin-left: 50px; }

.archive .simple-article {
  margin-bottom: 50px; }
  .archive .simple-article .content {
    padding: 40px; }

@media (max-width: 767px) {
  .archive .simple-article {
    margin-bottom: 50px; }
    .archive .simple-article .content {
      padding: 40px 0; }
  .archive article {
    position: relative;
    min-height: auto; }
    .archive article .pull-the-content-right {
      position: relative;
      right: auto; }
    .archive article .cover {
      position: relative;
      width: 100%;
      max-width: 100%; }
      .archive article .cover.cover-2 {
        max-width: 100%;
        float: none; }
      .archive article .cover.cover-3 {
        margin-top: 0;
        min-height: 0 !important; }
    .archive article .story {
      z-index: 99;
      display: block;
      position: relative;
      right: auto;
      top: auto;
      background: #FFF;
      padding: 30px 0;
      padding-left: 0 !important; }
      .archive article .story.story-2, .archive article .story.story-3 {
        min-height: auto;
        top: auto;
        right: auto; }
        .archive article .story.story-2 .footer, .archive article .story.story-3 .footer {
          position: relative;
          left: auto;
          bottom: auto; }
    .archive article .footer {
      position: relative;
      right: auto;
      bottom: auto; }
    .archive article .permalink {
      padding: 20px 0;
      font-size: 15px;
      letter-spacing: 1px; } }

.archive .prev-next-posts {
  width: 100px;
  max-width: 100%;
  margin: 0 auto;
  font-size: 2em; }
  .archive .prev-next-posts .prev-posts-link a,
  .archive .prev-next-posts .next-posts-link a {
    color: #C7D2D5; }
    .archive .prev-next-posts .prev-posts-link a:hover,
    .archive .prev-next-posts .next-posts-link a:hover {
      color: #868480; }
  .archive .prev-next-posts > div {
    width: 50%;
    text-align: center; }

.single-post {
  position: relative; }
  .single-post .title {
    position: absolute;
    top: 70px;
    right: 130px;
    text-align: left;
    max-width: 100%;
    width: 400px; }
  .single-post .meta-info .date {
    display: block;
    font-weight: bold;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding: 30px 0 10px 0;
    color: #868480; }
  .single-post .meta-info .category-permalink {
    display: block; }
  .single-post .content {
    position: relative;
    z-index: 9;
    top: -85px;
    background: #FFF;
    padding: 60px; }
    .single-post .content:not(.remove-big-letter) p:first-of-type:first-letter {
      font-size: 4rem;
      line-height: 3rem;
      margin-right: 4px;
      float: left;
      color: #444443; }

@media (max-width: 767px) {
  .single-post .title {
    position: relative;
    top: 0;
    right: 0;
    font-size: 2rem;
    margin: 0;
    padding: 0;
    text-align: left;
    max-width: 100%;
    width: auto;
    padding: 10px 0 0 0; }
  .single-post .meta-info {
    display: none; }
  .single-post .content {
    top: 0;
    padding: 0; }
    .single-post .content img {
      max-width: 100%; } }

.instafeed {
  margin: 0 auto;
  padding: 140px 15px 100px;
  max-width: 755px;
  position: relative; }
  @media (max-width: 767px) {
    .instafeed {
      padding: 70px 25px 60px; } }
  .instafeed-post {
    width: 33.33%;
    height: auto;
    display: block;
    float: left;
    position: relative; }
    @media (max-width: 767px) {
      .instafeed-post {
        width: 50%; }
        .instafeed-post:nth-child(5), .instafeed-post:nth-child(6) {
          display: none !important; } }
    .instafeed-post::before {
      content: "";
      display: block;
      padding-top: 100%; }
    .instafeed-post img {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      min-width: 100%;
      min-height: 100%;
      object-fit: cover;
      padding: 3px; }
      @media (max-width: 767px) {
        .instafeed-post img {
          padding: 5px; } }
  .instafeed-icon {
    position: absolute;
    top: 0;
    right: -125px;
    float: right; }
    @media (max-width: 767px) {
      .instafeed-icon {
        right: 8px; } }
    .instafeed-icon .fa {
      font-size: 285px;
      color: #fff; }
      @media (max-width: 767px) {
        .instafeed-icon .fa {
          font-size: 133px; } }

#front-page-content {
  position: relative;
  margin-top: -34px;
  margin-left: 30px;
  min-height: 450px;
  padding-bottom: 50px; }

#front-page-content-overlay {
  position: relative;
  margin-left: -80px; }

@media (max-width: 767px) {
  #front-page-content {
    position: relative;
    margin-top: 0;
    margin-left: 0;
    min-height: auto;
    padding-bottom: 20px; }
  #front-page-content-overlay {
    display: none; } }

.logo--room-white {
  position: absolute;
  top: 0;
  left: -17.85%;
  width: 80%;
  height: auto;
  z-index: -1; }
  @media (max-width: 1099px) {
    .logo--room-white {
      left: -5%; } }

.logo--42-white {
  position: absolute;
  top: 0;
  left: -160px;
  width: 53%;
  height: auto;
  z-index: -1; }
  @media (max-width: 1099px) {
    .logo--42-white {
      left: -5%; } }
  @media (max-width: 767px) {
    .logo--42-white {
      width: 63%; } }

.map-container {
  position: relative;
  height: 400px;
  top: -160px;
  right: -120px; }

.address-container {
  position: absolute;
  top: 360px;
  left: 80px;
  z-index: 9;
  max-width: 440px; }

@media (max-width: 767px) {
  .address-container {
    position: relative;
    top: 10px;
    left: 0; }
  .map-container {
    top: auto;
    right: auto; } }

.brands {
  margin: 90px 0 100px; }
  @media (max-width: 767px) {
    .brands {
      margin: 40px 0 35px; } }
  .brands_menu {
    text-align: center;
    max-width: 750px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
  .brands_link {
    margin: 0 24px 40px;
    padding: 10px 34px;
    font-size: 16px;
    line-height: 23px;
    background: #fff;
    color: #9b9b9b;
    text-transform: uppercase;
    font-weight: 600; }
    @media (max-width: 767px) {
      .brands_link {
        margin: 0 5px 10px; } }
    .brands_link:hover {
      -webkit-transition: all .2s ease;
      -moz-transition: all .2s ease;
      transition: all .2s ease;
      color: #C7D2D5;
      text-decoration: none; }