@layer swift3 {.lightbox { position: relative; top: 70px; z-index: 1050; line-height: 0; text-align: center; background-color: transparent; outline: 0px; }.lightbox-content { display: inline-block; padding: 10px; background-color: #ffffff; border: 1px solid rgba(0, 0, 0, 0.3); border-radius: 6px; box-shadow: rgba(0, 0, 0, 0.3) 0px 3px 7px; background-clip: padding-box; }.lightbox-content .lightbox-caption { position: absolute; right: 12px; bottom: 11px; left: 11px; padding: 2%; font-size: 14px; line-height: 18px; color: white; text-align: center; text-shadow: rgba(0, 0, 0, 0.3) 0px -1px 0px; background: rgba(0, 0, 0, 0.6); }@layer swift3{body.swift-nojs *, body.swift-nojs ::before, body.swift-nojs ::after { transition:none 0s ease 0s !important; }}img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px; }:root { --blue: #007bff; --indigo: #6610f2; --purple: #6f42c1; --pink: #e83e8c; --red: #dc3545; --orange: #fd7e14; --yellow: #ffc107; --green: #28a745; --teal: #20c997; --cyan: #17a2b8; --white: #fff; --gray: #6c757d; --gray-dark: #343a40; --primary: #6c7a7a; --secondary: #d1a89b; --success: #28a745; --info: #17a2b8; --warning: #ffc107; --danger: #dc3545; --light: #f8f9fa; --dark: #343a40; --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1200px; --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }*, ::before, ::after { box-sizing: border-box; }html { font-family: sans-serif; line-height: 1.15; text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; }article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; }body { margin: 0px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: left; background-color: #ffffff; }[tabindex="-1"]:focus { outline: 0px !important; }h1, h2, h3, h4, h5, h6 { margin-top: 0px; margin-bottom: 0.5rem; }p { margin-top: 0px; margin-bottom: 1rem; }ol, ul, dl { margin-top: 0px; margin-bottom: 1rem; }ol ol, ul ul, ol ul, ul ol { margin-bottom: 0px; }a { color: #6c7a7a; text-decoration: none; background-color: transparent; }a:hover { color: #485151; text-decoration: underline; }img { vertical-align: middle; border-style: none; }h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-bottom: 0.5rem; font-family: inherit; font-weight: 500; line-height: 1.2; color: inherit; }h1, .h1 { font-size: 2.5rem; }h5, .h5 { font-size: 1.25rem; }.container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }@media (min-width: 576px){.container { max-width: 540px; }}@media (min-width: 768px){.container { max-width: 720px; }}@media (min-width: 992px){.container { max-width: 960px; }}@media (min-width: 1200px){.container { max-width: 1140px; }}.container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }.row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; }.fade { transition:none 0s ease 0s; }.fade:not(.show) { opacity: 0; }.nav { display: flex; flex-wrap: wrap; padding-left: 0px; margin-bottom: 0px; list-style: none; }@keyframes progress-bar-stripes { 0% { background-position: 1rem 0px; } 100% { background-position: 0px 0px; } }.sr-only, .screen-reader-text { position: absolute; width: 1px; height: 1px; padding: 0px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px; }.wrapper { padding: 30px 0px; }img.wp-post-image, article img, figure, img, #secondary img { max-width: 100%; height: auto; }@font-face{font-family:"tanaegean";font-weight:400;font-style:normal;src:url(https://reflectionsinteriordesign.net/wp-content/swift-ai/cache/reflectionsinteriordesign.net/portfolio/symmetry-and-serenity/__data/tag12f7fb7f.woff) format('woff2');font-display:swap;}html { overflow-x: hidden; }@-webkit-keyframes fa-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } }@keyframes fa-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } }body { font-family: canto, serif; font-style: normal; font-weight: 300; font-size: 1.2rem; line-height: 1.4rem; color: #6c7a7a; }h1 { font-family: canto, serif; font-style: normal; font-weight: 100; font-size: 2.8rem; line-height: 2.9rem; color: #6c7a7a; }h5 { font-family: canto, serif; font-style: normal; font-weight: 400; font-size: 16px; color: #6c7a7a; }#main { height: 100vh; }.wrapper { padding: 0px; height: 100vh; }.container-fluid { padding: 0px; height: 100vh; }.col-holder { display: flex; flex-direction: row; width: 100%; height: 100%; align-items: stretch; align-content: stretch; flex: 1 1 0%; }.col-holder .rcol { height: auto; display: flex; flex-direction: column; flex-grow: 1; max-width: 220px; min-width: 220px; padding: 20px; align-items: stretch; align-content: stretch; text-align: center; }.col-holder .rcol.col-main { margin: 10px; padding: 0px; background-color: #ffffff; flex-grow: 2; max-width: 100%; min-width: 380px; background-image: url(//reflectionsinteriordesign.net/wp-content/swift-ai/images/__e/www.reflectionsinteriordesign.net/wp-content/uploads/2019/11/reflections_vignette_05-jpg.webp); background-size: cover; background-position: center bottom; overflow: auto; }.col-holder .rcol.col-main.project { background: none #6c7a7a; display: flex; flex-direction: row; }#myLightbox { display: none; }@media only screen and (max-width: 768px){#main { height: auto !important; }.wrapper { padding: 0px; height: auto !important; }.container-fluid { padding: 0px; height: auto !important; }.col-holder { display: flex; width: 100%; height: auto; align-items: stretch; align-content: stretch; flex: 1 1 0%; flex-direction: column !important; }.col-holder .rcol { height: auto; display: flex; flex-direction: column; flex-grow: 1; max-width: 220px; min-width: 150px; padding: 20px; align-items: stretch; align-content: stretch; }.col-holder .rcol.col-main { margin: 0px; padding: 0px; flex-grow: 2; max-width: 100%; min-width: 100%; overflow: visible; height: auto !important; }.col-holder .rcol.col-main.project { flex-direction: row; }}a:hover { color: #c89a9a !important; }body { overflow-x: hidden; }.twenty21 .row.center { text-align: center; justify-content: center; }.twenty21 a.logo { display: block; margin: 75px auto; max-width: 250px; }.site { position: relative; }.stackNav { position: absolute; top: 70px; right: 0px; width: 70px; height: 57px; z-index: 8888; cursor: pointer; }@media (min-width: 768px){.stackNav { display: none; }}.stackNav div { transition:none 0s ease 0s; }.stackNav .one { width: 30px; height: 1px; background: #c1b7c8; border-radius: 3px; position: absolute; top: 20px; right: 20px; }.stackNav .two { width: 30px; height: 1px; background: #c1b7c8; border-radius: 3px; position: absolute; top: 27px; right: 20px; }.stackNav .three { width: 30px; height: 1px; background: #c1b7c8; border-radius: 3px; position: absolute; top: 34px; right: 20px; }.twenty21 a.logo img { width: 100%; }.twenty21 .nav-container { border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; margin-bottom: 75px; }.twenty21 .container-fluid { max-width: 100%; height: auto; }.twenty21 .nav-container ul { display: flex; justify-content: center; list-style: none; flex-wrap: nowrap; padding: 0px; margin: 0px; }.twenty21 .nav-container ul li { display: inline-block; justify-content: center; list-style: none; }.twenty21 .nav-container ul li a { display: inline-block; padding: 11px 36px 9px; font-family: nexa-text, obviously, sans-serif; letter-spacing: 3px; text-decoration: none; font-weight: bold; font-size: 13px; text-transform: uppercase; transition:none 0s ease 0s; color: #808e8d; line-height: 1.2em; }.twenty21 .nav-container ul li a:hover { color: #808e8d; background: #f8eaea; transition: 0.25s ease-in-out; }@media (max-width: 1366px){.twenty21 .nav-container ul li a { padding: 11px 21px 9px; }}@media (max-width: 1250px){.twenty21 .nav-container ul li a { padding: 11px 15px 9px; }}@media (max-width: 1025px){.twenty21 .nav-container ul li a { font-size: 9px; padding: 11px 10px 9px; }}.twenty21 .container-fluid .vc_row { max-width: 1280px; margin-left: auto; margin-right: auto; display: flex; flex-wrap: wrap; }.twenty21 .container-fluid .vc_row.vc_row-fluid { max-width: 100%; padding: 30px calc(50% - 640px) !important; }@media (max-width: 1328px){.twenty21 .container-fluid .vc_row.vc_row-fluid { padding: 50px 0px !important; }}.container { max-width: 1280px; }.twenty21 .pink-panel p, .twenty21 .grey-panel p, .twenty21 p { font-size: 22px; line-height: 1.5em; max-width: 100%; margin: 0px auto 50px; }.twenty21 h5 { font-size: 29px; text-align: center; width: 100%; }.blog #index-wrapper.wrapper, .single .wrapper { height: auto; }.blog #main, .single #main { height: auto; }.row.center { justify-content: center; }.page-template-page-twenty21 h1, .grey-panel h1, .portfolio-template-default h1 { font-family: tanaegean; font-size: 51px; text-align: center; text-transform: none; margin-top: 75px; line-height: 1em; margin-bottom: 20px; font-style: normal; }@media (max-width: 1025px){.page-template-page-twenty21 h1, .grey-panel h1, .portfolio-template-default h1 { font-size: 47px; line-height: 1em; }}.entry-content ol, ul, dl { margin-top: 0px; margin-bottom: 50px; line-height: 1.5; }.portfolio-template-default .twenty21 h5 { font-size: 20px; text-align: center; width: 100%; letter-spacing: 8px; margin: 30px 0px 50px; position: relative; text-transform: uppercase; }.portfolio-template-default .twenty21 h5::before { position: absolute; top: -16px; left: calc(50% - 75px); width: 150px; height: 1px; background: #d8d8d8; content: ""; }.portfolio-content { padding: 30px 0px; }.col-holder .rcol.col-main.project { background-color: transparent; }img.wp-post-image, article img, figure, img, #secondary img { max-width: 100%; height: auto; width: 100%; }a { color: #485151; text-decoration: underline; }a:hover { color: #52599a; }.twenty21 .nav-container ul li { height: 37px; }.twenty21 .nav-container ul ul { display: none; padding-top: 3px; }.twenty21 .nav-container ul li:hover ul { display: block; }.twenty21 .nav-container ul { position: relative; }.twenty21 .container-fluid { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; position: relative; }@media (min-width: 768px){.twenty21 .row.center.nav.logo-center-nav { position: absolute; top: 151px; width: 100%; left: 50%; max-width: 1250px; transform: translateX(-50%); }.menu-twenty23-container { position: absolute; right: calc(50% + 140px); top: 0px; }.menu-twenty23-1-container { position: absolute; left: calc(50% + 160px); top: 0px; }.twenty21 .nav-container ul li a { padding: 11px 11px 9px; white-space: nowrap; }.twenty21 .nav-container ul li a { font-size: 11px; }}@media (min-width: 1200px){.twenty21 .nav-container ul li a { padding: 11px 29px 9px; }.twenty21 .nav-container ul li a { font-size: 13px; }}@media (max-width: 1050px){.twenty21 a.logo { max-width: 190px; }.menu-twenty23-container { right: calc(50% + 95px); }.menu-twenty23-1-container { left: calc(50% + 125px); }.twenty21 .row.center.nav.logo-center-nav { top: 111px; }}.container.nav-container.container-fluid { margin: 0px; }.container.nav-container.container-fluid { position: fixed; z-index: 999; max-height: 500px; transition:none 0s ease 0s; }.twenty21 .row.center.nav.logo-center-nav { transition:none 0s ease 0s; }@media (max-width: 990px){.container.nav-container.container-fluid { position: absolute; }.no-masthead-spacer { height: 193px; position: relative; width: 100%; }}@media (min-width: 991px){.container.nav-container.container-fluid .logo { transition:none 0s ease 0s; }.no-masthead-spacer { height: 300px; position: relative; width: 100%; }}.portfolio-divided { display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: 250px 250px 1fr; gap: 40px; }.portfolio-1 { grid-area: 1 / 1 / 3 / 2; }.portfolio-2 { grid-area: 1 / 2 / 2 / 3; }.portfolio-divided .portfolio-item a { display: block; position: relative; height: 100%; width: 100%; }.portfolio-divided .portfolio-item a img { object-fit: cover; height: 100%; width: 100%; position: relative; top: 0px; left: 0px; }@keyframes a { 100% { transform: rotate(1turn); } }html{opacity:1}}