.vh-carousel { position: relative; width: 100%; height: 50vw; overflow: hidden; } .vh-carousel .vh-carousel-btn { position: absolute; top: 0px; left: 0px; height: 100%; width: 10%; background: rgba(255, 0, 0, 0.81); border: none; cursor: pointer; z-index: 10; } .vh-carousel .vh-carousel-btn.vh-carousel-btn-r { left: inherit; right: 0px; } .vh-carousel .vh-carousel-dots { position: absolute; bottom: 10px; left: 15%; z-index: 10; } .vh-carousel .vh-carousel-dots .vh-carousel-dot { display: inline-block; width: 20px; height: 20px; margin: 10px; background: white; cursor: pointer; } .vh-carousel .vh-carousel-dots .vh-carousel-dot.vh-active { background: blue; } .vh-carousel .vh-slider { height: 100%; position: absolute; left: 50%; background: black; } .vh-carousel .vh-slider .vh-carousel-item { position: relative; display: inline-block; height: 100%; background: #7e7e7e; overflow: hidden; opacity: .7; -webkit-transition: inherit; transition: inherit; } .vh-carousel .vh-slider .vh-carousel-item.vh-active { opacity: 1; } .vh-carousel .vh-slider .vh-carousel-item.vh-active .vh-carousel-item-caption { opacity: 1; } .vh-carousel .vh-slider .vh-carousel-item .vh-carousel-image { width: 100%; height: 100%; background-size: cover; background-position: center center; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .vh-carousel .vh-slider .vh-carousel-item .vh-carousel-item-caption { position: absolute; bottom: 0px; left: 0px; padding: 20px 25%; background: red; width: 50%; text-align: center; opacity: 0; -webkit-transition: inherit; transition: inherit; } .vh-carousel.vh-crossfade .vh-carousel-item { position: absolute; width: 100%; height: 100%; top: 0; z-index: 0; opacity: 0; -webkit-animation-duration: inherit; animation-duration: inherit; -webkit-animation-timing-function: inherit; animation-timing-function: inherit; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-delay: 0s; animation-delay: 0s; } .vh-carousel.vh-crossfade .vh-carousel-item.vh-active, .vh-carousel.vh-crossfade .vh-carousel-item.vh-prev, .vh-carousel.vh-crossfade .vh-carousel-item.vh-next { opacity: 1; z-index: 1; } .vh-carousel.vh-crossfade .vh-carousel-item.vh-prev { -webkit-animation-name: vh-slideLeftOut; animation-name: vh-slideLeftOut; } .vh-carousel.vh-crossfade .vh-carousel-item.vh-active.vh-next { -webkit-animation-name: vh-slideRightIn; animation-name: vh-slideRightIn; } .vh-carousel.vh-crossfade .vh-carousel-item.vh-prev.vh-active { -webkit-animation-name: vh-slideLeftIn; animation-name: vh-slideLeftIn; } .vh-carousel.vh-crossfade .vh-carousel-item.vh-next { -webkit-animation-name: vh-slideRightOut; animation-name: vh-slideRightOut; } .vh-carousel.vh-crossfade .vh-carousel-item .vh-carousel-image { width: 100%; height: 100%; background-size: cover; background-position: center center; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .vh-carousel.vh-crossfade .vh-carousel-item .vh-carousel-item-caption { position: absolute; bottom: 0px; left: 0px; padding: 20px 25%; background: red; width: 50%; text-align: center; } /* slide("_R") */ @-webkit-keyframes vh-slideLeftOut { 0% { opacity: 1; -webkit-transform: translateX(0%); transform: translateX(0%); } 100% { opacity: 0; -webkit-transform: translateX(-10%); transform: translateX(-10%); } } @keyframes vh-slideLeftOut { 0% { opacity: 1; -webkit-transform: translateX(0%); transform: translateX(0%); } 100% { opacity: 0; -webkit-transform: translateX(-10%); transform: translateX(-10%); } } @-webkit-keyframes vh-slideRightIn { 0% { opacity: 0; -webkit-transform: translateX(10%); transform: translateX(10%); } 100% { opacity: 1; -webkit-transform: translateX(0%); transform: translateX(0%); } } @keyframes vh-slideRightIn { 0% { opacity: 0; -webkit-transform: translateX(10%); transform: translateX(10%); } 100% { opacity: 1; -webkit-transform: translateX(0%); transform: translateX(0%); } } /* slide("_L") */ @-webkit-keyframes vh-slideRightOut { 0% { opacity: 1; -webkit-transform: translateX(0%); transform: translateX(0%); } 100% { opacity: 0; -webkit-transform: translateX(10%); transform: translateX(10%); } } @keyframes vh-slideRightOut { 0% { opacity: 1; -webkit-transform: translateX(0%); transform: translateX(0%); } 100% { opacity: 0; -webkit-transform: translateX(10%); transform: translateX(10%); } } @-webkit-keyframes vh-slideLeftIn { 0% { opacity: 0; -webkit-transform: translateX(-10%); transform: translateX(-10%); } 100% { opacity: 1; -webkit-transform: translateX(0%); transform: translateX(0%); } } @keyframes vh-slideLeftIn { 0% { opacity: 0; -webkit-transform: translateX(-10%); transform: translateX(-10%); } 100% { opacity: 1; -webkit-transform: translateX(0%); transform: translateX(0%); } } .vh-overlay { position: relative; overflow: hidden; } .vh-overlay img { width: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 0; } .vh-overlay img:first-of-type { z-index: 10; } .vh-overlay .vh-overlay-expand { background: red; color: white; position: absolute; bottom: 0px; padding: 10px; text-transform: uppercase; cursor: pointer; z-index: 11; } .vh-overlay .vh-overlay-expand img { width: auto; display: inline-block; position: relative; top: auto; left: auto; -webkit-transform: none; -ms-transform: none; transform: none; vertical-align: middle; margin: 0 10px 0 0; } .vh-overlay-overlay { width: 100%; height: 0%; position: fixed; z-index: 9999; top: 0px; left: 0px; overflow: hidden; background: rgba(0, 0, 0, 0.7); opacity: 0; -webkit-transition: opacity .7s ease; transition: opacity .7s ease; } .vh-overlay-overlay.vh-overlay-overlay-show { height: 101%; opacity: 1; } .vh-overlay-overlay.vh-overlay-overlay-show.vh-overlay-overlay-fade { opacity: 0; } .vh-overlay-overlay.vh-overlay-overlay-show .vh-overlay-item.vh-overlay-overlay-item-show { display: block; } .vh-overlay-overlay .vh-overlay-overlay-close { position: absolute; right: 20px; top: 20px; color: white; cursor: pointer; z-index: 9999; } .vh-overlay-overlay .vh-overlay-item { width: 90%; height: 70%; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: none; } .vh-overlay-overlay .vh-overlay-item .vh-overlay-item-image { width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; } .vh-overlay-overlay .vh-overlay-item .vh-overlay-item-caption { color: white; padding: 10px 30%; text-align: center; position: absolute; width: 40%; top: 100%; } .vh-overlay-overlay .vh-overlay-item.vh-overlay-carousel .vh-carousel-btn.vh-carousel-btn-r { left: initial; } .vh-overlay-overlay .vh-overlay-item.vh-overlay-carousel .vh-carousel-item .vh-carousel-image { background-size: contain; background-repeat: no-repeat; } .vh-overlay-overlay .vh-overlay-item .vh-overlay-video { height: 100%; } .vh-overlay-overlay .vh-overlay-item .vh-overlay-video video { height: 100%; } .vh-overlay-overlay .vh-overlay-item .vh-video .vh-youtube { height: 100%; width: 50%; display: block; margin: auto; } .vh-overlay-example { width: 25%; height: 150px; margin: 50px auto 50px; } .vh-video { position: relative; } .vh-video .vh-youtube { width: 100%; } .vh-video video { width: 100%; } .vh-video .vh-controls { position: absolute; bottom: 10px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } html, body { margin: 0; padding: 0; } @font-face { font-family: 'Miller'; src: url("./fonts/miller/milledisrom-webfont.eot"); src: url("./fonts/miller/milledisrom-webfont.eot?#iefix") format("embedded-opentype"), url("./fonts/miller/milledisrom-webfont.woff2") format("woff2"), url("./fonts/miller/milledisrom-webfont.woff") format("woff"), url("./fonts/miller/milledisrom-webfont.ttf") format("truetype"), url("./fonts/miller/milledisrom-webfont.svg#millerdisplayroman") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Miller'; src: url("./fonts/miller/milledisita-webfont.eot"); src: url("./fonts/miller/milledisita-webfont.eot?#iefix") format("embedded-opentype"), url("./fonts/miller/milledisita-webfont.woff2") format("woff2"), url("./fonts/miller/milledisita-webfont.woff") format("woff"), url("./fonts/miller/milledisita-webfont.ttf") format("truetype"), url("./fonts/miller/milledisita-webfont.svg#millerdisplayitalic") format("svg"); font-weight: normal; font-style: italic; } @font-face { font-family: 'Miller'; src: url("./fonts/miller/milledislig-webfont.eot"); src: url("./fonts/miller/milledislig-webfont.eot?#iefix") format("embedded-opentype"), url("./fonts/miller/milledislig-webfont.woff2") format("woff2"), url("./fonts/miller/milledislig-webfont.woff") format("woff"), url("./fonts/miller/milledislig-webfont.ttf") format("truetype"), url("./fonts/miller/milledislig-webfont.svg#millerdisplaylight") format("svg"); font-weight: 300; font-style: normal; } @font-face { font-family: 'Miller'; src: url("./fonts/miller/milledisbol-webfont.eot"); src: url("./fonts/miller/milledisbol-webfont.eot?#iefix") format("embedded-opentype"), url("./fonts/miller/milledisbol-webfont.woff2") format("woff2"), url("./fonts/miller/milledisbol-webfont.woff") format("woff"), url("./fonts/miller/milledisbol-webfont.ttf") format("truetype"), url("./fonts/miller/milledisbol-webfont.svg#millerdisplaybold") format("svg"); font-weight: 700; font-style: normal; } @font-face { font-family: 'Miller'; src: url("./fonts/miller/milledissem-webfont.eot"); src: url("./fonts/miller/milledissem-webfont.eot?#iefix") format("embedded-opentype"), url("./fonts/miller/milledissem-webfont.woff2") format("woff2"), url("./fonts/miller/milledissem-webfont.woff") format("woff"), url("./fonts/miller/milledissem-webfont.ttf") format("truetype"), url("./fonts/miller/milledissem-webfont.svg#millerdisplaysemibold") format("svg"); font-weight: 500; font-style: normal; } @font-face { font-family: 'Miller'; src: url("./fonts/miller/milledissemita-webfont.eot"); src: url("./fonts/miller/milledissemita-webfont.eot?#iefix") format("embedded-opentype"), url("./fonts/miller/milledissemita-webfont.woff2") format("woff2"), url("./fonts/miller/milledissemita-webfont.woff") format("woff"), url("./fonts/miller/milledissemita-webfont.ttf") format("truetype"), url("./fonts/miller/milledissemita-webfont.svg#millerdisplaysemibolditalic") format("svg"); font-weight: 500; font-style: italic; } @font-face { font-family: 'TextaAlt'; src: url("./fonts/texta-alt/texta-alt.eot"); src: url("./fonts/texta-alt/texta-alt.eot?#iefix") format("embedded-opentype"), url("./fonts/texta-alt/texta-alt.woff2") format("woff2"), url("./fonts/texta-alt/texta-alt.woff") format("woff"), url("./fonts/texta-alt/texta-alt.ttf") format("truetype"), url("./fonts/texta-alt/texta-alt.svg#youworkforthem") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'TextaAlt'; src: url("./fonts/texta-alt/texta-alt-it.eot"); src: url("./fonts/texta-alt/texta-alt-it.eot?#iefix") format("embedded-opentype"), url("./fonts/texta-alt/texta-alt-it.woff2") format("woff2"), url("./fonts/texta-alt/texta-alt-it.woff") format("woff"), url("./fonts/texta-alt/texta-alt-it.ttf") format("truetype"), url("./fonts/texta-alt/texta-alt-it.svg#youworkforthem") format("svg"); font-weight: normal; font-style: italic; } @font-face { font-family: 'TextaAlt'; src: url("./fonts/texta-alt/texta-alt-thin.eot"); src: url("./fonts/texta-alt/texta-alt-thin.eot?#iefix") format("embedded-opentype"), url("./fonts/texta-alt/texta-alt-thin.woff2") format("woff2"), url("./fonts/texta-alt/texta-alt-thin.woff") format("woff"), url("./fonts/texta-alt/texta-alt-thin.ttf") format("truetype"), url("./fonts/texta-alt/texta-alt-thin.svg#youworkforthem") format("svg"); font-weight: 100; font-style: normal; } @font-face { font-family: 'TextaAlt'; src: url("./fonts/texta-alt/texta-alt-thin-it.eot"); src: url("./fonts/texta-alt/texta-alt-thin-it.eot?#iefix") format("embedded-opentype"), url("./fonts/texta-alt/texta-alt-thin-it.woff2") format("woff2"), url("./fonts/texta-alt/texta-alt-thin-it.woff") format("woff"), url("./fonts/texta-alt/texta-alt-thin-it.ttf") format("truetype"), url("./fonts/texta-alt/texta-alt-thin-it.svg#youworkforthem") format("svg"); font-weight: 100; font-style: italic; } @font-face { font-family: 'TextaAlt'; src: url("./fonts/texta-alt/texta-alt-light.eot"); src: url("./fonts/texta-alt/texta-alt-light.eot?#iefix") format("embedded-opentype"), url("./fonts/texta-alt/texta-alt-light.woff2") format("woff2"), url("./fonts/texta-alt/texta-alt-light.woff") format("woff"), url("./fonts/texta-alt/texta-alt-light.ttf") format("truetype"), url("./fonts/texta-alt/texta-alt-light.svg#youworkforthem") format("svg"); font-weight: 200; font-style: normal; } @font-face { font-family: 'TextaAlt'; src: url("./fonts/texta-alt/texta-alt-light-it.eot"); src: url("./fonts/texta-alt/texta-alt-light-it.eot?#iefix") format("embedded-opentype"), url("./fonts/texta-alt/texta-alt-light-it.woff2") format("woff2"), url("./fonts/texta-alt/texta-alt-light-it.woff") format("woff"), url("./fonts/texta-alt/texta-alt-light-it.ttf") format("truetype"), url("./fonts/texta-alt/texta-alt-light-it.svg#youworkforthem") format("svg"); font-weight: 200; font-style: italic; } @font-face { font-family: 'TextaAlt'; src: url("./fonts/texta-alt/texta-alt-book.eot"); src: url("./fonts/texta-alt/texta-alt-book.eot?#iefix") format("embedded-opentype"), url("./fonts/texta-alt/texta-alt-book.woff2") format("woff2"), url("./fonts/texta-alt/texta-alt-book.woff") format("woff"), url("./fonts/texta-alt/texta-alt-book.ttf") format("truetype"), url("./fonts/texta-alt/texta-alt-book.svg#youworkforthem") format("svg"); font-weight: 300; font-style: normal; } @font-face { font-family: 'TextaAlt'; src: url("./fonts/texta-alt/texta-alt-book-it.eot"); src: url("./fonts/texta-alt/texta-alt-book-it.eot?#iefix") format("embedded-opentype"), url("./fonts/texta-alt/texta-alt-book-it.woff2") format("woff2"), url("./fonts/texta-alt/texta-alt-book-it.woff") format("woff"), url("./fonts/texta-alt/texta-alt-book-it.ttf") format("truetype"), url("./fonts/texta-alt/texta-alt-book-it.svg#youworkforthem") format("svg"); font-weight: 300; font-style: italic; } @font-face { font-family: 'TextaAlt'; src: url("./fonts/texta-alt/texta-alt-medium.eot"); src: url("./fonts/texta-alt/texta-alt-medium.eot?#iefix") format("embedded-opentype"), url("./fonts/texta-alt/texta-alt-medium.woff2") format("woff2"), url("./fonts/texta-alt/texta-alt-medium.woff") format("woff"), url("./fonts/texta-alt/texta-alt-medium.ttf") format("truetype"), url("./fonts/texta-alt/texta-alt-medium.svg#youworkforthem") format("svg"); font-weight: 600; font-style: normal; } @font-face { font-family: 'TextaAlt'; src: url("./fonts/texta-alt/texta-alt-medium-it.eot"); src: url("./fonts/texta-alt/texta-alt-medium-it.eot?#iefix") format("embedded-opentype"), url("./fonts/texta-alt/texta-alt-medium-it.woff2") format("woff2"), url("./fonts/texta-alt/texta-alt-medium-it.woff") format("woff"), url("./fonts/texta-alt/texta-alt-medium-it.ttf") format("truetype"), url("./fonts/texta-alt/texta-alt-medium-it.svg#youworkforthem") format("svg"); font-weight: 600; font-style: italic; } @font-face { font-family: 'TextaAlt'; src: url("./fonts/texta-alt/texta-alt-bold.eot"); src: url("./fonts/texta-alt/texta-alt-bold.eot?#iefix") format("embedded-opentype"), url("./fonts/texta-alt/texta-alt-bold.woff2") format("woff2"), url("./fonts/texta-alt/texta-alt-bold.woff") format("woff"), url("./fonts/texta-alt/texta-alt-bold.ttf") format("truetype"), url("./fonts/texta-alt/texta-alt-bold.svg#youworkforthem") format("svg"); font-weight: 700; font-style: normal; } @font-face { font-family: 'TextaAlt'; src: url("./fonts/texta-alt/texta-alt-bold-it.eot"); src: url("./fonts/texta-alt/texta-alt-bold-it.eot?#iefix") format("embedded-opentype"), url("./fonts/texta-alt/texta-alt-bold-it.woff2") format("woff2"), url("./fonts/texta-alt/texta-alt-bold-it.woff") format("woff"), url("./fonts/texta-alt/texta-alt-bold-it.ttf") format("truetype"), url("./fonts/texta-alt/texta-alt-bold-it.svg#youworkforthem") format("svg"); font-weight: 700; font-style: italic; } @font-face { font-family: 'TextaAlt'; src: url("./fonts/texta-alt/texta-alt-heavy.eot"); src: url("./fonts/texta-alt/texta-alt-heavy.eot?#iefix") format("embedded-opentype"), url("./fonts/texta-alt/texta-alt-heavy.woff2") format("woff2"), url("./fonts/texta-alt/texta-alt-heavy.woff") format("woff"), url("./fonts/texta-alt/texta-alt-heavy.ttf") format("truetype"), url("./fonts/texta-alt/texta-alt-heavy.svg#youworkforthem") format("svg"); font-weight: 800; font-style: normal; } @font-face { font-family: 'TextaAlt'; src: url("./fonts/texta-alt/texta-alt-heavy-it.eot"); src: url("./fonts/texta-alt/texta-alt-heavy-it.eot?#iefix") format("embedded-opentype"), url("./fonts/texta-alt/texta-alt-heavy-it.woff2") format("woff2"), url("./fonts/texta-alt/texta-alt-heavy-it.woff") format("woff"), url("./fonts/texta-alt/texta-alt-heavy-it.ttf") format("truetype"), url("./fonts/texta-alt/texta-alt-heavy-it.svg#youworkforthem") format("svg"); font-weight: 800; font-style: italic; } @font-face { font-family: 'TextaAlt'; src: url("./fonts/texta-alt/texta-alt-black.eot"); src: url("./fonts/texta-alt/texta-alt-black.eot?#iefix") format("embedded-opentype"), url("./fonts/texta-alt/texta-alt-black.woff2") format("woff2"), url("./fonts/texta-alt/texta-alt-black.woff") format("woff"), url("./fonts/texta-alt/texta-alt-black.ttf") format("truetype"), url("./fonts/texta-alt/texta-alt-black.svg#youworkforthem") format("svg"); font-weight: 900; font-style: normal; } @font-face { font-family: 'TextaAlt'; src: url("./fonts/texta-alt/texta-alt-black-it.eot"); src: url("./fonts/texta-alt/texta-alt-black-it.eot?#iefix") format("embedded-opentype"), url("./fonts/texta-alt/texta-alt-black-it.woff2") format("woff2"), url("./fonts/texta-alt/texta-alt-black-it.woff") format("woff"), url("./fonts/texta-alt/texta-alt-black-it.ttf") format("truetype"), url("./fonts/texta-alt/texta-alt-black-it.svg#youworkforthem") format("svg"); font-weight: 900; font-style: italic; } body { overflow: initial !important; position: relative !important; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-family: 'Miller', serif; color: #313C42; } body a, body a:hover, body a:visited, body a:active { color: inherit; text-decoration: inherit; -webkit-animation-duration: inherit; animation-duration: inherit; } input:focus, select:focus, textarea:focus, button:focus { outline: none; } button { cursor: pointer; } * { box-sizing: border-box; } .wrapper .main-content header { z-index: 2; position: fixed; top: 0px; width: 100%; background: white; border-bottom: 1px solid #EEEEEE; } .wrapper .main-content header .header-holder { position: relative; width: 100%; max-width: 1200px; margin: 0 auto; padding: 50px; text-align: right; background: white; } .wrapper .main-content header .header-holder .logo { width: 300px; height: 25px; display: inline-block; float: left; vertical-align: middle; background-image: url(../images/VHInt_logo.jpg); background-size: contain; background-position: center; background-repeat: no-repeat; } .wrapper .main-content header .header-holder .menu-interiors-header-menu-container { display: inline-block; vertical-align: middle; width: calc(100% - 300px); } .wrapper .main-content header .header-holder .menu-interiors-header-menu-container ul { margin: 0; padding: 0; } .wrapper .main-content header .header-holder .menu-interiors-header-menu-container ul li { display: inline-block; margin: 0 0 0 40px; color: #5C5D5F; font-family: 'TextaAlt', sans-serif; text-transform: uppercase; font-size: 13pt; vertical-align: middle; line-height: 25px; } .wrapper .main-content header .header-holder .menu-interiors-header-menu-container ul li:last-of-type { margin-right: 0px; } .wrapper .main-content header .header-holder .menu-interiors-header-menu-container ul li.current_page_item { font-weight: bold; } .wrapper .main-content header .header-holder .menu-collections-header-menu-container { display: inline-block; vertical-align: middle; } .wrapper .main-content header .header-holder .menu-collections-header-menu-container ul { margin: 0; padding: 0; } .wrapper .main-content header .header-holder .menu-collections-header-menu-container ul li { display: inline-block; color: #313C42; text-transform: uppercase; letter-spacing: 1px; font-family: 'TextaAlt', sans-serif; font-size: 13pt; margin: 0px 10px; } .wrapper .main-content header .header-holder .menu-collections-header-menu-container ul li.current_page_item { font-weight: bold; } .wrapper .main-content .hero-video { width: 101%; height: 101%; overflow: hidden; position: fixed; top: 0px; left: 0px; z-index: 0; } .wrapper .main-content .hero-video .video { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: -2; } .wrapper .main-content .hero-video .video video, .wrapper .main-content .hero-video .video img { min-width: 100%; min-height: 100%; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .wrapper .main-content .hero-video .video .mobile { display: none; } .wrapper .main-content .hero-video ul.frame-markers { padding: 0; margin: 0; width: 70px; position: absolute; top: 50%; left: -25px; -webkit-transform: translate(0%, -50%); -ms-transform: translate(0%, -50%); transform: translate(0%, -50%); display: none; } .wrapper .main-content .hero-video ul.frame-markers li { width: 100%; height: 3px; background: white; margin: 20px 0; -webkit-transition: all ease .5s; transition: all ease .5s; } .wrapper .main-content .hero-video .frames { position: absolute; width: 100%; height: 100%; z-index: 1; } .wrapper .main-content .hero-video .frames .frame { top: 50%; left: 50%; position: absolute; width: 70%; opacity: 0; -webkit-transition: all ease .5s; transition: all ease .5s; padding: 0px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-animation-duration: 24s; animation-duration: 24s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .wrapper .main-content .hero-video .frames .frame h1, .wrapper .main-content .hero-video .frames .frame h2 { color: #303c42; font-family: 'Miller', serif; font-size: 45pt; font-weight: 200; margin: 0; text-align: center; letter-spacing: 2px; } .wrapper .main-content .hero-video .frames .frame h1 p, .wrapper .main-content .hero-video .frames .frame h2 p { margin: 10px 0; } .wrapper .main-content .hero-video .frames .frame h1 p img.wp-image-270, .wrapper .main-content .hero-video .frames .frame h1 p img.wp-image-346, .wrapper .main-content .hero-video .frames .frame h2 p img.wp-image-270, .wrapper .main-content .hero-video .frames .frame h2 p img.wp-image-346 { margin: 0 0px 15px 10px; } .wrapper .main-content .hero-video .frames .frame h1 p img.wp-image-269, .wrapper .main-content .hero-video .frames .frame h1 p img.wp-image-345, .wrapper .main-content .hero-video .frames .frame h2 p img.wp-image-269, .wrapper .main-content .hero-video .frames .frame h2 p img.wp-image-345 { margin: 0 10px 15px 0px; } .wrapper .main-content .hero-video .frames .frame h1 p:last-of-type, .wrapper .main-content .hero-video .frames .frame h2 p:last-of-type { font-size: 25pt; text-align: right; font-family: 'TextaAlt', sans-serif; text-transform: uppercase; margin: 20px; } .wrapper .main-content .hero-video .frames .frame.frame-1 { -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-name: vh-openingAnimation2; animation-name: vh-openingAnimation2; } .wrapper .main-content .hero-video .frames .frame.frame-1 h1 { font-family: 'TextaAlt', sans-serif; text-transform: uppercase; letter-spacing: 0px; font-size: 70pt; } .wrapper .main-content .hero-video .frames .frame.frame-1 h1 p:last-of-type { font-size: 70pt; text-align: center; } .wrapper .main-content .hero-video .frames .frame.frame-2 { -webkit-animation-delay: -18s; animation-delay: -18s; -webkit-animation-name: vh-openingAnimation; animation-name: vh-openingAnimation; } .wrapper .main-content .hero-video .frames .frame.frame-4 { -webkit-animation-delay: -6s; animation-delay: -6s; -webkit-animation-name: vh-openingAnimation; animation-name: vh-openingAnimation; } .wrapper .main-content .hero-video .frames .frame.frame-3 { -webkit-animation-delay: -12s; animation-delay: -12s; -webkit-animation-name: vh-openingAnimation2; animation-name: vh-openingAnimation2; } .wrapper .main-content .hero-video .frames .frame.frame-3 h2 { font-size: 40pt; } .wrapper .main-content .hero-video .frames .frame.frame-3 h2 p { line-height: 1.2; } .wrapper .main-content .hero-video .cta { position: absolute; bottom: 10px; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #303c42; font-family: 'TextaAlt', sans-serif; text-transform: uppercase; font-size: 14pt; width: 100%; text-align: center; } .wrapper .main-content .hero-video.frame-1 ul.frame-markers li:nth-of-type(1) { background: #303c42; -webkit-transform: translate(25px, 0%); -ms-transform: translate(25px, 0%); transform: translate(25px, 0%); } .wrapper .main-content .hero-video.frame-1 .frames .frame.frame-1 { opacity: 1; } .wrapper .main-content .hero-video.frame-2 ul.frame-markers li:nth-of-type(2) { background: #303c42; -webkit-transform: translate(25px, 0%); -ms-transform: translate(25px, 0%); transform: translate(25px, 0%); } .wrapper .main-content .hero-video.frame-2 .frames .frame.frame-2 { opacity: 1; } .wrapper .main-content .hero-video.frame-3 ul.frame-markers li:nth-of-type(3) { background: #303c42; -webkit-transform: translate(25px, 0%); -ms-transform: translate(25px, 0%); transform: translate(25px, 0%); } .wrapper .main-content .hero-video.frame-3 .frames .frame.frame-3 { opacity: 1; } .wrapper .main-content .hero-video.frame-4 ul.frame-markers li:nth-of-type(4) { background: #303c42; -webkit-transform: translate(25px, 0%); -ms-transform: translate(25px, 0%); transform: translate(25px, 0%); } .wrapper .main-content .hero-video.frame-4 .frames .frame.frame-4 { opacity: 1; } .wrapper .main-content .template-content { width: 100%; position: relative; background: white; z-index: 0; margin-top: 125px; } .wrapper .main-content .template-content .row { width: 100%; position: relative; margin: 0 auto; background: white; overflow: auto; } .wrapper .main-content .template-content .row.nopaddtop { padding-top: 0px; } .wrapper .main-content .template-content .row.portfolio-list .hero-block { margin-bottom: 40px; } .wrapper .main-content .template-content .row a { cursor: pointer; } .wrapper .main-content .template-content .row .text { background: #f1f1f1; color: #303c42; } .wrapper .main-content .template-content .row .text h2 { font-family: 'Miller', serif; font-weight: 100; text-transform: uppercase; font-size: 28pt; letter-spaceing: 2px; line-height: 1.4; width: 80%; margin: 0 0 25px; } .wrapper .main-content .template-content .row .text h3 { font-family: 'Miller', serif; font-weight: 100; text-transform: uppercase; font-size: 20pt; line-height: 1.4; margin: 30px 0 25px; } .wrapper .main-content .template-content .row .text h4 { text-transform: uppercase; font-family: 'TextaAlt', sans-serif; font-size: 13pt; margin: 0; letter-spacing: 1px; font-weight: 200; } .wrapper .main-content .template-content .row .text hr { border: 0px; border-bottom: 2px solid white; width: 62%; margin-left: -45px; } .wrapper .main-content .template-content .row .text p { font-family: 'TextaAlt', sans-serif; letter-spacing: 1px; font-weight: 200; font-size: 13pt; line-height: 1.7; margin: 35px 0; } .wrapper .main-content .template-content .row .text button { border-radius: 0; border: 0; background: white; padding: 10px 40px; font-size: 10pt; text-transform: uppercase; letter-spacing: 1px; } .wrapper .main-content .template-content .row .about-block { padding: 0 120px; position: relative; } .wrapper .main-content .template-content .row .about-block .image { width: 90%; height: 500px; position: relative; margin: 60px 60px 0 0; background-size: cover; background-repeat: no-repeat; background-position: center; } .wrapper .main-content .template-content .row .about-block .text { padding: 60px 45px 45px; background: #f1f1f1; width: 475px; position: absolute; top: -60px; right: 120px; } .wrapper .main-content .template-content .row .hero-block { height: 650px; position: relative; background-size: cover; background-repeat: no-repeat; background-position: center; } .wrapper .main-content .template-content .row .hero-block div { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; color: #303c42; } .wrapper .main-content .template-content .row .hero-block div h2 { font-size: 30pt; font-weight: 100; } .wrapper .main-content .template-content .row .hero-block div h4 { font-family: 'TextaAlt', sans-serif; text-transform: uppercase; letter-spacing: 1px; font-size: 10pt; } .wrapper .main-content .template-content .row .hero-block div.cta { background: #f1f1f1; padding: 20px; color: #313C42; width: auto; max-width: 635px; } .wrapper .main-content .template-content .row .hero-block div.cta h2 { text-transform: uppercase; letter-spacing: 1px; margin: 0 0 20px; } .wrapper .main-content .template-content .row .hero-block div.cta h3.small { font-family: 'TextaAlt', sans-serif; font-size: 20px; width: 100%; text-align: center; margin-bottom: 0px; } .wrapper .main-content .template-content .row .hero-block.light div { color: white; } .wrapper .main-content .template-content .row .hero-block.dual-hero { height: 550px; padding: 0 60px; } .wrapper .main-content .template-content .row .hero-block.dual-hero div.image { width: 49.5%; height: 100%; display: inline-block; margin: 0 -4px 0 0; position: relative; top: initial; left: initial; -webkit-transform: none; -ms-transform: none; transform: none; background-size: cover; background-position: center; background-image: url(../images/dual1.jpg); } .wrapper .main-content .template-content .row .hero-block.dual-hero div.image:nth-of-type(2n) { margin-left: 1%; background-image: url(../images/dual2.jpg); } .wrapper .main-content .template-content .row .hero-block.dual-hero .cta { width: 400px; } .wrapper .main-content .template-content .row .gallery-switch-block { height: 345px; margin: 0 60px; background-size: cover; background-position: center; } .wrapper .main-content .template-content .row .gallery-switch-block div { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; background: #313C42; padding: 40px 60px 40px; color: white; width: auto; max-width: 620px; } .wrapper .main-content .template-content .row .gallery-switch-block div h2 { font-size: 30pt; font-weight: 100; } .wrapper .main-content .template-content .row .gallery-switch-block div h4 { font-family: 'TextaAlt', sans-serif; text-transform: uppercase; letter-spacing: 1px; font-size: 10pt; background: white; padding: 10px 40px; letter-spacing: 1px; color: #313C42; display: inline-block; margin-top: 0; cursor: pointer; } .wrapper .main-content .template-content .row .notable-press-block { margin: 0px 120px; padding: 40px 60px; background: #f1f1f1; text-align: center; } .wrapper .main-content .template-content .row .notable-press-block h3 { font-family: 'TextaAlt', sans-serif; font-weight: 100; letter-spacing: 1px; text-transform: uppercase; font-size: 13pt; width: 100%; } .wrapper .main-content .template-content .row .notable-press-block .image { margin: 20px 3.5%; display: inline-block; vertical-align: middle; background-size: contain; background-repeat: no-repeat; background-position: center; } .wrapper .main-content .template-content .row .press-quote-block { padding: 40px 120px; position: relative; } .wrapper .main-content .template-content .row .press-quote-block .image { width: 550px; height: 600px; display: inline-block; background-size: contain; background-repeat: no-repeat; background-position: leftt center; } .wrapper .main-content .template-content .row .press-quote-block .text { padding: 40px 50px; width: 45%; position: absolute; top: 50%; right: 120px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .wrapper .main-content .template-content .row .press-quote-block .text h3 { font-family: 'TextaAlt', sans-serif; font-size: 13pt; letter-spacing: 1px; } .wrapper .main-content .template-content .row .press-quote-block .text p { font-family: 'Miller', serif; font-size: 18pt; line-height: 1.3; } .wrapper .main-content .template-content .row .press-quote-block:nth-of-type(2n) { text-align: right; } .wrapper .main-content .template-content .row .press-quote-block:nth-of-type(2n) .image { background-position: right center; } .wrapper .main-content .template-content .row .press-quote-block:nth-of-type(2n) .text { right: auto; left: 120px; } .wrapper .main-content .template-content .row .about-content-block { padding: 0px 120px; position: relative; } .wrapper .main-content .template-content .row .about-content-block .image { width: 650px; height: 700px; display: inline-block; background-size: cover; background-repeat: no-repeat; background-position: center; } .wrapper .main-content .template-content .row .about-content-block .text { padding: 40px 50px; width: 40%; position: absolute; top: 50%; right: 120px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .wrapper .main-content .template-content .row .about-content-block .text h2 { /* font-size: 36pt; line-height: 1.4; width: 50%; */ } .wrapper .main-content .template-content .row .about-content-block .text hr { width: 85%; margin-left: -50px; } .wrapper .main-content .template-content .row .about-content-block .text p { font-family: 'Miller', serif; font-size: 18pt; line-height: 1.3; } .wrapper .main-content .template-content .row .about-columns-block { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 100px; -moz-column-gap: 100px; column-gap: 100px; padding: 60px 150px 0; } .wrapper .main-content .template-content .row .about-columns-block p { font-family: 'TextaAlt', sans-serif; font-size: 13.5pt; letter-spacing: 1px; color: #303c42; } .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item .vh-carousel-item-caption { background: transparent; } .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item .vh-carousel-image, .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item .vh-carousel-item-caption { -webkit-animation-duration: inherit; animation-duration: inherit; -webkit-animation-timing-function: inherit; animation-timing-function: inherit; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-delay: 0s; animation-delay: 0s; } .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item .vh-carousel-item-caption { -webkit-animation-timing-function: linear; animation-timing-function: linear; } .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item.vh-prev { -webkit-animation-name: none; animation-name: none; } .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item.vh-prev .vh-carousel-image { -webkit-animation-name: vh-slideLeftOut; animation-name: vh-slideLeftOut; } .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item.vh-prev .vh-carousel-item-caption { -webkit-animation-name: vh-fadeOut; animation-name: vh-fadeOut; } .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item.vh-active.vh-next { -webkit-animation-name: none; animation-name: none; } .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item.vh-active.vh-next .vh-carousel-image { -webkit-animation-name: vh-slideRightIn; animation-name: vh-slideRightIn; } .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item.vh-active.vh-next .vh-carousel-item-caption { -webkit-animation-name: vh-fadeIn; animation-name: vh-fadeIn; } .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item.vh-prev.vh-active { -webkit-animation-name: none; animation-name: none; } .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item.vh-prev.vh-active .vh-carousel-image { -webkit-animation-name: vh-slideLeftIn; animation-name: vh-slideLeftIn; } .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item.vh-prev.vh-active .vh-carousel-item-caption { -webkit-animation-name: vh-fadeIn; animation-name: vh-fadeIn; } .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item.vh-next { -webkit-animation-name: none; animation-name: none; } .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item.vh-next .vh-carousel-image { -webkit-animation-name: vh-slideRightOut; animation-name: vh-slideRightOut; } .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item.vh-next .vh-carousel-item-caption { -webkit-animation-name: vh-fadeOut; animation-name: vh-fadeOut; } .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item .vh-carousel-image { width: 100%; height: 100%; background-size: cover; background-position: center center; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item .vh-carousel-item-caption { position: absolute; bottom: 0px; left: 0px; padding: 20px 25%; width: 50%; text-align: center; } .wrapper .main-content .template-content .row .carousel-block .vh-carousel .vh-carousel-btn { height: 20px; width: 50px; background-image: url(../images/arrows.png); background-position: left center; background-repeat: no-repeat; background-color: transparent; } .wrapper .main-content .template-content .row .carousel-block .vh-carousel .vh-carousel-btn.vh-carousel-btn-l { -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); margin-left: 0px; } .wrapper .main-content .template-content .row .video-block { padding: 0px 120px 80px; } .wrapper .main-content .template-content .row .video-block .vh-overlay { width: 100%; height: auto; overflow: visible; } .wrapper .main-content .template-content .row .video-block .vh-overlay img { position: relative; -webkit-transform: none; -ms-transform: none; transform: none; top: 0px; left: 0px; width: 90%; } .wrapper .main-content .template-content .row .video-block .vh-overlay .play { width: 59px; height: 60px; position: absolute; top: 50%; background: url(../images/play.png); z-index: 10; left: 45%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .wrapper .main-content .template-content .row .video-block .vh-overlay .vh-overlay-expand { background: transparent; bottom: -40px; right: 0px; padding: 0px; color: inherit; } .wrapper .main-content .template-content .row .video-block .vh-overlay .vh-overlay-expand .text { padding: 30px 60px; } .wrapper .main-content .template-content .row .video-block .vh-overlay .vh-overlay-expand .text hr { width: 100%; margin-left: -105px; } .wrapper .main-content .template-content .row .video-block .vh-overlay .vh-overlay-expand .text button { margin-top: 20px; } .wrapper .main-content .template-content .row .book-block { padding: 0px 120px; } .wrapper .main-content .template-content .row .book-block .text { padding: 80px 30px; } .wrapper .main-content .template-content .row .book-block .text .book-cover { width: 360px; height: 500px; margin: -20px 80px 0 -90px; float: left; background-size: contain; background-position: left bottom; background-repeat: no-repeat; } .wrapper .main-content .template-content .row .book-block .text hr { width: 50%; -webkit-transform: translateX(-110px); -ms-transform: translateX(-110px); transform: translateX(-110px); } .wrapper .main-content .template-content .row .book-block .text p { margin: 25px 0 15px; } .wrapper .main-content .template-content .row .book-block .text h3 { text-transform: none; } .wrapper .main-content .template-content .row .insta-block { padding: 15px 0px 0px; } .wrapper .main-content .template-content .row .insta-block p { text-align: center; font-family: 'TextaAlt', sans-serif; text-transform: uppercase; color: white; background: #303c42; font-size: 12pt; margin: 30px auto 0; letter-spacing: 1px; padding: 5px 0; } .wrapper .main-content .template-content .row .insta-block .insta-list { padding: 0 20px 20px; background: #303c42; } .wrapper .main-content .template-content .row .insta-block .insta-list .insta-image { display: inline-block; margin: 0px 0px -4px 0px; width: 20%; height: 0; padding-bottom: 20%; background-size: cover; background-position: center; } .wrapper .main-content .template-content .row .browse-cat-block { padding: 0 120px; position: relative; text-align: center; } .wrapper .main-content .template-content .row .browse-cat-block h3 { font-family: 'TextaAlt', sans-serif; text-align: center; text-transform: uppercase; font-size: 13pt; font-weight: 100; letter-spacing: 1px; color: #313C42; } .wrapper .main-content .template-content .row .browse-cat-block .quad-cat { width: 49%; display: inline-block; margin: 0px; height: 330px; position: relative; } .wrapper .main-content .template-content .row .browse-cat-block .quad-cat:nth-of-type(2n-1) { margin-left: 0px; } .wrapper .main-content .template-content .row .browse-cat-block .quad-cat.casegoods { background-image: url(../images/csgd.jpg); } .wrapper .main-content .template-content .row .browse-cat-block .quad-cat.upholstery { background-image: url(../images/phlstr.png); } .wrapper .main-content .template-content .row .browse-cat-block .quad-cat.textiles { background-image: url(../images/txtl.jpg); } .wrapper .main-content .template-content .row .browse-cat-block .quad-cat.rugs { background-image: url(../images/rgs.png); } .wrapper .main-content .template-content .row .browse-cat-block .quad-cat p { color: #303c42; font-family: 'Miller', serif; text-align: center; text-transform: uppercase; font-size: 30pt; font-weight: 100; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin: 0; letter-spacing: 3px; } .wrapper .main-content .template-content .row .life-spotlight-block { padding: 0 60px; position: relative; display: none; } .wrapper .main-content .template-content .row .life-spotlight-block .column-left { width: calc(100% - 281px); height: 550px; display: inline-block; margin: 0 -4px 0 0; } .wrapper .main-content .template-content .row .life-spotlight-block .column-left .image { width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; } .wrapper .main-content .template-content .row .life-spotlight-block .column-right { display: inline-block; width: 270px; height: 550px; margin-left: 10px; } .wrapper .main-content .template-content .row .life-spotlight-block .column-right .image { width: 100%; height: 0px; padding-bottom: 100%; margin-bottom: 10px; background-size: cover; background-position: center; background-repeat: no-repeat; } .wrapper .main-content .template-content .row .life-spotlight-block .text { color: white; background: #303c42; padding: 45px; position: absolute; top: 50%; width: 80%; max-width: 500px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .wrapper .main-content .template-content .row .email-block { margin: 0 60px; text-align: center; padding: 80px; height: 400px; position: relative; font-weight: 100; color: white; background-size: cover; background-position: center; background-repeat: no-repeat; background-image: url(../images/bg_email.jpg); } .wrapper .main-content .template-content .row .email-block div { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 75%; } .wrapper .main-content .template-content .row .email-block div h2 { font-size: 32pt; font-weight: 100; } .wrapper .main-content .template-content .row .email-block div input { background: transparent; border: 0px; border-bottom: 3px solid white; width: 50%; display: block; margin: 10px auto; font-size: 12pt; text-transform: uppercase; color: white; text-align: center; letter-spacing: 1px; line-height: 2.5; } .wrapper .main-content .template-content .row .email-block div button { background: white; border: 0px; padding: 10px 40px; font-size: 10pt; font-family: 'TextaAlt', sans-serif; margin: 10px 15%; text-transform: uppercase; } .wrapper .main-content .template-content .row .category-block { padding: 0 80px; } .wrapper .main-content .template-content .row .category-block.center { text-align: center; } .wrapper .main-content .template-content .row .category-block .category-selector { color: #313C42; text-transform: uppercase; font-family: 'TextaAlt', sans-serif; letter-spacing: 1px; font-size: 9pt; font-weight: 800; padding: 0 10px; } .wrapper .main-content .template-content .row .category-block .category-selector select { margin-left: 10px; border: 0px; -webkit-appearance: none; background: white; font-family: 'TextaAlt', sans-serif; font-size: 9pt; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; color: #313C42; padding: 5px 30px 5px 10px; border-bottom: 2px solid #313c42; border-radius: 0px; background-image: url(../images/dwnarrw.jpg); background-position: 90% center; background-repeat: no-repeat; } .wrapper .main-content .template-content .row .category-block .loading { width: 100%; height: 80px; margin: 20px; opacity: 0; background: url(/wp-content/themes/vh/images/loading.gif) center center no-repeat; } .wrapper .main-content .template-content .row .category-block .loading.show { opacity: 1; } .wrapper .main-content .template-content .row .category-block .loading.hide { display: none; } .wrapper .main-content .template-content .row .category-block .category-list { padding: 40px 0 0; } .wrapper .main-content .template-content .row .category-block .category-list.upholstery .category-item, .wrapper .main-content .template-content .row .category-block .category-list.casegoods .category-item, .wrapper .main-content .template-content .row .category-block .category-list.textiles .category-item, .wrapper .main-content .template-content .row .category-block .category-list.rugs .category-item { display: none; } .wrapper .main-content .template-content .row .category-block .category-list.upholstery .category-item.upholstery { display: inline-block; } .wrapper .main-content .template-content .row .category-block .category-list.casegoods .category-item.casegoods { display: inline-block; } .wrapper .main-content .template-content .row .category-block .category-list.textiles .category-item.textiles { display: inline-block; } .wrapper .main-content .template-content .row .category-block .category-list.rugs .category-item.rugs { display: inline-block; } .wrapper .main-content .template-content .row .category-block .category-list .category-item { width: 33.3333%; display: inline-block; vertical-align: top; margin: 20px -2px 10px; padding: 0px 10px; -webkit-transition: all ease .5s; transition: all ease .5s; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; } .wrapper .main-content .template-content .row .category-block .category-list .category-item .image { width: 100%; height: 0px; padding-bottom: 100%; background-position: center; background-size: contain; background-repeat: no-repeat; } .wrapper .main-content .template-content .row .category-block .category-list .category-item p { font-family: 'TextaAlt', sans-serif; font-size: 14pt; font-weight: 100; text-transform: uppercase; color: #313C42; text-align: center; opacity: 0; margin: 10px 0 0; -webkit-transition: opacity ease .5s; transition: opacity ease .5s; } .wrapper .main-content .template-content .row .category-block .category-list .category-item:hover p { opacity: 1; } .wrapper .main-content .template-content .row .category-block .category-list .category-item.textiles .image, .wrapper .main-content .template-content .row .category-block .category-list .category-item.rugs .image { background-size: cover; } .wrapper .main-content .template-content .row .custom-block { margin: 0 60px; padding: 60px; background: #313C42; color: white; text-align: center; } .wrapper .main-content .template-content .row .custom-block h2 { text-transform: uppercase; font-weight: 100; font-size: 33pt; line-height: 1; margin: 0; } .wrapper .main-content .template-content .row .custom-block p { width: 60%; margin: 30px auto; max-width: 520px; line-height: 1.7; font-family: 'TextaAlt', sans-serif; font-size: 13pt; font-weight: 100; } .wrapper .main-content .template-content .row .custom-block button { background: white; border: none; padding: 10px 40px; font-size: 9pt; font-family: 'TextaAlt', sans-serif; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; } .wrapper .main-content .template-content .row .product-container { padding: 0 60px; } .wrapper .main-content .template-content .row .product-container h3.breadcrumbs { font-family: 'TextaAlt', sans-serif; text-transform: uppercase; font-size: 9pt; font-weight: 100; color: #A8A8A8; margin: 20px 0 60px; } .wrapper .main-content .template-content .row .product-container h3.breadcrumbs a { margin: 0 10px; } .wrapper .main-content .template-content .row .product-container h3.breadcrumbs a:first-of-type { margin: 0 10px 0 0; } .wrapper .main-content .template-content .row .product-container .main-product { position: relative; } .wrapper .main-content .template-content .row .product-container .main-product .images { width: calc(100% - 400px); display: inline-block; } .wrapper .main-content .template-content .row .product-container .main-product .images .image { max-width: 100%; display: block; margin: 0 auto 10px; } .wrapper .main-content .template-content .row .product-container .main-product .images .image:first-of-type { margin: 0 auto 50px; } .wrapper .main-content .template-content .row .product-container .main-product .sideDetails { position: absolute; top: 0px; right: 0px; width: 320px; color: #313C42; bottom: auto; } .wrapper .main-content .template-content .row .product-container .main-product .sideDetails.stick { position: fixed; } .wrapper .main-content .template-content .row .product-container .main-product .sideDetails.stickBottom { bottom: 60px; } .wrapper .main-content .template-content .row .product-container .main-product .sideDetails h4 { margin: 0; font-family: 'TextaAlt', sans-serif; text-transform: uppercase; font-weight: 100; font-size: 10pt; } .wrapper .main-content .template-content .row .product-container .main-product .sideDetails h1 { font-size: 30pt; line-height: 1.1; margin: 10px 0 20px; font-weight: 100; } .wrapper .main-content .template-content .row .product-container .main-product .sideDetails h3 { font-family: 'TextaAlt', sans-serif; text-transform: uppercase; letter-spacing: 1px; font-size: 13pt; } .wrapper .main-content .template-content .row .product-container .main-product .sideDetails h2 { font-family: 'TextaAlt', sans-serif; font-weight: 100; letter-spacing: 1px; font-size: 17pt; margin: 10px 0; text-transform: capitalize; } .wrapper .main-content .template-content .row .product-container .main-product .sideDetails button { border: 4px solid #313C42; border-radius: 0; background: white; width: 100%; padding: 15px; font-family: 'TextaAlt', sans-serif; font-size: 10pt; text-transform: uppercase; margin: 20px 0 0; font-weight: 600; } .wrapper .main-content .template-content .row .product-container .main-product .sideDetails button.dark { background: #313C42; color: white; } .wrapper .main-content .template-content .row .post-container { padding: 0 60px; width: 100%; max-width: 900px; margin: 0 auto; color: #b3b3b3; font-size: 13pt; font-family: 'TextaAlt', sans-serif; letter-spacing: 1px; line-height: 1.5; } .wrapper .main-content .template-content .row .similar-block { padding: 0 80px; } .wrapper .main-content .template-content .row .similar-block h3 { font-family: 'TextaAlt', sans-serif; text-align: center; text-transform: uppercase; font-size: 13pt; font-weight: 100; letter-spacing: 1px; color: #313C42; } .wrapper .main-content .template-content .row .similar-block .similar-list { padding: 40px 0 0; } .wrapper .main-content .template-content .row .similar-block .similar-list .similar-item { width: 33.3333%; display: inline-block; vertical-align: top; margin: 20px -2px 10px; padding: 0px 10px; } .wrapper .main-content .template-content .row .similar-block .similar-list .similar-item .image { width: 100%; height: 0px; padding-bottom: 100%; background-position: center; background-size: cover; } .wrapper .main-content .template-content .row .similar-block .similar-list .similar-item p { font-family: 'TextaAlt', sans-serif; font-size: 14pt; font-weight: 100; text-transform: uppercase; color: #313C42; text-align: center; opacity: 0; margin: 10px 0 0; -webkit-transition: opacity ease .5s; transition: opacity ease .5s; } .wrapper .main-content .template-content .row .similar-block .similar-list .similar-item:hover p { opacity: 1; } .wrapper .main-content .template-content .row .catalogue-block { margin: 0 60px; padding: 60px; background: #f1f1f1; color: #313C42; text-align: center; } .wrapper .main-content .template-content .row .catalogue-block h2 { text-transform: uppercase; font-weight: 100; font-size: 33pt; line-height: 1; margin: 0 0 40px; } .wrapper .main-content .template-content .row .catalogue-block button { background: white; border: none; padding: 10px 40px; font-size: 9pt; font-family: 'TextaAlt', sans-serif; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; } .wrapper .main-content .template-content .row .vhpost-list-block { padding: 0 60px; } .wrapper .main-content .template-content .row .vhpost-list-block h3.pre-block { font-family: 'TextaAlt', sans-serif; text-transform: uppercase; text-align: center; font-size: 13pt; font-weight: 100; letter-spacing: 2px; margin: 30px 0; } .wrapper .main-content .template-content .row .vhpost-list-block .vhpost-list .vhpost-list-item { display: inline-block; vertical-align: top; width: 33.3333%; margin: 0 -2px 40px; padding: 0 20px; text-align: center; } .wrapper .main-content .template-content .row .vhpost-list-block .vhpost-list .vhpost-list-item .image { width: 100%; height: 0px; padding-bottom: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; } .wrapper .main-content .template-content .row .vhpost-list-block .vhpost-list .vhpost-list-item h4 { font-family: 'TextaAlt', sans-serif; text-transform: uppercase; font-weight: 100; font-size: 8pt; letter-spacing: 2px; min-height: 15px; } .wrapper .main-content .template-content .row .vhpost-list-block .vhpost-list .vhpost-list-item h2 { text-transform: uppercase; letter-spacing: 1px; font-size: 22pt; font-weight: 100; font-family: 'Miller', serif; } .wrapper .main-content .template-content .row .vhpost-list-block .vhpost-list .vhpost-list-item p { font-family: 'TextaAlt', sans-serif; font-weight: 100; letter-spacing: 2px; padding: 0 20px 10px; } .wrapper .main-content .template-content .row .vhpost-list-block .vhpost-list .vhpost-list-item button { border: 0px; border-bottom: 2px solid black; background: transparent; padding: 0; text-transform: uppercase; font-family: 'TextaAlt', sans-serif; font-weight: 700; letter-spacing: 2px; font-size: 8pt; } .wrapper .main-content .template-content .row .four-image-block { padding: 0 60px; } .wrapper .main-content .template-content .row .four-image-block .image { width: 25%; display: inline-block; margin: 0 -2px; padding: 20px; } .wrapper .main-content .template-content .row .four-image-block .image.wide { width: 75%; } .wrapper .main-content .template-content .row .four-image-block .image.wide .image { height: 0px; width: 100%; padding: 0 0 41.666666%; margin: 0; display: block; } .wrapper .main-content .template-content .row .four-image-block .image .image { height: 0px; width: 100%; padding: 0 0 140%; margin: 0; display: block; background-size: cover; background-position: center; background-repeat: no-repeat; } .wrapper .main-content .template-content .row .link-block { padding: 0 60px; font-family: 'Miller', serif; font-size: 18pt; font-weight: 100; color: #313C42; text-align: center; margin-top: 30px; } .wrapper .main-content .template-content .row .link-block a { text-decoration: underline; margin: 0 10px; } .wrapper .main-content .template-content .row .socials-block { margin: 0 30px; padding: 0 40px 10px; border-bottom: 3px solid #F7F3F0; } .wrapper .main-content .template-content .row .socials-block h3 { font-family: 'TextaAlt', sans-serif; text-transform: uppercase; text-align: center; font-size: 13pt; font-weight: 100; letter-spacing: 2px; } .wrapper .main-content .template-content .row .socials-block ul.socials { margin: 40px 0; padding: 0; text-align: center; } .wrapper .main-content .template-content .row .socials-block ul.socials li.social { display: inline-block; width: 20px; height: 20px; margin: 0 10px; position: relative; } .wrapper .main-content .template-content .row .socials-block ul.socials li.social object { height: 100%; } .wrapper .main-content .template-content .row .socials-block ul.socials li.social:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .wrapper .main-content .template-content .row .portfolio-list-block { padding: 0px 40px; } .wrapper .main-content .template-content .row .portfolio-list-block .portfolio-item { width: 33.3333%; display: inline-block; margin: 10px -2px; padding: 0px 20px; text-align: left; } .wrapper .main-content .template-content .row .portfolio-list-block .portfolio-item .image { width: 100%; height: 0px; padding-bottom: 100%; background-position: center; background-size: cover; } .wrapper .main-content .template-content .row .portfolio-list-block .portfolio-item h2 { font-family: 'Miller', serif; color: #313C42; text-transform: capitalize; letter-spacing: 1px; font-size: 30pt; font-weight: 100; padding: 0 40px; margin: 40px 0 20px; } .wrapper .main-content .template-content .row .portfolio-list-block .portfolio-item a h4 { font-family: 'TextaAlt', sans-serif; padding: 0 40px; text-transform: uppercase; margin: 0; font-size: 9pt; text-decoration: underline; } .wrapper .main-content .template-content .row .contact-block { padding: 0 40px; text-align: center; } .wrapper .main-content .template-content .row .contact-block .contact-input { width: 47%; margin: 10px 0.5%; padding: 15px 30px; border: 0; background: #f1f1f1; text-transform: uppercase; font-family: 'TextaAlt', sans-serif; letter-spacing: 1px; color: #7D7D7D; font-size: 10pt; } .wrapper .main-content .template-content .row .contact-block textarea.contact-input { resize: none; width: 95.5%; height: 250px; } .wrapper .main-content .template-content .row .contact-block button { border: 0; background: #313C42; color: white; padding: 15px 40px; text-transform: uppercase; font-size: 10pt; font-weight: 300; letter-spacing: 2px; margin: 40px auto; } .wrapper .main-content .template-content .row .map-block { height: 650px; } .wrapper .main-content .template-content .row .location-block { padding: 0 40px; overflow: hidden; } .wrapper .main-content .template-content .row .location-block .location-search { margin: 60px 0; text-align: center; } .wrapper .main-content .template-content .row .location-block .location-search input { width: 200px; margin: 10px 0.5%; padding: 15px 30px; border: 0; background: #E6E6E6; text-transform: uppercase; font-family: 'TextaAlt', sans-serif; letter-spacing: 1px; color: #7D7D7D; font-size: 10pt; } .wrapper .main-content .template-content .row .location-block .location-search button { border: 0; background: #313C42; color: white; padding: 15px 40px; text-transform: uppercase; font-size: 10pt; font-weight: 300; letter-spacing: 2px; } .wrapper .main-content .template-content .row .location-block .location-item { display: inline-block; vertical-align: top; width: 33.3333%; margin: 0 -2px 70px; padding: 0 10px; } .wrapper .main-content .template-content .row .location-block .location-item .image { width: 20px; height: 26px; margin: 3px 0 0; float: left; background: url(../images/darkMark.png); } .wrapper .main-content .template-content .row .location-block .location-item .text { width: calc(100% - 20px); float: left; text-align: left; padding: 0 0 0 20px; background: transparent; } .wrapper .main-content .template-content .row .location-block .location-item p { margin: 0px 0 10px; font-family: 'Miller', serif; font-size: 12pt; } .wrapper .main-content .template-content .row .portfolio-spotlight-block { text-align: center; position: relative; padding: 0 60px; margin-bottom: 200px; } .wrapper .main-content .template-content .row .portfolio-spotlight-block .text { padding: 60px 45px 45px; width: auto; text-align: left; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; padding-bottom: 200px; } .wrapper .main-content .template-content .row .portfolio-spotlight-block .text .holder { width: 110%; position: relative; margin-top: 40px; float: left; } .wrapper .main-content .template-content .row .portfolio-spotlight-block .text .holder .item { width: 32.7%; display: inline-block; } .wrapper .main-content .template-content .row .portfolio-spotlight-block .text .holder .item p { width: 100%; margin: 0 0 10px; text-transform: uppercase; } .wrapper .main-content .template-content .row .portfolio-spotlight-block .text .holder .item .image { width: 100%; height: 450px; display: inline-block; background-position: center; background-size: cover; } .wrapper .main-content .template-content .row .portfolio-spotlight-block button { margin: 25px 0 0 0; display: block; } .wrapper .main-content .template-content .first-row { margin-top: 110vh; padding-top: 20px; } .wrapper .main-content .template-content .last-row { padding-bottom: 0px; overflow: hidden; max-width: none; } .wrapper .main-content footer { z-index: 1; position: relative; top: 0px; width: 100%; background: #313C42; } .wrapper .main-content footer .footer-holder { position: relative; width: 100%; max-width: 1200px; margin: 0 auto; padding: 80px 120px 60px; text-align: right; } .wrapper .main-content footer .footer-holder .logo { width: 85px; height: 45px; display: inline-block; float: left; vertical-align: middle; background-image: url(../images/VHLogo-foot.png); background-size: contain; background-repeat: no-repeat; background-position: center; } .wrapper .main-content footer .footer-holder .menu-interiors-footer-menu-container { display: inline-block; vertical-align: middle; width: calc(100% - 100px); } .wrapper .main-content footer .footer-holder .menu-interiors-footer-menu-container ul { margin: 0; padding: 0; } .wrapper .main-content footer .footer-holder .menu-interiors-footer-menu-container ul li { display: inline-block; margin: 0 0 0 40px; color: white; font-family: 'TextaAlt', sans-serif; text-transform: uppercase; font-size: 13pt; vertical-align: middle; line-height: 45px; } .wrapper .main-content footer .footer-holder .menu-interiors-footer-menu-container ul li#menu-item-34 a { color: #313C42; background: white; padding: 10px 40px; } .wrapper .main-content footer .footer-holder .menu-collections-footer-menu-container { display: inline-block; vertical-align: middle; width: calc(100% - 100px); } .wrapper .main-content footer .footer-holder .menu-collections-footer-menu-container ul { margin: 0; padding: 0; } .wrapper .main-content footer .footer-holder .menu-collections-footer-menu-container ul li { display: inline-block; margin-right: -4px; margin: 0 0 0 40px; color: white; font-family: 'TextaAlt', sans-serif; text-transform: uppercase; font-size: 13pt; vertical-align: middle; line-height: 25px; text-align: left; } .wrapper .main-content footer .footer-holder .menu-collections-footer-menu-container ul li.menu-item-994 { margin: 0 0 40px 40px; } .wrapper .main-content footer .footer-holder .menu-collections-footer-menu-container ul li ul { margin: 0 0 40px 0; } .wrapper .main-content footer .footer-holder .menu-collections-footer-menu-container ul li ul li { width: 100%; padding: 0; margin: 15px 0 0 0; margin: 0; } .wrapper .main-content footer .footer-holder .menu-collections-footer-menu-container ul li ul li#menu-item-989 { display: none; } .wrapper .main-content footer .footer-holder .menu-collections-footer-menu-container ul li#menu-item-34 a { color: #313C42; background: white; padding: 10px 40px; } .wrapper .main-content footer .footer-holder .menu-collections-footer-menu-container ul li#menu-item-994 a { background: white; color: #313C42; padding: 10px 20px; text-align: center; } .wrapper .main-content footer .footer-holder .socials { width: 100%; text-align: center; margin: 50px 0 0; } .wrapper .main-content footer .footer-holder .socials .social { width: 20px; height: 20px; display: inline-block; margin: 0 10px; background-size: contain; background-repeat: no-repeat; background-position: center; position: relative; opacity: .5; } .wrapper .main-content footer .footer-holder .socials .social object { height: 100%; } .wrapper .main-content footer .footer-holder .socials .social svg { height: 100%; width: 100%; } .wrapper .main-content footer .footer-holder .socials .social:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .wrapper .main-content footer .site-switch { text-align: center; font-family: 'Miller', serif; font-size: 30pt; color: #313C42; line-height: 2.5; font-weight: 100; background: #f1f1f1; } .wrapper .main-content footer .site-switch a { text-decoration: underline; } .page-template-contact .wrapper .main-content .template-content .row .hero-block { background-image: url(../images/contact-map.jpg); background-position: left center; height: 485px; } .parent-pageid-20.page-template-interiorshomepage .wrapper .main-content header { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } .parent-pageid-20.page-template-interiorshomepage .wrapper .main-content .template-content .row .carousel-block .vh-carousel { height: 750px; } .parent-pageid-20.page-template-interiorshomepage .wrapper .main-content .template-content .row .carousel-block .vh-carousel .vh-carousel-btn { background-image: url(../images/arrows_dark.png); bottom: 55px; left: 435px; top: auto; margin-left: 57px; } .parent-pageid-20.page-template-interiorshomepage .wrapper .main-content .template-content .row .carousel-block .vh-carousel .vh-carousel-btn.vh-carousel-btn-l { margin-left: 0px; } .parent-pageid-20.page-template-interiorshomepage .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item { height: 650px; } .parent-pageid-20.page-template-interiorshomepage .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item .vh-carousel-item-caption { background: transparent; width: 500px; padding: 0 0 0 80px; bottom: -100px; left: 120px; text-align: left; } .parent-pageid-20.page-template-interiorshomepage .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item .vh-carousel-item-caption .text { padding: 50px 55px; } .parent-pageid-20.page-template-interiorshomepage .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item .vh-carousel-item-caption .text .numbers { margin: -50px -125px; } .parent-pageid-20.page-template-interiorshomepage .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item .vh-carousel-item-caption .text .numbers .number { width: 80px; text-align: center; color: white; font-size: 25pt; line-height: 1.5; font-weight: 100; font-family: 'Miller', serif; } .parent-pageid-20.page-template-interiorshomepage .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item .vh-carousel-item-caption .text .numbers hr { margin: 0; } .parent-pageid-20.page-template-interiorshomepage .wrapper .main-content.showheader header { -webkit-transition: all ease .5s; transition: all ease .5s; -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); } .page-template-contact .wrapper .main-content .template-content .row .hero-block div.cta { left: 15%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); width: 450px; text-align: left; } .page-template-contact .wrapper .main-content .template-content .row .hero-block div.cta h2 { text-transform: capitalize; font-size: 22pt; } .page-template-interiorsportfolio .wrapper .main-content .template-content .row .hero-block div.cta { left: 15%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); width: 450px; text-align: left; } .page-template-interiorsportfolio .wrapper .main-content .template-content .row .hero-block div.cta h2 { text-transform: capitalize; } .page-template-interiorsportfolio .wrapper .main-content .template-content .row .hero-block div.cta hr { border: 0; border-bottom: 2px solid white; margin-left: -75px; } .page-template-interiorsportfolio .wrapper .main-content .template-content .row .hero-block div.cta button { background: white; border: 0; padding: 10px 20px; margin-top: 20px; font-size: 9pt; text-transform: uppercase; letter-spacing: 1px; } .page-template-interiorsportfolio .wrapper .main-content .template-content .row .hero-block:hover div.cta { opacity: .6; } .page-template-interiorsportfolio .wrapper .main-content .template-content .row .hero-block:hover div.cta:hover { opacity: 1; } .page-template-interiorsportfolio .wrapper .main-content .template-content .row .carousel-block .vh-carousel, .page-template-interiorsportfolio .wrapper .main-content .template-content .row .hero-block .vh-carousel { height: 650px; margin-bottom: 50px; } .page-template-interiorsportfolio .wrapper .main-content .template-content .row .carousel-block .vh-carousel .vh-carousel-btn, .page-template-interiorsportfolio .wrapper .main-content .template-content .row .hero-block .vh-carousel .vh-carousel-btn { background-image: url(../images/arrows.png); bottom: 65px; left: 130px; top: auto; margin-left: 57px; } .page-template-interiorsportfolio .wrapper .main-content .template-content .row .carousel-block .vh-carousel .vh-carousel-btn.vh-carousel-btn-l, .page-template-interiorsportfolio .wrapper .main-content .template-content .row .hero-block .vh-carousel .vh-carousel-btn.vh-carousel-btn-l { margin-left: 0px; } .page-template-interiorsportfolio .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item, .page-template-interiorsportfolio .wrapper .main-content .template-content .row .hero-block .vh-carousel.vh-crossfade .vh-carousel-item { height: 650px; } .page-template-interiorsportfolio .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item:hover .vh-carousel-item-caption, .page-template-interiorsportfolio .wrapper .main-content .template-content .row .hero-block .vh-carousel.vh-crossfade .vh-carousel-item:hover .vh-carousel-item-caption { opacity: .6; } .page-template-interiorsportfolio .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item:hover .vh-carousel-item-caption:hover, .page-template-interiorsportfolio .wrapper .main-content .template-content .row .hero-block .vh-carousel.vh-crossfade .vh-carousel-item:hover .vh-carousel-item-caption:hover { opacity: 1; } .page-template-interiorsportfolio .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item .vh-carousel-item-caption, .page-template-interiorsportfolio .wrapper .main-content .template-content .row .hero-block .vh-carousel.vh-crossfade .vh-carousel-item .vh-carousel-item-caption { background: transparent; width: auto; padding: 0 0 0 80px; bottom: 50px; left: 20px; text-align: left; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } .page-template-interiorsportfolio .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item .vh-carousel-item-caption .text, .page-template-interiorsportfolio .wrapper .main-content .template-content .row .hero-block .vh-carousel.vh-crossfade .vh-carousel-item .vh-carousel-item-caption .text { padding: 50px 55px; min-width: 170px; background: transparent; color: white; } .page-template-interiorsportfolio .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item .vh-carousel-item-caption .text .numbers, .page-template-interiorsportfolio .wrapper .main-content .template-content .row .hero-block .vh-carousel.vh-crossfade .vh-carousel-item .vh-carousel-item-caption .text .numbers { margin: -50px -75px; width: 375px; } .page-template-interiorsportfolio .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item .vh-carousel-item-caption .text .numbers .number, .page-template-interiorsportfolio .wrapper .main-content .template-content .row .hero-block .vh-carousel.vh-crossfade .vh-carousel-item .vh-carousel-item-caption .text .numbers .number { width: 80px; text-align: center; color: white; font-size: 25pt; line-height: 1.5; font-weight: 100; font-family: 'Miller', serif; } .page-template-interiorsportfolio .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item .vh-carousel-item-caption .text .numbers hr, .page-template-interiorsportfolio .wrapper .main-content .template-content .row .hero-block .vh-carousel.vh-crossfade .vh-carousel-item .vh-carousel-item-caption .text .numbers hr { margin: 0; } .page-template-interiorsportfolio .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item .vh-carousel-item-caption .text h2, .page-template-interiorsportfolio .wrapper .main-content .template-content .row .hero-block .vh-carousel.vh-crossfade .vh-carousel-item .vh-carousel-item-caption .text h2 { margin: 0 0 0px; font-size: 25pt; } .page-template-interiorsportfolio .wrapper .main-content .vh-overlay-overlay .vh-overlay-item { max-width: 900px; max-height: 450px; } .page-template-interiorsportfolio .wrapper .main-content .vh-overlay-overlay .vh-overlay-item .portfolio-overlay { width: 100%; height: 100%; } .page-template-interiorsportfolio .wrapper .main-content .vh-overlay-overlay .vh-overlay-item .portfolio-overlay .left-content { height: 100%; width: 30%; float: left; background: #f1f1f1; padding: 30px; color: #303c42; } .page-template-interiorsportfolio .wrapper .main-content .vh-overlay-overlay .vh-overlay-item .portfolio-overlay .left-content h4 { margin: 0; text-transform: uppercase; letter-spacing: 2px; font-size: 8pt; font-family: 'TextaAlt', sans-serif; } .page-template-interiorsportfolio .wrapper .main-content .vh-overlay-overlay .vh-overlay-item .portfolio-overlay .left-content h2 { font-weight: 100; text-transform: capitalize; font-size: 35pt; letter-spacing: 2px; color: #303c42; } .page-template-interiorsportfolio .wrapper .main-content .vh-overlay-overlay .vh-overlay-item .portfolio-overlay .left-content ul.socials { margin: 20px 0 0; padding: 0; } .page-template-interiorsportfolio .wrapper .main-content .vh-overlay-overlay .vh-overlay-item .portfolio-overlay .left-content ul.socials li.social { display: inline-block; width: 20px; height: 20px; margin: 0 15px; background-position: center; background-repeat: no-repeat; position: relative; } .page-template-interiorsportfolio .wrapper .main-content .vh-overlay-overlay .vh-overlay-item .portfolio-overlay .left-content ul.socials li.social object { height: 100%; } .page-template-interiorsportfolio .wrapper .main-content .vh-overlay-overlay .vh-overlay-item .portfolio-overlay .left-content ul.socials li.social:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .page-template-interiorsportfolio .wrapper .main-content .vh-overlay-overlay .vh-overlay-item .portfolio-overlay .right-content { height: 100%; width: 70%; float: left; overflow-y: scroll; } .page-template-interiorsportfolio .wrapper .main-content .vh-overlay-overlay .vh-overlay-item .portfolio-overlay .right-content .image { margin: 0 0 -4px; width: 100%; } .filler { background: red; } .parent-pageid-13 .wrapper .main-content header, .single-products .wrapper .main-content header, .single-vh_life .wrapper .main-content header { background: white; } .parent-pageid-13 .wrapper .main-content header .header-holder .site-switch, .single-products .wrapper .main-content header .header-holder .site-switch, .single-vh_life .wrapper .main-content header .header-holder .site-switch { display: inline-block; color: #313C42; text-transform: uppercase; letter-spacing: 1px; font-family: 'TextaAlt', sans-serif; font-size: 13pt; margin: 0 10px; line-height: 25px; vertical-align: middle; } .parent-pageid-13 .wrapper .main-content .template-content, .single-products .wrapper .main-content .template-content, .single-vh_life .wrapper .main-content .template-content { background: white; margin-top: 220px; } .parent-pageid-13 .wrapper .main-content .template-content .row .hero-block .cta, .single-products .wrapper .main-content .template-content .row .hero-block .cta, .single-vh_life .wrapper .main-content .template-content .row .hero-block .cta { background: #313C42; padding: 20px; color: white; width: auto; max-width: 635px; } .parent-pageid-13 .wrapper .main-content .template-content .row .hero-block .cta h2, .single-products .wrapper .main-content .template-content .row .hero-block .cta h2, .single-vh_life .wrapper .main-content .template-content .row .hero-block .cta h2 { text-transform: uppercase; letter-spacing: 1px; margin: 0 0 20px; } .parent-pageid-13 .wrapper .main-content .template-content .row .hero-block .cta h4, .single-products .wrapper .main-content .template-content .row .hero-block .cta h4, .single-vh_life .wrapper .main-content .template-content .row .hero-block .cta h4 { background: white; display: inline-block; margin: 0; padding: 15px 25px; color: #313C42; } .parent-pageid-13 .wrapper .main-content footer, .single-products .wrapper .main-content footer, .single-vh_life .wrapper .main-content footer { background: #313C42; } .parent-pageid-13 .wrapper .main-content footer .footer-holder, .single-products .wrapper .main-content footer .footer-holder, .single-vh_life .wrapper .main-content footer .footer-holder { padding: 80px 60px 60px; } .parent-pageid-13 .wrapper .main-content footer .site-switch, .single-products .wrapper .main-content footer .site-switch, .single-vh_life .wrapper .main-content footer .site-switch { background: #f1f1f1; width: 100%; max-width: 1200px; margin: 0 auto; } .single-products .wrapper .main-content .template-content { background: white; margin-top: 220px; } .single-products .wrapper .main-content .template-content .row .similar-block .similar-list .similar-item .image { background-size: contain; background-repeat: no-repeat; } .single-vh_life .wrapper .main-content .template-content .row .hero-block .cta { background: #313C42; padding: 40px 60px 40px; color: white; width: auto; max-width: 635px; } .single-vh_life .wrapper .main-content .template-content .row .hero-block .cta h1 { font-size: 30pt; font-weight: 100; margin: 10px 0; } .single-vh_life .wrapper .main-content .template-content .row .hero-block .cta h4 { background: transparent; display: inline-block; margin: 0; padding: 0; color: white; } .single-vh_life .wrapper .main-content .template-content .row .carousel-block .vh-carousel { height: 650px; } .single-vh_life .wrapper .main-content .template-content .row .carousel-block .vh-carousel .vh-carousel-btn { bottom: 65px; left: 10%; top: auto; margin-left: 170px; } .single-vh_life .wrapper .main-content .template-content .row .carousel-block .vh-carousel .vh-carousel-btn.vh-carousel-btn-l { margin-left: 110px; } .single-vh_life .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item { height: 650px; } .single-vh_life .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item .vh-carousel-item-caption { background: transparent; width: 500px; max-width: 90%; padding: 0 0 0 80px; bottom: 50px; left: 10%; text-align: left; } .single-vh_life .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item .vh-carousel-item-caption .text { padding: 50px 55px; background: #313C42; color: white; } .single-vh_life .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item .vh-carousel-item-caption .text .numbers { margin: -50px -125px; } .single-vh_life .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item .vh-carousel-item-caption .text .numbers .number { width: 80px; text-align: center; color: white; font-size: 25pt; line-height: 1.5; font-weight: 100; font-family: 'Miller', serif; } .single-vh_life .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item .vh-carousel-item-caption .text .numbers hr { margin: 0; } .page-template-collectionsgallery .wrapper .main-content .template-content .row .carousel-block .vh-carousel { height: 650px; } .page-template-collectionsgallery .wrapper .main-content .template-content .row .carousel-block .vh-carousel .vh-carousel-btn { height: 20px; width: 50px; bottom: 65px; left: 10%; margin-left: 130px; top: auto; background-image: url(../images/arrows.png); background-position: left center; background-repeat: no-repeat; background-color: transparent; } .page-template-collectionsgallery .wrapper .main-content .template-content .row .carousel-block .vh-carousel .vh-carousel-btn.vh-carousel-btn-r { margin-left: 190px; } .page-template-collectionsgallery .wrapper .main-content .template-content .row .carousel-block .vh-carousel .vh-carousel-btn.vh-carousel-btn-l { -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); } .page-template-collectionsgallery .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item { height: 650px; } .page-template-collectionsgallery .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item:hover .vh-carousel-item-caption { opacity: .6; } .page-template-collectionsgallery .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item:hover .vh-carousel-item-caption:hover { opacity: 1; } .page-template-collectionsgallery .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item .vh-carousel-item-caption { background: transparent; width: 350px; padding: 0 0 0 80px; bottom: 50px; left: 120px; text-align: left; -webkit-transition: opacity ease .5s; transition: opacity ease .5s; } .page-template-collectionsgallery .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item .vh-carousel-item-caption .text { padding: 50px 55px; background: transparent; color: white; } .page-template-collectionsgallery .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item .vh-carousel-item-caption .text .numbers { margin: -50px -125px; } .page-template-collectionsgallery .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item .vh-carousel-item-caption .text .numbers .number { width: 80px; text-align: center; color: white; font-size: 25pt; line-height: 1.5; font-weight: 100; font-family: 'Miller', serif; } .page-template-collectionsgallery .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item .vh-carousel-item-caption .text .numbers hr { margin: 0; } .page-template-collectionsgallery .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item .vh-carousel-item-caption .text h2 { margin-bottom: 10px; } .page-template-collectionsgallery .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item .vh-carousel-item-caption .text a h4 { margin-bottom: 30px; text-decoration: underline; font-weight: 400; } .parent-pageid-13.page-id-38 .wrapper .main-content .template-content .row .hero-block .cta { width: auto; } .page-template-collectionsvhlife .wrapper .main-content .template-content .row .hero-block .cta { padding: 60px 80px; } .page-template-collectionsvhlife .wrapper .main-content .template-content .row .hero-block .cta h4 { padding: 0; background: transparent; color: white; font-weight: 200; } .page-template-collectionsvhlife .wrapper .main-content .template-content .row .hero-block .cta h3 { font-family: 'TextaAlt', sans-serif; text-transform: uppercase; font-weight: 100; font-size: 39pt; line-height: .9; margin: 0; letter-spacing: 6px; } .page-template-collectionsvhlife .wrapper .main-content .template-content .row .hero-block .cta hr { border: 0; border-bottom: 1px solid white; margin: 20px 10px; } .page-template-collectionsvhlife .wrapper .main-content .template-content .row .hero-block .cta h2 { letter-spacing: 4px; font-weight: 100; line-height: .8; } .page-template-collectionsproduct .wrapper .main-content .template-content .row .hero-block div.cta { padding: 60px 80px; max-width: 700px; } .page-template-collectionsproduct .wrapper .main-content .template-content .row .hero-block div.cta h2 { margin: 0 0 0px; } .page-template-interiorsabout .wrapper .main-content .template-content .row .hero-block div { top: 30%; width: 100%; } .vh-overlay-overlay .vh-overlay-overlay-close { font-size: 0px; width: 30px; height: 31px; background: url(../images/close.png); } .furn .rug, .rug .furn { display: none; } /* slide("_R") */ @keyframes vh-slideLeftOut { 0% { opacity: 1; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } 100% { opacity: 1; -webkit-transform: translate(-150%, -50%); transform: translate(-150%, -50%); } } @keyframes vh-slideRightIn { 0% { opacity: 1; -webkit-transform: translate(50%, -50%); transform: translate(50%, -50%); } 100% { opacity: 1; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } } /* slide("_L") */ @keyframes vh-slideRightOut { 0% { opacity: 1; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } 100% { opacity: 1; -webkit-transform: translate(50%, -50%); transform: translate(50%, -50%); } } @keyframes vh-slideLeftIn { 0% { opacity: 1; -webkit-transform: translate(-150%, -50%); transform: translate(-150%, -50%); } 100% { opacity: 1; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } } @-webkit-keyframes vh-openingAnimation { 0% { opacity: 1; } 10% { opacity: 1; } 20% { opacity: 0; } 90% { opacity: 0; } 100% { opacity: 1; } } @keyframes vh-openingAnimation { 0% { opacity: 1; } 10% { opacity: 1; } 20% { opacity: 0; } 90% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes vh-openingAnimation2 { 0% { opacity: 1; } 15% { opacity: 1; } 25% { opacity: 0; } 90% { opacity: 0; } 100% { opacity: 1; } } @keyframes vh-openingAnimation2 { 0% { opacity: 1; } 15% { opacity: 1; } 25% { opacity: 0; } 90% { opacity: 0; } 100% { opacity: 1; } } /* fade */ @-webkit-keyframes vh-fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes vh-fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes vh-fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes vh-fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .vh-mobile .wrapper .main-content .hero-video .video video, .vh-mobile .wrapper .main-content .hero-video .video img, .ie9 .wrapper .main-content .hero-video .video video, .ie9 .wrapper .main-content .hero-video .video img { display: none; } .vh-mobile .wrapper .main-content .hero-video .video .mobile, .ie9 .wrapper .main-content .hero-video .video .mobile { display: block; } .ie9 .wrapper .main-content .template-content .row .video-block { display: none; } @media screen and (min-width: 900px) and (max-height: 680px) { .wrapper .main-content .hero-video .frames .frame h1, .wrapper .main-content .hero-video .frames .frame h2 { font-size: 7vh; } } @media screen and (max-width: 900px) { .wrapper .main-content header { position: relative; } .wrapper .main-content header .header-holder { text-align: center; padding: 50px 20px 0px; } .wrapper .main-content header .header-holder .logo { float: none; } .wrapper .main-content header .header-holder .menu-interiors-header-menu-container { width: 100%; } .wrapper .main-content header .header-holder .menu-interiors-header-menu-container ul { margin: 30px 0; } .wrapper .main-content header .header-holder .menu-interiors-header-menu-container ul li { margin: 0; padding: 0; background: white; width: 100%; } .wrapper .main-content header .header-holder .menu-interiors-header-menu-container ul li a { width: 100%; margin: 2px 0; background: #303c42; color: white; display: block; padding: 10px 0; } .wrapper .main-content header .header-holder .menu-collections-header-menu-container { width: 100%; } .wrapper .main-content header .header-holder .menu-collections-header-menu-container ul { margin: 0; padding: 40px 20px 20px; text-align: center; } .wrapper .main-content header .header-holder .menu-collections-header-menu-container ul li { margin: 0; padding: 0; background: white; width: 100%; } .wrapper .main-content header .header-holder .menu-collections-header-menu-container ul li a { width: 100%; margin: 2px 0; background: #303c42; color: white; display: block; padding: 10px 0; } .wrapper .main-content .hero-video .frames .frame { width: 90%; padding: 60px 70px; } .wrapper .main-content .hero-video .frames .frame h1, .wrapper .main-content .hero-video .frames .frame h2 { font-size: 5vw; } .wrapper .main-content .hero-video .frames .frame h1 p img, .wrapper .main-content .hero-video .frames .frame h2 p img { width: 30px; height: auto; } .wrapper .main-content .hero-video .frames .frame h1 p:last-of-type, .wrapper .main-content .hero-video .frames .frame h2 p:last-of-type { font-size: 3vw; text-align: center; } .wrapper .main-content .hero-video .frames .frame.frame-1 h1 p:last-of-type { font-size: 6vh; } .wrapper .main-content .hero-video .frames .frame.frame-3 h2 { font-size: 4.5vh; } .wrapper .main-content .template-content { margin-top: 0px; } .wrapper .main-content .template-content .row .about-block { padding: 0px 20px; } .wrapper .main-content .template-content .row .about-block .image { width: 100%; } .wrapper .main-content .template-content .row .about-block .text { position: relative; top: 10px; right: auto; width: 100%; padding: 20px 15px 15px; } .wrapper .main-content .template-content .row .hero-block { height: 450px; } .wrapper .main-content .template-content .row .hero-block.dual-hero { height: 350px; padding: 0 20px; } .wrapper .main-content .template-content .row .gallery-switch-block { margin: 0 20px; } .wrapper .main-content .template-content .row .notable-press-block { padding: 20px; margin: 0 20px; } .wrapper .main-content .template-content .row .notable-press-block .image { margin: 5px 1.5%; } .wrapper .main-content .template-content .row .press-quote-block { padding: 40px 20px; } .wrapper .main-content .template-content .row .press-quote-block .image { width: 50%; height: 400px; } .wrapper .main-content .template-content .row .press-quote-block .text { right: 20px; padding: 25px 50px; } .wrapper .main-content .template-content .row .press-quote-block:nth-of-type(2n) .text { right: auto; left: 20px; } .wrapper .main-content .template-content .row .about-content-block { padding: 0px 20px; } .wrapper .main-content .template-content .row .about-content-block .text { right: 20px; } .wrapper .main-content .template-content .row .about-content-block .text h2 { font-size: 25pt; } .wrapper .main-content .template-content .row .about-content-block .text p { font-size: 14pt; } .wrapper .main-content .template-content .row .about-columns-block { padding: 60px 50px 0; } .wrapper .main-content .template-content .row .about-columns-block p { -webkit-column-gap: 50px; -moz-column-gap: 50px; column-gap: 50px; } .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item .vh-carousel-item-caption { width: 90%; left: 5%; } .wrapper .main-content .template-content .row .video-block { padding: 0px 20px; } .wrapper .main-content .template-content .row .video-block .vh-overlay img { width: 100%; } .wrapper .main-content .template-content .row .video-block .vh-overlay .vh-overlay-expand { bottom: -10px; right: 0px; padding: 0px; color: inherit; position: relative; } .wrapper .main-content .template-content .row .book-block { padding: 0px 20px; } .wrapper .main-content .template-content .row .book-block .text { padding: 40px 20px; } .wrapper .main-content .template-content .row .book-block .text .book-cover { width: 200px; height: 300px; margin: -20px 30px 0 0px; } .wrapper .main-content .template-content .row .book-block .text h3 { font-size: 12pt; } .wrapper .main-content .template-content .row .book-block .text hr { width: 55%; -webkit-transform: translateX(-30px); -ms-transform: translateX(-30px); transform: translateX(-30px); } .wrapper .main-content .template-content .row .book-block .text p { font-size: 8pt; } .wrapper .main-content .template-content .row .browse-cat-block { padding: 0 20px; } .wrapper .main-content .template-content .row .life-spotlight-block { padding: 0 20px; } .wrapper .main-content .template-content .row .email-block { margin: 0 20px; } .wrapper .main-content .template-content .row .custom-block { margin: 0 20px; } .wrapper .main-content .template-content .row .product-container { padding: 0 20px; } .wrapper .main-content .template-content .row .product-container .main-product .images { width: calc(100% - 200px); } .wrapper .main-content .template-content .row .product-container .main-product .sideDetails { width: 180px; } .wrapper .main-content .template-content .row .product-container .main-product .sideDetails.stick { top: 20px !important; } .wrapper .main-content .template-content .row .product-container .main-product .sideDetails.stickBottom { bottom: 20px; } .wrapper .main-content .template-content .row .product-container .main-product .sideDetails h1 { font-size: 25pt; } .wrapper .main-content .template-content .row .product-container .main-product .sideDetails h3 { font-size: 10pt; } .wrapper .main-content .template-content .row .product-container .main-product .sideDetails h2 { font-size: 13pt; } .wrapper .main-content .template-content .row .product-container .main-product .sideDetails button { padding: 10px; font-size: 9pt; margin: 10px 0 0; } .wrapper .main-content .template-content .row .similar-block .similar-list { text-align: center; } .wrapper .main-content .template-content .row .similar-block .similar-list .similar-item { width: 50%; } .wrapper .main-content .template-content .row .similar-block .similar-list .similar-item .image { padding-bottom: 50%; } .wrapper .main-content .template-content .row .catalogue-block { margin: 0 20px; } .wrapper .main-content .template-content .row .vhpost-list-block { padding: 0 20px; } .wrapper .main-content .template-content .row .vhpost-list-block .vhpost-list .vhpost-list-item { padding: 0 5px; } .wrapper .main-content .template-content .row .vhpost-list-block .vhpost-list .vhpost-list-item p { font-size: 10pt; } .wrapper .main-content .template-content .row .four-image-block .image { width: 50%; padding: 5px; } .wrapper .main-content .template-content .row .four-image-block .image.wide { width: 100%; } .wrapper .main-content .template-content .row .portfolio-list-block .portfolio-item h2 { padding: 0 20px; font-size: 25pt; } .wrapper .main-content .template-content .row .portfolio-list-block .portfolio-item a h4 { padding: 0 20px; } .wrapper .main-content .template-content .row .portfolio-spotlight-block { height: 500px; } .wrapper .main-content .template-content .row .portfolio-spotlight-block .text { width: 100%; } .wrapper .main-content .template-content .row .portfolio-spotlight-block .text .holder .item .image { height: 300px; } .wrapper .main-content .template-content .first-row { margin-top: 0vh; padding-top: 0px; } .wrapper .main-content footer .footer-holder { text-align: center; } .wrapper .main-content footer .footer-holder .logo { float: none; } .wrapper .main-content footer .footer-holder .menu-interiors-footer-menu-container { width: 100%; } .wrapper .main-content footer .footer-holder .menu-interiors-footer-menu-container ul { margin: 20px 0 0; } .wrapper .main-content footer .footer-holder .menu-interiors-footer-menu-container ul li { width: 100%; margin: 0; } .wrapper .main-content footer .footer-holder .menu-interiors-footer-menu-container ul li a { width: 100%; margin: 0; display: block; } .wrapper .main-content footer .footer-holder .menu-collections-footer-menu-container { width: 100%; } .wrapper .main-content footer .footer-holder .menu-collections-footer-menu-container ul { margin: 20px 0 0; } .wrapper .main-content footer .footer-holder .menu-collections-footer-menu-container ul li { width: 100%; margin: 0; } .wrapper .main-content footer .footer-holder .menu-collections-footer-menu-container ul li a { width: 100%; text-align: center; margin: 10px 0; display: block; } .wrapper .main-content footer .footer-holder .menu-collections-footer-menu-container ul li ul { margin: 0; } .parent-pageid-13 .wrapper .main-content header .header-holder .site-switch, .single-products .wrapper .main-content header .header-holder .site-switch, .single-vh_life .wrapper .main-content header .header-holder .site-switch { font-size: 14pt; margin: 0px 10px 30px; } .parent-pageid-13 .wrapper .main-content .template-content, .single-products .wrapper .main-content .template-content, .single-vh_life .wrapper .main-content .template-content { margin-top: 0; } .parent-pageid-13 .wrapper .main-content .template-content .row .hero-block .cta h4, .single-products .wrapper .main-content .template-content .row .hero-block .cta h4, .single-vh_life .wrapper .main-content .template-content .row .hero-block .cta h4 { margin-top: 10px; } .parent-pageid-13 .wrapper .main-content footer, .single-products .wrapper .main-content footer, .single-vh_life .wrapper .main-content footer { background: #313C42; } .parent-pageid-13 .wrapper .main-content footer .footer-holder, .single-products .wrapper .main-content footer .footer-holder, .single-vh_life .wrapper .main-content footer .footer-holder { padding: 80px 60px 60px; } .parent-pageid-13 .wrapper .main-content footer .site-switch, .single-products .wrapper .main-content footer .site-switch, .single-vh_life .wrapper .main-content footer .site-switch { background: #f1f1f1; width: 100%; max-width: 1200px; margin: 0 auto; } .parent-pageid-20.page-template-interiorshomepage .wrapper .main-content header { -webkit-transform: none; -ms-transform: none; transform: none; -webkit-transition: none; transition: none; margin-top: 110vh; } .parent-pageid-20.page-template-interiorshomepage .wrapper .main-content .template-content .row .carousel-block .vh-carousel { height: 750px; } .parent-pageid-20.page-template-interiorshomepage .wrapper .main-content .template-content .row .carousel-block .vh-carousel .vh-carousel-btn { left: 440px; } .parent-pageid-20.page-template-interiorshomepage .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item { height: 650px; } .parent-pageid-20.page-template-interiorshomepage .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item .vh-carousel-item-caption { background: transparent; width: 500px; padding: 0 0 0 80px; bottom: -100px; left: 120px; text-align: left; } .parent-pageid-20.page-template-interiorshomepage .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item .vh-carousel-item-caption .text { padding: 50px 55px; } .parent-pageid-20.page-template-interiorshomepage .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item .vh-carousel-item-caption .text .numbers { margin: -50px -125px; } .parent-pageid-20.page-template-interiorshomepage .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item .vh-carousel-item-caption .text .numbers .number { width: 80px; text-align: center; color: white; font-size: 25pt; line-height: 1.5; font-weight: 100; font-family: 'Miller', serif; } .parent-pageid-20.page-template-interiorshomepage .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item .vh-carousel-item-caption .text .numbers hr { margin: 0; } .parent-pageid-20.page-template-interiorshomepage .wrapper .main-content.showheader header { -webkit-transform: none; -ms-transform: none; transform: none; } .page-template-interiorsportfolio .wrapper .main-content .vh-overlay-overlay .vh-overlay-item .portfolio-overlay .left-content ul.socials li.social { display: inline-block; width: 20px; height: 20px; margin: 0 5px; background-position: center; background-repeat: no-repeat; } } @media screen and (max-width: 700px) { .wrapper .main-content header, .page-template-interiorsportfolio .wrapper .main-content header, .page-template-contact .wrapper .main-content header, .page-template-collectionsgallery .wrapper .main-content header { position: relative; } .wrapper .main-content header .header-holder, .page-template-interiorsportfolio .wrapper .main-content header .header-holder, .page-template-contact .wrapper .main-content header .header-holder, .page-template-collectionsgallery .wrapper .main-content header .header-holder { text-align: center; padding: 50px 20px 0px; } .wrapper .main-content header .header-holder .logo, .page-template-interiorsportfolio .wrapper .main-content header .header-holder .logo, .page-template-contact .wrapper .main-content header .header-holder .logo, .page-template-collectionsgallery .wrapper .main-content header .header-holder .logo { float: none; } .wrapper .main-content header .header-holder .menu-interiors-header-menu-container, .page-template-interiorsportfolio .wrapper .main-content header .header-holder .menu-interiors-header-menu-container, .page-template-contact .wrapper .main-content header .header-holder .menu-interiors-header-menu-container, .page-template-collectionsgallery .wrapper .main-content header .header-holder .menu-interiors-header-menu-container { width: 100%; } .wrapper .main-content header .header-holder .menu-interiors-header-menu-container ul, .page-template-interiorsportfolio .wrapper .main-content header .header-holder .menu-interiors-header-menu-container ul, .page-template-contact .wrapper .main-content header .header-holder .menu-interiors-header-menu-container ul, .page-template-collectionsgallery .wrapper .main-content header .header-holder .menu-interiors-header-menu-container ul { margin: 30px 0; } .wrapper .main-content header .header-holder .menu-interiors-header-menu-container ul li, .page-template-interiorsportfolio .wrapper .main-content header .header-holder .menu-interiors-header-menu-container ul li, .page-template-contact .wrapper .main-content header .header-holder .menu-interiors-header-menu-container ul li, .page-template-collectionsgallery .wrapper .main-content header .header-holder .menu-interiors-header-menu-container ul li { margin: 0; padding: 0; background: white; width: 100%; } .wrapper .main-content header .header-holder .menu-interiors-header-menu-container ul li a, .page-template-interiorsportfolio .wrapper .main-content header .header-holder .menu-interiors-header-menu-container ul li a, .page-template-contact .wrapper .main-content header .header-holder .menu-interiors-header-menu-container ul li a, .page-template-collectionsgallery .wrapper .main-content header .header-holder .menu-interiors-header-menu-container ul li a { width: 100%; margin: 2px 0; background: #303c42; color: white; display: block; padding: 10px 0; } .wrapper .main-content header .header-holder .menu-collections-header-menu-container ul, .page-template-interiorsportfolio .wrapper .main-content header .header-holder .menu-collections-header-menu-container ul, .page-template-contact .wrapper .main-content header .header-holder .menu-collections-header-menu-container ul, .page-template-collectionsgallery .wrapper .main-content header .header-holder .menu-collections-header-menu-container ul { margin: 0; padding: 40px 20px 20px; text-align: center; } .wrapper .main-content header .header-holder .menu-collections-header-menu-container ul li, .page-template-interiorsportfolio .wrapper .main-content header .header-holder .menu-collections-header-menu-container ul li, .page-template-contact .wrapper .main-content header .header-holder .menu-collections-header-menu-container ul li, .page-template-collectionsgallery .wrapper .main-content header .header-holder .menu-collections-header-menu-container ul li { margin: 0; padding: 0; background: white; width: 100%; } .wrapper .main-content header .header-holder .menu-collections-header-menu-container ul li a, .page-template-interiorsportfolio .wrapper .main-content header .header-holder .menu-collections-header-menu-container ul li a, .page-template-contact .wrapper .main-content header .header-holder .menu-collections-header-menu-container ul li a, .page-template-collectionsgallery .wrapper .main-content header .header-holder .menu-collections-header-menu-container ul li a { width: 100%; margin: 2px 0; background: #303c42; color: white; display: block; padding: 10px 0; } .wrapper .main-content .hero-video .frames .frame, .page-template-interiorsportfolio .wrapper .main-content .hero-video .frames .frame, .page-template-contact .wrapper .main-content .hero-video .frames .frame, .page-template-collectionsgallery .wrapper .main-content .hero-video .frames .frame { width: calc(100% - 140px); padding: 30px 35px; } .wrapper .main-content .hero-video .frames .frame h1 p img, .wrapper .main-content .hero-video .frames .frame h1 p img.wp-image-345, .wrapper .main-content .hero-video .frames .frame h1 p img.wp-image-269, .wrapper .main-content .hero-video .frames .frame h1 p img.wp-image-346, .wrapper .main-content .hero-video .frames .frame h1 p img.wp-image-270, .wrapper .main-content .hero-video .frames .frame h2 p img, .wrapper .main-content .hero-video .frames .frame h2 p img.wp-image-345, .wrapper .main-content .hero-video .frames .frame h2 p img.wp-image-269, .wrapper .main-content .hero-video .frames .frame h2 p img.wp-image-346, .wrapper .main-content .hero-video .frames .frame h2 p img.wp-image-270, .page-template-interiorsportfolio .wrapper .main-content .hero-video .frames .frame h1 p img, .page-template-interiorsportfolio .wrapper .main-content .hero-video .frames .frame h1 p img.wp-image-345, .page-template-interiorsportfolio .wrapper .main-content .hero-video .frames .frame h1 p img.wp-image-269, .page-template-interiorsportfolio .wrapper .main-content .hero-video .frames .frame h1 p img.wp-image-346, .page-template-interiorsportfolio .wrapper .main-content .hero-video .frames .frame h1 p img.wp-image-270, .page-template-interiorsportfolio .wrapper .main-content .hero-video .frames .frame h2 p img, .page-template-interiorsportfolio .wrapper .main-content .hero-video .frames .frame h2 p img.wp-image-345, .page-template-interiorsportfolio .wrapper .main-content .hero-video .frames .frame h2 p img.wp-image-269, .page-template-interiorsportfolio .wrapper .main-content .hero-video .frames .frame h2 p img.wp-image-346, .page-template-interiorsportfolio .wrapper .main-content .hero-video .frames .frame h2 p img.wp-image-270, .page-template-contact .wrapper .main-content .hero-video .frames .frame h1 p img, .page-template-contact .wrapper .main-content .hero-video .frames .frame h1 p img.wp-image-345, .page-template-contact .wrapper .main-content .hero-video .frames .frame h1 p img.wp-image-269, .page-template-contact .wrapper .main-content .hero-video .frames .frame h1 p img.wp-image-346, .page-template-contact .wrapper .main-content .hero-video .frames .frame h1 p img.wp-image-270, .page-template-contact .wrapper .main-content .hero-video .frames .frame h2 p img, .page-template-contact .wrapper .main-content .hero-video .frames .frame h2 p img.wp-image-345, .page-template-contact .wrapper .main-content .hero-video .frames .frame h2 p img.wp-image-269, .page-template-contact .wrapper .main-content .hero-video .frames .frame h2 p img.wp-image-346, .page-template-contact .wrapper .main-content .hero-video .frames .frame h2 p img.wp-image-270, .page-template-collectionsgallery .wrapper .main-content .hero-video .frames .frame h1 p img, .page-template-collectionsgallery .wrapper .main-content .hero-video .frames .frame h1 p img.wp-image-345, .page-template-collectionsgallery .wrapper .main-content .hero-video .frames .frame h1 p img.wp-image-269, .page-template-collectionsgallery .wrapper .main-content .hero-video .frames .frame h1 p img.wp-image-346, .page-template-collectionsgallery .wrapper .main-content .hero-video .frames .frame h1 p img.wp-image-270, .page-template-collectionsgallery .wrapper .main-content .hero-video .frames .frame h2 p img, .page-template-collectionsgallery .wrapper .main-content .hero-video .frames .frame h2 p img.wp-image-345, .page-template-collectionsgallery .wrapper .main-content .hero-video .frames .frame h2 p img.wp-image-269, .page-template-collectionsgallery .wrapper .main-content .hero-video .frames .frame h2 p img.wp-image-346, .page-template-collectionsgallery .wrapper .main-content .hero-video .frames .frame h2 p img.wp-image-270 { width: 20px; height: auto; margin: 0 10px 0px 10px; } .wrapper .main-content .template-content, .page-template-interiorsportfolio .wrapper .main-content .template-content, .page-template-contact .wrapper .main-content .template-content, .page-template-collectionsgallery .wrapper .main-content .template-content { margin-top: 0px; } .wrapper .main-content .template-content .row .about-block, .page-template-interiorsportfolio .wrapper .main-content .template-content .row .about-block, .page-template-contact .wrapper .main-content .template-content .row .about-block, .page-template-collectionsgallery .wrapper .main-content .template-content .row .about-block { padding: 0px 20px; } .wrapper .main-content .template-content .row .about-block .image, .page-template-interiorsportfolio .wrapper .main-content .template-content .row .about-block .image, .page-template-contact .wrapper .main-content .template-content .row .about-block .image, .page-template-collectionsgallery .wrapper .main-content .template-content .row .about-block .image { width: 100%; } .wrapper .main-content .template-content .row .about-block .text, .page-template-interiorsportfolio .wrapper .main-content .template-content .row .about-block .text, .page-template-contact .wrapper .main-content .template-content .row .about-block .text, .page-template-collectionsgallery .wrapper .main-content .template-content .row .about-block .text { position: relative; top: 10px; right: auto; width: 100%; padding: 20px 15px 15px; } .wrapper .main-content .template-content .row .hero-block, .page-template-interiorsportfolio .wrapper .main-content .template-content .row .hero-block, .page-template-contact .wrapper .main-content .template-content .row .hero-block, .page-template-collectionsgallery .wrapper .main-content .template-content .row .hero-block { height: 350px; } .wrapper .main-content .template-content .row .hero-block div, .page-template-interiorsportfolio .wrapper .main-content .template-content .row .hero-block div, .page-template-contact .wrapper .main-content .template-content .row .hero-block div, .page-template-collectionsgallery .wrapper .main-content .template-content .row .hero-block div { width: 90%; } .wrapper .main-content .template-content .row .hero-block div.cta, .page-template-interiorsportfolio .wrapper .main-content .template-content .row .hero-block div.cta, .page-template-contact .wrapper .main-content .template-content .row .hero-block div.cta, .page-template-collectionsgallery .wrapper .main-content .template-content .row .hero-block div.cta { width: calc(100% - 60px); left: 30px; padding: 20px 30px 20px; } .wrapper .main-content .template-content .row .hero-block div.cta h2, .page-template-interiorsportfolio .wrapper .main-content .template-content .row .hero-block div.cta h2, .page-template-contact .wrapper .main-content .template-content .row .hero-block div.cta h2, .page-template-collectionsgallery .wrapper .main-content .template-content .row .hero-block div.cta h2 { font-size: 20pt; } .wrapper .main-content .template-content .row .hero-block.dual-hero, .page-template-interiorsportfolio .wrapper .main-content .template-content .row .hero-block.dual-hero, .page-template-contact .wrapper .main-content .template-content .row .hero-block.dual-hero, .page-template-collectionsgallery .wrapper .main-content .template-content .row .hero-block.dual-hero { height: 350px; padding: 0 20px; } .wrapper .main-content .template-content .row .gallery-switch-block, .page-template-interiorsportfolio .wrapper .main-content .template-content .row .gallery-switch-block, .page-template-contact .wrapper .main-content .template-content .row .gallery-switch-block, .page-template-collectionsgallery .wrapper .main-content .template-content .row .gallery-switch-block { margin: 0 20px; } .wrapper .main-content .template-content .row .gallery-switch-block div, .page-template-interiorsportfolio .wrapper .main-content .template-content .row .gallery-switch-block div, .page-template-contact .wrapper .main-content .template-content .row .gallery-switch-block div, .page-template-collectionsgallery .wrapper .main-content .template-content .row .gallery-switch-block div { width: 80%; max-width: none; } .wrapper .main-content .template-content .row .notable-press-block .image, .page-template-interiorsportfolio .wrapper .main-content .template-content .row .notable-press-block .image, .page-template-contact .wrapper .main-content .template-content .row .notable-press-block .image, .page-template-collectionsgallery .wrapper .main-content .template-content .row .notable-press-block .image { max-width: 47%; } .wrapper .main-content .template-content .row .press-quote-block, .page-template-interiorsportfolio .wrapper .main-content .template-content .row .press-quote-block, .page-template-contact .wrapper .main-content .template-content .row .press-quote-block, .page-template-collectionsgallery .wrapper .main-content .template-content .row .press-quote-block { padding: 10px 20px; } .wrapper .main-content .template-content .row .press-quote-block .image, .page-template-interiorsportfolio .wrapper .main-content .template-content .row .press-quote-block .image, .page-template-contact .wrapper .main-content .template-content .row .press-quote-block .image, .page-template-collectionsgallery .wrapper .main-content .template-content .row .press-quote-block .image { width: 100%; height: 300px; } .wrapper .main-content .template-content .row .press-quote-block .text, .page-template-interiorsportfolio .wrapper .main-content .template-content .row .press-quote-block .text, .page-template-contact .wrapper .main-content .template-content .row .press-quote-block .text, .page-template-collectionsgallery .wrapper .main-content .template-content .row .press-quote-block .text { padding: 15px 20px; width: 100%; position: relative; top: auto; right: auto; -webkit-transform: none; -ms-transform: none; transform: none; } .wrapper .main-content .template-content .row .press-quote-block:nth-of-type(2n) .text, .page-template-interiorsportfolio .wrapper .main-content .template-content .row .press-quote-block:nth-of-type(2n) .text, .page-template-contact .wrapper .main-content .template-content .row .press-quote-block:nth-of-type(2n) .text, .page-template-collectionsgallery .wrapper .main-content .template-content .row .press-quote-block:nth-of-type(2n) .text { right: auto; left: auto; } .wrapper .main-content .template-content .row .about-content-block, .page-template-interiorsportfolio .wrapper .main-content .template-content .row .about-content-block, .page-template-contact .wrapper .main-content .template-content .row .about-content-block, .page-template-collectionsgallery .wrapper .main-content .template-content .row .about-content-block { padding: 0px 20px; } .wrapper .main-content .template-content .row .about-content-block .image, .page-template-interiorsportfolio .wrapper .main-content .template-content .row .about-content-block .image, .page-template-contact .wrapper .main-content .template-content .row .about-content-block .image, .page-template-collectionsgallery .wrapper .main-content .template-content .row .about-content-block .image { width: 100%; height: 400px; } .wrapper .main-content .template-content .row .about-content-block .text, .page-template-interiorsportfolio .wrapper .main-content .template-content .row .about-content-block .text, .page-template-contact .wrapper .main-content .template-content .row .about-content-block .text, .page-template-collectionsgallery .wrapper .main-content .template-content .row .about-content-block .text { position: relative; top: auto; left: auto; right: auto; bottom: auto; -webkit-transform: none; -ms-transform: none; transform: none; width: 100%; padding: 20px 30px; } .wrapper .main-content .template-content .row .about-content-block .text h2, .page-template-interiorsportfolio .wrapper .main-content .template-content .row .about-content-block .text h2, .page-template-contact .wrapper .main-content .template-content .row .about-content-block .text h2, .page-template-collectionsgallery .wrapper .main-content .template-content .row .about-content-block .text h2 { font-size: 25pt; } .wrapper .main-content .template-content .row .about-content-block .text p, .page-template-interiorsportfolio .wrapper .main-content .template-content .row .about-content-block .text p, .page-template-contact .wrapper .main-content .template-content .row .about-content-block .text p, .page-template-collectionsgallery .wrapper .main-content .template-content .row .about-content-block .text p { font-size: 14pt; } .wrapper .main-content .template-content .row .about-columns-block, .page-template-interiorsportfolio .wrapper .main-content .template-content .row .about-columns-block, .page-template-contact .wrapper .main-content .template-content .row .about-columns-block, .page-template-collectionsgallery .wrapper .main-content .template-content .row .about-columns-block { padding: 60px 50px 0; } .wrapper .main-content .template-content .row .about-columns-block p, .page-template-interiorsportfolio .wrapper .main-content .template-content .row .about-columns-block p, .page-template-contact .wrapper .main-content .template-content .row .about-columns-block p, .page-template-collectionsgallery .wrapper .main-content .template-content .row .about-columns-block p { -webkit-column-gap: 50px; -moz-column-gap: 50px; column-gap: 50px; } .wrapper .main-content .template-content .row .carousel-block .vh-carousel, .page-template-interiorsportfolio .wrapper .main-content .template-content .row .carousel-block .vh-carousel, .page-template-contact .wrapper .main-content .template-content .row .carousel-block .vh-carousel, .page-template-collectionsgallery .wrapper .main-content .template-content .row .carousel-block .vh-carousel { height: 450px; } .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item, .page-template-interiorsportfolio .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item, .page-template-contact .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item, .page-template-collectionsgallery .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item { height: 450px; } .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item .vh-carousel-item-caption, .page-template-interiorsportfolio .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item .vh-carousel-item-caption, .page-template-contact .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item .vh-carousel-item-caption, .page-template-collectionsgallery .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item .vh-carousel-item-caption { max-width: 90%; left: 5%; } .wrapper .main-content .template-content .row .video-block, .page-template-interiorsportfolio .wrapper .main-content .template-content .row .video-block, .page-template-contact .wrapper .main-content .template-content .row .video-block, .page-template-collectionsgallery .wrapper .main-content .template-content .row .video-block { padding: 0px 20px; } .wrapper .main-content .template-content .row .video-block .vh-overlay img, .page-template-interiorsportfolio .wrapper .main-content .template-content .row .video-block .vh-overlay img, .page-template-contact .wrapper .main-content .template-content .row .video-block .vh-overlay img, .page-template-collectionsgallery .wrapper .main-content .template-content .row .video-block .vh-overlay img { width: 100%; } .wrapper .main-content .template-content .row .video-block .vh-overlay .vh-overlay-expand, .page-template-interiorsportfolio .wrapper .main-content .template-content .row .video-block .vh-overlay .vh-overlay-expand, .page-template-contact .wrapper .main-content .template-content .row .video-block .vh-overlay .vh-overlay-expand, .page-template-collectionsgallery .wrapper .main-content .template-content .row .video-block .vh-overlay .vh-overlay-expand { bottom: -10px; right: 0px; padding: 0px; color: inherit; position: relative; } .wrapper .main-content .template-content .row .book-block .text, .page-template-interiorsportfolio .wrapper .main-content .template-content .row .book-block .text, .page-template-contact .wrapper .main-content .template-content .row .book-block .text, .page-template-collectionsgallery .wrapper .main-content .template-content .row .book-block .text { text-align: center; } .wrapper .main-content .template-content .row .book-block .text .book-cover, .page-template-interiorsportfolio .wrapper .main-content .template-content .row .book-block .text .book-cover, .page-template-contact .wrapper .main-content .template-content .row .book-block .text .book-cover, .page-template-collectionsgallery .wrapper .main-content .template-content .row .book-block .text .book-cover { float: none; display: inline-block; margin: 0 0 20px; } .wrapper .main-content .template-content .row .book-block .text hr, .page-template-interiorsportfolio .wrapper .main-content .template-content .row .book-block .text hr, .page-template-contact .wrapper .main-content .template-content .row .book-block .text hr, .page-template-collectionsgallery .wrapper .main-content .template-content .row .book-block .text hr { width: 100%; } .wrapper .main-content .template-content .row .browse-cat-block, .page-template-interiorsportfolio .wrapper .main-content .template-content .row .browse-cat-block, .page-template-contact .wrapper .main-content .template-content .row .browse-cat-block, .page-template-collectionsgallery .wrapper .main-content .template-content .row .browse-cat-block { padding: 0 20px; } .wrapper .main-content .template-content .row .browse-cat-block .quad-cat, .page-template-interiorsportfolio .wrapper .main-content .template-content .row .browse-cat-block .quad-cat, .page-template-contact .wrapper .main-content .template-content .row .browse-cat-block .quad-cat, .page-template-collectionsgallery .wrapper .main-content .template-content .row .browse-cat-block .quad-cat { width: 100%; margin: 5px 0px; height: auto; position: relative; } .wrapper .main-content .template-content .row .browse-cat-block .quad-cat p, .page-template-interiorsportfolio .wrapper .main-content .template-content .row .browse-cat-block .quad-cat p, .page-template-contact .wrapper .main-content .template-content .row .browse-cat-block .quad-cat p, .page-template-collectionsgallery .wrapper .main-content .template-content .row .browse-cat-block .quad-cat p { padding: 10px 0; -webkit-transform: none; -ms-transform: none; transform: none; position: relative; top: auto; left: auto; } .wrapper .main-content .template-content .row .life-spotlight-block, .page-template-interiorsportfolio .wrapper .main-content .template-content .row .life-spotlight-block, .page-template-contact .wrapper .main-content .template-content .row .life-spotlight-block, .page-template-collectionsgallery .wrapper .main-content .template-content .row .life-spotlight-block { padding: 0 20px; } .wrapper .main-content .template-content .row .life-spotlight-block .column-left, .page-template-interiorsportfolio .wrapper .main-content .template-content .row .life-spotlight-block .column-left, .page-template-contact .wrapper .main-content .template-content .row .life-spotlight-block .column-left, .page-template-collectionsgallery .wrapper .main-content .template-content .row .life-spotlight-block .column-left { width: calc(100% - 175px); height: 340px; } .wrapper .main-content .template-content .row .life-spotlight-block .column-right, .page-template-interiorsportfolio .wrapper .main-content .template-content .row .life-spotlight-block .column-right, .page-template-contact .wrapper .main-content .template-content .row .life-spotlight-block .column-right, .page-template-collectionsgallery .wrapper .main-content .template-content .row .life-spotlight-block .column-right { width: 165px; height: 340px; } .wrapper .main-content .template-content .row .life-spotlight-block .text, .page-template-interiorsportfolio .wrapper .main-content .template-content .row .life-spotlight-block .text, .page-template-contact .wrapper .main-content .template-content .row .life-spotlight-block .text, .page-template-collectionsgallery .wrapper .main-content .template-content .row .life-spotlight-block .text { position: relative; top: auto; width: 100%; max-width: none; -webkit-transform: none; -ms-transform: none; transform: none; } .wrapper .main-content .template-content .row .email-block, .page-template-interiorsportfolio .wrapper .main-content .template-content .row .email-block, .page-template-contact .wrapper .main-content .template-content .row .email-block, .page-template-collectionsgallery .wrapper .main-content .template-content .row .email-block { margin: 0 20px; } .wrapper .main-content .template-content .row .category-block, .page-template-interiorsportfolio .wrapper .main-content .template-content .row .category-block, .page-template-contact .wrapper .main-content .template-content .row .category-block, .page-template-collectionsgallery .wrapper .main-content .template-content .row .category-block { padding: 0 20px; } .wrapper .main-content .template-content .row .category-block .category-list .category-item, .page-template-interiorsportfolio .wrapper .main-content .template-content .row .category-block .category-list .category-item, .page-template-contact .wrapper .main-content .template-content .row .category-block .category-list .category-item, .page-template-collectionsgallery .wrapper .main-content .template-content .row .category-block .category-list .category-item { width: 50%; } .wrapper .main-content .template-content .row .category-block .category-list .category-item p, .page-template-interiorsportfolio .wrapper .main-content .template-content .row .category-block .category-list .category-item p, .page-template-contact .wrapper .main-content .template-content .row .category-block .category-list .category-item p, .page-template-collectionsgallery .wrapper .main-content .template-content .row .category-block .category-list .category-item p { font-size: 11pt; } .wrapper .main-content .template-content .row .custom-block, .page-template-interiorsportfolio .wrapper .main-content .template-content .row .custom-block, .page-template-contact .wrapper .main-content .template-content .row .custom-block, .page-template-collectionsgallery .wrapper .main-content .template-content .row .custom-block { margin: 0 20px; } .wrapper .main-content .template-content .row .custom-block h2, .page-template-interiorsportfolio .wrapper .main-content .template-content .row .custom-block h2, .page-template-contact .wrapper .main-content .template-content .row .custom-block h2, .page-template-collectionsgallery .wrapper .main-content .template-content .row .custom-block h2 { font-size: 25pt; } .wrapper .main-content .template-content .row .custom-block p, .page-template-interiorsportfolio .wrapper .main-content .template-content .row .custom-block p, .page-template-contact .wrapper .main-content .template-content .row .custom-block p, .page-template-collectionsgallery .wrapper .main-content .template-content .row .custom-block p { width: 100%; margin: 10px 0; } .wrapper .main-content .template-content .row .product-container .main-product .images, .page-template-interiorsportfolio .wrapper .main-content .template-content .row .product-container .main-product .images, .page-template-contact .wrapper .main-content .template-content .row .product-container .main-product .images, .page-template-collectionsgallery .wrapper .main-content .template-content .row .product-container .main-product .images { width: 100%; } .wrapper .main-content .template-content .row .product-container .main-product .sideDetails, .page-template-interiorsportfolio .wrapper .main-content .template-content .row .product-container .main-product .sideDetails, .page-template-contact .wrapper .main-content .template-content .row .product-container .main-product .sideDetails, .page-template-collectionsgallery .wrapper .main-content .template-content .row .product-container .main-product .sideDetails { top: 0px !important; position: relative !important; right: 0px !important; width: 100%; padding: 0 0 20px; } .wrapper .main-content .template-content .row .product-container .main-product .sideDetails.stick, .page-template-interiorsportfolio .wrapper .main-content .template-content .row .product-container .main-product .sideDetails.stick, .page-template-contact .wrapper .main-content .template-content .row .product-container .main-product .sideDetails.stick, .page-template-collectionsgallery .wrapper .main-content .template-content .row .product-container .main-product .sideDetails.stick { top: 0px !important; } .wrapper .main-content .template-content .row .catalogue-block, .page-template-interiorsportfolio .wrapper .main-content .template-content .row .catalogue-block, .page-template-contact .wrapper .main-content .template-content .row .catalogue-block, .page-template-collectionsgallery .wrapper .main-content .template-content .row .catalogue-block { margin: 0 20px; } .wrapper .main-content .template-content .row .vhpost-list-block, .page-template-interiorsportfolio .wrapper .main-content .template-content .row .vhpost-list-block, .page-template-contact .wrapper .main-content .template-content .row .vhpost-list-block, .page-template-collectionsgallery .wrapper .main-content .template-content .row .vhpost-list-block { padding: 0 20px; } .wrapper .main-content .template-content .row .vhpost-list-block .vhpost-list .vhpost-list-item, .page-template-interiorsportfolio .wrapper .main-content .template-content .row .vhpost-list-block .vhpost-list .vhpost-list-item, .page-template-contact .wrapper .main-content .template-content .row .vhpost-list-block .vhpost-list .vhpost-list-item, .page-template-collectionsgallery .wrapper .main-content .template-content .row .vhpost-list-block .vhpost-list .vhpost-list-item { width: 50%; padding: 0 5px; } .wrapper .main-content .template-content .row .vhpost-list-block .vhpost-list .vhpost-list-item p, .page-template-interiorsportfolio .wrapper .main-content .template-content .row .vhpost-list-block .vhpost-list .vhpost-list-item p, .page-template-contact .wrapper .main-content .template-content .row .vhpost-list-block .vhpost-list .vhpost-list-item p, .page-template-collectionsgallery .wrapper .main-content .template-content .row .vhpost-list-block .vhpost-list .vhpost-list-item p { font-size: 10pt; } .wrapper .main-content .template-content .row .portfolio-list-block .portfolio-item, .page-template-interiorsportfolio .wrapper .main-content .template-content .row .portfolio-list-block .portfolio-item, .page-template-contact .wrapper .main-content .template-content .row .portfolio-list-block .portfolio-item, .page-template-collectionsgallery .wrapper .main-content .template-content .row .portfolio-list-block .portfolio-item { padding: 0px 5px; width: 50%; } .wrapper .main-content .template-content .row .portfolio-list-block .portfolio-item h2, .page-template-interiorsportfolio .wrapper .main-content .template-content .row .portfolio-list-block .portfolio-item h2, .page-template-contact .wrapper .main-content .template-content .row .portfolio-list-block .portfolio-item h2, .page-template-collectionsgallery .wrapper .main-content .template-content .row .portfolio-list-block .portfolio-item h2 { padding: 0 20px; font-size: 25pt; } .wrapper .main-content .template-content .row .portfolio-list-block .portfolio-item a h4, .page-template-interiorsportfolio .wrapper .main-content .template-content .row .portfolio-list-block .portfolio-item a h4, .page-template-contact .wrapper .main-content .template-content .row .portfolio-list-block .portfolio-item a h4, .page-template-collectionsgallery .wrapper .main-content .template-content .row .portfolio-list-block .portfolio-item a h4 { padding: 0 20px; } .wrapper .main-content .template-content .row .map-block, .page-template-interiorsportfolio .wrapper .main-content .template-content .row .map-block, .page-template-contact .wrapper .main-content .template-content .row .map-block, .page-template-collectionsgallery .wrapper .main-content .template-content .row .map-block { height: 350px; } .wrapper .main-content .template-content .row .location-block .location-search, .page-template-interiorsportfolio .wrapper .main-content .template-content .row .location-block .location-search, .page-template-contact .wrapper .main-content .template-content .row .location-block .location-search, .page-template-collectionsgallery .wrapper .main-content .template-content .row .location-block .location-search { margin: 20px 0; } .wrapper .main-content .template-content .row .location-block .location-item, .page-template-interiorsportfolio .wrapper .main-content .template-content .row .location-block .location-item, .page-template-contact .wrapper .main-content .template-content .row .location-block .location-item, .page-template-collectionsgallery .wrapper .main-content .template-content .row .location-block .location-item { width: 50%; } .wrapper .main-content .template-content .row .portfolio-spotlight-block, .page-template-interiorsportfolio .wrapper .main-content .template-content .row .portfolio-spotlight-block, .page-template-contact .wrapper .main-content .template-content .row .portfolio-spotlight-block, .page-template-collectionsgallery .wrapper .main-content .template-content .row .portfolio-spotlight-block { height: 450px; padding: 0 20px; } .wrapper .main-content .template-content .row .portfolio-spotlight-block .image, .page-template-interiorsportfolio .wrapper .main-content .template-content .row .portfolio-spotlight-block .image, .page-template-contact .wrapper .main-content .template-content .row .portfolio-spotlight-block .image, .page-template-collectionsgallery .wrapper .main-content .template-content .row .portfolio-spotlight-block .image { width: 32%; } .wrapper .main-content .template-content .row .portfolio-spotlight-block .text, .page-template-interiorsportfolio .wrapper .main-content .template-content .row .portfolio-spotlight-block .text, .page-template-contact .wrapper .main-content .template-content .row .portfolio-spotlight-block .text, .page-template-collectionsgallery .wrapper .main-content .template-content .row .portfolio-spotlight-block .text { width: 100%; } .wrapper .main-content .template-content .row .portfolio-spotlight-block .text .holder .item, .page-template-interiorsportfolio .wrapper .main-content .template-content .row .portfolio-spotlight-block .text .holder .item, .page-template-contact .wrapper .main-content .template-content .row .portfolio-spotlight-block .text .holder .item, .page-template-collectionsgallery .wrapper .main-content .template-content .row .portfolio-spotlight-block .text .holder .item { width: 100%; } .wrapper .main-content .template-content .row .portfolio-spotlight-block .text .holder .item .image, .page-template-interiorsportfolio .wrapper .main-content .template-content .row .portfolio-spotlight-block .text .holder .item .image, .page-template-contact .wrapper .main-content .template-content .row .portfolio-spotlight-block .text .holder .item .image, .page-template-collectionsgallery .wrapper .main-content .template-content .row .portfolio-spotlight-block .text .holder .item .image { height: 150px; } .wrapper .main-content .template-content .first-row, .page-template-interiorsportfolio .wrapper .main-content .template-content .first-row, .page-template-contact .wrapper .main-content .template-content .first-row, .page-template-collectionsgallery .wrapper .main-content .template-content .first-row { margin-top: 0vh; padding-top: 0px; } .wrapper .main-content footer .footer-holder, .page-template-interiorsportfolio .wrapper .main-content footer .footer-holder, .page-template-contact .wrapper .main-content footer .footer-holder, .page-template-collectionsgallery .wrapper .main-content footer .footer-holder { text-align: center; padding: 80px 20px; } .wrapper .main-content footer .footer-holder .logo, .page-template-interiorsportfolio .wrapper .main-content footer .footer-holder .logo, .page-template-contact .wrapper .main-content footer .footer-holder .logo, .page-template-collectionsgallery .wrapper .main-content footer .footer-holder .logo { float: none; } .wrapper .main-content footer .footer-holder .menu-interiors-footer-menu-container, .page-template-interiorsportfolio .wrapper .main-content footer .footer-holder .menu-interiors-footer-menu-container, .page-template-contact .wrapper .main-content footer .footer-holder .menu-interiors-footer-menu-container, .page-template-collectionsgallery .wrapper .main-content footer .footer-holder .menu-interiors-footer-menu-container { width: 100%; } .wrapper .main-content footer .footer-holder .menu-interiors-footer-menu-container ul, .page-template-interiorsportfolio .wrapper .main-content footer .footer-holder .menu-interiors-footer-menu-container ul, .page-template-contact .wrapper .main-content footer .footer-holder .menu-interiors-footer-menu-container ul, .page-template-collectionsgallery .wrapper .main-content footer .footer-holder .menu-interiors-footer-menu-container ul { margin: 20px 0 0; } .wrapper .main-content footer .footer-holder .menu-interiors-footer-menu-container ul li, .page-template-interiorsportfolio .wrapper .main-content footer .footer-holder .menu-interiors-footer-menu-container ul li, .page-template-contact .wrapper .main-content footer .footer-holder .menu-interiors-footer-menu-container ul li, .page-template-collectionsgallery .wrapper .main-content footer .footer-holder .menu-interiors-footer-menu-container ul li { width: 100%; margin: 0; } .wrapper .main-content footer .footer-holder .menu-interiors-footer-menu-container ul li a, .page-template-interiorsportfolio .wrapper .main-content footer .footer-holder .menu-interiors-footer-menu-container ul li a, .page-template-contact .wrapper .main-content footer .footer-holder .menu-interiors-footer-menu-container ul li a, .page-template-collectionsgallery .wrapper .main-content footer .footer-holder .menu-interiors-footer-menu-container ul li a { width: 100%; margin: 0; display: block; } .wrapper .main-content footer .footer-holder .menu-collections-footer-menu-container, .page-template-interiorsportfolio .wrapper .main-content footer .footer-holder .menu-collections-footer-menu-container, .page-template-contact .wrapper .main-content footer .footer-holder .menu-collections-footer-menu-container, .page-template-collectionsgallery .wrapper .main-content footer .footer-holder .menu-collections-footer-menu-container { width: 100%; } .wrapper .main-content footer .footer-holder .menu-collections-footer-menu-container ul, .page-template-interiorsportfolio .wrapper .main-content footer .footer-holder .menu-collections-footer-menu-container ul, .page-template-contact .wrapper .main-content footer .footer-holder .menu-collections-footer-menu-container ul, .page-template-collectionsgallery .wrapper .main-content footer .footer-holder .menu-collections-footer-menu-container ul { margin: 20px 0 0; } .wrapper .main-content footer .footer-holder .menu-collections-footer-menu-container ul li, .page-template-interiorsportfolio .wrapper .main-content footer .footer-holder .menu-collections-footer-menu-container ul li, .page-template-contact .wrapper .main-content footer .footer-holder .menu-collections-footer-menu-container ul li, .page-template-collectionsgallery .wrapper .main-content footer .footer-holder .menu-collections-footer-menu-container ul li { width: 100%; margin: 0; } .wrapper .main-content footer .footer-holder .menu-collections-footer-menu-container ul li a, .page-template-interiorsportfolio .wrapper .main-content footer .footer-holder .menu-collections-footer-menu-container ul li a, .page-template-contact .wrapper .main-content footer .footer-holder .menu-collections-footer-menu-container ul li a, .page-template-collectionsgallery .wrapper .main-content footer .footer-holder .menu-collections-footer-menu-container ul li a { width: 100%; text-align: center; margin: 10px 0; display: block; } .wrapper .main-content footer .footer-holder .menu-collections-footer-menu-container ul li ul, .page-template-interiorsportfolio .wrapper .main-content footer .footer-holder .menu-collections-footer-menu-container ul li ul, .page-template-contact .wrapper .main-content footer .footer-holder .menu-collections-footer-menu-container ul li ul, .page-template-collectionsgallery .wrapper .main-content footer .footer-holder .menu-collections-footer-menu-container ul li ul { margin: 0; } .parent-pageid-13 .wrapper .main-content header .header-holder, .single-products .wrapper .main-content header .header-holder, .single-vh_life .wrapper .main-content header .header-holder { padding: 0px; } .parent-pageid-13 .wrapper .main-content header .header-holder .top-header ul.socials, .single-products .wrapper .main-content header .header-holder .top-header ul.socials, .single-vh_life .wrapper .main-content header .header-holder .top-header ul.socials { position: relative; -webkit-transform: none; -ms-transform: none; transform: none; margin: 10px; } .parent-pageid-13 .wrapper .main-content header .header-holder .top-header .site-switch, .single-products .wrapper .main-content header .header-holder .top-header .site-switch, .single-vh_life .wrapper .main-content header .header-holder .top-header .site-switch { margin: 10px; position: relative; -webkit-transform: none; -ms-transform: none; transform: none; } .parent-pageid-13 .wrapper .main-content .template-content, .single-products .wrapper .main-content .template-content, .single-vh_life .wrapper .main-content .template-content { background: white; margin-top: 0px; } .parent-pageid-13 .wrapper .main-content .template-content .row .hero-block div.cta, .single-products .wrapper .main-content .template-content .row .hero-block div.cta, .single-vh_life .wrapper .main-content .template-content .row .hero-block div.cta { width: calc(100% - 60px); left: 30px; padding: 20px 30px 20px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .parent-pageid-13 .wrapper .main-content .template-content .row .hero-block div.cta h2, .single-products .wrapper .main-content .template-content .row .hero-block div.cta h2, .single-vh_life .wrapper .main-content .template-content .row .hero-block div.cta h2 { font-size: 20pt; margin: 0; } .parent-pageid-13 .wrapper .main-content footer, .single-products .wrapper .main-content footer, .single-vh_life .wrapper .main-content footer { background: #313C42; } .parent-pageid-13 .wrapper .main-content footer .footer-holder, .single-products .wrapper .main-content footer .footer-holder, .single-vh_life .wrapper .main-content footer .footer-holder { padding: 80px 60px 60px; } .parent-pageid-13 .wrapper .main-content footer .site-switch, .single-products .wrapper .main-content footer .site-switch, .single-vh_life .wrapper .main-content footer .site-switch { background: #f1f1f1; width: 100%; max-width: 1200px; margin: 0 auto; } .parent-pageid-20.page-template-interiorshomepage .wrapper .main-content .template-content .row .carousel-block .vh-carousel { height: 600px; } .parent-pageid-20.page-template-interiorshomepage .wrapper .main-content .template-content .row .carousel-block .vh-carousel .vh-carousel-btn { left: 320px; } .parent-pageid-20.page-template-interiorshomepage .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item { height: 450px; } .parent-pageid-20.page-template-interiorshomepage .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item .vh-carousel-item-caption { width: 100%; padding: 0 0 0 80px; bottom: -150px; left: 0px; } .parent-pageid-20.page-template-interiorshomepage .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item .vh-carousel-item-caption .text .numbers hr { margin: 0; } .parent-pageid-20.page-template-interiorsportfolio .wrapper .main-content .template-content .row .carousel-block .vh-carousel { height: 500px; } .parent-pageid-20.page-template-interiorsportfolio .wrapper .main-content .template-content .row .carousel-block .vh-carousel .vh-carousel-btn { left: calc(5% + 110px); } .parent-pageid-20.page-template-interiorsportfolio .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item { height: 500px; } .parent-pageid-20.page-template-interiorsportfolio .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item .vh-carousel-item-caption .text .numbers hr { margin: 0; } .page-template-interiorsportfolio .wrapper .main-content .vh-overlay-overlay .vh-overlay-item { max-height: 750px; } .page-template-interiorsportfolio .wrapper .main-content .vh-overlay-overlay .vh-overlay-item .portfolio-overlay .left-content { height: auto; width: 100%; float: none; } .page-template-interiorsportfolio .wrapper .main-content .vh-overlay-overlay .vh-overlay-item .portfolio-overlay .left-content h2 { margin: 10px auto; } .page-template-interiorsportfolio .wrapper .main-content .vh-overlay-overlay .vh-overlay-item .portfolio-overlay .right-content { height: calc(100% - 195px); width: 100%; float: none; } } @media screen and (max-width: 500px) { .wrapper .main-content .hero-video ul.frame-markers, .parent-pageid-20.page-template-interiorsportfolio .wrapper .main-content .hero-video ul.frame-markers, .page-template-contact .wrapper .main-content .hero-video ul.frame-markers, .page-template-collectionsgallery .wrapper .main-content .hero-video ul.frame-markers, .parent-pageid-13 .wrapper .main-content .hero-video ul.frame-markers, .single-products .wrapper .main-content .hero-video ul.frame-markers, .single-vh_life .wrapper .main-content .hero-video ul.frame-markers, .single-vh_life .wrapper .main-content .hero-video ul.frame-markers { top: 10%; } .wrapper .main-content .hero-video .frames .frame, .parent-pageid-20.page-template-interiorsportfolio .wrapper .main-content .hero-video .frames .frame, .page-template-contact .wrapper .main-content .hero-video .frames .frame, .page-template-collectionsgallery .wrapper .main-content .hero-video .frames .frame, .parent-pageid-13 .wrapper .main-content .hero-video .frames .frame, .single-products .wrapper .main-content .hero-video .frames .frame, .single-vh_life .wrapper .main-content .hero-video .frames .frame, .single-vh_life .wrapper .main-content .hero-video .frames .frame { width: 100%; padding: 60px 20px; } .wrapper .main-content .hero-video .frames .frame h1, .wrapper .main-content .hero-video .frames .frame h2, .parent-pageid-20.page-template-interiorsportfolio .wrapper .main-content .hero-video .frames .frame h1, .parent-pageid-20.page-template-interiorsportfolio .wrapper .main-content .hero-video .frames .frame h2, .page-template-contact .wrapper .main-content .hero-video .frames .frame h1, .page-template-contact .wrapper .main-content .hero-video .frames .frame h2, .page-template-collectionsgallery .wrapper .main-content .hero-video .frames .frame h1, .page-template-collectionsgallery .wrapper .main-content .hero-video .frames .frame h2, .parent-pageid-13 .wrapper .main-content .hero-video .frames .frame h1, .parent-pageid-13 .wrapper .main-content .hero-video .frames .frame h2, .single-products .wrapper .main-content .hero-video .frames .frame h1, .single-products .wrapper .main-content .hero-video .frames .frame h2, .single-vh_life .wrapper .main-content .hero-video .frames .frame h1, .single-vh_life .wrapper .main-content .hero-video .frames .frame h2, .single-vh_life .wrapper .main-content .hero-video .frames .frame h1, .single-vh_life .wrapper .main-content .hero-video .frames .frame h2 { font-size: 3vh; } .wrapper .main-content .hero-video .frames .frame.frame-1 h1 p:last-of-type, .parent-pageid-20.page-template-interiorsportfolio .wrapper .main-content .hero-video .frames .frame.frame-1 h1 p:last-of-type, .page-template-contact .wrapper .main-content .hero-video .frames .frame.frame-1 h1 p:last-of-type, .page-template-collectionsgallery .wrapper .main-content .hero-video .frames .frame.frame-1 h1 p:last-of-type, .parent-pageid-13 .wrapper .main-content .hero-video .frames .frame.frame-1 h1 p:last-of-type, .single-products .wrapper .main-content .hero-video .frames .frame.frame-1 h1 p:last-of-type, .single-vh_life .wrapper .main-content .hero-video .frames .frame.frame-1 h1 p:last-of-type, .single-vh_life .wrapper .main-content .hero-video .frames .frame.frame-1 h1 p:last-of-type { font-size: 5vh; } .wrapper .main-content .hero-video .frames .frame.frame-3 h2, .parent-pageid-20.page-template-interiorsportfolio .wrapper .main-content .hero-video .frames .frame.frame-3 h2, .page-template-contact .wrapper .main-content .hero-video .frames .frame.frame-3 h2, .page-template-collectionsgallery .wrapper .main-content .hero-video .frames .frame.frame-3 h2, .parent-pageid-13 .wrapper .main-content .hero-video .frames .frame.frame-3 h2, .single-products .wrapper .main-content .hero-video .frames .frame.frame-3 h2, .single-vh_life .wrapper .main-content .hero-video .frames .frame.frame-3 h2, .single-vh_life .wrapper .main-content .hero-video .frames .frame.frame-3 h2 { font-size: 2.5vh; } .wrapper .main-content .template-content .row .about-block .image, .parent-pageid-20.page-template-interiorsportfolio .wrapper .main-content .template-content .row .about-block .image, .page-template-contact .wrapper .main-content .template-content .row .about-block .image, .page-template-collectionsgallery .wrapper .main-content .template-content .row .about-block .image, .parent-pageid-13 .wrapper .main-content .template-content .row .about-block .image, .single-products .wrapper .main-content .template-content .row .about-block .image, .single-vh_life .wrapper .main-content .template-content .row .about-block .image, .single-vh_life .wrapper .main-content .template-content .row .about-block .image { height: 300px; } .wrapper .main-content .template-content .row .hero-block div h2, .parent-pageid-20.page-template-interiorsportfolio .wrapper .main-content .template-content .row .hero-block div h2, .page-template-contact .wrapper .main-content .template-content .row .hero-block div h2, .page-template-collectionsgallery .wrapper .main-content .template-content .row .hero-block div h2, .parent-pageid-13 .wrapper .main-content .template-content .row .hero-block div h2, .single-products .wrapper .main-content .template-content .row .hero-block div h2, .single-vh_life .wrapper .main-content .template-content .row .hero-block div h2, .single-vh_life .wrapper .main-content .template-content .row .hero-block div h2 { font-size: 15pt; } .wrapper .main-content .template-content .row .hero-block div.cta h2, .parent-pageid-20.page-template-interiorsportfolio .wrapper .main-content .template-content .row .hero-block div.cta h2, .page-template-contact .wrapper .main-content .template-content .row .hero-block div.cta h2, .page-template-collectionsgallery .wrapper .main-content .template-content .row .hero-block div.cta h2, .parent-pageid-13 .wrapper .main-content .template-content .row .hero-block div.cta h2, .single-products .wrapper .main-content .template-content .row .hero-block div.cta h2, .single-vh_life .wrapper .main-content .template-content .row .hero-block div.cta h2, .single-vh_life .wrapper .main-content .template-content .row .hero-block div.cta h2 { font-size: 15pt; } .wrapper .main-content .template-content .row .hero-block.dual-hero div.image, .parent-pageid-20.page-template-interiorsportfolio .wrapper .main-content .template-content .row .hero-block.dual-hero div.image, .page-template-contact .wrapper .main-content .template-content .row .hero-block.dual-hero div.image, .page-template-collectionsgallery .wrapper .main-content .template-content .row .hero-block.dual-hero div.image, .parent-pageid-13 .wrapper .main-content .template-content .row .hero-block.dual-hero div.image, .single-products .wrapper .main-content .template-content .row .hero-block.dual-hero div.image, .single-vh_life .wrapper .main-content .template-content .row .hero-block.dual-hero div.image, .single-vh_life .wrapper .main-content .template-content .row .hero-block.dual-hero div.image { width: 100%; height: 50%; margin: 0; } .wrapper .main-content .template-content .row .hero-block.dual-hero div.image:nth-of-type(2n), .parent-pageid-20.page-template-interiorsportfolio .wrapper .main-content .template-content .row .hero-block.dual-hero div.image:nth-of-type(2n), .page-template-contact .wrapper .main-content .template-content .row .hero-block.dual-hero div.image:nth-of-type(2n), .page-template-collectionsgallery .wrapper .main-content .template-content .row .hero-block.dual-hero div.image:nth-of-type(2n), .parent-pageid-13 .wrapper .main-content .template-content .row .hero-block.dual-hero div.image:nth-of-type(2n), .single-products .wrapper .main-content .template-content .row .hero-block.dual-hero div.image:nth-of-type(2n), .single-vh_life .wrapper .main-content .template-content .row .hero-block.dual-hero div.image:nth-of-type(2n), .single-vh_life .wrapper .main-content .template-content .row .hero-block.dual-hero div.image:nth-of-type(2n) { margin: 0; } .wrapper .main-content .template-content .row .gallery-switch-block div, .parent-pageid-20.page-template-interiorsportfolio .wrapper .main-content .template-content .row .gallery-switch-block div, .page-template-contact .wrapper .main-content .template-content .row .gallery-switch-block div, .page-template-collectionsgallery .wrapper .main-content .template-content .row .gallery-switch-block div, .parent-pageid-13 .wrapper .main-content .template-content .row .gallery-switch-block div, .single-products .wrapper .main-content .template-content .row .gallery-switch-block div, .single-vh_life .wrapper .main-content .template-content .row .gallery-switch-block div, .single-vh_life .wrapper .main-content .template-content .row .gallery-switch-block div { padding: 20px; } .wrapper .main-content .template-content .row .notable-press-block .image, .parent-pageid-20.page-template-interiorsportfolio .wrapper .main-content .template-content .row .notable-press-block .image, .page-template-contact .wrapper .main-content .template-content .row .notable-press-block .image, .page-template-collectionsgallery .wrapper .main-content .template-content .row .notable-press-block .image, .parent-pageid-13 .wrapper .main-content .template-content .row .notable-press-block .image, .single-products .wrapper .main-content .template-content .row .notable-press-block .image, .single-vh_life .wrapper .main-content .template-content .row .notable-press-block .image, .single-vh_life .wrapper .main-content .template-content .row .notable-press-block .image { max-width: 100%; } .wrapper .main-content .template-content .row .press-quote-block .image, .parent-pageid-20.page-template-interiorsportfolio .wrapper .main-content .template-content .row .press-quote-block .image, .page-template-contact .wrapper .main-content .template-content .row .press-quote-block .image, .page-template-collectionsgallery .wrapper .main-content .template-content .row .press-quote-block .image, .parent-pageid-13 .wrapper .main-content .template-content .row .press-quote-block .image, .single-products .wrapper .main-content .template-content .row .press-quote-block .image, .single-vh_life .wrapper .main-content .template-content .row .press-quote-block .image, .single-vh_life .wrapper .main-content .template-content .row .press-quote-block .image { background-position: center; } .wrapper .main-content .template-content .row .press-quote-block:nth-of-type(2n) .image, .parent-pageid-20.page-template-interiorsportfolio .wrapper .main-content .template-content .row .press-quote-block:nth-of-type(2n) .image, .page-template-contact .wrapper .main-content .template-content .row .press-quote-block:nth-of-type(2n) .image, .page-template-collectionsgallery .wrapper .main-content .template-content .row .press-quote-block:nth-of-type(2n) .image, .parent-pageid-13 .wrapper .main-content .template-content .row .press-quote-block:nth-of-type(2n) .image, .single-products .wrapper .main-content .template-content .row .press-quote-block:nth-of-type(2n) .image, .single-vh_life .wrapper .main-content .template-content .row .press-quote-block:nth-of-type(2n) .image, .single-vh_life .wrapper .main-content .template-content .row .press-quote-block:nth-of-type(2n) .image { background-position: center; } .wrapper .main-content .template-content .row .about-columns-block, .parent-pageid-20.page-template-interiorsportfolio .wrapper .main-content .template-content .row .about-columns-block, .page-template-contact .wrapper .main-content .template-content .row .about-columns-block, .page-template-collectionsgallery .wrapper .main-content .template-content .row .about-columns-block, .parent-pageid-13 .wrapper .main-content .template-content .row .about-columns-block, .single-products .wrapper .main-content .template-content .row .about-columns-block, .single-vh_life .wrapper .main-content .template-content .row .about-columns-block, .single-vh_life .wrapper .main-content .template-content .row .about-columns-block { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } .wrapper .main-content .template-content .row .carousel-block .vh-carousel, .parent-pageid-20.page-template-interiorsportfolio .wrapper .main-content .template-content .row .carousel-block .vh-carousel, .page-template-contact .wrapper .main-content .template-content .row .carousel-block .vh-carousel, .page-template-collectionsgallery .wrapper .main-content .template-content .row .carousel-block .vh-carousel, .parent-pageid-13 .wrapper .main-content .template-content .row .carousel-block .vh-carousel, .single-products .wrapper .main-content .template-content .row .carousel-block .vh-carousel, .single-vh_life .wrapper .main-content .template-content .row .carousel-block .vh-carousel, .single-vh_life .wrapper .main-content .template-content .row .carousel-block .vh-carousel { height: 465px; } .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item, .parent-pageid-20.page-template-interiorsportfolio .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item, .page-template-contact .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item, .page-template-collectionsgallery .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item, .parent-pageid-13 .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item, .single-products .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item, .single-vh_life .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item, .single-vh_life .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item { height: 325px; } .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item .vh-carousel-image, .parent-pageid-20.page-template-interiorsportfolio .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item .vh-carousel-image, .page-template-contact .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item .vh-carousel-image, .page-template-collectionsgallery .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item .vh-carousel-image, .parent-pageid-13 .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item .vh-carousel-image, .single-products .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item .vh-carousel-image, .single-vh_life .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item .vh-carousel-image, .single-vh_life .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item .vh-carousel-image { top: 0%; -webkit-transform: translate(-50%, 0%); -ms-transform: translate(-50%, 0%); transform: translate(-50%, 0%); } .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item .vh-carousel-item-caption, .parent-pageid-20.page-template-interiorsportfolio .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item .vh-carousel-item-caption, .page-template-contact .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item .vh-carousel-item-caption, .page-template-collectionsgallery .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item .vh-carousel-item-caption, .parent-pageid-13 .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item .vh-carousel-item-caption, .single-products .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item .vh-carousel-item-caption, .single-vh_life .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item .vh-carousel-item-caption, .single-vh_life .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item .vh-carousel-item-caption { width: 100%; max-width: none; left: 0; padding: 0; bottom: 0; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); } .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item .vh-carousel-item-caption .text, .parent-pageid-20.page-template-interiorsportfolio .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item .vh-carousel-item-caption .text, .page-template-contact .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item .vh-carousel-item-caption .text, .page-template-collectionsgallery .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item .vh-carousel-item-caption .text, .parent-pageid-13 .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item .vh-carousel-item-caption .text, .single-products .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item .vh-carousel-item-caption .text, .single-vh_life .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item .vh-carousel-item-caption .text, .single-vh_life .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item .vh-carousel-item-caption .text { padding: 20px; } .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item .vh-carousel-item-caption .text p, .parent-pageid-20.page-template-interiorsportfolio .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item .vh-carousel-item-caption .text p, .page-template-contact .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item .vh-carousel-item-caption .text p, .page-template-collectionsgallery .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item .vh-carousel-item-caption .text p, .parent-pageid-13 .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item .vh-carousel-item-caption .text p, .single-products .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item .vh-carousel-item-caption .text p, .single-vh_life .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item .vh-carousel-item-caption .text p, .single-vh_life .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item .vh-carousel-item-caption .text p { display: none; } .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item .vh-carousel-item-caption .text .numbers, .parent-pageid-20.page-template-interiorsportfolio .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item .vh-carousel-item-caption .text .numbers, .page-template-contact .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item .vh-carousel-item-caption .text .numbers, .page-template-collectionsgallery .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item .vh-carousel-item-caption .text .numbers, .parent-pageid-13 .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item .vh-carousel-item-caption .text .numbers, .single-products .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item .vh-carousel-item-caption .text .numbers, .single-vh_life .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item .vh-carousel-item-caption .text .numbers, .single-vh_life .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item .vh-carousel-item-caption .text .numbers { margin: 0; } .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item .vh-carousel-item-caption .text .numbers hr, .parent-pageid-20.page-template-interiorsportfolio .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item .vh-carousel-item-caption .text .numbers hr, .page-template-contact .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item .vh-carousel-item-caption .text .numbers hr, .page-template-collectionsgallery .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item .vh-carousel-item-caption .text .numbers hr, .parent-pageid-13 .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item .vh-carousel-item-caption .text .numbers hr, .single-products .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item .vh-carousel-item-caption .text .numbers hr, .single-vh_life .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item .vh-carousel-item-caption .text .numbers hr, .single-vh_life .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item .vh-carousel-item-caption .text .numbers hr { width: 100%; } .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-btn, .parent-pageid-20.page-template-interiorsportfolio .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-btn, .page-template-contact .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-btn, .page-template-collectionsgallery .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-btn, .parent-pageid-13 .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-btn, .single-products .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-btn, .single-vh_life .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-btn, .single-vh_life .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-btn { bottom: 35px; left: auto; top: auto; right: 0px; margin: 0; } .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-btn.vh-carousel-btn-l, .parent-pageid-20.page-template-interiorsportfolio .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-btn.vh-carousel-btn-l, .page-template-contact .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-btn.vh-carousel-btn-l, .page-template-collectionsgallery .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-btn.vh-carousel-btn-l, .parent-pageid-13 .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-btn.vh-carousel-btn-l, .single-products .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-btn.vh-carousel-btn-l, .single-vh_life .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-btn.vh-carousel-btn-l, .single-vh_life .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-btn.vh-carousel-btn-l { right: 60px; } .wrapper .main-content .template-content .row .video-block .vh-overlay .play, .parent-pageid-20.page-template-interiorsportfolio .wrapper .main-content .template-content .row .video-block .vh-overlay .play, .page-template-contact .wrapper .main-content .template-content .row .video-block .vh-overlay .play, .page-template-collectionsgallery .wrapper .main-content .template-content .row .video-block .vh-overlay .play, .parent-pageid-13 .wrapper .main-content .template-content .row .video-block .vh-overlay .play, .single-products .wrapper .main-content .template-content .row .video-block .vh-overlay .play, .single-vh_life .wrapper .main-content .template-content .row .video-block .vh-overlay .play, .single-vh_life .wrapper .main-content .template-content .row .video-block .vh-overlay .play { top: 5%; left: 50%; -webkit-transform: translate(-50%, 50%); -ms-transform: translate(-50%, 50%); transform: translate(-50%, 50%); } .wrapper .main-content .template-content .row .insta-block .insta-list .insta-image, .parent-pageid-20.page-template-interiorsportfolio .wrapper .main-content .template-content .row .insta-block .insta-list .insta-image, .page-template-contact .wrapper .main-content .template-content .row .insta-block .insta-list .insta-image, .page-template-collectionsgallery .wrapper .main-content .template-content .row .insta-block .insta-list .insta-image, .parent-pageid-13 .wrapper .main-content .template-content .row .insta-block .insta-list .insta-image, .single-products .wrapper .main-content .template-content .row .insta-block .insta-list .insta-image, .single-vh_life .wrapper .main-content .template-content .row .insta-block .insta-list .insta-image, .single-vh_life .wrapper .main-content .template-content .row .insta-block .insta-list .insta-image { width: 100%; } .wrapper .main-content .template-content .row .life-spotlight-block .column-left, .parent-pageid-20.page-template-interiorsportfolio .wrapper .main-content .template-content .row .life-spotlight-block .column-left, .page-template-contact .wrapper .main-content .template-content .row .life-spotlight-block .column-left, .page-template-collectionsgallery .wrapper .main-content .template-content .row .life-spotlight-block .column-left, .parent-pageid-13 .wrapper .main-content .template-content .row .life-spotlight-block .column-left, .single-products .wrapper .main-content .template-content .row .life-spotlight-block .column-left, .single-vh_life .wrapper .main-content .template-content .row .life-spotlight-block .column-left, .single-vh_life .wrapper .main-content .template-content .row .life-spotlight-block .column-left { width: 100%; height: auto; } .wrapper .main-content .template-content .row .life-spotlight-block .column-left .image, .parent-pageid-20.page-template-interiorsportfolio .wrapper .main-content .template-content .row .life-spotlight-block .column-left .image, .page-template-contact .wrapper .main-content .template-content .row .life-spotlight-block .column-left .image, .page-template-collectionsgallery .wrapper .main-content .template-content .row .life-spotlight-block .column-left .image, .parent-pageid-13 .wrapper .main-content .template-content .row .life-spotlight-block .column-left .image, .single-products .wrapper .main-content .template-content .row .life-spotlight-block .column-left .image, .single-vh_life .wrapper .main-content .template-content .row .life-spotlight-block .column-left .image, .single-vh_life .wrapper .main-content .template-content .row .life-spotlight-block .column-left .image { height: 0px; padding-bottom: 50%; } .wrapper .main-content .template-content .row .life-spotlight-block .column-right, .parent-pageid-20.page-template-interiorsportfolio .wrapper .main-content .template-content .row .life-spotlight-block .column-right, .page-template-contact .wrapper .main-content .template-content .row .life-spotlight-block .column-right, .page-template-collectionsgallery .wrapper .main-content .template-content .row .life-spotlight-block .column-right, .parent-pageid-13 .wrapper .main-content .template-content .row .life-spotlight-block .column-right, .single-products .wrapper .main-content .template-content .row .life-spotlight-block .column-right, .single-vh_life .wrapper .main-content .template-content .row .life-spotlight-block .column-right, .single-vh_life .wrapper .main-content .template-content .row .life-spotlight-block .column-right { width: 100%; height: auto; margin: 0px; } .wrapper .main-content .template-content .row .life-spotlight-block .column-right .image, .parent-pageid-20.page-template-interiorsportfolio .wrapper .main-content .template-content .row .life-spotlight-block .column-right .image, .page-template-contact .wrapper .main-content .template-content .row .life-spotlight-block .column-right .image, .page-template-collectionsgallery .wrapper .main-content .template-content .row .life-spotlight-block .column-right .image, .parent-pageid-13 .wrapper .main-content .template-content .row .life-spotlight-block .column-right .image, .single-products .wrapper .main-content .template-content .row .life-spotlight-block .column-right .image, .single-vh_life .wrapper .main-content .template-content .row .life-spotlight-block .column-right .image, .single-vh_life .wrapper .main-content .template-content .row .life-spotlight-block .column-right .image { height: 0px; padding-bottom: 50%; margin: 0 1px 0 1px; width: calc(50% - 4px); display: inline-block; } .wrapper .main-content .template-content .row .category-block .category-list .category-item, .parent-pageid-20.page-template-interiorsportfolio .wrapper .main-content .template-content .row .category-block .category-list .category-item, .page-template-contact .wrapper .main-content .template-content .row .category-block .category-list .category-item, .page-template-collectionsgallery .wrapper .main-content .template-content .row .category-block .category-list .category-item, .parent-pageid-13 .wrapper .main-content .template-content .row .category-block .category-list .category-item, .single-products .wrapper .main-content .template-content .row .category-block .category-list .category-item, .single-vh_life .wrapper .main-content .template-content .row .category-block .category-list .category-item, .single-vh_life .wrapper .main-content .template-content .row .category-block .category-list .category-item { width: 100%; } .wrapper .main-content .template-content .row .category-block .category-list .category-item .image, .parent-pageid-20.page-template-interiorsportfolio .wrapper .main-content .template-content .row .category-block .category-list .category-item .image, .page-template-contact .wrapper .main-content .template-content .row .category-block .category-list .category-item .image, .page-template-collectionsgallery .wrapper .main-content .template-content .row .category-block .category-list .category-item .image, .parent-pageid-13 .wrapper .main-content .template-content .row .category-block .category-list .category-item .image, .single-products .wrapper .main-content .template-content .row .category-block .category-list .category-item .image, .single-vh_life .wrapper .main-content .template-content .row .category-block .category-list .category-item .image, .single-vh_life .wrapper .main-content .template-content .row .category-block .category-list .category-item .image { padding-bottom: 50%; } .wrapper .main-content .template-content .row .similar-block .similar-list .similar-item, .parent-pageid-20.page-template-interiorsportfolio .wrapper .main-content .template-content .row .similar-block .similar-list .similar-item, .page-template-contact .wrapper .main-content .template-content .row .similar-block .similar-list .similar-item, .page-template-collectionsgallery .wrapper .main-content .template-content .row .similar-block .similar-list .similar-item, .parent-pageid-13 .wrapper .main-content .template-content .row .similar-block .similar-list .similar-item, .single-products .wrapper .main-content .template-content .row .similar-block .similar-list .similar-item, .single-vh_life .wrapper .main-content .template-content .row .similar-block .similar-list .similar-item, .single-vh_life .wrapper .main-content .template-content .row .similar-block .similar-list .similar-item { width: 100%; } .wrapper .main-content .template-content .row .similar-block .similar-list .similar-item .image, .parent-pageid-20.page-template-interiorsportfolio .wrapper .main-content .template-content .row .similar-block .similar-list .similar-item .image, .page-template-contact .wrapper .main-content .template-content .row .similar-block .similar-list .similar-item .image, .page-template-collectionsgallery .wrapper .main-content .template-content .row .similar-block .similar-list .similar-item .image, .parent-pageid-13 .wrapper .main-content .template-content .row .similar-block .similar-list .similar-item .image, .single-products .wrapper .main-content .template-content .row .similar-block .similar-list .similar-item .image, .single-vh_life .wrapper .main-content .template-content .row .similar-block .similar-list .similar-item .image, .single-vh_life .wrapper .main-content .template-content .row .similar-block .similar-list .similar-item .image { padding-bottom: 20%; } .wrapper .main-content .template-content .row .catalogue-block, .parent-pageid-20.page-template-interiorsportfolio .wrapper .main-content .template-content .row .catalogue-block, .page-template-contact .wrapper .main-content .template-content .row .catalogue-block, .page-template-collectionsgallery .wrapper .main-content .template-content .row .catalogue-block, .parent-pageid-13 .wrapper .main-content .template-content .row .catalogue-block, .single-products .wrapper .main-content .template-content .row .catalogue-block, .single-vh_life .wrapper .main-content .template-content .row .catalogue-block, .single-vh_life .wrapper .main-content .template-content .row .catalogue-block { padding: 30px 20px; } .wrapper .main-content .template-content .row .catalogue-block h2, .parent-pageid-20.page-template-interiorsportfolio .wrapper .main-content .template-content .row .catalogue-block h2, .page-template-contact .wrapper .main-content .template-content .row .catalogue-block h2, .page-template-collectionsgallery .wrapper .main-content .template-content .row .catalogue-block h2, .parent-pageid-13 .wrapper .main-content .template-content .row .catalogue-block h2, .single-products .wrapper .main-content .template-content .row .catalogue-block h2, .single-vh_life .wrapper .main-content .template-content .row .catalogue-block h2, .single-vh_life .wrapper .main-content .template-content .row .catalogue-block h2 { font-size: 20pt; } .wrapper .main-content .template-content .row .vhpost-list-block .vhpost-list .vhpost-list-item, .parent-pageid-20.page-template-interiorsportfolio .wrapper .main-content .template-content .row .vhpost-list-block .vhpost-list .vhpost-list-item, .page-template-contact .wrapper .main-content .template-content .row .vhpost-list-block .vhpost-list .vhpost-list-item, .page-template-collectionsgallery .wrapper .main-content .template-content .row .vhpost-list-block .vhpost-list .vhpost-list-item, .parent-pageid-13 .wrapper .main-content .template-content .row .vhpost-list-block .vhpost-list .vhpost-list-item, .single-products .wrapper .main-content .template-content .row .vhpost-list-block .vhpost-list .vhpost-list-item, .single-vh_life .wrapper .main-content .template-content .row .vhpost-list-block .vhpost-list .vhpost-list-item, .single-vh_life .wrapper .main-content .template-content .row .vhpost-list-block .vhpost-list .vhpost-list-item { width: 100%; } .wrapper .main-content .template-content .row .vhpost-list-block .vhpost-list .vhpost-list-item .image, .parent-pageid-20.page-template-interiorsportfolio .wrapper .main-content .template-content .row .vhpost-list-block .vhpost-list .vhpost-list-item .image, .page-template-contact .wrapper .main-content .template-content .row .vhpost-list-block .vhpost-list .vhpost-list-item .image, .page-template-collectionsgallery .wrapper .main-content .template-content .row .vhpost-list-block .vhpost-list .vhpost-list-item .image, .parent-pageid-13 .wrapper .main-content .template-content .row .vhpost-list-block .vhpost-list .vhpost-list-item .image, .single-products .wrapper .main-content .template-content .row .vhpost-list-block .vhpost-list .vhpost-list-item .image, .single-vh_life .wrapper .main-content .template-content .row .vhpost-list-block .vhpost-list .vhpost-list-item .image, .single-vh_life .wrapper .main-content .template-content .row .vhpost-list-block .vhpost-list .vhpost-list-item .image { padding-bottom: 50%; } .wrapper .main-content .template-content .row .four-image-block, .parent-pageid-20.page-template-interiorsportfolio .wrapper .main-content .template-content .row .four-image-block, .page-template-contact .wrapper .main-content .template-content .row .four-image-block, .page-template-collectionsgallery .wrapper .main-content .template-content .row .four-image-block, .parent-pageid-13 .wrapper .main-content .template-content .row .four-image-block, .single-products .wrapper .main-content .template-content .row .four-image-block, .single-vh_life .wrapper .main-content .template-content .row .four-image-block, .single-vh_life .wrapper .main-content .template-content .row .four-image-block { padding: 0 20px; } .wrapper .main-content .template-content .row .four-image-block .image, .parent-pageid-20.page-template-interiorsportfolio .wrapper .main-content .template-content .row .four-image-block .image, .page-template-contact .wrapper .main-content .template-content .row .four-image-block .image, .page-template-collectionsgallery .wrapper .main-content .template-content .row .four-image-block .image, .parent-pageid-13 .wrapper .main-content .template-content .row .four-image-block .image, .single-products .wrapper .main-content .template-content .row .four-image-block .image, .single-vh_life .wrapper .main-content .template-content .row .four-image-block .image, .single-vh_life .wrapper .main-content .template-content .row .four-image-block .image { width: 100%; } .wrapper .main-content .template-content .row .four-image-block .image.wide .image, .parent-pageid-20.page-template-interiorsportfolio .wrapper .main-content .template-content .row .four-image-block .image.wide .image, .page-template-contact .wrapper .main-content .template-content .row .four-image-block .image.wide .image, .page-template-collectionsgallery .wrapper .main-content .template-content .row .four-image-block .image.wide .image, .parent-pageid-13 .wrapper .main-content .template-content .row .four-image-block .image.wide .image, .single-products .wrapper .main-content .template-content .row .four-image-block .image.wide .image, .single-vh_life .wrapper .main-content .template-content .row .four-image-block .image.wide .image, .single-vh_life .wrapper .main-content .template-content .row .four-image-block .image.wide .image { padding: 0 0 50%; } .wrapper .main-content .template-content .row .portfolio-list-block .portfolio-item, .parent-pageid-20.page-template-interiorsportfolio .wrapper .main-content .template-content .row .portfolio-list-block .portfolio-item, .page-template-contact .wrapper .main-content .template-content .row .portfolio-list-block .portfolio-item, .page-template-collectionsgallery .wrapper .main-content .template-content .row .portfolio-list-block .portfolio-item, .parent-pageid-13 .wrapper .main-content .template-content .row .portfolio-list-block .portfolio-item, .single-products .wrapper .main-content .template-content .row .portfolio-list-block .portfolio-item, .single-vh_life .wrapper .main-content .template-content .row .portfolio-list-block .portfolio-item, .single-vh_life .wrapper .main-content .template-content .row .portfolio-list-block .portfolio-item { width: 100%; } .wrapper .main-content .template-content .row .portfolio-list-block .portfolio-item .image, .parent-pageid-20.page-template-interiorsportfolio .wrapper .main-content .template-content .row .portfolio-list-block .portfolio-item .image, .page-template-contact .wrapper .main-content .template-content .row .portfolio-list-block .portfolio-item .image, .page-template-collectionsgallery .wrapper .main-content .template-content .row .portfolio-list-block .portfolio-item .image, .parent-pageid-13 .wrapper .main-content .template-content .row .portfolio-list-block .portfolio-item .image, .single-products .wrapper .main-content .template-content .row .portfolio-list-block .portfolio-item .image, .single-vh_life .wrapper .main-content .template-content .row .portfolio-list-block .portfolio-item .image, .single-vh_life .wrapper .main-content .template-content .row .portfolio-list-block .portfolio-item .image { padding-bottom: 50%; } .wrapper .main-content .template-content .row .portfolio-list-block .portfolio-item h2, .parent-pageid-20.page-template-interiorsportfolio .wrapper .main-content .template-content .row .portfolio-list-block .portfolio-item h2, .page-template-contact .wrapper .main-content .template-content .row .portfolio-list-block .portfolio-item h2, .page-template-collectionsgallery .wrapper .main-content .template-content .row .portfolio-list-block .portfolio-item h2, .parent-pageid-13 .wrapper .main-content .template-content .row .portfolio-list-block .portfolio-item h2, .single-products .wrapper .main-content .template-content .row .portfolio-list-block .portfolio-item h2, .single-vh_life .wrapper .main-content .template-content .row .portfolio-list-block .portfolio-item h2, .single-vh_life .wrapper .main-content .template-content .row .portfolio-list-block .portfolio-item h2 { margin: 10px 0; } .wrapper .main-content .template-content .row .contact-block .contact-input, .parent-pageid-20.page-template-interiorsportfolio .wrapper .main-content .template-content .row .contact-block .contact-input, .page-template-contact .wrapper .main-content .template-content .row .contact-block .contact-input, .page-template-collectionsgallery .wrapper .main-content .template-content .row .contact-block .contact-input, .parent-pageid-13 .wrapper .main-content .template-content .row .contact-block .contact-input, .single-products .wrapper .main-content .template-content .row .contact-block .contact-input, .single-vh_life .wrapper .main-content .template-content .row .contact-block .contact-input, .single-vh_life .wrapper .main-content .template-content .row .contact-block .contact-input { width: 100%; } .wrapper .main-content .template-content .row .contact-block textarea.contact-input, .parent-pageid-20.page-template-interiorsportfolio .wrapper .main-content .template-content .row .contact-block textarea.contact-input, .page-template-contact .wrapper .main-content .template-content .row .contact-block textarea.contact-input, .page-template-collectionsgallery .wrapper .main-content .template-content .row .contact-block textarea.contact-input, .parent-pageid-13 .wrapper .main-content .template-content .row .contact-block textarea.contact-input, .single-products .wrapper .main-content .template-content .row .contact-block textarea.contact-input, .single-vh_life .wrapper .main-content .template-content .row .contact-block textarea.contact-input, .single-vh_life .wrapper .main-content .template-content .row .contact-block textarea.contact-input { width: 100%; } .wrapper .main-content .template-content .row .contact-block button, .parent-pageid-20.page-template-interiorsportfolio .wrapper .main-content .template-content .row .contact-block button, .page-template-contact .wrapper .main-content .template-content .row .contact-block button, .page-template-collectionsgallery .wrapper .main-content .template-content .row .contact-block button, .parent-pageid-13 .wrapper .main-content .template-content .row .contact-block button, .single-products .wrapper .main-content .template-content .row .contact-block button, .single-vh_life .wrapper .main-content .template-content .row .contact-block button, .single-vh_life .wrapper .main-content .template-content .row .contact-block button { width: 100%; margin: 0; } .wrapper .main-content .template-content .row .location-block .location-search input, .parent-pageid-20.page-template-interiorsportfolio .wrapper .main-content .template-content .row .location-block .location-search input, .page-template-contact .wrapper .main-content .template-content .row .location-block .location-search input, .page-template-collectionsgallery .wrapper .main-content .template-content .row .location-block .location-search input, .parent-pageid-13 .wrapper .main-content .template-content .row .location-block .location-search input, .single-products .wrapper .main-content .template-content .row .location-block .location-search input, .single-vh_life .wrapper .main-content .template-content .row .location-block .location-search input, .single-vh_life .wrapper .main-content .template-content .row .location-block .location-search input { width: 100%; text-align: center; } .wrapper .main-content .template-content .row .location-block .location-search button, .parent-pageid-20.page-template-interiorsportfolio .wrapper .main-content .template-content .row .location-block .location-search button, .page-template-contact .wrapper .main-content .template-content .row .location-block .location-search button, .page-template-collectionsgallery .wrapper .main-content .template-content .row .location-block .location-search button, .parent-pageid-13 .wrapper .main-content .template-content .row .location-block .location-search button, .single-products .wrapper .main-content .template-content .row .location-block .location-search button, .single-vh_life .wrapper .main-content .template-content .row .location-block .location-search button, .single-vh_life .wrapper .main-content .template-content .row .location-block .location-search button { width: 100%; } .wrapper .main-content .template-content .row .location-block .location-item, .parent-pageid-20.page-template-interiorsportfolio .wrapper .main-content .template-content .row .location-block .location-item, .page-template-contact .wrapper .main-content .template-content .row .location-block .location-item, .page-template-collectionsgallery .wrapper .main-content .template-content .row .location-block .location-item, .parent-pageid-13 .wrapper .main-content .template-content .row .location-block .location-item, .single-products .wrapper .main-content .template-content .row .location-block .location-item, .single-vh_life .wrapper .main-content .template-content .row .location-block .location-item, .single-vh_life .wrapper .main-content .template-content .row .location-block .location-item { width: 100%; margin: 10px 0; } .wrapper .main-content .template-content .row .portfolio-spotlight-block, .parent-pageid-20.page-template-interiorsportfolio .wrapper .main-content .template-content .row .portfolio-spotlight-block, .page-template-contact .wrapper .main-content .template-content .row .portfolio-spotlight-block, .page-template-collectionsgallery .wrapper .main-content .template-content .row .portfolio-spotlight-block, .parent-pageid-13 .wrapper .main-content .template-content .row .portfolio-spotlight-block, .single-products .wrapper .main-content .template-content .row .portfolio-spotlight-block, .single-vh_life .wrapper .main-content .template-content .row .portfolio-spotlight-block, .single-vh_life .wrapper .main-content .template-content .row .portfolio-spotlight-block { height: 450px; } .wrapper .main-content .template-content .row .portfolio-spotlight-block .image, .parent-pageid-20.page-template-interiorsportfolio .wrapper .main-content .template-content .row .portfolio-spotlight-block .image, .page-template-contact .wrapper .main-content .template-content .row .portfolio-spotlight-block .image, .page-template-collectionsgallery .wrapper .main-content .template-content .row .portfolio-spotlight-block .image, .parent-pageid-13 .wrapper .main-content .template-content .row .portfolio-spotlight-block .image, .single-products .wrapper .main-content .template-content .row .portfolio-spotlight-block .image, .single-vh_life .wrapper .main-content .template-content .row .portfolio-spotlight-block .image, .single-vh_life .wrapper .main-content .template-content .row .portfolio-spotlight-block .image { width: 32%; height: 60%; } .wrapper .main-content .template-content .row .portfolio-spotlight-block .text, .parent-pageid-20.page-template-interiorsportfolio .wrapper .main-content .template-content .row .portfolio-spotlight-block .text, .page-template-contact .wrapper .main-content .template-content .row .portfolio-spotlight-block .text, .page-template-collectionsgallery .wrapper .main-content .template-content .row .portfolio-spotlight-block .text, .parent-pageid-13 .wrapper .main-content .template-content .row .portfolio-spotlight-block .text, .single-products .wrapper .main-content .template-content .row .portfolio-spotlight-block .text, .single-vh_life .wrapper .main-content .template-content .row .portfolio-spotlight-block .text, .single-vh_life .wrapper .main-content .template-content .row .portfolio-spotlight-block .text { width: 100%; bottom: 0px; top: auto; left: auto; -webkit-transform: none; -ms-transform: none; transform: none; } .wrapper .main-content footer .site-switch, .parent-pageid-20.page-template-interiorsportfolio .wrapper .main-content footer .site-switch, .page-template-contact .wrapper .main-content footer .site-switch, .page-template-collectionsgallery .wrapper .main-content footer .site-switch, .parent-pageid-13 .wrapper .main-content footer .site-switch, .single-products .wrapper .main-content footer .site-switch, .single-vh_life .wrapper .main-content footer .site-switch, .single-vh_life .wrapper .main-content footer .site-switch { line-height: 1.5; font-size: 20pt; } .parent-pageid-20.page-template-interiorshomepage .wrapper .main-content .template-content .row .carousel-block .vh-carousel { height: 500px; } .parent-pageid-20.page-template-interiorshomepage .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item { height: 300px; } .parent-pageid-20.page-template-interiorshomepage .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item .vh-carousel-image { height: 100%; top: 0%; -webkit-transform: translate(-50%, 0%); -ms-transform: translate(-50%, 0%); transform: translate(-50%, 0%); } .parent-pageid-20.page-template-interiorshomepage .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item .vh-carousel-item-caption { height: auto; width: 100%; padding: 0 0 0 0px; bottom: auto; left: 0px; top: 500px; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } .parent-pageid-20.page-template-interiorshomepage .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item .vh-carousel-item-caption .text { padding: 15px 25px; min-height: 200px; } .parent-pageid-20.page-template-interiorshomepage .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item .vh-carousel-item-caption .text h2 { font-size: 20pt; margin: 0 0 5px; } .parent-pageid-20.page-template-interiorshomepage .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item .vh-carousel-item-caption .text .numbers { margin: -40px 0px 0px; text-align: right; } .parent-pageid-20.page-template-interiorshomepage .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item .vh-carousel-item-caption .text .numbers .number { color: #303c42; display: inline-block; } .parent-pageid-20.page-template-interiorshomepage .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item .vh-carousel-item-caption .text .numbers hr { margin: 0; width: 100%; border-bottom-color: #303c42; } .parent-pageid-20.page-template-interiorshomepage .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item .vh-carousel-item-caption .text p { display: none; } .page-template-interiorsportfolio .wrapper .main-content .vh-overlay-overlay .vh-overlay-item { width: 90%; height: 90%; max-width: none; max-height: none; } .page-template-interiorsportfolio .wrapper .main-content .vh-overlay-overlay .vh-overlay-item .portfolio-overlay .left-content { padding: 10px; text-align: center; } .page-template-interiorsportfolio .wrapper .main-content .vh-overlay-overlay .vh-overlay-item .portfolio-overlay .left-content h2 { font-size: 20pt; margin: 10px auto; } .page-template-interiorsportfolio .wrapper .main-content .vh-overlay-overlay .vh-overlay-item .portfolio-overlay .left-content ul.socials { margin: 10px 0 0; padding: 0; } .page-template-interiorsportfolio .wrapper .main-content .vh-overlay-overlay .vh-overlay-item .portfolio-overlay .right-content { height: calc(100% - 125px); } .page-template-collectionsgallery .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade, .parent-pageid-20.page-template-interiorsportfolio .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade { height: 500px; } .page-template-collectionsgallery .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item .vh-carousel-item-caption, .parent-pageid-20.page-template-interiorsportfolio .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item .vh-carousel-item-caption { top: 500px; bottom: auto; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } .page-template-collectionsgallery .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item .vh-carousel-item-caption .numbers, .parent-pageid-20.page-template-interiorsportfolio .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-item .vh-carousel-item-caption .numbers { display: none; } .page-template-collectionsgallery .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-btn, .parent-pageid-20.page-template-interiorsportfolio .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-btn { left: 0; margin-left: 0; top: auto; } .page-template-collectionsgallery .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-btn.vh-carousel-btn-r, .parent-pageid-20.page-template-interiorsportfolio .wrapper .main-content .template-content .row .carousel-block .vh-carousel.vh-crossfade .vh-carousel-btn.vh-carousel-btn-r { left: auto; } .parent-pageid-20.page-template-interiorshomepage .wrapper .main-content .template-content .row .carousel-block .vh-carousel .vh-carousel-btn { left: 210px; } /* slide("_R") */ @-webkit-keyframes vh-slideLeftOut { 0% { opacity: 1; -webkit-transform: translate(-50%, 0%); transform: translate(-50%, 0%); } 100% { opacity: 1; -webkit-transform: translate(-150%, 0%); transform: translate(-150%, 0%); } } @keyframes vh-slideLeftOut { 0% { opacity: 1; -webkit-transform: translate(-50%, 0%); transform: translate(-50%, 0%); } 100% { opacity: 1; -webkit-transform: translate(-150%, 0%); transform: translate(-150%, 0%); } } @-webkit-keyframes vh-slideRightIn { 0% { opacity: 1; -webkit-transform: translate(50%, 0%); transform: translate(50%, 0%); } 100% { opacity: 1; -webkit-transform: translate(-50%, 0%); transform: translate(-50%, 0%); } } @keyframes vh-slideRightIn { 0% { opacity: 1; -webkit-transform: translate(50%, 0%); transform: translate(50%, 0%); } 100% { opacity: 1; -webkit-transform: translate(-50%, 0%); transform: translate(-50%, 0%); } } /* slide("_L") */ @-webkit-keyframes vh-slideRightOut { 0% { opacity: 1; -webkit-transform: translate(-50%, 0%); transform: translate(-50%, 0%); } 100% { opacity: 1; -webkit-transform: translate(50%, 0%); transform: translate(50%, 0%); } } @keyframes vh-slideRightOut { 0% { opacity: 1; -webkit-transform: translate(-50%, 0%); transform: translate(-50%, 0%); } 100% { opacity: 1; -webkit-transform: translate(50%, 0%); transform: translate(50%, 0%); } } @-webkit-keyframes vh-slideLeftIn { 0% { opacity: 1; -webkit-transform: translate(-150%, 0%); transform: translate(-150%, 0%); } 100% { opacity: 1; -webkit-transform: translate(-50%, 0%); transform: translate(-50%, 0%); } } @keyframes vh-slideLeftIn { 0% { opacity: 1; -webkit-transform: translate(-150%, 0%); transform: translate(-150%, 0%); } 100% { opacity: 1; -webkit-transform: translate(-50%, 0%); transform: translate(-50%, 0%); } } /* fade */ @-webkit-keyframes vh-fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes vh-fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes vh-fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes vh-fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } } /* -------------------- Chris Custom CSS ----------------------*/ /* * Hide Instagram footer text for now */ .insta-block { display: none; } /* Text meant only for screen readers. */ .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; } .single-blog img.alignleft { float: left; margin: .5em 1.5em 1.5em 0; } .single-blog img.alignright { float: right; margin: .5em 0 1.5em 1.5em; } .single-blog img.aligncenter { width: 100%; height: auto; } @media screen and (max-width: 500px) { .site-main article img { width: 100%; margin: .5 0 1em } } @media screen and (min-width: 1000px) { .single-blog img.alignleft { margin: 1.5em 2em 1.25em -35px; -webkit-box-shadow: -30px -20px 0px 0px rgba(204,204,204,1); -moz-box-shadow: -30px -20px 0px 0px rgba(204,204,204,1); box-shadow: -30px -20px 0px 0px #f1f1f1; } .single-blog img.alignright { margin: .5em -35px 1.75em 2em; -webkit-box-shadow: 30px -20px 0px 0px rgba(204,204,204,1); -moz-box-shadow: 30px -20px 0px 0px rgba(204,204,204,1); box-shadow: 30px -20px 0px 0px #f1f1f1; } } /* Post Navigation */ .single-blog .post-navigation .nav-links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-size: 1.1em; font-family: "Open Sans", sans-serif; } .nav-previous .post-title::before { content: "«"; font-size: 1.3em; margin-right: .2em; position: relative; right: 0; transition: all .2s; } .nav-previous a:hover .post-title::before { right: .2em; } .nav-next { margin-left: auto; } .nav-next .post-title::after { content: "»"; font-size: 1.3em; margin-left: .2em; position: relative; left: 0; transition: all .2s; } .nav-next a:hover .post-title::after { left: .2em; } .content-wrap { width: 100%; margin: 40px auto!important; padding: 0; } .wrapper .main-content .template-content .row { width: 100%; } .wrapper .main-content .template-content .row.last-row { max-width: 100%!important; width: 100%!important; } .single-blog .row img { width: 100%; max-width: 100%; height: auto; } .row.welcome { text-align: center; font-size: 1.2rem; max-width: 650px; margin: 0 auto; line-height: 1.7; } .blog-entry-container .blog-entry { margin-bottom: 3em; } .blog-entry-title { font-family: 'TextaAlt', sans-serif; text-transform: uppercase; font-weight: 400; font-style: normal; color: #4f4f4f; font-size: 32px; /*text-align: center;*/ } .blog-entry-container .blog-entry-title { font-size: 21px; text-align: center; } .blog-entry p { font-family: "Open Sans", sans-serif; font-size: 16px; line-height: 1.7; } .blog-entry-container .blog-entry p { text-align: center; } .more-btn { text-align: center; margin-top: 2em; } a.more-link { background: #333c42; color: white!important; padding: .5em 1.2em; line-height: 1; text-transform: uppercase; font-weight: normal; font-size: .95rem; font-family: 'TextaAlt', sans-serif; letter-spacing: 2px; } .blog-entry { padding: 0; } @media screen and (min-width: 550px) { .blog-entry-container { display: flex; flex-flow: row wrap; } .blog-entry-container .blog-entry { flex: 1 1 50%; padding: 0 2%; } } @media screen and (min-width: 900px) { .blog-entry-container .blog-entry { flex: 1 1 33.33%; } } .blog-hero { width: 100%; height: 450px; /*background-color: lightgray;*/ background-repeat: no-repeat; background-size: cover; background-position: center bottom; background-attachment: fixed; }