/*
Theme Name: Beauty Emporium
Theme URI: https://wordpress.org/themes/beautyemporium/
Author: Marco Metodo
Author URI: https://wordpress.org/
Description: Beauty Emporium is a modernized take on an ever-popular WordPress layout — the horizontal masthead with an optional right sidebar that works perfectly for blogs and websites. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. Beauty Emporium will make your WordPress look beautiful everywhere.
Version: 1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, blue, gray, red, white, yellow, dark, light, one-column, two-columns, right-sidebar, fixed-layout, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: beautyemporium

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

* { padding: 0; margin: 0; border: 0; outline: 0; box-sizing: border-box; position: relative; }
html, body { height: 100%; color: #818285; }
body { font-size: 18px; line-height: 1.3; overflow-x: hidden; font-family: "proxima-nova"; font-weight: 100; }
p { font-size: 18px; line-height: 1.8; font-weight: 100; margin: 12px 0; }
p:first-child { margin: 0 0 15px; }
p:last-child { margin: 15px 0 0; }
h1, h2, h3 { font-family: "freight-big-pro"; text-transform: uppercase; font-weight: 400; letter-spacing: 2px; color: #131313; }
h1, h2 { font-size: 46px; }
h3 { font-size: 36px; }
h4, h5, h6 { font-family: "proxima-nova"; text-transform: uppercase; font-weight: 100; color: #131313; }
h5, h6 { font-weight: bold; }
h5 { font-size: 15px; margin: 24px 0 12px; }

@media (max-width: 736px) {
  h1, h2 { font-size: 36px; }
  h3 { font-size: 26px; }
}

.clearfix:after, .clearfix:before { content: ""; display: block; clear: both; }
.pull-right { float: right; }
.pull-left { float: left; }
.float-right { float: right !important; }
.float-left { float: left !important; }
.button { font-family: "freight-big-pro"; font-style: italic; letter-spacing: 2px; color: #131313; cursor: pointer; }
.button:after { content: "\f105"; width: 49px; height: 49px; display: inline-block; border: 1px solid #111; vertical-align: middle; margin-left: 15px; font-family: FontAwesome; font-size: 25px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-align: center; font-style: normal; line-height: 46px; letter-spacing: 0; }
.button:hover:after { color: #fff; background-color: #131313; }
.container { width: 100%; max-width: 1366px; margin-left: auto; margin-right: auto; }
header { background-color: #fff; padding: 20px 0; }
header nav { display: table; float: right; }
header nav .nav-menu > li { display: inline-block; margin-right: 30px; margin-left: 30px; }
header nav .nav-menu > li:last-child { margin-right: 0; }
header nav .nav-menu li a { padding: 5px; color: #131313; text-transform: uppercase; font-size: 14px; letter-spacing: 0.08em; }
header nav .nav-menu > li > a::after { content: ""; position: absolute; bottom: 5px; left: 5px; right: 5px; height: 1px; background: #111; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: .37s cubic-bezier(.52,.01,.16,1); transition: .37s cubic-bezier(.52,.01,.16,1); }
header nav .nav-menu > li:hover > a::after, header nav .nav-menu > li.current-menu-item > a::after { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
header nav .sub-menu { list-style: none; position: absolute; left: -15px; background: #fff; padding: 20px 0 10px; z-index: 5; -webkit-transform-origin: 0 20px; -ms-transform-origin: 0 20px; transform-origin: 0 20px; -webkit-transform: scale(1,0); -ms-transform: scale(1,0); transform: scale(1,0); -webkit-transition: all 0.4s; transition: all 0.4s; }
header nav .nav-menu > li:hover .sub-menu { -webkit-transform: scale(1,1); -ms-transform: scale(1,1); transform: scale(1,1); }
header nav .sub-menu li a { display: block; padding: 15px 20px; white-space: nowrap; -webkit-transition: all 0.4s; transition: all 0.4s; }
header nav .sub-menu li a:hover { background: #131313; color: #fff; }
header .logo { position: absolute; top: -20px; left: 0; z-index: 1; }
header .logo img { max-width: 100%; width: 100%; width: 220px; height: auto; vertical-align: middle; }
header .trigger { display: none; float: right; }
header .trigger span { width: 25px; height: 2px; background-color: #131313; display: block; margin: 6px 0; }


@media (max-width: 1280px) {
  header .logo { width: 200px; }
}

@media (max-width: 1024px) {
  header nav .nav-menu > li { margin-right: 20px; margin-left: 20px; }
  header .logo { width: 160px; }
}

@media (max-width: 980px) {
  header nav .nav-menu > li { margin-right: 15px; margin-left: 15px; }
}

@media (max-width: 900px) {
  header { padding: 10px 0; }
  header .trigger { display: block; }
  header .logo { width: 100px; }
  header nav { position: absolute; right: 0; top: calc(100% + 10px); z-index: 2; float: inherit; background-color: #fff; padding: 15px; -webkit-transform-origin: top right; -ms-transform-origin: top right; transform-origin: top right; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all 0.2s; transition: all 0.2s; }
  header nav.open { -webkit-transform: scale(1,1); -ms-transform: scale(1,1); transform: scale(1,1); }
  header nav .nav-menu > li { display: block; margin-right: 0; margin-left: 0; }
  header nav .nav-menu > li > a { display: inline-block; padding: 10px 5px; font-size: 16px; }
  header nav .sub-menu { display: none; }
  /*header nav .sub-menu { top: -15px; left: auto; right: 100%; padding: 0 15px 0 0; -webkit-transform-origin: top right; -ms-transform-origin: top right; transform-origin: top right; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); }
  header nav .sub-menu li a { font-size: 16px; padding: 10px 15px; }*/
}

