/* RESET */

html,body, div, span,object,iframe, h1,h2, h3, h4,h5, h6, p,blockquote,pre, abbr,address,cite, code, del,dfn, em, img,ins, kbd, q,samp, small,strong,sub, sup, var, b,i, dl, dt,dd, ol, ul,li, fieldset,form, label, legend, table,caption,tbody, tfoot, thead, tr, th,td, article,aside, canvas, details, figcaption, figure,footer,header,hgroup,menu, nav, section,summary,time,mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}


/* CSS Document */

@font-face {
  font-family: 'Bodoni Moda';
  src: url(fonts/BodoniModa-VariableFont_opsz,wght.ttf);
  /* IE9 Compat Modes */
  src:  url(fonts/BodoniModa-VariableFont_opsz,wght.ttf) format("woff2");
  font-style: normal;
  font-stretch: normal;
  font-weight: 400;
}


html,
body {
  scroll-behavior: smooth;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

a {
text-decoration: none;
color: #7500C0;
}

* {
box-sizing: border-box!important;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transition-timing-function: cubic-bezier(.66,0,.33,1);
-webkit-transition-timing-function: cubic-bezier(.66,0,.33,1);
-moz-transition-timing-function: cubic-bezier(.66,0,.33,1);
animation-timing-function: cubic-bezier(.66,0,.33,1);
-webkit-animation-timing-function: cubic-bezier(.66,0,.33,1);
-moz-animation-timing-function: cubic-bezier(.66,0,.33,1);
}

video {
-webkit-border-radius: 1px;
padding: 0;
margin: 0;
}

body {
font-family: 'Bodoni Moda', Georgia, 'Times New Roman', Times, serif;
font-weight: 400;
font-size: 16px;
line-height: 1.3;
letter-spacing: 0.02em;
padding: 100px 0 0 0;
margin: 0;
text-align: left;
color: #000;
}


footer {
display: flex;
justify-content: space-between;
color:#969696;
background-color: #000;
padding: 10px 20px;
text-align: right;
}

small {
font-size: 0.8125em;
line-height: 1.4;
margin:0;
padding: 8px 0;
display: block;
}

strong {
font-style: normal;
font-weight: 400;
background: #E052AB;
background: radial-gradient(circle farthest-corner at bottom right, #E052AB 0%, #5E5FF1 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

h1, h2, h3, h4, strong {
font-family: 'Bodoni Moda', Georgia, 'Times New Roman', Times, serif;
font-weight: 400;
text-transform:none;
font-style: normal;
}

.stats h1 {
font-size: 10em;
letter-spacing: -.05em;
line-height: 0.85;
}

h1 {
font-size: 5em;
padding: 8px 0;
line-height: 1.075;
letter-spacing: -.03em;
}

h2 {
font-size: 3.125em;
padding: 8px 0;
line-height: 1.0625;
letter-spacing: -.03em;
}

h3 {
font-size: 1.6em;
letter-spacing:0em;
padding: 8px 0;
margin: 0;
line-height: 1.25;
}

strong {
font-size: 1em;
background: #E052AB;
background: radial-gradient(circle farthest-corner at top right, #E052AB 0%, #931CF5 33%, #6B12B9 66%, #5E5FF1 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-weight: 400;
font-style: normal;
letter-spacing: inherit;
line-height: inherit;
}

p {
margin: 0;
padding: 8px 0;
}

section {
display: flex;
margin: 0!important;
padding: 70px 80px;
}

.wrapper {
display: flex;
flex: 1 1 100%;
padding: 30px 40px;
}

.wrapper.flex-2 {
flex: 2 0.5 100%;
}

.wrapper img, .container img {
width: 100%;
height: auto;
}

.container {
display: flex;
padding: 0;
flex: 1 1 100%;
}

.vertical {
flex-direction: column;
}

.vertical .wrapper > h2, .vertical .wrapper > h3 {
max-width: 66vw;
}

.horizontal {
flex-direction: row;
}

.vertical.vert-center-align {
justify-content: center;
align-items: flex-start;
}

.top-align {
align-items: flex-start;
}

button {
text-align: center!important;
background: radial-gradient(circle farthest-corner at top left, #5E5FF1 0%, #931CF5 100%);
padding: 10px 0px 11px;
border-radius: 20px;
color: #fff;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 0.02em;
width: 240px;
height: 40px;
font-size: 1em;
border: none;
text-decoration: none;
margin:45px 0;
-webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0); 
box-shadow: 0 0 0 0 rgba(0,0,0,0);
transition: all .5s;
cursor: pointer;
}

button:hover {
-webkit-box-shadow: 0px 15px 30px -15px rgba(0,0,0,0.75); 
box-shadow: 0px 15px 30px -15px rgba(0,0,0,0.75);
transition: all .5s;
}

nav {
position: fixed;
top: 0;
left: 0px;
background-color: #fff;
width: 100%;
height: 100px;
z-index: 15;
display: flex;
justify-content: space-between;
align-items: center;
align-content: center;
line-height: 1;
font-size: 0.875em;
padding: 0 40px 0 190px;
}


ul {
margin: 0;
padding: 6px 0;
}

nav ul a {
text-decoration: none;
color: #000;
}

nav ul {
display: flex;
list-style: none;
margin: 0;
padding: 0 30px;
justify-content: space-between;
}

nav ul li {
padding: 4px 0;
margin: 0 20px;
border-bottom: 2px #fff solid;
transition: all 0.25s;
}

nav ul li:hover {
border-bottom: 2px #7500C0 solid;
transition: all 0.25s;
}

ol {
padding: 0;
margin:0;
list-style-position: inside;
}

.logo {
position: fixed;
height: 20px;
left: 40px;
top:40px;
z-index: 20;
}

.sidepanel {
width: 50vw;
position: fixed;
height: 100vh;
top: 0;
left: -100vw;
background-color: #0D4877;
color:#fff;
overflow-x: hidden;
transition: 0.5s;
padding: 38px 8.33vw;
z-index: 30;
box-shadow: 0 0 60px -20px rgba(0,0,0,.75);
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
display: flex;	
background-image: url("images/accenture_nav-bg.jpg");
background-position: center;
background-size: cover;
}

.sidepanel a {
text-decoration: none;
transition: 0.25s;
display: block;
color: #fff;
}

.sidepanel a:hover {
color: #f1f1f1;
}

.sidepanel .closebtn {
position: absolute;
top: 26px;
right: 40px;
}

.openbtn {
cursor: pointer;
border: none;
display:flex;
justify-content: space-between;
width: 97px;
z-index: 20;
}

.no-bottom-padding {
padding-bottom: 0!important;
}

.vh100 {
height: calc(100vh - 100px);
justify-content: center;
flex-direction: column;
padding-top: 0;
padding-bottom: 0;
}

.vh50 {
min-height: calc(50vh - 50px);
justify-content: center;
flex-direction: column;
padding-top: 0;
padding-bottom: 0;
}

.vert-align-center {
justify-content: center;
}

.vert-space-lg {
height: 240px;
}

.vert-space-md {
height: 120px;
}

.vert-space-sm {
height: 60px;
}

.wrapper ul li, .container ul li {
padding:0 0 0 5px;
margin:0 0 0 20px;
list-style-image: url("images/accenture-bullet_thin.svg");
}

.wrapper ul, .container ul  {
padding:0;
margin:0;
}

section .wrapper img, section .container img {
border-radius: 10px;
}

.tablet {
position: relative;
}

.tablet video, .tablet img {
box-shadow: 0 30px 40px -20px rgba(0,0,0,.5);
border: 1.625vw solid #000;
width: 100%;
height: auto;
border-radius: 2.25vw!important;
position:relative;
}

.tablet::before {
content: '';
position: absolute;
width: 100%;
height: 100%;
background: linear-gradient(150deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 50%, rgba(255,255,255,0) 50.3%, rgba(255,255,255,0) 100%);
z-index: 10;
top:0;
border-radius: 2vw;
}

.content-carousel .split-text-img {
padding: 0 8.333vw 0 0;
}

.down-arrow {
width: 14px!important;
height: 32px!important;
background-image: url("images/white_arrow_down.svg");
background-repeat: no-repeat;
background-position: center;
position: absolute;
bottom: 40px;
right: 40px!important;
animation-name: down-arrow;
animation-duration: 3s;
animation-timing-function: cubic-bezier(.66,0,.33,1);
animation-iteration-count: infinite;
z-index: 5;
}

@keyframes down-arrow {
  0% {bottom: 80px; opacity: 0;}
  45% {bottom: 40px; opacity: 1;}
  55% {bottom: 40px; opacity: 1;}
  100% {bottom: 80px; opacity: 0;}
}

.about-teams p {
border-bottom: 2px solid #7500C0;
width: 100%;
display: block;
padding-bottom: 12px;
margin-bottom: 10px;
}

.about-teams div img {
display: inline-block;
height: 50px!important;
width: 50px!important;
border-radius: 25px!important;
margin-right: 20px!important;
margin-bottom: 0px!important;
filter: grayscale(100%);
object-fit: cover;
}

.about-teams div p, .about-teams div small {
display: flex;
align-items: center;
}

.flex-center-align {
justify-content:center;
align-items:center;
align-content: center;
text-align: center;
}

#mindsets {
flex-wrap:wrap;
justify-content: space-between;
}

#mindsets .card {
flex: 0 1 calc(50% - 10px);
background-color: #f8f8f8;
border-radius: 10px;
padding: 18px 20px;
margin: 5px 0;
}

.matrix {
display: flex;
justify-content: space-between;
padding: 7px 0 0 0;
margin: 0;
flex-wrap: wrap;
}

.matrix small {
flex: 1 1 50%;
padding: 3px 0;
}

.matrix .high::after {
color: #538234;
content: 'High';
}

.matrix .maintain::after {
color: #FFC000;
content: 'Maintain';
}

.matrix .assistance::after {
color: #ED7D30;
content: 'Assistance';
}

.matrix .improve::after {
color: #AE6BD6;
content: 'Improve';
}

.matrix .autonomous::after {
color:#00B0F0;
content: 'Autonomous';
}

.matrix .low::after {
color:#E62A04;
content: 'Low';
}


#footer img {
height: auto;
width: 300px;
padding: 0 0 17px 0;
}

#footer a {
color:#000;
border-bottom: 2px solid #000;
}

