/*
Theme Name: Ethos1.1
Author: Wunderdogs
*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;500;700&display=swap');

*:not(.slick-track):not(body):not(svg) {transition: .55s all ease;outline: none !important;text-shadow:unset !important}
* {line-height: normal;}

a, a:hover, a:focus {outline: none;text-decoration: none;}

:root {
  --orange: #F08042;
  --blue: #11255B;
}

html,body {overflow-x: hidden;}

/*! MODEL FOR IMPORTING FONTS, ALWAYS USE WOFF AND TTF !*/
@font-face {
font-family: 'AcuminPro-Bold';
font-style: normal;
font-weight: normal;
src: url("fonts/AcuminPro-Bold.woff") format("woff"), url("fonts/AcuminPro-Bold.ttf") format("truetype");
}

@font-face {
font-family: 'AcuminPro-Regular';
font-style: normal;
font-weight: normal;
src: url("fonts/AcuminPro-Regular.woff") format("woff"), url("fonts/AcuminPro-Regular.ttf") format("truetype");
}

@font-face {
font-family: 'AcuminPro-Light';
font-style: normal;
font-weight: normal;
src: url("fonts/AcuminPro-Light.woff") format("woff"), url("fonts/AcuminPro-Light.ttf") format("truetype");
}

@font-face {
font-family: 'AcuminPro-Semibold';
font-style: normal;
font-weight: normal;
src: url("fonts/AcuminPro-Semibold.woff") format("woff"), url("fonts/AcuminPro-Semibold.ttf") format("truetype");
}

@font-face {
font-family: 'CabinetGrotesk-Black';
font-style: normal;
font-weight: normal;
src: url("fonts/CabinetGrotesk-Black.woff") format("woff"), url("fonts/CabinetGrotesk-Black.ttf") format("truetype");
}

@font-face {
font-family: 'CabinetGrotesk-Bold';
font-style: normal;
font-weight: normal;
src: url("fonts/CabinetGrotesk-Bold.woff") format("woff"), url("fonts/CabinetGrotesk-Bold.ttf") format("truetype");
}

@font-face {
font-family: 'CabinetGrotesk-Extrabold';
font-style: normal;
font-weight: normal;
src: url("fonts/CabinetGrotesk-Extrabold.woff") format("woff"), url("fonts/CabinetGrotesk-Extrabold.ttf") format("truetype");
}

@font-face {
font-family: 'CabinetGrotesk-Extralight';
font-style: normal;
font-weight: normal;
src: url("fonts/CabinetGrotesk-Extralight.woff") format("woff"), url("fonts/CabinetGrotesk-Extralight.ttf") format("truetype");
}

@font-face {
font-family: 'CabinetGrotesk-Light';
font-style: normal;
font-weight: normal;
src: url("fonts/CabinetGrotesk-Light.woff") format("woff"), url("fonts/CabinetGrotesk-Light.ttf") format("truetype");
}

@font-face {
font-family: 'CabinetGrotesk-Medium';
font-style: normal;
font-weight: normal;
src: url("fonts/CabinetGrotesk-Medium.woff") format("woff"), url("fonts/CabinetGrotesk-Medium.ttf") format("truetype");
}

@font-face {
font-family: 'CabinetGrotesk-Regular';
font-style: normal;
font-weight: normal;
src: url("fonts/CabinetGrotesk-Regular.woff") format("woff"), url("fonts/CabinetGrotesk-Regular.ttf") format("truetype");
}

@font-face {
font-family: 'CabinetGrotesk-Thin';
font-style: normal;
font-weight: normal;
src: url("fonts/CabinetGrotesk-Thin.woff") format("woff"), url("fonts/CabinetGrotesk-Thin.ttf") format("truetype");
}

@font-face { 
  font-family: 'Eurostile';
  font-style: normal;
  font-weight: normal;
	src: url("fonts/Eurostile.ttf") format("truetype")
}

@font-face { 
  font-family: 'Eurostile-Extended';
  font-style: normal;
  font-weight: normal;
	src: url("fonts/EurostileExtended.ttf") format("truetype")
}

@font-face { 
  font-family: 'Eurostile-Bold';
  font-style: normal;
  font-weight: normal;
	src: url("fonts/EurostileBold.ttf") format("truetype")
}

@font-face { 
  font-family: 'Moon-Light';
  font-style: normal;
  font-weight: normal;
	src: url("fonts/moontypeface/Moon-Light.otf") format("opentype")
}
@font-face { 
  font-family: 'Moon-Bold';
  font-style: normal;
  font-weight: normal;
	src: url("fonts/moontypeface/Moon-Bold.otf") format("opentype")
}

img {width: 100%}

p, a, div, h1, h2 {margin: 0px;padding: 0px;font-family: 'AcuminPro-Regular';font-size: 0.95vw;font-family: 'AcuminPro-Light';font-weight: normal;}
h1, h2, h3 {font-family: 'CabinetGrotesk-Bold';color: /* @ben #fff*/var(--blue);font-size: 2.6vw;text-transform: uppercase;letter-spacing: 0.6px;line-height: 3.2vw;}

b, strong {font-family: /* @ben 'AcuminPro-Semibold'*/ Moon-Bold; font-weight: normal;}

.space {padding-top: 70px;padding-bottom: 70px}
.space-top {padding-top: 70px;}
.space-bottom {padding-bottom: 70px;}
.left {text-align: left;}
.center {text-align: center;}
.right {text-align: right;}
.flow-root {display: flow-root;width: 100%}
.cursorPointer:hover {cursor: pointer;}

.container {max-width: 60%;width: 100% !important}

