html, body {margin: 0; background: #FFF; -moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}

iframe {display: none;}
.desktop {display: block;}

a {cursor: pointer; text-decoration: none; color: #4B4D52;}
a.disable:link {text-decoration: inherit; color: inherit; cursor: pointer;}
a.disable:visited {text-decoration: inherit; color: inherit; cursor: pointer;}

h1 {font-size: 5.75vw; font-family: 'Montserrat', sans-serif; font-weight: 900; text-transform: normal; line-height: 0.9;}
h2 {font-size: 2vw; font-family: 'Montserrat', sans-serif; font-weight: 700; text-transform: normal; line-height: 1.0; text-decoration: underline; hyphens: none; z-index: 10;}
h3 {font-size: 1vw; font-weight: 700; line-height: 1.35; font-family: 'Montserrat', sans-serif; text-transform: normal; margin: 0; margin-top: 1vw; color: #4B4D52; hyphens: none;}
p {font-family: 'Montserrat', sans-serif; font-weight: 400; text-transform: normal;}

.hyph {hyphens: none;}

#view-normal {display: block;}
#view-big {display: none;}

.text {font-size: 1vw; line-height: 1.35;}
	.text-marg-1 {margin: 4vw 0 0 0;}
	.text-marg-2 {margin: 4vw 0 6.5vw 2vw;}
.text-small {font-size: 0.625vw; line-height: 1.5;}
.text-medium {font-size: 0.75vw; line-height: 1.0;}
.text-big {font-size: 1.5vw; line-height: 1.35;}
.text-up {font-size: 100%; font-weight: 800;}
.text-heavy {font-size: 1.75vw; font-weight: 800;}

.bold {font-weight: 700;}

.cursor {cursor: pointer;}
.lined {text-decoration: underline;}

.text-bold {font-size: 1vw; font-weight: 700; line-height: 1.35;}
.text-small-bold {font-size: 0.75vw; font-weight: 700; line-height: 1.0;}
.text-small-bold-alt {font-size: 0.75vw; font-weight: 700; line-height: 1.0;}
.text-link {font-size: 0.625vw; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 70%; height: 26%; margin: auto;}

.l-height-10 {line-height: 1vw;}
.l-height-20 {line-height: 2vw;}
.l-height-25 {line-height: 2.5vw;}

.l-spacing-025 {letter-spacing: 0.25vw;}
.l-spacing-050 {letter-spacing: 0.5vw;}
.l-spacing-075 {letter-spacing: 0.75vw;}
.l-spacing-100 {letter-spacing: 1vw;}

.t-align-left {text-align: left}
.t-align-right {text-align: right}
.t-align-center {text-align: center}

.table-050 {width: 50%; min-height: 100%;}
.table-060 {width: 60%; min-height: 100%;}
.table-080 {width: 80%; min-height: 100%;}
.table-100 {width: 100%; min-height: 100%;}

.p-cell-020 {width: 20%;}
.p-cell-022 {width: 22%;}
.p-cell-023 {width: 23%;}
.p-cell-024 {width: 24%;}
.p-cell-025 {width: 25%;}
.p-cell-030 {width: 30%;}
.p-cell-033 {width: 33.333%;}
.p-cell-045 {width: 45%;}
.p-cell-050 {width: 50%;}
.p-cell-070 {width: 70%;}
.p-cell-075 {width: 75%;}
.p-cell-100 {width: 100%;}

.column {width: 72%; column-count: 2; column-gap: 2vw;}

.text-button {font-size: 0.625vw; font-weight: 700; text-transform: uppercase; letter-spacing: 1px;}

.black {color: #4B4D52;}
	.black-alt {color: #4B4D52;}
.white {color: #FFF;}
	.white-alt {color: #FFF;}
.gray {color: #DCDCDC;}
	.gray-alt {color: #DCDCDC;}
	.gray-alt-b {color: #DCDCDC;}
.darkgray {color: #AAA;}
	.darkgray-alt {color: #AAA;}
.yelllow {color: #FFDA75;}
.no-color {color: #FFF;}

.bg-black {background: #4B4D52;}
	.bg-black-alt {background: #4B4D52;}
.bg-dark {background: #000;}
.bg-white {background: #FFF;}
.bg-gray {background: #DCDCDC;}
	.bg-gray-alt {background: #DCDCDC;}
.bg-lightgray {background: #EFEFEF;}
	.bg-lightgray-alt {background: #EFEFEF;}
.bg-rosa {background: #F5DDE9;}
.bg-blue {background: #E4F2FA;}
.bg-yellow {background: #FFDA75;}

.avatar {width: 100%; height: 23vw;}
.image-intro {width: 100%; height: 55vw; position: relative;}
	.image-intro-inner {width: 80%; top: 45%; left: 50%; transform: translate(-50%,-50%);}
.footer {width: 100%; height: 12vw; left: 0; right: 0; margin: auto; clear: both;}
	.footer_content_small {width: 35%; text-align: left; margin-top: 5.5vw; margin-bottom: 4.5vw;}
	.footer_content_big {width: 65%; text-align: right; margin-top: 5.5vw; margin-bottom: 4.5vw;}
.important {bottom: 0; width: 100%; height: 4vw; position: fixed; z-index: 100; font-family: 'Montserrat', sans-serif; font-weight: 400; text-transform: normal;}
	
.container {width: 80%; clear: both;}
.container-alt {width: 95%; clear: both;}
.container-inner-skills {width: 72vw; height: 5.75vw; clear: both;}

.container-a {width: 100%; height: 63vw;}

.seperator {width: 80%; height: 1px; border-bottom: 1px solid #DCDCDC; clear: both; left: 0; right: 0; margin: auto;}
.seperator-alt {width: 100%; height: 1px; border-bottom: 1px solid transparent; clear: both; left: 0; right: 0; margin: auto; margin-bottom: 40px;}

.centered {left: 0; right: 0; margin: auto;}
.left {float: left}
.right {float: right}

.gap {margin-top: 7vw;}
.gap-a {margin-left: 15%; margin-top: 0.75vw;}
.gap-b {margin-top: 7vw;}
.gap-c {margin-top: 6vw; margin-left: 4vw;}
.gap-d {margin-top: 0.35vw; margin-bottom: 5.5vw; margin-left: 6%;}
.gap-e {margin-bottom: 5vw;}

.gap-00-vw {margin: 0vw 0vw 0vw 0vw;}
.gap-05-vw {margin: 0.5vw 0vw 0vw 0vw;}
.gap-10-vw {margin: 1vw 0vw 0vw 0vw;}
.gap-20-vw {margin: 2vw 0vw 0vw 0vw;}
.gap-m-10-vw {margin: -1vw 0vw 0vw 0vw;}

.gap-top-m-10-vw {margin-top: -1vw;}
.gap-top-m-05-vw {margin-top: -0.5vw;}
.gap-top-00-vw {margin-top: 0vw;}
.gap-top-05-vw {margin-top: 0.5vw;}
.gap-top-07-vw {margin-top: 0.75vw;}
.gap-top-10-vw {margin-top: 1vw;}
.gap-top-15-vw {margin-top: 1.5vw;}
	.gap-top-15-vw-alt {margin-top: 1.5vw;}
.gap-top-20-vw {margin-top: 2vw;}
.gap-top-40-vw {margin-top: 4vw;}
.gap-top-50-vw {margin-top: 5vw;}
.gap-top-60-vw {margin-top: 6vw;}
.gap-top-70-vw {margin-top: 7vw;}
.gap-top-80-vw {margin-top: 8vw;}
.gap-top-90-vw {margin-top: 9vw;}
.gap-bottom-40-vw {margin-bottom: 4vw;}
.gap-bottom-45-vw {margin-bottom: 4.5vw;}
.gap-bottom-50-vw {margin-bottom: 5vw;}
.gap-bottom-60-vw {margin-bottom: 6vw;}
.gap-bottom-70-vw {margin-bottom: 7vw;}
.gap-bottom-80-vw {margin-bottom: 8vw;}
.gap-bottom-90-vw {margin-bottom: 9vw;}
.gap-bottom-100-vw {margin-bottom: 10vw;}
.gap-bottom-110-vw {margin-bottom: 11vw;}
.gap-bottom-120-vw {margin-bottom: 12vw;}

.gap-left-05-vw {margin-left: 0.5vw;}
.gap-left-07-vw {margin-left: 0.75vw;}
.gap-left-10-vw {margin-left: 1vw;}
.gap-left-20-vw {margin-left: 2vw;}
.gap-left-30-vw {margin-left: 3vw;}
.gap-left-40-vw {margin-left: 4vw;}

.marg-l-m-09-p {margin-left: -9%;}
.marg-l-03-p {margin-left: 3.5%;}
.marg-l-04-p {margin-left: 4%;}
.marg-l-10-p {margin-left: 10%;}
.marg-l-15-p {margin-left: 15%;}
.marg-l-20-p {margin-left: 20%;}
.marg-l-25-p {margin-left: 25%;}
.marg-r-05-p {margin-right: 5%;}
.marg-r-10-p {margin-right: 10%;}
.marg-r-15-p {margin-right: 15%;}
.marg-r-20-p {margin-right: 20%;}
.marg-r-25-p {margin-right: 25%;}

.font-size-h-sub {font-size: 1.4vw;}

.l-height-07 {line-height: 0.75vw;}
.l-height-10 {line-height: 1vw;}
.l-height-15 {line-height: 1.5vw;}
.l-height-20 {line-height: 2vw;}
.l-height-25 {line-height: 2.5vw;}

.p-time-head {width: 100%; border-bottom: 1px solid #EFEFEF; line-height: 0.1vw; margin: 3vw 0 3vw 0;}
.span-time-head {background: #FFF; padding-right: 1vw;}

.hover-xtr-1 {position: absolute; z-index: 5; width: 4vw; text-align: center; margin-top: 4.5vw;}
.hover-xtr-2 {position: absolute; z-index: 5; width: 4.5vw; text-align: center; margin-top: 4.5vw; margin-left: -0.25vw;}

.button {width: 13vw; height: 3vw; background: #4B4D52; color: #FFF; border: 0.125vw solid #4B4D52; position: relative;}
	.button:hover {background: #FFDA75; color: #4B4D52; border: 0.125vw solid #FFDA75;}
	.margin-button {margin-top: 2.5vw;}
.button-alt {width: 13vw; height: 3vw; background: transparent; color: #4B4D52; border: 0.125vw solid #4B4D52; position: relative;}
	.button-alt:hover {background: transparent; color: #FFDA75; border: 0.125vw solid #FFDA75;}
.button-alt-b {width: 13vw; height: 3vw; background: transparent; color: #DCDCDC; border: 0.125vw solid #DCDCDC; position: relative;}
	.button-alt-b:hover {background: transparent; color: #AAA; border: 0.125vw solid #AAA;}
.button-alt-c {width: 13vw; height: 3vw; background: #FFDA75; color: #4B4D52; border: 0.125vw solid #FFDA75; position: relative;}
.button-alt-d {width: 13vw; height: 3vw; background: transparent; color: #FFDA75; border: 0.125vw solid #FFDA75; position: relative;}
	.button-alt-d:hover {background: #FFDA75; color: #4B4D52; border: 0.125vw solid #FFDA75; position: relative;}
.button-alt-e {width: 13vw; height: 3vw; background: #FFDA75; color: #4B4D52; border: 0.125vw solid #FFDA75; position: relative;}}
.button-tag {padding: 0.75vw 2vw 0.75vw 2vw; line-height: 4.2; background: #EFEFEF;}
	.button-tag:hover {background: #FFDA75;}
.button-submit {width: 13vw; height: 3.25vw; background: #4B4D52; color: #FFF; border: 0.125vw solid #4B4D52; text-align: center; position: relative; text-decoration: none; transition: 0.3s 0.3s;}
	.button-submit:hover {text-decoration: none; background: #FFDA75; color: #4B4D52; border: 0.125vw solid #FFDA75;}
	.button-submit:focus {text-decoration: none; background: #FFDA75; color: #4B4D52; border: 0.125vw solid #FFDA75; outline-color: transparent; outline-style: none;}
.button-small {width: 10vw; height: 2vw; background: transparent; color: #FFF; border: 1px solid #FFF; position: relative; line-height: 2vw;}
	.button-small:hover {background: transparent; color: #63CE70; border: 1px solid #63CE70;}

.box-square {width: 20px; height: 20px; text-align: center; background: #FFDA75; color: #000; position: relative; display: table; float: right;}
	.box-square-alt {width: 3vw; height: 3vw; text-align: center; background: #EFEFEF; color: #4B4D52; position: relative; display: table; float: right;}
	.box-square-alt:hover {width: 3vw; height: 3vw; text-align: center; background: #FFDA75; color: #4B4D52; position: relative; display: table; float: right;}
	.box-square-alt-marked {width: 3vw; height: 3vw; text-align: center; background: #FFDA75; color: #4B4D52; position: relative; display: table; float: right;}
		.box-square-alt-typo {font-size: 1.125vw; line-height: 3vw; margin: 0 0 0 0;}
.box-xsmall {font-size: 0.75vw; font-family: 'Montserrat', sans-serif; font-weight: 900; line-height: 0.625; padding: 0.5vw 1.125vw 0.5vw 1.125vw; font-weight: 700; text-transform: normal; letter-spacing: 0.1vw; text-align: center;}
.box-skills-out-1 {width: 26.5vw; height: 9.125vw;}
	.box-skills-out-1-inner {width: 26.5vw; height: 6vw;}
.box-skills-out-2 {width: 31vw; height: 9.125vw;}
	.box-skills-out-2-inner {width: 31vw; height: 6vw;}
.box-skills-out-3 {width: 8.5vw; height: 9.125vw;}
	.box-skills-out-3-inner {width: 8.5vw; height: 6vw;}
.box-input {width: 100%; height: 3.25vw;}
.box-textarea {width: 100%; height: 16.5vw;}
.box-gmaps {width: 100%; height: 45vw;}
.box-big {width: 23%; text-align: center; padding: 1.5vw 2vw 3vw 2vw;}
	.box-big:hover {transform: scale(1.1); -webkit-box-shadow: 0px 6px 15px -10px rgba(0,0,0,0.5); -moz-box-shadow: 0px 6px 15px -10px rgba(0,0,0,0.5); box-shadow: 0px 6px 15px -10px rgba(0,0,0,0.5);}
.box-list {width: 100%; clear: both; padding: 2.5vw 0vw 4vw 0vw;}
	.box-list-li-1 {width: 10%; float: left; margin-top: 0; margin-left: 2.5vw;}
	.box-list-li-2 {width: 30%; float: left; margin-top: 0;}
	.box-list-li-3 {width: 50%; float: left; margin-top: 0;}
.box-call-action {width: 41.75vw; height: 3vw;}
.box-contact-l {width: 22.46%; height: 41.5vw;}
.box-contact-r {width: 75%;}
.box-gradient-left {width: 10%; height: 100%; position: absolute; margin-left: -10%; opacity: 1; z-index: 50;}
.box-gradient-right {width: 10%; height: 100%; position: absolute; margin-right: 0%; right: 0; opacity: 1; z-index: 50;}

.form-input {width: 98%; min-height: 83%; background: transparent; border: 0px solid transparent; padding: 0.525% 0 0 2%; resize: none; font-size: 0.75vw; font-family: 'Montserrat', sans-serif; font-weight: 500; text-transform: normal; color: #4B4D52;}
.form-input:focus {color: #4B4D52; outline-color: transparent; outline-style: none;}
.form-select {width: 98%; min-height: 83%; background: transparent; border: 0px solid transparent; padding: 1.05% 0 0 2%; resize: none; font-size: 0.75vw; font-family: 'Montserrat', sans-serif; font-weight: 500; text-transform: normal; color: #4B4D52; -moz-appearance: none; -webkit-appearance: none;}
.form-select:focus {color: #4B4D52; outline-color: transparent; outline-style: none;}
.form-text {width: 98%; min-height: 83%; background: transparent; border: 0px solid transparent; padding: 1.625% 0 0 2%; resize: none; font-size: 0.75vw; font-family: 'Montserrat', sans-serif; font-weight: 500; text-transform: normal; color: #4B4D52;}
.form-text:focus {color: #4B4D52; outline-color: transparent; outline-style: none;}
.form-login {background: #FFF; border: 1px solid #DCDCDC; color: #4B4D52; width: 550px; height: 50px; resize: none; font-size: 14px; font-family: 'Lato', sans-serif; font-weight: 400; text-transform: normal; padding-left: 15px; webkit-border-radius: 5px; -moz-border-radius: 5px;; -khtml-border-radius: 5px;; border-radius: 5px;; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
.form-login:focus {color: #4B4D52; outline-color: transparent; outline-style: none;}

input::-webkit-input-placeholder {color: #4B4D52;}
input:-moz-placeholder {color: #4B4D52; opacity: 1;}
input::-moz-placeholder {color: #4B4D52; opacity: 1;}
input:-ms-input-placeholder {color: #4B4D52;}
textarea.form-text::-webkit-input-placeholder {color: #4B4D52;}
textarea.form-text:-moz-placeholder {color: #4B4D52; opacity: 1;}
textarea.form-text::-moz-placeholder {color: #4B4D52; opacity: 1;}
textarea.form-text:-ms-input-placeholder {color: #4B4D52;}
input:focus::placeholder {color: transparent;}
textarea:focus::placeholder {color: transparent;}

.corners-xsmall {webkit-border-radius: 0.5vw; -moz-border-radius: 0.5vw;; -khtml-border-radius: 0.5vw;; border-radius: 0.5vw;; border-top-left-radius: 0.5vw; border-top-right-radius: 0.5vw; border-bottom-left-radius: 0.5vw; border-bottom-right-radius: 0.5vw;}
.corners-xsmall-top {border-top-left-radius: 0.5vw; border-top-right-radius: 0.5vw;}
.corners-xsmall-bottom {border-bottom-left-radius: 0.5vw; border-bottom-right-radius: 0.5vw;}

.corners-small {webkit-border-radius: 1vw; -moz-border-radius: 1vw;; -khtml-border-radius: 1vw;; border-radius: 1vw;; border-top-left-radius: 1vw; border-top-right-radius: 1vw; border-bottom-left-radius: 1vw; border-bottom-right-radius: 1vw;}
.corners-small-top {border-top-left-radius: 1vw; border-top-right-radius: 1vw;}
.corners-small-bottom {border-bottom-left-radius: 1vw; border-bottom-right-radius: 1vw;}

.corners-full {webkit-border-radius: 50%; -moz-border-radius: 50%;; -khtml-border-radius: 50%;; border-radius: 50%;; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%;}
.corners-big {webkit-border-radius: 0.5vw; -moz-border-radius: 0.5vw;; -khtml-border-radius: 0.5vw;; border-radius: 0.5vw;; border-top-left-radius: 0.5vw; border-top-right-radius: 0.5vw; border-bottom-left-radius: 0.5vw; border-bottom-right-radius: 0.5vw;}

.grayscale {-webkit-filter: grayscale(100%); filter: grayscale(100%);}

.fx {transition: 0.3s 0.3s; -webkit-transition: 0.3s 0.3s; -moz-transition: 0.3s 0.3s; -o-transition: 0.3s 0.3s;}

.opacity {opacity: 0.5; transition: 0.2s 0.2s; -webkit-transition: 0.2s 0.2s; -moz-transition: 0.2s 0.2s; -o-transition: 0.2s 0.2s;}
	.opacity:hover {opacity: 1.0; transform: scale(1.3);}

.gradient-white-left {background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%); background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );}
.gradient-white-right {background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );}

.scale {transform: scale(0.775);}


/*! Flickity */
.gallery {background: transparent;}
.gallery-cell {width: 80%; height: 45vw; margin-right: 2vw; background: transparent;}
.gallery-cell:before {display: block;}

.gallery-alt {background: transparent; height: 20vw;}
.gallery-cell-alt {width: 20%; height: 17vw; margin-right: 2vw; background: transparent;}
.gallery-cell-alt:before {display: block;}

.flickity-enabled {position: relative;}
.flickity-enabled:focus {outline: none;}
.flickity-viewport {overflow: hidden; position: relative; height: 100%;}
.flickity-slider {position: absolute; width: 100%; height: 100%;}

.flickity-enabled.is-draggable {-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.flickity-enabled.is-draggable .flickity-viewport {cursor: move; cursor: -webkit-grab; cursor: grab;}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {cursor: -webkit-grabbing; cursor: grabbing;}

.flickity-prev-next-button {position: absolute; bottom: 0%; width: 3vw; height: 3vw; border: none; background: #FFF; opacity: 1; cursor: pointer;}
.flickity-prev-next-button:hover {background: #FFF;}
.flickity-prev-next-button.previous {right: 10%; margin-right: 3vw;}
.flickity-prev-next-button.next {right: 10%;}

.flickity-rtl .flickity-prev-next-button.previous {left: auto; right: 10px;}
.flickity-rtl .flickity-prev-next-button.next {right: auto; left: 10px;}
.flickity-prev-next-button:disabled {filter: alpha(opacity=30); opacity: 0.3; cursor: auto;}
.flickity-prev-next-button svg {position: absolute; padding: 0.25vw; left: 20%; top: 20%; width: 60%; height: 60%;}
.flickity-prev-next-button .arrow {fill: #4B4D52;}
.flickity-prev-next-button.no-svg {}

.flickity-page-dots {position: absolute; width: 100%; bottom: -25px; padding: 0; margin: 0; list-style: none; text-align: center; line-height: 1;}

.flickity-rtl .flickity-page-dots {direction: rtl;}
.flickity-page-dots .dot {display: none; width: 10px; height: 10px; margin: 0 8px; background: #333; border-radius: 50%; filter: alpha(opacity=25); /* IE8 */ opacity: 0.25; cursor: pointer;}
.flickity-page-dots .dot.is-selected {filter: alpha(opacity=100); opacity: 1;}


/*! Timeline */
* {outline: none;}

.timeline-carousel {padding: 0vw 20% 4vw 10%; position: relative; overflow: hidden;}
.timeline-carousel:after, .timeline-carousel:before {content: ""; position: absolute; display: block; top: 0; height: 100%; width: 10%; background-color: transparent; z-index: 3;}
.timeline-carousel:after {left: 0;}
.timeline-carousel:before {right: 0; opacity: 0;}

.timeline-carousel .slick-list {overflow: visible;}
.timeline-carousel .slick-dots {bottom: 0;}

.timeline-carousel__image {padding-right: 2vw;}

.timeline-carousel__item {cursor: grab;}
.timeline-carousel__item .media-wrapper {opacity: 0.4; padding-bottom: 25vw; -webkit-transition: all 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53); -o-transition: all 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);}
.timeline-carousel__item:last-child .timeline-carousel__item-inner:after {width: calc(100% - 30px);}
.timeline-carousel__item-inner {position: relative; padding-top: 0vw;}
.timeline-carousel__item-inner:after {position: absolute; width: 100%; top: 45px; left: 0; content: ""; border-bottom: 0px solid rgba(255, 255, 255, 0.2);}
.timeline-carousel__item-inner .pointer {height: 0; position: relative; z-index: 1; margin: 0 0 0 0;}
.timeline-carousel__item-inner .pointer:after, .timeline-carousel__item-inner .pointer:before {position: absolute; content: "";}
.timeline-carousel__item-inner .pointer:after {width: 0; height: 0; border-radius: 100%; top: 0; left: 0; background-color: #4B4D52;}
.timeline-carousel__item-inner .pointer:before {width: 0; height: 100%; top: 0; left: 0; background-color: #4B4D52;}
.timeline-carousel .slick-active .media-wrapper {opacity: 1 !important;}

.slick-dots {width: 80%; left: 0; z-index: 2; display: none;}
.slick-dots li {cursor: pointer; display: inline-block; margin: 0.5vw; position: relative; width: 0.75vw; height: 0.75vw; display: none;}
.slick-dots li:last-child {}
.slick-dots li.slick-active button {background: #4B4D52; border-color: #4B4D52; webkit-border-radius: 50%; -moz-border-radius: 50%;; -khtml-border-radius: 50%;; border-radius: 50%;; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; transition: 0.3s 0.3s; -webkit-transition: 0.3s 0.3s; -moz-transition: 0.3s 0.3s; -o-transition: 0.3s 0.3s;}
.slick-dots li button {font-size: 0; width: 1vw; height: 1vw; padding: 0 0 0 0; background: #EFEFEF; border-color: #EFEFEF; cursor: pointer; webkit-border-radius: 50%; -moz-border-radius: 50%;; -khtml-border-radius: 50%;; border-radius: 50%;; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; transition: 0.3s 0.3s; -webkit-transition: 0.3s 0.3s; -moz-transition: 0.3s 0.3s; -o-transition: 0.3s 0.3s;}
.slick-dots li button:hover {background: #FFDA75; border-color: #FFDA75;}

.slick-slider {position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;}
.slick-slider .slick-track, .slick-slider .slick-list {-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}

.slick-list {position: relative; display: block; overflow: hidden; margin: 0; padding: 0;}
.slick-list:focus {outline: none;}
.slick-list.dragging {cursor: pointer; cursor: hand;}

.slick-track {position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto;}
.slick-track:before, .slick-track:after {display: table; content: '';}
.slick-track:after {clear: both;}

.slick-loading .slick-track {visibility: hidden;}

.slick-slide {display: none; float: left; height: 100%; min-height: 1px;}
.slick-slide img {display: block;}
.slick-slide.slick-loading img {display: none;}
.slick-slide.dragging img {pointer-events: none;}
[dir='rtl'] .slick-slide {float: right;}

.slick-initialized .slick-slide {display: block;}
.slick-loading .slick-slide {visibility: hidden;}
.slick-vertical .slick-slide {display: block; height: auto; border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}


/*! Circular Prog Bar */
.progress-circle {font-size: 1vw; font-family: 'Montserrat', sans-serif; font-weight: 700; text-transform: normal; position: relative; padding: 0; width: 4vw; height: 4vw; background-color: #EFEFEF; border-radius: 50%; line-height: 4vw;}
.progress-circle:after {border: none; position: absolute; top: 1vw; left: 1vw; text-align: center; display: block; border-radius: 50%; width: 2vw; height: 2vw; background-color: #FFF; content: " ";}
.progress-circle span {position: absolute; line-height: 4vw; width: 4vw; text-align: center; display: block; z-index: 2;}
.left-half-clipper {border-radius: 50%; width: 4vw; height: 4vw; position: absolute; clip: rect(0, 4vw, 4vw, 2vw);}
.progress-circle.over50 .left-half-clipper {clip: rect(auto,auto,auto,auto);}
.value-bar {position: absolute; clip: rect(0, 2vw, 4vw, 0); width: 4vw; height: 4vw; border-radius: 50%; border: 1vw solid #FFDA75; box-sizing: border-box;}
.progress-circle.over50 .first50-bar {position: absolute; clip: rect(0, 4vw, 4vw, 2vw); background-color: #FFDA75; border-radius: 50%; width: 4vw; height: 4vw;}
.progress-circle:not(.over50) .first50-bar{ display: none;}

.progress-circle.p0 .value-bar {display: none;}
.progress-circle.p1 .value-bar {transform: rotate(4deg);}
.progress-circle.p2 .value-bar {transform: rotate(7deg);}
.progress-circle.p3 .value-bar {transform: rotate(11deg);}
.progress-circle.p4 .value-bar {transform: rotate(14deg);}
.progress-circle.p5 .value-bar {transform: rotate(18deg);}
.progress-circle.p6 .value-bar {transform: rotate(22deg);}
.progress-circle.p7 .value-bar {transform: rotate(25deg);}
.progress-circle.p8 .value-bar {transform: rotate(29deg);}
.progress-circle.p9 .value-bar {transform: rotate(32deg);}
.progress-circle.p10 .value-bar {transform: rotate(36deg);}
.progress-circle.p11 .value-bar {transform: rotate(40deg);}
.progress-circle.p12 .value-bar {transform: rotate(43deg);}
.progress-circle.p13 .value-bar {transform: rotate(47deg);}
.progress-circle.p14 .value-bar {transform: rotate(50deg);}
.progress-circle.p15 .value-bar {transform: rotate(54deg);}
.progress-circle.p16 .value-bar {transform: rotate(58deg);}
.progress-circle.p17 .value-bar {transform: rotate(61deg);}
.progress-circle.p18 .value-bar {transform: rotate(65deg);}
.progress-circle.p19 .value-bar {transform: rotate(68deg);}
.progress-circle.p20 .value-bar {transform: rotate(72deg);}
.progress-circle.p21 .value-bar {transform: rotate(76deg);}
.progress-circle.p22 .value-bar {transform: rotate(79deg);}
.progress-circle.p23 .value-bar {transform: rotate(83deg);}
.progress-circle.p24 .value-bar {transform: rotate(86deg);}
.progress-circle.p25 .value-bar {transform: rotate(90deg);}
.progress-circle.p26 .value-bar {transform: rotate(94deg);}
.progress-circle.p27 .value-bar {transform: rotate(97deg);}
.progress-circle.p28 .value-bar {transform: rotate(101deg);}
.progress-circle.p29 .value-bar {transform: rotate(104deg);}
.progress-circle.p30 .value-bar {transform: rotate(108deg);}
.progress-circle.p31 .value-bar {transform: rotate(112deg);}
.progress-circle.p32 .value-bar {transform: rotate(115deg);}
.progress-circle.p33 .value-bar {transform: rotate(119deg);}
.progress-circle.p34 .value-bar {transform: rotate(122deg);}
.progress-circle.p35 .value-bar {transform: rotate(126deg);}
.progress-circle.p36 .value-bar {transform: rotate(130deg);}
.progress-circle.p37 .value-bar {transform: rotate(133deg);}
.progress-circle.p38 .value-bar {transform: rotate(137deg);}
.progress-circle.p39 .value-bar {transform: rotate(140deg);}
.progress-circle.p40 .value-bar {transform: rotate(144deg);}
.progress-circle.p41 .value-bar {transform: rotate(148deg);}
.progress-circle.p42 .value-bar {transform: rotate(151deg);}
.progress-circle.p43 .value-bar {transform: rotate(155deg);}
.progress-circle.p44 .value-bar {transform: rotate(158deg);}
.progress-circle.p45 .value-bar {transform: rotate(162deg);}
.progress-circle.p46 .value-bar {transform: rotate(166deg);}
.progress-circle.p47 .value-bar {transform: rotate(169deg);}
.progress-circle.p48 .value-bar {transform: rotate(173deg);}
.progress-circle.p49 .value-bar {transform: rotate(176deg);}
.progress-circle.p50 .value-bar {transform: rotate(180deg);}
.progress-circle.p51 .value-bar {transform: rotate(184deg);}
.progress-circle.p52 .value-bar {transform: rotate(187deg);}
.progress-circle.p53 .value-bar {transform: rotate(191deg);}
.progress-circle.p54 .value-bar {transform: rotate(194deg);}
.progress-circle.p55 .value-bar {transform: rotate(198deg);}
.progress-circle.p56 .value-bar {transform: rotate(202deg);}
.progress-circle.p57 .value-bar {transform: rotate(205deg);}
.progress-circle.p58 .value-bar {transform: rotate(209deg);}
.progress-circle.p59 .value-bar {transform: rotate(212deg);}
.progress-circle.p60 .value-bar {transform: rotate(216deg);}
.progress-circle.p61 .value-bar {transform: rotate(220deg);}
.progress-circle.p62 .value-bar {transform: rotate(223deg);}
.progress-circle.p63 .value-bar {transform: rotate(227deg);}
.progress-circle.p64 .value-bar {transform: rotate(230deg);}
.progress-circle.p65 .value-bar {transform: rotate(234deg);}
.progress-circle.p66 .value-bar {transform: rotate(238deg);}
.progress-circle.p67 .value-bar {transform: rotate(241deg);}
.progress-circle.p68 .value-bar {transform: rotate(245deg);}
.progress-circle.p69 .value-bar {transform: rotate(248deg);}
.progress-circle.p70 .value-bar {transform: rotate(252deg);}
.progress-circle.p71 .value-bar {transform: rotate(256deg);}
.progress-circle.p72 .value-bar {transform: rotate(259deg);}
.progress-circle.p73 .value-bar {transform: rotate(263deg);}
.progress-circle.p74 .value-bar {transform: rotate(266deg);}
.progress-circle.p75 .value-bar {transform: rotate(270deg);}
.progress-circle.p76 .value-bar {transform: rotate(274deg);}
.progress-circle.p77 .value-bar {transform: rotate(277deg);}
.progress-circle.p78 .value-bar {transform: rotate(281deg);}
.progress-circle.p79 .value-bar {transform: rotate(284deg);}
.progress-circle.p80 .value-bar {transform: rotate(288deg);}
.progress-circle.p81 .value-bar {transform: rotate(292deg);}
.progress-circle.p82 .value-bar {transform: rotate(295deg);}
.progress-circle.p83 .value-bar {transform: rotate(299deg);}
.progress-circle.p84 .value-bar {transform: rotate(302deg);}
.progress-circle.p85 .value-bar {transform: rotate(306deg);}
.progress-circle.p86 .value-bar {transform: rotate(310deg);}
.progress-circle.p87 .value-bar {transform: rotate(313deg);}
.progress-circle.p88 .value-bar {transform: rotate(317deg);}
.progress-circle.p89 .value-bar {transform: rotate(320deg);}
.progress-circle.p90 .value-bar {transform: rotate(324deg);}
.progress-circle.p91 .value-bar {transform: rotate(328deg);}
.progress-circle.p92 .value-bar {transform: rotate(331deg);}
.progress-circle.p93 .value-bar {transform: rotate(335deg);}
.progress-circle.p94 .value-bar {transform: rotate(338deg);}
.progress-circle.p95 .value-bar {transform: rotate(342deg);}
.progress-circle.p96 .value-bar {transform: rotate(346deg);}
.progress-circle.p97 .value-bar {transform: rotate(349deg);}
.progress-circle.p98 .value-bar {transform: rotate(353deg);}
.progress-circle.p99 .value-bar {transform: rotate(356deg);}
.progress-circle.p100 .value-bar {transform: rotate(360deg);}


@media only screen and (max-width: 850px) {
iframe {display: block;}
.desktop {display: none;}
}


@media only screen and (min-width: 1500px) {
h1 {font-size: 4.75vw; font-family: 'Montserrat', sans-serif; font-weight: 900; text-transform: normal; line-height: 0.9;}
h2 {font-size: 1.5vw; font-family: 'Montserrat', sans-serif; font-weight: 700; text-transform: normal; line-height: 1.0; text-decoration: underline; hyphens: none; z-index: 10;}
h3 {font-size: 0.75vw; font-weight: 700; line-height: 1.35; font-family: 'Montserrat', sans-serif; text-transform: normal; margin: 0; margin-top: 1vw; color: #4B4D52; hyphens: none;}
li {font-family: 'Montserrat', sans-serif; font-weight: 700; text-transform: normal; font-size: 0.75vw; line-height: 1.0; margin: 0 0 0.5vw 0;}

#view-normal {display: none;}
#view-big {display: block;}

.text {font-size: 0.75vw; line-height: 1.35;}
.text-small {font-size: 0.5vw; line-height: 1.5;}
.text-big {font-size: 0.825vw; line-height: 1.35;}
.text-heavy {font-size: 1.25vw; font-weight: 800; line-height: 1.35;}

.noti-info {width: 0.75vw; height: 0.75vw; background: #EE4B3E; position: relative; display: table; float: right;}

.avatar {width: 100%; height: 19vw;}
.image-intro {width: 100%; height: 55vw;}
	.image-intro-inner {width: 60%; top: 45%; left: 50%; transform: translate(-50%,-50%);}

.container {width: 60%; clear: both;}
.container-a {width: 100%; height: 50vw;}

.seperator {width: 60%; height: 1px; border-bottom: 1px solid #DCDCDC; clear: both; left: 0; right: 0; margin: auto;}

.important {bottom: 0; width: 100%; height: 2.5vw; position: fixed; z-index: 100; font-family: 'Montserrat', sans-serif; font-weight: 400; text-transform: normal;}

.text {font-size: 0.75vw; line-height: 1.35;}
	.text-marg-1 {margin: 4vw 0 0 0;}
	.text-marg-2 {margin: 4vw 0 5vw 2vw;}
.text-link {font-size: 0.5vw; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 70%; height: 26%; margin: auto;}
.text-button {font-size: 0.5vw; font-weight: 700; text-transform: uppercase; letter-spacing: 1px;}
.text-bold {font-size: 0.75vw; font-weight: 700; line-height: 1.35;}
.text-small-bold {font-size: 0.5vw; font-weight: 700; line-height: 1.0;}
.text-small-bold-alt {font-size: 0.625vw; font-weight: 700; line-height: 1.0;}
.text-medium {font-size: 0.5vw; line-height: 1.0;}

.column {width: 72%; column-count: 2; column-gap: 2vw;}

.gap {margin-top: 5vw;}
.gap-a {margin-left: 20%; margin-top: 0.75vw;}
.gap-b {margin-top: 6vw;}
.gap-c {margin-top: 4.5vw; margin-left: 3vw;}
.gap-d {margin-top: 0.35vw; margin-bottom: 5.5vw; margin-left: 6%;}

.gap-00-vw {margin: 0vw 0vw 0vw 0vw;}
.gap-05-vw {margin: 1vw 0vw 0vw 0vw;}
.gap-10-vw {margin: 1vw 0vw 0vw 0vw;}
.gap-20-vw {margin: 2vw 0vw 0vw 0vw;}
.gap-m-10-vw {margin: -0.5vw 0vw 0vw 0vw;}

.gap-top-m-10-vw {margin-top: -1vw;}
.gap-top-m-05-vw {margin-top: -0.25vw;}
.gap-top-00-vw {margin-top: 0vw;}
.gap-top-07-vw {margin-top: 0.5vw;}
.gap-top-10-vw {margin-top: 1.5vw;}
.gap-top-15-vw {margin-top: 1.5vw;}
	.gap-top-15-vw-alt {margin-top: 1vw;}
.gap-top-60-vw {margin-top: 5vw;}
.gap-top-70-vw {margin-top: 5vw;}
.gap-top-80-vw {margin-top: 6vw;}
.gap-bottom-60-vw {margin-bottom: 4.5vw;}
.gap-bottom-70-vw {margin-bottom: 5vw;}
.gap-bottom-80-vw {margin-bottom: 6vw;}

.gap-left-07-vw {margin-left: 0.5vw;}
.gap-left-10-vw {margin-left: 0.75vw;}
.gap-left-20-vw {margin-left: 1.5vw;}
.gap-left-30-vw {margin-left: 2vw;}
.gap-left-40-vw {margin-left: 4vw;}

.marg-l-03-p {margin-left: 1.875%;}
.marg-l-04-p {margin-left: 3%;}

.font-size-h-sub {font-size: 1.25vw;}

.l-height-10 {line-height: 0.75vw;}
.l-height-15 {line-height: 1.5vw;}
.l-height-20 {line-height: 1.45vw;}
.l-height-25 {line-height: 1.95vw;}

.l-spacing-025 {letter-spacing: 0.125vw;}

.p-time-head {width: 100%; border-bottom: 1px solid #EFEFEF; line-height: 0.1vw; margin: 2vw 0 2.5vw 0;}
.span-time-head {background: #FFF; padding-right: 0.75vw;}

.table-080 {width: 60%; min-height: 100%;}

.scale-06 {transform: scale(0.6);}
.scale-07 {transform: scale(0.7);}
.scale-08 {transform: scale(0.8);}
.scale-09 {transform: scale(0.9);}
.scale-10 {transform: scale(1.0);}
.scale-11 {transform: scale(1.1);}
.scale-12 {transform: scale(1.2);}
.scale-13 {transform: scale(1.3);}

.button {width: 11vw; height: 2.5vw; background: #4B4D52; color: #FFF; border: 0.125vw solid #4B4D52; position: relative;}
.button-alt {width: 11vw; height: 2.5vw; background: transparent; color: #4B4D52; border: 0.125vw solid #4B4D52; position: relative;}
.button-alt-b {width: 11vw; height: 2.5vw; background: transparent; color: #EFEFEF; border: 0.125vw solid #EFEFEF; position: relative;}
.button-alt-c {width: 11vw; height: 2.5vw; position: relative;}
.button-alt-d {width: 11vw; height: 2.5vw; background: transparent; color: #FFDA75; border: 0.125vw solid #FFDA75; position: relative;}
	.button-alt-d:hover {background: #FFDA75; color: #4B4D52; border: 0.125vw solid #FFDA75; position: relative;}
.button-alt-e {width: 11vw; height: 2.5vw; background: #FFDA75; color: #4B4D52; border: 0.125vw solid #FFDA75; position: relative;}.button-tag {padding: 0.6vw 1.7vw 0.6vw 1.7vw; line-height: 4.6; background: #EFEFEF;}
.button-tag {padding: 0.6vw 1.7vw 0.6vw 1.7vw; line-height: 4.6; background: #EFEFEF;}
.button-submit {width: 11vw; height: 2.75vw; background: #4B4D52; color: #FFF; border: 0.125vw solid #4B4D52; text-align: center; position: relative; text-decoration: none; transition: 0.3s 0.3s;}
.button-small {width: 6.5vw; height: 1.25vw; background: transparent; color: #FFF; border: 1px solid #FFF; position: relative; line-height: 1.25vw;}
	.button-small:hover {background: transparent; color: #63CE70; border: 1px solid #63CE70;}

.box-square {width: 20px; height: 20px; text-align: center; background: #FFDA75; color: #000; position: relative; display: table; float: right;}
	.box-square-alt {width: 2vw; height: 2vw; text-align: center; background: #EFEFEF; color: #4B4D52; position: relative; display: table; float: right;}
	.box-square-alt:hover {width: 2vw; height: 2vw; text-align: center; background: #FFDA75; color: #4B4D52; position: relative; display: table; float: right;}
	.box-square-alt-marked {width: 2vw; height: 2vw; text-align: center; background: #FFDA75; color: #4B4D52; position: relative; display: table; float: right;}
		.box-square-alt-typo {font-size: 0.725vw; line-height: 2vw; margin: 0 0 0 0;}
.box-xsmall {font-size: 0.5vw; font-family: 'Montserrat', sans-serif; font-weight: 900; line-height: 0.625; padding: 0.5vw 1.125vw 0.5vw 1.125vw; font-weight: 700; text-transform: normal; letter-spacing: 0.05vw; text-align: center;}
.box-skills-out-1 {width: 26.5vw; height: 9.125vw;}
	.box-skills-out-1-inner {width: 26.5vw; height: 6vw;}
.box-skills-out-2 {width: 31vw; height: 9.125vw;}
	.box-skills-out-2-inner {width: 31vw; height: 6vw;}
.box-skills-out-3 {width: 8.5vw; height: 9.125vw;}
	.box-skills-out-3-inner {width: 8.5vw; height: 6vw;}
.box-call-action {width: 35.25vw; height: 2.5vw;}
.box-gmaps {width: 100%; height: 33vw;}
.box-contact-l {width: 22.46%; height: 33vw;}
.box-gradient-left {width: 20%; height: 100%; position: absolute; margin-left: -20%; opacity: 1; z-index: 50;}
.box-gradient-right {width: 20%; height: 100%; position: absolute; margin-right: 0%; right: 0; opacity: 1; z-index: 50;}
.box-input {width: 100%; height: 2.75vw;}
.box-textarea {width: 100%; height: 13.5vw;}

/*! Timeline */
.timeline-carousel {padding: 0vw 25% 3vw 20%; position: relative; overflow: hidden;}
.timeline-carousel__item .media-wrapper {opacity: 0.4; padding-bottom: 20vw; -webkit-transition: all 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53); -o-transition: all 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);}
.timeline-carousel__image {padding-right: 1.5vw;}

/*! Flickity v1.0.0 */
.gallery-cell {width: 60%; height: 33vw; margin-right: 1vw; background: transparent; counter-increment: gallery-cell;}
.flickity-prev-next-button {position: absolute; bottom: 0%; width: 2.5vw; height: 2.5vw; border: none; background: #FFF; opacity: 1; cursor: pointer;}
.flickity-prev-next-button.previous {right: 20%; margin-right: 2.5vw;}
.flickity-prev-next-button.next {right: 20%;}
.flickity-prev-next-button svg {position: absolute; padding: 0.4vw; left: 20%; top: 20%; width: 60%; height: 60%;}
}