#footer small {
color: #666;
}

#building-blocks .two-column-container div {
flex: 0 1  calc(50% - 20px);
text-align: left;
height: 250px;
}

#building-blocks .two-column-container {
flex:1;
flex-wrap: wrap;
padding:20px 4.1666667vw;
}

#building-blocks .two-column-container .how {
width: 100%;
flex: 3;
text-align: center;
}

#building-blocks .two-column-container .how::before {
width: 100%;
display: block;
content: '';
height: 20px;
border-left: 1px solid #02C3FE;
border-right: 1px solid #02C3FE;
border-bottom: 1px solid #02C3FE;
transform: translateY(-20px);
}

#building-blocks .two-column-container div .how {
display: flex;
align-items: center;
padding-bottom: 20px;
}

#building-blocks img {
height: 40px;
width: auto;
margin-right: 20px;
}

#building-blocks.split-text {
padding: 4.16667vw;
}

.horizontal-scroll {
overflow: auto;
white-space: nowrap;
margin: 0px;
padding: 20px;
display: flex;
align-items: flex-start;
justify-content: flex-start;
align-content: flex-start;
scrollbar-width: none;
-ms-overflow-style: none;
cursor: url("images/horizontal-scroll-cursor.svg"), auto;
}

.journey-phase {
display: flex;
width: 100%;
justify-content: space-between;
}

