/*
Theme Name: WEfilm
Author: Netgenerator GmbH
Author URI: https://www.netgenerator.de/
Description: Individuell für WEfilm handgefertigtes Wordpress-Theme
Version: 1.0
*/

/*----------- FONTS -----------*/ 
@font-face {
    font-family: 'Geomanist 350';
    src: url('geomanist-book-webfont.eot');
    src: url('fonts/geomanist-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/geomanist-book-webfont.woff2') format('woff2'),
         url('fonts/geomanist-book-webfont.woff') format('woff'),
         url('fonts/geomanist-book-webfont.ttf') format('truetype'),
         url('fonts/geomanist-book-webfont.svg#geomanistregular') format('svg');
    font-weight: normal;
    font-style: normal;font-display: swap;
}

@font-face {
    font-family: 'Geomanist 400';
    src: url('geomanist-regular-webfont.eot');
    src: url('fonts/geomanist-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/geomanist-regular-webfont.woff2') format('woff2'),
         url('fonts/geomanist-regular-webfont.woff') format('woff'),
         url('fonts/geomanist-regular-webfont.ttf') format('truetype'),
         url('fonts/geomanist-regular-webfont.svg#geomanistregular') format('svg');
    font-weight: normal;
    font-style: normal;font-display: swap;
}

@font-face {
    font-family: 'Geomanist 500';
    src: url('fonts/geomanist-medium-webfont.eot');
    src: url('fonts/geomanist-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/geomanist-medium-webfont.woff2') format('woff2'),
         url('fonts/geomanist-medium-webfont.woff') format('woff'),
         url('fonts/geomanist-medium-webfont.ttf') format('truetype'),
         url('fonts/geomanist-medium-webfont.svg#geomanistregular') format('svg');
    font-weight: normal;
    font-style: normal;font-display: swap;
}

@font-face {
    font-family: 'Geomanist 700';
    src: url('fonts/geomanist-bold-webfont.eot');
    src: url('fonts/geomanist-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/geomanist-bold-webfont.woff2') format('woff2'),
         url('fonts/geomanist-bold-webfont.woff') format('woff'),
         url('fonts/geomanist-bold-webfont.ttf') format('truetype'),
         url('fonts/geomanist-bold-webfont.svg#geomanistregular') format('svg');
    font-weight: normal;
    font-style: normal;font-display: swap;
}

/*----------- /FONTS -----------*/
html
{
	font-size: 10px;
	--dark-gray:#1C1C20;
}

body
{
	font-family: 'Geomanist 350', sans-serif;
	font-size: 2rem;
	color: #fff;
	background: #1C1C20;
	overflow-x: hidden;
	max-width: 100%;
	position: relative;
}
.grecaptcha-badge { visibility: hidden !important; }

body.menu-open { position: fixed; overflow-y:scroll; width:  100%;}

.page-template-default
{
	background:  #fff;
}

.container
{
	padding: 0 1.5rem;
}

.row
{
	margin-left:  -1.5rem;
	margin-right:  -1.5rem;
}

.row > div
{
	padding-left:  1.5rem;
	padding-right:  1.5rem;
}

.page-header
{
	padding: 6rem 6rem 0 6rem;
	position:  absolute;
	top:  0;
	left:  0;
	width:  100%;
	display:  flex;
	align-items:  center;
	z-index:  9999;
}

body.menu-open .page-header
{
	position:  fixed;
}

.page-header #logo
{
	font-size:  1.3rem;
	line-height: 1.7rem;
	text-transform:  uppercase;
	letter-spacing:  .5em;
	color:  #fff;
	font-family: 'Geomanist 500';
}

.page-header .menu-opener
{
	font-size:  1.3rem;
	line-height: 1.7rem;
	text-transform:  uppercase;
	letter-spacing:  .5em;
	color:  #fff;
	font-family: 'Geomanist 500';
	margin-left:  auto;
	padding-right:  4.5rem;
	position:  relative;
	cursor:  pointer;
}

