/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Poppins', sans-serif!important;
  font-weight: 400;
  font-size: 1rem;
  color:  #fff!important;
  background-color: #131313!important;
}
a {color: #fff!important;}
a:hover {color: #fff!important;}
footer .hs-menu-wrapper ul {flex-direction: column;}

footer .hs-menu-wrapper ul a {
  color: #fff;
  text-decoration: none;
  font-size: 1.25rem;
  line-height: 2.5rem
}
p#footer-cta {
  font-size: 2rem;
}
.HasBearOutline {
  height: 1500px;
  width: 100%;
  top: 0;
  position: absolute;
  background: url(/hubfs/img/BearJam-bear-outline.svg);
  background-repeat: no-repeat;
  background-size: 50vw;
  background-position: 100% 175px;
  opacity: 0.5;
  z-index: -1;
}

/***** Cursors ******/
.sector-outer-wrapper:hover,
.sector-thumb-wrapper:hover,
.work-thumb-outer-wrapper a:hover {
  cursor: url(/hubfs/img/view-work.svg) 50 50, auto;
}
#atf #atf-wrapper:hover {
  cursor: url(/hubfs/img/watch-showreel.svg) 50 50, auto;
}

/***** Gradients ******/
.gradient-wrapper {
  position: fixed;
  z-index: -1;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  opacity: 0;
  content: "";
  transition: all 0.75s cubic-bezier(0.0, 0.0, 0.2, 1);

}
.gradient-wrapper.show {
  opacity: 1;
  transition: all 1.25s cubic-bezier(0.0, 0.0, 0.2, 1);
}

.gradient-wrapper > div {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  transition: all 1.25s cubic-bezier(0.0, 0.0, 0.2, 1);
}