.journey-img {
display: flex;
width: 100%;
padding:40px 0px;
align-items: center;
}

.journey-img span {
display: block;
width: 100%;
height: 2px;
background-color: #02C3FE;
}

.journey-img img {
width: 120px;
height: 120px;
border-radius: 50%;
border: 2px solid #02C3FE;
}

#meet-donna {
background:linear-gradient(0deg, rgba(0,0,0,.75) 0%, rgba(0,0,0,0) 50%),linear-gradient(90deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 50%), url("images/meet-donna-hero.jpg");
border-radius: 10px;
color: #fff;
background-position: center;
background-size: cover;
align-items: flex-start;
align-content: flex-end;
justify-content: flex-end;
padding: 8px 20px;
flex: 1 0 50vw;
margin-right: 40px;
height: 100%;
margin-top:0;
}

#meet-donna h2 {
color: #fff;
}

.horizontal-scroll > * {
margin-top: 80px;
padding: 0px;
height: auto;
display: flex;
flex-direction: column;
flex: 1 0 33.33vw;
}

.horizontal-scroll div {
white-space: normal;
}

.horizontal-scroll div p {
padding-right: 40px;
}

h2.arrow-btn::after {
content:'';
height: 28px;
background-image: url("images/thick-arrow-black.svg");
background-position: center;
background-repeat: no-repeat;
background-size: contain;
width: 80px;
position: absolute;
transform: translateY(15px) translateX(5px);
transition: all .5s;
}