.mfp-iframe-holder .mfp-content { max-width: 1100px; }

.slideshow { overflow: hidden; /*height: 100%;*/ max-height: calc(100vh - 120px); }
/*.slideshow .owl-wrapper-outer, .slideshow .owl-wrapper, .slideshow .owl-item { max-height: calc(100vh - 120px); }*/
.slideshow .slide { max-height: calc(100vh - 120px); }
.slideshow .slide img { width: 100%; height: auto; vertical-align: middle; }
.slideshow .slide-center { position: absolute; top: 50%; /*left: 50%;*/ width: 100%; transform: translate(0,-50%); -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); text-align: center; z-index: 1; }
.slideshow .slide-center .container { padding: 0 220px; }
.slideshow .slide-center h1 { font-size: 90px; margin: 0; }
.slideshow .slide-center h4 { font-size: 24px; margin: 10px 0; }
.slideshow .slide-center h1, .slideshow .slide-center h4 { letter-spacing: 1px; color: #fff; line-height: 1; }
.slideshow .slide-center h4::before { content: ""; display: inline-block; vertical-align: middle; width: 50px; height: 1px; background-color: #fff; margin-right: 15px; }
.slideshow .owl-controls { position: absolute; top: 0; width: 100%; height: 100%; margin-top: 0; pointer-events: none; }
.slideshow .owl-controls .owl-buttons { width: 100%; height: 100%; -webkit-transition: opacity 0.4s; transition: opacity 0.4s; }
.slideshow .owl-controls .owl-buttons div { display: block; width: 50px; height: 50px; pointer-events: auto; background: transparent; color: #fff; line-height: 50px; text-align: center; border: 1px solid #fff; }
.slideshow .owl-controls .owl-buttons div:hover { background: #fff; color: #111; }
.slideshow .owl-controls .owl-buttons div i { font-size: 30px; line-height: 48px; }
.slideshow .owl-controls .owl-buttons .owl-prev { position: absolute; top: 50%; left: 25px; margin-top: -25px; }
.slideshow .owl-controls .owl-buttons .owl-next { position: absolute; top: 50%; right: 25px; margin-top: -25px; }

@media (max-width: 1280px) {
  .slideshow .slide-center .container { padding: 0 200px; }
  .slideshow .slide-center h1 { font-size: 70px; }
  .slideshow .slide-center h4 { font-size: 20px; }
  .slideshow .slide-center h4::before { width: 30px; }
  .slideshow .owl-controls .owl-buttons { opacity: 0; }
  .slideshow:hover .owl-controls .owl-buttons { opacity: 1; }
}

@media (max-width: 1024px) {
  .slideshow .slide-center .container { padding: 0 160px; }
}

@media (max-width: 900px) {
  .slideshow .slide-center .container { padding: 0 100px; }
}

@media (max-width: 800px) {
  .slideshow .slide { overflow: hidden; text-align: center; }
  .slideshow .slide img { width: auto; min-width: 100%; height: 300px; margin-left: -100%; margin-right: -100%; }
  .slideshow .slide-center h1 { font-size: 50px; }
  .slideshow .slide-center h4 { font-size: 16px; }
}

@media (max-width: 639px) {
  .slideshow .slide-center .container { padding: 0 40px; }
  .slideshow .owl-controls .owl-buttons { display: none; }
}

@media (min-width: 980px) {
  .slideshow .owl-controls .owl-buttons .owl-prev { left: 50px; }
  .slideshow .owl-controls .owl-buttons .owl-next { right: 50px; }
}

.layout-row { display: table; table-layout: auto; border-spacing: 0; width: 100%; max-width: 1366px; margin: 0 auto; z-index: 1; }
.layout-row .column { display: table-cell; vertical-align: top; width: 50%; /*background-color: #fff;*/ }
/*.page-template-page-home .layout-row .column { background-color: #fff; }*/
/*.page-template-page-two-columns .layout-row .column { background-color: transparent; }*/
.layout-row .column.half { width: 25%; vertical-align: middle; /*background-color: transparent;*/ }
.layout-row .column.half .item:last-child { margin-bottom: 100px; }
.layout-row .column.slider { /*background-color: transparent;*/ margin-bottom: 100px; }
.layout-row .column .item { display: block; width: 100%; background-color: #fff; }
.layout-row .column .nav { float: right; }
.layout-row .column .nav a { display: block; width: 100px; height: 100px; color: #fff; background-color: #2e2e2e; float: right; text-align: center; }
.layout-row .column .nav a:first-child { background-color: #131313; }
.layout-row .column .nav a i, .layout-row .column .nav a span { position: absolute; left: 50%; line-height: 100px; -webkit-transform: translate(-50%); -ms-transform: translate(-50%); transform: translate(-50%); -webkit-transition: opacity 0.4s; transition: opacity 0.4s; }
.layout-row .column .nav a i { /*width: 35px; height: 35px;*/ font-size: 50px; }
.layout-row .column .nav a span { font-family: "freight-big-pro"; font-weight: 100; font-style: italic; opacity: 0; }
.layout-row .column .nav a:hover i { opacity: 0; }
.layout-row .column .nav a:hover span { opacity: 1; }
.layout-row .column .related { padding: 0 60px; }
.layout-row .column .item .related h4 { margin: 40px 0 20px 0; }
.layout-row .column .related ul { list-style: none; padding-bottom: 25px; }
.layout-row .column .related ul li a { font-family: "freight-big-pro"; font-weight: 100; font-style: italic; padding: 3px 0; display: table; color: #818285; letter-spacing: 1px; }
.layout-row .column .related ul li a:hover { color: #131313; }
.layout-row .column .item:before, .layout-row .column .item:after { content: ""; display: block; clear: both; }
.layout-row .column .item.line-down:after { content: ""; position: absolute; top: 75px; left: 50px; height: 0; width: 1px; background-color: #acacac; z-index: 1; -webkit-transition: all 0.8s; transition: all 0.8s; }
.layout-row .column .item.line-right:after { content: ""; position: absolute; bottom: 75px; left: 50px; width: 0; height: 1px; background-color: #acacac; z-index: 1; -webkit-transition: all 0.8s; transition: all 0.8s; }
.layout-row .column .item.line-right h5 { font-family: "freight-big-pro"; font-weight: 100; position: absolute; bottom: 78px; right: 90px; font-size: 26px; font-style: italic; text-transform: inherit; letter-spacing: 2px; }
.layout-row .column .item .latest-blog { font-family: "freight-big-pro"; font-weight: 100; font-size: 26px; font-style: italic; text-transform: inherit; letter-spacing: 2px; margin-bottom: 16px; }
.layout-row .column .item h1, .layout-row .column .item h2 { margin: 0; line-height: 1; }
.layout-row .column .item h4 { margin: 20px 0; font-size: 14px; letter-spacing: 0.08em; }
.layout-row .column .item h4:before { content: ""; display: inline-block; vertical-align: middle; width: 50px; height: 1px; background-color: #666; margin-right: 15px; }
.layout-row .column .box { padding: 75px 70px; }
.layout-row .column .box .article { margin-bottom: 50px; }
.layout-row .column .box .article:last-child { margin-bottom: 0; }
.layout-row.loop .column .box .article { padding-right: 70px; }
.layout-row.loop .column .box .article .button { position: absolute; top: 10px; right: 0; }
.layout-row.loop .column .box .navigation { border-top: 1px solid #000; padding-top: 50px; }
.layout-row.loop .column .box .navigation h2.screen-reader-text { display: none; }
.layout-row.loop .column .box .navigation .page-numbers { font-family: "freight-big-pro"; letter-spacing: 1px; font-style: italic; font-size: 20px; }
.layout-row.loop .column .box .navigation .next { font-family: "freight-big-pro"; color: #131313; }
.layout-row.loop .column .box .navigation .next:after, .layout-row.loop .column .box .navigation .prev:after { width: 49px; height: 49px; display: inline-block; border: 1px solid #111; vertical-align: middle; margin-left: 0; font-family: FontAwesome; font-size: 25px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-align: center; font-style: normal; line-height: 46px; }
.layout-row.loop .column .box .navigation .next:after { content: "\f105"; margin-left: 15px; margin-right: 0; }
.layout-row.loop .column .box .navigation .prev:after { content: "\f104"; margin-right: 15px; }
.layout-row.loop .column .box .navigation .prev:hover:after, .layout-row.loop .column .box .navigation .next:hover:after { background-color: #111; color: #fff; }
.layout-row.loop .column .box .navigation .page-numbers.prev, .layout-row.loop .column .box .navigation .page-numbers.next { margin: 0; }
.layout-row.loop .column .box .navigation .page-numbers { margin-left: 5px; margin-right: 5px; }
.layout-row .column .box ul { list-style: none; }
.layout-row .column .box ul li { margin-left: 44px; }
.layout-row .column .box ul li:before { position: absolute; content: ""; margin: 0 20px; top: 0.5em; left: -44px; width: 4px; height: 4px; background-color: #818285; display: inline-block; vertical-align: middle; border-radius: 50%; }
.layout-row .column .box ul li + li { margin-top: 5px; }
.layout-row .column.middle { vertical-align: middle; }
.layout-row .column img { display: block; }
.layout-row .column .image img { width: 100%; height: auto; }
.layout-row .column .image-50 img { width: 50%; height: auto; }
/*.layout-row .column .image-50 a img { width: 100%; height: auto; }*/
.layout-row .column .image-50 a.link { width: 50%; }
.layout-row .column .image-50 a.link img { width: 100%; }

.layout-row .column a { color: #131313; }
.layout-row .column a:hover { text-decoration: underline; }
.layout-row .column a.button:hover, .layout-row .column a.link:hover { text-decoration: none; }
.layout-row .column a.link { position: absolute; top: 0; height: 100%; width: 100%; }
.layout-row .column a.link:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #131313; opacity: 0; z-index: 1; -webkit-transition: all 0.4s; transition: all 0.4s; }
.layout-row .column .item:hover a.link:after { opacity: .8; }
.layout-row .column a.link h3 { position: absolute; top: 50%; left: 50%; color: #fff; z-index: 2; margin: 0; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0; -webkit-transition: all 0.4s; transition: all 0.4s; }
.layout-row .column .item:hover a.link h3 { opacity: 1; }
.layout-row .column .item.line-right h5 { margin: 0; opacity: 0; -webkit-transition: all 0.4s; transition: all 0.4s; }
.layout-row .column .item.line-down:hover:after { height: calc(200% - 140px); }
.layout-row .column .item.line-right:hover:after { width: calc(100% - 140px); }
.layout-row .column .item.line-right:hover h5 { opacity: 1; transition-delay: 0.4s; }
/*.layout-row .column .item .button { position: absolute; bottom: 0; left: 70px; }*/
/*.layout-row .column .offset-top { -webkit-transform: translate(0,-100px); -ms-transform: translate(0,-100px); transform: translate(0,-100px); }*/

.layout-row .column .offset-top { margin-top: -113px; }
.single-post .layout-row .column .offset-top, .page-template-page-two-columns .layout-row .column .offset-top { margin-top: -110px; }
.layout-row .column .offset-left img, .layout-row .column .offset-right img { width: 150%; height: auto; }
.layout-row .column .offset-left img { -webkit-transform: translate(-33%); -ms-transform: translate(-33%); transform: translate(-33%); }
.layout-row .column .offset-right img { -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); }

.layout-row .column:first-child .image:nth-of-type(3) { display: none; }

@media (max-width: 1366px) {
  .layout-row .column .offset-left img, .layout-row .column .offset-right img { width: 100%; -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); }
}

/*@media (max-width: 1280px) {*/
@media (max-width: 1024px) {
  .layout-row { display: block; }
  .layout-row .column { display: block; float: left; vertical-align: top; width: 50%; background-color: #fff; }
  .layout-row .column img { max-width: 100%; }
  .layout-row .column a.link h3 { font-size: 26px; }
  .layout-row .column .item.line-right::after { bottom: 45px; left: 20px; }
  .layout-row .column .item.line-right:hover::after { width: calc(100% - 80px); }
  .layout-row .column .item.line-right h5 { bottom: 48px; right: 60px; }
  .layout-row .column .item h4::before { width: 30px; }
  .layout-row .column .offset-top { margin-top: -63px; }
  .single-post .layout-row .column .offset-top, .page-template-page-two-columns .layout-row .column .offset-top { margin-top: -60px; }
}

@media (max-width: 800px) {
  .layout-row .column { display: block; width: 100%; }
  .layout-row .column.half { display: none; }

  .layout-row .column:first-child .image:nth-of-type(3) { display: block; }

  .layout-row .column:first-child .image:nth-of-type(2), .layout-row .column:first-child .image:nth-of-type(3) { width: 50%; float: left; text-align: center; overflow: hidden; }
  .layout-row .column:first-child .image:nth-of-type(3) + .item { clear: both; }
  .layout-row .column:first-child .image:nth-of-type(2) img, .layout-row .column:first-child .image:nth-of-type(3) img { display: inline; margin-left: -100%; margin-right: -100%; max-width: 200%; width: auto; height: 50vw; vertical-align: middle; min-width: 100%; }

  .layout-row .column a.link h3 { font-size: 36px; }
  .layout-row .column .item.line-down::after { top: 45px; left: 20px; }
  .layout-row .column .item.line-right::after, .layout-row .column .item.line-right:hover::after { bottom: 45px; left: 20px; width: calc(100% - 80px); }
  .layout-row .column .item.line-right h5 { bottom: 48px; right: 60px; opacity: 1; }
  .layout-row .column .box { padding: 45px 40px; }
  .layout-row .column .offset-top, .single-post .layout-row .column .offset-top, .page-templates-page-two-columns .layout-row .column .offset-top { margin-top: 0; }
}

@media (max-width: 767px) {
  .layout-row .column.slider { margin-bottom: 0; }
  .layout-row .column.slider .nav { float: none; width: 200px; margin: 0 auto; }
  .layout-row .column.slider .related { width: 200px; padding: 0; margin: 0 auto 15px; }
}

@media (max-width: 736px) {
  .layout-row { display: block; table-layout: inherit; }
  .layout-row .column .box { padding: 45px 40px; }
  .layout-row.loop .column .box .article { padding-right: 65px; }
  .layout-row.loop .column .box .article .button { top: 7px; }
  .layout-row.loop .column .box .article .button::after { width: 44px; height: 44px; font-size: 21px; line-height: 41px; }
}

@media (max-width: 640px) {
  .layout-row .column .item.line-right::after, .layout-row .column .item.line-right:hover::after { bottom: 30px; left: 20px; width: calc(100% - 60px); }
  .layout-row .column .item.line-right h5 { bottom: 33px; right: 40px; font-size: 22px; }
}

@media (max-width: 480px) {
  .layout-row .column .item h2 { font-size: 30px; }
  .layout-row .column .item.line-right::after, .layout-row .column .item.line-right:hover::after { width: calc(100% - 40px); }
  .layout-row .column .item.line-right h5 { right: 20px; font-size: 20px; }
  .layout-row.loop .column .box .article .button { top: 6px; }
}

footer { background-image: url('images/footer.jpg'); background-size: cover; background-repeat: no-repeat; padding: 110px 0; margin-top: -100px; display: table; width: 100%; }
footer .subscribe { display: table-cell; vertical-align: middle; color: #fff; text-align: center; padding: 80px 0 0; }
footer .subscribe form { display: table; margin: 0 auto; }
footer .subscribe h2 { line-height: 1; color: #fff; }
footer .subscribe h4 { font-size: 14px; margin: 20px 0; letter-spacing: 1px; color: #fff; }
footer .subscribe h4:before { content: ""; display: inline-block; vertical-align: middle; width: 50px; height: 1px; background-color: #fff; margin-right: 15px; }
footer .subscribe .input { display: block; padding: 22.5px 25px; background-color: rgba(255,255,255,.50); font-size: 16px; -webkit-transition: 0.2s all; transition: 0.2s all; min-width: 450px; }
footer .subscribe .input:focus { background-color: rgba(255,255,255,.8); }
footer .subscribe .button { padding: 20px 25px; background-color: #FFF; border: 0; font-size: 18px; -webkit-transition: all 0.4s; transition: all 0.4s; }
footer .subscribe .button::after { display: none; }
footer .subscribe .button:hover, footer .subscribe .button:active, footer .subscribe .button:focus { background: #000; color: #fff; }
footer .subscribe .input, footer .subscribe .button { float: left; }
.copyright { background-color: #111; padding: 25px 0; text-align: center; }
.copyright p { margin: 0; font-size: 12px; color: #878787; }
.copyright p a { color: #fff; }

/*a.btn { display: inline-block; font-family: "freight-big-pro"; font-style: italic; letter-spacing: 2px; color: #131313; cursor: pointer; padding: 20px 25px; background-color: #FFF; border: 0; font-size: 18px; -webkit-transition: all 0.4s; transition: all 0.4s; }*/
a.btn { display: inline-block; font-family: "freight-big-pro"; font-style: italic; letter-spacing: 2px; color: #fff; cursor: pointer; padding: 12px 50px; background-color: transparent; border: 1px solid #fff; font-size: 18px; -webkit-transition: all 0.4s; transition: all 0.4s; margin-top: 15px; }
/*a.btn:hover { background: #000; color: #fff; }*/
a.btn:hover { background: #fff; color: #131313; }

@media (max-width: 1280px) {
  footer .subscribe h4::before { width: 30px; }
}

@media (max-width: 980px) {
  footer { padding: 90px 0; margin-top: 0; }
  footer .subscribe { padding: 0; }
}

@media (max-width: 640px) {
  footer { padding: 60px 15px; margin-top: 0; }
  footer .subscribe { display: block; }
  footer .subscribe h4 { font-size: 12px; }
  footer .subscribe form { min-width: 290px; float: inherit; width: 100%; }
  footer .subscribe form > div { width: 100%; padding-right: 50px; }
  footer .subscribe .input { min-width: 240px; float: inherit; width: 100%; padding: 17.5px 25px; font-size: 14px; }
  footer .subscribe .button { position: absolute; top: 0; right: 0; width: 50px; padding: 15px 20px; font-size: 22px; /*text-align: center;*/ }
  footer .subscribe .button::before { width: 10px; }
}
.zIndex0 { z-index: 0; }

.contact-container { background: #111; text-align: center; }
.contact-bar { list-style: none; display: inline-block; vertical-align: middle; z-index: 10; }
.contact-bar::after { content: ""; display: table; clear: both; }
.contact-bar li { width: auto; float: left; }
.contact-bar li:first-child > a { border-left: 1px solid #2e2e2e; }
.contact-bar li:nth-child(2n+1) > a { border-bottom: 1px solid #2e2e2e; }
.contact-bar li:nth-child(2n+1) > span, .contact-bar li:nth-child(2n+1) > a { background: #131313; }
.contact-bar li:nth-child(2n) > span, .contact-bar li:nth-child(2n) > a { background: #2e2e2e; }
.contact-bar li > span { display: none; }
.contact-bar li > span > a { display: block; color: #fff; font-size: 16px; letter-spacing: 0.08em; text-transform: uppercase; padding: 15px 15px 15px 0; }
.contact-bar li > a { display: block; width: 50px; height: 50px; color: #fff; font-size: 23px; line-height: 50px; text-align: center; }
@media (min-width: 768px) {
  .contact-container { background: #111; text-align: left; }
  .contact-bar { display: block; vertical-align: initial; }
  .contact-bar li { width: 25%; float: left; }
  .contact-bar li > span { display: block; width: 100%; height: 50px; padding: 0 0 0 50px; }
  .contact-bar li > a { display: block; position: absolute; top: 0; left: 0; width: 50px; height: 50px; color: #fff; font-size: 23px; line-height: 50px; text-align: center; }
  .contact-bar li:nth-child(2n+1) > a { border: 0; }
}
@media (min-width: 980px) {
  .contact-bar { position: fixed; top: 50%; right: 0; pointer-events: none; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); }
  .contact-bar li { width: 100%; float: none; clear: both; pointer-events: auto; }
  .contact-bar li > span { padding: 0 50px 0 0; float: left; visibility: hidden; -webkit-transform: translate(100%); -ms-transform: translate(100%); transform: translate(100%); -webkit-transition: all 0.4s; transition: all 0.4s; }
  .contact-bar li:hover > span, .contact-bar.js-preview li > span { visibility: visible; -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); }
  .contact-bar li > span > a { padding-left: 15px; }
  .contact-bar li > a { left: auto; right: 0; }
}

.page-pictures { height: 545px; max-height: calc(100vh - 120px); background-color: #111; background-position: center center; background-size: cover; }
.page-pictures:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.10); }
.page-pictures .page-pictures-center { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); text-align: center; z-index: 1; }
.page-pictures .page-pictures-center h1, .page-pictures .page-pictures-center h2 { font-size: 90px; margin: 0; }
.page-pictures .page-pictures-center h4 { font-size: 24px; margin: 10px 0; }
.page-pictures .page-pictures-center h1, .page-pictures .page-pictures-center h2, .page-pictures .page-pictures-center h4 { letter-spacing: 1px; color: #fff; line-height: 1; }
.page-pictures .page-pictures-center h4::before { content: ""; display: inline-block; vertical-align: middle; width: 50px; height: 1px; background-color: #fff; margin-right: 15px; }

@media (max-width: 1280px) {
  .page-pictures .page-pictures-center { width: 100%; }
  .page-pictures .page-pictures-center h1, .page-pictures .page-pictures-center h2 { font-size: 70px; }
  .page-pictures .page-pictures-center h4 { font-size: 20px; }
  .page-pictures .page-pictures-center h4::before { width: 30px; }
}

@media (max-width: 800px) {
  .page-pictures { height: 300px; }
  .page-pictures .page-pictures-center { padding: 0 15px; }
  .page-pictures .page-pictures-center h1, .page-pictures .page-pictures-center h2 { font-size: 50px; }
  .page-pictures .page-pictures-center h4 { font-size: 16px; }
}

.group-input { margin-bottom: 15px; }
.group-input label { font-size: 16px; text-transform: uppercase; margin-top: 15px; margin-bottom: 5px; display: block; }
.group-input .input, .group-input input[type="text"], .group-input input[type="email"], .group-input textarea { width: 100%; border: 1px solid #acacac; padding: 12px 10px; font-size: 16px; font-family: "proxima-nova"; }
.group-input textarea.input { height: 9em; }
.button.btn-submit { float: right; margin-top: 15px; }

@media (max-width: 320px) {
  .g-recaptcha { margin-left: -32px; }
}

form .error { display: block; color: #c42303; font-size: 14px; margin-top: 5px; }
.subscribe form .error { text-align: left; }

/* Custom Select */
.input-select { padding: 12px 10px; border: 0; z-index: 2; cursor: pointer; width: 100% !important; height: 100% !important; position: absolute; opacity: 0; top: 0; left: 0; }
.select { border: 1px solid #acacac; padding: 12px 10px; font-size: 16px; font-family: "proxima-nova"; }
/*.select:after { content: ''; position: absolute; top: 0; right: 0; }*/

table.hours td { line-height: 1.8; }
table.hours td:first-child { color: #131313; padding-right: 40px; }