.gradient-fuchsia {
  background: rgb(173, 8, 89);
  background: -moz-radial-gradient(circle at 50% 50%, rgba(173, 8, 89,1) 0%, rgba(173, 8, 89,0) 40%);
  background: -webkit-radial-gradient(circle at 50% 50%, rgba(173, 8, 89,1) 0%, rgba(173, 8, 89,0) 40%);
  background: radial-gradient(circle at 50% 50%, rgba(173, 8, 89,1) 0%, rgba(173, 8, 89,0) 40%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ad0859",endColorstr="#000000",GradientType=1);
  transform: scale(3) translate(-50%, -50%);
}
.gradient-purple {
  background: rgb(71, 16, 105);
  background: -moz-radial-gradient(circle at 50% 50%, rgba(71, 16, 105,1) 0%, rgba(71, 16, 105,0) 40%);
  background: -webkit-radial-gradient(circle at 50% 50%, rgba(71, 16, 105,1) 0%, rgba(71, 16, 105,0) 40%);
  background: radial-gradient(circle at 50% 50%, rgba(71, 16, 105,1) 0%, rgba(71, 16, 105,0) 40%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#471069",endColorstr="#000000",GradientType=1);
  transform: scale(3) translate(50%, 50%);
}
.gradient-blue {
  background: rgb(4, 63, 168);
  background: -moz-radial-gradient(circle at 50% 50%, rgba(4, 63, 168,1) 0%, rgba(4, 63, 168,0) 40%);
  background: -webkit-radial-gradient(circle at 50% 50%, rgba(4, 63, 168,1) 0%, rgba(4, 63, 168,0) 40%);
  background: radial-gradient(circle at 50% 50%, rgba(4, 63, 168,1) 0%, rgba(4, 63, 168,0) 40%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#043FA8",endColorstr="#000000",GradientType=1);
  transform: scale(3) translate(-50%, 50%);
}
.gradient-orange {
  background: rgb(255, 78, 0);
  background: -moz-radial-gradient(circle at 50% 50%, rgba(255, 78, 0,1) 0%, rgba(255, 78, 0,0) 25%);
  background: -webkit-radial-gradient(circle at 50% 50%, rgba(255, 78, 0,1) 0%, rgba(255, 78, 0,0) 25%);
  background: radial-gradient(circle at 50% 50%, rgba(255, 78, 0,1) 0%, rgba(255, 78, 0,0) 25%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FF4E00",endColorstr="#000000",GradientType=1);
  transform: scale(3) translate(50%, -50%);
  opacity: 0.7;
}

.gradient-wrapper.client-logosGradient .gradient-fuchsia, 
.gradient-wrapper.sectorsGradient .gradient-fuchsia, 
.gradient-wrapper.insightsGradient .gradient-fuchsia,
.gradient-wrapper.cta-formGradient .gradient-fuchsia,
.gradient-wrapper.fields-of-expertiseGradient .gradient-fuchsia,
.gradient-wrapper.expertise_servicesGradient .gradient-fuchsia,
.gradient-wrapper.aplication-formGradient .gradient-fuchsia,
.gradient-wrapper.newHerogradient .gradient-fuchsia

{ 
  transform: scale(3) translate(-15%, 15%); 
}
.gradient-wrapper.client-logosGradient .gradient-purple,
.gradient-wrapper.sectorsGradient .gradient-purple, 
.gradient-wrapper.insightsGradient .gradient-purple,
.gradient-wrapper.cta-formGradient .gradient-purple,
.gradient-wrapper.fields-of-expertiseGradient .gradient-purple,
.gradient-wrapper.expertise_servicesGradient .gradient-purple,
.gradient-wrapper.aplication-formGradient .gradient-purple,
.gradient-wrapper.newHerogradient .gradient-purple
{ 
  transform: scale(3) translate(15%, -15%); 
}
.gradient-wrapper.client-logosGradient .gradient-blue, 
.gradient-wrapper.sectorsGradient .gradient-blue,
.gradient-wrapper.insightsGradient .gradient-blue,
.gradient-wrapper.cta-formGradient .gradient-blue,
.gradient-wrapper.fields-of-expertiseGradient .gradient-blue,
.gradient-wrapper.expertise_servicesGradient .gradient-blue,
.gradient-wrapper.aplication-formGradient .gradient-blue,
.gradient-wrapper.newHerogradient .gradient-blue
{ 
  transform: scale(3) translate(15%, 25%); 
}
.gradient-wrapper.client-logosGradient .gradient-orange,
.gradient-wrapper.sectorsGradient .gradient-orange, 
.gradient-wrapper.insightsGradient .gradient-orange,
.gradient-wrapper.cta-formGradient .gradient-orange,
.gradient-wrapper.fields-of-expertiseGradient .gradient-orange,
.gradient-wrapper.expertise_servicesGradient .gradient-orange,
.gradient-wrapper.aplication-formGradient .gradient-orange,
.gradient-wrapper.newHerogradient .gradient-orange
{ 
  transform: scale(3) translate(-15%, -15%); 
}


/* Opposite Gradient X Y positions */

.gradient-wrapper.behind-the-scenesGradient .gradient-fuchsia,
.gradient-wrapper.teamGradient .gradient-fuchsia,
.gradient-wrapper.uspsGradient .gradient-fuchsia,
.gradient-wrapper.testimonialsGradient .gradient-fuchsia,
.gradient-wrapper.faqGradient.show .gradient-fuchsia,
.gradient-wrapper.sectorcardsGradient.show .gradient-fuchsia,
.gradient-wrapper.aboutBJPGradient .gradient-fuchsia,
.gradient-wrapper.instaGradient .gradient-fuchsia,
.gradient-wrapper.text_imageGradient .gradient-fuchsia { 
  transform: scale(3) translate(15%, -15%); 
}
.gradient-wrapper.behind-the-scenesGradient .gradient-purple,
.gradient-wrapper.teamGradient .gradient-purple,
.gradient-wrapper.uspsGradient .gradient-purple,
.gradient-wrapper.testimonialsGradient .gradient-purple,
.gradient-wrapper.faqGradient.show .gradient-purple,
.gradient-wrapper.sectorcardsGradient.show .gradient-purple,
.gradient-wrapper.aboutBJPGradient .gradient-purple,
.gradient-wrapper.instaGradient .gradient-purple,
.gradient-wrapper.text_imageGradient .gradient-purple{ 
  transform: scale(3) translate(-15%, 15%); 
}
.gradient-wrapper.behind-the-scenesGradient .gradient-blue,
.gradient-wrapper.teamGradient .gradient-blue,
.gradient-wrapper.uspsGradient .gradient-blue,
.gradient-wrapper.testimonialsGradient .gradient-blue,
.gradient-wrapper.faqGradient.show .gradient-blue,
.gradient-wrapper.sectorcardsGradient.show .gradient-blue,
.gradient-wrapper.aboutBJPGradient .gradient-blue,
.gradient-wrapper.instaGradient .gradient-blue,
.gradient-wrapper.text_imageGradient .gradient-blue { 
  transform: scale(3) translate(-15%, -15%); 
}
.gradient-wrapper.behind-the-scenesGradient .gradient-orange,
.gradient-wrapper.teamGradient .gradient-orange,
.gradient-wrapper.uspsGradient .gradient-orange,
.gradient-wrapper.testimonialsGradient .gradient-orange,
.gradient-wrapper.faqGradient.show .gradient-orange,
.gradient-wrapper.sectorcardsGradient.show .gradient-orange, 
.gradient-wrapper.aboutBJPGradient .gradient-orange,
.gradient-wrapper.instaGradient .gradient-orange,
.gradient-wrapper.text_imageGradient .gradient-orange{ 
  transform: scale(3) translate(15%, 15%); 
}


/***** HUBSPOT OVERWRITES & FIXES *****/
main#main-content.body-container-wrapper > .container-fluid {
  padding-left: 0!important;
  padding-right: 0!important;
}
.container-fluid.no-padding {
  padding: 0;
}
.header {
  background-color: transparent!important;
}
.header__logo--main {
  margin-left: -40px;
}
.header__logo--main:hover {
  cursor: pointer;
}
.content-wrapper--vertical-spacing, .dnd-section {
  padding: 40px 1rem!important;
}
/***** FONTS *****/

/***** FONTS > Headers *****/

.h1, h1 {
  font-size: 3rem!important;
  font-weight: 700!important;
}
.h2, h2 {
  font-size: 3.5rem!important;
  font-weight: 700!important;
  margin-bottom: 1.5rem!important;
}
h2.blog-index__post-title {margin-bottom: 0.5rem!important;}
.h3, h3 {
  font-size: 3rem!important;
  font-weight: 700!important;
}
.h4, h4 {
  font-size: 1.4rem!important;
  font-weight: 700!important;
}
footer h4 {
  font-size: 1.9rem;
  margin-bottom: 25px;
}
#atf .h1, #atf h1 {
  font-size: 7.5rem!important;
  font-weight: 700!important;
}
#atf-dd h1 {
  font-size: 5rem!important;
}
.h6, h6 {
  font-size: 1rem;
  font-weight: 700;
  color: #AD0759;
  background: rgb(254,75,0);
  background: -moz-radial-gradient(circle at -25% -25%, rgba(254,75,0,1) 0%, rgba(173, 8, 89,1) 100%);
  background: -webkit-radial-gradient(circle at -25% -25%, rgba(254,75,0,1) 0%, rgba(173, 8, 89,1) 100%);
  background: radial-gradient(circle at -25% -25%, rgba(254,75,0,1) 0%, rgba(173, 8, 89,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fe4b00",endColorstr="#ac0659",GradientType=1);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
  line-height: 1.75rem;
  font-size: 1rem;
}

.intro-wrapper p {
  font-size: 1.75rem;
  line-height: 2.5rem;
}

/***** FONTS > In-animations *****/
.body-container--blog-post #atf-dd h1 span {
  white-space: normal!important;
}
#atf h1 span,
#atf-dd h1 span,
#atf-split h1 span {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  top: 0;
  position: relative;
  min-height: 92px;
}
#atf-split h1 span {
  min-height: 55px!important;
}