a:hover h2.arrow-btn::after {
transform: translateY(15px) translateX(25px);
transition: all .5s;
}

.image-bg a {
color:#fff;
}

.image-bg h2 a {
border-bottom: 3px solid #fff;
}

.black-bg h3 a {
border-bottom: 2px solid #fff;
}

.black-bg {
background-color: #000;
color:#fff;
}

.black-bg strong {
background: #DC63B6;
background: radial-gradient(circle farthest-corner at bottom left, #DC63B6 0%, #5D5FFA 50%, #6DCCD9 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.black-bg .tags small, .grey-bg .tags small {
background-color: #5E5FF1;
}

.black-bg ul li, .image-bg ul li {
list-style-image: url("images/accenture-bullet_thin-white.svg");
}

.black-bg a {
color: #fff;
}

.white-bg, .white-bg .accordion {
color: #000;
}

.image-bg p.arrow-btn::after {
content: url("images/accenture-bullet_thin-white.svg");
padding-left: 10px;
}

.grey-bg {
color: #000;
background-color: #f6f6f6;
}

.underline-accordion-button {
width: 100%;
border-bottom: 2px solid #02C3FE;
display: flex;
justify-content: space-between;
align-items:center;
margin-bottom: 15px;
transition: all .25s;
}

.underline-accordion-button p {
padding-right: 30px;
}

.underline-accordion-button:hover img {
transform: translateX(20px);
transition: all .25s;
}

.underline-accordion-button img {
transform: translateX(0);
transition: all .25s;
}

.underline-accordion-button strong, p strong {
font-size: 1em;
}

.bx-wrapper {
width: 100%;
height: calc(100vh - 100px);
display: flex;
justify-content: center;
align-content: center;
align-items: center;
padding: 0;
}

.bx-container {
flex: 1;
height: 100%;
transition: all .5s;
width: 100%;
}

.bx-container:hover {
flex: 1.5;
transition: all .5s;
}

.bx-container h3 {
color:#fff;
}

.bx-container h3, .bx-container h1 {
padding: 0;
margin: 0;
}

.bx-container > div {
width: 100%;
height: 100%;
padding: 20px 0 16px 20px;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
display: flex;
position: relative;
}

.bx-container h1 {
color: #fff;
transform: translateX(-10px);
}

.bx-container:hover .bx-scale {
opacity: 1;
transition: all .5s;
}

.bx-scale {
transition: all .5s;
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
margin-bottom: 20px;
border-left: solid 2px rgba(255,255,255,.25);
opacity: 0;
}

.bx-scale span {
display: inline!important;
}

.bx-scale h4 {
color:rgba(255,255,255,.5);
}

.bx-scale h4::before {
content: '';
width: 20px;
height: 2px;
display:inline-block;
background-color:rgba(255,255,255,.25);
margin-right: 10px;
transform: translateY(-3px);
}

.bx-container p, .bx-container small {
color:#fff;
}

.bx-container .bx-description {
transition: all .5s;
height: 0px;
width: 400px;
overflow: hidden;
opacity: 0;
}

.bx-container:hover .bx-description {
transition: all 1.5s;
height: 200px;
overflow:visible;
opacity: 1;
}

.image-bg .tags small, .bx-description .tags small {
background-color: rgba(255,255,255,.25);
}

.tags small {
color: #fff;
display: inline-block!important;
background-color: #5E5FF1;
border-radius: 20px;
text-transform: capitalize;
margin: 0 4px 2px 0;
padding: 0px 12px 1px 12px;
}

#px {
background: rgb(0,0,0);
background: linear-gradient(0deg, rgba(0,0,0,.75) 0%, rgba(0,0,0,0) 100%),linear-gradient(90deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%),url("images/bx_10-feet.jpg");
background-position: center;
background-size: cover;
}