input, textarea, select {border: 2px solid #c1c1c1;padding: 12px 21px;font-size: 19px;width: 100%;margin: 8px 0px;}
textarea {height: 170px;}
select::-ms-expand {display: none;}
select option {color: #373737;font-size: 16px;font-family: 'Arial';}

.wpcf7-not-valid {box-shadow: inset 0px 0px 15px #b53a3a;}
div.wpcf7 .ajax-loader, .wpcf7-spinner {display: none !important;}
span.wpcf7-not-valid-tip {display: none !important;}
div.wpcf7-response-output {margin: 1.5vw 0px auto !important;padding: 1vw !important;text-align: center !important;color: #fff;font-style: italic;}
.wpcf7 form.invalid .wpcf7-response-output {background-color: #df431f;border-color: #df431f !important;}
.wpcf7 form.sent .wpcf7-response-output {background-color: #46b450;}
form.wpcf7-form.submitting input.wpcf7-submit {pointer-events: none;opacity: 0.7;}

input[type="checkbox"] {width: auto !important}
.wpcf7-acceptance label {margin: 0px;}
.wpcf7-acceptance span.wpcf7-list-item {margin: 10px 0px !important}

.hide991 {display: inline-block !important;}
.show991 {display: none !important;}
.hide500 {display: inline-block !important;}
.show500 {display: none !important;}

.loading {height: 100%;display: grid;align-content: center;text-align: center;margin: 2vw auto 2vw auto;}
.loading .line {display: inline-block;width: 15px;height: 15px;border-radius: 15px;background-color: var(--blue);margin: 0px 4px;}
.loading .load-3 .line:nth-last-child(1) {animation: loadingC 0.6s 0.1s linear infinite;}
.loading .load-3 .line:nth-last-child(2) {animation: loadingC 0.6s 0.2s linear infinite;}
.loading .load-3 .line:nth-last-child(3) {animation: loadingC 0.6s 0.3s linear infinite;}
@keyframes loadingC {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(0, 15px);
  }
  100% {
    transform: translate(0, 0);
  }
}

.full-message {position: fixed;width: 100%;height: 100%;top: 0;z-index: 99999;background-color: rgba(1, 8, 34, 0.57);display:none}
.full-message .loading {background-color: transparent;}
.full-message .container {display: grid;align-content: center;height: 100%;}
.full-message p {text-align: center;font-style: italic;}
.full-message .line {background-color: #fff;}

.pagination {text-align: center;margin-top: 40px;}
.pagination span.current, .pagination a.inactive {padding: 0px 0.5vw;margin: 0px 0.3vw;color: var(--blue);font-family: 'CabinetGrotesk-Regular';font-size: 1.33vw;}
.pagination span.current {color: var(--orange);font-family: 'CabinetGrotesk-Medium';}
.pagination .arrow .number {display: none;}
.pagination .arrow img {height: 0.76vw;width: auto;}
.pagination .arrow#first {margin-right: 0.3vw;padding-right: 0px;margin-left: 0px;padding-left: 0px;}
.pagination .arrow#last {margin-left: 0.3vw;padding-left: 0px;margin-right: 0px;padding-right: 0px;}

.mainBtn, .page-template-template-contact form .wpcf7-submit {background-color: var(--orange);border-radius: 10vw;display: inline-block;font-size: 1vw;color: #fff !important;position: relative;overflow: hidden;font-family: 'Roboto', sans-serif;font-weight: 500;}
.mainBtn:hover, .page-template-template-contact form .wpcf7-submit:hover {background-color: #DD6D2E}
.mainBtn:after, .page-template-template-contact form .wpcf7-submit:after {background: #fff;content: "";height: 6vw;left: -3vw;opacity: 0.2;position: absolute;top: -2.1vw;transform: rotate(35deg);transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);width: 1.5vw;z-index: 1;}
.mainBtn:hover:after, .page-template-template-contact form .wpcf7-submit:hover:after {left: 120%;transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);}
.mainBtn span {border-radius: 10vw;display: block;padding: 1vw 3.5vw}
#userback_button_container .userback-button-e {z-index: 9 !important}

/*! NEW CSS BELOW !*/

.navbar-default {margin: 0px;border: 0px;z-index: 999;position: fixed;top: 0;width: 100%;border-radius: 0px;background-color: /* @ben transparent*/ var(--blue); box-shadow: 0px 4px 7px lightgrey}
.navbar-default .container {max-width: 76.8%;max-width: 73.8%;}
.navbar-default .navbar-nav li a {font-family: 'AcuminPro-Bold';font-size: 1vw;color:white;padding: 0.5vw 0.7vw 0.3vw 0.7vw;margin: 1.2vw 0px;border-radius: 70px;line-height: normal;height: auto;margin-right:1.38vw;border: 0.151vw solid transparent}
.navbar-default ul.navbar-nav li:last-child a {margin-right: 8.4vw}
.navbar-default .navbar-nav li a.active, .navbar-default .navbar-nav li a:hover {border-color: var(--orange);color: var(--orange) !important}
.navbar-default .container {position: relative;}
.navbar-default .container .icons {position: absolute;right: 0;padding: 0px 10px;padding-bottom: 15px;border-radius: 0px 0px 30px 30px;top: 1.7vw;transition: unset;}
.navbar-default .container .icons a {display: block;text-align: center;margin-top: 2vw;}
.navbar-default .container .icons a:first-child {margin-top: 0px;}
.navbar-default .container .icons a img {height: 1.3vw;width: auto;}
.navbar-default .container .icons a#twitter img {margin-right: -3px;}
body.scrolled .navbar-default { background-color: #0f2357;}
body.scrolled .navbar-default .container .icons {background-color: #0f2357}
body.scrolled .navbar-default.floatIcons ul.navbar-nav li:last-child a {margin-right: 0px;}
body.scrolled .navbar-default.floatIcons .container .icons {position: fixed;right: 1vw;bottom: 1vw;padding: 1.2vw 0.55vw;border-radius: 10vw;border: 0.1vw solid #43527b;top: unset;}
.logo img {padding: 0.65vw 0px;/* @ben */ /*width: 4.655vw;*/ width: 6vw}

body:not(.home) .container {max-width: 73.8%;}

.modal-backdrop.fade {display: none !important;}
.modal-open {padding-right: 0px !important;}
.modal.fade ._modal-dialog {display: grid;height: 100%;align-content: center;align-items: center;margin: 0px auto;transform: unset;pointer-events: none;}
.modal.fade .modal-content {pointer-events: all;}
.modal.fade {padding: 15px !important;background-color: rgba(19, 35, 74, 0.69);}

.hamburger-menu {position: fixed;right: 15px;top: 14px;border: 2px solid var(--orange);width: 48px;height: 48px;border-radius: 50%;display: grid !important;align-content: center;z-index: 1;}
#menu__toggle {opacity: 0;display: none;}
#menu__toggle:checked ~ .menu__btn > span {transform: rotate(45deg);}
#menu__toggle:checked ~ .menu__btn > span::before {top: 0;transform: rotate(0);}
#menu__toggle:checked ~ .menu__btn > span::after {top: 0;transform: rotate(90deg);}
#menu__toggle:checked ~ .menu__box {visibility: visible;left: 0;}
.menu__btn {display: flex;align-items: center;width: 20px;height: 26px;cursor: pointer;z-index: 1;position: relative;left: 0;margin: 0 auto;}
.menu__btn > span,
.menu__btn > span::before,
.menu__btn > span::after {display: block;position: absolute;width: 100%;height: 2px;background-color: var(--orange);transition-duration: .25s;}
.menu__btn > span::before {content: '';top: -6px;}
.menu__btn > span::after {content: '';top: 6px;}

.noSelect, .noSelect * {
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Safari */
-khtml-user-select: none; /* Konqueror HTML */
-moz-user-select: none; /* Old versions of Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none; /* Non-prefixed version, currently
supported by Chrome, Edge, Opera and Firefox */
}

.header {/* @ben background-color: var(--blue);*/padding: 5vw 0px 2.5vw 0px;}
.header #animation {max-width: 42vw;margin-bottom: 3vw;margin-top: 3vw;margin-left: 5vw;pointer-events: none;z-index: -1;}
.header-title {padding-bottom: 2.5vw;z-index: 1;position: relative;}
.header-title h1 {max-width: 30vw;}
.header-title .content {display: flex;}
.header-title .content .division {width: 100%;max-width: 50%;float: left;display: grid;align-items: center;align-content: center;}
.header-title .content .division#left {align-items: end;align-content: end;}
.header-title #right p {color: /* @ben #fff*/ var(--blue);font-family: 'AcuminPro-Light';font-size: 0.95vw;font-weight: normal;margin-top: 1vw;}
.header-title #right p:first-child {margin-top: 0px;}
.page-template-template-team  .header-title .content .division#right {align-content: initial;align-items: initial;}

.customLinks {position: fixed;height: 100%;width: 100%;top: 0;background-color: var(--orange);}
.customLinks #circleTop {pointer-events: none;position: absolute;top: -33px;max-width: 218px;right: 0;}
.customLinks .in {height: auto;display: grid;padding: 120px 15px 0px 15px;}
.customLinks .in ul {margin: 0px;padding: 0px;}
.customLinks .in ul li {list-style: none;line-height: normal;}
.customLinks .in li a {display: block;font-size: 35px;color: #fff;text-transform: uppercase;font-family: 'CabinetGrotesk-Bold';letter-spacing: 1.5px;padding: 10px 0px;}

.customSelect .in {font-size: inherit;font-family: inherit;position: relative;}
.customSelect .in #arrow {max-width: 0.9vw;position: absolute;right: 0;top: 0.2vw;pointer-events: none;}
.customSelect.open .in #arrow {transform: rotate(180deg);}
.customSelect .in > p {font-size: inherit;font-family: inherit;}
.customSelect .in .options {position: absolute;background-color: white;z-index: 2;top: 2.5vw;padding: 0.7vw 1vw;box-shadow: 0px 0px 3px #d0d0d0;width: max-content;display: none;}
.customSelect.open .in .options {display: block;}
.customSelect .in .options p {border-top: 1px solid #e1e1e1;padding-right: 3.2vw;margin-top: 0.4vw;padding-top: 0.2vw;}
.customSelect .in .options p:first-child {margin-top: 0px;padding-top: 0px;border-top: 0px;}
.options-open .customSelect {pointer-events: none;opacity: 0.6;}
.options-open .customSelect.open {pointer-events: all;opacity: 1;}

.panel-group {margin: 0px}
.panel-title > a:before {float: right !important;font-family: 'Font Awesome 5 Free';content:"\f068";padding-right: 5px;font-weight: 900;position: absolute;right: 0;top: 50%;transform: translateY(-50%);font-size: 1.3vw;}
.panel-title > a.collapsed:before {float: right !important;content:"\f067";}
.panel-title > a:hover, .panel-title > a:active, .panel-title > a:focus {text-decoration:none;}
.panel-default > .panel-heading {padding: 0px;position: relative;}
.panel-default > .panel-heading h4 a {font-family: 'CabinetGrotesk-Bold';color: #262626;font-size: 1.7vw;text-transform: uppercase;letter-spacing: 0.6px;display: block;padding: 1.2vw 0px;padding-right: 60px !important;}
.panel-default > .panel-heading h4 a:not(.collapsed) {pointer-events: none;}
.panel-group .panel {margin: 0px !important;border: 0px;border-top: 1px solid #202020 !important;border-radius: 0px;box-shadow: unset;}
.panel-default > .panel-heading + .panel-collapse > .panel-body {border: 0px;padding: 3.6vw 0px 1.6vw 0px;}
.panel-default > .panel-heading {background: unset;}
.panel-group .panel:last-child {border-bottom: 1px solid #202020 !important;}

.orangeSection {background-color: #EB854E;}
.orangeSection .content {padding: 3vw 0px}
.orangeSection .content p {font-size: 1.3vw;line-height: 1.6vw;font-family: 'AcuminPro-Bold';margin-top: 1.3vw;color: #11255B;}
.orangeSection .content p:first-child {margin-top: 0px;}

/* ################# HOMEPAGE ################# */
body.home { /* @ben background-image: url('img/bg.jpg');background-position: center;background-size: cover;*/
  /* @ben from: https://www.reddit.com/r/sanfrancisco/comments/ibfj70/incredible_view_of_the_san_francisco_skyline/ */
  background-image: url('img/sanfran-skyline.jpg');
	background-size: cover;
  /*background-color: white;*/
  background-position: 0 7vh;
}
.home .main {background-color: /* @ben rgba(17, 37, 91, 0.85)*/ rgba(255,255,255,.90)}
.home, .home .mainContent, .home .main {height: 100%;overflow: hidden;}
.home .main .wrap {display: flex;height: 100%;overflow: hidden;}
.home .main .wrap .division {height: 100%;width: 100%;float: left;max-width: 50%;position: relative;}
.home .main .wrap .division#right {display: grid;align-content: center;align-items: center;}
.home .main .wrap .division#left .mainCircle {height: 54vw;overflow: hidden;border-radius: 50%;width: 54vw;position: absolute;left: -9vw;bottom: -12vw;background-color: /* @ben */ /*var(--orange)*/var(--blue) ;display: grid;align-content: center;align-items: center;z-index: 9;}
.home .main .wrap .division#left .mainCircle, .home .main .wrap .division#left .mainCircle * {transition: none !important; transition: .35s all ease !important;}
.home .main .wrap .division#left .mainCircle .in {background-position: center;background-size: cover;border-radius: 50%;/* @ben height: 50.4vw;width: 50.4vw;*/height: 53.5vw;width: 53.5vw;height: calc(54vw - 7px);width: calc(54vw - 7px); margin: 0 auto;position: absolute;left: 0;right: 0;margin: 0 auto;z-index: 9;background-color: var(--blue);overflow: hidden;}
.home .main .wrap .division#left .mainCircle .in .bg {opacity: 0;visibility: hidden;width: 100%;height: 100%;background-size: cover;background-position: center;transition: 0.35s all ease !important;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.home .main .wrap .division#left .mainCircle .in .bg.visible {opacity: 1;visibility: visible;}
.home .main .wrap .division#right .content {max-width: 69%;max-width: 67.4%;position: relative;z-index: 1;max-width: 70.9%;margin-right: 0px;}
.home .main .wrap .division#right .content p {  -webkit-transform: scale(1, .9);
  -moz-transform: scale(1, .9);
  -o-transform: scale(1, .9);
  transform: scale(1, .9);font-family: /* @ben 'CabinetGrotesk-Bold'*/Moon-Light;color:/* @ben #fff*/var(--blue);font-size: 1.7vw;margin-top: 2.5vw;text-transform: uppercase; letter-spacing: 0.6px;}
.home .main .wrap .division#right .content p:empty, .home .main .wrap .division#right .content p > script {display: none;}
.home .main .wrap .division#right .content p:first-child {margin-top: 62px;}
.home .main .wrap .division#right .content p b, .home .main .wrap .division#right .content p strong {}
.home .main .wrap .division#right .content p a {color: inherit;font-size: inherit;font-family: inherit;text-decoration: underline;}
.home .main .wrap .division#right .content #cta {margin-top: 2vw;}
.home .main .wrap #circleTop {position: absolute;top: -13vw;width: 21vw;left: 27vw;pointer-events: none;}
.home .main .follow {position: relative;display: inline-block;border-radius: 50%;height: 100%;width: 100%;}
.home .main .followWrap {position: absolute;height: 50.4vw;width: 50.4vw;margin: 0 auto;left: 0;right: 0;}
.home .main .followWrapIn {height: 100%;width: 100%;}
.home .main .follow:after {position: absolute;width: 8vw;height: 8vw;border-radius: 50%;content: " ";top: -4.8vw;right: 0;bottom: 0;margin: 0 auto;left: 0;background-image: url('img/home/follow.png');background-position: center;background-size: cover;background-color:/* @ben white*/transparent;background-image: unset;}
.home .main #circleBottom {width: 67vw;position: absolute;bottom: -5.6vw;right: -11vw;pointer-events: none;}
.home .main #circleBottom-1 {width: 67vw;position: absolute;bottom: -5.6vw;right: -11vw;pointer-events: none;}
.home .main #circleBottom-2 {position: absolute;bottom: -130px;height: 415px;width: auto;right: -300px;}
/* ################# END HOMEPAGE ################# */

/* ################# ABOUT US PAGE (OLD) ################# */
.page-template-template-about .header h1 {text-transform: none;max-width: 29.3vw;}
.page-template-template-about .rectangle {background-image: url('img/portfolio/rectangle.jpg');height: 23vw;background-position: center;background-size: cover;background-attachment: fixed;}
.page-template-template-about .rectangle .shadow {height: 100%;background-color: rgba(8, 36, 111, 0.58);}
.page-template-template-about .strategy {padding: 2.5vw 0px;}
.page-template-template-about .strategy .panel-group .panel-body p {width: 100%;max-width: 50%;float: left;padding-right: 6vw;}
.page-template-template-about .strategy .panel-group .panel-body.single-line p {max-width: 100%;padding: 0px;height: 40px;display: grid;align-content: center;align-items: center;}
.page-template-template-about .approach .title {background-color: #F08042;;padding: 4.4vw 0px 1.6vw 0px;position: relative;z-index: 1;}
.page-template-template-about .approach .title h2 {color: white;font-size: 2.7vw;max-width: 11.5vw;}
.page-template-template-about .approach .innerHeader {background-color: var(--orange);}
.page-template-template-about .approach .header-title{padding-top: 8vw;}
 @-webkit-keyframes animate-svg-stroke-1{0%{stroke-dashoffset:185.6719207763672px;stroke-dasharray:185.6719207763672px}100%{stroke-dashoffset:0;stroke-dasharray:185.6719207763672px}}@keyframes animate-svg-stroke-1{0%{stroke-dashoffset:185.6719207763672px;stroke-dasharray:185.6719207763672px}100%{stroke-dashoffset:0;stroke-dasharray:185.6719207763672px}}.svg-elem-1{-webkit-animation:animate-svg-stroke-1 1s cubic-bezier(0.47,0,0.745,0.715) 0s both;animation:animate-svg-stroke-1 1s cubic-bezier(0.47,0,0.745,0.715) 0s both}@-webkit-keyframes animate-svg-stroke-2{0%{stroke-dashoffset:130.23309326171875px;stroke-dasharray:130.23309326171875px}100%{stroke-dashoffset:0;stroke-dasharray:130.23309326171875px}}@keyframes animate-svg-stroke-2{0%{stroke-dashoffset:130.23309326171875px;stroke-dasharray:130.23309326171875px}100%{stroke-dashoffset:0;stroke-dasharray:130.23309326171875px}}.svg-elem-2{-webkit-animation:animate-svg-stroke-2 1s cubic-bezier(0.47,0,0.745,0.715) 0.12s both;animation:animate-svg-stroke-2 1s cubic-bezier(0.47,0,0.745,0.715) 0.12s both}@-webkit-keyframes animate-svg-stroke-3{0%{stroke-dashoffset:809.3780517578125px;stroke-dasharray:809.3780517578125px}100%{stroke-dashoffset:0;stroke-dasharray:809.3780517578125px}}@keyframes animate-svg-stroke-3{0%{stroke-dashoffset:809.3780517578125px;stroke-dasharray:809.3780517578125px}100%{stroke-dashoffset:0;stroke-dasharray:809.3780517578125px}}.svg-elem-3{-webkit-animation:animate-svg-stroke-3 1s cubic-bezier(0.47,0,0.745,0.715) 0.24s both;animation:animate-svg-stroke-3 1s cubic-bezier(0.47,0,0.745,0.715) 0.24s both}@-webkit-keyframes animate-svg-stroke-4{0%{stroke-dashoffset:2304.197998046875px;stroke-dasharray:2304.197998046875px}100%{stroke-dashoffset:0;stroke-dasharray:2304.197998046875px}}@keyframes animate-svg-stroke-4{0%{stroke-dashoffset:2304.197998046875px;stroke-dasharray:2304.197998046875px}100%{stroke-dashoffset:0;stroke-dasharray:2304.197998046875px}}.svg-elem-4{-webkit-animation:animate-svg-stroke-4 1s cubic-bezier(0.47,0,0.745,0.715) 0.36s both;animation:animate-svg-stroke-4 1s cubic-bezier(0.47,0,0.745,0.715) 0.36s both}
.page-template-template-about .approach .blocks {background-color: var(--blue);overflow: hidden;}
.page-template-template-about .approach .blocks .container {position: relative;}
.page-template-template-about .approach .blocks .all {display: flow-root;padding-top: 2.5vw;position: relative;z-index: 1;}
.page-template-template-about .approach .blocks .single {width: 100%;max-width: calc((100%/3) - 0.81vw);float: left;margin: 0px 0.6vw;border: 1px solid var(--blue);}
.page-template-template-about .approach .blocks .all .single:first-child {margin-left: 0px;}
.page-template-template-about .approach .blocks .all .single:last-child {margin-right: 0px;}
.page-template-template-about .approach .blocks .shadow {height: 17vw;background-color: rgba(9, 28, 79, 0.7);}
.page-template-template-about .approach .blocks .single h3 {font-size: 1.4vw;line-height: normal;text-transform: none;font-family: 'AcuminPro-Semibold';letter-spacing: 0.1px;margin: 0px;}
.page-template-template-about .approach .blocks .single .shadow a {display: block;margin: 0px;height: 100%;padding: 1.2vw 1.7vw}
.page-template-template-about .approach .blocks .single.off {border-color: #c8c8c8;background-color: var(--blue);}
.page-template-template-about .approach .blocks .single.off .shadow {background-color: transparent;}
.page-template-template-about .approach .blocks .single.no-link {pointer-events: none;background-color: var(--blue);}
.page-template-template-about .approach .blocks .single .date {background-color: white;padding: 0.8vw 1.5vw 0.95vw 1.5vw;display: block;}
.page-template-template-about .approach .blocks .single .date p {border-bottom: 1px solid #11255b;padding-bottom: 0.4vw;color: #242424;font-size: 1vw;position: relative;padding-right: 2vw;display: block;}
.page-template-template-about .approach .blocks .single .date p span {font-style: italic;color: #8c8c8c;font-size: 0.9vw;}
.page-template-template-about .approach .blocks .single .date p i, .page-template-template-about .approach .blocks .single .date p #arrow {position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.page-template-template-about .approach .blocks .single .date p #arrow {max-width: 1.1vw;}
.page-template-template-about .approach .blocks .single:hover .date a #arrow {max-width: 1.3vw;}
.page-template-template-about .approach .blocks #animation {pointer-events: none;}
.page-template-template-about .approach .blocks .circlesLeft {max-width: 15.6vw;top: -10.4vw;position: absolute;left: 0;}
.page-template-template-about .approach .blocks .circlesRight {max-width: 15.6vw;top: -17.5vw;position: absolute;right: 0;}
/* ################# END ABOUT US PAGE (OLD) ################# */

/* ################# END ABOUT US PAGE (NEW) ################# */
.page-template-template-about h2 {font-size: 1.7vw;color: #000;line-height: 1.19;letter-spacing: 0.05vw;}
.page-template-template-about p {font-size: 0.96vw;line-height: 1.255vw;}
.page-template-template-about .blueBlock {background-color: #11255B;padding: 1.8vw 1.70vw;width: 100%;max-width: 59.09vw;margin: 0 auto;}
.page-template-template-about .blueBlock p {color: white;}
.page-template-template-about .blueBlock .orangeLine {height: 0.05vw;border-radius: 50%;background: linear-gradient(90deg, rgba(235, 133, 78, 0) 1.47%, #EB854E 33.82%, #EB854E 66.18%, rgba(235, 133, 78, 0) 98.53%);}
.page-template-template-about .blueBlock .line {display: flex;flex-wrap: wrap;align-items: center;margin: 3.9vw auto 0px auto;}
.page-template-template-about .blueBlock .line .division {width: 100%;float: left;}
.page-template-template-about .blueBlock .line .division#left {max-width: 26%;}
.page-template-template-about .blueBlock .line .division#right {max-width: 74%;}
.page-template-template-about .blueBlock .lineWrap {max-width: 81%;margin: 0 auto;position: relative;}
.page-template-template-about .blueBlock .lineWrap::before {content: '';width: 0.2vw;display: block;position: absolute;height: 80%;background-color: #778FF3;left: 3.9vw;top: 50%;transform: translateY(-50%);}
.page-template-template-about .blueBlock .line .division ul {margin: 0.8vw 0px 0px 0px;padding: 0px 0px 0px 0.8vw;}
.page-template-template-about .blueBlock .line .division ul li {color: white;list-style: none;margin-top: 0.5vw;position: relative;}
.page-template-template-about .blueBlock .line .division ul li::before {content: '';height: 0.43vw;width: 0.43vw;position: absolute;display: block;background-color: #f08042;border-radius: 50%;left: -0.98vw;top: 0.45vw;}
.page-template-template-about .blueBlock .line:first-of-type {margin-top: 0px;}
.page-template-template-about .blueBlock .line .circle {width: 8vw;height: 8vw;border-radius: 50%;border: 0.01vw solid #778FF3;position: relative;display: grid;align-content: center;padding: 20px;background-color: #11255b;}
.page-template-template-about .blueBlock .line .in::after {content: ''}
.page-template-template-about .blueBlock .line .circle::after, 
.page-template-template-about .blueBlock .line .circle::before {content: '';width: 12px;height: 12px;background-color: #778ff3;border-radius: 50%;position: absolute;left: 0;right: 0;margin: 0 auto}
.page-template-template-about .blueBlock .line .circle::before {top: -0.33vw;bottom: unset;}
.page-template-template-about .blueBlock .line .circle::after {bottom: -0.36vw;top: unset;}
.page-template-template-about .blueBlock .line:first-child .circle::before {display: none;}
.page-template-template-about .blueBlock .line:last-child .circle::after {display: none;}
.page-template-template-about .blueBlock .line .circle #border {position: absolute;top: 50%;left: 50%;width: 9vw;height: 8.2vw;transform: translate(-50%,-75%) rotate(90deg);pointer-events: none;}
.page-template-template-about .blueBlock .line.count2 .circle #border {transform: translate(-50%,-26%) rotate(270deg);}
.page-template-template-about .blueBlock .line .circle p {font-size: 1.18vw;text-align: center;text-transform: uppercase;color: #f08042;font-family: 'AcuminPro-Semibold';letter-spacing: 0.03vw;line-height: 1.4vw;}
.page-template-template-about .blueBlock h3#orange {text-transform: uppercase;font-family: 'AcuminPro-SemiBold';font-size: 1.27vw;color: #f08042;letter-spacing: 0vw;width: 100%;max-width: 100%;}
.page-template-template-about .blueBlock .squared {display: flex;flex-wrap: wrap;align-items: center;position: relative;margin-top: 1.9vw;}
.page-template-template-about .blueBlock .squared::before {content: '';height: 0.05vw;border-radius: 50%;background: linear-gradient(90deg, rgba(235, 133, 78, 0) 1.47%, #EB854E 33.82%, #EB854E 66.18%, rgba(235, 133, 78, 0) 98.53%);display: block;position: absolute;top: 0;width: 100%;}
.page-template-template-about .blueBlock .squared::after {content: '';height: 0.05vw;border-radius: 50%;background: linear-gradient(90deg, rgba(235, 133, 78, 0) 1.47%, #EB854E 33.82%, #EB854E 66.18%, rgba(235, 133, 78, 0) 98.53%);display: block;position: absolute;bottom: 0;width: 100%;}
.page-template-template-about .blueBlock .squared .single {width: 100%;max-width: calc(100%/3);float: left;padding: 1.7vw 1vw;position: relative;}
.page-template-template-about .blueBlock .squared .single::before {content: '';width: 0.05vw;border-radius: 50%;display: block;position: absolute;height: 100%;left: 0;top: 0;background: rgb(235,133,78);background: linear-gradient(0deg, rgba(235,133,78,1) 0%, rgba(235,133,78,0) 100%);}
.page-template-template-about .blueBlock .squared .single:first-child::before {display: none;}
.page-template-template-about .blueBlock .squared .single p {text-align: center;}
.page-template-template-about .blueBlock .squared[columns="two"]::after {display: none;}
.page-template-template-about .blueBlock .squared[columns="two"] .single {max-width: calc(100%/2);}
.page-template-template-about .blueBlock .squared[columns="two"] .single::before {background: rgb(235,133,78);background: linear-gradient(180deg, rgba(235,133,78,1) 0%, rgba(235,133,78,0) 100%); }
.page-template-template-about .headerBg {background-position: center;background-size: cover;}
.page-template-template-about .headerBg h1 {max-width: 100%;text-transform: uppercase;}
.page-template-template-about .header {background-color: unset;padding-top: 18.05vw;padding-bottom: 2.4vw;}
.page-template-template-about .header .content {width: 100%;max-width: 40.2vw;position: relative;}
.page-template-template-about .header .content #shape {position: absolute;max-width: 32.1vw;width: 100%;top: -2vw;right: -2.3vw;pointer-events: none;}
.page-template-template-about .headerBg .gradient {background: linear-gradient(90deg, rgba(17, 37, 91, 0.9) 47.29%, rgba(17, 37, 91, 0.4) 100%);}
.page-template-template-about .quoteSection {padding-top: 1.70vw;padding-bottom: 3vw;background-color: #FAFAFA;}
.page-template-template-about .quoteSection .blocks {margin-top: 3.7vw;display: flex;flex-wrap: wrap;}
.page-template-template-about .quoteSection .blocks .division {width: 100%;float: left;}
.page-template-template-about .quoteSection .blocks .division#left {max-width: 54%;}
.page-template-template-about .quoteSection .blocks .division#right {max-width: 46%;}
.page-template-template-about .quoteSection .blocks .division#left .in {max-width: 77%;}
.page-template-template-about .quoteSection .blocks .division#left .in p {margin-top: 2.3vw;}
.page-template-template-about .quoteSection .blocks .division#left .in p b, 
.page-template-template-about .quoteSection .blocks .division#left .in p strong {font-family: 'AcuminPro-SemiBold';color: inherit;}
.page-template-template-about .quoteSection .blocks .division#left .in p:first-child {margin-top: 0px;}
.page-template-template-about .quoteSection .blocks .division#right .in {}
.page-template-template-about .quoteSection .blocks .division#right .in p {font-size: 1.3vw;font-family: 'AcuminPro-Bold';color: #11255B;line-height: 1.6vw;}
.page-template-template-about .quoteSection .blocks .division#right .in span {margin-top: 0.6vw;display: block;}
.page-template-template-about .quoteSection .blueBlock {margin-top: 3.2vw;}
.page-template-template-about .quoteSection .blueBlock .orangeLine#first {margin-bottom: 2.5vw;}
.page-template-template-about .quoteSection .blueBlock .orangeLine#second {margin-top: 2.6vw;}
.page-template-template-about .quoteSection .blueBlock h3 {text-transform: none;font-size: 1.3vw;font-family: 'AcuminPro-Bold';color: white;line-height: 1.6vw;text-align: center;margin: 1.8vw auto 0px auto;max-width: 65%;}
.page-template-template-about .quoteSection[section="second"] {padding-top: 0.2vw;}
.page-template-template-about .quoteSection[section="second"] .blueBlock h3 {margin: 0px auto;}
.page-template-template-about .quoteSection[section="second"] .blueBlock h3#orange {margin-top: 1.6vw;}
.page-template-template-about .quoteSection[section="second"] .content {border-top: 0.1vw solid #1A1A1A;padding-top: 1.9vw;}
.page-template-template-about .quoteSection[section="second"] .mainBtn {margin: 2vw auto 0px auto;min-width: 14vw;width: max-content;display: block;text-align: center;}
.page-template-template-about .quoteSection[section="second"] .mainBtn span {padding: 1vw 1.3vw;}
/* ################# END ABOUT US PAGE (NEW) ################# */

/* ################# PORTFOLIO ################# */
/* @ben */
body.page-template-template-portfolio {background-image: url('img/portfolio/rectangle.jpg');background-position: center;background-size: contain;}
.page-template-template-portfolio  .mainContent {background-color: /* @ben rgba(17, 37, 91, 0.85)*/ rgba(255,255,255,.90)}
/* </@ben */
.page-template-template-portfolio .header {/* @ben padding-top: 13vw;*/z-index: 1;position: relative;}
.page-template-template-portfolio .header .content .division#left {padding-left: 0px;position: relative;max-width: 50.7%;margin-right: 0;margin-left: auto;}
.page-template-template-portfolio .fullimage {height: 16vw;background-color: #eee;background-position: center;background-size: cover;}
.page-template-template-portfolio .header-title h1 {max-width: 23vw;color: var(--orange);}
.page-template-template-portfolio .header #animation {margin: 0px !important;position: absolute;left: -30.4vw;max-width: 28vw;top: -1vw;pointer-events: none;}
.page-template-template-portfolio .companies .content > h2 {color: /* @ben #333*/var(--blue);margin-bottom: 3vw;}
.page-template-template-portfolio .companies .filter {border-bottom: 0.1vw solid #4a4a4a;padding-bottom: 1.9vw;display: flex;justify-content: space-between;}
.page-template-template-portfolio .companies .filter .selectors {display: inline-block;width: 100%;max-width: 36vw;}
.page-template-template-portfolio .companies .filter #selectWrap {display: inline-block;position: relative;width: 10vw;margin-right: 1vw;}
.page-template-template-portfolio .companies .filter #selectWrap #arrowWrap {max-width: 0.8vw;position: absolute;right: 0;top: 50%;transform: translateY(-50%);background-color: white;pointer-events: none;display: none;}
.page-template-template-portfolio .companies .filter input, .page-template-template-portfolio .companies .filter .select, .page-template-template-portfolio .companies .filter a#all {width: 100%;display: block;float: left;margin-right: 1vw;max-width: 10vw;padding: 0.6vw 0vw;border: 0px;border-bottom: 0.1vw solid #131313;background-color: transparent;margin-top: 0px;color: #151515;font-size: 1.2vw;font-family: 'CabinetGrotesk-Light';margin-bottom: 0px;}
.page-template-template-portfolio .companies .filter .select:not(.customSelect) {display: none;}
.page-template-template-portfolio .companies .filter .search input {max-width: 100%;}
.page-template-template-portfolio .companies .filter .search input::placeholder {color:#151515;opacity: 1;}
.page-template-template-portfolio .companies .content {padding: 3.1vw 0px;}
.page-template-template-portfolio .companies .all {display: flex;flex-wrap: wrap;margin-top: 1.2vw;}
.page-template-template-portfolio .companies .all.reverse {flex-direction: column-reverse;}
.page-template-template-portfolio .companies .all .wrap {display: flex;flex-wrap: wrap;width: 100%;}
.page-template-template-portfolio .companies .all #none {text-align: center;display: block;width: 100%;margin: 1vw 0px 0px 0px;font-size: 1.7vw;color: #11255b;font-family: 'CabinetGrotesk-Medium';}
.page-template-template-portfolio .companies .all .single {position: relative;width: 100%;max-width: calc((100%/5) - -2.44vw);float: left;margin: 0.75vw;border: 0.1vw solid #000;display: grid;pointer-events: none;}
.page-template-template-portfolio .companies .all .single:nth-child(4n+1) {margin-left: 0px !important;}
.page-template-template-portfolio .companies .all .single:nth-child(4n) {margin-right: 0px !important;}
.page-template-template-portfolio .companies .all .single a {display: block;padding: 1.6vw 1.5vw;}
.page-template-template-portfolio .companies .all .single #logo {height: auto;width: auto;max-width: 140px;}
.page-template-template-portfolio .companies .all .single .logoWrap {height: 65px;display: grid;align-content: center;}
.page-template-template-portfolio .companies .all .single#port39 #logo {height: 2.82vw;}
.page-template-template-portfolio .companies .all .single#port38 #logo {height: 2.35vw;}
.page-template-template-portfolio .companies .all .single h2 {color: #2f2f2f;line-height: normal;}
.page-template-template-portfolio .companies .all .single .block {border-top: 0.1vw solid #000;padding-top: 1.5vw;margin-top: 1.7vw;}
.page-template-template-portfolio .companies .all .single .block h2 {font-size: 1.7vw;display: none;}
.page-template-template-portfolio .companies .all .single #founder {color: var(--orange);font-size: 1.15vw;}
.page-template-template-portfolio .companies .all .single #exit {bottom: 1vw;position: absolute;right: -0.05vw;top: -0.05vw;z-index: 1;overflow: hidden;width: 8vw;height: 6.5vw;pointer-events: none;}
.page-template-template-portfolio .companies .all .single #exit span {font-size: 1.2vw;color: #000;text-transform: uppercase;text-align: center;line-height: normal;transform: rotate(45deg);-webkit-transform: rotate(45deg);width: 10vw;display: block;background: #EB854E;position: absolute;top: 27px;right: 0;padding: 0.4vw 0px 0.2vw 0px;left: 0.7vw;font-family: 'AcuminPro-Regular';}
.page-template-template-portfolio .companies .all .single #arrow {max-width: 2.8vw;position: absolute;bottom: 1vw;right: 1vw;}
.page-template-template-portfolio .pagination {text-align: center;margin-top: 1.7vw;margin-left: auto;margin-right: 0px;border-bottom: 0.1vw solid var(--blue);padding-bottom: 0.7vw;}
/* ################# END PORTFOLIO ################# */

/* ################# TEAM ################# */
.page-template-template-team {padding-right: 0px !important;}
.page-template-template-team .header {padding-top: 19vw;}
.page-template-template-team .header #animation {position: absolute;margin: 0px auto;max-width: 65vw;bottom: 1.9vw;left: 5.5vw;right: 0;}
.page-template-template-team .teams {/* @ben background-color: var(--blue)*/;padding-top: 1vw;padding-bottom: 5vw;}
.page-template-template-team .teams ._modal {z-index: 999999999;}
.page-template-template-team .teams .content .all {display: flow-root;}
.page-template-template-team .teams .content .all .division {width: 100%;max-width: calc((100%/2));float: left;margin: 0px;transition: unset;}
.page-template-template-team .teams .content .all .division#founders {margin-left: 0px;padding-right: 0.73vw;padding-right: 0px;}
.page-template-template-team .teams .content .all .division#operations {margin-right: 0px;padding-left: 0.73vw;padding-left: 0px;}
.page-template-template-team .teams .content .all .division#advisors {max-width: 100%;margin: 0px;margin-top: 2vw;}
.page-template-template-team .teams .content .all h2 {font-size: 1.8vw;border-bottom: 0.2vw solid #fff;line-height: 1.8vw;display: inline-block;border-bottom: 0px !important;}
.page-template-template-team .teams .content .all .wrap {margin-top: 1.9vw;background-color: #334F99;padding: 0.75vw 0.85vw;display: flex;flex-wrap: wrap;}
.page-template-template-team .teams .content .all #operations .wrap {/*background-color: #233B7B;*/padding-left: 0.5vw;}
.page-template-template-team .teams .content .all #founders .wrap {padding-right: 0.5vw;}
.page-template-template-team .teams .content .all .wrap .single {width: 100%;max-width: calc((100%/4) - 1.10vw);float: left;margin: 0.55vw 0.55vw;transition: unset;background-color: white;display: grid;}
.page-template-template-team.modal-open .teams .content .all .wrap .single .img, .page-template-template-team.modal-open .teams .content .all .wrap .single .info {pointer-events: none;}
.page-template-template-team .teams .content .all .wrap .single .img {height: 14.8vw;background-color: #d9d9d9;overflow: hidden;}
.page-template-template-team .teams .content .all .wrap .single .img a {display: block;width: 100%;height: 100%;background-position: center;background-size: cover;}
.page-template-template-team .teams .content .all .wrap .single:hover .img a {transform: scale(1.1);}
.page-template-template-team .teams .content .all .wrap .single .info {background-color: white;}
.page-template-template-team .teams .content .all .wrap .single .info a {display: block;position: relative;padding: 0.7vw 1.1vw;padding-right: 3vw;}
.page-template-template-team .teams .content .all .wrap .single .info a h3 {margin: 0px;font-size: 1.2vw;text-transform: none;font-family: 'AcuminPro-Light';line-height: normal;color: var(--blue);}
.page-template-template-team .teams .content .all .wrap .single .info a > p {font-size: 0.9vw;text-transform: none;font-family: 'AcuminPro-Semibold';line-height: normal;color: var(--blue);}
.page-template-template-team .teams .content .all .wrap .single .info a #arrow {position: absolute;right: 0.8vw;top: 50%;transform: translateY(-50%);max-width: 1.6vw;}
.page-template-template-team .teams .content .all .division#advisors .wrap {padding: 0.85vw 1.35vw;background-color: #0F1B3D;}
.page-template-template-team .teams .content .all .division#advisors .wrap .single {max-width: calc((100%/4) - 0.83vw);margin: 10px 0.55vw !important}
.page-template-template-team .teams .content .all .division#advisors .wrap .single:nth-child(4n + 1) {margin-left: 0px !important;}
.page-template-template-team .teams .content .all .division#advisors .wrap .single:nth-child(4n) {margin-right: 0px !important;}
.page-template-template-team .partner {background-color: #EB854E;padding: 2.4vw 0px;}
.page-template-template-team .partner .container {max-width: 69.5%;}
.page-template-template-team .partner .content {display: flex;}
.page-template-template-team .partner .content h1 {font-size: 1.9vw;color: var(--blue);line-height: normal;display: grid;align-content: center;align-items: center;max-width: 46%;width: 100%;}
.page-template-template-team .partner .content h1 span {color: white;display: block;line-height: normal;}
.page-template-template-team .partner .content .animation {width: 33.5%;}
.page-template-template-team .partner .content .animation img {max-width: 30vw;display: block;margin: 0 auto;padding: 0px 2.5vw 0px 1.5vw;}
.page-template-template-team .partner .content .cta {display: grid;align-content: center;align-items: center;margin-left: 0.4vw;}
.page-template-template-team .partner .content .cta .mainBtn {background-color: white;color: var(--blue) !important;}
.page-template-template-team .partner .content .cta .mainBtn::after {background: #cacaca;}
.page-template-template-team .partner .content .cta .mainBtn span {padding: 0.9vw 3.5vw;}
.page-template-template-team .careers {padding: 4vw 0px 4.3vw 0px}
.page-template-template-team .careers .content h1 {color: #333;font-size: 2.5vw;line-height: normal;}
.page-template-template-team .careers .content .all {margin-top: 1.3vw;border-bottom: 0.15vw solid #1a1a1a;}
.page-template-template-team .careers .content .all .single {border-top: 0.15vw solid #1a1a1a;padding: 1.4vw 0px}
.page-template-template-team .careers .content .all .single > a {display: block;}
.page-template-template-team .careers .content .all .single h2 {color: #333;font-size: 1.7vw;line-height: normal;}
.page-template-template-team .careers .content .all .single p {position: relative;margin-top: 0.8vw;font-family: 'AcuminPro-Regular';font-size: 1.15vw;color: #373737;}
.page-template-template-team .careers .content .all .single p #name {width: 100%;display: inline-block;max-width: 9vw;}
.page-template-template-team .careers .content .all .single p #date {display: inline-block;font-style: italic;}
.page-template-template-team .careers .content .all .single p #cat {border-left: 2px solid #313131;padding-left: 1vw;margin-left: 1vw;font-style: italic;}
.page-template-template-team .careers .content .all .single p #cta {position: absolute;right: 0;top: 50%;transform: translateY(-50%);color: #2b2b2b;display: block;width: 100%;max-width: 9.5vw;font-family: 'AcuminPro-Regular';font-size: 1.11vw;}
.page-template-template-team .careers .content .all .single p #cta img {max-width: 1.4vw;display: inline-block;margin-left: 1.6vw;}
.page-template-template-team .modal-content {border-radius: 0px;}
.page-template-template-team .modal-body {padding: 2.6vw 2vw;padding-bottom: 4vw;}
.page-template-template-team ._modal-dialog {max-width: 60vw;width: 100%;}
.page-template-template-team ._modal * {transition: unset !important;}
.page-template-template-team ._modal .content {display: flex;flex-wrap: wrap;}
.page-template-template-team ._modal #close {max-width: 1.2vw;position: absolute;right: 1.5vw;top: 1.5vw;opacity: 1;}
.page-template-template-team ._modal .content .img {width: 100%;float: left;max-width: 33%;display: grid;align-content: center;align-items: center;padding-top: 1.6vw;}
.page-template-template-team ._modal .content .photoWrap {position: relative;}
.page-template-template-team ._modal .content .photo {height: 17vw;width: 17vw;margin: 0 auto;position: absolute;/* @ben top: 50%;*/ left: 0;right: 0;/* @ben transform: translateY(-50%);*/border-radius: 50%;background-position: center;background-size: cover;z-index: 1;}
.page-template-template-team ._modal .content #front {max-width: 19vw;position: absolute;top: -10.6vw;right: -1.1vw;z-index: 2;}
.page-template-template-team ._modal .content #back {max-width: 23vw;position: absolute;top: -10vw;left: -0.5vw;}
.page-template-template-team ._modal .content .info {width: 100%;float: left;max-width: 67%;display: grid;align-content: center;align-items: center;padding-left: 3.4vw;}
.page-template-template-team ._modal .content h2 {color: #202020;font-size: 2vw !important;}
.page-template-template-team ._modal .content h3 {color: #2f2f2f;font-size: 1vw !important;margin: 0.4vw 0px 0px 0px;font-style: italic;text-transform: none;font-family: 'AcuminPro-Regular';line-height: normal;}
.page-template-template-team ._modal .content .desc {margin-top: 1.8vw;}
.page-template-template-team ._modal .content .desc p {/* @ben column-count: 2;-moz-column-count: 2;-webkit-column-count: 2;*/}
.page-template-template-team ._modal .arrows {position: absolute;right: 1.4vw;bottom: 1.6vw;text-align: center;}
.page-template-template-team ._modal .arrows .arrow {display: inline-block;}
.page-template-template-team ._modal .arrows .arrow img {max-width: 3.1vw;padding: 0px 0.4vw;width: 100%;}
/* @ben */
.page-template-template-team ._modal-content {border-radius: 0px;}
.page-template-template-team ._modal-body {padding: 2.6vw 2vw;padding-bottom: 4vw;}
.page-template-template-team ._modal-dialog {max-width: 60vw;width: 100%;}
.page-template-template-team ._modal * {transition: unset !important;}
.page-template-template-team ._modal .content {display: flex;flex-wrap: wrap;}
.page-template-template-team ._modal #close {max-width: 1.2vw;position: absolute;right: 1.5vw;top: 1.5vw;opacity: 1;}
.page-template-template-team ._modal .content .img {width: 100%;float: left;max-width: 33%;display: grid;align-content: /* @ben center*/ flex-start;align-items: center;padding-top: 1.6vw;}
.page-template-template-team ._modal .content .photoWrap {position: relative;}
.page-template-template-team ._modal .content .photo {height: 17vw;width: 17vw;margin: 0 auto;position: absolute;/* @ben top: 50%;*/left: 0;right: 0;/* @ben transform: translateY(-50%);*/border-radius: 50%;background-position: center;background-size: cover;z-index: 1;}
.page-template-template-team ._modal .content #front {max-width: 19vw;position: absolute;top: -10.6vw;right: -1.1vw;z-index: 2;}
.page-template-template-team ._modal .content #back {max-width: 23vw;position: absolute;top: -10vw;left: -0.5vw;}
.page-template-template-team ._modal .content .info {width: 100%;float: left;max-width: 67%;display: grid;align-content: center;align-items: center;padding-left: 3.4vw;}
.page-template-template-team ._modal .content h2 {color: /* @ben #202020*/var(--blue);font-size: 2vw !important;}
.page-template-template-team ._modal .content h3 {color: /* @ben #2f2f2f*/grey;font-size: 1vw !important;margin: 0.4vw 0px 0px 0px;font-style: italic;text-transform: none;font-family: 'AcuminPro-Regular';line-height: normal;}
.page-template-template-team ._modal .content .desc {margin-top: 1.8vw;}
.page-template-template-team ._modal .content .desc p {/* @ben column-count: 2;-moz-column-count: 2;-webkit-column-count: 2;*/}
.page-template-template-team ._modal .arrows {position: absolute;right: 1.4vw;bottom: 1.6vw;text-align: center;}
.page-template-template-team ._modal .arrows .arrow {display: inline-block;}
.page-template-template-team ._modal .arrows .arrow img {max-width: 3.1vw;padding: 0px 0.4vw;width: 100%;}
/* ################# END TEAM ################# */

/* ################# CONTACT US ################# */
.page-template-template-contact {overflow-x: hidden;}
.page-template-template-contact .formBody {background-color: /* @ben var(--blue)*/white;padding: 10vw 0px 0px 0px;}
.page-template-template-contact .formBody .content {max-width: 40vw;}
.page-template-template-contact .formBody .container {position: relative;}
.page-template-template-contact .formBody #animation {position: absolute;right: -2vw;top: -13vw;width: 54vw;pointer-events: none;}
.page-template-template-contact .formBody .desc {margin-top: 2vw;display: flex;flex-wrap: wrap;max-width: 34vw;align-items: baseline;}
.page-template-template-contact .formBody .desc p {color:/* @ben white*/var(--blue);width: 100%;display: grid;align-content: end;float: left;max-width: 50% !important;}
.page-template-template-contact .formBody .desc #email {max-width: 100%;float: none;padding-left: 3vw;}
.page-template-template-contact .formBody .desc #phone {max-width: 40%;}
.page-template-template-contact .formBody .desc #address {max-width: 60%;}
.page-template-template-contact .formBody form {margin-top: 2.8vw;position: relative}
.page-template-template-contact .formBody form br {display: none;}
.page-template-template-contact .formBody form .line {margin-top: 1.2vw;display: flow-root;position: inherit;}
.page-template-template-contact .formBody form .line#job {display: none}
.page-template-template-contact .formBody form .line#job input {padding-left: 0px;background-color: transparent;border: 0px;color: /* @ben #fff*/ var(--blue);font-style: italic;pointer-events: none;}
.page-template-template-contact .formBody form .line #label {color: /* @ben white*/ var(--blue);display: block;font-size: 1.25vw;font-family: 'CabinetGrotesk-Medium';margin-bottom: 0.3vw;}
.page-template-template-contact .formBody form .line #required {color: var(--orange);}
.page-template-template-contact .formBody form .line input, .page-template-template-contact .formBody form .line .select, .page-template-template-contact .formBody form .line textarea {margin: 0px;border: 1px solid /* @ben white*/var(--blue);padding: 0.83vw 1.2vw;background-color: white;font-size: 1vw;font-family: 'Roboto', sans-serif;font-weight: 300;}
.page-template-template-contact .formBody form .line textarea {height: 10vw;}
.page-template-template-contact form .wpcf7-submit {background-color: var(--orange);border-color: var(--orange);max-width: 14.1vw;margin-right: 0px;margin-left: auto;display: block;margin-top: 1.6vw;font-size: 0.95vw;padding: 0.95vw 1vw;border: 0px;}
.page-template-template-contact .formBody form .line#reason select {display: none;}
.page-template-template-contact .customSelect .in .options {left: 0 !important;width: 100%;top: 5.3vw;}
.page-template-template-contact .in #arrow {right: 0.8vw;top: 2.9vw;}
.page-template-template-contact .customSelect {position: initial;}
.page-template-template-contact .customSelect .in {position: inherit;}
.page-template-template-contact .customSelect #main {font-family: 'Roboto', sans-serif;font-weight: 300;}
.page-template-template-contact .formWrapper {position: relative;}
.page-template-template-contact .formWrapper iframe {position: absolute;right: -31.5vw;height: 100%;width: 28vw;top: 0;border-radius: 10px;}
/* ################# END CONTACT US ################# */

.footer {background-color: var(--blue);padding-top: 5.4vw;padding-bottom: 2vw;}
.footer #logo {max-width: 5vw;}
.footer ul {margin: 4.5vw 0px 0px 0px;padding: 0px;}
.footer ul li {list-style: none;display: inline-block;margin-right: 1.2vw;width: 100%;max-width: 8vw;}
.footer ul li a {color: white;border-bottom: 0.2vw solid #fff;display: block;padding-bottom: 0.5vw;font-size: 1.2vw;font-family: 'CabinetGrotesk-Medium';}
.footer .content {display: flex;}
.footer .content .division {width: 100%;float: left;display: grid;align-content: space-between;}
.footer .content .division#left {max-width: 80%;}
.footer .content .division#right {max-width: 20%;text-align: right;}
.footer .content .division .icons {}
.footer .content .division .icons a {margin-right: 1.5vw;}
.footer .content .division .icons a:last-child {margin: 0px;}
.footer .content .division .icons a img {height: 25px;width: auto;}
.footer .content .division #copy {color: white;font-size: 1.1vw;}
 
@media screen and (max-width: 1600px) {
  p {font-size: 17px;}
  h1, h2, h3 {font-size: 45px;line-height: 50px;}
  .navbar-default .navbar-nav li a {font-size: 19px;border: 2px solid transparent;padding: 10px 17px 7px 17px;margin: /* @ben 16px*/38px 0px;margin-left: 35px;}
  .navbar-default .container {max-width: 1345px !important}
  .navbar-default .container .icons a img {height: 25px;}
  .navbar-default .container .icons a#wearecreative img {height: 15px !important;}
  .navbar-default .container .icons {bottom: unset;top: /* @ben 32px*/45px;}
  body.scrolled .navbar-default.floatIcons .container .icons {padding: 23px 11px !important;border-radius: 45px !important;}
  .navbar-default .container .icons a {margin-top: 30px;}
  .navbar-default ul.navbar-nav li:last-child a {margin-right: 80px;}
  .logo img {padding: 12px 0px;/* @ben */ /*width: 100%;max-width: 86px;*/ width: 170%; max-width: 180px;}
  .home .main .wrap .division#right .content {max-width: 585px;}
  .home .main .wrap .division#right .content p {margin-top: 32px;font-size: /* @ben 32px*/30px;}
  .mainBtn span {border-radius: 50px;display: block;padding: 14px 57px;font-size: 21px;}
  .home .main .wrap .division#left .mainCircle {height: 54vw;width: 54vw;bottom: -5vw;}
  .home .main .wrap .division#right .content #cta {margin-top: 35px;}

  .mainBtn::after, .page-template-template-contact form .wpcf7-submit::after {top: -30px;left: -40px;height: 100px;width: 25px;}

  .panel-title > a::before {font-size: 20px;}
  .panel-default > .panel-heading h4 a {padding: 18px 0px;font-size: 25px;}
  .panel-default > .panel-heading + .panel-collapse > .panel-body {padding: 40px 0px 20px 0px;}

   body:not(.home) .container {max-width: 1200px;max-width: 1370px;}
  .header #animation {max-width: 600px;margin-bottom: 30px;margin-left: 65px;margin-top: 35px;  }
  .header-title #right p {font-size: 17px;}
  .header-title .content .division#left {padding-right: 80px;}
  .header-title h1 {max-width: 100% !important;}

  .page-template-template-about .strategy .panel-group .panel-body p {padding-right: 35px;}
  .page-template-template-about .strategy {padding: 30px 0px;}
  .page-template-template-about .approach .blocks .single {max-width: calc((100%/3) - 10px);margin: 0px 7px;}
  .page-template-template-about .approach .blocks .shadow {height: 280px;}
  .page-template-template-about .approach .blocks .single h3 {font-size: 23px;}
  .page-template-template-about .approach .blocks .single .shadow a {padding: 21px 26px;}
  .page-template-template-about .approach .blocks .single .date p {padding-right: 25px;font-size: 17px;padding-bottom: 6px;}
  .page-template-template-about .approach .blocks .single .date {padding: 14px 20px 16px 20px}
  .page-template-template-about .approach .blocks .all {padding-top: 33px;}
  .page-template-template-about .approach .blocks .single .date p #arrow {max-width: 18px;}
  .page-template-template-about .approach .blocks .single .date:hover p #arrow {max-width: 20px;}
  .page-template-template-about .approach .blocks .circlesLeft {max-width: 243px;top: -166px;}
  .page-template-template-about .approach .blocks .circlesRight {max-width: 243px;top: -277px;}

  .page-template-template-portfolio .header #animation {max-width: 534px;left: -587px;}
  .page-template-template-portfolio .header { padding-top: 200px; padding-bottom: 57px;}
  .page-template-template-portfolio .fullimage {height: 270px;}
  .page-template-template-portfolio .header .content .division#left {padding-right: 0px !important;}
  .page-template-template-portfolio .header-title h1 {max-width: 320px !important;}
  .page-template-template-portfolio .companies .content > h2 {margin-bottom: 45px;}
  .page-template-template-portfolio .companies .filter input, .page-template-template-portfolio .companies .filter .select, .page-template-template-portfolio .companies .filter a#all {margin-bottom: 0px;padding: 12px 0px;font-size: 20px !important;max-width: 180px !important;margin-right: 15px;border-bottom-width: 1px;}
  .page-template-template-portfolio .companies .filter #selectWrap {max-width: 180px !important;margin-right: 15px;width: 100%;}
  .page-template-template-portfolio .companies .filter .selectors {max-width: 600px;}
  .page-template-template-portfolio .companies .filter .search input {max-width: 100% !important;}
  .page-template-template-portfolio .companies .all .single {margin: 11px;max-width: calc((100%/4) - 17px);border: 1px solid #000;}
  .page-template-template-portfolio .companies .all .single a {padding: 23px;}
  .page-template-template-portfolio .companies .all .single .block {margin-top: 19px;padding-top: 18px;border-top-width: 1px !important;}
  .page-template-template-portfolio .companies .all .single .block h2 {font-size: 27px;}
  .page-template-template-portfolio .companies .all .single #founder {font-size: 19px;}  
  .page-template-template-portfolio .pagination {padding-bottom: 7px;margin-top: 15px;border-bottom-width: 1px;}
  .page-template-template-portfolio .companies .content {padding: 40px 0px;}
  .page-template-template-portfolio .companies .all {margin-top: 16px;}
  .pagination .arrow img {height: 14px;}
  .pagination span.current, .pagination a.inactive {font-size: 23px;padding: 0px 6px;margin: 0px 4px;}
  .page-template-template-portfolio .companies .filter {padding-bottom: 25px;}
  .page-template-template-portfolio .companies .all .single #exit {height: 100px;top: -1px;right: -1px;bottom: unset;width: 120px;}
  .page-template-template-portfolio .companies .all .single #exit span {left: 8px;top: 25px;font-size: 19px;padding: 7px 0px 3px 0px;width: 155px;}
  .page-template-template-portfolio .companies .all .single #arrow {max-width: 42px;position: absolute;bottom: 10px;right: 10px;}
  .page-template-template-portfolio .companies .all .loading {margin: 30px auto 50px auto;}
  .page-template-template-portfolio .companies .all #none {font-size: 29px;margin-top: 33px;}
  
  .customSelect .in .options {top: 45px;padding: 11px 16px;}
  .customSelect .in .options p {padding-right: 45px;margin-top: 7px;padding-top: 6px;}
  .page-template-template-contact .customSelect .in #arrow {max-width: 16px;top: 49px;right: 15px;}
  .page-template-template-portfolio .customSelect .in #arrow {max-width: 16px;top: 3px;right: 15px;}

  .page-template-template-team .teams .content .all h2 {font-size: 28px;border-bottom-width: 3px;line-height: normal;}
  .page-template-template-team .teams .content .all .wrap .single {max-width: calc((100%/4) - 18px);float: left;margin: 9px;}
  .page-template-template-team .teams .content .all .wrap .single .info a h3 {font-size: 20px;letter-spacing: 0px;line-height: normal;}
  .page-template-template-team .teams .content .all .wrap .single .info a {padding: 15px 40px 15px 20px !important;}
  .page-template-template-team .teams .content .all .wrap .single .info a > p {font-size: 16px;}
  .page-template-template-team .teams .content .all .wrap .single .img {height: 260px !important;}
  .page-template-template-team .teams .content .all .wrap .single .info a #arrow {max-width: 31px;right: 15px;}
  .page-template-template-team .teams .content .all .wrap {margin-top: 30px;padding: 20px;}
  .page-template-template-team .teams .content .all #operations .wrap {padding-left: 9px;}
  .page-template-template-team .teams .content .all #founders .wrap {padding-right: 9px;}
  .page-template-template-team .teams {padding-top: 15px;padding-bottom: 55px;}
  .page-template-template-team ._modal-dialog {max-width: 1170px;}
  .page-template-template-team ._modal .content h2 {border: 0px !important;font-size: 32px !important;}
  .page-template-template-team ._modal .content h3 {margin: 7px 0px 0px 0px;font-size: 18px !important;}
  .page-template-template-team .modal-body {padding: 38px 40px 75px 40px;}
  .page-template-template-team .careers .content .all .single {padding: 23px 0px;border-top-width: 2px;}
  .page-template-template-team .careers .content .all {margin-top: 15px;border-bottom-width: 2px;}
  .page-template-template-team .careers .content .all .single h2 {font-size: 27px;}
  .page-template-template-team .careers .content .all .single p #name {max-width: 150px;}
  .page-template-template-team .careers .content .all .single p {font-size: 19px;margin-top: 12px;}
  .page-template-template-team .careers .content .all .single p #cta {font-size: 18px;max-width: 157px;}
  .page-template-template-team .careers .content .all .single p #cta img {max-width: 28px;margin-left: 18px;}
  .page-template-template-team .careers .content h1 {font-size: 38px;}
  .page-template-template-team .careers {padding: 51px 0px;}
  .page-template-template-team ._modal-dialog {max-width: /* @ben 1070px*/70vw;/* @ben */margin: auto;}
  .page-template-template-team ._modal .arrows {right: 17px;bottom: 25px;}
  .page-template-template-team ._modal .arrows .arrow img {max-width: 58px;padding: 0px 10px;}
  .page-template-template-team ._modal #close {top: 20px;right: 19px;max-width: 22px;}
  .page-template-template-team ._modal .content .photo {height: 265px;width: 265px;}
  .page-template-template-team ._modal .content #back {max-width: 345px;top: -163px;left: 0;}
  .page-template-template-team ._modal .content #front {max-width: 302px;top: -171px;right: -3px;}
  .page-template-template-team ._modal .content .img {padding-top: 14px;}

  .page-template-template-team .partner .content h1 {font-size: 30px;}
  .page-template-template-team .partner .content .animation img {padding: 0px 40px 0px 20px;max-width: 100%;}
  .page-template-template-team .partner .content .cta .mainBtn span {padding: 13px 46px;}
  .page-template-template-team .partner .content .cta {margin-left: 8px;}
  .page-template-template-team .partner .container {max-width: 1200px;}
  .page-template-template-team .partner {padding: 55px 0px;}
  .page-template-template-team .partner .content .animation {max-width: 32.5%}

  .page-template-template-team .teams .content .all .division#advisors .wrap .single {max-width: calc((100%/4) - 15px);margin: 10px 9.5px !important;}

  .page-template-template-contact .formBody .desc {margin-top: 29px;max-width: 500px;}
  .page-template-template-contact .formBody .desc #email {padding-left: 35px;}
  .page-template-template-contact .formBody form .line #label {font-size: 21px;margin-bottom: 6px;}
  .page-template-template-contact .formBody form .line textarea {height: 190px;}
  .page-template-template-contact .formBody form .line input, .page-template-template-contact .formBody form .line .select, .page-template-template-contact .formBody form .line textarea {padding: 14px 16px;font-size: 18px;}
  .page-template-template-contact form .wpcf7-submit {padding: 12px 10px 15px 10px;font-size: 20px;margin-top: 22px;max-width: 240px;}
  div.wpcf7-response-output {font-size: 18px;margin: 22px 0px 0px 0px !important;padding: 15px 15px !important;}
  .page-template-template-contact .formBody .content {max-width: 665px;}
  .page-template-template-contact .formBody {padding: 175px 0px 0px 0px;}
  .page-template-template-contact .formBody form {margin-top: 40px;}
  .page-template-template-contact .formBody form .line {margin-top: 20px !important;}
  .page-template-template-contact .customSelect .in .options {top: 90px;}
  .page-template-template-contact .formWrapper iframe {right: -525px;width: 400px;}  

  /* ######### ABOUT PAGE (NEW) */
  .orangeSection .content {padding: 60px 0px;}
  .orangeSection .content p {font-size: 26px;line-height: 32px;margin-top: 32px;}
  .page-template-template-about .blueBlock {max-width: 1144px;padding: 34px 34px;}
  .page-template-template-about p, .page-template-template-about .blueBlock .line .division ul li {font-size: 18px;line-height: 24px;}
  .page-template-template-about .header {padding-top: 361px;padding-bottom: 48px;}
  .page-template-template-about .header h1 {font-size: 50px;line-height: 65.15px;}
  .page-template-template-about .header .content {max-width: 804px;}
  .page-template-template-about .header .content #shape {max-width: 642px;right: -37px;top: -36px;}
  .page-template-template-about h2 {font-size: 34px;line-height: 44px;letter-spacing: 0.7px;}
  .page-template-template-about .quoteSection .blueBlock h3 {font-size: 26px;line-height: 32px;}
  .page-template-template-about .quoteSection {padding-top: 25px;padding-bottom: 60px;}
  .page-template-template-about .quoteSection .blocks {margin-top: 73px;}
  .page-template-template-about .quoteSection .blocks .division#left .in p {margin-top: 50px;}
  .page-template-template-about .quoteSection .blocks .division#left .in {max-width: 560px;}
  .page-template-template-about .quoteSection .blocks .division#left {max-width: 51%;}
  .page-template-template-about .quoteSection .blocks .division#right {max-width: 49%;}
  .page-template-template-about .quoteSection .blocks .division#right .in {max-width: 536px;}
  .page-template-template-about .quoteSection .blocks .division#right .in p {font-size: 26px;line-height: 32px;}
  .page-template-template-about .quoteSection .blocks .division#right .in span {font-size: 18px;line-height: 24px;margin-top: 14px;}
  .page-template-template-about .quoteSection .blueBlock {margin-top: 66px;}  
  .page-template-template-about .quoteSection .blueBlock .orangeLine#first {margin-bottom: 50px;}
  .page-template-template-about .blueBlock .line .circle {width: 160px;height: 160px;border: 1px solid #778FF3;}
  .page-template-template-about .blueBlock .line .circle #border {width: 164px;height: 164px;}
  .page-template-template-about .blueBlock .line .circle p {font-size: 23px;line-height: 30px;letter-spacing: 0.4px;}
  .page-template-template-about .blueBlock .line {margin: 80px auto 0px auto;}
  .page-template-template-about .blueBlock .line .circle::after {bottom: -7px;}
  .page-template-template-about .quoteSection .blueBlock .orangeLine#second {margin-top: 50px;}
  .page-template-template-about .blueBlock .line .circle::before {top: -7px;}
  .page-template-template-about .blueBlock .orangeLine {height: 1px;}
  .page-template-template-about .blueBlock .lineWrap::before {width: 4px;left: 78px;}
  .page-template-template-about .quoteSection .blueBlock h3 {margin-top: 78px auto 0px auto;margin-bottom: 10px;}
  .page-template-template-about .blueBlock .line .division ul li::before {left: -15px;top: 9px;height: 8px;width: 8px;}
  .page-template-template-about .blueBlock .line .division ul {margin: 11px 0px 0px 0px;padding: 0px 0px 0px 15px;}
  .page-template-template-about .blueBlock .line .division ul li {margin-top: 12px;}
  .page-template-template-about .quoteSection[section="second"] {padding-top: 0px;padding-bottom: 64px;}
  .page-template-template-about .quoteSection[section="second"] .blueBlock h3 {max-width: 780px;}
  .page-template-template-about .quoteSection[section="second"] .blueBlock h3#orange {margin-top: 31px;}
  .page-template-template-about .quoteSection[section="second"] .content {padding-top: 25px;border-top: 1px solid #1A1A1A;}
  .page-template-template-about .quoteSection[section="second"] .blocks .division#left {max-width: 556px;}
  .page-template-template-about .quoteSection[section="second"] .mainBtn {min-width: 270px;margin-top: 32px;}
  .page-template-template-about .quoteSection[section="second"] .mainBtn span {padding: 19px 15px;font-size: 18px;line-height: 22px;}
  .page-template-template-about .approach .title h2 {font-size: 50px;line-height: 60px;max-width: 220px;}
  .page-template-template-about .approach .title {padding: 78px 0px 40px 0px;}  
  .page-template-template-about .blueBlock .squared .single {padding: 32px 25px;}
  .page-template-template-about .blueBlock .squared .single::before {width: 1px;}
  .page-template-template-about .blueBlock .squared::after {height: 1px;}
  .page-template-template-about .blueBlock .squared::before {height: 1px;}
  .page-template-template-about .blueBlock h3#orange {letter-spacing: 0px;font-size: 24px;line-height: 31px;margin: 34px auto 34px auto;}
  /* ######### END ABOUT PAGE (NEW) */

  .footer {padding-top: 90px;padding-bottom: 30px;}
  .footer ul li a {padding-bottom: 5px;font-size: 20px;border-bottom: 2px solid #fff;}
  .footer ul li {margin-right: 25px;max-width: 170px;}
  .footer ul {margin: 65px 0px 0px 0px;}
  .footer .content .division .icons a {margin-right: 23px;}
  .footer .content .division .icons a#wearecreative img {height: 17px !important}
  .footer .content .division #copy {font-size: 20px;}
  .footer #logo {max-width: 87px;}
}

@media screen and (max-width: 1250px) {
  /* @ben */
  .home .main .wrap .division#right .content p:first-child {margin-top: 0px;}

  .page-template-template-about .approach .blocks .single {max-width: 100%;margin-top: 20px;}
  .page-template-template-about .approach .blocks .all {max-width: 400px;margin: 0 auto;}
  .page-template-template-about .approach .blocks .single:first-child {margin-top: 0px;}
  .page-template-template-about .approach .blocks .all .single {margin-left: 0px;margin-right: 0px;}
  .page-template-template-about .approach .blocks .shadow {height: auto;}
  .page-template-template-about .approach .blocks .single .shadow a {padding-bottom: 145px;}

  html body.page-template-template-portfolio .companies .all .single {max-width: calc((100%/2) - 11px);}  
  .page-template-template-portfolio .companies .all {max-width: 650px;margin-left: auto;margin-right: auto;}
  .page-template-template-portfolio .pagination {margin-left: auto;margin-right: auto;margin-top: 24px;}
  .page-template-template-portfolio .companies .all .single:nth-child(4n+1) {margin-left: 11px !important;}
  .page-template-template-portfolio .companies .all .single:nth-child(4n) {margin-right: 11px !important;}
  .page-template-template-portfolio .companies .all .single:nth-child(2n+1) {margin-left: 0px !important;}
  .page-template-template-portfolio .companies .all .single:nth-child(2n) {margin-right: 0px !important;}

  .page-template-template-contact .formWrapper iframe {right: -495px;}
}

@media screen and (max-width: 1150px) {
  .page-template-template-team .teams .content .all .division {padding: 0px !important;max-width: 100%;}
  .page-template-template-team .teams .content .all {max-width: 600px;margin: 0 auto;}
  .page-template-template-team .teams .content .all .division#operations, .page-template-template-team .teams .content .all .division#advisors {margin-top: 40px;}
  .page-template-template-team .teams .content .all .wrap {padding: 20px !important;}
  .page-template-template-team .teams .content .all .division#advisors .wrap {padding: 11px 20px !important;}
  .page-template-template-team .teams .content .all .division#advisors .wrap .single {max-width: calc((100%/2) - 9px);margin: 9px 9px !important;}
  .page-template-template-team .teams .content .all .division#advisors .wrap .single:nth-child(4n+1) {margin-left: 9px;}
  .page-template-template-team .teams .content .all .division#advisors .wrap .single:nth-child(4n) {margin-right: 9px;}
  .page-template-template-team .teams .content .all .division#advisors .wrap .single:nth-child(2n+1) {margin-left: 0px !important;}
  .page-template-template-team .teams .content .all .division#advisors .wrap .single:nth-child(2n) {margin-right: 0px !important;}
  .page-template-template-team .teams .content .all .wrap .single {max-width: calc((100%/2) - 18px);}

  .page-template-template-contact .formWrapper iframe {right: -416px;width: 350px;}
}

@media screen and (max-width: 1100px) {
  .page-template-template-team .partner .content .animation {max-width: 30.5%;width: 100%;}
  .page-template-template-team .partner .content .animation img {padding: 0px 55px 0px 20px;}
}

@media only screen and (max-width: 991px) and (min-width: 768px) {
  .navbar-header, .navbar-collapse {margin: 0px -15px !important;}
  .navbar-collapse {border-top: 1px solid #e0e0e0;}
}

@media screen and (min-width: 991px) {
  .home .main.space {padding: 0px}
  .home .main .wrap {position: relative;}
  .page-template-template-contact .formBody form .line #left {width: 100%;max-width: 50%;float: left;padding-right: 0.7vw;}
  .page-template-template-contact .formBody form .line #right {width: 100%;max-width: 50%;float: left;padding-left: 0.7vw;}
  html body div.customLinks {display: none !important;}
}

/*! COLAPSE MENU 991px !*/
@media (max-width: 991px) {
  .customLinks {display: none;}
  body.menu-open {overflow-y: hidden;}
  body.menu-open .customLinks {display: block;z-index: 99999999;}
  body.menu-open .navbar-default .container .icons {display: none;}
  /* @ben */ body.menu-open .navbar { box-shadow:none; }
  body.menu-open .hamburger-menu {border: 2px solid #FFF;}
  body.menu-open .menu__btn > span, body.menu-open .menu__btn > span::before, body.menu-open .menu__btn > span::after {background-color: #FFF;}
  .hide991 {display: none !important;}
  .show991 {display: inline-block !important;}
  .customMenu {display: block !important;}
  .navbar-default {transition: unset !important;}
  .navbar-default .container .icons {bottom: 15px !important;top: unset !important;right: 15px !important;background-color: var(--blue) !important;padding: 23px 11px !important;border-radius: 45px !important;border: 1px solid #3a5397 !important;position: fixed;}
  body.menu-open .navbar-default {background-color: transparent;}
  .logo img {margin-left: 15px;padding: 11px 0px;max-width: /* @ben 74px*/ 102px;}
  .navbar-header { 
    float: none; 
  }
  .navbar-left,
  .navbar-right { 
    float: none !important;
  }
  .navbar-default .navbar-nav > li > a {padding: 15px;margin: 0px;border: 0px !important;font-size: 18px;}
  .navbar-toggle {margin: 21px 12px;display: block;}
  .navbar-default .navbar-toggle {border-color: var(--orange) !important;border-width: 2px;border-radius: 50%;padding: 14px 10.5px;margin: 15px 15px 15px 0px;}
  .navbar-default .navbar-toggle:hover .icon-bar, .navbar-default .navbar-toggle:focus .icon-bar {background-color: #fff !important;}
  .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background-color: var(--orange) !important;}
  .navbar-default .navbar-toggle .icon-bar {background-color: var(--orange) !important}
  .navbar-fixed-top { 
    top: 0; 
    border-width: 0 0 1px; 
  }
  .navbar-collapse.collapse { 
    display: none!important; 
  }
  .navbar-collapse.collapsing {overflow: hidden;}
  .navbar-nav {float: none!important;padding: 10px 0px;}
  .navbar-default .navbar-collapse, .navbar-default .navbar-form {border-color: #4b546f;}
  .navbar-nav > li { 
    float: none;
  }
  .collapse.in { 
    display:block !important;
  }
  h1, h2, h3 {font-size: 36px;line-height: 42px;}

  .navbar-default {z-index: 999999999;}
 
  .home, .home .mainContent, .home .main {height: auto;overflow: auto;}
  .home .main #circleBottom, .home .main #circleBottom-1, .home .main #circleBottom-2 {display: none !important;}
  .home .main {padding-top: 160px;}
  .home .main .mainBtn.show991 {display: block !important;text-align: center;max-width: 247px;margin: 55px auto 0px auto;}
  .home .main .mainBtn.show991 span {padding: 14px 25px;}
  .home .main .follow {transform: rotate(53.244deg) !important;}
  .home .main .wrap {display: flex;flex-direction: column-reverse;flex-wrap: wrap;}
  .home .main .wrap .division {float: none;max-width: 100%;padding: 0px 15px;}
  .home .main .wrap .division#left {margin-top: 65px;height: 500px;}
  .home .main .wrap .division#left .mainCircle {height: 450px;width: 450px;margin: 0 auto;left: 0;right: 0;top: 50%;transform: translateY(-50%);}
  .home .main .wrap .division#left .mainCircle .in, .home .main .followWrap {/* @ben height: 421px;width: 421px;*/ /*height: 438px;width: 438px;*/height: 442px;width: 442px;}
  .home .main .wrap .division#left div.mainCircle div.in div.bg {opacity: 0 !important;visibility: hidden !important;}
  .home .main .wrap .division#left .mainCircle .in .bg.one {opacity: 1 !important;visibility: visible !important;}
  .home .main .wrap .division#right .content {max-width: 100%;}
  .home .main .wrap .division#right .content #cta {margin-left: auto;margin-right: auto;display: block;text-align: center;max-width: 245px;}
  .home .main .wrap .division#right .content #cta span {padding: 13px 27px 15px 27px}
  .home .main .follow::after {width: 70px;height: 70px;top: -10px;right: -220px;}
  .home .main #circleBottom:not(.show991) {display: none;}
  .home .main .darkBlue {display: none !important;}
  .home .main .lightBlue {display: block !important;}
  .home .main .wrap #circleTop {position: absolute;top: -12px;right: 0;left: unset;width: 220px;}
  .home .main #circleBottom {width: 100px;position: absolute;bottom: -10%;right: 0;pointer-events: none;}

  .header-title h1 {word-break: break-word;}
  .header-title {padding-bottom: 35px;padding-top: /* @ben 165px*/ 85px !important;}
  .header-title, .header-title .content {display: flow-root;}
  .header-title .content .division#left {padding-right: 0px;max-width: 100%;}
  .header-title .content .division {max-width: 100%;}
  .header-title .content .division#right {margin-top: 20px;}

  .page-template-template-about .header {padding: 50px 0px 35px 0px}
  .page-template-template-about .header #animation {position: initial;width: 100%;margin: 0 auto 20px auto;display: block;padding: 0px 30px;}
  .page-template-template-about .header-title {padding-top: 75px !important;}
  .page-template-template-about .rectangle {height: 35vh;background-attachment: scroll;}
  .page-template-template-about .strategy .panel-group .panel-body p {padding-right: 0px;margin-top: 20px;max-width: 100%;}
  .page-template-template-about .strategy .panel-group .panel-body p:first-child {margin-top: 0px;}
  .page-template-template-about .strategy .panel-group .panel-body.single-line p {height: 75px;}
  .page-template-template-about .approach .header-title {  padding: 40px 0px !important;}
  .page-template-template-about .approach .header-title .content .division#right {margin-top: 50px;}
  .page-template-template-about .approach .blocks .circlesTop {position: absolute;left: 0;max-width: 100%;top: -13%;}
  .page-template-template-about .approach .blocks .circlesBottom {position: absolute;left: 0;max-width: 100%;bottom: 0;}

  /* @ben */ .page-template-template-portfolio .header { padding-top: 0px; padding-bottom: 0px; }
  .page-template-template-portfolio .header #animation {display: none;}
  .page-template-template-portfolio .companies .content > h2 {margin-bottom: 30px;}
  .page-template-template-portfolio .companies .filter .selectors {max-width: 100%;}
  .page-template-template-portfolio .companies .filter #selectWrap {max-width: 50% !important;margin-right: 0px !important;float: left;}
  .page-template-template-portfolio .companies .filter #selectWrap:first-of-type {padding-right: 12px;}
  .page-template-template-portfolio .companies .filter #selectWrap:last-of-type {padding-left: 12px;}
  .page-template-template-portfolio .companies .filter {display: flow-root;border-bottom: 0px;padding-bottom: 5px;}
  .page-template-template-portfolio .companies .filter input, .page-template-template-portfolio .companies .filter .select, .page-template-template-portfolio .companies .filter a#all {max-width: 100% !important;}
  .page-template-template-portfolio .companies .filter #selectWrap {margin-right: 15px;margin-top: 15px;}
  .page-template-template-portfolio .companies .filter .search {display: none;margin-top: 15px;}
  .page-template-template-portfolio .header #animation {max-width: 840px;margin-top: -166px;margin-left: 85px;}
  .page-template-template-portfolio .fullimage {background-position: center right;}
  .pagination span.current, .pagination a.inactive {word-wrap: anywhere;}

  .page-template-template-team .partner .content {display: block;}
  .page-template-template-team .partner .content h1 {max-width: 100%;text-align: center;}
  .page-template-template-team .partner .content .animation {display: none;}
  .page-template-template-team .partner .content .cta {margin-top: 25px;margin-left: 0px;}
  .page-template-template-team .partner .content .cta .mainBtn {text-align: center;max-width: 225px;display: block;margin: 0 auto;width: 100%;}
  .page-template-template-team .partner .content .cta .mainBtn span {padding: 14px 26px;}
  .page-template-template-team .careers .content h1 {font-size: 36px;}
  .page-template-template-team .careers .content .all .single h2 {font-size: 24px;}
  .page-template-template-team ._modal .content {display: flow-root;}
  .page-template-template-team ._modal .content .img {max-width: 100%;}
  .page-template-template-team ._modal .content .info {max-width: 100%;padding: 0px;}
  .page-template-template-team ._modal .content .photoWrap {height: 220px;max-width: 220px;margin: 0 auto;width: 100%;}
  .page-template-template-team ._modal .content .photo {height: 220px;max-width: 220px;}
  .page-template-template-team ._modal .content #front {top: -16px;right: -27px;}
  .page-template-template-team ._modal .content #back {top: -31px;}
  .page-template-template-team ._modal .arrows {position: initial;margin: 40px auto 0px auto;}
  .page-template-template-team ._modal-body {padding: 55px 40px 40px 40px;}
  .page-template-template-team ._modal .content .info {margin-top: 40px;}
  .page-template-template-team ._modal-body {padding: 55px 20px 40px 20px;}
  .page-template-template-team ._modal .content .desc p {column-count: auto;-moz-column-count: auto;-webkit-column-count: auto;}
  .page-template-template-team ._modal .content .desc { /* @ben height: 100px;overflow-y: auto;*/ height: auto}
  .page-template-template-contact .formBody form .line #right {margin-top: 20px;}
  .page-template-template-team .header #animation {position: initial;margin-right: -40px;margin-left: auto;display: block;max-width: 600px;}
  .page-template-template-team .header {padding-top: 70px !important;}

  .page-template-template-contact .formBody {padding: 160px 0px 0px 0px;}
  .page-template-template-contact .formBody .content {max-width: 100%;position: relative;}
  .page-template-template-contact .formBody #animation {top: -592px;width: 900px;right: -200px;}
  .page-template-template-contact .formWrapper iframe {position: initial;width: 100%;margin-top: 55px;height: 400px;}
  .page-template-template-contact .formBody .desc {max-width: 100%;}
  .page-template-template-contact .formBody .desc p {max-width: 100% !important;padding: 0px !important;margin-top: 30px !important;float: none !important;}
  .page-template-template-contact .formBody .desc p:first-child {margin-top: 0px !important;}

  /*! ABOUT US (NEW) !*/
  .page-template-template-about .header-title {padding-top: 100px !important;padding-bottom: 47px;}
  .page-template-template-about .headerBg {background-color: #11255b;background-image: unset !important;}
  .page-template-template-about .headerBg .gradient {background: unset;}
  .page-template-template-about .header .content .show991#shape {max-width: 305px;position: initial;margin: 0 auto;display: block !important;}
  .page-template-template-about .header h1 {font-size: 36px;line-height: 46px;margin-top: 65px;letter-spacing: 0.1px;}
  .page-template-template-about .header h1 span + br {display: none;}
  .page-template-template-about .fullImage {height: 300px;background-position: center;background-size: cover;}
  .page-template-template-about .fullImage .gradient {background: linear-gradient(90deg, rgba(17, 37, 91, 0.9) 47.29%, rgba(17, 37, 91, 0.4) 100%);height: 100%;}
  .orangeSection .content {padding: 48px 0px;}
  .page-template-template-about h2 {font-size: 24px;line-height: 31px;letter-spacing: 0.5px;}
  .page-template-template-about .quoteSection {padding-top: 46px;padding-bottom: 36px;}
  .page-template-template-about .quoteSection .blocks {margin-top: 68px;display: flow-root;}
  .page-template-template-about .quoteSection .blocks .division {max-width: 100% !important;}
  .page-template-template-about .quoteSection .blocks .division#left .in p {margin-top: 37px;}
  .page-template-template-about .quoteSection .blocks .division#right .in {margin-top: 60px;}
  .page-template-template-about .quoteSection .blueBlock {margin-top: 59px;position: relative;width: 101vw;left: 50%;transform: translateX(-50%);padding: 36px 23px;}
  .page-template-template-about .blueBlock .lineWrap::before {display: none;}
  .page-template-template-about .blueBlock .lineWrap {max-width: 100%;}
  .page-template-template-about .blueBlock .line {display: flow-root;}
  .page-template-template-about .blueBlock .line .circle {width: 136px;height: 136px;}
  .page-template-template-about .blueBlock .line .division {max-width: 100% !important;}
  .page-template-template-about .blueBlock .line .circle #border {width: 138px;height: 138px;}
  .page-template-template-about .blueBlock .line .circle::after, .page-template-template-about .blueBlock .line .circle::before {left: auto;right: -6px;top: 50% !important;transform: translateY(-50%);}
  .page-template-template-about .blueBlock .line .circle #border {transform: rotate(0deg) !important;pointer-events: none;left: -36px;top: -2px;}
  .page-template-template-about .blueBlock .line .circle p {font-size: 20px;line-height: 26px;letter-spacing: 0.3px;}
  .page-template-template-about .blueBlock .line .in {position: relative;}
  .page-template-template-about .blueBlock .line #left > .in::after {content: '';width: 120%;position: absolute;height: 4px;top: 50%;transform: translateY(-50%);background-color: #778ff3;z-index: -1;}
  .page-template-template-about .blueBlock .line #right .in {margin-top: 35px;}
  .page-template-template-about .blueBlock .line .division ul {margin: 15px 0px 0px 0px;}
  .page-template-template-about .blueBlock .line .division ul li {margin-top: 15px;}
  .page-template-template-about .blueBlock .orangeLine + h3 {max-width: 696px;}
  .page-template-template-about .blueBlock .squared .single {max-width: 100%;padding: 20px 0px !important;}
  .page-template-template-about .blueBlock .squared .single::before {content: '';height: 1px;border-radius: 50%;background: linear-gradient(90deg, rgba(235, 133, 78, 0) 1.47%, #EB854E 33.82%, #EB854E 66.18%, rgba(235, 133, 78, 0) 98.53%);display: block;position: absolute;top: 0;width: 100%;}
  .page-template-template-about .quoteSection[section="first"] .blueBlock h3 {margin: 35px 0px 0px 0px;}
  .page-template-template-about .blueBlock .orangeLine {width: 100%;}
  .page-template-template-about .blueBlock h3#orange {font-size: 20px;line-height: 26px;text-align: center;max-width: 100%;width: 100%;margin: 20px auto 23px !important;}
  .page-template-template-about .quoteSection[section="second"] .content {padding-top:''}
  .page-template-template-about .quoteSection[section="second"] h3:first-of-type {margin-bottom: 34px;}
  .page-template-template-about .quoteSection[section="second"] .blueBlock #first {margin-bottom: 0px;}
  .page-template-template-about .quoteSection[section="second"] h3#orange {margin-top: 27px;}
  .page-template-template-about .blueBlock .squared {margin-top: 0px;}
  .page-template-template-about .blueBlock .squared[columns="two"]::before {display: none;}
  .page-template-template-about .blueBlock .squared[columns="two"] .single {max-width: 100%;}
  .page-template-template-about .blueBlock .squared {display: flow-root;}
  .page-template-template-about .blueBlock .squared[columns="two"] .single::before {display: none;}
  .page-template-template-about .blueBlock .squared[columns="two"] .single::after {content: '';border-radius: 50%;background: linear-gradient(90deg, rgba(235, 133, 78, 0) 1.47%, #EB854E 33.82%, #EB854E 66.18%, rgba(235, 133, 78, 0) 98.53%);display: block;position: absolute;bottom: 0;width: 100%;height: 1px;}
  .page-template-template-about .quoteSection[section="second"] .mainBtn {min-width: 293px;margin-top: 36px;}
  .page-template-template-about .quoteSection[section="second"] {padding-bottom: 48px;}
  .page-template-template-about .approach .title {padding: 48px 0px 32px 0px;}
  .page-template-template-about .approach .title h2 {font-size: 36px;line-height: 46px;max-width: 170px;}
  
  .footer .content .division {max-width: 100% !important;float: none;}
  .footer .content {display: block;}
  .footer #logo {margin: 0px auto 0px 0px}
  .footer ul {margin: 35px auto 0px auto;max-width: 100%;width: 100%;}
  .footer ul li {max-width: 100%;display: block;margin: 35px 0px;}
  .footer .content .division .icons {text-align: left;margin-top: 45px;}
  .footer .content .division .icons a {margin: 0px 15px !important;}
  .footer .content .division .icons a#twitter {margin-left: 0px !important;}
  .footer .content .division #copy {text-align: left;margin-top: 30px;}

  .customSelect .in .options {width: 96%;z-index: 9999999;}
  .options-open .navbar .icons, .options-open #userback_button_container {display: none !important;}
}
@media (max-width: 991px) and (min-width: 768px) {
  .navbar-collapse {padding: 0px}
  .navbar-nav {margin: 0px;}
}
@media screen and (max-width: 767px) {
  .navbar-nav {margin-bottom: 0px;margin-top: 0px}
  .page-template-template-team .careers .content .all .single p {margin-top: 16px;}
  .page-template-template-team .careers .content .all .single p span {max-width: 100% !important;display: block !important;border: 0px !important;padding: 0px !important;margin: 8px 0px 0px 0px !important;}
  .page-template-template-team .careers .content .all .single p #cta {transform: unset;margin-top: 19px !important;position: initial;display: flex !important;justify-content: space-between;}

  .page-template-template-portfolio .header #animation {max-width: 1000px;width: 213%;}
}
/*! FIM COLAPSE 991px !*/

@media screen and (max-height: 770px) and (min-width: 1000px) {
  .home .main .wrap .division#left .mainCircle {height: 45vw;width: 45vw;left: -3vw;height: 48vw;width: 48vw;}
  .home .main .wrap .division#left .mainCircle .in, .home .main .followWrap {/* @ben */ /*height: 42.3vw;width: 42.3vw;height: 44.5vw;width: 44.5vw;*/ width:47.5vw;height:47.5vw;width:calc(48vw - 7px);height:calc(48vw - 7px)}
}

@media screen and (max-width: 650px) {
  html body.page-template-template-portfolio .companies .all .single {max-width: 100%;margin: 9px 0px !important;}
  .page-template-template-portfolio .companies .all {max-width: 300px;}
  .home .main .wrap .division#left .mainCircle {margin-left: -75px;}

  .page-template-template-about .strategy .panel-group .panel-body.single-line p {height: 100px;}

  .page-template-template-team .teams .content .all .wrap .single, .page-template-template-team .teams .content .all .division#advisors .wrap .single {max-width: 100% !important;margin: 18px 0px 0px 0px !important;}
  .page-template-template-team .teams .content .all .wrap .single:first-child, .page-template-template-team .teams .content .all .division#advisors .wrap .single:first-child {margin-top: 0px !important;}
  .page-template-template-team .teams .content .all .division#advisors .wrap {padding: 20px}
  .page-template-template-team .teams .content .all {max-width: 350px;}
  .page-template-template-team .teams .content .all .wrap .single .img {height: 290px;}
  .page-template-template-contact .formBody .desc {display: flow-root;max-width: 100%;}
  .page-template-template-contact .formBody .desc p {max-width: 100% !important;margin-top: 15px;}
  .page-template-template-contact .formBody .desc #email {margin-top: 0px;}
}

@media screen and (max-width: 500px) {
  .hide500 {display: none !important;}
  .show500 {display: inline-block !important;}

  .page-template-template-portfolio .header #animation {max-width: 493px;width: 114%;left: -85px;opacity: 0.9;}
}

@media screen and (max-width: 520px) {
  /*! .home .main .wrap .division#left .mainCircle {height: 320px;width: 320px;}
  .home .main .wrap .division#left .mainCircle .in, .home .main .followWrap {height: 293px;width: 293px;}
  .home .main .wrap .division#left {height: 330px;} !*/
  .home .main .follow::after {right: -175px;top: -20px;}  
  .page-template-template-contact form .wpcf7-submit {margin-left: auto;margin-right: auto;}
  .home .main .wrap .division#right .content p {word-break: break-word;}
  .home .main .wrap .division#right .content p {font-size: 27px;}
  .home .main .wrap .division#right .content #cta {margin-left: 0px;}

  .page-template-template-about .header-title {padding-top: 100px !important;}
  .page-template-template-about .header #animation {margin: 0 auto 40px auto;}
  .page-template-template-about .approach .header-title #left h1 {max-width: 260px;}
  .panel-title > a::before {color: #222;padding: 4px 5px;background-color: #222;color: #fff;}
  .panel-title > a.collapsed:before {border: 1px solid #222;background-color: #fff;color: #222;}
  .panel-default > .panel-heading h4 a {padding: 19px 0px 18px 0px;}

  .page-template-template-team .teams .content .all h2 {font-size: 31px;}
  .page-template-template-team .teams .content .all .wrap .single .info a > p {font-size: 18px;}
  .page-template-template-team .teams .content .all .wrap .single .info a h3 {font-size: 23px;}
  .page-template-template-team .teams .content .all h2 {border-bottom-width: 3px;}

  .page-template-template-contact .formBody h1 {max-width: 150px;font-size: 40px;}

  /*!.customSelect .options {position: fixed !important;left: 0;right: 0; margin: 0 auto;transform: translateY(-50%);top: 55% !important;height: 345px;overflow-y: scroll;width: 100% !important;max-width: 400px;z-index: 999 !important;}!*/
}

@media screen and (max-width: 450px) {
  .page-template-template-about .rectangle {height: 200px;}
  .page-template-template-about .strategy .panel-group .panel-body.single-line p {height: 130px;align-content: end;}
  .page-template-template-about .fullImage {height: 174px;}
}

@media screen and (max-width: 400px) {
  .home .main .wrap .division#left .mainCircle {height: 395px;width: 395px;}
  .home .main .wrap .division#left .mainCircle .in {height: 367px;width: 367px;}
  .home .main .follow::after {right: -135px;top: 11px;}
  .home .main .wrap .division#left {height: 400px;}
  .page-template-template-about .approach .blocks .single .shadow a {padding-bottom: 110px;}
}

@media screen and (max-width: 350px) {
  .home .main .wrap .division#left {height: 340px;}
  .home .main .wrap .division#left .mainCircle {height: 340px;width: 340px;}
  .home .main .wrap .division#left .mainCircle .in {right: 1px;height: 315px;width: 315px;}
  .home .main .wrap .division#left .mainCircle .in, .home .main .followWrap {height: 315px;width: 315px;}
  .home .main .follow::after {top: -27px;}
  .home .main #circleBottom {bottom: -25%;}
  .customSelect .in .options p {font-size: 15px;padding-top: 5px;}
}

@media screen and (max-height: 650px) and (max-width: 991px) {
  .page-template-template-team .modal-body {padding: 40px 20px 28px 20px;}
  .page-template-template-team ._modal .content .desc {height: 75px;}
  .page-template-template-team ._modal .arrows .arrow img {max-width: 51px;}
  .page-template-template-team ._modal .content .info {margin-top: 25px;}
  .page-template-template-team ._modal .content #front {top: -12px;right: -20px;max-width: 202px;}
  .page-template-template-team ._modal .content #back {top: -21px;}
  .page-template-template-team ._modal .content .photo, .page-template-template-team ._modal .content .photoWrap {height: 180px;max-width: 180px;}
}


/* @ben */

.parallax-container {
  position: relative;
  width: 300px;
  height: 300px;
  overflow: hidden;
  border-radius: 50%; /* Crop the image with a circle */
}

.parallax-image {
  position: absolute;
  width: 110%!important;
  height: 110%!important;
  top: 45% ;
  left: 45% ;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  transition: none!important;
  /*transition: transform 0.5s ease-out;*/
}

/* @ben */
/* fixing iphone issue */
/* we've added a .header-title DIV in index.php for this */
.home .main {padding-top: 0px;}
.home .header-title { display: none!important; padding-bottom: 0px;}
/* fixing menu offset with scrollbar */
.navbar .container { margin-left: 5vw }
@media screen and (max-width: 991px) {
  body.home { background-image: none }
  .home .header-title {
    display: block !important;
    height: 20vh !important;
  }
  .navbar .container { margin-left: 1vw}
}