#atf h1 span strong,
#atf-dd h1 span strong,
#atf-split h1 span strong {
  font-weight: 700!important;
  top: 0;
  opacity: 0;
  position: relative;
  /*animation*/
  -webkit-animation:move 0.5s forwards ease!important;
  -moz-animation:move 0.5s forwards ease!important;
  -ms-animation:move 0.5s forwards ease!important;
  -o-animation:move 0.5s forwards ease!important;
  animation:move 0.5s forwards ease!important;
  /*animation-iteration-count*/
  -webkit-animation-iteration-count:1;
  -moz-animation-iteration-count:1;
  -ms-animation-iteration-count:1;
  -o-animation-iteration-count:1;
  animation-iteration-count:1;
}
#atf h1 span:nth-of-type(1) strong,
#atf-dd h1 span:nth-of-type(1) strong,
#atf-split h1 span:nth-of-type(1) strong {
  -webkit-animation-delay:1s!important;
  -moz-animation-delay:1s!important;
  -ms-animation-delay:1s!important;
  -o-animation-delay:1s!important;
  animation-delay:01s!important;
}
#atf h1 span:nth-of-type(2) strong,
#atf-dd h1 span:nth-of-type(2) strong,
#atf-split h1 span:nth-of-type(2) strong {
  -webkit-animation-delay:1.1s!important;
  -moz-animation-delay:1.1s!important;
  -ms-animation-delay:1.1s!important;
  -o-animation-delay:1.1s!important;
  animation-delay:1.1s!important;
}
#atf h1 span:nth-of-type(3) strong,
#atf-dd h1 span:nth-of-type(3) strong,
#atf-split h1 span:nth-of-type(3) strong{
  -webkit-animation-delay:1.2s!important;
  -moz-animation-delay:1.2s!important;
  -ms-animation-delay:1.2s!important;
  -o-animation-delay:1.2s!important;
  animation-delay:1.2s!important;
}
}

@keyframes move{
  0%  { top: 60px; opacity: 0;}
  100% { top: 0px; opacity: 1;}
}

@-webkit-keyframes move {
  0%  { top: 60px; opacity: 0;}
  100% { top: 0px; opacity: 1;}
}
@-moz-keyframes move {
  0%  { top: 60px; opacity: 0;}
  100% { top: 0px; opacity: 1;}
}
@-o-keyframes move {
  0%  { top: 60px; opacity: 0;}
  100% { top: 0px; opacity: 1;}
}
@keyframes move {
  0%  { top: 60px; opacity: 0;}
  100% { top: 0px; opacity: 1;}
}

/***** ELEMENTS *****/

/***** ELEMENTS > forms *****/
form input[type=email], form input[type=file], form input[type=number], form input[type=password], form input[type=tel], form input[type=text], form select, form textarea {
  background: transparent;
  border: 1px solid rgba(255,255,255,0.35);
  padding: .8rem;
}
.hs-form-field {
  margin-bottom: 1rem;
}
form input[type=email], form input[type=file], form input[type=number], form input[type=password], form input[type=tel], form input[type=text], form select, form textarea {
  width: 100%!important;
}
.cta-form-inner-wrapper {
  background: rgba(0,0,0,0.4);
  border-radius: 8px;
  padding: 50px;
}
.form-control {
  background: transparent;
  color: #fff!important;
}

.form-control:focus {
  background: transparent;
}

/***** ELEMENTS > USP boxes *****/
.usp-wrapper {
  background: rgba(0,0,0,0.25);
  height: 100%;
  display: flex;
  align-items: center;
  padding: 2rem;
  border-radius: 6px;
}
.usp-wrapper h5 {line-height: 1.75rem;}
.usp-wrapper h5 {
  color: #fff;
}

/***** ELEMENTS > testimonials *****/
.testimonial {padding-bottom: 15px;}
.testimonial, .testimonial p, .testimonial span {
  font-size: 2.75rem;
  font-weight: 600;
  line-height: 3.5rem;
  margin-bottom: 0px!important;
}
.client-meta div {
  font-size: 1rem;
}
.client-meta div:nth-of-type(1) {
  font-weight: 700;
}
.client-photo {
  max-width: 150px;
  position: absolute;
  bottom: 0px;
  right: 25px;
  z-index: 1;
}
.quote-sign {
  max-width: 70px;
  position: absolute;
  right: 50px;
  top: 0;
}
.client-testimonial-logo img {
  max-width: 125px;
}
.testimonial-nav {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 2;
}
.client-testimonials-wrapper {
  position: relative;
}
.testimonial-nav div {
  display: inline-block;
}