#px .bx-scale h4:nth-of-type(3) {
color: #fff;
text-shadow: 0px 0px 8px #fff;
}

#cx {
background: rgb(0,0,0);
background: linear-gradient(0deg, rgba(0,0,0,.75) 0%, rgba(0,0,0,0) 100%),linear-gradient(90deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%),url("images/bx_100-feet.jpg");
background-position: center;
background-size: cover;
}

#cx .bx-scale h4:nth-of-type(2) {
color: #fff;
text-shadow: 0px 0px 8px #fff;
}

#bx {
background: rgb(0,0,0);
background: linear-gradient(0deg, rgba(0,0,0,.75) 0%, rgba(0,0,0,0) 100%),linear-gradient(90deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%),url("images/bx_1000-feet.jpg");
background-position: center;
background-size: cover;
}

#bx .bx-scale h4:nth-of-type(1) {
color: #fff;
text-shadow: 0px 0px 8px #fff;
}


#cx-to-bx div:nth-of-type(1) {
background-image: url("images/grey-gradient-arrow.svg");
background-position: right;
background-size: contain;
background-repeat: no-repeat;
}

#cx-to-bx strong {
color: #7500C0;
letter-spacing: 0.02em;
font-size: 1em;
}

.bx-loop {
display: flex;
justify-content: space-between;
align-items: center;
text-align: center;
height: 50vw;
}

.bx-loop > * {
flex: 1;
}

.bx-loop div {
position: relative;
}

#bx-loop-cycle {
position: absolute;
width:100%;
height: 50vw;
display: flex;
align-content: center;
justify-content: center;
align-items: center;
padding: 0;
margin: 0;
z-index: -20;
}

#bx-loop-cycle img {
height: 50vw;
width: 600px;
object-fit: contain;
animation-name: rotate;
animation-duration: 3s;
animation-iteration-count: infinite;
animation-timing-function: linear;
}

.bx-loop .tablet img {
border: 1vw solid #000;
border-radius: 1.5vw!important;
}

.bx-loop .tablet::before {
border-radius: 1.5vw!important;
}

@keyframes rotate {
from {transform: rotate(360deg);}
to {transform: rotate(0deg);}
}

.image-bg {
color: #fff;
position: relative;
}

.image-bg > img {
position: absolute;
width: 100%;
height: 100%;
z-index: -5;
object-fit: cover;
top:0;
left: 50%;
transform: translateX(-50%);
}

.bw-gradient {
background: rgb(0,0,0);
background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 50%),linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 50%)!important;
}

.accordion {
color: #fff;
cursor: pointer;
padding: 10px 0;
width: 100%;
text-align: left;
outline: none;
transition: 0.4s;
border-bottom: 2px solid #02C3FE;
position: relative;
}


.accordion:after {
content: '\002B';
font-weight:normal;
font-size: 1.75em;
position: absolute;
right: -1px;
bottom: 3px;
}

.accordion.active:after {
  content: "\2212";
}

/* Style the accordion panel. Note: hidden by default */
.panel {
  padding: 0 0 10px 0;
  display: none;
  overflow: hidden;
} 

.services-form input {
border:none;
margin:0 20px 0 0;
padding: 15px 0 5px 0;
display: block;
background-color: #2574BB;
font-family: 'Bodoni Moda', Georgia, 'Times New Roman', Times, serif;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 1.375;
letter-spacing: 0.05em;
border-bottom: 2px solid #fff;
color: #fff;
flex: 1 1 30%;
width: 100%;
}

