/* ------------------------------------------------------------ *\
	Reset
\* ------------------------------------------------------------ */

*,
*:before,
*:after { padding: 0; margin: 0; outline: 0; box-sizing: border-box; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, main { display: block; }
html,
body { height: 100%; }
html { tap-highlight-color: rgba(0,0,0,0); }
body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; -moz-text-size-adjust: none; text-size-adjust: none; }
img, iframe, video, audio, object { max-width: 100%; }
img, iframe { border: 0 none; }
img { height: auto; display: inline-block; vertical-align: middle; }
b,
strong { font-weight: bold; }
address { font-style: normal; }
svg:not(:root) { overflow: hidden; }
a,
button,
input[type="submit"],
input[type="button"],
input[type="reset"],
input[type="file"],
input[type="image"],
label[for] { cursor: pointer; }
a[href^="tel"],
button[disabled],
input[disabled],
textarea[disabled],
select[disabled] { cursor: default; }
button::-moz-focus-inner,
input::-moz-focus-inner { padding: 0; border: 0; }
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="color"],
textarea,
a[href^="tel"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button { display: none; -webkit-appearance: none; }
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
textarea { overflow: auto; resize: none; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; }
button,
input,
optgroup,
select,
textarea { font-family: inherit; font-size: inherit; color: inherit; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; }
button,
select { text-transform: none; }
table { width: 100%; border-collapse: collapse; border-spacing: 0; }
nav ul,
nav ol { list-style: none outside none; }
/* ------------------------------------------------------------ *\
	Base
\* ------------------------------------------------------------ */

body { min-width: 320px; background: #fff; font-family: 'WorkSans', sans-serif; font-size: 30px; line-height: normal; color: #000; background-color: #fff; overflow-x: hidden; } 

a { color: inherit; text-decoration: underline; }
a:hover { text-decoration: none; }

a[href^="tel"] { text-decoration: none; }

h1 { font-family: 'Migra', serif; font-size: 100px; font-weight: 300; }
h2 { font-family: 'Migra', serif; font-size: 100px; font-weight: 300; }
h3 { font-family: 'Migra', serif; font-size: 60px; font-weight: 300; }
h4 { font-family: 'Migra', serif; font-size: 48px; font-weight: 300; }
h5 { font-family: 'Migra', serif; font-size: 30px; font-weight: 300; }
h6 { font-family: 'Migra', serif; font-size: 24px; font-weight: 300; } 

@media(max-width: 1366px) {
	body { font-size: 20px; }
	h1 { font-size: 80px; }
	h2 { font-size: 80px; }
	h3 { font-size: 48px; }
	h4 { font-size: 42px; }
	h5 { font-size: 30px; }
	h6 { font-size: 28px; }
}

@media(max-width: 1200px) {
	h1 { font-size: 72px; }
	h2 { font-size: 72px; }
	h3 { font-size: 48px; }
	h4 { font-size: 40px; }
	h5 { font-size: 24px; }
	h6 { font-size: 24px; }
}

@media(max-width: 1024px) {
	h1 { font-size: 68px; }
	h2 { font-size: 68px; }
	h3 { font-size: 40px; }
	h4 { font-size: 36px; }
	h5 { font-size: 24px; }
	h6 { font-size: 24px; }
}

@media(max-width: 768px) {
	body { font-size: 18px; }
	h1 { font-size: 60px; }
	h2 { font-size: 48px; }
	h3 { font-size: 32px; }
	h4 { font-size: 28px; }
	h5 { font-size: 24px; }
	h6 { font-size: 24px; }
}

@media(max-width: 568px) {
	body { font-size: 16px; }
	h1 { font-size: 48px; }
	h2 { font-size: 42px; }
	h3 { font-size: 28px; }
	h4 { font-size: 24px; }
	h5 { font-size: 20px; }
	h6 { font-size: 20px; }
}

@media(max-width: 411px) {
	h1 { font-size: 36px; }
    h2 { font-size: 36px; }
}

p,
ul,
ol,
dl,
table,
blockquote { margin-bottom: $(line-height-base)em; }

h1[class],
h2[class],
h3[class],
h4[class],
h5[class],
h6[class],
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
p:last-child,
ul:last-child,
ol:last-child,
dl:last-child,
table:last-child,
blockquote:last-child { margin-bottom: 0; }
::-moz-selection {  color: #BA93FB; background: black; }
::selection { color: #BA93FB; background: black; }

/* ------------------------------------------------------------ *\
	Animations
\* ------------------------------------------------------------ */

@-webkit-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@-webkit-keyframes fadeInLeft {
  0% { -webkit-transform: translate3d(-100%, 0, 0); opacity: 0; }
  100% { -webkit-transform: none; opacity: 1; }
}
@keyframes fadeInLeft {
  0% { transform: translate3d(-100%, 0, 0); opacity: 0; }
  100% { transform: none; opacity: 1; }
}
@-webkit-keyframes fadeInRight {
  0% { -webkit-transform: translate3d(100%, 0, 0); opacity: 0; }
  100% { -webkit-transform: none; opacity: 1; }
}
@keyframes fadeInRight {
  0% { transform: translate3d(100%, 0, 0); opacity: 0; }
  100% { transform: none; opacity: 1; }
}
@-webkit-keyframes fadeInDown {
  0% { -webkit-transform: translate3d(0, 100%, 0); opacity: 0; }
  100% { -webkit-transform: none; opacity: 1; }
}
@keyframes fadeInDown {
  0% { transform: translate3d(0, 100%, 0); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

.animation { -webkit-animation-duration: .8s; animation-duration: .8s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.animation-fade-in { -webkit-animation-name: fadeIn; animation-name: fadeIn; }
.animation-fade-in-left { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }
.animation-fade-in-right { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; }
.animation-fade-in-down { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; }

#custom-animation { display: none; }

/* ------------------------------------------------------------ *\
	Fonts
\* ------------------------------------------------------------ */

@font-face {
    font-family: 'Migra';
    src: 
    	url('fonts/Migra-Extralight.woff2') format('woff2'),
        url('fonts/Migra-Extralight.woff') format('woff'),
        url('fonts/Migra-Extralight.ttf') format('truetype'),
        url('fonts/Migra-Extralight.svg#Migra-Extralight') format('svg');
    font-weight: 200;
    font-style: normal; 
}

@font-face {
    font-family: 'Migra';
    src: 
    	url('fonts/Migra-Light.woff2') format('woff2'),
        url('fonts/Migra-Light.woff') format('woff'),
        url('fonts/Migra-Light.ttf') format('truetype'),
        url('fonts/Migra-Light.svg#Migra-Light') format('svg');
    font-weight: 300;
    font-style: normal; 
}

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

@font-face {
    font-family: 'Migra';
    src: 
    	url('fonts/Migra-Medium.woff2') format('woff2'),
        url('fonts/Migra-Medium.woff') format('woff'),
        url('fonts/Migra-Medium.ttf') format('truetype'),
        url('fonts/Migra-Medium.svg#Migra-Medium') format('svg');
    font-weight: 500;
    font-style: normal; 
}

@font-face {
    font-family: 'Migra';
    src: 
    	url('fonts/Migra-Semibold.woff2') format('woff2'),
        url('fonts/Migra-Semibold.woff') format('woff'),
        url('fonts/Migra-Semibold.ttf') format('truetype'),
        url('fonts/Migra-Semibold.svg#Migra-Semibold') format('svg');
    font-weight: 600;
    font-style: normal; 
}

@font-face {
    font-family: 'Migra';
    src: 
    	url('fonts/Migra-Bold.woff2') format('woff2'),
        url('fonts/Migra-Bold.woff') format('woff'),
        url('fonts/Migra-Bold.ttf') format('truetype'),
        url('fonts/Migra-Bold.svg#Migra-Bold') format('svg');
    font-weight: 700;
    font-style: normal; 
}

@font-face {
    font-family: 'Migra';
    src: 
    	url('fonts/Migra-Extrabold.woff2') format('woff2'),
        url('fonts/Migra-Extrabold.woff') format('woff'),
        url('fonts/Migra-Extrabold.ttf') format('truetype'),
        url('fonts/Migra-Extrabold.svg#Migra-Extrabold') format('svg');
    font-weight: 800;
    font-style: normal; 
}

@font-face {
    font-family: 'Migra';
    src: 
    	url('fonts/Migra-Black.woff2') format('woff2'),
        url('fonts/Migra-Black.woff') format('woff'),
        url('fonts/Migra-Black.ttf') format('truetype'),
        url('fonts/Migra-Black.svg#Migra-Black') format('svg');
    font-weight: 900;
    font-style: normal; 
}

@font-face {
    font-family: 'Migra';
    src: 
        url('fonts/MigraItalic-ExtralightItalic.woff2') format('woff2'),
        url('fonts/MigraItalic-ExtralightItalic.woff') format('woff'),
        url('fonts/MigraItalic-ExtralightItalic.ttf') format('truetype'),
        url('fonts/MigraItalic-ExtralightItalic.svg#MigraItalic-ExtralightItalic') format('svg');
    font-weight: 200;
    font-style: italic; 
}

@font-face {
    font-family: 'Migra';
    src: 
        url('fonts/MigraItalic-LightItalic.woff2') format('woff2'),
        url('fonts/MigraItalic-LightItalic.woff') format('woff'),
        url('fonts/MigraItalic-LightItalic.ttf') format('truetype'),
        url('fonts/MigraItalic-LightItalic.svg#MigraItalic-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic; 
}

@font-face {
    font-family: 'Migra';
    src: 
        url('fonts/MigraItalic-Italic.woff2') format('woff2'),
        url('fonts/MigraItalic-Italic.woff') format('woff'),
        url('fonts/MigraItalic-Italic.ttf') format('truetype'),
        url('fonts/MigraItalic-Italic.svg#MigraItalic-Italic') format('svg');
    font-weight: normal;
    font-style: italic; 
}

@font-face {
    font-family: 'Migra';
    src: 
        url('fonts/MigraItalic-MediumItalic.woff2') format('woff2'),
        url('fonts/MigraItalic-MediumItalic.woff') format('woff'),
        url('fonts/MigraItalic-MediumItalic.ttf') format('truetype'),
        url('fonts/MigraItalic-MediumItalic.svg#MigraItalic-MediumItalic') format('svg');
    font-weight: 500;
    font-style: italic; 
}

@font-face {
    font-family: 'Migra';
    src: 
        url('fonts/MigraItalic-SemiboldItalic.woff2') format('woff2'),
        url('fonts/MigraItalic-SemiboldItalic.woff') format('woff'),
        url('fonts/MigraItalic-SemiboldItalic.ttf') format('truetype'),
        url('fonts/MigraItalic-SemiboldItalic.svg#MigraItalic-SemiboldItalic') format('svg');
    font-weight: 600;
    font-style: italic; 
}

@font-face {
    font-family: 'Migra';
    src: 
        url('fonts/MigraItalic-BoldItalic.woff2') format('woff2'),
        url('fonts/MigraItalic-BoldItalic.woff') format('woff'),
        url('fonts/MigraItalic-BoldItalic.ttf') format('truetype'),
        url('fonts/MigraItalic-BoldItalic.svg#MigraItalic-BoldItalic') format('svg');
    font-weight: 700;
    font-style: italic; 
}

@font-face {
    font-family: 'Migra';
    src: 
        url('fonts/MigraItalic-ExtraboldItalic.woff2') format('woff2'),
        url('fonts/MigraItalic-ExtraboldItalic.woff') format('woff'),
        url('fonts/MigraItalic-ExtraboldItalic.ttf') format('truetype'),
        url('fonts/MigraItalic-ExtraboldItalic.svg#MigraItalic-ExtraboldItalic') format('svg');
    font-weight: 800;
    font-style: italic; 
}

@font-face {
    font-family: 'Migra';
    src: 
        url('fonts/MigraItalic-BlackItalic.woff2') format('woff2'),
        url('fonts/MigraItalic-BlackItalic.woff') format('woff'),
        url('fonts/MigraItalic-BlackItalic.ttf') format('truetype'),
        url('fonts/MigraItalic-BlackItalic.svg#MigraItalic-BlackItalic') format('svg');
    font-weight: 900;
    font-style: italic; 
}


@font-face {
    font-family: 'WorkSans';
    src: 
        url('fonts/WorkSans-ExtraLight.woff2') format('woff2'),
        url('fonts/WorkSans-ExtraLight.woff') format('woff'),
        url('fonts/WorkSans-ExtraLight.ttf') format('truetype'),
        url('fonts/WorkSans-ExtraLight.svg#WorkSans-ExtraLight') format('svg');
    font-weight: 200;
    font-style: normal; 
}

@font-face {
    font-family: 'WorkSans';
    src: 
        url('fonts/WorkSans-Light.woff2') format('woff2'),
        url('fonts/WorkSans-Light.woff') format('woff'),
        url('fonts/WorkSans-Light.ttf') format('truetype'),
        url('fonts/WorkSans-Light.svg#WorkSans-Light') format('svg');
    font-weight: 300;
    font-style: normal; 
}

@font-face {
    font-family: 'WorkSans';
    src: 
        url('fonts/WorkSans-LightItalic.woff2') format('woff2'),
        url('fonts/WorkSans-LightItalic.woff') format('woff'),
        url('fonts/WorkSans-LightItalic.ttf') format('truetype'),
        url('fonts/WorkSans-LightItalic.svg#WorkSans-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic; 
}

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

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


/* ------------------------------------------------------------ *\
	Helpers
\* ------------------------------------------------------------ */

/*  Clear  */

.clear:after { content: ''; line-height: 0; display: table; clear: both; }


/*  Notext  */

.notext { white-space: nowrap; text-indent: 100%; text-shadow: none; overflow: hidden; }
.notext-old { font-size: 0; line-height: 0; text-indent: -4000px; }


/*  Hidden  */

[hidden],
.hidden { display: none; }

/*  Alignleft  */

.alignleft { float: left; }


/*  Alignright  */

.alignright { float: right; }


/*  Disabled  */

[disabled],
.disabled { cursor: default; }

.blend, .soft_blend { mix-blend-mode: difference; }
.prev-next { width: 100%; position: relative; top: 50vh; opacity: 1; }
.prev-next .shell { display: flex; justify-content: space-between; padding: 0 10px; max-width: 1440px; }

.prev-next a { display: inline-block; text-decoration: none; color: white; position: fixed; top: 50vh;  z-index: 30; }
.prev-next a.next { transform: rotate(90deg); right: 6px; }
.prev-next a.prev { transform: rotate(-90deg); left: 6px; }

#prev-next-arrows { background: transparent; }

@media (max-width: 1024px) {
	.prev-next a.next { transform: rotate(90deg); right: -10px; }
	.prev-next a.prev { transform: rotate(-90deg); left: -10px; }
}

.info p { position: relative; padding-left: 20px; }
.info p:before { content: ""; position: absolute; top: calc(50% - 6.5px); left: 0; border-radius: 50%; width: 13px; height: 13px; border: 1px solid black; }
.info p:first-child:before { background-color: #000; }

.background_image { background-repeat: no-repeat; background-size: cover; background-position: center;  background-color: #000; }
.background_image.background_image_bottom { background-position: bottom; background-color: #000; }
.statement { font-size: 100px; font-family: 'Migra', serif; font-weight: 300; }
.small_stmt { font-size: 60px; }
.italic_stmt { font-style: italic; }


.main_title { font-family: 'WorkSans', sans-serif; text-transform: uppercase; line-height: 1.5; }
.main_title span { position: relative; padding: 0 100px; }
.main_title span:before { content: ""; background-image: url(../images/svg/title_vector_left.svg); background-position: center; background-size: contain; background-repeat: no-repeat; position: absolute; height: 32px; width: 14px; left: 0; top: calc(50% - 16px); }
.main_title span:after { content: ""; background-image: url(../images/svg/title_vector_right.svg); background-position: center; background-size: contain; background-repeat: no-repeat; position: absolute; height: 32px; width: 14px; right: 0; top: calc(50% - 16px); }
.main_title.no-brakets span { padding: 0; }
.main_title.no-brakets span:before { content: none; }
.main_title.no-brakets span:after { content: none; }


@media (max-width: 1366px) {
	.main_title span { padding: 0 80px; }
	.statement { font-size: 80px; }
	.small_stmt { font-size: 48px; }
}

@media (max-width: 1200px) {
	.statement { font-size: 72px; }
	.small_stmt { font-size: 42px; }
}

@media (max-width: 1024px) {
	.main_title span { padding: 0 60px; }
	.statement { font-size: 72px; }
	.small_stmt { font-size: 36px; }
}

@media (max-width: 768px) {
	.main_title span { padding: 0 40px; }
	.main_title span:before { height: 25px; top: calc(50% - 12.5px); }
	.main_title span:after { height: 25px; top: calc(50% - 12.5px); }
	.statement { font-size: 60px; }
	.small_stmt { font-size: 36px; }
}

@media (max-width: 640px) {
    .main_title { font-size: 24px; }
    .main_title span { padding: 0 20px; }
    .main_title span:before { height: 20px; top: calc(50% - 10px); }
    .main_title span:after { height: 20px; top: calc(50% - 10px); }

    h3.main_title { font-size: 32px; }
    h3.main_title span { padding: 0 30px; }
    h3.main_title span:before,
    h3.main_title span:after  { height: 25px; top: calc(50% - 12.5px); }

    .statement { font-size: 42px; }
    .small_stmt { font-size: 28px; }
}

@media (max-width: 568px) {
    .main_title { font-size: 20px; }

    h3.main_title { font-size: 28px; }

    .statement { font-size: 36px; }
    .small_stmt { font-size: 24px; }
}

@media (max-width: 375px) {
    .statement { font-size: 32px; }
    .small_stmt { font-size: 24px; }
    .main_title { font-size: 20px; }
}

.info-ideas,
.info-projects { position: absolute; visibility: hidden; opacity: 0; }

#show-more-projects,
#show-more-ideas { visibility: hidden; opacity: 0; height: 5px; width: 100%; }

.filter { display: none; }
.filter .shell { position: relative; min-width: 320px }

@media (max-width: 1024px) {
    .filter { display: block; background-color: #fff; padding: 40px 0; overflow-x: auto; }
    .filter::-webkit-scrollbar { display: none; }
}

.padding_top {  } 

@media (max-width: 1024px) {
    .padding_top { padding-top: 55px; } 
}

@media (max-width: 768px) {
    .padding_top { padding-top: 70px; } 
}

.background_grey { background-color: #ddd; }

/* ------------------------------------------------------------ *\
	Footer
\* ------------------------------------------------------------ */


/* ------------------------------------------------------------ *\
    Header
\* ------------------------------------------------------------ */

.header { position: absolute; height: 100vh; top: 0; right: 0; left: 0; bottom: 0; justify-content: space-between; align-items: center; padding: 30px 24px; }
.header .btn-burger { position: fixed; }
.header .logotype { position: fixed; color: #fff; mix-blend-mode: difference; text-decoration: none; text-transform: uppercase; font-weight: 600; font-family: 'AlteHaasGroteskBold', 'WorkSans', sans-serif; }

.header .header-entry { position: absolute; z-index: 25; transition: all .5s ease-out; }
.header .header-entry.desktop { opacity: 0; pointer-events: none; }
.header .header-entry.desktop.show { opacity: 1; pointer-events: all; }
.header .header-entry.mobile { display: none; }

.header-entry.desktop .btn-burger { position: fixed; top: 30px; }
.header-entry.desktop .btn-burger span { -ms-writing-mode: vertical-lr; writing-mode: vertical-lr; transform: rotate(180deg); }
.header-entry.desktop .logotype { -ms-writing-mode: vertical-lr; writing-mode: vertical-lr; transform: rotate(180deg); bottom: 30px; }

.header-entry.mobile .btn-burger { right: 40px; }

.header-entry .btn-burger .circle { color: transparent; }
.header-entry.cloned .btn-burger .circle { color: #BA93FB; }
.header-entry.cloned .logotype { opacity: 0; visibility: hidden; }
.header-entry.cloned .menu-text { opacity: 0; visibility: hidden; }

@media (max-width: 1024px) {
    .header { opacity: 1; visibility: visible; padding: 30px 40px; }
    .header .header-entry.desktop { display: none; }
    .header .header-entry.mobile { display: block; }
}

/* ------------------------------------------------------------ *\
	Main
\* ------------------------------------------------------------ */
 
.main { min-height: 100vh; opacity: 0; }

/* ------------------------------------------------------------ *\
	Shell
\* ------------------------------------------------------------ */

.shell { max-width: 3500px; margin: auto; padding: 0 250px; }

@media (max-width: 2048px) {
	.shell { max-width: 1800px; padding: 0 150px; }
}

@media (max-width: 1800px) {
	.shell { max-width: 1600px; padding: 0 100px; }
}

@media (max-width: 1500px) {
	.shell { max-width: 1440px; padding: 0 74px; }
}

@media (max-width: 1024px) {
	.shell { padding: 0 40px; }
}

/* ------------------------------------------------------------ *\
	Sidebar
\* ------------------------------------------------------------ */

.sidebar {   } 


/* ------------------------------------------------------------ *\
	Wrapper
\* ------------------------------------------------------------ */

.wrapper { position: relative; min-height: 100%; overflow: hidden; } 
 
/* ------------------------------------------------------------ *\
	Article 
\* ------------------------------------------------------------ */

article { background-color: #fff; }
article:not(article.single-article-cover) + .single-article-content .article-text { padding-top: 60px; padding-bottom: 0; }
article.single-article-quotes + article.single-article-content .article-text { padding-top: 0; }

@media (max-width: 1024px) {
    article:not(article.single-article-cover) + .single-article-content .article-text { padding-top: 40px; padding-bottom: 0; }
}

.single-article-title-cover { padding: 180px 0 100px; position: relative; background: #fff; clear: both; }
.single-article-title-cover.report { padding-top: 191px; }
.single-article-title-cover .article-cover { padding-bottom: 60%; width: 100%; text-align: center; margin-bottom: 25px; }
.single-article-title-cover .article-title { padding: 0 74px; position: absolute; left: 0; right: 0; top: 0; color: white; mix-blend-mode: difference; width: 100%; text-align: center; max-width: 850px; margin: 0 auto; }
.single-article-title-cover.report .article-title { max-width: 100%; }
.single-article-title-cover.report .bubble { position: absolute; }

.single-article-title-cover.report .article-head { padding: 40px 0; position: absolute; left: 0; right: 0; top: 0; text-align: center; }
.single-article-title-cover.report .article-title { position: relative;  color: white; mix-blend-mode: difference; width: 100%; }

.single-article-title-cover .article_cover_info p { position: relative; padding-left: 20px; text-transform: uppercase; }
.single-article-title-cover .article_cover_info p:before { content: ""; position: absolute; top: calc(50% - 6.5px); left: 0; border-radius: 50%; width: 13px; height: 13px; border: 1px solid black; }
.single-article-title-cover .article_cover_info p:first-child:before { background-color: #000; }

@media (max-width: 1366px) {
	.single-article-title-cover { padding: 145px 0 100px; }
	.single-article-title-cover.report { padding: 175px 0 100px; }
	.single-article-title-cover.report .bubble svg { width: 300px; height: 290px; }
    .single-article-title-cover .article-title { max-width: 820px; }
}

@media (max-width: 1200px) {
	.single-article-title-cover { padding: 130px 0 120px; }
	.single-article-title-cover.report { padding: 170px 0 120px; }
    .single-article-title-cover .article-title { max-width: 755px; }
}

@media (max-width: 1024px) {
	.single-article-title-cover { padding: 120px 0 120px; }
	.single-article-title-cover.report { padding: 145px 0 80px; }
	.single-article-title-cover.report .article-head { padding: 30px 0; }
	.single-article-title-cover .article-title { padding: 0 40px; }
	.single-article-title-cover.report .bubble svg { width: 200px; height: 190px; }
    .single-article-title-cover .article-title { max-width: 650px; }
}

@media (max-width: 768px) {
	.single-article-title-cover { padding: 110px 0 40px; }
	.single-article-title-cover.report { padding: 125px 0 40px; }
	.single-article-title-cover.report .bubble svg { width: 150px; height: 140px; }
    .single-article-title-cover .article-title { max-width: 500px; }
}

@media (max-width: 640px) {
	.single-article-title-cover.report { padding: 115px 0 40px; }
}

@media (max-width: 568px) {
	.single-article-title-cover { padding: 87px 0 40px; }
	.single-article-title-cover.report { padding: 100px 0 40px; }
	.single-article-title-cover .article-cover-info { font-size: 14px; }
	.single-article-title-cover .article-cover-info p:before { width: 10px; height: 10px; top: calc(50% - 5px); }
    .single-article-title-cover .article-title { max-width: 100%; }
}

@media (max-width: 411px) {
	.single-article-title-cover { padding: 66px 0 25px; }
	.single-article-title-cover.report { padding: 73px 0 40px; }
	.single-article-title-cover.report .article-head { padding: 20px 0; }
}

.single-article-content { padding-bottom: 200px; clear: both; }
.single-article-content p { margin-bottom: 20px; }
.single-article-content .article-text { padding: 220px 136px 50px; }

.single-article-content + .single-article-content .article-text { padding-top: 0px; padding-bottom: 0; }

@media (max-width: 1366px) {
	.single-article-content { padding-bottom: 150px; }
	.single-article-content .article-text { padding: 100px 136px 50px; }
}

@media (max-width: 1200px) {
	.single-article-content { padding-bottom: 100px; }
	.single-article-content .article-text { padding: 50px 100px 50px; }
}

@media (max-width: 1024px) {
	.single-article-content { padding-bottom: 60px; }
	.single-article-content .article-text { padding: 50px 80px 50px; }
}

@media (max-width: 568px) {
	.single-article-content { padding-bottom: 50px; }
	.single-article-content .article-text { padding: 25px 0px 25px; }
}

@media (max-width: 375px) {
	.single-article-content { padding-bottom: 30px; }
}

.single-article-img-text { padding-bottom: 180px; clear: both; }
.single-article-img-text .shell { display: flex; justify-content: space-between; align-items: center; }
.single-article-img-text .article-content { max-width: 646px; width: 100%; padding-right: 25px; }
.single-article-img-text.revert .article-content { order: 2; padding-right: 0; padding-left: 25px; }
.single-article-img-text .article-subtitle { font-family: 'WorkSans', sans-serif; margin-bottom: 25px; text-transform: uppercase; width: 60%; font-weight: 400; }
.single-article-img-text .article-image { padding-bottom: 50%; max-width: 496px; width: 100%; }
.single-article-img-text .article-image { padding-bottom: 50%; max-width: 496px; width: 100%; }
.single-article-img-text.bubble_image .article-image { border-radius: 248px; }

@media (max-width: 1366px) {
	.single-article-img-text { padding-bottom: 100px; }
}

@media (max-width: 1200px) {
	.single-article-img-text.bubble_image .article-image { max-width: 400px; border-radius: 200px; }
}

@media (max-width: 1024px) {
	.single-article-img-text { padding-bottom: 80px; }
	.single-article-img-text.bubble_image .article-image { max-width: 350px; border-radius: 175px; }
}

@media (max-width: 768px) {
	.single-article-img-text { padding-bottom: 60px; }
	.single-article-img-text .shell { flex-flow: column; }
	.single-article-img-text .article-subtitle { width: 100%; text-align: center; }
	.single-article-img-text .article-content { order: 2; padding-right: 0; }
	.single-article-img-text.revert .article-content { order: 2; padding-left: 0; }
	.single-article-img-text .article-image { order: 1; max-width: 75%; margin: 0 auto; margin-bottom: 45px; }
	.single-article-img-text.bubble_image .article-image { max-width: 75%; margin: 0 auto; order: 1; margin-bottom: 45px; }
}

@media (max-width: 568px) {
	.single-article-img-text.bubble_image .article-image { max-width: 100%; margin-bottom: 25px; }
	.single-article-img-text .article-image { max-width: 100%; margin-bottom: 25px; }
	.single-article-img-text + .single-article-quotes { padding-top: 20px; }
	.single-article-img-text .article-subtitle { font-size: 20px; }
}

@media (max-width: 375px) {
	.single-article-img-text + .single-article-quotes { padding-top: 0px; }
}

.single-article-quotes { padding-bottom: 240px; padding-top: 35px; clear: both; }
.single-article-quotes .quotes { max-width: 1045px; width: 100%; margin: 0 auto; }

@media (max-width: 1366px) {
	.single-article-quotes { padding-bottom: 160px; }
}

@media (max-width: 1200px) {
	.single-article-quotes { padding-bottom: 150px; }
}

@media (max-width: 1024px) {
	.single-article-quotes { padding-bottom: 120px; }
}

@media (max-width: 768px) {
	.single-article-quotes { padding-bottom: 80px; }
}

@media (max-width: 568px) {
	.single-article-quotes { padding-bottom: 60px; }
}

@media (max-width: 375px) {
	.single-article-quotes { padding-bottom: 40px; }
}


.single-article-cs-title-cover { position: relative; padding-bottom: 100px; background-color: #fff; clear: both; }
.single-article-cs-title-cover .article-cover { height: 100vh; }
.single-article-cs-title-cover .article-info-container { position: relative; width: 100%; text-align: center; }
.single-article-cs-title-cover .article-info { mix-blend-mode: difference; }
.single-article-cs-title-cover .article-info.translate { transform: translateY(-19%); }
.single-article-cs-title-cover .article-info.cloned { mix-blend-mode: normal; position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
.single-article-cs-title-cover .article-info .client-name {  }
.single-article-cs-title-cover .article-info .client-name span { mix-blend-mode: difference; color: #fff; }
.single-article-cs-title-cover .article-info .main_title span:before { content: none; }
.single-article-cs-title-cover .article-info .main_title span:after { content: none; }
.single-article-cs-title-cover .article-info.cloned { mix-blend-mode: normal; }
.single-article-cs-title-cover .article-info.cloned svg { visibility: visible; opacity: 1; fill: #BA93FB; }
.single-article-cs-title-cover .article-info.cloned svg path { fill: #BA93FB; }
.single-article-cs-title-cover .article-info.cloned .client-name span { mix-blend-mode: normal; visibility: hidden; opacity: 0; }


@media (max-width: 1366px) {
	.single-article-cs-title-cover { padding-bottom: 60px; }
}

@media (max-width: 1024px) {
	.single-article-cs-title-cover { padding-bottom: 40px; }
}

@media (max-width: 768px) {
	.single-article-cs-title-cover { padding-bottom: 10px; }
    .single-article-cs-title-cover .article-info.translate { transform: translateY(-17%); }
	.single-article-cs-title-cover .article-info svg { height: 20px; }
}

@media (max-width: 568px) {
    .single-article-cs-title-cover .article-info svg { height: 14px; }
}

.single-article-main-points-content { padding-top: 20px; padding-bottom: 200px; clear: both; }

@media (max-width: 1366px) {
	.single-article-main-points-content { padding-bottom: 100px; }
}

@media (max-width: 1024px) {
	.single-article-main-points-content { padding-bottom: 80px; }
}

@media (max-width: 998px) {
	.single-article-main-points-content { padding-bottom: 20px; }
}

.single-article-wide-img-optional-text { padding-bottom: 200px; clear: both; }
.single-article-wide-img-optional-text .article-text { padding-top: 54px; }
.single-article-wide-img-optional-text .article-image { width: 100%; padding-bottom: 50%; }
.single-article-wide-img-optional-text .article-image.square { padding-bottom: 100%; }

.single-article-wide-img-optional-text:last-child { padding-bottom: 160px; }

.single-article-wide-img-optional-text.fullscreen_width.no_margin:last-child { padding-bottom: 0; }
.single-article-wide-img-optional-text.fullscreen_width .article-image { width: 100%; height: 100vh; }

.single-article-wide-img-optional-text.bigger_padding .article-content { padding: 0 114px; }


@media (max-width: 1366px) {
	.single-article-wide-img-optional-text { padding-bottom: 100px; }
	.single-article-wide-img-optional-text:last-child { padding-bottom: 80px; }
}

@media (max-width: 1024px) {
	.single-article-wide-img-optional-text { padding-bottom: 80px; }
	.single-article-wide-img-optional-text.bigger_padding .article-content { padding: 0 80px; }
}

@media (max-width: 998px) {
	.single-article-wide-img-optional-text .article-text { padding-top: 34px; }
	.single-article-wide-img-optional-text.bigger_padding .article-content { padding: 0 60px; }
}

@media (max-width: 768px) {
	.single-article-wide-img-optional-text { padding-bottom: 60px; }
	.single-article-wide-img-optional-text:last-child { padding-bottom: 60px; }
	.single-article-wide-img-optional-text.bigger_padding .article-content { padding: 0 40px; }
}

@media (max-width: 568px) {
	.single-article-wide-img-optional-text .article-text { padding-top: 24px; }
	.single-article-wide-img-optional-text.bigger_padding .article-content { padding: 0px; }
}

.single-article-list-images { padding-bottom: 220px; clear: both; }
.single-article-list-images .article-content { padding: 0 105px; }
.single-article-list-images ul { margin-bottom: 34px; }

@media (max-width: 1366px) {
    .single-article-list-images { padding-bottom: 140px; }
}

@media (max-width: 1200px) {
    .single-article-list-images { padding-bottom: 100px; }
    .single-article-list-images .article-content { padding: 0 80px; }
}

@media (max-width: 1024px) {
    .single-article-list-images { padding-bottom: 80px; }
    .single-article-list-images .article-content { padding: 0 60px; }
}

@media (max-width: 768px) {
    .single-article-list-images { padding-bottom: 60px; }
    .single-article-list-images .article-content { padding: 0; }
    .single-article-list-images ul { margin-bottom: 25px; }
}

.single-article-overview { font-size: 20px; padding-bottom: 160px; }
.single-article-overview .cols { margin: 0 -30px; }
.single-article-overview .col-1of2 { padding: 0 30px; }
.single-article-overview .col-body { max-width: 455px; width: 100%; }
.single-article-overview .col-head { margin-bottom: 60px; }
.single-article-overview .col-title { font-family: 'WorkSans', sans-serif; text-transform: uppercase; }

@media (max-width: 1024px) {
	.single-article-overview { padding-bottom: 120px; }
	.single-article-overview .col-head { margin-bottom: 45px; }
}


@media (max-width: 768px) {
	.single-article-overview { padding-bottom: 80px; font-size: 18px; }
}

@media (max-width: 640px) {
	.single-article-overview .cols { display: block; }
	.single-article-overview .col-1of2 { width: 100%; margin-bottom: 40px; }
	.single-article-overview .col-head { margin-bottom: 30px; }
	.single-article-overview .col-body { max-width: 100%; width: 100%; }
}

@media (max-width: 568px) {
	.single-article-overview { font-size: 16px; }
}

.single-article-download { background-color: #ddd; padding: 74px 0 95px; }

@media (max-width: 568px) {
	.single-article-download { padding: 60px 0 80px; }
}

.single-article-img-text-2 .article-image { width: 50%; float: left; padding-bottom: 50%;  }

.single-article-image-and-text { margin-bottom: 80px; clear: both; }
.single-article-image-and-text .article-content { margin: 0 -20px; width: 100%; }
.single-article-image-and-text .article-image { width: 50%; padding: 0 20px; float: left; border-radius: 248px; width: 496px; padding-bottom: 50%; background-size: cover; background-position: center; shape-outside: ellipse(50%); }
.single-article-image-and-text .article-image.right { /*order: 2;*/ float: right; }
.single-article-image-and-text .article-image .image {  }
.single-article-image-and-text .article-image .image-text { font-family: 'Fakt-Blond', sans-serif; font-size: 16px; color: #8d8d8d; padding-top: 11px; }
.single-article-image-and-text .article-image.right .image-text { text-align: right; }
.single-article-image-and-text .article-text { /*width: 50%;*/ padding: 0 20px; font-size: 24px; line-height: 34px; }

.single-article-videо { padding-bottom: 112px; }
.single-article-videо.fullscreen_width:last-child { padding-bottom: 0; }
.single-article-videо + .single-article-content .article-content { padding-top: 20px; }

@media (max-width: 1024px) {
    .single-article-videо { padding-bottom: 80px; }
}

/* ------------------------------------------------------------ *\
	Button
\* ------------------------------------------------------------ */

.btn { display: inline-block; vertical-align: middle; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.btn-burger { text-transform: uppercase; mix-blend-mode: difference; cursor: pointer; }
.btn-burger .circle { color: #BA93FB; }
.btn-burger .menu-text { color: #fff; font-weight: 400; }

/*  Button Block  */
.btn-block { display: block; padding-left: 0; padding-right: 0; }
.btn-cta { padding: 20px 22px; border-radius: 100px; text-align: left; }


/* ------------------------------------------------------------ *\
	Cols
\* ------------------------------------------------------------ */

.cols { display: flex; flex-wrap: wrap; margin: 0 -10px; }
.col { padding: 0 10px; }
.col-1of2 { width: 50%; }
.col-1of3 { width: 33.33%; }
.col-1of4 { width: 25%; }



/* ------------------------------------------------------------ *\
	Form Elements
\* ------------------------------------------------------------ */

input::-moz-placeholder { color: #000; opacity: 1; }

input:-ms-input-placeholder { color: #000; opacity: 1; }

input::-ms-input-placeholder { color: #000; opacity: 1; }

input::placeholder { color: #000; opacity: 1; }
textarea::-moz-placeholder { color: inherit; opacity: 1; }
textarea:-ms-input-placeholder { color: inherit; opacity: 1; }
textarea::-ms-input-placeholder { color: inherit; opacity: 1; }
textarea::placeholder { color: inherit; opacity: 1; }

input:-webkit-autofill { -webkit-text-fill-color: inherit !important; -webkit-box-shadow: 0 0 0 1000px #fff inset; }

.field { width: 100%; border: 3px solid #000; border-radius: 100px; background: transparent; padding: 20px 26px; color: #000; }
.textarea {}
.select {}
.radio {}
.checkbox {}

.form-row { margin-bottom: 34px; }
.form-row:last-child { margin-bottom: 0; }
.form-actions { max-width: 268px; width: 100%; }

.form-btn { padding: 20px 22px; border-radius: 100px; border: 3px solid #BA93FB; background-color: #BA93FB; width: 100%; text-align: left; transition: all .4s; }
.form-btn:hover { /*padding-left: 35px; */ background-color: #fff; border: 3px solid #fff; }

@media (max-width: 1366px) {
	.field { padding: 15px 20px; border: 2px solid #000; }
	.form-row { margin-bottom: 25px; }
	.form-btn { padding: 15px 20px; border: 2px solid #BA93FB; }
	.form-btn:hover { border: 2px solid #fff; }
}

@media (max-width: 768px) {
	.field { padding: 15px 20px; border: 1px solid #000; }
	.form-row { margin-bottom: 25px; }
	.form-btn { padding: 15px 20px; border: 1px solid #BA93FB; }
	.form-btn:hover { border: 1px solid #fff; }
}

/* ------------------------------------------------------------ *\
	form-subscribe
\* ------------------------------------------------------------ */

.form-subscribe input::-moz-placeholder { color: #fff; }

.form-subscribe input:-ms-input-placeholder { color: #fff; }

.form-subscribe input::-ms-input-placeholder { color: #fff; }

.form-subscribe input::placeholder { color: #fff; }
.form-subscribe .form-head { margin-bottom: 60px; }
.form-subscribe .form-title { color: #fff; font-weight: 200; }
.form-subscribe .form-row { display: flex; }
.form-subscribe .form-controls { max-width: 649px; width: 100%; margin-right: 22px; }
.form-subscribe .field { caret-color: #fff; color: #fff; border: 3px solid #FFFFFF; }
.form-subscribe .message { color: #BA93FB; padding-left: 22px; }

@media (max-width: 1366px) {
	.form-subscribe .field { padding: 15px 20px; border: 2px solid #fff; }
}

@media (max-width: 768px) {
	.form-subscribe .form-head { margin-bottom: 40px; }
	.form-subscribe .field { padding: 15px 20px; border: 1px solid #fff; }
	.form-subscribe .form-actions { max-width: 200px; }
}

@media (max-width: 568px) {
	.form-subscribe .form-row { display: block; }
	.form-subscribe .form-controls { margin-bottom: 20px; }
}

@media (max-width: 375px) {
	.form-subscribe .form-actions { max-width: 100%; }
	.form-subscribe .form-btn { text-align: center; }
}

/* ------------------------------------------------------------ *\
	form-download
\* ------------------------------------------------------------ */
.form-download form { display: flex; flex-wrap: wrap;justify-content: space-between; }
.form-download .form-head { width: 50%; }
.form-download .form-title { max-width: 400px; width: 100%; margin-bottom: 17px; }
.form-download .additional-info { max-width: 400px; width: 100%; line-height: 1.5; }
.form-download a { text-decoration: none; transition: all .4s; }
.form-download a:hover { padding-left: 10px; }
.form-download .cta { position: relative; }
.form-download .cta:after { width: 100%; content: ""; position: absolute; left: 0; right: 0; height: 2px; background-color: #000; top: 100%; margin-top: -2px; }
.form-download .form-body { width: 50%; padding-top: 10px; }
.form-download .error-message { color: #BA93FB; padding-top: 18px; padding-left: 22px; }
.form-download .thanks-message { color: #BA93FB; padding-top: 18px; padding-left: 22px; }

@media (max-width: 998px) { 
	.form-download .form-head { padding-right: 35px; }
	.form-download .form-title { max-width: 100%; width: 100%; }
	.form-download .additional-info { max-width: 100%; width: 100%; }
}

@media (max-width: 768px) { 
	.form-download form { display: block; }
	.form-download .form-head { width: 100%; margin-bottom: 50px; }
	.form-download .form-title { max-width: 100%; width: 100%; margin-bottom: 20px; }
	.form-download .additional-info { max-width: 100%; width: 100%; }
	.form-download .form-body { width: 100%; padding-top: 0; }
}

@media (max-width: 375px) {
	.form-download .form-actions { max-width: 100%; }
	.form-download .form-btn { text-align: center; }
}

/* ------------------------------------------------------------ *\
	List
\* ------------------------------------------------------------ */

[class^="list-"] { list-style: none outside none; }

/* ------------------------------------------------------------ *\
	list-contacts
\* ------------------------------------------------------------ */
.list-contacts > li { position: relative; /*padding-top: 80px;*/ padding-bottom: 25px; font-weight: 400; }
.list-contacts > li:before { content: ""; position: absolute; top: -35px; left: 0; right: 0; height: 361px; /*width: 100%;*/ background-image: radial-gradient(rgba(113, 254, 62, 0.5) 20%, rgba(1,1,1,0), rgba(1,1,1,0)); }
.list-contacts > li.purple:before {  background-image: radial-gradient(rgba(186,147,251, 0.5) 20%, rgba(1,1,1,0), rgba(1,1,1,0)); }
.list-contacts .contact { padding: 130px 130px 0px; display: flex; justify-content: space-between; position: relative; }
.list-contacts.list_emails_socials .contact { padding: 130px; }
.list-contacts .contact-title { width: 45%; padding-left: 100px; }
.list-contacts .list-contact-details { width: 55%; }
.list-contacts .list-contact-details a { text-decoration: none; cursor: pointer; }
.list-contacts .list-contact-details a.single-row { text-decoration: none; position: relative; transition: all .4s; }
.list-contacts .list-contact-details a.single-row:hover { margin-left: 20px; }
.list-contacts .list-contact-details a.single-row:before { content: ''; position: absolute; top: 100%; margin-top: -3px; width: 100%; height: 1.25px; margin-top: -2px; background-color: #000; left: 0; }
.list-contacts .list-contact-details span { position: relative; transition: all .4s; }
.list-contacts .list-contact-details a.double-row:hover span { margin-left: 20px; }
.list-contacts .list-contact-details span:before { content: ''; position: absolute; top: 100%; margin-top: -3px; width: 100%; height: 1.25px; background-color: #000; left: 0; right: 0; }

@media(max-width: 998px) {
	.list-contacts .contact-title { padding-left: 50px; }
}

@media(max-width: 823px) {
	.list-contacts .contact-title { padding-left: 0; }
}

@media(max-width: 768px) {
	.list-contacts .contact { display: block; padding: 80px 0px 0 170px; }
    .list-contacts.list_emails_socials .contact { padding: 80px 0 80px 170px; }
	.list-contacts .contact-title { width: 100%; margin-bottom: 20px; font-weight: 600; }
	.list-contacts .list-contact-details { width: 100%; }
}

@media(max-width: 568px) {
	.list-contacts > li:before { left: -74px; right: -74px; }
	.list-contacts .contact { display: block; padding: 70px 0px 0 140px; }
    .list-contacts.list_emails_socials .contact { padding: 70px 0px 70px 140px; }
}

@media(max-width: 411px) {
	.list-contacts > li:before { /*left: -60px; right: -74px; */height: 300px }
	.list-contacts .contact { display: block; padding: 70px 0px 0 50px; }
    .list-contacts.list_emails_socials .contact { display: block; padding: 70px 0px 70px 50px; }
	.list-contacts .contact-title { width: 100%; margin-bottom: 20px; font-weight: 600; }
	.list-contacts .list-contact-details { width: 100%; }
}

@media(max-width: 375px) {
	.list-contacts .contact { display: block; padding: 70px 0px 0 20px; }
    .list-contacts.list_emails_socials .contact { display: block; padding: 70px 0px 70px 20px; }
}

/* ------------------------------------------------------------ *\
    list-projects
\* ------------------------------------------------------------ */

.list-projects { display: flex; justify-content: flex-start; flex-wrap: wrap; margin: 0 -9.5px; }
.list-projects li { width: 33.33%; padding: 0 9.5px; margin-bottom: 19px; }
.list-projects .project { position: relative; }
.list-projects .project a { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 10; text-decoration: none; }
.list-projects .project-img { width: 100%; padding-bottom: 125%; position: relative; filter: grayscale(); }
.list-projects .project-img:before { position: absolute; content: ""; background: linear-gradient(180deg, #DDDDDD 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%); top: 0; right: 0; left: 0; bottom: 0; transition: all .4s; opacity: 1; }
.list-projects .project:hover .project-img:before { opacity: 0; }
.list-projects .project-info { position: absolute; font-size: 30px; top: 50%; z-index: 10; width: 100%; transform: translateY(-50%); left: 0; right: 0; text-align: center;transition: all .4s; padding: 0 18px; }
.list-projects .project:hover .project-info { color: #fff; }
.list-projects .hover-element { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); opacity: 0; transition: all .5s; }
.list-projects .project:hover .hover-element { opacity: 1; }
.list-projects .hover-element svg { position: relative;left: 50%; transform: translateX(-50%); width: 90%; }


@media (max-width: 1024px) {
    .list-projects .project-img:before { content: none; }
    .list-projects .hover-element { opacity: 1; }
    .list-projects .project-info { color: #fff; }
}

@media (max-width: 998px) {
    .list-projects li { width: 50%; }
}

@media (max-width: 411px) {
    .list-projects li { width: 100%; }
}

/* ------------------------------------------------------------ *\
	list-offices
\* ------------------------------------------------------------ */
.list-offices { display: flex;  justify-content: flex-end; font-size: 30px; }
.list-offices a { text-decoration: none; position: relative; padding: 20px; padding-right: 0; }
.list-offices li:last-child a { padding-right: 0; }
.list-offices span { padding-right: 20px; }
.list-offices a:after { position: absolute; content: "|"; right: 0; top: 50%; transform: translateY(-50%); }
.list-offices li:last-child a:after { position: absolute; content: none; }

@media (max-width: 1366px) {
	.list-offices { font-size: 28px; }
}	

@media (max-width: 1200px) {
	.list-offices { font-size: 24px; }
}

@media (max-width: 768px) {
	.list-offices { font-size: 18px; }
}		

/* ------------------------------------------------------------ *\
	list-team-members
\* ------------------------------------------------------------ */

.list-team-members { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0 -9.5px; }
.list-team-members li { width: 33.33%; padding: 0 9.5px; margin-bottom: 65px; }
.list-team-members .member-img { width: 100%; padding-bottom: 125%; margin-bottom: 20px; filter: grayscale(); }
.list-team-members .info { color: #fff; }
.list-team-members .info p { padding-left: 36px; }
.list-team-members .info p:first-child:before { background-color: #fff; }
.list-team-members .info p:before { border: 2px solid #fff; }

@media (max-width: 1024px) {
	.list-team-members .info p { padding-left: 30px; }
}

@media (max-width: 768px) {
	.list-team-members li { width: 50%; }
	.list-team-members .info p { padding-left: 25px; }
}

@media (max-width: 568px) {
	.list-team-members li { width: 100%; margin-bottom: 40px; font-size: 20px; }
}


/* ------------------------------------------------------------ *\
    list-departments
\* ------------------------------------------------------------ */

.list-departments { font-size: 30px; text-transform: uppercase; }

@media (max-width: 1024px) {
    .list-departments { font-size: 28px; }
    .list-departments li { margin-bottom: 10px; }
}

@media (max-width: 768px) {
    .list-departments { font-size: 24px; }
}

@media (max-width: 568px) {
    .list-departments { font-size: 20px; }
    .list-departments li { margin-bottom: 5px; }
}

/* ------------------------------------------------------------ *\
	list-clients
\* ------------------------------------------------------------ */

.list-clients { font-size: 60px; font-style: italic; font-weight: 300; font-family: 'Migra', serif; display: flex; flex-wrap: wrap; justify-content: space-between; }
.list-clients li { width: 50%; margin-bottom: 15px; }
.list-clients a { text-decoration: none; }
.list-clients span { font-style: normal; }
.list-clients .client p { position: relative; line-height: 70.5px; }

@media (max-width: 1366px) {
	.list-clients { font-size: 48px; }
	.list-clients .client p { line-height: 60.5px; }
	
}

@media (max-width: 1200px) {
	.list-clients { font-size: 40px; }
	.list-clients .client p { line-height: 50.5px; }
	
}

@media (max-width: 998px) {
	.list-clients { font-size: 32px; }
	.list-clients .client p { line-height: 40.5px; }
	
}

@media (max-width: 768px) {
	.list-clients { font-size: 28px; }
	.list-clients .client p { line-height: 45.5px; }
	
}

@media (max-width: 640px) {
	.list-clients { font-size: 24px; }
	.list-clients .client p { line-height: 45.5px; }
	
}

@media (max-width: 411px) {
	.list-clients li { width: 100%; }	
}

/* ------------------------------------------------------------ *\
	list-vacancies
\* ------------------------------------------------------------ */

.list-vacancies { display: flex; margin: 0 -10px; flex-wrap: wrap; justify-content: flex-start; }
.list-vacancies li { width: 25%; padding: 0 10px; }
.list-vacancies li.twenty_five { width: 25%; }
.list-vacancies li.thirty_three { width: 33.33%; }
.list-vacancies li.fifty { width: 50%; }
.list-vacancies li { position: relative; }
.list-vacancies li a { position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
.list-vacancies .job-title span { position: relative; }
.list-vacancies .job-title span:after { position: absolute; width: 100%; height: 1px; background-color: #000; content: ""; top: 100%; left: 0; }

@media (max-width: 1200px) {
	.list-vacancies li { width: 33.33%; margin-bottom: 45px; }
    .list-vacancies li.twenty_five { width: 33.33%; }
}

@media (max-width: 998px) {
	.list-vacancies li,
    .list-vacancies li.twenty_five,
    .list-vacancies li.thirty_three { width: 50%; }
}

@media (max-width: 568px) {
	.list-vacancies li,
    .list-vacancies li.twenty_five,
    .list-vacancies li.thirty_three,
    .list-vacancies li.fifty { width: 100%; }
	.list-vacancies li:nth-child(even) { position: relative; left: 50%; /*transform: translateX(-25%);*/ }
}

@media (max-width: 411px) {
	.list-vacancies li { width: 100%; }
	.list-vacancies li:nth-child(even) { position: relative; left: 0; transform: translateX(0); }
}

/* ------------------------------------------------------------ *\
    list-articles
\* ------------------------------------------------------------ */

.list-articles { display: flex; justify-content: center; flex-wrap: wrap; padding-top: 203px;  }
.list-articles li { width: 33.33%; }
.list-articles .article { position: relative; }
.list-articles .article a { text-decoration: none; }
.list-articles .article-title-container { position: relative; z-index: 5; font-weight: 200; font-style: italic; text-align: center; transition: all .4s; }
.list-articles .article-title { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; visibility: hidden; opacity: 0; padding: 0 15px; }
.list-articles .article-title br { display: none; }
.list-articles .article-title.cloned { position: absolute; top: 0; width: 100%; visibility: visible; opacity: 1; -webkit-line-clamp: 3; }
.list-articles .article-image { /*background-color: #000;*/ width: 684px; height: 903px; visibility: hidden; opacity: 0; border-radius: 342px; position: absolute; top: calc(50% - 903px/2); left: calc(50% - 684px/2);transition: all .3s; z-index: 10; filter: grayscale(); }
.list-articles .ellipse { position: relative; width: 48px; height: 48px; background-color: #fff; border-radius: 50%; border: 1px solid #000; margin: 0 auto; margin-bottom: 22px;transition: all .4s; }
.list-articles .hover-element { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); opacity: 0; transition: all .5s; }
.list-articles .hover-element svg { position: relative;left: 50%; transform: translateX(-50%); width: 90%; }

.list-articles .article-info:hover { color: #BA93FB; position: relative; z-index: 15; }
.list-articles .article-info:hover .ellipse { border: 1px solid #fff; z-index: 15; }
.list-articles .article-info:hover .hover-element { opacity: 1; }
.list-articles .article-info:hover + .article-image { opacity: 1; visibility: visible; /*background-color: #000;*/ }

@media (max-width: 1366px) {
    .list-articles .article-image { width: 584px; height: 803px; top: calc(50% - 803px/2); left: calc(50% - 584px/2); }
    .list-articles .ellipse { width: 42px; height: 42px; }
}

@media (max-width: 1200px) {
    .list-articles { padding-top: 80px; }
    .list-articles .article-image { width: 534px; height: 753px; top: calc(50% - 753px/2); left: calc(50% - 534px/2); }
    .list-articles .ellipse { width: 40px; height: 40px; }
    .list-articles .article-title { padding: 0 30px; }
}

@media (max-width: 1024px) {
    .list-articles { justify-content: center; margin-bottom: -100px; }
    .list-articles li { width: 50%; margin-bottom: 100px; }
    .list-articles .article-image { width: 484px; height: 603px; top: calc(50% - 603px/2); left: calc(50% - 484px/2); }
    .list-articles .ellipse { width: 40px; height: 40px; }
    .list-articles .article-title { padding: 0 40px; }
}

@media (max-width: 998px) {
    .list-articles li { width: 50%; margin-bottom: 270px; }
    .list-articles .article-image { width: 384px; height: 503px; top: calc(50% - 503px/2); left: calc(50% - 384px/2); }
}

@media (max-width: 768px) {
    .list-articles .article-image { width: 284px; height: 403px; top: calc(50% - 403px/2); left: calc(50% - 284px/2); }
    .list-articles .ellipse { width: 38px; height: 38px; }
}

@media (max-width: 634px) {
    .list-articles li { width: 100%; margin-bottom: 200px; }
    .list-articles li:last-child { margin-bottom: 100px; }
    .list-articles .article-title.cloned { -webkit-line-clamp: 2; }
    .list-articles .ellipse { width: 38px; height: 38px; }
}

/* ------------------------------------------------------------ *\
	list-main-points
\* ------------------------------------------------------------ */

.list-main-points { display: flex; justify-content: center; margin: 0 -55px; flex-wrap: wrap; }
.list-main-points li { width: 33.33%; padding: 0 55px; margin-bottom: 20px; }
.list-main-points .main-point-title { text-transform: uppercase; font-family: WorkSans, sans-serif; font-weight: normal; margin-bottom: 30px; }
.list-main-points .main-point-content { font-size: 20px; }

@media (max-width: 1024px) {
	.list-main-points { margin: 0 -25px; }
	.list-main-points li { padding: 0 25px; }
	.list-main-points .main-point-content { font-size: 18px; }
}

@media (max-width: 998px) {
	.list-main-points { margin: 0 -35px; }
	.list-main-points li { width: 50%; padding: 0 35px; margin-bottom: 70px; }
}

@media (max-width: 768px) {
	.list-main-points { margin: 0; }
	.list-main-points li { width: 100%; padding: 0; margin-bottom: 45px; }
	.list-main-points .main-point-title { margin-bottom: 20px; }
	.list-main-points .main-point-content { font-size: 16px; }
}

/* ------------------------------------------------------------ *\
	list-images
\* ------------------------------------------------------------ */

.list-images { display: flex; justify-content: center; flex-wrap: wrap; margin: 0 -44px; }
.list-images li { width: 50%;  padding: 0 44px; margin-bottom: 20px; } 
.list-images .image { width: 100%; padding-bottom: 125%; } 
.list-images .video { position: relative; padding-bottom: 125%; overflow: hidden; max-width: 100%; height: auto; } 
.list-images iframe { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; }
.list-images.margin_bottom li { margin-bottom: 88px; }
.list-images.margin_bottom li:last-child,
.list-images.margin_bottom li:nth-last-of-type(2) { margin-bottom: 0; }

@media (max-width: 1366px) {
    .list-images { margin: 0 -25px; }
    .list-images li { padding: 0 25px; }
    .list-images.margin_bottom li { margin-bottom: 50px; }
    
}

@media (max-width: 1200px) {
	.list-images { margin: 0 -20px; }
	.list-images li { padding: 0 20px; }
    .list-images.margin_bottom li { margin-bottom: 40px; }
}

@media (max-width: 998px) {
	.list-images { margin: 0 -10px; }
	.list-images li { padding: 0 10px; }
}

@media (max-width: 568px) {
	.list-images { margin: 0; }
	.list-images li { width: 100%; padding: 0; }
	.list-images li:last-child { margin-bottom: 0; }
}

/* ------------------------------------------------------------ *\
    list-opposing-images
\* ------------------------------------------------------------ */

.list-opposing-images { margin: 0 -44px; }
.list-opposing-images li { width: 50%; margin-bottom: 20px; padding: 0 44px; }
.list-opposing-images li.right { margin-left: auto; }
.list-opposing-images .image { width: 100%; padding-bottom: 125%; }
.list-opposing-images .video { position: relative; padding-bottom: 125%; overflow: hidden; max-width: 100%; height: auto; } 
.list-opposing-images iframe { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; } 
.list-opposing-images.margin_bottom li { margin-bottom: 88px; }
.list-opposing-images.margin_bottom li:last-child { margin-bottom: 0; }

@media (max-width: 1366px) {
    .list-opposing-images { margin: 0 -25px; }
    .list-opposing-images li { padding: 0 25px; }
    .list-opposing-images.margin_bottom li { margin-bottom: 50px; }    
}

@media (max-width: 1200px) {
    .list-opposing-images { margin: 0 -20px; }
    .list-opposing-images li { padding: 0 20px; }
    .list-opposing-images.margin_bottom li { margin-bottom: 40px; }
}

@media (max-width: 998px) {
    .list-opposing-images { margin: 0 -10px; }
    .list-opposing-images li { padding: 0 10px; }
}

@media (max-width: 568px) {
    .list-opposing-images { margin: 0; }
    .list-opposing-images li { width: 100%; padding: 0; }
    .list-opposing-images li:last-child { margin-bottom: 0; }
}

/* ------------------------------------------------------------ *\
    list-filters
\* ------------------------------------------------------------ */

.list-filters { color: #fff; text-transform: uppercase; position: relative; z-index: 25; font-weight: 400!important; }
.list-filters.desktop { opacity: 0; transition: all 0.5s ease-out; }
.list-filters.desktop.show { opacity: 1; }
.list-filters li.active .circle { visibility: hidden; opacity: 0; }
.list-filters.cloned li { color: transparent; }
.list-filters.cloned li.active .circle { color: #BA93FB; visibility: visible; opacity: 1; }
.list-filters a { text-decoration: none; }

.list-filters.desktop li { position: fixed; writing-mode: vertical-lr; right: 25px; display: inline-block; z-index: 30; }
.list-filters.desktop li:first-child { top: 30px; }
.list-filters.desktop li:nth-child(2) { top: calc(50% - 15px); transform: translateY(-50%); }
.list-filters.desktop li:nth-child(3) { bottom: 30px; }

.list-filters.mobile { display: flex; justify-content: space-between; }

@media(max-width: 1024px) {
    .list-filters.desktop { display: none; }
    .list-filters.cloned.mobile { position: absolute; top: 0; bottom: 0; left: 40px; right: 40px; }
}

/* ------------------------------------------------------------ *\
    list-paragraphs
\* ------------------------------------------------------------ */

.list-paragraphs > li { margin-bottom: 150px; }
.list-paragraphs > li:last-child { margin-bottom: 0; }
.list-paragraphs .paragraph-title { text-transform: uppercase; font-style: normal; padding-bottom: 20px; font-family: 'WorkSans', sans-serif; }
.list-paragraphs .paragraph-content p,
.list-paragraphs .paragraph-content > ul li,
.list-paragraphs .paragraph-content > ol li { margin-bottom: 30px; }
.list-paragraphs .paragraph-content p:last-child,
.list-paragraphs .paragraph-content > ul:last-child li:last-child,
.list-paragraphs .paragraph-content > ol:last-child li:last-child { margin-bottom: 0; }
.list-paragraphs .paragraph-content > ul { list-style-type: disc; padding-left: 20px; }
.list-paragraphs .paragraph-content > ol { list-style-type: decimal; padding-left: 20px; }
.list-paragraphs .paragraph-content > ul > ul { list-style-type: circle; }

@media (max-width: 1366px) {
    .list-paragraphs > li { margin-bottom: 120px; }
}

@media (max-width: 1024px) {
    .list-paragraphs > li { margin-bottom: 100px; }
}

@media (max-width: 768px) {
    .list-paragraphs > li { margin-bottom: 80px; }
    .list-paragraphs .paragraph-content p,
    .list-paragraphs .paragraph-content > ul li,
    .list-paragraphs .paragraph-content > ol li { margin-bottom: 20px; }
}

@media (max-width: 568px) {
    .list-paragraphs > li { margin-bottom: 60px; }    
}

/* ------------------------------------------------------------ *\
	Logo
\* ------------------------------------------------------------ */


/* ------------------------------------------------------------ *\
	Nav
\* ------------------------------------------------------------ */

.nav { width: 100%; font-family: 'WorkSans', sans-serif; font-size: 60px; text-transform: uppercase; font-weight: 300; }
.nav ul { padding: 0 20px 0 60px; }
.nav li { margin-bottom: 20px; }
.nav li a { padding: 0 40px; position: relative; transition: all .4s; }
.nav li a:hover:before { visibility: visible; opacity: 1; }
.nav li a:hover:after { visibility: visible; opacity: 1; }
.nav li.current_page_item a { font-weight: normal; }
.nav li a:after { content: ""; background-image: url(../images/svg/title_vector_right.svg); background-position: center; background-size: contain; background-repeat: no-repeat; position: absolute; height: 32px; width: 14px; right: 0; top: calc(50% - 16px); transition: all .4s; } 
.nav li a:before { opacity: 0; visibility: hidden; content: ""; background-image: url(../images/svg/title_vector_left.svg); background-position: center; background-size: contain; background-repeat: no-repeat; position: absolute; height: 32px; width: 14px; left: 0; top: calc(50% - 16px); transition: all .4s; } 
.nav li a:after { visibility: hidden; opacity: 0; }
.nav li a:before { visibility: hidden; opacity: 0; }
/*.nav li.current_page_item a:after { visibility: visible; opacity: 1; }*/
/*.nav li.current_page_item a:before { visibility: visible; opacity: 1; }*/


.nav a { text-decoration: none; }

@media (max-width: 1366px) {
	.nav { font-size: 48px; }
	.nav li a:after { height: 28px; top: calc(50% - 14px); }
	.nav li a:before { height: 28px; top: calc(50% - 14px); }
}

@media (max-width: 1024px) {
	.nav { font-size: 36px; }
	.nav ul { padding: 0 20px 0 40px; }
	.nav li a:after { height: 24px; top: calc(50% - 12px); }
	.nav li a:before { height: 24px; top: calc(50% - 12px); }
}

@media (max-width: 768px) {
	.nav { font-size: 24px; font-weight: normal; }
	.nav ul { padding: 0 20px; }
	.nav li a:after { height: 20px; top: calc(50% - 10px); }
	.nav li a:before { height: 20px; top: calc(50% - 10px); }
}

@media (max-width: 568px) {
	.nav { font-size: 20px; font-weight: normal; }
	.nav ul { padding: 0; }
}
/* ------------------------------------------------------------ *\
	Navigation
\* ------------------------------------------------------------ */

.navigation { position: fixed; top: 0; right: 0; left: -100%; width: 100%; height: 100vh; background: linear-gradient(90deg, #FFFFFF 27.78%, rgba(255, 255, 255, 0) 98.4%);
 text-transform: uppercase; z-index: 30; font-weight: 400; }
.navigation { transition: all .4s; }
.navigation.active { left: 0; }
.navigation-inner { overflow: auto; height: 100%; display: flex; align-items: center; height: 100vh; }
.navigation-inner::-webkit-scrollbar { width: 0; }
.navigation-inner {  height: 100vh; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; justify-content: space-between; }
.navigation .nav-head { position: fixed; }

.navigation .close { padding: 30px; cursor: pointer; }
.nav-head.desktop .close { -ms-writing-mode: tb-rl; writing-mode: tb-rl; transform: rotate(180deg); }
.nav-head.mobile .close { display: none; padding: 30px; }

@media (max-width: 1024px) {
	.nav-head.desktop .close { display: none; }
	.nav-head.mobile .close { display: block; }
}

@media (max-width: 998px) {
	.navigation { background: linear-gradient(90deg, #FFFFFF 45%, rgba(255, 255, 255, 0) 150%); }
}


@media (max-width: 768px) {
	.navigation { background: linear-gradient(90deg, #FFFFFF 55%, rgba(255, 255, 255, 0) 200%); }
}

@media (max-width: 568px) {
	.navigation .close { padding: 10px; }
}

@media (max-width: 375px) {
	.navigation { background: white; }
}
/* ------------------------------------------------------------ *\
	quotes
\* ------------------------------------------------------------ */

.quotes .content { font-family: 'Migra', serif; font-size: 50px; font-weight: 300; font-style: italic; }
.quotes .info.quotes_info { padding-top: 30px; }
.quotes .info.quotes_info p { text-transform: uppercase; }

@media (max-width: 1200px) {
	.quotes .content { font-size: 40px; }
}

@media (max-width: 998px) {
	.quotes .content { font-size: 36px; }
}

@media (max-width: 768px) {
	.quotes .content { font-size: 32px; }
    .quotes .info.quotes_info { padding-top: 20px; }
}

@media (max-width: 568px) {
	.quotes .content { font-size: 24px; }
}

@media (max-width: 375px) {
	.quotes .content { font-size: 20px; }
}



/*------------------------------------------------------------ *\
	Section 
\* ------------------------------------------------------------ */

section { background-color: #fff; }

.section-title { line-height: 1.5; }

/*------------------------------------------------------------ *\
    Section-statement
\* ------------------------------------------------------------ */

.section-statement { font-size: 100px; font-family: "Migra", serif; }

@media(max-width: 1366px) {
  .section-statement { font-size: 72px; }
}

@media(max-width: 1024px) {
  .section-statement { font-size: 68px; padding: 80px 0 20px; }
}

@media(max-width: 768px) {
  .section-statement { font-size: 60px; }
}

@media(max-width: 568px) {
  .section-statement { font-size: 40px; }
}
/* ------------------------------------------------------------ *\
	section-hero 
\* ------------------------------------------------------------ */

.section-hero { height: 100vh; width: 100%; position: relative; z-index: 20; } 
.section-hero .section-img-container { width: 100vw; height: 200vh; overflow: hidden; background: rgb(0,0,0);
background: linear-gradient(180deg, rgba(0,0,0,1) 25%, rgba(255,255,255,1) 65%), rgba(255,255,255,0) 5%; }
.section-hero .section-image { width: 100%; height: 100%; }

.section-hero .section-head { position: absolute; top: 0; bottom: 0; left: 0; right: 0; text-align: center; display: flex; justify-content: center; }

.section-hero .logo { width: 384px; height: auto; display: block; margin: auto; /*animation: zoom-move 15s linear*/ /*infinite*/ transition: all .4s; }
/*.section-hero .logo.fade-in { zoom: 150%; }*/
.section-hero .logo img { width: 100%; height: auto; }
.section-hero .logo svg { width: 384px; height: 168px; -webkit-transform: translate3d(0,0,0); filter: none; -webkit-filter: blur(0px); -moz-filter: blur(0px); -ms-filter: blur(0px); }
.section-hero .logo svg path { fill: #fff; }
/*.section-hero .logo.zoom { zoom: 150%; }*/

.section-hero .section-body { position: absolute; bottom: -100vh; height: 100vh; left: 0; right: 0; display: flex; justify-content: center; color: #fff; padding-top: 20px; padding-right: 120px; }
.section-hero .statement { /*max-width: 1030px;*/ text-align: left; }
.section-hero .section-head .statement p { margin-bottom: 60px; }
.section-hero .section-head .statement p:last-child { margin-bottom: 0; }
.section-hero .bubbles { position: absolute; top: 0; right: 0; left: 0; bottom: 0; height: 100vh; }
.section-hero .bubbles .shell { position: relative; height: 100vh; }
.section-hero .purple-bubble { position: absolute; opacity: 0; }
.section-hero .green-bubble { position: absolute; opacity: 0; }


@media (max-width: 1366px) {
  .section-hero .purple-bubble svg { width: 300px; height: 295px; }
  .section-hero .green-bubble svg { width: 250px; height: 245px; }
}

@media (max-width: 1024px) {
    .section-hero .section-body { padding-top: 60px; padding-right: 0; }
    .section-hero .purple-bubble svg { width: 280px; height: 280px; }
    .section-hero .green-bubble { left: 0; }
    .section-hero .green-bubble svg { width: 170px; height: 165px; }
}

@media (max-width: 640px) {
    .section-hero .statement p { margin-bottom: 40px; }
}

@media (max-width: 568px) {
  .section-hero .logo { width: 200px; }
  .section-hero .logo svg { width: 200px; height: 87.5px; }
}


/* ------------------------------------------------------------ *\
	section-subscribe 
\* ------------------------------------------------------------ */

.section-subscribe { padding: 80px 0 31px; position: relative; z-index: 20; }
.section-subscribe .form-subscribe { margin-bottom: 30px; }
.section-subscribe .privacy-policy { color: #fff; text-align: right; font-size: 20px; }
.section-subscribe .privacy-policy a { text-decoration: none; position: relative; transition: all .5s; }
.section-subscribe .privacy-policy a:hover { color: #BA93FB; }
.section-subscribe .privacy-policy a:before { content: ""; position: absolute; top: 100%; width: 100%; height: 1px; background-color: #fff; margin-top: -3px; transition: all .5s; }
.section-subscribe .privacy-policy a:hover:before { background-color: #BA93FB; }

@media (max-width: 768px) {
  .section-subscribe { padding: 60px 0 30px; }
  .section-subscribe .privacy-policy { font-size: 14px; }
}


/* ------------------------------------------------------------ *\
	section-contacts
\* ------------------------------------------------------------ */

.section-contacts { padding-bottom: 80px; }

@media (max-width: 768px) {
    .section-contacts:first-child { padding-top: 40px; }
}

/* ------------------------------------------------------------ *\
	section-projects
\* ------------------------------------------------------------ */

.section-projects { padding-top: 40px; padding-bottom: 88px; background-color: #ddd; }
.section-projects .section-head { max-width: 860px; width: 100%; margin-bottom: 120px; }
.section-projects .project-owner,
.section-projects .project-name { font-family: "WorkSans", sans-serif; font-weight: 400; }

@media (max-width: 1366px) {
   .section-projects .section-head { margin-bottom: 100px; }
}

@media (max-width: 1024px) {
   .section-projects .section-head { margin-bottom: 80px; }
}

@media (max-width: 998px) {
   .section-projects .section-head { margin-bottom: 70px; }
}

@media (max-width: 768px) {
   .section-projects { padding-bottom: 60px; }
   .section-projects .section-head { margin-bottom: 60px; }
}

@media (max-width: 568px) {
  .section-projects { padding-bottom: 45px; }
   .section-projects .section-head { margin-bottom: 40px; }
}

/* ------------------------------------------------------------ *\
	section-work-together
\* ------------------------------------------------------------ */

.section-work-together { color: #fff; padding: 80px 0 60px; position: relative; }
.section-work-together > a { position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
.section-work-together .section-head { margin-bottom: 50px; }
.section-work-together .hover-element { position: absolute; top: 100%; left: 50%; transform: translateX(-50%); transition: all .4s; } 
.section-work-together svg { width: 441px; height: 432px; }
.section-work-together:hover .hover-element { margin-top: -216px; }

@media (max-width: 1024px) { 
  .section-work-together { padding: 60px 0 40px; }
}

@media (max-width: 768px) { 
  .section-work-together { padding: 50px 0 30px; }
}

/* ------------------------------------------------------------ *\
	section-clients
\* ------------------------------------------------------------ */

.section-clients { background-color: #DDDDDD; padding: 240px 0 300px; }
.section-clients .section-head { /*font-family: 'WorkSans', sans-serif; text-transform: uppercase; font-size: 48px;*/ margin-bottom: 73px; }

@media (max-width: 1366px ) {
  .section-clients { padding: 160px 0 200px; }
}

@media (max-width: 1024px ) {
  .section-clients { padding: 120px 0 150px; }
  .section-clients .section-head { margin-bottom: 50px; }
}

@media (max-width: 768px ) {
  .section-clients { padding: 80px 0 100px; }
  .section-clients .section-head { margin-bottom: 30px; }
}

/* ------------------------------------------------------------ *\
	section-team
\* ------------------------------------------------------------ */

.section-team { color: #fff; padding: 130px 0 190px; }
.section-team .section-head { margin-bottom: 60px; }
.section-team .section-title { font-weight: 800; }
.section-team .content { display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 60px; }
.section-team .section-body .statement { max-width: 550px; width: 100%; margin-right: 25px; }
.section-team .tabs-nav { width: 32%; }
.section-team .list-team-members { margin-bottom: 120px; }
.section-team .slogan svg { width: 100%; height: auto; }
.section-team .bubble { visibility: hidden; opacity: 0; }
.section-team .slogan-text { display: none; }


@media (max-width: 1366px) {
  .section-team { color: #fff; padding: 120px 0 190px; }
  .section-team .list-team-members { margin-bottom: 100px; }
}

@media (max-width: 1024px) {
  .section-team { color: #fff; padding: 100px 0 160px; }
  .section-team .section-head { margin-bottom: 50px; }
  .section-team .list-team-members { margin-bottom: 80px; }
}

@media (max-width: 998px) {
  .section-team .section-head { margin-bottom: 40px; }
  .section-team .content { display: block; }
  .section-team .statement { max-width: 100%; margin-bottom: 40px; }
  .section-team .tabs-nav { width: 100%; }
  .section-team .list-team-members { margin-bottom: 20px; }
}

@media (max-width: 768px) {
  .section-team { color: #fff; padding: 80px 0 60px; }
  .section-team .statement { max-width: 100%; margin-bottom: 30px; }
  .section-team .slogan-text { display: block; padding-top: 20px; }
  .section-team .slogan svg { display: none; }
}

/* ------------------------------------------------------------ *\
	section-vacancies
\* ------------------------------------------------------------ */

.section-vacancies { padding: 120px 0; }
.section-vacancies .section-title { margin-bottom: 30px; font-weight: 800; }
.section-vacancies .section-head { display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 145px; }
.section-vacancies .section-head-content { width: 50%; padding-right: 25px; font-size: 30px; }
.section-vacancies .section-head-aside { width: 50%; padding-top: 20px; padding-right: 100px; font-size: 20px; }
.section-vacancies .section-head-aside p { margin-bottom: 25px; }
.section-vacancies .section-head-aside p:last-child { margin-bottom: 0; }

@media (max-width: 1024px) {
    .section-vacancies { padding: 100px 0; }
    .section-vacancies .section-head-aside { padding-right: 0px; }
    .section-vacancies .section-head-content { font-size: 24px; }
}

@media (max-width: 768px) {
    .section-vacancies { padding: 80px 0 60px; }
    .section-vacancies .section-head { display: block; margin-bottom: 50px; }
    .section-vacancies .section-title { margin-bottom: 20px; }
    .section-vacancies .section-head-content { width: 100%; padding-right: 0; margin-bottom: 25px;  }
    .section-vacancies .section-head-aside { width: 100%; font-size: 18px; }
    .section-vacancies .section-head-aside p { margin-bottom: 20px; }
}

@media (max-width: 568px) {
    .section-vacancies { padding: 60px 0 40px; }
    .section-vacancies .section-head-aside { font-size: 16px; }
    .section-vacancies .section-body { font-size: 18px; }
}

/* ------------------------------------------------------------ *\
	section-sliders
\* ------------------------------------------------------------ */

.section-sliders { padding: 270px 0; }
.section-sliders .section-content { display: flex; flex-wrap: wrap; }
.section-sliders .slider-container { width: 50%; text-align: center; }

@media (max-width: 1366px) {
  .section-sliders { padding: 200px 0; }
}

@media (max-width: 1024px) {
  .section-sliders { padding: 120px 0; }
  .section-sliders .section-content { display: block; }
  .section-sliders .slider-container { width: 100%; margin-bottom: 150px; }
  .section-sliders .slider-container:last-child { margin-bottom: 0; }
}

@media (max-width: 768px) {
  .section-sliders { padding: 100px 0; }
  .section-sliders .slider-container { margin-bottom: 120px; }
  .section-sliders .slider-container:last-child { margin-bottom: 0; }
}

@media (max-width: 568px) {
  .section-sliders { padding: 80px 0; }
  .section-sliders .slider-container { margin-bottom: 80px; }
  .section-sliders .slider-container:last-child { margin-bottom: 0; }
}

/* ------------------------------------------------------------ *\
	section-articles
\* ------------------------------------------------------------ */

.section-articles { padding-bottom: 281px; opacity: 1; position: relative; z-index: 5;}
.section-articles .section-head { max-width: 860px; width: 100%; margin-bottom: 120px; padding-top: 36px; }
.section-articles .list-articles { margin-bottom: 100px; }
.section-article + .section-articles .list-articles { margin-bottom: 135px; }

@media (max-width: 1366px) {
    .section-articles { padding-bottom: 242px; } 
}

@media (max-width: 1024px) {
  .section-articles { padding-bottom: 80px; }
  .section-articles .list-articles { margin-bottom: 80px; }
  .section-article + .section-articles .list-articles { margin-bottom: 115px; }
}

@media (max-width: 998px) {
  .section-articles { padding-bottom: 60px; }
  .section-articles .list-articles { margin-bottom: 60px; }
  .section-article + .section-articles .list-articles { margin-bottom: 95px; }
}
/* ------------------------------------------------------------ *\
	section-project-preview
\* ------------------------------------------------------------ */

.section-project-preview { background-color: #fff; position: relative; padding-bottom: 144px; }
.section-project-preview .project { position: relative; justify-content: flex-start; }
.section-project-preview .project-info { position: absolute; text-align: center; width: 100%; top: 50%; transform: translateY(-50%); mix-blend-mode: difference; color: #fff; z-index: 4; }
.section-project-preview .project-info.cloned { mix-blend-mode: normal; z-index: 10; }
.section-project-preview .client-name { max-width: 700px; width: 100%; margin: 0 auto; }
.section-project-preview .project-title  { max-width: 520px; width: 100%; margin: 0 auto; }
.section-project-preview .project-info.cloned .project-title  { visibility: hidden; opacity: 0; }
.section-project-preview .project-info .client-name span { mix-blend-mode: difference; color: #fff; }
.section-project-preview .project-info.cloned .client-name span { visibility: hidden; opacity: 0; }
.section-project-preview .project-info.cloned .client-name svg { width: 14px; height: 32px; }
.section-project-preview .project-info.cloned .client-name svg path { fill: #BA93FB; }
.section-project-preview .client-name  { margin-bottom: 15px; }
.section-project-preview .client-name svg path { fill: transparent; mix-blend-mode: normal; }
.section-project-preview .client-name.main_title span:after { mix-blend-mode: difference; color: #fff; }
.section-project-preview .project-image { width: 50%; padding-bottom: 69%; margin-left: auto; position: relative; z-index: 3; filter: grayscale(); }
.section-project-preview .project-image:after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: linear-gradient(90deg, #DDDDDD 0%, rgba(221, 221, 221, 0) 100%); transition: all .5s ease-out; opacity: 1; }
.section-project-preview.overlay-hidden .project-image:after { opacity: 0; }

.section-project-preview .hover-element { pointer-events: none; z-index: -1; position: absolute; top: 0; transition: all .4s; opacity: 0; } 
.section-project-preview.right .hover-element { right: -441px; text-align: right;  } 
.section-project-preview .hover-element svg { width: 441px; height: 432px; }
.section-project-preview .hover-element.show { right: 0; opacity: 1; z-index: 5; }

.section-project-preview.revert .project-image { margin-left: 0; margin-right: auto; }
.section-project-preview.revert .project-image:after { background: linear-gradient(270deg, #DDDDDD 0%, rgba(221, 221, 221, 0) 119.63%); }
.section-project-preview.revert .hover-element { left: -441px; -moz-text-align-last: left; text-align-last: left; }
.section-project-preview.revert .hover-element.show { left: 55px; opacity: 1; z-index: 5; }


@media (max-width: 1024px) {
    .section-project-preview .project-title { max-width: 480px; }
}

@media (max-width: 1024px) {
    .section-project-preview { padding-bottom: 120px; }
    .section-project-preview .project-image:after { content: none; }
    .section-project-preview .client-name,
    .section-project-preview .project-title { max-width: 600px; }
}

@media (max-width: 998px) {
    .section-project-preview { padding-bottom: 100px; }
    .section-project-preview .project-info .client-name svg { height: 24px; }
    .section-project-preview .project-info.cloned .client-name svg { height: 24px; }
    .section-project-preview .hover-element svg { width: 341px; height: 332px; }
}

@media (max-width: 768px) {
    .section-project-preview { padding-bottom: 80px; }
    .section-project-preview .client-name,
    .section-project-preview .project-title { max-width: 100%; }
    .section-project-preview .project-info .client-name svg { height: 20px; }
    .section-project-preview .project-info.cloned .client-name svg { height: 20px; }
    .section-project-preview .hover-element svg { width: 241px; height: 232px; }
    
}


@media (max-width: 640px) {
    .section-project-preview .project-info .client-name svg { height: 16px; }
    .section-project-preview .project-info.cloned .client-name svg { height: 16px; }
}

@media (max-width: 568px) {
    .section-project-preview { padding-bottom: 60px; }
    .section-project-preview .project-image { width: 100%; padding-bottom: 125%; }
    .section-project-preview .client-name { margin-bottom: 5px; }
    .section-project-preview .hover-element svg { width: 141px; height: 132px; }
    .section-project-preview .project-image { padding-bottom: 75%; }
}

@media (max-width: 440px) {
    .section-project-preview .project-image { width: 100%; padding-bottom: 125%; }
}

@media (max-width: 375px) {
    .section-project-preview .client-name { margin-bottom: 0px; }
    .section-project-preview .project-info .client-name svg { height: 14px; }
    .section-project-preview .project-info.cloned .client-name svg { height: 14px; }
}

/* ------------------------------------------------------------ *\
  section-report
\* ------------------------------------------------------------ */

.section-report { text-align: center; padding-bottom: 144px; }
.section-report.hide-reports { opacity: 0; visibility: hidden; height: 0; padding-bottom: 0; }
.section-report .shell { position: relative; }
.section-report .section-content { padding: 177px 10px 166px; position: relative; }
.section-report .section-content a { position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 10; }
.section-report .section-title { color: #000; margin-bottom: 20px; transition: all .4s; }
.section-report .section-image { opacity: 0; border-radius: 260.5px; position: absolute; width: 100%; top: 0; bottom: 0; left: 0; right: 0; transition: all .4s; filter: grayscale(); }
.section-report .hover-element { position: absolute; }
.section-report:hover .section-image { opacity: 1; /*background-color: #000;*/ }
.section-report .report-title { position: relative; z-index: 5; transition: all .4s; }
.section-report:hover .report-title { color: #fff; }
.section-report:hover .section-title { color: #fff; }
.section-report:hover .main_title span:before { background-image: url(../images/svg/title_vector_left_white.svg); }
.section-report:hover .main_title span:after { background-image: url(../images/svg/title_vector_right_white.svg); }
.section-report .hover-element { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); opacity: 0; transition: all .5s; }
.section-report .hover-element svg { margin: 0 auto; width: 90%; }
.section-report:hover .hover-element { opacity: 1; }

@media (max-width: 1024px) {
  .section-report { padding-bottom: 120px; }
  .section-report .section-content { padding: 120px 10px 110px; }
  .section-report .section-image { opacity: 1; }
  .section-report .report-title { color: #fff; }
  .section-report .section-title { color: #fff; }
  .section-report .main_title span:before { background-image: url(../images/svg/title_vector_left_white.svg); }
  .section-report .main_title span:after { background-image: url(../images/svg/title_vector_right_white.svg); }

}

@media (max-width: 998px) {
  .section-report { padding-bottom: 100px; }
  .section-report .section-content { padding: 95px 10px 80px; }
}

@media (max-width: 768px) {
  .section-report { padding-bottom: 80px; }
  .section-report .section-content { padding: 75px 10px 60px; }
}

@media (max-width: 568px) {
  .section-report { padding-bottom: 60px; }
  .section-report .section-title { margin-bottom: 5px; }
}

@media (max-width: 375px) {
  .section-report .section-content { padding: 55px 5px 40px; }
}

/* ------------------------------------------------------------ *\
  section-about
\* ------------------------------------------------------------ */

.section-about { color: #fff; height: 100vh; width: 100%; position: relative; z-index: 20; }
.section-about .main_title span:before { background-image: url(../images/svg/title_vector_left_white.svg); }
.section-about .main_title span:after { background-image: url(../images/svg/title_vector_right_white.svg); }
.section-about .section-img-container { width: 100vw; height: 200vh; overflow: hidden; background: rgb(0,0,0);
background: linear-gradient(180deg, rgba(0,0,0,1) 25%, rgba(255,255,255,1) 65%), rgba(255,255,255,0) 5%; }
.section-about .section-image { width: 100%; height: 100%; }
.section-about .why { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100vh; display: flex; justify-content: center; }
.section-about .why .title { text-align: center; max-width: 775px; width: 100%; margin: 0 auto; margin-bottom: 60px; }
.section-about .why .text { max-width: 775px; width: 100%; margin: 0 auto; }
.section-about .why .statement { text-align: center; width: 100%; max-width: 775px; margin: 0 auto; }
.section-about .why .list-short-statements { position: relative; margin: 0 auto; margin-bottom: 60px; max-width: 775px; width: 100%; text-align: center; }
.section-about .why .list-short-statements li { visibility: hidden; opacity: 0; position: absolute; top: 0; left: 0; right: 0;  }
.section-about .why .list-short-statements li:first-child { visibility: visible; opacity: 1; height: 100%; position: relative; top: 0; }

.section-about .bubbles { position: absolute; top: 0; right: 0; left: 0; bottom: 0; height: 100vh; }
.section-about .bubbles .shell { position: relative; height: 100vh; }
.section-about .purple-bubble { position: absolute; opacity: 0; }
.section-about .green-bubble { position: absolute; opacity: 0; }
.section-about .white-bubble { position: absolute; opacity: 0; }
.section-about .green-bubble svg { width: 350px; height: 343px; }
.section-about .white-bubble svg { width: 300px; height: 294px; }


@media (max-width: 1366px) {
  .section-about .purple-bubble svg { width: 300px; height: 294px; }
  .section-about .green-bubble svg { width: 250px; height: 245px; }
  .section-about .white-bubble svg { width: 200px; height: 195px; }
}

@media (max-width: 1200px) {
  .section-about .purple-bubble svg { width: 250px; height: 245px; }
  .section-about .green-bubble svg { width: 200px; height: 195px; }
  .section-about .white-bubble svg { width: 150px; height: 145px; }
}

@media (max-width: 1024px) {
  .section-about .section-head { padding-right: 50px; }
}

@media (max-width: 998px) {
  .section-about .section-head { padding-right: 0; }
}

@media (max-width: 640px) {
  .section-about .why .title { margin-bottom: 40px; }
  .section-about .why .list-short-statements { margin-bottom: 40px; }

  .section-about .purple-bubble svg { width: 150px; height: 145px; }
  .section-about .green-bubble svg { width: 100px; height: 95px; }
  .section-about .white-bubble svg { width: 100px; height: 95px; }
}

/* ------------------------------------------------------------ *\
    section-calendar
\* ------------------------------------------------------------ */

.section-calendar { width: 100vw; min-height: 100vh; position: relative; padding: 70px 0 40px; }
.section-calendar .section-head { color: #fff; position: relative; max-width: 575px; }
.section-calendar .background-image { position: absolute; width: 100%; top: 0; right: 0; left: 0; bottom: 0; background-size: cover; background-repeat: no-repeat; background-position: center; position: absolute; }
.section-calendar .calendly-wrapper { opacity: 0.6; }


/* ------------------------------------------------------------ *\
    section-single-idea
\* ------------------------------------------------------------ */

.section-single-idea {  }

@media (max-width: 1024px) {
    .section-single-idea { padding-top: 80px; }
}

/* ------------------------------------------------------------ *\
    section-services
\* ------------------------------------------------------------ */

.section-services { padding: 240px 0 300px; }
.section-services .section-head { margin-bottom: 60px; }

@media (max-width: 1366px ) {
  .section-services { padding: 160px 0 200px; }
}

@media (max-width: 1024px ) {
  .section-services { padding: 120px 0 150px; }
  .section-services .section-head { margin-bottom: 50px; }
}

@media (max-width: 768px ) {
  .section-services { padding: 80px 0 100px; }
  .section-services .section-head { margin-bottom: 30px; }
}

@media (max-width: 568px) {
   .section-services .section-head { margin-bottom: 40px; } 
}

/* ------------------------------------------------------------ *\
    section-single-case-study
\* ------------------------------------------------------------ */

.section-single-case-study,
.section-single-case-study article { background-color: #ddd; }

/* ------------------------------------------------------------ *\
    section-text
\* ------------------------------------------------------------ */

.section-text { padding: 36px 0 261px; }
.section-text .section-title { padding-bottom: 115px; }
.section-text .section-body { padding: 0 170px; }

@media (max-width: 1366px) {
    .section-text { padding: 36px 0 180px; }
    .section-text .section-body { padding: 0 130px; }
}

@media (max-width: 1200px) {
    .section-text { padding: 80px 0 150px; }
}

@media (max-width: 1024px) {
    .section-text { padding: 80px 0 120px; }
    .section-text .section-body { padding: 0 80px; }
}

@media (max-width: 768px) {
    .section-text { padding: 80px 0; }
    .section-text .section-body { padding: 0 40px; }
}

@media (max-width: 568px) {
    .section-text .section-body { padding: 0 20px; }
}

@media (max-width: 375px) {
    .section-text .section-body { padding: 0; }
}

/* ------------------------------------------------------------ *\
    section-image
\* ------------------------------------------------------------ */

.section-image { margin-bottom: 100px; }
.section-image .image { width: 100%; padding-bottom: 50%; }

@media (max-width: 768px) {
    .section-image { margin-bottom: 60px; }
}

/* ------------------------------------------------------------ *\
    section-cover-image
\* ------------------------------------------------------------ */

.section-cover-image { margin-bottom: 100px; }
.section-cover-image .image { width: 100%; padding-bottom: 50%; filter: grayscale(100%); }

@media (max-width: 1024px) {
    .section-cover-image { margin-bottom: 80px; }
}

@media (max-width: 768px) {
    .section-cover-image { margin-bottom: 60px; }
}

/* ------------------------------------------------------------ *\
    section-office
\* ------------------------------------------------------------ */

.section-office { margin-bottom: 100px;  }
.section-office .section-head { margin-bottom: 100px; text-align: center; position: relative; }
.section-office .section-title { position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: 40px 50px; text-align: center; display: flex; justify-content: center; align-items: center; color: #BA93FB; } 
.section-office .content { max-width: 775px; width: 100%; margin: 0 auto; }
.section-office .section-image { width: 100%; padding-bottom: 100vh; filter: grayscale(100%); background-color: #000; }
.section-office .office-address { font-weight: 600; margin-bottom: 60px; }
.section-office .office-info { margin-bottom: 60px; }
.section-office .phone-container { margin-bottom: 20px; }
.section-office p { margin-bottom: 30px; }
.section-office p:last-child { margin-bottom: 0; }
.section-office a { text-decoration: none; transition: all .4s; cursor: pointer; }
.section-office a:hover { color: #BA93FB; }
.section-office .label { font-weight: 600; }

@media (max-width: 1024px) {
    .section-office .section-head { margin-bottom: 80px; }
}

@media (max-width: 768px) {
    .section-office { margin-bottom: 60px; }
    .section-office .section-head { margin-bottom: 30px; }
    .section-office .section-title { padding: 20px; }
    .section-office .office-address { margin-bottom: 35px; }
    .section-office .office-info { margin-bottom: 35px; }
    .section-office p { margin-bottom: 20px; }
}

/* ------------------------------------------------------------ *\
    section-404
\* ------------------------------------------------------------ */

.section-404 { text-align: center; margin: auto; padding: 200px 0; }
.section-404 .section-head { margin-bottom: 40px; }

/* ------------------------------------------------------------ *\
	Slider
\* ------------------------------------------------------------ */

.slider .slider-head { margin-bottom: 48px; font-weight: normal; }
.slider .slide { padding: 90px 100px 60px; position: relative; }
.slider .slide > a { position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
.slider .slide-title { font-family: 'Migra', serif; font-style: italic; margin-bottom: 60px; }
.slider.slider-press .slide-title a { color: #000; background: transparent linear-gradient(90deg, #000, #000) no-repeat 0 83%; background-size: 100% 1px; text-decoration: none; }
.slider.slider-press .slide-content a { color: #000; background: transparent linear-gradient(90deg, #000, #000) no-repeat 0 93%; background-size: 100% 1px; text-decoration: none; }
.slider.slider-press .slide-content a {  color: #000; position: relative; }

@media (max-width: 1024px) {
	.slider .slider-head { margin-bottom: 35px; }
	.slider .slide-title { margin-bottom: 40px; }
	.slider .slide { padding: 60px 100px 80px; }	
}

@media (max-width: 768px) {
	.slider .main_title span:before { height: 20px; top: calc(50% - 10px); }
	.slider .main_title span:after { height: 20px; top: calc(50% - 10px); }	
	.slider .slide { padding: 40px 80px 80px; }
}

@media (max-width: 568px) {
	.slider .main_title { font-size: 24px; }
	.slider .main_title span:before { height: 20px; top: calc(50% - 10px); }
	.slider .main_title span:after { height: 20px; top: calc(50% - 10px); }	
	.slider .slide { padding: 40px 20px 80px; }
}

@media (max-width: 375px) {
	.slider .slide { padding: 20px 0px 60px; }
}
/* ------------------------------------------------------------ *\
	Slick-dots
\* ------------------------------------------------------------ */

.slick-dots { position: absolute; bottom: 0; list-style: none; display: block; text-align: center; padding: 0; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; }
.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; }
.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before { background-color: #BA93FB; border: 1px solid #BA93FB; }
.slick-dots li button:before { position: absolute; top: 0; left: calc(50% - 10.5px); content: ""; width: 21px; height: 21px; border-radius: 50%; background-color: #fff; opacity: 1; border: 1px solid #000000;transition: all .4s; } 
.slick-dots li.slick-active button:before { background-color: #BA93FB; border: 1px solid #BA93FB; }

/* ------------------------------------------------------------ *\
	subscribe 
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
    tabs
\* ------------------------------------------------------------ */

.tabs-head a { text-decoration: none; text-transform: uppercase; position: relative; }
.tabs-head span { transition: all .5s; }
.tabs-head span.active-circle { position: absolute; top: 0; bottom: 0; left: 0; opacity: 0; z-index: 5; color: #BA93FB; }
.tabs-head li.active span { opacity: 0; }
.tabs-head li.active span.active-circle { opacity: 1; }

.tabs-body { position: relative; }
.tabs-body .tab { position: absolute; top: 0; left: 0; width: 100%; opacity: 0; visibility: hidden; -webkit-transition: all .3s; transition: all .3s; }
.tabs-body .tab.active { position: relative; opacity: 1; visibility: visible; }

/* ------------------------------------------------------------ *\
    tabs-services
\* ------------------------------------------------------------ */

.tabs-services { display: flex; justify-content: space-between; flex-wrap: wrap; }
.tabs-services .tabs-head { width: 25%; }
.tabs-services .tabs-body { width: 71%; }


@media (max-width: 1024px) {
    .tabs-services .tabs { display: block; } 
    .tabs-services .tabs-body { width: 65%; }
}

@media (max-width: 768px) {
    .tabs-services .tabs-head { width: 35%; }
    .tabs-services .tabs-body { width: 60%; }
}

@media (max-width: 568px) {
    .tabs-services .tabs-head { width: 100%; margin-bottom: 35px; }
    .tabs-services .tabs-body { width: 100%; }
}

/* ------------------------------------------------------------ *\
    tabs-services
\* ------------------------------------------------------------ */

.tabs-team-members .tabs-head { display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 60px; }

/* ------------------------------------------------------------ *\
    video
\* ------------------------------------------------------------ */

.video-container { position: relative; padding-bottom: 80vh; overflow: hidden; max-width: 100%; height: auto; }

.video-container iframe,
.video-container object,
.video-container embed,
.video-container video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

@media (max-width: 1024px) {
    .video-container { padding-bottom: 50%; }
}

.player { height: 100%!important; }

/* ------------------------------------------------------------ *\
    parallax
\* ------------------------------------------------------------ */
/*.pin-spacer + section { position: relative; opacity: 0; z-index: 20; }*/
.pin-spacer + section { position: relative; opacity: 0; }
.pin-spacer { z-index: 23; }
div.pin-spacer:first-of-type { z-index: 24; }


/* ------------------------------------------------------------ *\
    section-service-hero
\* ------------------------------------------------------------ */

.section-service-hero { height: 100vh; background: #000; color: #fff; position: relative;  }
.section-service-hero-image { position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; filter: grayscale(100%); background-size: cover; background-position: center; }

.service-hero-logo { position: fixed; top: calc(50vh - 75px); left: 50%; margin-left: -150px; }
.service-hero-logo .icon { width: 300px; height: 130px; display: inline-block; position: relative; }
.service-hero-logo .icon .icon-before { position: absolute; top: -250px; left: -250px; right: -250px; bottom: -250px; transition: all .3s; 
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ba93fb+0,ba93fb+100&1+0,0+69 */
    background: -moz-radial-gradient(center, ellipse cover,  rgba(186,147,251,1) 0%, rgba(186,147,251,0) 69%, rgba(186,147,251,0) 100%); 
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(186,147,251,1) 0%,rgba(186,147,251,0) 69%,rgba(186,147,251,0) 100%); 
    background: radial-gradient(ellipse at center,  rgba(186,147,251,1) 0%,rgba(186,147,251,0) 69%,rgba(186,147,251,0) 100%); 
}

.service-hero-logo .icon svg { width: 100%; height: 100%; }
.service-hero-logo.fixed { position: absolute; top: calc(100% - 66px); } 

.section-service-content p { margin-bottom: 40px; }
.section-service-content p:last-child { margin-bottom: 0px; }

.section-service-content { padding: 200px 0 100px; }
.section-service-content .section-head { padding-bottom: 100px; text-align: center; }
.section-service-content .size-full img { width: 100%; height: auto;  } 
.section-service-content .size-full   {display: block;} 

@media (max-width: 767px) {
    .service-hero-logo { margin-left: -100px; }
    .service-hero-logo .icon { width: 200px; }
    .service-hero-logo .icon .icon-before { top: -200px; left: -200px; right: -200px; bottom: -200px;  }

    .section-service-content .section-head { padding-bottom: 50px; }
    .section-service-content { padding: 150px 0 50px; }
}

.section-service-content .shell { max-width: 3000px; }

@media (max-width: 2048px) {
	.section-service-content .shell { max-width: 1600px; }
}

@media (max-width: 1800px) {
	.section-service-content .shell { max-width: 1400px; }
}

@media (max-width: 1500px) {
	.section-service-content .shell { max-width: 1240px; }
} 
@media (max-width: 767px) {
	.section-service-content p { margin-bottom: 20px; }
.section-service-content p:last-child { margin-bottom: 0px; }
}