/***** ELEMENTS > Buttons *****/
.hs_submit.hs-submit {
  text-align: right;
}
.btn:hover {color: #fff!important;}
.btn, .hs-button {
  color: #fff;
  font-weight: 600!important;
  font-size: 14px!important;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.btn.btn-primary, .hs-button.primary {
  background: -moz-radial-gradient(circle at -25% -25%, rgba(254,75,0,1) 0%, rgba(173, 8, 89,1) 100%);
  background: -webkit-radial-gradient(circle at -25% -25%, rgba(254,75,0,1) 0%, rgba(173, 8, 89,1) 100%);
  background: radial-gradient(circle at -25% -25%, rgba(254,75,0,1) 0%, rgba(173, 8, 89,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fe4b00",endColorstr="#ac0659",GradientType=1);
  border: 0px solid #AD0759;
  border-radius: 100px;
  padding: 0.5rem 1.75rem;
}
.tag { 
  background: -moz-radial-gradient(circle at -25% -25%, rgba(254,75,0,1) 0%, rgba(173, 8, 89,1) 100%);
  background: -webkit-radial-gradient(circle at -25% -25%, rgba(254,75,0,1) 0%, rgba(173, 8, 89,1) 100%);
  background: radial-gradient(circle at -25% -25%, rgba(254,75,0,1) 0%, rgba(173, 8, 89,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fe4b00",endColorstr="#ac0659",GradientType=1);
  border: 0px solid #AD0759;
  border-radius: 100px;
  padding: 0.2rem 0.5rem;
  font-size: .75rem;
  width: fit-content;
  margin-bottom: 5px;
}
.btn-primary:hover {
  color: #fff!important;
  background: -moz-radial-gradient(circle at -25% -25%, rgba(254,75,0,1) 0%, rgba(173, 8, 89,1) 100%);
  background: -webkit-radial-gradient(circle at -25% -25%, rgba(254,75,0,1) 0%, rgba(173, 8, 89,1) 100%);
  background: radial-gradient(circle at -25% -25%, rgba(254,75,0,1) 0%, rgba(173, 8, 89,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fe4b00",endColorstr="#ac0659",GradientType=1);
  border: 0px solid #AD0759!important;
}
.btn.btn-secondary {
  background-color: transparent;
  border: 2px solid #AD0759;
  border-radius: 100px;
  padding: 0.5rem 1.75rem;
}
.tags, .tags .btn.btn-secondary {
  padding: 0.5rem 1.25rem;
  text-transform: lowercase;
}
.btn.btn-secondary:hover {
  background: -moz-radial-gradient(circle at -25% -25%, rgba(254,75,0,1) 0%, rgba(173, 8, 89,1) 100%);
  background: -webkit-radial-gradient(circle at -25% -25%, rgba(254,75,0,1) 0%, rgba(173, 8, 89,1) 100%);
  background: radial-gradient(circle at -25% -25%, rgba(254,75,0,1) 0%, rgba(173, 8, 89,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fe4b00",endColorstr="#ac0659",GradientType=1);
}
/***** ELEMENTS > Buttons > Gradient *****/

.btn-primary {
  position: relative;
  overflow: hidden;
  background: #AD0759;
}
.btn-primary * {
  z-index: 1;
  position: relative;
}
.btn-primary::after {
  content: '';
  position: absolute;
  width: 150px;
  height: 150px;
  top: calc(var(--y, 0) * 1px - 75px);
  left: calc(var(--x, 0) * 1px - 75px);
  opacity: 0;
  transition: opacity 0.2s;
  background: radial-gradient(#FF4E00, #AD075900 70%);
}
.btn-primary:hover::after {
  opacity: 1;
}

/***** ELEMENTS > Header & Navigation *****/
header {
  position: absolute;
  top:  25px;
  width: 100%;
  z-index: 999;
  transition: all 0.3s cubic-bezier(0.0, 0.0, 0.2, 1); 
}
/* header.scroll-up{
transform: translateY(0);
}

header.scroll-down{
transform: translateY(-150%);
} */
header .logo {
  max-height: 35px;
}
header, header a {
  color: #fff;
  font-weight: 600!important;
  font-size: 14px!important;
}

/***** ELEMENTS > Cookie *****/
button#manage-cookies {
  position: fixed;
  bottom: 20px;
  left: 20px;
  height: 50px;
  width: 50px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  opacity: 0.7;
  transform: scale(1);
  transition: all 0.3s cubic-bezier(0.0, 0.0, 0.2, 1);
}
button#manage-cookies:hover,
button#manage-cookies:focus,
button#manage-cookies:active {
  opacity: 1;
  transform: scale(1.1);
}
button#manage-cookies img {
  position: absolute;
  height: 70%;
}

div#hs-modal-content {
  background: -moz-radial-gradient(circle at -25% -25%,rgba(254,75,0,1) 0%,rgba(173,8,89,1) 100%);
  background: -webkit-radial-gradient(circle at -25% -25%,rgba(254,75,0,1) 0%,rgba(173,8,89,1) 100%);
  background: radial-gradient(circle at -25% -25%,rgba(254,75,0,1) 0%,rgba(173,8,89,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fe4b00",endColorstr="#ac0659",GradientType=1);
  border: 0px solid #ad0759;
}


/***** ELEMENTS > Footer *****/
footer {
  position: relative;
  padding-top: 0px;
}
section#footer-wrapper {
  position: relative;
}
section#footer-wrapper .small-bear {
  position: absolute;
  top: 90px;
  left: 0;
  max-height: 100px;
}
.footer-logo {
  position: absolute;
  max-width: 70px;
}
footer ul {
  list-style: none;
  padding-inline-start: 0;
}

footer ul a {
  color: #fff;
  font-size: 1.5rem;
  line-height: 2.5rem;
}

footer #legal a {
  opacity: .5;
  font-size: .8rem;
  line-height: 1.5rem;
}
.contact-meta a {
  color: #fff;
  font-size: 14px;
  text-decoration: underline;
}
.contact-meta img {
  max-width: 15px;
}
.sub-footer p {
  font-size: 12px;
  text-transform: uppercase;
  opacity: .5;
}
.social-links img {
  width: 25px;
}

.social-links a {
  margin-right: 15px;
}
footer .social-links a:hover {
  text-decoration: none!important;
}
footer .social-links img {
  transform: scale(1);
  transition: transform 0.3s ease;
}
footer .social-links img:hover {
  transform: scale(1.15)
}


/***** ELEMENTS > Large cards *****/

.vlog-inner-wrapper iframe {
  width: 100%;
  height: 100%;
}

.success-work-outer-wrapper {
  max-width: 1360px!important;
}

.success-work--inner-wrapper {
  height: 600px;
  overflow: hidden;
  border-radius: 8px;
}
.success-work--inner-wrapper.showcase-video {
  overflow: initial;
}
.success-work--inner-wrapper img {
  object-fit: cover;
  height: 600px;
  width: 100%;
  object-position: top center;
}

.success-work-outer-wrapper {
  max-width: 1360px;
  margin: 0 auto;
}

/***** ELEMENTS > Work cards *****/
.work-outer-wrapper {
  position: relative;
  height: 250px;
  overflow: hidden;
  border-radius: 8px;
}
.work-thumb {
  padding: 25px;
}

.bg-thumb {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.bg-thumb img {
  object-fit: cover;
  width: 100%;
  height: 250px;
}

/******* ELEMENETS > Dropdown filters *****/
.filter-wrapper .dropdown {
  display: inline;
}
button#dropdownMenuButton {
  font-weight: 300!important;
}

button#dropdownMenuButton b {
  font-weight: 900;
}

.dropdown-menu {
  color: #fff!important;
  padding: 1rem 0!important;
  background: -moz-radial-gradient(circle at -25% -25%, rgba(254,75,0,1) 0%, rgba(173, 8, 89,1) 100%);
  background: -webkit-radial-gradient(circle at -25% -25%, rgba(254,75,0,1) 0%, rgba(173, 8, 89,1) 100%);
  background: radial-gradient(circle at -25% -25%, rgba(254,75,0,1) 0%, rgba(173, 8, 89,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fe4b00",endColorstr="#ac0659",GradientType=1);
}

.dropdown-menu.show {
  width: calc(100% - 45px)!important;
  position: absolute!important;
  transform: translate3d(0px, 32px, 0px)!important;
  top: 10px!important;
  left: 15px!important;
  font-size: 0.95rem!important;
}
.dropdown-item {
  color: #fff!important;
  padding: 0.35rem 1.5rem!important;
  transition: padding 0.3s cubic-bezier(0.0, 0.0, 0.2, 1);
}
.dropdown-item:focus, .dropdown-item:hover {
  background-color: transparent!important;
  padding: 0.35rem 1.25rem 0.35rem 1.75rem!important;
}

/***** ELEMENTS > Slider Nav *****/
.card-slide-nav {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.card-slide-nav div {
  padding-left:  15px;
}
a.slide-prev img {
  position: relative;
  transition: all 0.3s ease;
  left: 0;
  max-width: 25px;
  transform: rotate(90deg);
}
a.slide-prev:hover img {
  left: -5px;
}

a.slide-next img {
  position: relative;
  transition: all 0.3s ease;
  right: 0;
  max-width: 25px;
  transform: rotate(-90deg);
}
a.slide-next:hover img {
  right: -5px;
}

a.slide-prev, a.slide-next {
  border: 2px solid #ac0659;
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 100px;
  padding: 10px;
}

.slider-nav {
  position: absolute;
  right: 0;
  bottom: -20px;
  z-index: 10;
}
.behind-the-scenes-outer-wrapper {
  position: relative;
}
.behind-the-scenes-inner-wrapper .slick-slide img {
  height: 600px;
  object-fit: cover;
  object-position: center center;
}
.slider-nav div {
  display: inline-block;
}

/***** ELEMENTS > Insta footer *****/
.insta-wrapper {
  border-radius: 8px;
  overflow: hidden;
}
.insta-wrapper.top_story img {
  height: 518px!important;
  object-fit: cover;
  object-position: center center;
}
.insta-post-bg {
  position: relative;
}
.insta-post-bg svg {
  fill: #fff;
  width: 15px;
  height: 15px;
  position: absolute;
  bottom: 15px;
  left: 15px;
  z-index: 1;
}
.insta-wrapper,
.insta-post-bg img {
  transform: scale(1);
  transition: all 0.3s cubic-bezier(0.0, 0.0, 0.2, 1);
}
.insta-wrapper:hover,
.insta-post-bg:hover img {
  transform: scale(1.015);
}

/***** STRUCTURE *****/

/***** STRUCTURE > Above the fold split *****/
section {
  padding:  50px 0;
}
section#atf-dd, section#atf {
  padding: 0;
  position: relative;
}

#atf-split {
  padding:  150px 0 50px 0;
}


/***** PAGES *****/

/***** HOME *****/
.home section#atf {
  min-height:  100vh;
  position: relative;
}
#atf-wrapper {
  min-height: 700px;
  height:  100vh;
}
.atf-background-wrapper {
  background-size: cover;
  position: fixed;
  z-index: -1;
  height:  100%;
  width: 100%;
  opacity: 0;
  transform: scale(1.1);
  -webkit-animation:fadein 1s forwards ease!important;
  -moz-animation:fadein 1s forwards ease!important;
  -ms-animation:fadein 1s forwards ease!important;
  -o-animation:fadein 1s forwards ease!important;
  animation:fadein 1s forwards ease!important;
  -webkit-animation-iteration-count:1;
  -moz-animation-iteration-count:1;
  -ms-animation-iteration-count:1;
  -o-animation-iteration-count:1;
  animation-iteration-count:1;
}
@keyframes fadein{
  0%  { opacity: 0; transform: scale(1.1);}
  100% { opacity: 1; transform: scale(1);}
}
.atf-background-wrapper::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  content: "";
  background: rgb(0,0,0);
  background: -moz-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
  background: -webkit-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
  background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
  opacity: .75;
}
.atf-background-wrapper .oembed_container {
  z-index: -1;
}
.header-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgb(19, 19, 19);
  opacity: 0;
}
.view-more-outer-wrapper {
  position: absolute;
  right: 50px;
  bottom: 40px;
}
.view-more-inner-wrapper img {
  position: relative;
  top: 0px;
  transition: all .3s ease;
  max-width: 30px;
}
.view-more-inner-wrapper:hover img {
  position: relative;
  top: 5px;
}

.view-more-inner-wrapper {
  border: 2px solid #AD0759;
  border-radius: 100px;
  height: 50px;
  width: 50px;
  display: flex;
  justify-content: center;
  flex-direction: row;
  align-items: center;
}

/***** HOME > workreels *****/
.large-work-wrapper {
  min-height:  500px;
  border-radius: 8px;
  background: #fff;
}
.small-work-wrapper {
  min-height:  175px;
  border-radius: 8px;
  background: #fff;
}

/***** HOME > Client Logo's *****/
.client-logo-wrapper {
  display: inline-block;
  width: 19.5%;
  padding: 20px 40px;
}

/***** HOME > About *****/
.fluid-wrapper {position: relative;}

.container.overlap-fluid {
  position: absolute;
  width: 100%;
  display: block;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

/***** HOME > Sector scroller *****/
.sector-text-wrapper {
  position: sticky;
  top: 20vh;
  padding-bottom: 75px;
}
.sector-text-wrapper h3 {
  padding-bottom: 10px!important;
}
.sector-thumb-wrapper {
  height: 400px;
  margin-top: 250px;
  margin-bottom: 250px;
  border-radius: 8px;
  overflow: hidden;
}
.sector-thumb-wrapper:last-child {  margin-bottom: 75px;}
.sector-thumb-wrapper img {
  object-fit: cover;
  height: 400px!important;
  /* object-position: 60%; */
}

/***** HOME > Insights *****/
.insights-meta {
  font-size: 0.75rem;
}
.large-thumb .insight-thumb-img {
  border-radius: 8px;
  height: 315px;
  overflow: hidden;
}
.large-thumb .insight-thumb-img img {
  object-fit: cover;
  height: 315px;
  width: 100%;
  object-position: top;
}
.small-thumb .insight-thumb-img {
  border-radius: 8px;
  height: 155px;
  overflow: hidden;
}
.small-thumb .insight-thumb-img img {
  object-fit: cover;
  height: 155px;
  width: 100%;
  object-position: top;
}

/***** WORK > Thumbs *****/
.work-thumb-outer-wrapper {
  margin-top:  30px;
}
.work-thumb-inner-wrapper {
  border-radius: 8px;
  height: 315px;
  overflow: hidden;
  position: relative;
  transform: scale(1);
  transition: all 0.35s cubic-bezier(0.0, 0.0, 0.2, 1);
}
.work-thumb-inner-wrapper:hover {
  transform: scale(1.05);
}
.work-thumb-inner-wrapper img {
  object-fit: cover;
  height: 315px;
  width: 100%;
  object-position: center center;
}
.project-thumb-meta {
  position: absolute;
  bottom: 5px;
  left: 15px;
  z-index: 1;
}
.bg-project-thumb {
  position: relative;
  z-index: -1;
  opacity: 1;
  transition: all 0.35s cubic-bezier(0.0, 0.0, 0.2, 1);
}
.work-thumb-inner-wrapper:hover .bg-project-thumb.toggle {
  transform: scale(1.025);
  opacity: 0;
}
.bg-project-gif {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: -2;
  opacity: 0;
  transition: all 1s cubic-bezier(0.0, 0.0, 0.2, 1);
}
.work-thumb-inner-wrapper:hover .bg-project-gif {
  opacity: 1;
}
.project-thumb-meta p {
  font-size: .9rem;
  line-height: 1.25rem;
  height: 0px;
  opacity: 0;
  color: #fff;
  transition: all 0.35s cubic-bezier(0.0, 0.0, 0.2, 1);
}
.work-thumb-inner-wrapper:hover .project-thumb-meta p {
  height: 30px;
  opacity: 1;
  margin: 0;
}
.success-meta-content a {
  font-weight: 700;
  white-space: nowrap;
}
.project-thumb-meta h4 {
  margin-bottom: 0rem;
}
.filter {
  position: absolute;
  content: "";
  top: 0px;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 0;
  opacity: 0.25;
  transition: all 0.35s cubic-bezier(0.0, 0.0, 0.2, 1);
  background: -moz-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 40%);
  background: -webkit-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 40%);
  background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 40%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}
.work-thumb-inner-wrapper:hover .filter {
  top: -100px;
  opacity: .5;
}

/***** Slider card heights ****/
section#related-work a,
section#related-work a:hover,
.card-slide-nav a,
.card-slide-nav a:hover {
  color: #fff;
}
.related-work .work-thumb-inner-wrapper, .expert-field .work-thumb-inner-wrapper {height: 225px!important;}
.related-work .work-thumb-inner-wrapper img, .expert-field .work-thumb-inner-wrapper img {height: 225px!important;}
.top-projects-large .work-thumb-inner-wrapper,
.top-projects-large .work-thumb-inner-wrapper img {
  height: 550px;
}
.top-projects-large .embed_container {transform: scale(1.15);}
.small-projects-continuous .work-thumb-inner-wrapper,
.small-projects-continuous .work-thumb-inner-wrapper img {
  height: 175px;
}

.small-projects-continuous h4 {
  font-size: 1.1rem!important;
}

.small-projects-continuous .project-thumb-meta p {
  margin-bottom: 0;
  font-size: .8rem;
  line-height: 1rem;
}


.sticky-wrapper {
  position: sticky;
  top: 25vh;
}

.sticky-sidebar {
  position: sticky;
  top: 125px;
}

/***** SECTORS *****/

/***** SECTORS > Cards *****/
.sector-inner-wrapper {
  background: #000;
  border-radius: 8px;
  height: 550px;
  transition: all 0.35s cubic-bezier(0.0, 0.0, 0.2, 1);
}
.sector-inner-wrapper:hover {
  transform: scale(1.015);
}
.sector-bg {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 0;
  border-radius: 8px;
  overflow: hidden;
}
.sector-bg-img {
  position: relative;
  z-index: -1;
  opacity: 1;
  transform: scale(1);
  transition: all 0.35s cubic-bezier(0.0, 0.0, 0.2, 1);
}
.sector-inner-wrapper:hover .sector-bg-img {
  transform: scale(1.025);
}
.sector-inner-wrapper:hover .sector-bg-img.toggle {
  transform: scale(1.025);
  opacity: 0;
}
.sector-bg-img img {
  object-fit: cover;
  height: 550px;
  width: 100%;
  object-position: center center;
}
.sector-bg-vid {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: -2;
  opacity: 0;
  transition: all 1s cubic-bezier(0.0, 0.0, 0.2, 1);
}
.sector-inner-wrapper:hover .sector-bg-vid {
  opacity: .85;
}
.sector-card-content {
  z-index: 2;
}
.sector-logos {
    display: flex;
    flex-direction: row;
    align-items: center;
    align-content: center;
}
.sector-logo-wrapper img {
  max-height: 75px;
}
.sector-logo-wrapper {
    width: 110px;
    margin: unset;
    text-align: center;
    padding: 20px 10px;
    height: 75px;
    display: flex!important;
    align-items: center;
    justify-content: center;
}
.sector-outer-wrapper .filter {
  position: absolute;
  content: "";
  top: 0px;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 0;
  opacity: 0.25;
  transition: all 0.35s cubic-bezier(0.0, 0.0, 0.2, 1);
  background: -moz-linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
  background: -webkit-linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
  background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}
.sector-outer-wrapper:hover .filter {
  right: -100px;
  opacity: .75;
}

/***** INSIGHTS *****/

/***** INSIGHTS > Thumbs *****/

.loader-wrapper {
  position:absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -2;
  display: flex;
  justify-content: center;
  align-items: center;
}
}
.loader {
  display: inline-block;
  width: 80px;
  height: 80px;
}
.loader:after {
  content: " ";
  display: block;
  width: 64px;
  height: 64px;
  margin: 8px;
  border-radius: 50%;
  border: 6px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: loader 1.2s linear infinite;
}
@keyframes loader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}