.services-form input:focus {
color: #fff!important;
}


.services-form {
display: flex;
flex-wrap: wrap;	
}

#case-study h2 {
max-width: 560px;
}

.tags small {
padding: 0px 12px 1px 12px;
}

#about-headline {
max-width: 500px;
}

#bx-approach {
background-image: url("images/ACC_Gradient_Light_6.jpg");
background-repeat:no-repeat;
background-size: contain;
background-size: 100% 100%;
}

#bx-approach h2 {
max-width: 25ch;
}

.how {
color: #7500C0;
}

#building-blocks .two-column-container .how::before {
height: 20px;
border-left: 1px solid #7500C0;
border-right: 1px solid #7500C0;
border-bottom: 1px solid #7500C0;
}

#bx-loop-cycle {
width:calc(100% - 80px);
}

.mySlides {
display: none;
width: 100%;
height: 600px;
}

.mySlides .split-text-img img{
max-height: 560px;
object-fit: cover;
}

.mySlides > div {
display: flex;
width: 100%;
}

.content-carousel {
position: relative;
}

.slideshow-container {
width: 100%;
padding: 0px;
position: relative;
margin: 0;
align-content: center;
justify-content: center;
align-items: center;
display: flex;
}

.carousel-dots {
position: absolute;
bottom: 40px;
left: 8.333vw;
width: auto;
}

.mySlides h4 {
position: absolute;
top:40px;
left: 8.33vw;
width: auto;
display: block;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

.prev img, .next img {
height: 12px;
}

/* Position the "next button" to the right */
.next {
  right:40px;
}

.prev {
left:40px;
}


/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 8px;
  width: 8px;
  margin: 0 2px;
  background-color:rgba(117, 0, 192, .5);
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {
background-color: rgba(117, 0, 192, 1);
}

/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 1.5s;
}

@keyframes fade {
  from {opacity: .25;} 
  to {opacity: 1;}
}

.mobile-only {
display: none!important;
}

.desktop-only {
display: inherit!important;
}

@media only screen and (max-width: 1200px) {

.bx-container .bx-description {
transition: all .5s;
height: 0px;
width: 266px;
overflow: hidden;
opacity: 0;
}
	

section {
padding: 70px 25px;
}

.wrapper {
display: flex;
flex: 1 1 100%;
padding: 30px 15px;
}

#bx-loop-cycle {
width: calc(100% - 30px);
}
	
h1 {
font-size: 3.3em;
padding: 6px 0;
margin: 0;
}

h2 {
font-size: 2.4em;
}
	
}

