.slick-slider
{
position: relative;
display: block;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}:root {
--wrapper: 1220px;
--gutter : 80px;
--black: #303d4a;
--blue: #198dc1;
--trueBlack: #000000;
--lightGrey: #f8fafa;
--boxShadow: 0px 0px 20px 5px rgba(0,0,0,0.025);
--lightBoxShadow: 0px 0px 3px 1px rgba(0,0,0,0.15);
}
html {
max-width: 100vw;
overflow-x: hidden;
}
body {
color: var(--black);
font-family: 'Poppins', sans-serif;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
font-weight: 400;
font-size: 18px;
background-color: #fff;
} .red { color: var(--red); }
.bg-blue {
background-color: var(--blue);
color: #ffffff;
}
.bg-purple {
background-color: var(--purple);
color: #ffffff;
}
.bg-lightGrey {
background-color: var(--lightGrey);
}
.bg-white {
background-color: #ffffff;
color: var(--black);
}
.bg-gradient { background: #198dc1; background: -moz-linear-gradient(left,  #198dc1 0%, #1e69ad 100%); background: -webkit-linear-gradient(left,  #198dc1 0%,#1e69ad 100%); background: linear-gradient(to right,  #198dc1 0%,#1e69ad 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#198dc1', endColorstr='#1e69ad',GradientType=1 ); color: #fff;
}
.btn-gradient {
position: relative;
overflow: hidden;
background-color: var(--blue);
}
.btn-gradient > span {
z-index: 2;
position: relative;
}
.btn-gradient::before {
content: '';
z-index: 1;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; background: #198dc1; background: -moz-linear-gradient(left,  #198dc1 0%, #1e69ad 100%); background: -webkit-linear-gradient(left,  #198dc1 0%,#1e69ad 100%); background: linear-gradient(to right,  #198dc1 0%,#1e69ad 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#198dc1', endColorstr='#1e69ad',GradientType=1 ); transition: 0.3s;
}
.btn-gradient:hover::before {
left: 100%;
}
.btn { padding: 0.65em 2.25em; border-radius: 2em;  }
.btn-big { font-weight: 700; font-size: 2.5em; }
.btn-wide { padding: 0.33em 2.66em; }
.btn-white {
background-color: #fff;
border-color: #fff;
color: var(--purple);
}
.btn-white:hover {
background-color: var(--purple);
border-color: var(--purple);
color: #fff;
}
.btn-red-light {
background-color: transparent;
border-color: var(--red);
color: var(--red);
}
.btn-red-light:hover {
background-color: var(--red);
color: #fff;
}
.btn-blue {
background-color: var(--blue);
border-color: var(--blue);
color: #fff;
}
.btn-blue:hover {
background-color: transparent;
color: var(--blue);
}
.title.huge > * {
font-size: calc(2.25em + 1.5vw);
line-height: 1.25em;
font-weight: 700;
text-transform: uppercase;
}
@media screen and (max-width: 1000px) {
.title.huge > * { font-size: calc(1.75em + 1.5vw); }
}
.title.big > * {
font-size: 2.5em;
line-height: 1.25em;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 0.05em;
}
.title.medium > * {
font-size: 2em;
line-height: 1.25em;
font-weight: 700;
}
.title.small > * {
font-size: 1.222em;
line-height: 1.2em;
font-weight: 700;
}
.bl-pretitle {
position: relative;
padding-left: 2em;
transition: 1s 0.5s;
}
.bl-pretitle::before {
content: '';
position: absolute;
top: 50%;
left: 0;
width: 0.45em;
height: 2px;
background-color: currentColor;
margin-top: -1px;
transition: 1s 0.5s;
}
.reveal .bl-pretitle,
.no-reveal .bl-pretitle {
padding-left: 6em;
}
.reveal .bl-pretitle::before,
.no-reveal .bl-pretitle::before {
width: 4.45em;
}
.bl-pretitle > * {
font-size: 0.89em;
line-height: 1.25em;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 0.05em;
font-weight: 700;
}
.bl-title > * {
font-size: 2em;
line-height: 1.15em;
font-weight: 700;
}
.bl-title {
margin-bottom: 2.75em;
}
.bl-pretitle + .bl-title > * {
margin-top: 40px;
}
@media screen and (max-width: 1100px) {
.bl-title > * { font-size: 1.75em; }
.bl-title { margin-bottom: 2.25em; }
.bl-pretitle + .bl-title > * { margin-top: 30px; }
}
@media screen and (max-width: 600px) {
.bl-title > * { font-size: 1.5em; }
.bl-title { margin-bottom: 2em; }
.bl-pretitle + .bl-title > * { margin-top: 25px; }
.bl-pretitle {
padding-left: 1em;
}
.reveal .bl-pretitle,
.no-reveal .bl-pretitle {
padding-left: 4em;
}
.reveal .bl-pretitle::before,
.no-reveal .bl-pretitle::before {
width: 3em;
}
}
@media screen and (max-width: 1200px) {
.text { font-size: 0.89em; }
}
.text p, .text ul, .text ol {
line-height: 1.667em;
}
.text ul, .text ol {
margin-left: 1em;
}
.text > * {
margin-bottom: 18px;
}
.text h1, .text h2, .text h3, .text h4, .text h5 {
font-size: 2em;
line-height: 1.15em;
font-weight: 700;
letter-spacing: 0.05em;
}
.text > h1:not(:first-child), .text h2, .text > h3:not(:first-child), .text h4, .text h5 {
margin-top: 36px;
}
.scroll-btn {
position: relative;
display: inline-block;
width: 2.5em;
height: 2.5em;
border: currentColor 2px solid;
border-radius: 50%;
}
.scroll-btn::before,
.scroll-btn::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 30%;
height: 1px;
background-color: currentColor;
transform: translate(-50%, -50%) rotate(45deg);
margin-left: -10%;
transition: 0.5s;
}
.scroll-btn::after {
transform: translate(-50%, -50%) rotate(-45deg);
margin-left: 10%;
}
.scroll-btn:hover {
background-color: currentColor;
}
.scroll-btn:hover::before,
.scroll-btn:hover::after {
background-color: var(--blue);
}
.play-btn {
position: relative;
display: inline-block;
font-size: 1.12em;
text-transform: uppercase;
font-weight: 700;
line-height: 1.2em;
padding: 0.5em 0.5em 0.5em 2em;
background: url(//bluestercapital.com/wp-content/themes/bluester/assets/img/play-btn-blue.svg) no-repeat center left -20em;
background-size: 1.5em auto;
}
.reveal .play-btn,
.no-reveal .play-btn {
background-position: center left;
}
.play-btn.white {
background-image: url(//bluestercapital.com/wp-content/themes/bluester/assets/img/play-btn.png);
}
.play-btn:hover {
color: var(--blue);
}
.play-btn.white:hover {
color: #fff;
text-decoration: underline;
}
.play-btn:hover {
background-position: center left 5px;
}
.light-link {
position: relative;
display: inline-block;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.1em;
padding-bottom: 0.8em;
line-height: 1.2em;
}
.light-link::after {
content: '';
position: absolute;
top: 100%;
left: 0;
width: 3.5em;
height: 2px;
background: currentColor;
transition: 0.5s;
}
.light-link:hover::after {
width: 100%;
}
ul.icon-list {
list-style-type: none;
}
ul.icon-list li {
position: relative;
padding: 0 0 1em 3.5em;
}
ul.icon-list li .icon {
position: absolute;
top: 0;
left: 0;
width: 1.75em;
height: 1.75em;
opacity: 0.5;
} header {
z-index: 998;
position: fixed;
top: 0;
left: 0;
width: 100%;
background: rgba(255,255,255,1);
box-shadow: var(--lightBoxShadow);
transition: background 0.3s, text 0.3s;
}
.header-left {
flex: 1;
padding: 1em 0 1em 3em;
transition: padding: 0.3s;
}
header .logo img {
width: 17em;
max-width: 18vw;
transition: filter 0.3s;
}
.main-nav {
flex: 1;
padding: 0 5vw;
text-align: left;
}
.main-nav ul {
list-style-type: none;
font-size: 0.78em;
letter-spacing: 0.1em;
font-weight: 600;
text-transform: uppercase;
}
.main-nav ul li {
position: relative;
display: inline-block;
padding: 0.5em;
}
.main-nav ul li a {
display: inline-block;
padding: 0.75em;
}
.main-nav ul li.current-menu-item:after {
content: '';
position: absolute;
top: 95%;
left: 50%;
width: 3em;
height: 2px;
margin-left: -1.5em;
background: currentColor;
transition: 0.5s;
}
.main-nav ul li:not(.mobile-li):hover {
color: var(--blue);
}
body.page-template:not(.scrolled) header {
background: rgba(255,255,255,0);
color: #fff;
box-shadow: unset;
}
body.page-template:not(.scrolled) .header-left {
padding: 2em 0 2em 3em;
}
body.page-template:not(.scrolled) header .logo img {
filter: brightness(0) invert(1);
}
body.page-template:not(.scrolled) .main-nav ul li:not(.mobile-li):hover {
color: var(--black);
}
.private-link {
position: relative;
display: inline-block;
padding: 1.1em 3em 1.1em 2em;
font-size: 0.78em;
text-transform: uppercase;
font-weight: 600;
color: #fff;
}
.private-link::after {
content: '';
z-index: 3;
position: absolute;
font-size: 1.5em;
top: 50%;
right: 0.5em;
width: 1em;
height: 1em;
margin-top: -0.5em;
background: url(//bluestercapital.com/wp-content/themes/bluester/assets/img/play-btn.png) no-repeat center;
background-size: contain;
}
.morphing-button {
display: block;
padding: 0.5em;
text-transform: uppercase;
font-weight: 700;
}
.morphing-button span {
position: relative;
top: -2px;
display: inline-block;
width: 1.25em;
height: 0;
margin-left: 0.5em;
vertical-align: middle;
border-bottom: currentColor 2px solid;
transition: 0.1s;
}
.morphing-button span::before {
content: '';
position: absolute;
top: -6px;
left: 0;
width: 100%;
height: 2px;
background-color: currentColor;
transition: 0.3s;
}
.morphing-button span::after {
content: '';
position: absolute;
top: 6px;
left: 0;
width: 100%;
height: 2px;
background-color: currentColor;
transition: 0.3s;
}
.morphing-button.active span {
top: -1px;
border-color: transparent;
}
.morphing-button.active span:before {
top: 50%;
left: 50%;
transform: translate(-50%, -50%) rotate(45deg);
}
.morphing-button.active span:after {
top: 50%;
left: 50%;
transform: translate(-50%, -50%) rotate(-45deg);
}
.mobile-menu {
z-index: 999;
position: fixed;
top: 0;
left: -40em;
width: 25em;
max-width: 80%;
height: 100%;
max-height: 100%;
overflow-y: hidden;
background-color: #fff;
box-shadow: var(--lightBoxShadow);
font-size: 0.89em;
text-align: left;
padding: 3em;
transition: 0.3s;
}
.mobile-menu:hover {
max-height: 4000%;
overflow-y: auto;
}
.w-mobile-menu .mobile-menu {
left: 0;
}
.mobile-menu .logo {
max-width: 14em;
margin-bottom: 2em;
}
.mobile-menu .contacts-nav {
right: 0;
}
.mobile-menu .contacts-nav li {
display: block;
padding: 0;
margin-bottom: 0.5em;
line-height: 1.25em;
}
.mobile-nav {
margin-top: 1.5em;
margin-bottom: 1.5em;
}
.mobile-nav ul {
list-style-type: none;
}
.mobile-nav li:not(:last-child) {
border-bottom: currentColor 1px solid;
}
.mobile-nav li a {
display: block;
padding: 1em 0;
}
.mobile-nav li a:hover {
color: var(--blue);
}
@media screen and (max-width: 1400px) {
.main-nav { padding: 0 2vw; }
}
@media screen and (max-width: 1300px) {
.main-nav ul li:first-child { display: none; }
}
@media screen and (max-width: 1150px) {
body:not(.scrolled) .header-left, body .header-left { padding-left: 2em; }
.main-nav ul li { padding: 0; }
.private-link { padding: 0.85em 3em 0.85em 1em; }
}
@media screen and (min-width: 1000px) {
.main-nav ul li.mobile-li { display: none; }
}
@media screen and (max-width: 999px) {
.main-nav { text-align: right; }
.main-nav ul li:not(.mobile-li) { display: none; }
header .logo img { width: 14em; max-width: 14em; }
body.scrolled header .logo img { width: 10em; }
}
@media screen and (max-width: 700px) {
.private-access { display: none; }
}
@media screen and (max-width: 500px) {
header .logo img { width: 10em; max-width: 10em; }
.header-left { padding-top: 0.5em; padding-bottom: 0.5em; }
.mobile-li > span { display: none; }
} footer {
padding: 4em 2em 2em 2em;
color: #fff;
text-align: left;
}
footer .inner {
position: relative;
background: var(--blue);
padding: 3em 2em;
}
footer .ill {
z-index: 1;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url(//bluestercapital.com/wp-content/themes/bluester/assets/img/bg-footer.jpg) no-repeat center;
background-size: cover;
opacity: 0.4;
}
footer .overlay {
z-index: 2;
opacity: 0.81;
}
footer .content {
z-index: 3;
position: relative;
}
footer .logo {
margin-bottom: 2em;
}
footer .logo img {
width: 19em;
filter: brightness(0) invert(1);
}
footer .navs {
order: 1;
flex: 1;
font-size: 0.89em;
}
footer .navs .title {
margin-bottom: 2em;
}
footer .navs ul {
list-style-type: none;
line-height: 1.4em;
}
footer .navs li {
margin-bottom: 0.3em;
}
footer .navs li a:hover {
text-decoration: underline;
}
footer .news {
order: 2;
flex: 0 0 28em;
font-size: 0.89em;
}
.footer-news {
text-align: left;
min-width: 1px;
padding-top: 2em;
width: 28em;
}
.footer-news > p {
margin-top: 1em;
text-align: right;
}
.footer-news > p > a {
text-decoration: underline;
}
.news-slider-wrapper {
padding: 2em;
background: #fff;
color: var(--black);
}
.news-slide {
}
.news-slide .date {
text-align: right;
color: var(--blue);
}
.news-slide .title > * {
font-weight: 600;
line-height: 1.25em;
margin: 0.75em auto;
}
.news-slide .text {
line-height: 1.4em;
}
.news-slide .action {
margin-top: 1em;
font-size: 1.1em;
color: var(--blue);
}
.news-slide .action a:hover {
text-decoration: underline;
}
.news-slider .slick-dots {
text-align: right;
list-style-type: none;
position: absolute;
bottom: 0;
right: 1em;
}
.slick-dots li {
display: inline-block;
padding: 0.25em;
}
.slick-dots li button {
font-size: 0;
padding: 0;
width: 14px;
height: 14px;
border: none;
border-radius: 50%;
cursor: pointer;
background-color: rgba(255,255,255,0);
border: var(--blue) 1px solid;
transition: 0.3s;
}
.slick-dots li:hover button {
background-color: var(--blue);
}
.slick-dots li.slick-active button {
background-color: var(--blue);
}
footer .mentions {
margin-top: 4em;
line-height: 1.2em;
}
footer .mentions > div:first-child {
font-size: 0.89em;
}
footer .mentions > div {
letter-spacing: 1px;
}
@media screen and (max-width: 1200px) {
footer .inner { padding: 2em 0; }
footer .logo img { width: 16em; }
footer .news { flex: 0 0 25.5em; }
}
@media screen and (max-width: 1000px) {
footer .navs, footer.news { flex: 0 0 100%; }
footer .navs { order: 2; }
footer .news {
order: 1;
margin-bottom: 4em;
}
}
@media screen and (max-width: 800px) {
footer {
padding-left: 0;
padding-right: 0;
padding-bottom: 0;
}
footer .navs .col__1-2 { flex: 0 0 100%; }
footer .navs .col__1-2:first-child { margin-bottom: 2em; }
footer .mentions > div:first-child { margin-bottom: 2em; }
footer .content > .flex { display: block; }
footer .news .footer-news { width: 100% }
} .home-intro, .page-intro { overflow: hidden; }
.home-intro {
min-height: 100vh;
padding-top: 50vh;
}
.page-intro { padding: 18em 0 14em 0; }
.home-intro::before,
.page-intro::before {
content: '';
z-index: 2;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; background: #389ccd; background: -moz-linear-gradient(left,  #389ccd 0%, #1b4a92 100%); background: -webkit-linear-gradient(left,  #389ccd 0%,#1b4a92 100%); background: linear-gradient(to right,  #389ccd 0%,#1b4a92 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#389ccd', endColorstr='#1b4a92',GradientType=1 ); opacity: 0.63;
}
.home-intro .video-bg,
.page-intro .ill {
z-index: 1;
overflow: hidden;
}
.home-intro .video-bg > video {
position: absolute;
width: 100%;
min-height: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
object-position: center;
object-fit: cover;
}
.home-intro .img-bg,
.page-intro .img-bg {
z-index: 3;
position: absolute;
top: 0;
left: 40%;
width: 60%;
height: 100%;
transition: ease-out 1s;
}
.home-intro .img-bg img,
.page-intro .img-bg img {
object-position: left center;
}
.home-intro .content {
z-index: 4;
position: relative;
margin: auto;
min-height: 50vh;
max-width: var(--wrapper);
color: #fff;
padding: 0 1em 1.5em 3.33em;
border-left: currentColor 2px solid;
text-align: left;
}
.page-intro .content {
z-index: 4;
position: relative;
color: #fff;
padding: 0 0.25em;
}
.page-intro .title.small > * {
font-size: 1em;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2px;
}
.home-intro .title.huge {
margin-bottom: 2em;
}
.page-intro .title.huge {
margin-bottom: 1.5em;
}
@media screen and (max-width: 1300px) {
.home-intro .content { margin-left: 2em; }
}
@media screen and (max-width: 450px) {
.home-intro { padding-top: 35vh; }
.home-intro .content { min-height: 65vh; }
}
.page-template-page-equipe .page-intro {
padding: 24em 0 3em 0;
}
.page-template-page-equipe .page-intro .img-bg {
display: none;
}
@media screen and (min-width: 1500px) {
.page-template-page-equipe .page-intro {
min-height: 50vw;
padding: 30em 0 3em 0;
}
.page-template-page-equipe .page-intro .ill img {
object-position: center top;
}
}
@media screen and (max-width: 1000px) {
.page-template-page-equipe .page-intro {
min-height: 70vw;
padding: 9em 0 7em 0;
}
}
@media screen and (max-width: 500px) {
.page-template-page-equipe .page-intro .ill img {
opacity: 0;
}
} .home-bluester .content {
width: 55%;
text-align: left;
padding: 2em 0 4em 0;
}
.home-bluester .content .text {
padding-right: 5.35em;
}
.home-bluester .aside {
position: absolute;
top: 0;
left: 55%;
width: calc(50vw - 5px);
height: 100%;
}
.home-bluester .aside .ill {
z-index: 1;
position: absolute;
top: 0;
left: 5.22em;
width: calc(100% - 5.5em);
height: 100%;
}
.home-bluester .aside img {
object-position: center left;
}
.home-bluester .aside .numbers {
z-index: 2;
position: relative;
}
.home-bluester .aside .number-line {
width: 100%;
background-color: rgba(255,255,255,0.84);
}
.home-bluester .aside .number-line:not(:last-child) {
margin-bottom: 2em;
}
.number-line .number {
flex: 0 0 5.2em;
text-align: center;
}
.number-line .number span {
font-size: 1.38em;
padding: 1.25em 0.25em;
font-weight: 700;
}
.number-line .legend {
flex: 1;
font-size: 1.11em;
max-width: 21.5em;
padding: 0.5em 1.5em;
text-align: left;
font-weight: 700;
line-height: 1.25em;
}
@media screen and (max-width: 1400px) {
.home-bluester .aside img { object-position: center; }
}
@media screen and (max-width: 1300px) {
.home-bluester .aside .ill { height: 80%; }
}
@media screen and (max-width: 1200px) {
.number-line .legend { font-size: 0.9em; }
.number-line .number span { font-size: 1.15em; }
.home-bluester .content { padding-bottom: 0; }
}
@media screen and (max-width: 900px) {
.home-bluester .content {
width: 100%;
padding: 0 0 2em 0;
}
.home-bluester .content .text { padding-right: 0; }
.home-bluester .aside {
position: relative;
left: 0;
width: calc(100% + 4em);
margin: 0 -2em;
height: 30vw;
min-height: 30em;
}
.home-bluester .aside .ill {
height: 100%;
width: calc(100% - 5.5em + 2em);
}
}
@media screen and (max-width: 600px) {
.home-bluester .aside {
width: calc(100% + 2em);
margin: 0 0 0 -2em;
} } .home-metier .ill {
z-index: 1;
}
.home-metier .content {
z-index: 2;
position: relative;
padding-top: 9em;
text-align: left;
color: #fff;
}
.home-metier .numbers {
position: relative;
background: #fff;
color: var(--black);
padding-top: 6.33em;
padding-bottom: 1.5em;
padding-right: 2.5em;
margin-top: 3em;
}
.home-metier .numbers::before {
content: '';
position: absolute;
top: 0;
right: 100%;
height: 100%;
width: calc((100vw - var(--wrapper)) / 2);
background: #fff;
}
.home-metier .numbers .item {
flex: 0 0 25%;
position: relative;
}
.home-metier .numbers .item::before {
content: attr(data-number);
float: left;
color: var(--blue);
font-size: 2.75em;
font-weight: 600;
padding-right: 0.25em;
width: 1.25em;
text-align: right;
}
.home-metier .numbers .item p {
font-size: 0.89em;
padding: 0.15em 1em 1.5em 1em;
text-transform: uppercase;
line-height: 1.33em;
}
@media screen and (max-width: 1300px) {
.home-metier .numbers {
padding-top: 4em;
padding-right: 1.5em;
}
.home-metier .numbers::before {
width: 2em;
}
}
@media screen and (max-width: 1300px) and (min-width: 900px) {
.home-metier .numbers .item::before {
float: none;
display: block;
text-align: left;
}
.home-metier .numbers .item p {
padding: 0.15em 1.5em 1.5em 0;
}
}
@media screen and (max-width: 900px) {
.home-metier .numbers .item {
flex: 0 0 50%;
}
}
@media screen and (max-width: 700px) and (min-width: 500px) {
.home-metier .numbers .item::before {
float: none;
display: block;
text-align: left;
}
.home-metier .numbers .item p {
padding: 0.15em 1.5em 1.5em 0;
}
}
@media screen and (max-width: 500px) {
.home-metier .numbers .item {
flex: 0 0 100%;
}
} .home-map {
text-align: left;
}
.home-map .bg-lightGrey {
padding-top: 4em;
}
.home-map .titles {
padding-left: 4em;
max-width: 50em;
}
.map-layout .the-legend {
flex: 0 0 100%;
padding-left: 4em;
}
.map-layout .the-legend .item {
position: relative;
flex: 0 0 33.3333%;
margin-bottom: 1.5em;
padding: 0.5em 2em 1em 0;
cursor: pointer;
}
.map-layout .the-legend .item::after {
content: '';
position: absolute;
top: 100%;
left: 0;
width: calc(100% - 2em);
height: 2px;
background: currentColor;
opacity: 0.5;
}
.map-layout .the-legend .item::before {
content: '';
position: absolute;
top: 5px;
right: 2em;
width: 1em;
height: 1em;
background: url(//bluestercapital.com/wp-content/themes/bluester/assets/img/arrow-blue.png) no-repeat center;
background-size: contain;
transition: 0.5s;
}
.map-layout .the-legend .item.active:before {
transform: rotate(180deg);
}
.map-layout .the-legend .item span {
display: block;
font-weight: 700;
text-transform: uppercase;
padding-bottom: 0.85em;
transition: 0.3s;
}
.map-layout .the-legend .item:hover span {
color: var(--blue);
}
.map-layout .the-legend .item p {
overflow: hidden;
max-height: 0;
font-size: 0.85em;
line-height: 1.3em;
transition: 0.5s;
}
.map-layout .the-legend .item.active p {
max-height: 6em;
}
.map-layout .the-map {
position: relative;
background-color: var(--blue);
flex: 0 0 calc(100% + 4em);
margin-left: -2em;
margin-right: -2em;
margin-top: 2em;
}
.map-layout .the-map-wrapper {
position: relative;
width: 600px;
height: 600px;
}
.map-layout .map-bg {
z-index: 1;
background: url(//bluestercapital.com/wp-content/themes/bluester/assets/img/europe-map2.svg) no-repeat center;
background-size: contain;
}
.map-layout .flags {
z-index: 2;
}
.map-layout .flags ul {
list-style-type: none;
}
.map-layout .flags li {
width: 2em;
position: absolute;
cursor: pointer;
}
@media screen and (min-width: 1400px) {
.map-layout .the-legend {
order: 2;
flex: 0 0 20em;
padding-left: 2em;
}
.map-layout .the-legend .item { flex: 0 0 100%; }
.map-layout .the-legend .item:last-child { margin-bottom: 0; padding-bottom: 0; }
.map-layout .the-map {
order: 1;
flex: 1;
margin-left: -5.5em;
margin-right: 0;
height: auto;
margin-top: 0;
}
.map-layout .the-map-wrapper {
position: relative;
width: 80%;
height: 0; 
padding-bottom: 80%;
overflow: hidden;
}
.map-layout .the-legend .item:last-child::after {
opacity: 0;
}
}
@media screen and (max-width: 800px) {
.map-layout .the-legend { margin-right: -2em; flex: 0 0 calc(100% + 2em); }
.map-layout .the-legend .item { flex: 0 0 50%; }
.home-map .bg-lightGrey { padding: 2em; margin: 0 -2em; width: calc(100% + 4em); }
.home-map .titles, .map-layout .the-legend { padding-left: 0; }
}
@media screen and (max-width: 600px) {
.map-layout .the-legend .item { flex: 0 0 100%; }
.map-layout .the-map-wrapper {
width: 100vw;
height: 100vw;
}
.map-layout .flags li { transform: scale(0.5); }
}
.flag-alb { top: 83%; left: 64%; }
.flag-all { top: 59%; left: 41%; }
.flag-and { top: 79%; left: 23%; }
.flag-aut { top: 66%; left: 51%; }
.flag-bel { top: 57.5%; left: 31.5%; }
.flag-bie { top: 45%; left: 72%; }
.flag-bos { top: 74%; left: 58%; }
.flag-bul { top: 76%; left: 74%; }
.flag-cro { top: 70.5%; left: 56%; }
.flag-dan { top: 43%; left: 39.5%; }
.flag-esp { top: 84%; left: 13%; }
.flag-est { top: 31%; left: 64%; }
.flag-fin { top: 23%; left: 61%; }
.flag-fra { top: 67%; left: 27%; }
.flag-gre { top: 87%; left: 69%; }
.flag-hon { top: 66%; left: 60%; }
.flag-irl { top: 48%; left: 11%; }
.flag-isl { top: 12%; left: 6%; }
.flag-ita { top: 78%; left: 47%; }
.flag-kos { top: 78.5%; left: 65.5%; }
.flag-let { top: 36.5%; left: 65.5%; }
.flag-lit { top: 41.5%; left: 64%; }
.flag-lux { top: 60.5%; left: 35%; }
.flag-mac { top: 80.5%; left: 68%; }
.flag-mon { top: 78%; left: 62.5%; }
.flag-mol { top: 63%; left: 78%; }
.flag-nor { top: 30%; left: 39%; }
.flag-pay { top: 53.5%; left: 33%; }
.flag-pol { top: 50%; left: 58%; }
.flag-por { top: 85%; left: 2%; }
.flag-rou { top: 67%; left: 72%; }
.flag-roy { top: 51%; left: 21%; }
.flag-ser { top: 73.5%; left: 64.5%; }
.flag-slova { top: 61%; left: 60%; }
.flag-slove { top: 70%; left: 52%; }
.flag-sue { top: 35%; left: 48%; }
.flag-sui { top: 68%; left: 38.5%; }
.flag-tch { top: 59%; left: 52%; }
.flag-ukr { top: 55%; left: 76%; }
@media screen and (max-width: 800px) {
.flag-alb { top: 83%; left: 64%; }
.flag-all { top: 59%; left: 41%; }
.flag-and { top: 79%; left: 23%; }
.flag-aut { top: 66%; left: 51%; }
.flag-bel { top: 57.5%; left: 31.5%; }
.flag-bie { top: 45%; left: 72%; }
.flag-bos { top: 74%; left: 58%; }
.flag-bul { top: 76%; left: 74%; }
.flag-cro { top: 70.5%; left: 56%; }
.flag-dan { top: 42%; left: 38.5%; }
.flag-esp { top: 82%; left: 11%; }
.flag-est { top: 31%; left: 64%; }
.flag-fin { top: 19%; left: 59%; }
.flag-fra { top: 65%; left: 25%; }
.flag-gre { top: 56%; left: 39%; }
.flag-hon { top: 66%; left: 60%; }
.flag-irl { top: 48%; left: 11%; }
.flag-isl { top: 12%; left: 6%; }
.flag-ita { top: 77%; left: 46%; }
.flag-kos { top: 78.5%; left: 65.5%; }
.flag-let { top: 36.5%; left: 65.5%; }
.flag-lit { top: 41.5%; left: 64%; }
.flag-lux { top: 60.5%; left: 35%; }
.flag-mac { top: 80.5%; left: 68%; }
.flag-mon { top: 78%; left: 62.5%; }
.flag-mol { top: 63%; left: 78%; }
.flag-nor { top: 26%; left: 37%; }
.flag-pay { top: 51%; left: 32%; }
.flag-pol { top: 50%; left: 58%; }
.flag-por { top: 82%; left: 1%; }
.flag-rou { top: 67%; left: 72%; }
.flag-roy { top: 49%; left: 19%; }
.flag-ser { top: 73.5%; left: 64.5%; }
.flag-slova { top: 61%; left: 60%; }
.flag-slove { top: 70%; left: 52%; }
.flag-sue { top: 35%; left: 48%; }
.flag-sui { top: 66%; left: 36%; }
.flag-tch { top: 59%; left: 52%; }
.flag-ukr { top: 55%; left: 76%; }
} .home-team {
text-align: left;
padding-bottom: 3em;
}
.home-team-layout {
position: relative;
}
.home-team .content {
width: 50%;
margin-left: 50%;
padding: 1em 0 2em 0;
}
.home-team .ill {
position: absolute;
top: 0;
right: calc(50% + 6vw);
width: 44vw;
height: 100%;
}
.home-team .ill::before {
content: '';
position: absolute;
top: 100%;
left: 0;
width: calc(100% - 4vw);
height: 3em;
background: var(--lightGrey);
}
@media screen and (max-width: 1100px) {
.home-team { padding-bottom: 0; }
.home-team .ill {
position: relative;
right: auto;
width: 100%;
height: 50vw;
margin-bottom: 4em;
}
.home-team .content {
width: 100%; margin-left: 0; padding-bottom: 0;
}
} .step {
flex: 0 0 33.333%;
padding: 4em 1em 4em calc(4em + 1vw);
text-align: left;
border-top: #d6d8db 2px solid;
border-bottom: #d6d8db 2px solid;
}
.steps-layout .step:not(:first-child) {
border-left: #d6d8db 2px solid;
}
.step-number {
font-size: 3.333em;
font-weight: 700;
color: var(--blue);
margin-bottom: 0.25em;
}
.step .text {
max-width: 27em;
margin: 1.5em auto 0.5em 0;
font-size: 0.89em;
}
@media screen and (max-width: 1400px) {
.step { padding: 3em 2em; }
}
@media screen and (max-width: 1000px) {
.step { flex: 0 0 100%; }
.steps-layout .step:not(:first-child) {
border-left: none;
border-top-width: 1px;
}
.step .text { max-width: 100%; }
} .timeline-layout {
position: relative;
background: var(--lightGrey) url(//bluestercapital.com/wp-content/themes/bluester/assets/img/map-timeline.svg) no-repeat center;
background-size: cover;
padding: 4em 0;
}
.the-timeline {
margin-top: 6em;
font-size: 0.9em;
}
@media screen and (max-width: 1100px) {
.the-timeline { margin: 6em -2em 0 -2em; width: calc(100% + 4em); }
}
.timeline-bar {
width: 100%;
height: 2px;
background: #303d4a;
}
.timeline-dates {
margin: -4em 0 2em 0;
}
.the-timeline .date {
position: relative;
text-align: center;
text-transform: uppercase;
padding-bottom: 1em;
cursor: pointer;
} .the-timeline .date .content {
max-width: 9em;
margin: 1em auto;
line-height: 1.25em;
transition: 0.5s;
}
.date .content .top {
height: 4.5em;
font-size: 0.85em;
transform: translateY(-10px);
}
.date .content strong,
.date .content span {
display: block;
}
.date .ill {
position: absolute;
top: 3em;
left: 0;
width: 100%;
height: 2em;
}
.date .ill .line {
position: absolute;
top: calc(50% - 2px);
left: 0;
width: 0;
height: 2px;
background-color: var(--blue);
opacity: 0;
transition: 0.5s;
}
.date .ill .dot {
position: absolute;
top: calc(50% - 10px);
left: calc(50% - 8px);
width: 16px;
height: 16px;
border-radius: 50%;
border: #c6d4de 2px solid;
background: #fff;
transition: 0.5s;
}
.date .ill .dot::after {
content: '';
position: absolute;
top: -5px;
left: -5px;
width: calc(100% + 10px);
height: calc(100% + 10px);
border-radius: 50%; background: #198dc1; background: -moz-linear-gradient(left,  #198dc1 0%, #1e69ad 100%); background: -webkit-linear-gradient(left,  #198dc1 0%,#1e69ad 100%); background: linear-gradient(to right,  #198dc1 0%,#1e69ad 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#198dc1', endColorstr='#1e69ad',GradientType=1 ); opacity: 0;
transition: 0.5s;
}
.date:hover .content, .date.active .content { color: var(--blue); }
.date:hover .ill .line, .date.active .ill .line { width: 100%; opacity: 1; }
.date:hover .ill .dot, .date.active .ill .dot {
top: calc(50% - 8px);
left: calc(50% - 6px);
width: 12px;
height: 12px;
background-color: var(--blue);
border-color: var(--blue);
}	
.date:hover .ill .dot::after, .date.active .ill .dot::after {
top: -10px;
left: -10px;
width: calc(100% + 20px);
height: calc(100% + 20px);
opacity: 0.56;
}
.the-legend .text { padding: 0 2px; } .strategy-layout .col {
flex: 0 0 50%;
text-align: left;
overflow: hidden;
}
.strategy-layout .col:first-child {
background-color: var(--blue);
color: #fff;
}
.strategy-layout .col:last-child {
background-color: var(--lightGrey);
}
.strategy-layout .ill {
z-index: 2;
position: relative;
height: 0;
padding-bottom: 50%;
overflow-x: hidden;
box-shadow: 0 1em 1em 0.125em rgba(0,0,0,0.15);
}
.strategy-layout .content {
z-index: 1;
position: relative;
padding: 6em 0 2em 0;
}
.strategy-layout .content .text {
position: relative;
max-width: calc(var(--wrapper) / 2);
}
.strategy-layout .content .text:before {
content: '+';
position: absolute;
top: -1.5em;
left: 0;
font-size: 1.6667em;
font-weight: 700;
}
.strategy-layout .col:last-child .content .text:before {
left: 1.2em;
}
.strategy-layout .col:first-child .content .text {
margin-left: auto;
padding-right: 2em;
}
.strategy-layout .col:last-child .content .text {
margin-right: auto;
padding-left: 2em;
}
@media screen and (max-width: 1000px) {
.strategy-layout .col:first-child .content .text { padding-right: 0; }
.strategy-layout .col:last-child .content .text { padding-left: 0; }
.strategy-layout .col:last-child .content .text:before { left: 0; }
}
@media screen and (max-width: 750px) {
.strategy-layout .content { padding-top: 4em; }
}
@media screen and (max-width: 600px) {
.strategy-layout .col { flex: 0 0 100%; }
} .tabs-layout .the-tabs {
flex: 0 0 29em;
padding-right: 4em;
}
.tabs-layout .the-tabs ul {
list-style-type: none;
}
.tabs-layout .the-tabs li {
position: relative;
flex: 0 0 100%;
background-color: var(--lightGrey);
padding: 1em 1.5em;
box-shadow: 0 0.5em 0.75em 0.125em rgba(0,0,0,0.15);
margin-bottom: 1.5em;
line-height: 1.25em;
cursor: pointer;
transition: 0.3s;
}
.tabs-layout .the-tabs li:hover {
box-shadow: 0 0.5em 0.75em 0.125em rgba(0,0,0,0.0);
}
.tabs-layout .the-tabs li::before {
content: '';
z-index: 2;
position: absolute;
top: 0;
left: 0;
width: 0;
height: 100%;
background-color: rgba(255,255,255,0.3);
transition: 0.3s;
}
.tabs-layout .the-tabs li:hover::before,
.tabs-layout .the-tabs li.active::before {
width: 6px;
}
.tabs-layout .the-tabs li.active {
background-color: var(--blue);
color: #fff;
}
.tabs-layout .the-panels {
flex: 1;
}
.tabs-layout .panel-slider {
}
.tabs-layout .panel .text {
padding: 0 2px;
}
@media screen and (max-width: 1100px) {
.tabs-layout .the-tabs {
flex: 0 0 calc(100% + 4em);
margin: 0 -2em 3em -2em;
padding-right: 0;
}
.tabs-layout .the-tabs li {
margin-bottom: 0;
}
.tabs-layout .the-panels {
flex: 0 0 100%;
}
}
@media screen and (max-width: 900px) {
.tabs-layout .the-tabs li {
flex: 0 0 33.333%;
}
}
@media screen and (max-width: 650px) {
.tabs-layout .the-tabs li {
font-size: 0.89em;
}
}
@media screen and (max-width: 500px) {
.tabs-layout .the-tabs li {
flex: 0 0 100%;
}
} .partnership-layout {
background-color: var(--lightGrey);
text-align: left;
}
.partnership-layout > .ill {
z-index: 1;
position: relative;
flex: 0 0 15em;
box-shadow: 0 0.5em 1em 0.25em rgba(0,0,0,0.15);
}
.partnership-layout > .content {
z-index: 2;
position: relative;
flex: 1;
padding: 4.5em 2em 4.5em 5em;
}
.partnership-layout .content .ill {
flex: 0 0 20em;
}
.partnership-layout .content .content {
flex: 0 1 48em;
padding-left: 8em;
}
@media screen and (max-width: 1400px) {
.partnership-layout > .content { padding: 4em 2em 4em 3em; }
.partnership-layout .content .content { padding-left: 3em; }
}
@media screen and (max-width: 1200px) {
.partnership-layout .content .ill { flex: 0 0 15em; }
}
@media screen and (max-width: 1000px) {
.partnership-layout > .content { display: block; }
.partnership-layout .content .ill { margin-bottom: 2em; }
.partnership-layout .content .spacer.big { height: 2em; }
.partnership-layout .content .ill img { width: 12em; }
.partnership-layout .content .content { padding-left: 0; }
}
@media screen and (max-width: 750px) {
.partnership-layout { display: block; }
.partnership-layout > .ill { height: 30vh; }
} .invest-box {
margin-bottom: 3em;
}
.invest-box > .ill {
flex: 0 0 20em;
}
.invest-box > .content {
position: relative;
flex: 1;
padding: 4em;
text-align: left;
box-shadow: var(--boxShadow);
}
.invest-box .logo {
position: absolute;
top: 2em;
right: 1.5em;
background-color: #fff;
}
.invest-box .logo img {
max-height: 4em;
max-width: 10em;
object-fit: contain;
object-position: center;
}
.invest-box .link {
position: absolute;
bottom: 1.5em;
right: 1.5em;
}
.invest-box .link a {
position: relative;
display: block;
padding: 0.75em 3.5em 0.75em 2em;
font-size: 0.89em;
background-color: var(--blue);
border: var(--blue) 1px solid;
color: #fff;
font-weight: 700;
}
.invest-box .link a::after {
content: '';
position: absolute;
top: 50%;
right: 1em;
width: 1.1em;
height: 1.1em;
margin-top: -0.55em;
background: url(//bluestercapital.com/wp-content/themes/bluester/assets/img/arrow-blue.png) no-repeat center;
background-size: contain;
transform: rotate(-90deg);
filter: brightness(0) invert(1);
transition: 0.3s;
}
.invest-box .link a:hover::after {
filter: none;
}
.invest-box .link a:hover {
background-color: #fff;
color: var(--blue);
}
@media screen and (max-width: 1100px) {
.invest-box > .ill,
.invest-box > .content {
flex: 0 0 100%;
}
.invest-box > .ill img {
width: 100%;
max-height: 30vh;
object-fit: cover;
object-position: center;
}
}
@media screen and (max-width: 800px) {
.invest-box > .content { padding: 3em; }
.invest-box .logo {
position: relative;
top: 0;
right: auto;
margin-bottom: 2em;
}
.invest-box .link { bottom: 0; }
}
@media screen and (max-width: 500px) {
.invest-box > .content { padding: 2em 2em 3em 2em; }
.invests-layout {
margin: 0;
width: 100%;
padding: 0;
}
} .the-map {
z-index: 1;
position: relative;
height: 50vw;
}
.the-map > iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.contact-layout .contact-box {
z-index: 2;
position: absolute;
top: 0;
right: 4em;
}
.contact-box {
padding: 3em 2em;
background-color: #fff;
box-shadow: var(--boxShadow);
}
.contact-box .logo { margin-bottom: 2em; }
@media screen and (max-width: 1200px) {
.the-map { height: 60vw; }
.contact-layout .contact-box { right: 2em; }
}
@media screen and (max-width: 1000px) {
.contact-layout .contact-box {
position: relative;
right: 0;
}
.the-map { height: 70vh; }
} .metier-layout > .ill {
z-index: 3;
position: relative;
flex: 0 0 100%;
height: 0;
padding-bottom: 40vw;
box-shadow: var(--boxShadow);
}
.metier-layout .tab {
font-weight: 700;
text-transform: uppercase;
margin-bottom: 1.5em;
}
.metier-layout > .presentation {
flex: 0 0 100%;
}
.metier-layout > .presentation .content {
text-align: left;
padding: 3em 2em 1em 2em;
}
.metier-layout .presentation > .text {
margin-top: 2em;
}
.metier-layout > .sectors {
flex: 0 0 100%;
}
.metier-layout > .sectors .content {
text-align: left;
padding: 1em 2em 2em 2em;
}
.metier-layout .content {
position: relative;
max-width: calc(var(--wrapper) / 2);
margin: auto;
background-color: var(--lightGrey);
}
.metier-layout .content .title {
margin-bottom: 1.5em;
min-height: 2.5em;
}
.sliders .item {
position: relative;
margin-bottom: 2em;
max-width: 24em;
}
.sliders .item > label {
display: block;
font-size: 0.89em;
padding: 0 3em 0 0;
line-height: 1.25em;
}
.sliders .the-slider {
position: relative;
border-bottom: #d0d4d7 2px solid;
border-right: #1e69ad 2px solid;
height: 1.25em;
}
.sliders .the-slider label {
z-index: 3;
position: absolute;
font-size: 0.89em;
top: -1.25em;
right: -2px;
padding: 0.25em 0.5em;
width: 3em;
color: #fff;
text-align: center;
font-weight: 600; background: #198dc1; background: -moz-linear-gradient(left,  #198dc1 0%, #1e69ad 100%); background: -webkit-linear-gradient(left,  #198dc1 0%,#1e69ad 100%); background: linear-gradient(to right,  #198dc1 0%,#1e69ad 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#198dc1', endColorstr='#1e69ad',GradientType=1 ); }
.sliders .progress-bar {
z-index: 2;
position: absolute;
bottom: -2px;
left: 0;
width: 0%;
height: 0.5em; background: #198dc1; background: -moz-linear-gradient(left,  #198dc1 0%, #1e69ad 100%); background: -webkit-linear-gradient(left,  #198dc1 0%,#1e69ad 100%); background: linear-gradient(to right,  #198dc1 0%,#1e69ad 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#198dc1', endColorstr='#1e69ad',GradientType=1 ); transition: 2s 1s;
}
@media screen and (min-width: 1000px) {
.metier-layout > .ill { padding-bottom: 20vw; }
.metier-layout > .presentation .content {
padding: 5em 2.5em 1em 2.5em;
}
.metier-layout > .sectors .content {
padding: 3em 2.5em 2.5em 2.5em;
}
}
@media screen and (min-width: 1100px) {
.metier-layout .tab {
position: absolute;
top: 5em;
right: 100%;
font-size: 0.89em;
padding: 2em 2em 3em 2em;
width: calc( ( ( 100vw / 2 ) - ( var(--wrapper) / 2 ) / 2 ) );
background-color: var(--lightGrey);
text-align: right;
}
.metier-layout .sectors .tab {
top: 1.75em;
}
}
@media screen and (min-width: 1450px) {
.metier-layout .ill.metier1 { order: 1; }
.metier-layout .ill.metier2 { order: 2; }
.metier-layout .presentation.metier1 { order: 3; }
.metier-layout .presentation.metier2 { order: 4; }
.metier-layout .sectors.metier1 { order: 5; }
.metier-layout .sectors.metier2 { order: 6; }
.metier-layout > .ill,
.metier-layout > .presentation,
.metier-layout > .sectors { flex: 0 0 50%; }
.metier-layout .metier1 .content { margin-right: 0; }
.metier-layout .metier2 .content { margin-left: 0; background-color: #fff; }
.metier-layout .content { max-width: calc((var(--wrapper) / 2) - 100px); }
.metier-layout .metier2 .content .tab { display: none; }
}
@media screen and (min-width: 1600px) {
.metier-layout .content { max-width: calc(var(--wrapper) / 2); }
}
.metier-map .the-map {
background-color: #fff;
}
.metier-map .map-layout .map-bg {
background-image: url(//bluestercapital.com/wp-content/themes/bluester/assets/img/europe-map-blue2.svg);
background-size: contain;
}
.metier-map .map-legend {
z-index: 10;
position: absolute;
top: 0;
right: 0;
padding: 1em;
text-align: left;
background: #fff;
}
.metier-map .map-legend label {
display: block;
font-size: 0.89em;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 1em;
}
.metier-map .map-legend ul {
list-style-type: none;
}
.metier-map .map-legend li {
position: relative;
padding: 0.25em 0 1em 1.5em;
font-weight: 600;
font-size: 0.89em;
cursor: pointer;
}
.metier-map .map-legend li::before {
content: '';
position: absolute;
top: 0.25em;
left: 0;
width: 0.8em;
height: 0.8em;
border: var(--blue) 1px solid;
}
.metier-map .map-legend li::after {
content: '';
position: absolute;
top: 0.65em;
left: 0.4em;
width: 0;
height: 0;
background: var(--blue);
transition: 0.3s;
}
.metier-map .map-legend li:hover::after {
top: 0.4em;
left: 0.175em;
width: 0.6em;
height: 0.6em;
}
.metier-map .map-legend li.active::after {
top: 0.25em;
left: 0;
width: 0.9em;
height: 0.9em;
}
.metier-map .flags li:not(.active) {
opacity: 0;
visibility: hidden;
transition: 0.3s;
}
@media screen and (max-width: 1400px) {
.metier-map .map-legend { top: -4em; }
}
@media screen and (min-width: 1300px) {
.map-layout .the-map-wrapper { overflow: visible; }
.metier-map .map-legend { right: -5em; }
} .team-member .ill {
position: relative;
flex: 0 0 33.33%;
}
.team-member .ill img {
object-position: center top;
}
.team-member .content {
position: relative;
flex: 0 0 66.67%;
}
.team-member .content .primary,
.team-member .content .secondary {
flex: 0 0 50%;
}
.team-member .primary {
padding: 4em;
background-color: var(--lightGrey);
text-align: left;
}
.team-member .member-title {
margin-bottom: calc(2em + 1vw);
}
.team-member h2 {
font-size: 1.5em;
line-height: 1.35em;
font-weight: 700;
text-transform: uppercase;
}
.team-member h3 {
font-size: 1em;
line-height: 1.35em;
font-weight: 700;
text-transform: uppercase;
}
.team-member .member-quote {
position: relative;
padding-top: 2em;
font-size: 1.25em;
line-height: 1.4em;
background: url(//bluestercapital.com/wp-content/themes/bluester/assets/img/icon-quote.png) no-repeat left top;
background-size: 1.5em auto;
}
.team-member .member-contact {
margin-top: calc(2em + 1vw);
}
.team-member .member-contact > div {
position: relative;
margin-right: 1em;
}
.team-member .contacts {
position: absolute;
top: 110%;
left: -0.5em;
font-size: 0.85em;
line-height: 1.3em;
background-color: #fff;
padding: 0.5em;
opacity: 0;
transition: 0.4s;
}
.team-member .contacts.active {
top: 100%;
opacity: 1;
}
.team-member .contacts a:hover {
text-decoration: underline;
}
.team-member .secondary {
padding: 4em;
background-color: #ebecee;
text-align: left;
}
.team-member .secondary .text {
padding-top: 6em;
}
.team-member .fullcontent {
text-align: left;
padding: 4em;
background-color: #ebecee;
}
.team-member .fullcontent > div {
position: relative;
}
@media screen and (min-width: 1050px) {
.team-member.alt .ill { order: 2; }
.team-member.alt .content { order: 1; }
}
@media screen and (min-width: 1350px) {
.team-member.alt .primary { order: 2; }
.team-member.alt .secondary { order: 1; }
}
@media screen and (max-width: 1350px) {
.team-member .content .primary,
.team-member .content .secondary { flex: 0 0 100%; }
.team-member .secondary .text { padding-top: 0; }
.team-member .primary, .team-member .secondary { padding: 3em 2.5em; }
}
@media screen and (max-width: 1200px) {
.team-member .member-quote { font-size: 0.95em; }
}
@media screen and (max-width: 1000px) {
.team-member .ill {
flex: 0 0 200px;
}
.team-member .content { flex: 1; }
.team-member .ill .cover img {
object-fit: contain;
object-position: center top;
}
}
@media screen and (max-width: 750px) {
.team-member { position: relative; display: block; }
.team-member .ill {
z-index: 2;
position: relative;
margin-bottom: -5em;
text-align: right;
}
.team-member .ill picture {
position: relative;
margin: 0;
}
.team-member .ill picture img {
position: relative;
width: 10em;
height: 10em;
margin-right: 2em;
}
.team-member .member-title {
padding-right: 200px;
}
}
@media screen and (max-width: 500px) {
.team-member .ill {
margin-bottom: -1.5em;
text-align: left;
}
.team-member .ill picture img {
margin-left: 2em;
object-position: center left;
}
.team-member .member-title {
padding-right: 0;
}
.team-member .contacts { font-size: 0.75em; }
} .blog-grid {
}
.blog-grid.flex__2cols.more-gap > div {
padding-bottom: 5em;
}
.blog-box {
position: relative;
height: 100%;
background-color: #fff;
}
.blog-box .ill {
position: relative;
flex: 0 0 0;
padding-bottom: 50%;
overflow-y: hidden;
}
.blog-box .ill.video {
padding-bottom: 55%;
}
.blog-box .content {
flex: 1 0 auto;
text-align: left;
padding: 2.33em;
}
.blog-box .meta {
font-size: 0.95em;
line-height: 1.25em;
color: #838383;
margin-bottom: 1em;
}
.blog-box h2 {
margin-bottom: 0.75em;
}
.blog-box .excerpt {
color: #838383;
line-height: 1.4em;
font-size: 1.05em;
}
.blog-box .action {
flex: 0 0 4em;
text-align: left;
padding: 1em 2.33em 2.33em 2.33em;
}
.blog-box .action a {
font-size: 0.9em;
text-transform: uppercase;
}
.blog-post {
text-align: left;
}
.blog-post--header {
max-width: 1200px;
margin: auto;
padding: 0 2em;
}
.blog-post h1 {
font-size: 2em;
font-weight: 700;
line-height: 1.25em;
margin-bottom: 0.5em;
}
.blog-post .meta {
font-size: 1.2em;
}
.blog-post .meta a {
color: currentColor;
}
.blog-post .meta a:hover {
color: #1e8cbe;
}
.blog-post--ill {
position: relative;
height: 0;
padding-bottom: 40%;
overflow: hidden;
margin-bottom: 3em;
}
.blog-post--ill.video {
padding-bottom: 56.25%;
}
.blog-post--content {
max-width: 850px;
padding: 0 2em;
margin: auto;
}
@media screen and (max-width: 600px) {
.blog-post .text * { word-wrap: break-word; }
}
.lg-sw {
position: absolute; top: 0; right: 0;
transition: 0.3s;
}
body.scrolled .lg-sw {
opacity: 0;
visibility: hidden;
}
@media screen and (max-width: 1000px) {
header .lg-sw { display: none; }
}
@media screen and (max-width: 400px) {
.aRight .play-btn { text-align: left; }
} .ie-alert { display: none; }
@media screen and (min-width:0\0) { 
body > *:not(.ie-alert) { display: none; }
.ie-alert {
display: block;
}
.ie-alert a { text-decoration: underline; }
}.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg}h1:where(.wp-block-heading).has-background,h2:where(.wp-block-heading).has-background,h3:where(.wp-block-heading).has-background,h4:where(.wp-block-heading).has-background,h5:where(.wp-block-heading).has-background,h6:where(.wp-block-heading).has-background{padding:1.25em 2.375em}h1.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h1.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h2.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h2.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h3.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h3.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h4.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h4.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h5.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h5.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h6.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h6.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]){rotate:180deg}