.insights-outer-wrapper,
.insight-bg-thumb img {
  height: 450px;
}
.insights-outer-wrapper {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: 8px;
  transition: all 0.35s cubic-bezier(0.0, 0.0, 0.2, 1);
}
.insights-outer-wrapper:hover {
  transform: scale(1.025);
}
.insight-bg-thumb {
  position: absolute;
  z-index: -1;
  top: 0;
  width: 100%;
}

.insight-bg-thumb img {
  object-fit: cover;
  width: 100%;
}

.cover-gradient {
  display: block;
  height: 100%;
  width: 100%;
  background: rgb(0,0,0);
  background: -moz-linear-gradient(0deg, rgba(0,0,0,.8) 0%, rgba(0,0,0,0) 80%);
  background: -webkit-linear-gradient(0deg, rgba(0,0,0,.8) 0%, rgba(0,0,0,0) 80%);
  background: linear-gradient(0deg, rgba(0,0,0,.8) 0%, rgba(0,0,0,0) 80%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
  content: "";
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
  position: absolute;
  transition: all 0.35s cubic-bezier(0.0, 0.0, 0.2, 1);
}
.insights-outer-wrapper:hover .cover-gradient {
}

.insights-outer-wrapper .insight-bg-thumb img {
  transition: 0.35s cubic-bezier(0.0, 0.0, 0.2, 1);
}
.insights-outer-wrapper:hover .insight-bg-thumb img {
  transform: scale(1.05);
}

.insights-side-bar a.btn {
  font-weight: 400!important;
  font-size: 0.8rem!important;
  margin-bottom: 10px;
  margin-right: 5px;
}

.insights-side-bar {
  position: sticky;
  top:  50px;
}

/***** INSIGHTS > POSTS *****/

#related-posts .insights-outer-wrapper,
#related-posts .insight-bg-thumb img {
  height: 400px;
}