.page-header .menu-opener:before
{
	content: '';
	position:  absolute;
	right:  0;
	top:  .4rem;
	width:  2.6rem;
	height:  .2rem;
	background:  #fff;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.page-header .menu-opener.open:before
{
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	top: .8rem;
}

.page-header .menu-opener:after
{
	content: '';
	position:  absolute;
	right:  1.3rem;
	bottom:  .4rem;
	width:  1.3rem;
	height:  .2rem;
	background:  #fff;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.page-header .menu-opener.open:after
{
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	width:  2.6rem;
	right:  0;
	bottom:  .7rem;
}

.page-header .menu-opener:hover:after
{
	width:  2.6rem;
	right:  0;
}

#menu-overlay
{
	background:  #1C1C20;
	position:  fixed;
	top:  0;
	left:  0;
	width:  100%;
	height:  100%;
	z-index:  999;
	display:  flex;
	align-items:  center;
	display:  none;
}

#menu-overlay .overlay-holder
{
	width:  100%;
}

#menu-overlay .scroll-wrapper
{
	height:  90vh;
	margin-top:  5vh;
}

#menu-overlay .wrapper
{
	height:  100%;
	display:  flex;
	align-items:  center;
	width:  100%;
	padding:  10rem 0;
}

#menu-overlay .holder
{
	width:  100%;
}

#menu-overlay .contact
{
	padding-top:  2rem;
}

#menu-overlay .contact p
{
	font-size:  3rem;
	line-height:  4.5rem;
	font-family: 'Geomanist 500';
}

#menu-overlay .contact p span
{
	font-size:  1.1rem;
	line-height:  1.5rem;
	letter-spacing:  .5em;
	text-transform:  uppercase;
	display:  block;
	font-family: 'Geomanist 350';
	margin-bottom:  1.5rem;
}

.scrollbar-macosx > .scroll-element.scroll-x
{
	display:  none !important;
}

#menu-top-main
{	
	font-family: 'Geomanist 500';
	margin-bottom: 11rem;
}

#menu-top-main > li
{
	display:  block;
	margin-bottom:  4rem;
	text-transform:  lowercase;
}

#menu-top-main > li:last-child
{
	margin-bottom:  0;
}

#menu-top-main > li > a
{
	display:  inline-block;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	color:  #fff;
	-webkit-text-stroke-width: .1rem;
	-webkit-text-stroke-color: transparent;
	-webkit-text-stroke: .1rem transparent;
	font-size:  8rem;
	line-height:  7rem;	
}

#menu-top-main > .current-menu-item > a,
#menu-top-main > li > a:hover
{
	-webkit-text-stroke-width: .1rem;
	-webkit-text-stroke-color: #fff;
	-webkit-text-stroke: .1rem #fff;
	color:  transparent;
}

#menu-top-main .menu-item-has-children > span
{
	position: relative;
	display: inline-block;
	margin-left: 2rem;
	width: 4rem;
	height: 4rem;
	cursor: pointer;
	font-size: 4rem;
}

#menu-top-main .menu-item-has-children > span:after
{
	content: '\f078';
	font-family:  "Font Awesome 5 Free";
	font-weight:  700;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;	
}

#menu-top-main .menu-item-has-children.open > span
{
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

#menu-top-main ul
{
	margin: 0;
	padding: 2rem 0 0 0;
	display: none;
}

#menu-top-main ul li
{
	width: 40%;
	display: inline-block;
}

#menu-top-sub
{
	margin: 0 0 0 auto;
	display:  flex;
	font-size:  1.3rem;
	line-height:  1.7rem;
	letter-spacing:  -.03em;
	text-transform:  lowercase;
	padding-top:  3.5rem;
	border-top:  1px solid rgba(255,255,255, .3);
}

#menu-top-sub li
{
	margin-right:  4.5rem;
}

#menu-top-sub li:last-child
{
	margin-right:  0;
}

#menu-top-sub li a
{
	color:  rgba(255,255,255,.35);
}

.page-heading.type-1
{
	background:  #1C1C20;
	color:  #fff;
	text-align:  center;
	padding:  14rem 0;
	margin-bottom:  8rem;
}

.page-heading.type-1 .heading
{
	font-size:  18rem;
	line-height:  16rem;
	font-family: 'Geomanist 500';
	letter-spacing:  .01em;
	margin-bottom: 0;
}

.page-bg
{
	position:  absolute;
	top:  0;
	left:  0;
	width:  100%;
}

.page-bg.type-1
{
	min-height:  67rem;
}

.page-bg.type-2
{
	min-height:  100vh;
	padding-top:  21rem;
	position:  relative;
}

.page-bg.type-3
{
	min-height:  61rem;
	position:  relative;
}

.page-bg.type-4
{
	min-height:  50rem;
}

.page-bg .bg
{
	position:  absolute;
	top:  0;
	left:  0;
	width:  100%;
	height:  100%;
	background-size:  cover;
	background-position:  center center;
}

.page-bg.type-2 .bg
{
	height:  58rem;
	top:  auto;
	bottom:  0;
}

.page-bg .overlay
{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1c1c20+0,1c1c20+100&0+0,1+86 */
	background: -moz-linear-gradient(top,  rgba(28,28,32,0) 0%, rgba(28,28,32,1) 86%, rgba(28,28,32,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(28,28,32,0) 0%,rgba(28,28,32,1) 86%,rgba(28,28,32,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(28,28,32,0) 0%,rgba(28,28,32,1) 86%,rgba(28,28,32,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001c1c20', endColorstr='#1c1c20',GradientType=0 ); /* IE6-9 */
	position:  absolute;
	top:  0;
	left:  0;
	width:  100%;
	height:  100%;
}

.page-bg.type-2 .overlay
{
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	height:  58rem;
	bottom:  0;
	top:  auto;
}

.page-bg .video-holder
{
	position:  absolute;
	top:  0;
	left:  0;
	width:  100%;
	height:  100%;
}

.page-bg.type-2 .video-holder
{
	top:  auto;
	bottom:  0;
	height:  58rem;
}

.page-bg video
{
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.page-bg .container
{
	position:  relative;
	z-index:  10;
	text-align:  center;
	color:  #fff;
}

.page-bg  .heading
{
	font-size:  18rem;
	line-height:  16rem;
	font-family: 'Geomanist 500';
	letter-spacing:  .01em;
	margin-bottom:  4rem;
}

.page-content
{
	position:  relative;
	z-index:  99;
	overflow:  hidden;
}

.page-content > section
{
	position:  relative;
	z-index:  99;
}

.page-content.page-content-type-1
{
	padding-top:  21rem;
}

.page-content.page-content-type-2
{
	margin-top:  -13rem;
	position:  relative;
}

.page-content.page-content-type-2:after
{
	content: '';
	width:  100%;
	height:  7rem;
	background:  #fafafa;
	position:  absolute;
	left:  0;
	bottom:  0;
}

.page-content.page-content-type-3
{
	padding-top:  27rem;
}

.page-content.page-content-type-3 > section
{
	margin-bottom:  10rem;
}

.page-template-work .page-content.page-content-type-3 > section
{
	margin-bottom: 0;
}

.main-slider .slider-wrap
{
	position:  relative;
}

.main-slider .slider-wrap .slider-nav-wrap
{
	position:  absolute;
	left:  0;
	width:  100%;
	bottom:  6rem;
	z-index:  99;
}

.main-slider .slider-wrap .slider-nav ul
{
	display:  flex;
	justify-content:  center;
	margin:  0 -.6rem;
}

.main-slider .slider-wrap .slider-nav ul li 
{
	width:  25%;
	padding-left:  .6rem;
	padding-right:  .6rem;
}

.main-slider .slider-wrap .slider-nav ul li div
{
	height:  .2rem;
	width:  100%;
	background:  rgba(255,255,255,.2);
	cursor:  pointer;
	position:  relative;
}

.main-slider .slider-wrap .slider-nav ul li div:after
{
	content: '';
	width:  0;
	height:  100%;
	background:  #fff;
	position:  absolute;
	left:  0;
	top:  0;	
}

.main-slider .slider-wrap .slider-nav ul li.full-progress div:after
{
	width:  100%;
}

.main-slider .slider-wrap .slider-nav ul li.set-progress div:after
{
	animation: sliderNavAnim 5s ease;
	animation-fill-mode: forwards;
}

@keyframes sliderNavAnim {
  from { width:  0; }
  to { width:  100%;}
}

.main-slider .slider .slide
{
	min-height:  100vh;
	position:  relative;
}

.main-slider .slider .slide .bg
{
	position:  absolute;
	left:  0;
	top:  0;
	width:  100%;
	height:  100%;
	background-size:  cover;
	background-position:  center center;
}

.main-slider .slider .slide .video-holder
{
	position:  absolute;
	left:  0;
	top:  0;
	width:  100%;
	height:  100%;
}

.main-slider .slider .slide video
{
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.main-slider .slider .slide .bg:after,
.main-slider .slider .slide .video-holder:after
{
	content: '';
	width:  100%;
	height:  100%;
	position:  absolute;
	top:  0;
	left:  0;
	background:  #1C1C20;
	opacity:  .55;
}

.main-slider .slider .slide .content
{
	position:  relative;
	z-index:  10;
	min-height:  100vh;
	display:  flex;
	align-items:  center;
	justify-content:  center;
	text-align:  center;
}

.main-slider .slider .slide .content > div
{
	width:  100%;
}

.main-slider .slider .slide h2
{
	font-size:  9rem;
	line-height:  9.5rem;
	color:  #fff;
	margin-bottom:  5rem;
}

.main-slider .slider .slide h2 .stroke
{
	-webkit-text-stroke-width: .1rem;
	-webkit-text-stroke-color: #fff;
	-webkit-text-stroke: .1rem #fff;
	color:  transparent;
}

.main-slider .slider .slide .link
{
	font-size:  1.5rem;
	line-height:  2rem;
	letter-spacing:  .5em;
	display:  inline-block;
	font-family: 'Geomanist 400';
	text-transform:  uppercase;
	padding-bottom:  1rem;
	position:  relative;
}

.main-slider .slider .slide .link:after
{
	content: '';
	width:  calc(100% - .5em);
	height:  .1rem;
	background:  #fff;
	position:  absolute;
	bottom:  0;
	left:  0;
}

.main-slider .slider .slide .content-holder
{
	position:  relative;
	padding:  0 3.5rem;
}

.main-slider .slider .slide .content-holder .prev,
.main-slider .slider .slide .content-holder .next
{
	cursor:  pointer;
	position:  absolute;
	top:  50%;
	margin-top:  -.35rem;
	width:  2rem;
	height:  .7rem;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.main-slider .slider .slide .content-holder .prev
{
	background:  url(images/arrow-2.svg) 0 0;
	left:  0;
}

.main-slider .slider .slide .content-holder .prev:hover
{
	width:  4.3rem;
	left:  -2.3rem;
}

.main-slider .slider .slide .content-holder .next
{
	background:  url(images/arrow-3.svg) right 0;
	right:  0;
}

.main-slider .slider .slide .content-holder .next:hover
{
	width:  4.3rem;
	right:  -2.3rem;
}

.block-type-1
{
	text-align:  center;
	padding-bottom:  13rem;
}

.block-type-1 .heading
{
	font-size:  18rem;
	line-height:  16rem;
	font-family: 'Geomanist 500';
	letter-spacing:  .01em;
	margin-bottom:  4rem;
}

.block-type-1 .text
{
	margin-bottom:  6rem;
}

.block-type-1 .text p
{
	font-size:  2.4rem;
	line-height:  4.2rem;
}

.block-type-1 .text *:last-child
{
	margin-bottom:  0;
}

.contact-form
{
	text-align:  left;
}

.contact-form .row
{
	margin-left:  -.8rem;
	margin-right:  -.8rem;
}

.contact-form .row > div
{
	padding-left:  .8rem;
	padding-right:  .8rem;
}

.contact-form p
{
	margin-bottom:  2.5rem;
}

.contact-form label
{
	color:  #fff;
	font-size:  1.1rem;
	line-height:  1.5rem;
	letter-spacing:  .5em;
	text-transform:  uppercase;
	margin-bottom:  1.5rem;
	display:  block;
}

.builder-block-9 .contact-form label
{
	color:var(--dark-gray);
}

.contact-form input[type=text],
.contact-form input[type=email]
{
	width:  100%;
	border:  none;
	border-bottom:  1px solid rgba(255,255,255,.2);
	font-size:  2.1rem;
	line-height:  3rem;
	font-family: 'Geomanist 400';
	color:  #fff;
	background:  none;
	padding:  0 0 1.5rem 0;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.builder-block-9 .contact-form input[type=text],
.builder-block-9 .contact-form input[type=email]
{
	color:var(--dark-gray);
	border-bottom:1px solid var(--dark-gray);
}

.contact-form input[type=text]:focus,
.contact-form input[type=email]:focus,
.contact-form textarea:focus
{
	border-color:  #fff;
}

.builder-block-9 .contact-form input[type=text]:focus,
.builder-block-9 .contact-form input[type=email]:focus,
.builder-block-9 .contact-form textarea:focus
{
	border-color:  var(--dark-gray);
}

.bootstrap-select>.dropdown-toggle
{
	width:  100%;
	border:  none;
	border-bottom:  1px solid rgba(255,255,255,.2);
	font-size:  2.1rem;
	line-height:  3rem;
	font-family: 'Geomanist 400';
	color:  #fff;
	background:  none;
	padding:  0 0 1.5rem 0;
	border-radius:  0;
}

.builder-block-9 .bootstrap-select>.dropdown-toggle
{
	border-color:var(--dark-gray);
	color:var(--dark-gray);
}

.bootstrap-select>.dropdown-toggle.bs-placeholder, .bootstrap-select>.dropdown-toggle.bs-placeholder:active, .bootstrap-select>.dropdown-toggle.bs-placeholder:focus, .bootstrap-select>.dropdown-toggle.bs-placeholder:hover
{
	color:  rgba(255,255,255,.2);
}

.builder-block-9 .bootstrap-select>.dropdown-toggle.bs-placeholder, .builder-block-9 .bootstrap-select>.dropdown-toggle.bs-placeholder:active, .builder-block-9 .bootstrap-select>.dropdown-toggle.bs-placeholder:focus, .builder-block-9 .bootstrap-select>.dropdown-toggle.bs-placeholder:hover
{
	color:var(--dark-gray);
}

.bootstrap-select .dropdown-toggle:focus, .bootstrap-select>select.mobile-device:focus+.dropdown-toggle,
.btn-check:active+.btn-light:focus, .btn-check:checked+.btn-light:focus, .btn-light.active:focus, .btn-light:active:focus, .show>.btn-light.dropdown-toggle:focus,
.btn-check:active+.btn-light, .btn-check:checked+.btn-light, .btn-light.active, .btn-light:active, .show>.btn-light.dropdown-toggle
{
	outline:  none !important;
	box-shadow:  none !important;
	background:  none !important;
}

.dropdown-menu
{
	background:  #1C1C20;
	color:  #fff;
	border:  1px solid rgba(255,255,255,.2);
	font-size:  2.1rem;
	line-height:  3rem;
	font-family: 'Geomanist 400';
}

.builder-block-9 .dropdown-menu
{
	background:#fff;
	color:var(--dark-gray);
	border-color:var(--dark-gray);
}

.bootstrap-select .dropdown-menu li a span.text
{
	margin-bottom:  0;
}

.dropdown-item
{
	color:  #fff;
}

.builder-block-9 .dropdown-item
{
	color:var(--dark-gray);
}

.contact-form textarea
{
	resize:  none;
	display:  block;
	border:  1px solid rgba(255,255,255,.2);
	font-size:  2.1rem;
	line-height:  4.5rem;
	font-family: 'Geomanist 400';
	color:  #fff;
	background:  none;
	padding:  1.5rem 2.5rem;
	width:  100%;
	height:  24rem;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.builder-block-9 .contact-form textarea
{
	border-color:var(--dark-gray);
	color:var(--dark-gray);
}

.dropdown-item.active, .dropdown-item:active,
.dropdown-item:focus, .dropdown-item:hover
{
	background:  #1a1a1e;
	color: #fff
}

.builder-block-9 .dropdown-item.active, .dropdown-item:active,
.builder-block-9 .dropdown-item:focus, .dropdown-item:hover
{
	background:  #fff;
	color: var(--dark-gray);
}

.btn-check:active+.btn-light, .btn-check:checked+.btn-light, .btn-light.active, .btn-light:active, .show>.btn-light.dropdown-toggle
{
	color:  #fff;
	border-color:  #fff;
}

.builder-block-9 .btn-check:active+.btn-light, .builder-block-9 .btn-check:checked+.btn-light, .builder-block-9 .btn-light.active, .btn-light:active, .builder-block-9 .show>.btn-light.dropdown-toggle
{
	color:  var(--dark-gray);
	border-color:  var(--dark-gray);
}

.contact-form span
{
	position:  relative;
	display:  block;
}

.contact-form .wpcf7-not-valid-tip
{
	position:  absolute;
	right:  0;
	top:  100%;
	font-size:  1.1rem;
	background:  rgba(255,255,255,.2);
	color:  #fff;
	line-height:  1.3rem;
	padding:  .2rem 1rem;
}

.builder-block-9 .contact-form .wpcf7-not-valid-tip
{
	background:var(--dark-gray);
}

.wpcf7 form .wpcf7-response-output
{
	margin:  2rem 0 0 0;
	padding:  1.5rem;
	text-align:  center;
	font-size:  1.4rem;
	line-height:  2.2rem;
}

.contact-form .wpcf7-submit
{
	border:  1px solid #fff;
	font-size:  1.3rem;
	line-height:  1.7rem;
	text-transform:  uppercase;
	color:  #fff;
	letter-spacing:  .4em;
	padding:  1.4rem 2rem;
	text-align:  center;
	background:  none;
	width:  100%;
}

.builder-block-9 .contact-form .wpcf7-submit
{
	border-color:var(--dark-gray);
	color:var(--dark-gray);
}

.contact-form .wpcf7-acceptance label
{
	font-size:  1.5rem;
	line-height:  3rem;
	color:  rgba(255,255,255,.2);
	text-transform:  none;
	letter-spacing:  0;
	cursor:  pointer;
}

.builder-block-9 .contact-form .wpcf7-acceptance label
{
	color:var(--dark-gray);
}

.contact-form .wpcf7-acceptance input
{
	display:  none;
}

.contact-form .wpcf7-acceptance input + span
{
	display:  block;
	position:  relative;
	padding-left:  3.5rem;
}

.contact-form .wpcf7-acceptance input + span:before
{
	content: '';
	width:  2rem;
	height:  2rem;
	border:  1px solid rgba(255,255,255,.2);
	font-family:  "Font Awesome 5 Free";
	font-weight:  700;
	position:  absolute;
	left:  0;
	top:  .4rem;
	display:  flex;
	align-items:  center;
	justify-content:  center;
	font-size:  1rem;
	color:  #fff;
}

.builder-block-9 .contact-form .wpcf7-acceptance input + span:before
{
	border-color:var(--dark-gray);
	color:var(--dark-gray);
}

.contact-form .wpcf7-acceptance input:checked + span:before
{
	content:  '\f00c';
}

.contact-form .wpcf7-list-item
{
	margin:  0;
}

.contact-form ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color:  rgba(255,255,255,.2);
  opacity:  1;
}
.contact-form ::-moz-placeholder { /* Firefox 19+ */
  color:  rgba(255,255,255,.2);
  opacity:  1;
}
.contact-form :-ms-input-placeholder { /* IE 10+ */
  color:  rgba(255,255,255,.2);
  opacity:  1;
}
.contact-form :-moz-placeholder { /* Firefox 18- */
  color:  rgba(255,255,255,.2);
  opacity:  1;
}

.builder-block-9 .contact-form ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color:  var(--dark-gray);
  opacity:  1;
}
.builder-block-9 .contact-form ::-moz-placeholder { /* Firefox 19+ */
  color:  var(--dark-gray);
  opacity:  1;
}
.builder-block-9 .contact-form :-ms-input-placeholder { /* IE 10+ */
  color:  var(--dark-gray);
  opacity:  1;
}
.builder-block-9 .contact-form :-moz-placeholder { /* Firefox 18- */
  color:  var(--dark-gray);
  opacity:  1;
}

.block-type-2
{	
	background: #fff;
	color:  #1C1C20;
}

.block-type-2 .container
{
	position:  relative;
	padding-top:  12rem;
	padding-bottom:  14rem;
}

.block-type-2 .container:after
{
	content: '';
	width:  calc(100% - 10rem + ((100vw - 1290px) / 2));
	background:  #FAFAFA;
	height:  100%;
	position:  absolute;
	top:  0;
	left:  calc((100vw - 1290px) / 2 * -1);
}

.block-type-2 .container .row
{
	position:  relative;
	z-index:  10;
}

.block-type-2 .heading
{
	color:  #1C1C20;
	font-size:  6rem;
	line-height:  4.5rem;
	font-family: 'Geomanist 500';
	margin-bottom:  6rem;
	padding-bottom:  5rem;
	position:  relative;
}

.block-type-2 .heading:after
{
	content: '';
	width:  400rem;
	background:  #1C1C20;
	opacity:  .2;
	position:  absolute;
	bottom:  0;
	left:  0;
	height:  .1rem;
}

.block-type-2 .small-caption
{
	color:  #1C1C20;
	margin-bottom:  .8rem;
}

.block-type-2 .text
{
	margin-bottom: 4rem;
}

.block-type-2 .text *:last-child
{
	margin-bottom:  0;
}

.block-type-2 .text p
{
	font-size:  3rem;
	line-height:  4.5rem;
	font-family: 'Geomanist 500';
}

.block-type-3
{
	background:  #fff;
	color:  #1C1C20;
	padding:  14rem 0 11rem 0;
}

.block-type-3 .top
{
	position:  relative;
}

.block-type-3 .top:before
{
	content: '';
	width:  calc(100% - 10rem + ((100vw - 1290px) / 2));
	background:  #FAFAFA;
	height:  41rem;
	position:  absolute;
	top:  13rem;
	left:  calc((100vw - 1290px) / 2 * -1);
}

.block-type-3 .top .row
{
	position:  relative;
	z-index:  10;
}

.block-type-3 .heading
{
	font-size:  6rem;
	line-height:  4.5rem;
	color:  #1C1C20;
	margin-bottom:  4.5rem;
}

.block-type-3 .text
{
	margin-bottom: 9rem;
}

.block-type-3 .text p
{
	font-size: 2.4rem;
	line-height:  4.2rem;
}

.block-type-3 .text *:last-child
{
	margin-bottom:  0;
}

.block-type-3 .bottom
{
	position:  relative;
	z-index:  10;
}

.block-type-3 .bottom .row
{
	align-items:  center;
}

.block-type-3 .small-caption
{
	color:  #1C1C20;
	margin-bottom:  3rem;
}

.block-type-3 .small-text p
{
	font-size:  1.5rem;
	line-height:  3rem;
	font-family: 'Geomanist 400';
}

.block-type-3 .small-text *:last-child
{
	margin-bottom:  0;
}

.block-type-3 .image
{
	height:  52rem;
	background-size:  cover;
	background-position:  center center;
	width:  calc(100% + ((100vw - 1290px) / 2) - 16.6666667%);
	margin-left:  16.666667%;
	position:  relative;
	z-index:  10;
	margin-bottom:  8rem;
}

.block-type-3 .content-text p
{
	font-size:  1.5rem;
	line-height:  3rem;
	font-family: 'Geomanist 400';
}

.block-type-3 .content-text *:last-child
{
	margin-bottom:  0;
}

.block-type-3 .small-caption
{
	color:  #1C1C20;
	margin-bottom:  3rem;
}

.block-type-4
{
	background:  #fff;
	color:  #1C1C20;
	font-family: 'Geomanist 400';
	padding-bottom:  15.5rem;
}

.block-type-4.alt
{
	background:  none;
	color: #fff;
	padding-bottom: 0;
}

.block-type-4 .columns
{
	margin-bottom:  11rem;
}

.block-type-4.alt .columns
{
	margin-bottom:  1rem;
}

.block-type-4 .text p
{
	font-size:  1.5rem;
	line-height:  3rem;
}

.block-type-4 .text *:last-child
{
	margin-bottom:  0;
}

.block-type-4 .small-caption
{
	color:  #1C1C20;
	margin-bottom:  3rem;
}

.block-type-4.alt .small-caption
{
	color: #fff;
	min-height:  3rem;
}

.block-type-4 .image
{
	height:  52rem;
	background-size:  cover;
	background-position:  center center;
	width:  calc(100% + ((100vw - 1290px) / 2) - 16.6666667%);
	margin-left:  16.666667%;
}

.block-type-4 .bottom
{
	position:  relative;
	z-index:  10;
}

.block-type-4 .bottom .row
{
	align-items:  center;
}

.block-type-4 .bottom .small-caption
{
	color:  #1C1C20;
	margin-bottom:  3rem;
}

.block-type-4 .bottom .small-text p
{
	font-size:  1.5rem;
	line-height:  3rem;
	font-family: 'Geomanist 400';
}

.block-type-4 .bottom .small-text *:last-child
{
	margin-bottom:  0;
}

.block-type-5
{
	position:  relative;
	z-index:  999;
}

.block-type-5 h1
{
	color: transparent;
	-webkit-text-stroke-width: .15rem;
	-webkit-text-stroke-color: #fff;
	-webkit-text-stroke: .15rem #fff;
	font-size:  13rem;
	line-height:  11rem;
	margin-bottom:  7.5rem;
}

.block-type-5 .meta, .project-info .meta
{
	display:  flex;
	margin-bottom:  10rem;
}

.block-type-5 .meta p, .project-info .meta p
{
	margin:  0;
}

.block-type-5 .meta .small-caption, .project-info .meta .small-caption
{
	margin-bottom:  1rem;
}

.block-type-5 .meta .category, .project-info .meta .category
{
	margin-left:  5.5rem;
}

.block-type-5 .meta .year, .project-info .meta .year
{
	margin-left:  auto;
}

.block-type-5 .meta .field, .project-info .meta .field
{
	font-size:  3rem;
	line-height:  4.5rem;
	font-family: 'Geomanist 500';
}

.block-type-5 .description
{
	margin-bottom:  14rem;
}

.block-type-5 .description h2
{
	font-size:  6rem;
	line-height:  4.5rem;
	margin-bottom:  4.5rem;
}

.block-type-5 .description p
{
	font-size:  2.4rem;
	line-height:  4.2rem;
}

.block-type-5 .description *:last-child
{
	margin-bottom:  0;
}

.block-type-6
{
	margin-bottom:  1.6rem;
}

.block-type-6 *:last-child
{
	margin-bottom:  0;
}

.block-type-7
{
	margin-bottom:  1.6rem;
	position:  relative;
}

.block-type-7 .container
{
	position:  relative;
	z-index:  10;
}

.block-type-7 .row
{
	margin-left:  -.8rem;
	margin-right:  -.8rem;
}

.block-type-7 .row > div
{
	padding-left:  .8rem;
	padding-right:  .8rem;
}

.block-type-7 *:last-child
{
	margin-bottom:  0;
}

.block-type-8
{
	padding-bottom:  1rem;
}

.block-type-8 h1
{
	text-align:  center;
	color: #1C1C20;
	-webkit-text-stroke-width: .1rem;
	-webkit-text-stroke-color: #fff;
	-webkit-text-stroke: .1rem #fff;
	font-size:  18rem;
	line-height:  16rem;
	margin-bottom:  7.5rem;
}

.block-type-9
{
	color:  #1C1C20;	
}

.block-type-9 .content-holder
{
	position:  relative;
	padding:  18rem 0 16rem 0;
}

.block-type-9 .content-holder:before
{
	content: '';
	width:  200rem;
	height:  7rem;
	background:  #FAFAFA;
	position:  absolute;
	top:  0;
	left:  calc(-200rem + 50%)
}

.block-type-9 .content-holder:after
{
	content: '';
	width:  200rem;
	height:  7rem;
	background:  #FAFAFA;
	position:  absolute;
	bottom:  0;
	right:  calc(-200rem + 100%)
}

.block-type-9 .above-heading
{
	color:  #1C1C20;
	margin-bottom:  3rem;
}

.block-type-9 h2
{
	color:  #1C1C20;
	font-size:  4rem;
	line-height:  4.5rem;
	font-family: 'Geomanist 700';
}

.block-type-9 .text
{	
	position:  relative;
	padding-top:  4rem;
	border-top:  1px solid rgba(0, 0, 0, 0.2);
}

.block-type-9 .text p
{
	font-family: 'Geomanist 400';
	font-size:  1.5rem;
	line-height:  3rem;
}

.block-type-10
{
	color:  #fff;
	background:  #1C1C20;
	padding:  16.5rem 0 20rem 0;
}

.block-type-10 .above-heading
{
	margin-bottom:  1.5rem;
}

.block-type-10 h2
{
	font-size:  3rem;
	line-height:  4.5rem;
	margin-bottom:  8rem;
}

.block-type-10 .portfolio-list
{
	margin-bottom:  8rem;
}

.block-type-10 .show-more-wrap
{
	text-align:  center;
	padding-top:  8rem;
}

.block-type-11
{
	background:  #FAFAFA;
	position:  relative;
	color:  #1C1C20;
	padding:  0 0 16rem 0;
}

.block-type-11:after
{
	content: '';
	width:  100%;
	height: 33rem;
	background:  #1C1C20;
	position:  absolute;
	top:  0;
	left:  0;
}

.block-type-11 .above-heading
{
	color:  #fff;
	margin-bottom:  2rem;
}

.block-type-11 h2
{
	color: transparent;
	-webkit-text-stroke-width: .1rem;
	-webkit-text-stroke-color: #fff;
	-webkit-text-stroke: .1rem #fff;
	font-size:  18rem;
	line-height:  16rem;
	margin:  0 0 -3rem -20rem;
	position:  relative;
	z-index:  10;
}

.block-type-11 .image
{
	width:  calc(100% + (100vw - 1290px) / 2);
	height:  31.5rem;
	background-size:  cover;
	background-position:  center center;
	margin-bottom: 15rem;
	margin-left: calc((100vw - 1290px) / 2 * -1) ;
}

.block-type-11 .container
{
	position:  relative;
	z-index:  10;
}

.block-type-11 .text p
{
	font-family: 'Geomanist 400';
	font-size:  1.5rem;
	line-height:  3rem;
}

.block-type-11 .text p strong
{
	font-family: 'Geomanist 700';
	font-size:  4rem;
	line-height:  4.5rem;
}

.video-image-block .item
{
	position:  relative;
	display:  block;
}

.video-image-block .row
{
	margin-left: -.8rem;
	margin-right:  -.8rem;
}

.video-image-block .row > div
{
	padding-left:  .8rem;
	padding-right:  .8rem;
}

.video-image-block img
{
	margin-bottom:  1.6rem;
}

.video-image-block .item
{
	height:  51rem;
	position:  relative;
	margin-bottom:  1.6rem;
}

.video-image-block .item.height-1
{
	height:  51rem;
}

.video-image-block .item.height-2
{
	height:  62rem;
}

.video-image-block .item .image
{
	position:  absolute;
	top:  0;
	left:  0;
	width:  100%;
	height:  100%;
	background-size:  cover;
	background-position:  center center;
}

.video-image-block .item video
{
	position:  absolute;
	top:  0;
	left:  0;
	width:  100%;
	height:  100%;
	background-size:  cover;
	object-fit: cover;
}

.images-2 .item-1,
.images-3 .item-3
{
	height:  90.6rem;
}

.images-2 .item-2,
.images-2 .item-3,
.images-3 .item-1,
.images-3 .item-2
{
	height:  44.5rem;
}

.images-4 .item-1,
.images-4 .item-2
{
	height:  35rem;
}

.images-5 .item-1,
.images-5 .item-2
{
	height:  35rem;
}

.video-image-block .cover
{
	position:  absolute;
	bottom:  0;
	left:  0;
	width:  100%;
	height:  50%;
	min-height:  26rem;
	padding:  0 3.5rem 4.5rem 3.5rem;
	display:  flex;
	align-items:  flex-end;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	opacity:  0;
}

.video-image-block .item:hover .cover
{
	opacity:  1;
}

.video-image-block .item .cover h5
{
	font-size:  2.5rem;
	line-height:  4rem;
	color:  #fff;
	margin-bottom:  1rem;
}

.video-image-block .item .cover .category
{
	color:  #fff;
	margin:  0;
	font-size:  1.1rem;
	line-height:  1.5rem;
	letter-spacing:  .5em;
	text-transform:  uppercase;
}

.video-image-block .item .cover:before
{
	content: '';
	width:  100%;
	height:  100%;
	position:  absolute;
	left:  0;
	top:  0;
	background: -moz-linear-gradient(top,  rgba(28,28,32,0) 0%, rgba(28,28,32,1) 86%, rgba(28,28,32,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(28,28,32,0) 0%,rgba(28,28,32,1) 86%,rgba(28,28,32,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(28,28,32,0) 0%,rgba(28,28,32,1) 86%,rgba(28,28,32,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001c1c20', endColorstr='#1c1c20',GradientType=0 ); /* IE6-9 */
	opacity:  .9;
}

.video-image-block .item .cover > div
{
	position:  relative;
	z-index:  10;
	width:  100%;
}

.video-image-block .item .cover .content
{
	padding-right:  3rem;
	position:  relative;
}

.video-image-block .item .cover .content:after
{
	content: '';
	width:  1.9rem;
	height: .7rem;
	background:  url(images/arrow-1.svg);
	position:  absolute;
	right:  0;
	top:  1.5rem;
}

.project-info
{
	padding-top:  10rem;
	padding-bottom:  10rem;
}

.project-info .logo
{
	display:  flex;
	align-items:  center;
	justify-content:  center;
	height:  8rem;
}

.project-info .logo img
{
	max-height:  100%;
}

.read-more
{
	display:  inline-block;
	font-size:  1.3rem;
	line-height:  1.7rem;
	text-transform:  uppercase;
	position:  relative;
	letter-spacing:  .4em;
	padding-left:  8rem;	
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.read-more:hover
{
	padding-left:  9.5rem;
}

.read-more:before
{
	content: '';
	width:  6rem;
	height:  .2rem;
	background:  #000000;
	position:  absolute;
	left:  0;
	top:  50%;
	margin-top:  -.1rem;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.read-more:hover:before
{
	width:  7.5rem;
}

.portfolio-filters
{
	font-size:  1.1rem;
	line-height:  1.5rem;
	letter-spacing:  .5em;
	text-transform:  uppercase;
	display:  flex;
	justify-content:  center;
	margin-bottom:  11rem;
	flex-wrap:  wrap;
}

.portfolio-filters li
{
	cursor:  pointer;
	margin:  0 1.5rem;
	padding:  1rem 2rem;
	border:  1px solid transparent;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.portfolio-filters .active
{
	border:  1px solid #fff;
}

.portfolio-list .item
{
	width: calc((100% - 3.2rem) / 3);
	margin-bottom: 1.6rem;
	opacity:  1;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.portfolio-list .item.fade-in
{
	opacity:  0;	
}

.portfolio-list .item a
{
	display:  block;
	position:  relative;
}

.portfolio-list .item a .bg
{
	position:  absolute;
	left:  0;
	top:  0;
	width:  100%;
	height:  100%;
	background-size:  cover;
	background-position:  center center;
}

.portfolio-list .item a video
{
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.portfolio-list .item.size-1 a
{
	height:  42rem;
}

.portfolio-list .item.size-2 a
{
	height:  55rem;
}

.portfolio-list .item a .cover
{
	position:  absolute;
	bottom:  0;
	left:  0;
	width:  100%;
	height:  50%;
	min-height:  26rem;
	padding:  0 3.5rem 4.5rem 3.5rem;
	display:  flex;
	align-items:  flex-end;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	opacity:  0;
}

.portfolio-list .item a:hover .cover
{
	opacity:  1;
}

.portfolio-list .item a .cover h5
{
	font-size:  2.5rem;
	line-height:  4rem;
	color:  #fff;
	margin-bottom:  1rem;
}

.portfolio-list .item a .cover .category
{
	color:  #fff;
	margin:  0;
	font-size:  1.1rem;
	line-height:  1.5rem;
	letter-spacing:  .5em;
	text-transform:  uppercase;
}

.portfolio-list .item a .cover:before
{
	content: '';
	width:  100%;
	height:  100%;
	position:  absolute;
	left:  0;
	top:  0;
	background: -moz-linear-gradient(top,  rgba(28,28,32,0) 0%, rgba(28,28,32,1) 86%, rgba(28,28,32,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(28,28,32,0) 0%,rgba(28,28,32,1) 86%,rgba(28,28,32,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(28,28,32,0) 0%,rgba(28,28,32,1) 86%,rgba(28,28,32,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001c1c20', endColorstr='#1c1c20',GradientType=0 ); /* IE6-9 */
	opacity:  .9;
}

.portfolio-list .item a .cover > div
{
	position:  relative;
	z-index:  10;
	width:  100%;
}

.portfolio-list .item a .cover .content
{
	padding-right:  3rem;
	position:  relative;
}

.portfolio-list .item a .cover .content:after
{
	content: '';
	width:  1.9rem;
	height: .7rem;
	background:  url(images/arrow-1.svg);
	position:  absolute;
	right:  0;
	top:  1.5rem;
}

.portfolio-list .item-sizer
{
	width: calc((100% - 3.2rem) / 3);
	margin: 0;
}

.portfolio-list .gutter-sizer { width: 1.6rem; }

.mejs-controls
{
	bottom:  -1px !important;
}

.next-portfolio-post
{
	text-align:  center;
	padding:  21rem 0;
	background:  #FAFAFA;
	color:  #1C1C20;
}

.next-portfolio-post .small-caption
{
	color:  #1C1C20;
	margin-bottom:  5rem;
}

.next-portfolio-post h4
{
	font-size:  9rem;
	line-height:  9.5rem;
	text-decoration:  underline;
	margin-bottom:  5rem;
	color:  #1C1C20;
}

.next-portfolio-post .link
{
	font-size:  1.5rem;
	line-height:  2rem;
	letter-spacing:  .5em;
	display:  inline-block;
	font-family: 'Geomanist 400';
	text-transform:  uppercase;
	padding-bottom:  1rem;
	position:  relative;
}

.next-portfolio-post .link:after
{
	content: '';
	width:  calc(100% - .5em);
	height:  .1rem;
	background:  #1C1C20;
	position:  absolute;
	bottom:  0;
	left:  0;
}

.show-more
{
	font-size:  1.5rem;
	line-height:  2rem;
	letter-spacing:  .5em;
	display:  inline-block;
	font-family: 'Geomanist 400';
	text-transform:  uppercase;
	padding-bottom:  1rem;
	position:  relative;
	text-decoration: none;
}

.show-more.light
{
	color:  #fff;
}

body .page-content > section a.show-more,
body .page-content > section a.read-more {
	text-decoration: none;
}

.show-more:after
{
	content: '';
	width:  calc(100% - .5em);
	height:  .1rem;
	background:  #1C1C20;
	position:  absolute;
	bottom:  0;
	left:  0;
}

.show-more.light:after
{
	background:  #fff;
}

.block-type-98
{
	background:  #fff;
	padding:  10rem 0;
}

.block-type-98 .small-caption
{
	color:  #1C1C20;
	margin-bottom:  3rem;
}

.block-type-98 .logos
{
	margin:  0;
	position:  relative;
}

.block-type-98 .logos:after
{
	content: '';
	width:  .1rem;
	height:  100%;
	background:  #fff;
	position:  absolute;
	right:  0;
	top:  0;
	z-index:  10;
}

.block-type-98 .logos:before
{
	content: '';
	width:  100%;
	height:  .1rem;
	background:  #fff;
	position:  absolute;
	left:  0;
	bottom:  0;
	z-index:  10;
}

.block-type-98 .logos > div
{
	padding:  0;
}

.block-type-98 .logo
{
	height:  17rem;
	display:  flex;
	align-items:  center;
	justify-content:  center;	
}

.block-type-98 .logo
{
	border-right:  1px solid rgba(28, 28, 32, 0.2);
	border-bottom:  1px solid rgba(28, 28, 32, 0.2);
}

.block-type-99
{
	background:  #fff;
	color:  #1C1C20;
	margin-bottom:  15rem;
}

.block-type-99 h1,
.block-type-99 h2,
.block-type-99 h3,
.block-type-99 h4,
.block-type-99 h5,
.block-type-99 h6
{
	color:  #1C1C20;
}

.page-footer
{
	background:  #1C1C20;
	color:  #fff;
	font-family: 'Geomanist 400';
	position:  relative;
	z-index:  99;
}

.page-footer .footer-1
{
	padding-top:  10rem;
}

.page-footer .footer-1 .small-caption
{
	margin-bottom:  2.5rem;
}

.page-footer .footer-1 .row
{
	margin-bottom:  3.5rem;
	align-items:  center;
}

.page-footer .footer-1 .row > div:nth-child(2)
{
	text-align:  right;
}

.page-footer .footer-1 .cta
{
	font-size:  10.5rem;
	line-height:  9.2rem;
	font-family: 'Geomanist 700';
}

.page-footer .footer-1 .cta div:nth-child(1)
{
	color: #1C1C20;
	-webkit-text-stroke-width: .1rem;
	-webkit-text-stroke-color: #fff;
	-webkit-text-stroke: .1rem #fff;
}

.page-footer .footer-1 .cta div:nth-child(2)
{
	color:  #fff;
}

.page-footer .footer-1 .contact
{
	font-size:  1.3rem;
	line-height:  1.7rem;
	text-transform:  uppercase;
	display:  inline-block;
	position:  relative;
	letter-spacing:  .4em;
	padding-left:  7.5rem;
}

.page-footer .footer-1 .contact:before
{
	content: '';
	width:  6rem;
	height:  .15rem;
	background:  #fff;
	position:  absolute;
	left:  0;
	top:  50%;
}

.page-footer .footer-1 .text p
{
	font-size:  1.5rem;
	line-height:  3rem;
}

.page-footer .footer-1 .text *:last-child
{
	margin-bottom:  0;
}

.page-footer .footer-1
{
	
}

.page-footer .footer-2
{
	padding: 6.5rem 0 3rem 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.page-footer .footer-2 .social
{
	margin: 0 0 0 auto;
	display: flex;
	flex-wrap: wrap;
}

.page-footer .footer-2 .social li
{
	margin-left: 2rem;
}

.page-footer .footer-2 .social li:first-child
{
	margin-left: 0;
}

#menu-footer-1
{
	font-size:  1.5rem;
	line-height:  2rem;
	letter-spacing:  -.03em;
	text-transform:  lowercase;
	display:  flex;	
	margin:  0;
}

#menu-footer-1 li
{
	margin-right:  3.5rem;
}

.page-footer .footer-3
{
	padding:  3rem 0 6.5rem 0;
	display:  flex;
	font-size:  1.3rem;
	line-height:  1.7rem;
	letter-spacing:  -.03em;
	color:  rgba(255,255,255,.3);
	border-top:  1px solid rgba(255,255,255, .3);
}

.page-footer .footer-3 p
{
	font-size:  1.3rem;
	line-height:  1.7rem;
	letter-spacing:  -.03em;
	margin:  0;
}

#menu-footer-2
{
	margin: 0 0 0 auto;
	display:  flex;
	font-size:  1.3rem;
	line-height:  1.7rem;
	letter-spacing:  -.03em;
	text-transform:  lowercase;
}

#menu-footer-2 li
{
	margin-right:  4.5rem;
}

#menu-footer-2 li:last-child
{
	margin-right:  0;
}

.above-heading, .small-caption
{
	color:  #fff;
	font-size:  1.1rem;
	line-height:  1.5rem;
	letter-spacing:  .5em;
	text-transform:  uppercase;
	margin-bottom:  .2rem;
	display:  block;
}

h1,h2,h3,h4,h5,h6
{
	color: #fff;
	margin: 0 0 2rem 0;
	font-family: 'Geomanist 500';
	font-weight: 400;
	line-height: normal;
}

#content .title a
{
	text-decoration: none;
	font-style: normal;
}

h1
{
	font-size: 5rem;
}

h2
{
	font-size: 4.5rem;
}

h3
{
	font-size: 4rem;
}

h4
{
	font-size: 3.5rem;
}

h5
{
	font-size: 3rem;
}

ul
{
	list-style-type: none;
	padding: 0;
	margin: 0 0 3rem 0;
	line-height: 3.4rem;
}

p
{
	margin: 0 0 3rem 0;
	line-height: 3.4rem;
}

a, a:hover, a:focus
{
color: inherit;
text-decoration: none;
}

input:focus, textarea:focus
{
	outline: none;
}

img
{
max-width: 100%;
height: auto;
border: 0;
}

.alignleft, img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
.alignright, img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
.aligncenter, img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.to-animate
{
	opacity: 0;
}

.prepare-letter
{
	opacity:  0;
	top:  1.5rem;
	position:  relative;
}

.page-content > section a
{
	text-decoration:  underline;
}

/* builder */
.builder-block-1
{
	position:relative;
	min-height:30rem;
}

@media (min-width:992px)
{
	.builder-block-1
	{
		min-height:93rem;
	}
}

.builder-block-1 .video
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.builder-block-1 .video:after
{
	content: '';
	width:  100%;
	height:  100%;
	position:  absolute;
	top:  0;
	left:  0;
	background:  #1C1C20;
	opacity:  .55;
}

.builder-block-1 .video video
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover;
}

.builder-block-1 .video .video-cover
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-size:cover;
	background-position:center;
	z-index:10;
	display:none;
}

.builder-block-1 .video .video-cover:before
{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,000000+100&0+0,1+100 */
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
	opacity:.4;
}

.builder-block-1 .video .play
{
	width:9rem;
	height:9rem;
	top:20rem;
	left:50%;
	margin:-6.5rem 0 0 -4.5rem;
	background:url(images/icon-play.svg);
	background-size:9rem 9rem;
	cursor:pointer;
	z-index:20;
	position:absolute;
	display:none;
}

@media (min-width:992px)
{
	.builder-block-1 .video .play
	{
		background-size:13rem 13rem;
		width:13rem;
		height:13rem;
		top:50%;
		margin-left:-6.5rem;
	}
}

.builder-block-1 .container
{
	position:relative;
	z-index:10;
	padding-top:25rem
}

@media (min-width:992px)
{
	.builder-block-1 .container
	{
		padding-top:57rem;
	}
}

.builder-block.builder-block-1 .heading
{
	font-size:4rem;
	line-height:4.5rem;
}

@media (min-width:992px)
{
	.builder-block.builder-block-1 .heading
	{
		font-size:6rem;
	line-height:6.5rem;
	}
}

@media (min-width:1200px)
{
	.builder-block.builder-block-1 .heading
	{
		font-size:8rem;
		line-height:8.5rem;
	}
}

.builder-block-1 .text p
{
	font-family: 'Geomanist 400';
    font-size: 1.8rem;
    line-height: 3.4rem;
}

.builder-block-2
{
	background:#fff;
	padding:18rem 0 16rem 0;
	color:#1C1C20;
}

.builder-block-2 .above-heading
{
	margin-bottom:3rem;
}

.builder-block-2 .text
{
	padding-top: 4rem;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
}

.builder-block-2 .text p
{
	font-family: 'Geomanist 400';
    font-size: 1.8rem;
    line-height: 3.4rem;
}

.builder-block-3
{
	background:#1C1C20;
	padding:15rem 0;
}

.builder-block-3 .content
{
	text-align:center;
	margin-bottom:6rem;
}

@media (min-width:768px)
{
	.builder-block-3 .content
	{
		margin-bottom:12rem;
	}
}

.builder-block-3 .content *:last-child
{
	margin-bottom:0;
}

.builder-block-3 .heading
{
	margin-bottom:4rem;
}

.builder-block-3 .text p
{
	font-family: 'Geomanist 400';
    font-size: 1.8rem;
    line-height: 3.4rem;
}

.builder-block-3 .boxes
{
	margin:0;
}

.builder-block-3 .boxes > div
{
	padding:0;
}

.builder-block-3 .box
{
	text-align:center;
	height:100%;
	padding-bottom:7.5rem;
	border-bottom:1px solid #707070;	
	padding:5rem 2rem 7.5rem 2rem;
}

.builder-block-3 .boxes > div:nth-child(4n+4) .box
{
	border-right:none;
}


@media (min-width:768px)
{
	.builder-block-3 .box
	{
		border-right:1px solid #707070;
	}

	.builder-block-3 .boxes > div:nth-last-child(-n + 4) .box
	{
		border-bottom:none;
	}
}

.builder-block-3 .box .icon
{
	height:7.5rem;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	margin-bottom:2.5rem;
}

.builder-block-3 .box .icon img
{
	max-height:100%;
	width:auto;
}

.builder-block-3 .box p
{
	font-size:1.6rem;
	line-height:2.3rem;
	font-family: 'Geomanist 400';
	margin:0;
}

@media (min-width:992px)
{
	.builder-block-3 .box p
	{
		font-size:2.2rem;
		line-height:2.9rem;
	}
}

.builder-block-4
{
	background:#1C1C20;
}

.builder-block.builder-block-4 .heading
{
	color: transparent;
	-webkit-text-stroke-width: .1rem;
	-webkit-text-stroke-color: #fff;
	-webkit-text-stroke: .1rem #fff;
	position:  relative;
	z-index:  10;
	color: transparent;
	font-size:11rem;
	line-height:12rem;
	margin-bottom:-6rem;
	z-index:99;
}

@media (min-width:992px)
{
	.builder-block.builder-block-4 .heading
	{
		font-size:15rem;
		line-height:16rem;
	}
}

.builder-block-4 .row
{
	margin:0;
}

.builder-block-4 .row > div
{
	padding:0;
}

.builder-block-4 .box
{
	position:relative;
	height:47rem;
	width:100%;
}

.builder-block-4 .video
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.builder-block-4 .video:before
{
	content: '';
	width:  100%;
	height:  100%;
	position:  absolute;
	top:  0;
	left:  0;
	background:  #1C1C20;
	opacity:  .55;
	z-index:10;
}

.builder-block-4 .video video
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover;
}

.builder-block-4 .video .video-cover
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-size:cover;
	background-position:center;
	z-index:10;
}

.builder-block-4 .video .video-cover:before
{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,000000+100&0+0,1+100 */
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
	opacity:.7;
}

.builder-block-4 .video .play
{
	width:9rem;
	height:9rem;
	top:50%;
	left:50%;
	margin:-6.5rem 0 0 -6.5rem;
	background:url(images/icon-play.svg);
	background-size:9rem 9rem;
	cursor:pointer;
	z-index:20;
	position:absolute;
	display:none;
}

@media (min-width:1200px)
{
	.builder-block-4 .video .play
	{
		width:13rem;
		height:13rem;
		background-size:13rem 13rem;
	}
}

.builder-block-4 .box
{
	display:flex;
	align-items:flex-end;
	padding:4.5rem;
}

.builder-block-4 .box .content
{
	position:relative;
	z-index:10;
	width:100%;
}

.builder-block-4 .box .content *:last-child
{
	margin:0;
}

.builder-block-4 .box .content .title
{
	font-size:2.8rem;
	line-height:3.1rem;
	font-family: 'Geomanist 500';
	margin:0 0 1.5rem 0;
}

.builder-block-4 .box .content .text
{
	font-size:1.5rem;
	line-height:2.7rem;
	font-family: 'Geomanist 400';
	margin:0;
}

@media (min-width:992px)
{
	.builder-block-4 .box .content .text
	{
		font-size:1.8rem;
		line-height:3rem;
	}
}

@media (max-width:991px)
{
	.builder-block-4 .box .content .text br
	{
		display:none;
	}
}

.builder-block-5
{
	background:#fff;
	padding:15rem 0;
	color:#1C1C20;
}

@media (min-width:992px)
{
	.builder-block-5
	{
		padding:20rem 0;
	}
}

.builder-block-5 .photos
{
	display:flex;
	justify-content:space-between;
}

.builder-block-5 .photos .photo-1,
.builder-block-5 .photos .photo-2
{
	height:35rem;
	width:calc(50% - 1rem);
	object-fit:cover;
	object-position:center;
}

@media (min-width:768px)
{
	.builder-block-5 .photos .photo-1,
	.builder-block-5 .photos .photo-2
	{
		height:55rem;
	}
}

.builder-block-5 .photos .photo-2
{
	margin-top:7rem;
}

.builder-block-5 .box .content .text
{
	font-size:1.8rem;
	line-height:3.4rem;
	font-family: 'Geomanist 400';
	margin:0;
}

.builder-block-5 .heading
{
	margin-bottom:4rem;
}

.builder-block-5 .above-heading
{
	margin-bottom:3rem;
}

.builder-block-5 .column-2 > div
{
	padding:7rem 0 0 0;
}

@media (min-width:992px)
{
	.builder-block-5 .column-2 > div
	{
		padding:10rem 0 0 5rem;
	}
}

.builder-block-6
{
	background:#fff;
	overflow:hidden;
}

.builder-block-6 .slider
{
	margin-left:-40rem;
	width:calc(100% + 80rem);
}

.builder-block-6 .slider .slide .image
{
	height:50rem;
	background-size:cover;
	background-position:center;
}

.builder-block-7
{
	padding:12rem 0;
	color:#fff;
	background:#000;
}

.builder-block-7 .column-1
{
	text-align:center;
}

.builder-block-7 .video
{
	position:relative;
	display:inline-block;
}

.builder-block-7 .video video
{
	top:0;
	left:0;
	width:100%;
	height:50rem;
}

.builder-block-7 .video .video-cover
{
	z-index:10;
	position:relative;
}

.builder-block-7 .video .video-cover.hide
{
	opacity:0;
}

.builder-block-7 .video .play
{
	width:13rem;
	height:13rem;
	top:50%;
	left:50%;
	margin:-6.5rem 0 0 -6.5rem;
	background:url(images/icon-play.svg);
	cursor:pointer;
	z-index:20;
	position:absolute;
	display:none;
}

.builder-block-7 .column-2 > div
{
	padding:6rem 0 0 0;
}

@media (min-width:992px)
{
	.builder-block-7 .column-2 > div
	{
		padding:12rem 0 0 4rem;
	}
}

.builder-block-7 .heading
{
	margin-bottom:6rem;
}

.builder-block-7 .step
{
	display:flex;
	flex-wrap:wrap;
	margin-bottom:3rem;
}

.builder-block-7 .step:last-child
{
	margin-bottom:0;
}

.builder-block-7 .step .number
{
	width:11.5rem;
	-webkit-text-stroke-width: .1rem;
	-webkit-text-stroke-color: #fff;
	-webkit-text-stroke: .1rem #fff;
	font-size:4.5rem;
	font-family: 'Geomanist 700';
	margin:1rem 0 0 0;
	color:transparent;
}

.builder-block-7 .step .content
{
	margin-left:auto;
	width:calc(100% - 11.5rem);
}

.builder-block-7 .step .title
{
	font-size:1.8rem;
	line-height:3.6rem;
	font-family: 'Geomanist 700';
	margin-bottom:1rem;
	text-transform:uppercase;
}

.builder-block-7 .step .text p
{
	font-size:1.8rem;
	line-height:3.6rem;
	font-family: 'Geomanist 400';
	margin-bottom:0;
}

.builder-block-8
{
	position:relative;
	background:#fff;	
}

.builder-block-8 .bg
{
	position:  absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center center;
}

.builder-block-8 .bg:before
{
	content:'';
	position:absolute;
	left:0;
	top:0;
	width:50%;
	height:100%;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,ffffff+100&1+0,0+100 */
	background: -moz-linear-gradient(left,  rgba(0,0,0,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(0,0,0,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
}

.builder-block-8 .container
{
	min-height:80vh;
	padding-top:10rem;
	padding-bottom:10rem;
	display:flex;
	align-items:center;
	z-index:10;
	position:relative;
}

.builder-block.builder-block-8 .heading
{
	font-size:6.2rem;
	line-height:8.5rem;
}

.builder-block-9
{
	text-align:center;
	padding:12rem 0;
	background:#fff;
	color:#1C1C20;
}

.builder-block-9 .heading
{
	margin-bottom:3rem;
}

.builder-block-10
{
	text-align:center;
	padding:12rem 0;
	background:#fff;
	color:#1C1C20;
}

.builder-block.builder-block-10 .heading
{
	margin-bottom:3rem;
	font-size:3.6rem;
	line-height:5rem;
}

@media (min-width:992px)
{
	.builder-block.builder-block-10 .heading
	{
		font-size:4.6rem;
		line-height:6rem;
	}
}

.builder-block-10 .text
{
	padding-top:2rem;
	position:relative;
}

.builder-block-10 .text:before
{
	content:'';
	width:54rem;
	height:.1rem;
	background:#707070;
	position:absolute;
	left:50%;
	margin-left:-27rem;
	top:0;
	max-width:100%;
}

.builder-block-10 .text
{
	position:relative;
}

.builder-block-10 .text p
{
	font-size:2.6rem;
	line-height:4rem;
}

@media (min-width:992px)
{
	.builder-block-10 .text p
	{
		font-size:3.6rem;
		line-height:5rem;
	}
}

.builder-block-10 .text *:last-child
{
	margin-bottom:0;
}

.builder-block-11
{
	background:#000;
	padding:12rem 0;
}

.builder-block-11 video
{
	width:100%;
	height:50rem;
}

.builder-block-11 .above-heading
{
	margin-bottom:3rem;
}

.builder-block-11 .column-2 > div
{
	padding:6rem 0 0 0;
}

@media (min-width:992px)
{
	.builder-block-11 .column-2 > div
	{
		padding:10rem 0 0 4rem;
	}
}

.builder-block-12
{
	background:#1C1C20;
	padding:12rem 0;
}

.builder-block-12 .text ul li
{
	padding-left:2.5rem;
	position:relative;
	margin-bottom:2rem;
}

.builder-block-12 .text ul li:last-child
{
	margin-bottom:0;
}

.builder-block-12 .text ul li:before
{
	content:'';
	width:1.4rem;
	height:1rem;
	background:url(images/icon-check.svg);
	background-size:1.4rem 1rem;
	position:absolute;
	left:0;
	top:1.1rem;
}

.builder-block-12 .text-1
{
	border-bottom:1px solid #FAFAFA;
	margin-bottom:5rem;
	padding-bottom:5rem;
}

.builder-block-12 .text-1 *:last-child
{
	margin-bottom:0;
}

.builder-block-13
{
	background:#1C1C20;
	padding:12rem 0;
}

.builder-block-13 .top
{
	text-align:center;
	margin-bottom:7rem;
}

@media (min-width:1200px)
{
	.builder-block-13 .top
	{
		margin-bottom:15rem;
	}
}

.builder-block-13 .top *:last-child
{
	margin-bottom:0;
}

.builder-block-13 .row > div
{
	margin-bottom:3rem;
}

@media (min-width:1200px)
{
	.builder-block-13 .row
	{
		margin-left:-3rem;
		margin-right:-3rem;
	}

	.builder-block-13 .row > div
	{
		padding-left:3rem;
		padding-right:3rem;
	}
}

.builder-block-13 .box
{
	padding:2rem;
	background:#FAFAFA;
	color:#1C1C20;
}

@media (min-width:1200px)
{
	.builder-block-13 .box
	{
		padding:4rem;
	}
}

.builder-block-13 .box .above-heading
{
	margin-bottom:1rem;
}

.builder-block-13 .box .price
{
	font-size:3.6rem;
	line-height:4.2rem;
	font-family: 'Geomanist 700';
	margin-bottom:0;
}

.builder-block-13 .box .below-price
{
	font-size:1.8rem;
	opacity:.7;
	margin-bottom:3rem;
}

.builder-block-13 .box .text *
{
	font-size:1.8rem;
	line-height:2.4rem;
}

.builder-block-13 .box .text p
{
	font-family: 'Geomanist 500';
	margin-bottom:2rem;
}

.builder-block-13 .box .text ul
{
	margin-bottom:4rem;
}

.builder-block-13 .box .text ul li
{
	padding-left:2.5rem;
	position:relative;
	margin-bottom:2rem;
}

.builder-block-13 .box .text ul li:last-child
{
	margin-bottom:0;
}

.builder-block-13 .box .text ul li:before
{
	content:'';
	width:1.4rem;
	height:1rem;
	background:url(images/icon-check2.svg);
	background-size:1.4rem 1rem;
	position:absolute;
	left:0;
	top:.7rem;
}

.builder-block-13 .box .btn
{
	display:block;
	font-size:1.4rem;
	line-height:2rem;
	letter-spacing:.5em;
	text-transform:uppercase;
	color:#1C1C20;
	border:1px solid #1C1C20;
	padding:2rem 2rem;
	text-decoration:none;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.builder-block-13 .box .btn:hover
{
	color:#fff;
	background:#1C1C20;
}

.builder-block-14 .row
{
	margin:0;
}

.builder-block-14 .row > div
{
	padding:0;
}

.builder-block-14 .video
{
	height:45rem;
	position:relative;
}

@media (min-width:1200px)
{
	.builder-block-14 .video
	{
		height:77rem;
	}
}

.builder-block-14 .video video
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover;
}

.builder-block-14 .video .video-cover
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-size:cover;
	background-position:center;
	z-index:10;
}

.builder-block-14 .video .play
{
	width:8rem;
	height:8rem;
	top:50%;
	left:50%;
	margin:-6.5rem 0 0 -4rem;
	background:url(images/icon-play.svg);
	background-size:8rem 8rem;
	cursor:pointer;
	z-index:20;
	position:absolute;
	display:none;
}

.builder-block-15
{
	background:#1C1C20;
	padding:12rem 0;
}

.builder-block-15 .heading
{
	margin-bottom:5rem;
}

.builder-block .heading 
{
    font-size: 4rem;
    line-height: 4.5rem;
    font-family: 'Geomanist 700';
}

.above-heading.dark
{
	color:#1C1C20;
}

.heading.dark
{
	color:#1C1C20;
}

.page-template-builder
{
	background:#fff;
}