@media only screen and (max-width: 800px) {
	
.desktop-only {
display: none!important;
}
	
.mobile-only {
display: inherit!important;
}

.logo {
height: 20px;
left: 20px;
top:25px;
z-index: 20;
}

body {
font-size: 14px;
line-height: 1.375;
letter-spacing: 0.05em;
padding: 70px 0 0 0;
}
	
nav {
height: 70px;
justify-content: flex-end;
padding-right: 20px;
}
	
nav ul {
display: none;
}

button {
padding: 5px 10px;
height: 36px;
margin:26px 0;
}

.sidepanel  {
width: 100vw;
left: -100vw;
padding: 20px;
box-shadow: 0 0 0 0 #fff;
}

.sidepanel a {
text-decoration: none;
transition: 0.25s;
display: block;
}

.sidepanel .closebtn {
top: 10px;
right: 18px;
}
	
.openbtn img {
height: 8px;
padding-left: 10px;
}

.openbtn {
padding: 0px;
border: none;
display:flex;
justify-content: space-between;
align-items: center;
width: auto;
top: 23px;
}

small {
margin:0;
}

h3 {
font-size: 1.6em;
}

h4 {
font-size: 10px;
line-height: 12px;
padding: 8px 0;
}
	
h5, strong {
font-size: 1em;	
}

section, .vh50, .vh100 {
padding: 75px 10px;
}

.wrapper {
display: flex;
flex: 1 1 100%;
padding: 15px 10px;
}

.container {
display: flex;
padding: 0;
flex: 1 1 100%;
}
	
.horizontal {
flex-direction: column;	
}
	
.flex-center-align {
justify-content:flex-start;
align-items:flex-start;
align-content: flex-start;
text-align: left;
}


.tablet video, .tablet img {
box-shadow: 0 30px 40px -20px rgba(0,0,0,.5);
border: 10px solid #000;
width: 100%;
height: auto;
border-radius: 15px!important;
position:relative;
}

.tablet::before, .tablet::before {
content: '';
position: absolute;
width: 100%;
height: 100%;
background: linear-gradient(150deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 50%, rgba(255,255,255,0) 50.3%, rgba(255,255,255,0) 100%);
z-index: 10;
top:0;
border-radius: 15px!important;
}

.down-arrow {
bottom: 20px;
right: 13px!important;
}
	
@keyframes down-arrow {
  0% {bottom: 80px; opacity: 0;}
  45% {bottom: 20px; opacity: 1;}
  55% {bottom: 20px; opacity: 1;}
  100% {bottom: 80px; opacity: 0;}
}

.full-screen {
padding: 0px 20px;
height: 500px;
align-items: flex-end;
}

.full-screen div {
flex: 0 0 100%;
padding: 0 40px 20px 0;
}
	
	
.full-screen > img {
height: 500px;
}

.full-screen video {
height: 500px;
}
	
.about-teams div {
flex: 1 1 100%;
padding-bottom: 14px;
align-content: center;
align-items: center;
justify-content: center;
}
	

.about-teams div img {
padding:0;
margin-bottom: 0px;
}
	
.about-teams div p, .about-teams div small {
display: flex;
align-items: center;
padding: 5px 0;
}

.bx-wrapper {
width: 100%;
height: auto;
flex-direction: column;
}

.bx-container:hover {
flex: 1 0 600px;
transition: all .5s;
}

.bx-container {
flex: 1 0 600px;
height: 100%;
width: 100%;
}

.bx-scale {
margin-bottom: 10px;
opacity: 1;
}

.bx-container h1 {
font-size: 9em;
}

.bx-container .bx-description {
transition: all 1.5s;
height: auto;
overflow:visible;
opacity: 1;
}
	
.bx-loop {
flex-direction: column;
display: flex;
justify-content: space-between;
align-items: center;
text-align: center;
align-content: center;
height: 750px;
}
	
.bx-loop > * {
flex: 0 1;	
}

.accordion {
padding: 15px 0 7px 0!important;
}

#bx-loop-cycle {
width:calc(100% - 20px);
height: 750px;
}


#bx-loop-cycle img {
height: 250px;
width: auto;
animation-duration: 2s;
}
	
.tags small {
padding: 0px 8px 0px 8px;
text-transform: capitalize;
margin: 0 4px 2px 0;
}
	
.underline-accordion-button:hover {
padding-right: 0px;
transition:none;
}

.underline-accordion-button p {
padding-right: 40px;
}

#building-blocks .two-column-container div {
flex: 0 1  calc(50% - 10px);
height: 233px;
}

#building-blocks .two-column-container {
padding:20px 10px;
}

#building-blocks img {
height: 30px;
width: auto;
margin-right: 15px;
}

#building-blocks.split-text {
padding: 10px;
}

.vh100 {
height: 500px;
}

.vh50 {
min-height: 300px;	
}
	
#footer img {
width:240px;
padding: 60px 0 9px 0;
}

.journey-img img {
width: 80px;
height: 80px;
}
	
.horizontal-scroll {
height: auto;
}

#meet-donna {
flex: 1 0 300px;
margin-right: 20px;
height: 500px;
}

.horizontal-scroll > * {
margin-top: 40px;
flex: 1 0 300px;
}

.horizontal-scroll div {
white-space: normal;
}

.horizontal-scroll div p {
padding-right: 40px;
}
	
.vertical .wrapper > h2, .vertical .wrapper > h3 {
max-width: 100vw;
}
	

h2.arrow-btn::after {
height: 22px;
width: 50px;
position: absolute;
transform: translateY(9px) translateX(10px);
}

a:hover h2.arrow-btn::after {
transform: translateY(9px) translateX(10px);
transition: all .5s;
}
	
}