.post-social-inner-wrapper {
  position: sticky;
  top:  50px;
}

.post-social-inner-wrapper img {
  max-width: 20px;
}

.post-social-inner-wrapper a.btn.btn-secondary {
  padding: 15px;
}

/***** SUCCESSSTORY *****/
.success-meta-inner-wrapper {
  position: sticky;
  top: 25px;
}
.success-meta-content {
  font-weight: 700;
  font-size: 1.1rem;
  margin-bottom: 25px;
}

.success-meta-title {
  margin-bottom: 5px;
  font-weight: 300;
}
#meta-body h4 {
  margin-top: 45px;
  margin-bottom: 15px;
}
#meta-body h4:first-child {
  margin-top: 0;
}

/***** ABOUT *****/
/***** ABOUT > Specs *****/
.specs-outer-wrapper {
  height: 100%;
}
.specs-inner-wrapper {
  background: rgba(0,0,0,.4);
  border-radius: 8px;
  padding: 50px 100px;
}
.specs-inner-wrapper {
  background-image: url(/hubfs/small-bear.png);
  background-repeat: no-repeat;
  background-size: 65px;
  background-position: 0px 40px;
}
.specs-inner-wrapper a {
  color: #fff;}
.specs-inner-wrapper img,
.open-positions img {
  transform: rotate(-90deg);
  max-height: 20px;
  margin-right: 0px;
  transition: all 0.35s cubic-bezier(0.0, 0.0, 0.2, 1);  
}
.specs-inner-wrapper .row .row:hover img,
.open-positions:hover img {
  margin-right: -5px;
}
.row.specs-outer-wrapper .col-10 {
  font-size: 1.1rem;
  line-height: 2rem;
}
.row.open-positions {
  font-size: 1.75rem;
  line-height: 4rem;
}
.row.open-positions a {color: #fff;}

/***** ABOUT > Team *****/
.team-member-wrapper h5 {
  color: #fff;
}
.team-member-wrapper img {
  height: 475px;
  object-fit: cover;
  width: 100%;
  border-radius: 8px;
  object-position: top center;
  margin-bottom: 25px;
  margin-top:  50px;
}

/***** EMBED TWEAKS *****/
.success-work--inner-wrapper.showcase-video .iframe_wrapper {
  padding-top: 0!important;
}
.success-work--inner-wrapper.showcase-video .iframe_wrapper iframe {
  border-radius: 8px;
}

/***** BLOG *****/
.hs-blog-listing {
  position: relative;
  z-index: 1;
}
article.blog-index__post {
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  height: 350px;
  transform: scale(1);
  transition: all 0.35s cubic-bezier(0.0, 0.0, 0.2, 1);
}
article.blog-index__post:hover {
  transform: scale(1.025);
  cursor: pointer;
}
img.blog-index__post-image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 350px;
  object-fit: cover;
  width: 100%;
  z-index: -1;
  transform: scale(1);
  transition: all 0.35s cubic-bezier(0.0, 0.0, 0.2, 1);
}
article.blog-index__post:hover .blog-index__post-image {
  transform: scale(1.015);
}

h2.blog-index__post-title {
  font-size: 2rem!important;
}

.blog-index__post-content.blog-index__post-content--small {
  position: absolute;
  bottom: 15px;
  width: 80%;
}
.blog-index__post-author, time.blog-index__post-timestamp {
  display: inline-block!important;
  font-size: .9rem!important;
}
article.blog-index__post:before {
  content: "";
  display: block;
  position: absolute;
  height: 100%;
  left: 0;
  right: 0;
  bottom: -200px;
  transition: all 0.35s cubic-bezier(0.0, 0.0, 0.2, 1);
  background: rgb(0,0,0);
  background: -moz-linear-gradient(0deg, rgba(0,0,0,.75) 0%, rgba(0,0,0,0) 100%);
  background: -webkit-linear-gradient(0deg, rgba(0,0,0,.75) 0%, rgba(0,0,0,0) 100%);
  background: linear-gradient(0deg, rgba(0,0,0,.75) 0%, rgba(0,0,0,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}
article.blog-index__post:hover:before {
  bottom: 0;
}
.blog-post__timestamp {
  display: inline-block;
}
section#post-body h4 {
  margin-top: 45px;
  margin-bottom: 15px;
}
.insight-label a {
  color: #fff;
  background: rgb(254,75,0);
  background: -moz-radial-gradient(circle at -25% -25%, rgba(254,75,0,1) 0%, rgba(173, 8, 89,1) 100%);
  background: -webkit-radial-gradient(circle at -25% -25%, rgba(254,75,0,1) 0%, rgba(173, 8, 89,1) 100%);
  background: radial-gradient(circle at -25% -25%, rgba(254,75,0,1) 0%, rgba(173, 8, 89,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fe4b00",endColorstr="#ac0659",GradientType=1);
  border-radius: 100px;
  padding: 2px 10px;
  font-size: .7rem;
  transform: scale(1);
  transition: all 0.25s cubic-bezier(0.0, 0.0, 0.2, 1);
  display: inline-block;
}
.insight-label a:hover,
.insight-label a:focus,
.insight-label a:active {
  color: #fff!important;
  text-decoration: none!important;
  transform: scale(1.075);
}

/**** Module overwrites *****/
#atf .oembed_container--full-size {
  width: 100vw;
  max-width: unset!important;
  border-radius: 0!important;
}
.oembed_container--full-size {
  max-width: 1300px!important;
  display: block!important;
  margin: 0 auto!important;
  border-radius: 10px;
  overflow: hidden;
}
.iframe_wrapper {
  padding-top: 0px!important;
}
.header__navigation--toggle {filter: brightness(4);}

/* RESPONSIVE */
.hide-desktop {display:none!important;}

/* X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575px) { 
  .hide-desktop {display:block!important;}
  .header__language-switcher.open, .header__navigation.open, .header__search.open {min-height: 100vh!important}
  .header__logo, .header__navigation--toggle {z-index: 9;}
  div#hs_cos_wrapper_navigation-primary {top: 130px; position: absolute;}
  .menu__item--depth-1 {border: none!important;}
  .menu__item--depth-1>.menu__link {font-size: 2rem!important; line-height: 4rem;}
  .menu__submenu .menu__item {background-color: rgba(0,0,0,0)!important; border-top: none!important;}
  ul.menu__submenu {background: none!important;}
  ul.menu__submenu a.menu__link {font-size: 1.5rem!important;font-weight: 400!important;line-height: 2rem;}
  header {top: 0px;}
  section#behind-the-scenes, section#success-story-showcase {padding: 0;}
  section#meta-body {
    padding-top: 0!important;
    margin-top: 0!important;
    margin-bottom: 25px!important;
  }
  .success-meta-inner-wrapper {
    margin-bottom: 50px;
    margin-top: 0!important;
  }
  .success-meta-content {
    margin-bottom: 10px;
  }
  .success-work-outer-wrapper.pb-5.mb-5 {
    margin-bottom: 0!important;
  }
  .success-work--inner-wrapper {height: 200px;}
  .behind-the-scenes-inner-wrapper .slick-slide img {height: 250px;}
  .header__container.content-wrapper {
    column-count: 2;
    display: flex;
    flex-direction: row;
    align-items: center;
  }
  .header__logo--main { margin-left: -30px;}
  .header--toggle.header__search--toggle,
  .header__close--toggle.show {
    display: none;
  }
  .header__navigation.header--element.open {
    position: fixed;
    top: 0;
    left: 0;
    background: rgb(254,75,0);
    background: -moz-radial-gradient(circle at -25% -25%, rgba(254,75,0,1) 0%, rgba(173, 8, 89,1) 100%);
    background: -webkit-radial-gradient(circle at -25% -25%, rgba(254,75,0,1) 0%, rgba(173, 8, 89,1) 100%);
    background: radial-gradient(circle at -25% -25%, rgba(254,75,0,1) 0%, rgba(173, 8, 89,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fe4b00",endColorstr="#ac0659",GradientType=1);
  }
  .sector-outer-wrapper .filter {background: rgba(0,0,0,0.5);opacity: 1;}
  section.blog-index .sticky {
    text-align: center;
    margin-bottom: 25px;
  }
  .cta-form-inner-wrapper {
    padding: 50px 30px;
  }
  section#related-work .container.mt-5.pt-5 {
    margin-top: 0!important;
    padding-top: 0!important;
  }
  .HideMobile {display:none;}
  .post-social-inner-wrapper div {
    display: inline-block;
    padding: 20px 10px 0px 10px;
  }

  .post-social-inner-wrapper {
    text-align: center;
  }
.post-social-outer-wrapper {
    order: 2;
}
  section#vlog-embed {
    padding: 0;
  }
  .hs-blog-post #atf-split h1 span {
    white-space: normal!important;
  }
  /* Home */
  #atf-wrapper {
    height: 650px;
    min-height: unset;
  }
  #atf div#header-wrapper {
    padding-bottom: 75px;
  }
  #atf .h1, #atf h1 {
    font-size: 5rem !important;
  }
  #atf-split h1, #atf-dd h1 {font-size: 2rem !important;}
  #atf-split h1 span, #atf-dd h1 span {min-height: 45px !important;}
  .h3, h3 {
    font-size: 2.25rem !important;
  }
  section#footer-wrapper .small-bear {
    max-height: 40px;
  }
  .footer-address br {
    content: "";
    padding-left: 4px;
  }
  .dropdown {
    width: 100%;
    left: 0;
    right: 0;
  }

  button#dropdownMenuButton {
    width: 100%;
    margin-bottom: 15px;
    padding: 1rem 1.75rem;
  }
  .work-thumb-inner-wrapper,
  .work-thumb-inner-wrapper img {
    height: 400px;
  }
  .work-thumb-inner-wrapper .project-thumb-meta p {
    height: 30px;
    opacity: 1;
    margin: 0;
  }
}

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) { 
  .HideMobile {display:none;} 
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) { ... }

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) { 
  .MobileOnly {display:none;}
  .HideMobile {display:block;}
}

/* X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { ... }

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) { ... }