::selection { background: rgb(226, 143, 38); color: rgb(255, 255, 255); text-shadow: none; }
::-webkit-scrollbar { width: 5px; background-color: rgb(245, 245, 245); }
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment { display: none; }
::-webkit-scrollbar-track-piece { box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 6px inset; background-color: rgb(255, 255, 255); }
::-webkit-scrollbar-thumb:vertical { border-radius: 10px; background-color: rgb(253, 50, 52); }
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { appearance: none; margin: 0px; }
input[type="number"] { }
[class^="box-"] { display: none; }
[class^="box-"].showfirst { display: block; }
html { /*scroll-behavior: smooth; */}
body { font-family: "Modern Era"; overflow-x: hidden; max-width: 100%; font-size: 16px; line-height: 1; color: rgb(0, 0, 0); font-weight: 500; position:relative; }
h1, h2, h3, h4, h5, h6 { display: block; font-weight: normal; }
:hover, :focus, * { outline: none !important; }
img { max-width: 100%; height: auto; }
a, input[type="submit"] { transition: all 0.4s ease-in-out 0s; display: inline-block; cursor: pointer; }
a:hover { color: rgb(225, 142, 37); text-decoration: none; }
span { display: inline-block; }
a { text-decoration: none; }
textarea, select, input[type], textarea, select, button { background: transparent; border: none; border-radius: 0px; font-family: "Modern Era"; font-weight: 400; }
::-webkit-input-placeholder { color: rgb(163, 163, 163); font-weight: 400; }
p { line-height: 1.6em; font-size: 1.2em; }
.pad-sec { padding: 50px 0px; }
.pad-zero { padding: 0px; }
.pad-l-zero { padding-left: 0px; }
.pad-r-zero { padding-right: 0px; }
.pad-b-140 { padding-bottom: 140px; }
.pb-75 { padding-bottom: 75px; }
.pb-100 { padding-bottom: 100px; }
.w-1200 { max-width: 100%; width: 1200px; }
.ovr-hiddn { overflow: hidden; }
.overlay::after { content: ""; position: fixed; width: 100%; height: 100%; left: 0px; top: 0px; background: rgba(0, 0, 0, 0.6); z-index: 1; }
.overlay { display: none; }
.overlay.active { display: block; }
.hding-1 h1 { font-size: 75px; font-weight: 900; line-height: 75px; letter-spacing: -4px; }
.hding-2 h2 { font-size: 55px; font-weight: 900; color: rgb(28, 33, 31); line-height: 55px; }
.hding-3 h3 { font-size: 40px; color: rgb(28, 33, 31); font-weight: 700; }
.hding-3 h3 > span { font-size: 16px; display: block; font-weight: 400; color: rgb(111, 111, 111); text-transform: uppercase; padding-bottom: 10px; letter-spacing: normal; }
.hding-4 h4 { font-size: 24px; font-weight: 700; color: rgb(28, 33, 31); }
.hding-5 h5 { font-size: 33px; font-weight: 700; line-height: normal; color: rgb(28, 33, 31); }
.hding-6 h6 { font-size: 24px; color: rgb(0, 0, 0); line-height: normal; font-weight: 700; }
.hding-6 h6 > span { display: block; font-size: 14px; color: rgb(111, 111, 111); letter-spacing: 2px; font-weight: 400; text-transform: uppercase; }
.para p { font-size: 18px; line-height: 23px; color: rgb(66, 66, 66); padding-top: 5px; }
.para-lg p { font-size: 20px; line-height: normal; }
.para-sm p { font-size: 16px; line-height: 23px; color: rgb(0, 0, 0); }
.slick-list { margin: 0px -15px; }
.slick-slide { margin: 0px 15px; }
.slick-dots { padding: 50px 0px 0px; text-align: center; position: absolute; bottom: 20px; left: 0; right: 0; }
.slick-dots li { margin: 0px 20px 0px 0px; width: auto; display: inline-block; vertical-align: middle; overflow: hidden; padding: 0px; border: none; }
.slick-dots li button::before, .slick-dots li button::before { color: rgb(255, 255, 255); opacity: 1; font-size: 20px; }
.slick-dots li button { height: 8px; width: 8px; border-radius: 50%; background: rgb(214, 214, 214); border: none; cursor: pointer; font-size: 0px; padding: 0px; transition: all 0.4s ease-in-out 0s; box-sizing: border-box; }
.slick-dots li.slick-active button { background: rgb(243, 201, 25); width: 11px; height: 11px; }


@font-face {
  font-family: "Mont";
  font-display: swap;
  src: url("../fonts/Mont-Heavy.woff2") format("woff2"), url("../fonts/Mont-Heavy.woff") format("woff");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Mont DEMO";
  font-display: swap;
  src: url("../fonts/Mont-DEMOExtraLight.woff2") format("woff2"), url("../fonts/Mont-DEMOExtraLight.woff") format("woff");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "Mont";
  font-display: swap;
  src: url("../fonts/Mont-Light.woff2") format("woff2"), url("../fonts/Mont-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Mont";
  font-display: swap;
  src: url("../fonts/Mont-SemiBold.woff2") format("woff2"), url("../fonts/Mont-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Mont Book";
  font-display: swap;
  src: url("../fonts/Mont-Book.woff2") format("woff2"), url("../fonts/Mont-Book.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Mont";
  font-display: swap;
  src: url("../fonts/Mont-Black.woff2") format("woff2"), url("../fonts/Mont-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Mont Hairline";
  font-display: swap;
  src: url("../fonts/Mont-Hairline.woff2") format("woff2"), url("Mont-Hairline.woff") format("woff");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "Mont";
  font-display: swap;
  src: url("../fonts/Mont-Regular.woff2") format("woff2"), url("../fonts/Mont-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Mont";
  font-display: swap;
  src: url("../fonts/Mont-ExtraLight.woff2") format("woff2"), url("../fonts/Mont-ExtraLight.woff") format("woff");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "Mont";
  font-display: swap;
  src: url("../fonts/Mont-Bold.woff2") format("woff2"), url("../fonts/Mont-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Mont DEMO";
  font-display: swap;
  src: url("../fonts/Mont-DEMOHeavy.woff2") format("woff2"), url("../fonts/Mont-DEMOHeavy.woff") format("woff");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Mont";
  font-display: swap;
  src: url("../fonts/Mont-Thin.woff2") format("woff2"), url("../fonts/Mont-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
}



header{padding: 0px 0;box-shadow: 0 4px 12px -6px #c4c4c4;border-bottom: 0.063em solid #e3e3e3;background-color: #fff;border-color: #e7e7e7;border-width: 0 0 1px;position: fixed;top: 0;right: 0;left: 0;z-index: 1030;height: 70px;display: flex;align-items: center;}
.topnav { margin-left: 30px; }
.topnav ul{ display: flex;  }
.topnav ul li{ padding: 0 10px; }
.topnav ul li a{ color: #000; }

.rightop{ display: flex; justify-content: flex-end; }
.rightop ul{ display: flex; align-content: center; }
.rightop ul li{padding: 26px 40px;}
.rightop ul li+li{border-left: 1px solid #e3e3e3;}
.rightop ul li a{color: #000;font-size: 16px;}
.rightop ul li a i{margin-right: 5px;font-size: 20px;display: inline-block;vertical-align: middle;}

.progress-nav-bar{ position: fixed; top: 70px; z-index: 10; width: 100%; height: 8px; background-color: #F2F2F2; transition: height 0.3s ease; }
.progress-nav-bar.isactive{ height: 3.5625rem; }
.progress-nav-bar-roller { position: absolute; background-color: transparent; top: 0; left: 0; height: 8px; width: 0%; transition: height 0.3s ease; }
.progress-nav-bar.isactive .progress-nav-bar-roller { height: 3.5625rem; }
.progress-nav-bar-menu {position: absolute;top: 0;left: 0;width: 100%;cursor: pointer;top: 50%;transform: translateY(-50%);z-index: 99;}
.nav-bar-menu { width: auto; text-align: left; font-size: 0.8rem; float: left; opacity: 0; color: #fff; height: 3.5625rem; transition: all 0.3s ease; 
	color: transparent; position: relative; padding: 0.3% 1.5%; }
.progress-nav-bar:hover .nav-bar-menu,
.progress-nav-bar.isactive .nav-bar-menu {  transition-delay: 0.1s; opacity: 1; color: #111; }
.nav-bar-menu span {top: 50%;transform: translateY(-50%);display: inline-block;position: relative;font-size: 15px;}
.nav-bar-menu-0 {width: 5%;text-align: center;padding: 1.2em;font-size: 16px;}
.nav-bar-menu .bar { position: absolute; left: 0; top: 0; height: 100%; width: 0%; background: #c3c3c3; z-index: -1; }

.nav-bar-menu-0 svg { transition: transform 0.6s ease; transform: rotate(0deg); }
.nav-bar-menu-0.rotatesvg svg { transform: rotate(-90deg); }

/*.block-sections{ height: 600px; }*/

.section-container { width: 100%; position: relative; }
.carousel_slider{ height: 100vh; background: #fff; overflow: hidden; }
.carousel_slider .items{  width: 100vw; height: 100vh; position: relative; left: 0%; top: 50px; }
.carousel_slider .items .marquee-vid { width: 105%; min-height: 105%;  }

.marquee-header{ color: #fff; width: 60%; text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
z-index: 2; }
.carousel_slider .slick-active .marquee-vid { width: 100%; min-height: 100%; transition: width 3s ease, min-height 3s ease, opacity 0.3s ease; }

.marquee-header { padding: 40px; background-color: #ffffffcf; border-radius: 150px; }
.marquee-header h1{ font-size: 4.063rem; line-height: 1em; color: #000; position: relative; top: 40px; font-weight: 900; opacity: 0;
    transition: top 0.4s ease, opacity 0.7s ease; }
.marquee-header p{ color: #000; font-size: 1.5rem ; opacity: 0; position: relative; top: 40px;
    transition: top 0.4s ease, opacity 0.7s ease; margin: 10px 0 15px; }

.marquee-header .cta-more { color: #004DFF;  position: relative; width: auto; padding: 10px; bottom: 10%; z-index: 10; opacity: 0;
    transition: opacity 0.6s ease; display: inline-block; }
.marquee-header .cta-more .cta-more-box { position: absolute; left: 20px; top: 20px; width: 5px; height: 5px; border-radius: 50%;
    transition: all 0.4s ease; border:1px solid #000; }
.marquee-header .cta-more .cta-more-arrow { position: absolute; left: 0px; top: 8px; height: 15px; opacity: 0; transition: all 0.4s ease; }
.carousel_slider .slick-active .marquee-header h1 ,
.carousel_slider .slick-active .marquee-header p { top: 0px; opacity: 1; }


.carousel_slider .slick-active .cta-more-box, .carousel_slider .slick-active .cta-more .cta-more-box {
    left: 0;
    top: 4px;
    width: 36px;
    height: 36px;
    border: 1px solid #fff;
    border-radius: 50px;
    transition-delay: 0.2s;
}
.carousel_slider .slick-active .marquee-header .cta-more{
	opacity: 1;
	bottom: 25%;
}
.carousel_slider .cta-more-arrow{

  position: absolute;
    left: 0px;
    top: 8px;
    height: 15px;
    opacity: 0;
    transition: all 0.4s ease;
}
.carousel_slider .slick-active .cta-more-arrow {
    position: absolute;
    left: 20px;
    height: 15px;
    top: 8px;
    opacity: 1 !important;
    transition-delay: 0.6s;
}

.carousel_slider .cta-more .img-arrow-right {
    width: 24px;
    position: absolute;
}
.carousel_slider .cta-more .cta-more-label {
    margin-left: 45px;
    opacity: 0;
    transition: opacity 0.7s ease 0.8s;
    text-align: left;
    color: #000;
    font-size: 19px;
    line-height: 1.25;
    font-weight: 900;
}
.carousel_slider .slick-active .cta-more .cta-more-label {
    opacity: 1 !important;
}
.carousel_slider .slick-active .cta-more:hover .cta-more-box {
    width: 103%;
}


.slick-slide, .slick-slide::before, .caption {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.slick-slide::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


.carousel_slider {
  position: relative;
  width: 100%;
  margin-bottom: 50px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 1.2s ease;
  transition: all 1.2s ease;
}
.carousel_slider.slick-initialized {
  opacity: 1;
  visibility: visible;
}

.slick-slide {
  position: relative;
}
.slick-slide::before {
  background-color: #f8f8f7;
  opacity: 1;
  z-index: 1;
  mix-blend-mode: multiply !important;
  cursor: -webkit-grabbing; cursor: grabbing;
}
.slick-slide video {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
   height: initial;
  width: auto;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.slick-slide iframe {
  position: relative;
  pointer-events: none;
}
.slick-slide figure {
  position: relative;
   height: 550px;
}
.slick-slide .slide-image {
  opacity: 0;
  height: 100%;
  background-size: cover;
  background-position: center;
  -webkit-transition: all .8s ease;
  transition: all .8s ease;
}
.slick-slide .slide-image.show {
  opacity: 1;
}
.slick-slide .image-entity {
  width: 100%;
  opacity: 0;
  visibility: hidden;
}
.slick-slide .loading {
  position: absolute;
  top: 44%;
  left: 0;
  width: 100%;
}
.slick-slide .slide-media {
  -webkit-animation: slideOut 0.4s cubic-bezier(0.4, 0.29, 0.01, 1);
          animation: slideOut 0.4s cubic-bezier(0.4, 0.29, 0.01, 1);
}
.slick-slide.slick-active {
  z-index: 1;
}
.slick-slide.slick-active .slide-media {
  -webkit-animation: slideIn 2.4s cubic-bezier(0.4, 0.29, 0.01, 1);
          animation: slideIn 2.4s cubic-bezier(0.4, 0.29, 0.01, 1);
}
.slick-slide.slick-active .caption {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: all 0.7s cubic-bezier(0.32, 0.34, 0, 1.62) 0.6s;
  transition: all 0.7s cubic-bezier(0.32, 0.34, 0, 1.62) 0.6s;
}

.caption {
  font-family: font-family: 'Montserrat', sans-serif !important;
  position: absolute;
  top: 44%;
  left: 5%;
  text-align: center;
  padding: 20px;
  border: 3px solid;
  color: #00a7b7;
  margin: 0;
  font-size: 40px;
  font-weight: bold;
  letter-spacing: .02em;
  opacity: 0;
  z-index: 1;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  -webkit-transform: translateY(100px);
          transform: translateY(100px);
}

.slick-dots {
  text-align: center;
  padding-top: 15px;
}
.slick-dots li {
  display: inline-block;
  vertical-align: top;
  margin: 0 8px;
}
.slick-dots li button {
  width: 16px;
  height: 16px;
  border: none;
  cursor: pointer;
  border-radius: 50%;
  border: 2px solid #00a7b7;
  box-shadow: 0 0 0 0 transparent;
  vertical-align: middle;
  color: #00a7b7;
  background-color: #fff;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  opacity: .4;
}
.slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover {
  opacity: 1;
}
.slick-dots li.slick-active button {
  border-color: #2d3042;
  /*box-shadow: 0 0 0 2px #fff;*/
  opacity: 1;
}



@-webkit-keyframes slideIn {
  from {
    -webkit-filter: blur(15px);
            filter: blur(15px);
  }
  to {
    -webkit-filter: blur(0);
            filter: blur(0);
  }
}

@keyframes slideIn {
  from {
    -webkit-filter: blur(15px);
            filter: blur(15px);
  }
  to {
    -webkit-filter: blur(0);
            filter: blur(0);
  }
}
@-webkit-keyframes slideOut {
  from {
    -webkit-filter: blur(0);
            filter: blur(0);
  }
  to {
    -webkit-filter: blur(15px);
            filter: blur(15px);
  }
}
@keyframes slideOut {
  from {
    -webkit-filter: blur(0);
            filter: blur(0);
  }
  to {
    -webkit-filter: blur(15px);
            filter: blur(15px);
  }
}


.cta-more {
    color: #004DFF;
    position: relative;
    width: auto;
    padding: 10px;
    bottom: 10%;
    z-index: 3;
    opacity: 0;
    transition: opacity 0.6s ease;
    display: inline-block;
}

.cta-more.isactive {
    opacity: 1;
    bottom: 25%;
}
.cta-more .cta-more-box {
    position: absolute;
    left: 20px;
    top: 20px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    transition: all 0.4s ease;
}
.cta-more.isactive .cta-more-box{
    left: 0;
    top: 3px;
    width: 36px;
    height: 36px;
    border: 1px solid #004DFF;
    border-radius: 50px;
    transition-delay: 0.2s;
}
.cta-more .cta-more-arrow {
    position: absolute;
    left: 0px;
    top: 8px;
    height: 15px;
    opacity: 0;
    transition: all 0.4s ease;
}
.cta-more.isactive .cta-more-arrow{
    position: absolute;
    left: 20px;
    height: 15px;
    top: 8px;
    opacity: 1 !important;
    transition-delay: 0.6s;
}
.cta-more .img-arrow-right {
    width: 24px;
    position: absolute;
}
.cta-more .cta-more-label {
    margin-left: 45px;
    opacity: 0;
    transition: opacity 0.7s ease 0.8s;
    text-align: left;
    line-height: 1.25;
    font-weight: 700;
    font-size: 1.2em;
}
.cta-more.isactive .cta-more-label {
    opacity: 1 !important;
}
.cta-more:hover .cta-more-box,
.show_hide.active .cta-more .cta-more-box {
    width: 103%;
}
.body-content .ui-container {
    display: flex;
    background-size: cover;
    background-position: center top;
    flex-flow: wrap;
}

.about-box{
    -webkit-box-shadow: 0px 0px 10px rgb(0 0 0 / 14%);
    box-shadow: 0px 0px 10px rgb(0 0 0 / 14%);
    -webkit-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
    padding: 50px 30px;
    text-align: center;
    }
.about-box h3{font-size: 20px;color: #6a6a6a;margin-bottom: 10px;font-weight: 600;font-size: 1.29375rem !important; position: relative; top: 40px; opacity: 0; 
transition: top 0.4s ease, opacity 0.7s ease; }
.about-box h2{font-size: 3em;color: #000;font-weight: 900;margin-bottom: 15px;font-size: 3.29375rem !important; position: relative; top: 40px; opacity: 0;
transition: top 0.6s ease, opacity 0.7s ease; }
.about-box p{margin-bottom: 20px;font-size: 1.175rem; position: relative; top: 40px; opacity: 0; transition: top 0.7s ease, opacity 0.7s ease;}
.about-box.isactive h2,
.about-box.isactive h3,
.about-box.isactive p{ opacity: 1; top: 0px; }


.insights-text .sectionTitle {position: relative;top: 30px;opacity: 0;font-size: 3.29375rem !important;font-weight: 600;line-height: 1.2;}
.insights-text.isactive .sectionTitle { -webkit-transition: opacity 0.6s ease-in, top1s ease; -o-transition: opacity 0.6s ease-in, top1s ease; -webkit-transition: opacity 0.6s ease-in, top 1s ease; -o-transition: opacity 0.6s ease-in, top 1s ease; transition: opacity 0.6s ease-in, top 1s ease; opacity: 1; top: 0; 
	-webkit-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s; }
.insights-text .sectionTitleSmall{position: relative;top: 30px;opacity: 0;font-size: 1.29375rem !important;line-height: 1;color: #6a6a6a;font-weight: 600;margin-bottom: 0.54em;}
.insights-text.isactive .sectionTitleSmall { -webkit-transition: opacity 0.6s ease-in, top1s ease; -o-transition: opacity 0.6s ease-in, top1s ease; -webkit-transition: opacity 0.6s ease-in, top 1s ease; -o-transition: opacity 0.6s ease-in, top 1s ease; transition: opacity 0.6s ease-in, top 1s ease; opacity: 1; top: 0; 
	-webkit-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s; }
.insights-text .sectionDescription {position: relative;top: 15px;opacity: 0;font-size: 1.175rem;margin-bottom: 1.4rem;}	
.insights-text.isactive .sectionDescription{ -webkit-transition: opacity 0.6s ease-in, top 0.4s ease; -o-transition: opacity 0.6s ease-in, top 0.4s ease; transition: opacity 0.6s ease-in, top 0.4s ease; opacity: 1; top: 0; 
	-webkit-transition-delay: 0.8s; -o-transition-delay: 0.8s; transition-delay: 0.8s; }
#block-section-2 p.sectionDescription {  padding-top: 1em; }

.section-container-2a,
.companyabout { margin-top: 5em; height: auto; position: relative; margin-bottom: 1em; }

.section-container-3 .img-container { width: 100%; padding-top: 0; height: 0; overflow: hidden; position: relative; transition: height 0.7s ease; }
.section-container-3 .img-container.trigger {  padding-top: 0px; height: 278px; }
.section-container-3 .img-container.imgc-1.trigger { -webkit-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s; }
.section-container-3 .img-container img { width: 100%; position: absolute; top: 50%; transform: translateY(-50%); 
	transition: transform 0.6s ease; opacity: 1; }
.section-container-3 .img-container .cta-btn { position: relative; width: 80px; height: 80px; top: 50%; left: 50%; border-radius: 10%; background: #5200FF; 
	transform: translate(-50%,-50%); color: white; border-radius: 50%; opacity: 0; line-height: 1rem; }	
.section-container-3 .img-container:hover .cta-btn { width: 80px; height: 80px; border-radius: 50%; }
.section-container-3 .img-container:hover img { transform: scale(1.2) translateY(-50%); opacity: 1;}
/*.hidden-lg { display: none !important; }*/
.section-container-3 .text-content { padding-right: 17%; }
p.categoryTitle { font-size: 0.75rem !important; line-height: 1 !important; margin-bottom: 1rem; margin-top: 1.5rem; }
.section-container-3 .text-content p:nth-child(1) { padding-top: 5px; opacity: 0; transition: all 0.6s ease-out 0.2s; }
.section-container-3 .text-content.isactive p {  padding-top: 0px; opacity: 1; }
.cardTitle{font-size: 1.8rem;line-height: 0.9;font-weight: normal !important;margin-bottom: 1.2rem;margin-top: 1.5rem;color: #000;font-weight: 800 !important;}
.section-container-3 .text-content .cardTitle { padding-top: 5px; opacity: 0; -webkit-transition: all 0.6s ease-out 0.1s; -o-transition: all 0.6s ease-out 0.1s;
    transition: all 0.6s ease-out 0.1s; }
.section-container-3 .text-content.isactive .cardTitle { padding-top: 0px; opacity: 1; }
.section-container-3 a{ display: block; }
.cardDescription {font-size: 1.075rem !important; line-height: 1.2 !important;}
.section-container-3 .text-content p:nth-child(3) { padding-top: 5px; opacity: 0; transition: all 0.6s ease-out 0.4s; }
.section-container-3 .text-content p.cardDescription {  padding-top: 5px; opacity: 0; -webkit-transition: all 0.6s ease-out 0.1s;
    -o-transition: all 0.6s ease-out 0.1s;  transition: all 0.6s ease-out 0.1s; }
.section-container-3 .text-content.isactive p.cardDescription { padding-top: 0px; opacity: 1; }    
.section-container-3 .img-container.imgc-2 { margin-top: 70px; }
.section-container-3 .img-container.imgc-3 { margin-top: 140px;}
.section-container-3 .img-container.imgc-4 { margin-top: 210px;}
.section-container-3 .row{ margin: 0 auto; }
.section-container-3 .col-md-3{ padding: 0; }
.section-container-3 .cta-more{
	color: #004DFF;
	position: relative;
	width: auto;
	padding: 10px;
	margin-bottom: 10px;
	bottom: 0%;
	right: 0%;
	transform: translateY(50%);
	z-index: 3;
	opacity: 0;
	transition: opacity 0.6s ease;
	display: inline-block;
	float: right;
	margin: 1em 0 4em;
	}
.section-container-3 .cta-more.isactive { opacity: 1; }
.section-container-3 .follow-cta-btn {
    width: 80px;
    height: 80px;
    opacity: 0;
    border-radius: 50%;
    background: #5200FF;
    position: absolute;
    padding: 5px;
    z-index: 10;
    line-height: 1rem;
}
.section-container-3 .follow-cta-btn.isactive {
    opacity: 0.9;
}
.section-container-3 .panel-1 {
    height: auto;
    position: relative;
}
.section-container-3 .follow-cta-btn span {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    color: #fff;
    line-height: 1 !important;
    font-size: 16px !important;
}
.section-container-3 .follow-cta-btn span {
    font-size: 13px !important;
    text-align: center;
    font-weight: 900;
}
.section-container-3 .img-container.isactive .cta-btn {
    transform: translate(-50%,-50%);
    top: 50% !important;
    left: 50% !important;
    width: 200% !important;
    height: 200% !important;
    opacity: 0.9;
    border-radius: 50% !important;
    transition: width 0.4s ease, height 0.4s ease, opacity 0.3s ease;
}
.section-container-3 .img-container .cta-btn span {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    line-height: 1 !important;
    font-size: 16px !important;
    font-family: Graphik semibold;
}

.ceo { margin-top: 5em; height: auto;  position: relative; margin-bottom: 1em; }
.ceo .ceo-image-section{  /*width: 0;*/ padding-top: 0; overflow: hidden; position: relative; transition: width 0.7s ease; 
    clip-path: inset(0 100% 0 0); -webkit-clip-path: inset(0 100% 0 0); transition: -webkit-clip-path .6s cubic-bezier(.785,.135,.15,.86);
    transition: clip-path .6s cubic-bezier(.785,.135,.15,.86); transition: clip-path .6s cubic-bezier(.785,.135,.15,.86),
    -webkit-clip-path .6s cubic-bezier(.785,.135,.15,.86); margin-bottom: 2.2em; }
.ceo .ceo-image-section img{/* max-width: initial; */width: 100%; }
.ceo .ceo-image-section.trigger{  padding-top: 0px; /*width: 100%;*/     clip-path: inset(0 0 0 0); -webkit-clip-path: inset(0 0 0 0);
    transition: -webkit-clip-path .6s cubic-bezier(.785,.135,.15,.86); transition: clip-path .6s cubic-bezier(.785,.135,.15,.86);
    transition: clip-path .6s cubic-bezier(.785,.135,.15,.86),-webkit-clip-path .6s cubic-bezier(.785,.135,.15,.86); transition-delay: .5s;
    will-change: auto; }
.ceo .cardTitle ,
.ceo p.cardDescription{ padding-top: 5px; opacity: 0; -webkit-transition: all 0.6s ease-out 0.1s; -o-transition: all 0.6s ease-out 0.1s;
    transition: all 0.6s ease-out 0.1s; }
.ceo .isactive .cardTitle,
.ceo .isactive p.cardDescription { padding-top: 0px; opacity: 1; }
.ceo .cardTitle{font-size: 2.8rem;color: #000;line-height: 1.1;font-weight: 700 !important;}

.body-content .ui-container .row-wide {  width: 100%; }
.section-container-2 { height: 100vh; background: #fff; overflow: hidden; }
.panel { margin: 0px; padding: 0px; width: 100vw; height: 100vh; position: absolute; overflow: hidden; 
	background: transparent; border: none !important; box-shadow: none !important;  }
.panel-1 { z-index: 4; }
.section-container-2 .panel-1 .img-1 { width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.body-content .ui-container .row { width: 100%; margin: 0 auto; padding-top: 1.25em; padding-bottom: 1.25em; }

.panel .row{ position: initial; display: block; height: inherit; }


.join-us { position: relative; bottom: -60%; width: 100%; }
.join-us .animate_title {
 opacity: 0;
 position: relative;
 text-align: center;
 left: 50%;
 -webkit-transform: translate(-50%, 50%);
 -ms-transform: translate(-50%, 50%);
 transform: translate(-50%, 50%);
 font-size: 3.29375rem;
 line-height: 3.3rem;
 display: block;
 line-height: 1;
 margin-bottom: 1rem;
 }
.section-container-2 .panel-1 .title-1 {bottom: 33%;font-weight: 900;}
.section-container-2 .panel-1 .title-1 { margin-bottom: 2rem; }
.animate_title span:nth-child(1) { position: relative; top: 15px; opacity: 0; display: block; }
#block-section-3b .panel-1 .animate_title span:nth-child(1) { -webkit-transition: opacity 0.6s ease-in, top 0.8s ease; -o-transition: opacity 0.6s ease-in, top 0.8s ease;
    transition: opacity 0.6s ease-in, top 0.8s ease; }

.section-container-2 .panel-1 .cta-more {color: #004DFF; position: absolute; width: auto; bottom: -85%; 
	left: 50%; transform: translateX(-50%); z-index: 10; opacity: 0; padding: 10px; }


.cta-scroll { color: #ffffff; position: absolute; cursor: pointer; width: auto; padding: 10px; z-index: 10; opacity: 0;
 transition: opacity 0.6s ease;color: #C3C3C3; }
.cta-scroll.position-1 {bottom: 37%;left: 50%;}

.section-container-2 .panel-1 .title-2 {bottom: 15%;font-size: 1.25rem;line-height: 1.5vw;}
.section-container-2 .cta-scroll.position-1 {bottom: -180%;}
.cta-scroll .cta-scroll-box { position: absolute; transform: translateX(-50%); top: 7px; left: 50%; top: 20px; width: 5px; 
	height: 5px; border-radius: 50%; transition: all 0.4s ease;}

.cta-scroll .cta-scroll-arrow.goDown { -webkit-animation-duration: 3.5s; animation-duration: 3.5s; -webkit-animation-fill-mode: both; 
	animation-fill-mode: both; -webkit-animation-timing-function: linear; animation-timing-function: linear; animation-iteration-count: infinite; 
	-webkit-animation-iteration-count: infinite; -webkit-animation-name: goDown; animation-name: goDown; }

@keyframes goDown{0%,100%{top:12px}25%{top:24px}50%{top:12px}75%{top:24px}}
.section-container-2 .cta-scroll .cta-scroll-arrow {
	position: absolute;
	transform: rotate(0deg);
	left: 8px;
	top: 5px;
	transition-delay: 0.6s;
	}


#block-section-3b .animate_title.isactive span:nth-child(3) {
    -webkit-transition: opacity 0.6s ease-in, top 0.4s ease;
    -o-transition: opacity 0.6s ease-in, top 0.4s ease;
    transition: opacity 0.6s ease-in, top 0.4s ease;
}
#block-section-3b  .animate_title.isactive span:nth-child(3) {
    -webkit-transition: opacity 0.6s ease-in, top 0.4s ease;
    -o-transition: opacity 0.6s ease-in, top 0.4s ease;
    transition: opacity 0.6s ease-in, top 0.4s ease;
	-webkit-transition-delay: 0.2s;
	     -o-transition-delay: 0.2s;
	        transition-delay: 0.2s
}
#block-section-3b  .animate_title span:nth-child(7) {
	position: relative;
    top: 15px;
}

#block-section-3b .panel-1 .animate_title span:nth-child(1) {
	    -webkit-transition: opacity 0.6s ease-in, top 0.8s ease;
	    -o-transition: opacity 0.6s ease-in, top 0.8s ease;
	    transition: opacity 0.6s ease-in, top 0.8s ease;
}

#block-section-3b .panel-2 .animate_title.isactive span:nth-child(1), #block-section-3b .panel-3 .animate_title.isactive span:nth-child(1) ,.section-container-9 .panel-1 .animate_title.isactive span:nth-child(1) {
    -webkit-transition: opacity 0.6s ease-in, top 0.8s ease;
    -o-transition: opacity 0.6s ease-in, top 0.8s ease;
    transition: opacity 0.6s ease-in, top 0.8s ease;
		opacity: 1;
    margin-bottom: 0;
}
#block-section-3b .panel-2 .animate_title.isactive span:nth-child(3), #block-section-3b .panel-3 .animate_title.isactive span:nth-child(3) {
    -webkit-transition: opacity 0.6s ease-in, top 0.8s ease;
    -o-transition: opacity 0.6s ease-in, top 0.8s ease;
    transition: opacity 0.6s ease-in, top 0.8s ease;
-webkit-transition-delay: 0.3s;
     -o-transition-delay: 0.3s;
        transition-delay: 0.3s;
	opacity: 1;
}
#block-section-3b .panel-2 .animate_title.isactive span:nth-child(5), #block-section-4 .panel-3 .animate_title.isactive span:nth-child(5), .section-container-9 .panel-1 .animate_title.isactive span:nth-child(5) {
    -webkit-transition: opacity 0.6s ease-in, top 0.8s ease;
    -o-transition: opacity 0.6s ease-in, top 0.8s ease;
    transition: opacity 0.6s ease-in, top 0.8s ease;
-webkit-transition-delay: 0.5s;
     -o-transition-delay: 0.5s;
        transition-delay: 0.5s;
	opacity: 1;
}
#block-section-3b .panel-2 .animate_title.isactive span:nth-child(7) {
    -webkit-transition: opacity 0.6s ease-in, top 0.4s ease;
    -o-transition: opacity 0.6s ease-in, top 0.4s ease;
    transition: opacity 0.6s ease-in, top 0.4s ease;
-webkit-transition-delay: 0.7s;
     -o-transition-delay: 0.7s;
        transition-delay: 0.7s;
	opacity: 1;
    top: 0;
}

#block-section-3b .panel-2 .animate_title span:nth-child(3), .animate_title span:nth-child(5),
.animate_title span:nth-child(7) {
    opacity: 0;
}

#block-section-3b .panel-2 .animate_title.isactive span {
	display: block;
}

#block-section-3b .animate_title.isactive span{  font-size: 20px; }
#block-section-3b .animate_title.isactive span.header_join{ font-size: 25px; font-weight: 600; }

.animate_title.isactive span { top: 0px; }
.animate_title.isactive span:nth-child(1), .animate_title.isactive span:nth-child(2), .animate_title.isactive span:nth-child(3), .animate_title.isactive span:nth-child(4), .animate_title.isactive span:nth-child(5), .animate_title.isactive span:nth-child(6) {
    opacity: 1;
}
.join-us .animate_title.isactive { opacity: 1; }
.cta-scroll.isactive, .item.active .cta-scroll { opacity: 1 !important; }
.section-container-2 .cta-scroll.isactive .cta-scroll-box { border: 2px solid #C3C3C3; }
.cta-scroll.isactive .cta-scroll-box, .item.active .cta-scroll .cta-scroll-box { left: 50%; transform: translateX(-50%); top: 7px;
 width: 36px; height: 36px; border: 1px solid #ffffff; border-radius: 50%; transition-delay: 0.2s;  }

.section-container-2 .cta-more.isactive { opacity: 1;bottom: -50%; }

.section-container-2 .cta-more .cta-more-label {font-size: 20px !important;line-height: 1.15;}
.panel-2 { z-index: 3; }
.section-container-2 .panel-2 .img-3 { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.cta-scroll .cta-scroll-label {  width: max-content; position: absolute; left: 50%; transform: translateX(-50%); top: -100%;
    opacity: 0; transition: opacity 0.7s ease 0.8s; }
.cta-scroll .cta-scroll-label { font-size: 18px; color: #6b6b6ba3; }


.cta-scroll.isactive .cta-scroll-label, .item.active .cta-scroll .cta-scroll-label { opacity: 1; }
#block-section-3b .content-module { padding: 0; }

.animate_title { opacity: 0; position: absolute; text-align: center; bottom: 50%; left: 50%; 
	transform: translate(-50%, 50%); font-size: 2.4rem; line-height: 2.5rem; }
.panel-2 { z-index: 3; }
.panel-2.isactive { z-index: 5; }

#block-section-3b .section-container-2 .panel-2 .animate_title, .section-container-9 .panel-1 .animate_title { opacity: 1; position: relative; 
	text-align: left; top: 50%; left: 0; color: white; -webkit-transform: translateY(-40%); -ms-transform: translateY(-40%); 
	transform: translateY(-40%); width: 45%; bottom: 0; }

.animate_title.isactive { opacity: 1; }
span.header_join { font-size: 35px; font-weight: 700; }
.animate_title.careers{ line-height: 1.3 !important;  }

.animate_title.careers .cta-more.isactive .cta-more-box{ border-color: #fff; }
.animate_title.careers .cta-more { color: #fff; }

.sectionTitle { font-size: 3.29375rem; font-weight: 600; line-height: 1.2; }
.sectionDescription { font-size: 1.175rem; line-height: 1.2 ; }


/**Section 7**/
.section-container-7 .text-center h3.sectionTitle{
	padding-top: 5px;
	opacity: 0;
	transition: all 0.6s ease-out;
    margin-bottom: 1rem;	
}

.section-container-7 .text-center p:nth-child(1){
	padding-top: 5px;
	opacity: 0;
	transition: all 0.6s ease-out 0.2s;
}

.section-container-7 .text-center p:nth-child(2){
	padding-top: 5px;
	opacity: 0;
	transition: all 0.6s ease-out 0.3s;
}

.section-container-7 .text-center p:nth-child(3){
	padding-top: 5px;
	opacity: 0;
	transition: all 0.6s ease-out 0.4s;
}

.section-container-7 .text-center p:nth-child(4){
	padding-top: 5px;
	opacity: 0;
	transition: all 0.6s ease-out 0.5s;
}

.section-container-7 .text-center.isactive p{
	padding-top: 0px;
	opacity: 1;
    line-height: 1.5;	
}

.section-container-7 .text-center.isactive h3.sectionTitle{
	padding-top: 0px;
	opacity: 1;
}

.section-container.section-container-7 {
    min-height: 170px;
}

.section-container-7 .shared-container {
    -webkit-transform: translateY(60px);
    -ms-transform: translateY(60px);
    transform: translateY(60px);
}

.section-container-8 .cta-more.isactive{
	opacity: 1;
	position: relative;
}

.section-container-8 .cta-more {
    cursor: pointer;
    display: inline-block;
    width: auto;
    padding: 10px;
}

.section-container-8 .cta-more .cta-more-box {
	position: absolute;
    left: 20px;
    top: 20px;
    width: 5px;
    height: 5px;
	border-radius: 50%;
	transition: all 0.4s ease;
}

.section-container-8 .cta-more.isactive .cta-more-box {
    left: 0;
    top: 3px;
	width: 36px;
    height: 36px;
    border: 1px solid #004DFF;
	border-radius: 50px;
	transition-delay: 0.2s;
}

/*.section-container-8 .cta-more.isactive:hover .cta-more-box{
width: 200px !important;
    height: 36px;
	border-radius: 25px 25px 25px 25px;
}*/

.section-container-8 .cta-more .cta-more-arrow {
	position: absolute;
	left: 0px;
    top: 8px;
	opacity: 0;
	transition: all 0.4s ease;
}

.section-container-8 .cta-more.isactive .cta-more-arrow {
    position: absolute;
    left: 20px;
    top: 8px;
	opacity: 1;
	transition-delay: 0.6s;
}

.section-container-8 .cta-more.isactive .cta-more:hover .cta-more-arrow {
	 left: 10px;
}

.section-container-8 .cta-more .img-arrow-right{
	width: 24px;
}

.section-container-8 .cta-more .cta-more-label {
	position: relative;
	margin-left: 45px;
	opacity: 0;
	transition: opacity 0.7s ease 0.8s;
	color: #004DFF;
}

.section-container-8 .cta-more.isactive .cta-more-label{
	opacity: 1;
}

/**Section 8**/


.section-container-8 .text-content h4.categoryTitle{
	position: relative;
	top: 5px;
	opacity: 0;
}

.section-container-8 .text-content h3.SubsectionTitle{
	position: relative;
	top: 5px;
	opacity: 0;
height: 3em;
}

.section-container-8 .text-content p:nth-child(1){
	position: relative;
	top: 5px;
	opacity: 0;
}

.section-container-8 .text-content p:nth-child(2){
	position: relative;
	top: 5px;
	opacity: 0;
}

.section-container-8 .text-content p:nth-child(3){
	position: relative;
	top: 5px;
	opacity: 0;
}

.section-container-8 .text-content p:nth-child(4){
	position: relative;
	top: 5px;
	opacity: 0;
}

.section-container-8 .text-content.isactive p{
	transition: all 0.6s ease-out;
	top: 0px;
	opacity: 1;
	transition-delay: 0.3s;
}

.section-container-8 .text-content.isactive h4.categoryTitle{
	transition: all 0.6s ease-out;
	top: 0px;
	opacity: 1;
	transition-delay: 0.1s;
height: auto;
margin-bottom: 5px;
}

.section-container-8 .text-content.isactive h3.SubsectionTitle{
	transition: all 0.6s ease-out;
	top: 0px;
	opacity: 1;
	transition-delay: 0.2s;
color:blue;
}

.cards {
	display: block;
	-webkit-transform-style:preserve-3d;
	transform-style:preserve-3d;
	-webkit-transition: margin .5s;
	-webkit-transition:all .5s;
	-o-transition:all .5s;
	transition:all .5s;
	-webkit-transform:translateZ(900px);
	transform:translateZ(900px);
    margin-bottom: 1.6rem;
    margin-left: 1.875rem;
    padding-left: 1.25rem;	
}
.cards li {
	display: block;
	position: absolute;
	width: 310px;
	height: 300px;
	/*border-radius: 3px;*/
	-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,.1), 0 0 10px rgba(0,0,0,.1);
	           box-shadow: 0px 2px 2px rgba(0,0,0,.1), 0 0 10px rgba(0,0,0,.1);
	font-family: "Open Sans", sans-serif;
	text-align: center;
	padding: 20px 10px 0 10px;
	background: white;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

/*Cards Mobile*/

@media screen and (max-width: 767px) {
	.section-container-7 .shared-container {
		-webkit-transform: none;
		    -ms-transform: none;
		        transform: none;
	}
	.section-container-2 .cta-more .cta-more-label {
		margin-left: 42px;
	}
	.cards li {
		width: 230px;
		height: 240px;
		}
	/*.container {
		width: 320px;
		height: 290px;
		}*/
	.carousel-img {
		height: 100%;
		width: auto;

	}
}

.cards .corner {
	font-size:25px;
	position: absolute;
	left:12px;
	top:8px;
	font-family: Lora, serif;
}
.cards h2 {
	font-family: Lora, serif;
}
.cards h2::before {
	content:"";
	margin:auto;
	display: block;
	width: 350px;
	height: 1px;
	background: black;
}
.cards h2::after {
	content:"";
	margin:auto;
	display: block;
	width: 300px;
	height: 1px;
	background: black;
}

.section-container-8 .cta-more-box {
    position: relative;
    left: 0;
    top: 0;
    width: 70px;
    height: 70px;
    border: 1px solid #004DFF;
    border-radius: 50%;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    display: inline-block;
    cursor: pointer;
}

.section-container-8 .cta-more-arrow {
    position: absolute;
    top: 28px;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.section-container.section-container-8 {
overflow: hidden;
}

.card-nav .img-arrow-right {
    width: 1.3em;
    padding: 0 20px;
    position: absolute;
}

.card-nav .img-arrow-left {
    width: 1.3em;
    padding: 0 20px;
    position: absolute;
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
}

.cta-more-box.arrow.arrow-right {
	float: right;
}

.cta-more-box.arrow.arrow-left {
	float: left;
}

.text-center, .text-center-2 {
	text-align: center;
}

.section-container-8 .arrow:hover {
    -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
            transform: scale(1.2);
}

.carousel-img {
	width: 100%;
}
.cards li {
	overflow: hidden;
	padding: 0;
}

/*.cards .img-container, .cards .img-container a {
	cursor: none !important;
}*/

.cards .img-container img{
	-webkit-transition: -webkit-transform 0.6s ease;
	transition: -webkit-transform 0.6s ease;
	-o-transition: transform 0.6s ease;
	transition: transform 0.6s ease;
	transition: transform 0.6s ease, -webkit-transform 0.6s ease;
}
.cards .img-containe:hover img{
	-webkit-transform: scale(1.2);
	    -ms-transform: scale(1.2);
	        transform: scale(1.2);
}

.carousel .container {
	    width: 410px;
    height: 350px;
    position: relative;
    -webkit-perspective: 1500px;
    perspective: 1450px;
    margin: auto;
    margin-top: 60px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    height: 600px;
    max-width: initial;

}

.carousel .container:before {
    content: " ";
    display: block;
    background: rgba(1,1,1,0.08);
    width: 84%;
    height: 97%;
    position: absolute;
    top: -4%;
    left: 11.5%;
    z-index: -1;
}
.explore-container {
    cursor: none;
    display: block;
    width: 36%;
    height: 88%;
    position: absolute;
    top: 5.6%;
    left: 32.9%;
    z-index: 1;
    overflow: hidden;
    transition: transform 0.6s ease;
}
.zoom .explore-container:hover {
    opacity: 1;
    /* cursor: none!important; */
}
.cta-btn.cards-cta-btn.cards-cta-btn-container {
    position: absolute;
    z-index: 2;
    width: 80px;
    height: 80px;
    background: #5200FF;
    transform: translate(-100%,-100%);
    color: white;
    border-radius: 50%;
    opacity: 0;
    line-height: 1rem;
}
.cta-btn.cards-cta-btn.cards-cta-btn-container span {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    line-height: 1 !important;
    font-size: 13px !important;
    font-weight: 700;
}

.explore-container:hover .cards-cta-btn-container {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    transform: scale(0.9);
    z-index: 2;
    opacity: 0.9;
}

.carousel .container .top-active {
    position: absolute;
    top: 55%;
    padding: 0% 12%;
    opacity: 1;
    text-align: center;
}
.section-container-8 .text-content h4.categoryTitle {
    position: relative;
    top: 5px;
    opacity: 0;
}
.section-container-8 .text-content.isactive h4.categoryTitle {
    transition: all 0.6s ease-out;
    top: 0px;
    opacity: 1;
    transition-delay: 0.1s;
    height: 1.5em;
    font-size: 20px;
    font-weight: 600;    
}
.section-container-8 .text-content h3.SubsectionTitle {
    position: relative;
    top: 5px;
    opacity: 0;
    height: 3em;
}
.TitleThree {
    height: 3em !important;
}
.section-container-8 .text-content.isactive h3.SubsectionTitle {
    transition: all 0.6s ease-out;
    top: 0px;
    opacity: 1;
    transition-delay: 0.2s;
    color: blue;
}
.section-container-8 .text-content p:nth-child(3) {
    position: relative;
    top: 5px;
    opacity: 0;
}
.section-container-8 .text-content.isactive p {
    transition: all 0.6s ease-out;
    top: 0px;
    opacity: 1;
    transition-delay: 0.3s;
}

.section-container-8 .cta-more-box {
    position: relative;
    left: 0;
    top: 0;
    width: 70px;
    height: 70px;
    border: 1px solid #004DFF;
    border-radius: 50%;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    display: inline-block;
}
.section-container-8 .arrow:hover {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
.cta-more-box.arrow.slide-right {
    position: absolute;
    left: 98%;
    top: 60%;
}
.slide-right .img-arrow-right {
    width: 2em;
    position: absolute;
    left: 20px;
    max-width: initial;
}
.cta-more-box.arrow.slide-left {
    position: absolute;
    top: 60%;
    left: -10%;
}
.slide-left .img-arrow-left {
    width: 2em;
    position: absolute;
    left: 20px;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    max-width: initial;
}

.carousel .container .next-active {
    display: none;
}
.carousel .container .cta-more-center {
    position: absolute;
    bottom: -24px;
    left: 50%;
    transform: translateX(-50%);
}
.carousel .container .top-active.move-right {
    transition: opacity 0.5s ease;
    opacity: 0;
}

.section-container-8 .carousel{ position: relative; width: 100%; padding: 0; }
.cards-cta-btn-container.isclicked {
    transform: translate(-50%,-50%) !important;
    top: 50% !important;
    left: 50% !important;
    width: 200% !important;
    height: 200% !important;
    opacity: 0.9 !imortant;
    border-radius: 0% !important;
    transition: width 0.4s ease, height 0.4s ease, opacity 0.3s ease;
}

.section-container-9 {
    height: 100vh;
    background: #fff;
    overflow: hidden;
}
.section-container-9 .panel-1 {
    z-index: 1;
}

.section-container-9 .panel-1 .vid-1 {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.section-container-9 .panel.isactive {
    z-index: 4;
}
.section-container-9 .panel-2 .img-1 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -55%);
}
.section-container-9 .panel-2 .img-1 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -55%);
}
#block-section-5 .animate_title span:nth-child(1) {
    -webkit-transition: opacity 0.6s ease-in, top 0.8s ease;
    -o-transition: opacity 0.6s ease-in, top 0.8s ease;
    transition: opacity 0.6s ease-in, top 0.8s ease;
}

.section-container-9 .panel.isactive {
    z-index: 4;
}

#block-section-5 .animate_title.title-1.film-julie {
    opacity: 1;
    position: relative;
    text-align: left;
    top: 50%;
    left: 0;
    color: #000;
    -webkit-transform: translateY(-40%);
    -ms-transform: translateY(-40%);
    transform: translateY(-40%);
    width: 44%;
    bottom: 0;
}
.animate_title.film-julie p {
    position: relative;
    top: 15px;
}
.animate_title.title-1.film-julie p {
    opacity: 0;
}
.animate_title.title-1.film-julie p {
    font-size: 1.625rem !important;
    position: relative;
    line-height: 1.5;
    margin-bottom: 1rem;
}
.animate_title.film-julie.isactive p {
    top: 0px;
}
.animate_title.title-1.film-julie.isactive p {
    opacity: 1;
    -webkit-transition: opacity 0.6s ease-in, top 0.8s ease;
    -o-transition: opacity 0.6s ease-in, top 0.8s ease;
    transition: opacity 0.6s ease-in, top 0.8s ease;
}
.animate_title.title-1.film-julie p.marquee-profile {
    font-size: 1.125rem !important;
    line-height: 1.5 !important;
    margin-bottom: 1rem !important;
    position: relative;
}
.animate_title.title-1.film-julie.isactive p.marquee-profile {
    opacity: 1;
    -webkit-transition: opacity 0.6s ease-in, top 0.8s ease;
    -o-transition: opacity 0.6s ease-in, top 0.8s ease;
    transition: opacity 0.6s ease-in, top 0.8s ease;
    -webkit-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.section-container-9 .cta-more .cta-more-label {
    margin-left: 45px;
    opacity: 0;
    transition: opacity 0.7s ease 0.8s;
    font-size: 19px !important;
    line-height: 1.25;
    color: #000;
}
.section-container-9 .cta-more.isactive .cta-more-label {
    opacity: 1;
}
.section-container-9 .cta-more .cta-more-arrow {
    position: absolute;
    left: 0px;
    top: 8px;
    opacity: 0;
    transition: all 0.4s ease;
}
.section-container-9 .cta-more.isactive .cta-more-arrow {
    position: absolute;
    left: 20px;
    top: 8px;
    opacity: 1;
    transition-delay: 0.6s;
}
.section-container-9 .cta-more.twitter .cta-more-arrow, .section-container-9 .cta-more.linkedin .cta-more-arrow {
    left: 20px;
}
.section-container-9 .cta-more.twitter.isactive .cta-more-arrow, .section-container-9 .cta-more.linkedin.isactive .cta-more-arrow {
    left: 33px;
}
.section-container-9 .cta-more .cta-more-box {
    position: absolute;
    left: 20px;
    top: 20px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    transition: all 0.4s ease;
}
.section-container-9 .cta-more.isactive .cta-more-box {
    left: 0;
    top: 3px;
    width: 36px;
    height: 36px;
    border: 1px solid #004DFF;
    border-radius: 50px;
    transition-delay: 0.2s;
}
.section-container-9 .panel-3 .cta-more.isactive .cta-more-box {
    border: 1px solid #000 !important;
}
.julie-social .twitter-icon, .julie-social .linkedin-svg {
  font-size: 16px;
    color: #000;
    top: 50%;
    left: 8px;
    position: absolute;
    transform: translate(50%, -50%);
    opacity: 0;
    line-height: 0;
}
.julie-social .twitter-icon path, 
.julie-social .linkedin-svg path,
.julie-social .img-arrow-right path,
.film-julie .cta-more .img-arrow-right path{ fill: #000; }
.julie-social .cta-more.twitter.isactive .twitter-icon, .cta-more.linkedin.isactive .linkedin-svg {
    opacity: 1;
    /* transition-delay: 0.8s; */
    position: absolute;
    transition: all ease 0.3s 0.8s;
}
.julie-social .img-arrow-right {
    width: 16px !important;
}


.linkedin-svg svg{ vertical-align: initial; }
.linkedin-svg svg + svg{ margin-left: -2px; }
.julie-social .linkedin-svg{ left: 3px; }

/*#block-section-5{ margin-top: 5em; }*/
#block-section-5 .animate_title.title-1.isactive.change { bottom: 27%; left: 50%; -webkit-transform: translate(-50%, 50%); -ms-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%); font-weight: 700; font-size: 3em; }

.mainfooter{background:#000;padding: 30px 0 10px;color: #fff;}
.mainfooter h3{font-size: 1.15em;color: #fff;font-weight: 600;margin-bottom: 25px;color: #ffffff;text-transform: uppercase;position: relative;padding-bottom: 15px;}
.mainfooter h4{ position: relative; padding-bottom: 10px; }
.mainfooter h3:before,
.mainfooter h4:before{content: '';position: absolute;left: 0;background: #4fc190;width: 50px;height: 2px;bottom: 0;}
.mainfooter p,
.mainfooter a{ font-size: 1.04em; color: #fff; margin-bottom: 12px; transition: all 0.3s ease-out; }
.footernav{padding: 30px 0;border-top: 1px solid #202020;border-bottom: 1px solid #202020;margin: 0px 0 18px;}
.footernav ul li{ display: block; }
.footernav ul li:last-child a{ margin-bottom: 0; }

.mainfooter a:hover{ color: #4fc190;text-shadow: 0px 0px 8px #4fc190; }

.mainfooter .socialicons{ display: flex; justify-content: flex-end; }
.mainfooter .socialicons li{ padding: 0 5px; transition: all 0.3s ease-out; }
.mainfooter .socialicons li a{  width: 30px; height: 30px; border: 1px solid #fff; border-radius: 100%; margin-bottom: 0; display: flex;
    align-items: center; justify-content: center; }
.mainfooter .socialicons li:hover a{ border-color: #4fc190; transform: scale(1.29);  box-shadow: 0px 0px 12px #4fc190;color: #4fc190; }
.mainfooter .socialicons li:hover a i{ text-shadow: none; }

.bg-color-theme{ background-color: #7eeb7f !important; }

.body-content .ui-container-inn .row{ padding-top: 2.25em; padding-bottom: 2.25em; }

.homepg .body-content {  margin-top: 0em;  }
.body-content { margin-top: 4.25em; }
.parentinner .body-content{  margin-top: 7.85em; }


.inner_banner{position: relative;min-height: 15em;line-height: 0;}
.inner_banner img{width: 100%;object-fit: cover;min-height: 21.875rem;height: 16.5rem;}
.inner_banner .container{position: absolute;top: 50%;left: 0;right: 0;transform: translateY(-50%);color: #fff;line-height: normal;}
.inner_banner h1{ font-size: 3.568em; font-weight: 600; margin-bottom: 0.26em; color: #000;  }
.inner_banner p{ color: #000; }


.jumplink .row .anchor-link, 
.jumplink .row .active-link, 
.jumplink .row span.icon { color: #000; padding: 0 1.25rem 0 1.25rem; text-decoration: none; font-size: .80rem; line-height: 1rem;
    height: 3.125rem; align-items: center; transition: none; }
.jumplink { overflow: hidden; background-color: #f2f2f2; width: 100%;  position: sticky; top: 70px;
    z-index: 11; }
.jumplink .row .active-anchor { display: flex; border-bottom: 0.313rem solid #00baff; }
.jumplink .row .active-anchor .active-link, .jumplink .row .active-anchor span.icon { display: flex; }
.jumplink .row .active-link { font-weight: 600; }
.jumplink .row .link-holder { display: none; }
.jumplink.expand .link-holder { display: block; border-bottom: 1px solid #e3e3e3; }
.jumplink.expand .anchor-link { display: flex; }
.content-module article{ /*margin: 1.6rem 0;*/ }
.content-module p{ font-size: 1rem;  margin-bottom: 1.6rem; }
.content-module p strong{ font-weight: 800; }
.content-module .sectionTitle{ margin-bottom: 1.6rem; }
/*.jumplink.fix-anchor { position: fixed !important; top: 5.9em; z-index: 1029; }*/

.greybg_col{ background-color: #f2f2f2 !important; }

.padd_0 { padding: 0 !important; }
.pad-bottom-row-set{ padding-bottom: 2.25em !important; }

#block-capabilities p{ margin-bottom: 0; }
.boxes_industry{ background: #fff; position: relative; z-index: 1; padding: 30px 30px; border: 0.063em solid #ccc;margin-bottom: 2rem;  }
.boxes_industry h3{ font-size: 1.33rem; font-weight: 600; margin-bottom: 1rem; }
.boxes_industry p{ margin-bottom: 0; font-size: .875rem;  line-height: 1.2rem; }
.boxes_industry svg{ position: absolute; top: -4px; width: 103%; height: 102%; left: -5px; z-index: -1; }
.shape { stroke-dasharray: 140 1430; stroke-dashoffset: -285; stroke-width: 8px; fill: transparent; stroke: url(#linear); 
  transition: stroke-width 1s, stroke-dashoffset 1s, stroke-dasharray 1s; width: 100%; height: 100%; position: absolute; top: 0; }
.boxes_industry:hover .shape { stroke-width: 8px; stroke-dashoffset: 0; stroke-dasharray: 1800; }
.boxes_industry img{ margin-bottom: 1rem; }



.list-industry-whatthink .row{ padding-top: 0 !important; }
.list-industry-whatthink h5,
.listcards_article h5{  font-size: .95rem; font-weight: 600; border-bottom: 0.13rem solid #38acb9; display: inline-block; 
	margin-bottom: 1rem; color: #000; }
.list-industry-whatthink h3,
.listcards_article h3{ font-size: 1.5625rem; font-weight: 800; margin-bottom: 1rem; color: #000; }
.listcards_article ul li{ margin: 0 0 1rem; display: block; border-bottom: 0.06em solid #ccc; }
.listcards_article h3{ font-size: 1.1543rem; }


#block-our-leaders .sectionTitle{ margin-bottom: 0; }
.leader-box{ border: 1px solid #ccc; background-color: #f2f2f2; margin-bottom: 2rem; }
.leader-box .cont_sec{  padding: 1.25rem 1.25rem 0 1.25rem;  }
.leader-box .cont_sec h3{ font-size: 1.2rem; font-weight: 900; margin-bottom: 0.5rem; }


.services_page .inner_banner h4{ position: relative; text-transform: uppercase; font-size: 1.7rem; margin-bottom: 0em; color: #000; }
.services_page .inner_banner h4:before{ content: ''; position: absolute; right: 100.2%; background: #000; width: 60px;
    height: 2px; top: 50%; margin: auto; transform: translateY(-50%); display: none; }

.section-container-1b .panel { position: relative; height: auto; width: 100%; }
.global .sectionTitle { font-size: 3.25rem; line-height: 1; margin-bottom: 2rem; margin-top: 1em; }
.section-container-1b .panel .row{ display: flex; margin-right: -15px; margin-left: -15px; }
.section-container-1b .box-container .box-container-1 { width: 40%; height: 70%; background-image: url(../images/about/rainbow-background.jpg); position: absolute; background-position: center;
 opacity: 0; top: -5%; left: 25%; transform: skew( 0deg, -30deg); transition: all 1s ease; display: block !important; }
.section-container-1b .box-container.isactive .box-container-1 { top: 0%; left: 25%; opacity: 1; transform: skew(0deg, -30deg); }
.section-container-1b .box-container.isactive .box-container-1 { -webkit-transition-delay: 0.6s; -o-transition-delay: 0.6s;
    transition-delay: 0.6s; }
.section-container-1b .box-container .box-container-2 { width: 40%; height: 70%; background-image: url(../images/about/fisherman-bg.jpg);
    position: absolute; background-position: center;  background-size: 100%; opacity: 0; top: 15%; left: 40%; transform: skew(0deg, 
-30deg); transition: all 1s ease; display: block !important; }
.section-container-1b .box-container.isactive .box-container-2 { top: 10%; left: 40%; opacity: 1; transform: skew(0deg,-30deg); 
  transition-delay: 0.2s; }
.section-container-1b .box-container.isactive .box-container-2 { -webkit-transition-delay: 0.8s; -o-transition-delay: 0.8s; transition-delay: 0.8s; }
.large-number {  font-size: 5.1rem; line-height: 1.1;  font-weight: normal; }
.section-container-1b .labels.label-1 label, 
.section-container-1b .labels.label-2 label, 
.section-container-1b .labels.label-3 label, 
.section-container-1b .labels.label-4 label, 
.section-container-1b .labels.label-5 label, 
.section-container-1b .labels.label-6 label { opacity: 0; -webkit-transition: margin 0.7s ease, opacity 0.5s ease; -o-transition: margin 0.7s ease, opacity 0.5s ease;
    transition: margin 0.7s ease, opacity 0.5s ease;  margin-left: -5%; }
.section-container-1b .labels.label-1.isactive label, 
.section-container-1b .labels.label-2.isactive label, 
.section-container-1b .labels.label-3.isactive label, 
.section-container-1b .labels.label-4.isactive label, 
.section-container-1b .labels.label-5.isactive label, 
.section-container-1b .labels.label-6.isactive label { opacity: 1; margin-left: 0%; }
.section-container-1b .labels.label-1.isactive label {  -webkit-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s; }
.section-container-1b .labels.label-2.isactive label { -webkit-transition-delay: 1.2s; -o-transition-delay: 1.2s; transition-delay: 1.2s; }
.section-container-1b .labels.label-3.isactive label { -webkit-transition-delay: 1.5s;-o-transition-delay: 1.5s; transition-delay: 1.5s; }
.section-container-1b .labels.label-4.isactive label {  -webkit-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s; }
.section-container-1b .labels.label-5.isactive label { -webkit-transition-delay: 1.2s; -o-transition-delay: 1.2s; transition-delay: 1.2s; }
.num-desc {  font-size: 0.95625rem !important; line-height: 1; font-weight: normal; }
.section-container-1b .labels.label-1 p, 
.section-container-1b .labels.label-2 p, 
.section-container-1b .labels.label-3 p, 
.section-container-1b .labels.label-4 p, 
.section-container-1b .labels.label-5 p, 
.section-container-1b .labels.label-6 p { opacity: 0; padding-top: 5%; -webkit-transition: padding 0.7s ease, opacity 0.5s ease;
    -o-transition: padding 0.7s ease, opacity 0.5s ease; transition: padding 0.7s ease, opacity 0.5s ease; }
.section-container-1b .labels.label-1.isactive p, 
.section-container-1b .labels.label-2.isactive p, 
.section-container-1b .labels.label-3.isactive p, 
.section-container-1b .labels.label-4.isactive p, 
.section-container-1b .labels.label-5.isactive p, 
.section-container-1b .labels.label-6.isactive p { opacity: 1; padding-top: 0%; }
.section-container-1b .labels.label-1.isactive p { -webkit-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s;}
hr { display: flex; border: 0.06em solid #ccc; border-width: 0.063rem; margin: 1.25em 0 1.25em 0; }
.global .sectionTitle { opacity: 0; top: 15px; -webkit-transition: opacity 0.2s ease-in; -o-transition: opacity 0.2s ease-in;
    transition: opacity 0.2s ease-in; }
.global.isactive .sectionTitle { opacity: 1; top: 0px; position: relative; opacity: 1; -webkit-transition: opacity 0.6s ease-in, top 0.8s ease;
    -o-transition: opacity 0.6s ease-in, top 0.8s ease; transition: opacity 0.6s ease-in, top 0.8s ease; }


.about_sec3 .content-module{ padding: 0; }
.sect-about-3 .panel{ height: 100vh; }
.section-container-3 .panel-1 .curtain-border { position: absolute; left: 50%; transform: translateX(-50%); min-width: 980px; height: 100%; overflow: hidden; }
.section-container-3 .panel-1 .vid-1 { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.section-container-3 .panel-2 { z-index: 2; opacity: 0; transition: opacity 0.4s ease; background: rgba(255,255,255,1); }
.section-container-3 .panel-2 .new-row { margin-top: 30vh; transition: margin 0.6s ease; }
.section-container-3 .panel-2 .core-values { padding-left: 9em; padding-right: 9em; }
.core-values .sectionTitle, .core-values .sectionDescription { opacity: 0; top: 15px; -webkit-transition: opacity 0.2s ease-in; 
  -o-transition: opacity 0.2s ease-in; transition: opacity 0.2s ease-in; }
.ethics .sectionTitle, .ethics .sectionDescription { opacity: 0; top: 15px; -webkit-transition: opacity 0.2s ease-in; 
  -o-transition: opacity 0.2s ease-in; transition: opacity 0.2s ease-in; }
.section-container-3 .panel-2.isactive { opacity: 1; }
.sect-about-3 .panel-1 { z-index: 1 !important; }
.core-values.isactive .sectionTitle, .core-values.isactive .sectionDescription {  opacity: 1; top: 0px; position: relative;
    opacity: 1; -webkit-transition: opacity 0.6s ease-in, top 0.8s ease; -o-transition: opacity 0.6s ease-in, top 0.8s ease;
    transition: opacity 0.6s ease-in, top 0.8s ease; }
.section-container-3.sect-about-3 .cta-more{ float: initial;  }
#block-section-13 .animate_title.title-1 span { font-size: 4.25rem; font-weight: 900; color: #fff; }
.section-container-3.sect-about-3 .panel-2 .new-row.isactive { margin-top: 0vh; height: initial; }
.ethics.isactive .sectionTitle, 
.ethics.isactive .sectionDescription { opacity: 1; top: 0px; position: relative; opacity: 1; -webkit-transition: opacity 0.6s ease-in, top 0.8s ease; -o-transition:
 opacity 0.6s ease-in, top 0.8s ease; transition: opacity 0.6s ease-in, top 0.8s ease; }
.section-container-3.sect-about-3{ height: 100vh; overflow: hidden; }

.sect-about-5{ height: 100vh;  background: #fff; overflow: hidden; }
.sect-about-5 .panel-1 { z-index: 1; }
.sect-about-5 .panel-1 .curtain-border { position: absolute; left: 50%; transform: translateX(-50%); min-width: 980px; height: 100%;
    overflow: hidden;}
.sect-about-5 .panel-1 .vid-1, 
.sect-about-5 .panel-3 .vid-2 { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.sect-about-5 .culture-text { bottom: 45%; position: absolute; }
.culture-text .sectionTitle { opacity: 0; top: 15px; -webkit-transition: opacity 0.2s ease-in; -o-transition: opacity 0.2s ease-in; transition: opacity 0.2s ease-in; 
  -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%); top: 50%; }
.sect-about-5 .panel-2 { z-index: 2; opacity: 0; transition: opacity 0.4s ease; background: rgba(255,255,255,1); }
.sect-about-5 .culture-text { bottom: 45%; position: absolute; }
.change-content { padding: 0px 15%; top: 50%; -webkit-transform: translateY(50%); -ms-transform: translateY(50%);
  transform: translateY(50%); }
.sect-about-5 .culture-text .change-content p:nth-child(1), 
.sect-about-5 .culture-text .change-content p:nth-child(2), 
.sect-about-5 .culture-text .change-content p:nth-child(3) { opacity: 0; position: relative; top: 15px; }
.sect-about-5 .panel-2 { z-index: 2; opacity: 0; transition: opacity 0.4s ease; background: rgba(255,255,255,1); }
.sect-about-5 .panel-1 .culture-text .sectionTitle, 
.sect-about-5 .panel-3 .culture-text .sectionTitle { font-size: 4.25rem; font-weight: 900; color: #fff; line-height: 0.95; text-shadow: 0px 0px 15px #000; }
.sect-about-5 .sectionDescription,
.section-container-3 .sectionDescription{  font-size: 1.5rem !important; line-height: 1.2; font-weight: 300; }
.culture-text .cta-more-box { top: 50%; -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%);}


.culture-text.isactive .sectionTitle { opacity: 1; top: 0px; position: relative; opacity: 1; -webkit-transition: opacity 0.6s ease-in, top 0.8s ease;
    -o-transition: opacity 0.6s ease-in, top 0.8s ease; transition: opacity 0.6s ease-in, top 0.8s ease; }
.sect-about-5 .panel-2.isactive { opacity: 1; }
.sect-about-5 .culture-text.isactive .change-content p:nth-child(1), 
.sect-about-5 .culture-text.isactive .change-content p:nth-child(2), 
.sect-about-5 .culture-text.isactive .change-content p:nth-child(3) { opacity: 1; -webkit-transition: opacity 0.6s ease-in, top 0.6s ease;
    -o-transition: opacity 0.6s ease-in, top 0.6s ease; transition: opacity 0.6s ease-in, top 0.6s ease; }
.sect-about-5 .culture-text.isactive .change-content p:nth-child(1) { -webkit-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;transition-delay: 0.1s;  font-weight: 900; }
.sect-about-5 .culture-text.isactive .change-content p:nth-child(2) { -webkit-transition-delay: 0.3s; -o-transition-delay: 0.3s;
    transition-delay: 0.3s; }   
.sect-about-5 .culture-text.isactive .change-content p:nth-child(3) {-webkit-transition-delay: 0.5s; -o-transition-delay: 0.5s;
    transition-delay: 0.5s; }     
.culture-text.isactive .cta-more { opacity: 1; }
.culture-text.isactive .cta-more-box { left: 0; top: -14px; width: 36px; height: 36px; border: 1px solid #004DFF; border-radius: 50px; 
  -webkit-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s; }
.culture-text.isactive .cta-more-label { opacity: 1; }
.culture-text.isactive .cta-more-arrow { position: absolute; left: 20px; opacity: 1; -webkit-transition-delay: 0.6s;
    -o-transition-delay: 0.6s; transition-delay: 0.6s; }


.section-container-6.sect-about-5 .panel-1 .culture-text .sectionTitle{  color: #fff; }
.body-content .ui-container.lastsec .block-content > .row{ padding-bottom: 0 !important; }

.casestudy_bann{position: relative; width: 100%;  }
.casestudy_inner_bann{ /*padding: 0 0 0 1.56em;*/ width: 100%; overflow: hidden; }
.case-study-block{ padding: 0 15px; }
.case-study-image{ background-image: url(../images/case-study/Butterfly-Hero-Yellow.jpg); height: 100%; width: 50%; position: absolute;
    bottom: 0; right: 0; background-repeat: no-repeat; float: right; display: flex; background-size: cover; 
    background-position: center; padding: 0; }

.case-study-block h1{ font-size: 2.63rem; line-height: 2.73rem; font-weight: 900; }
.case-study-block p{ margin: 1.25em 0 1em; font-size: 1rem; }
.case-study-block .casestudy-ribbon{ background-color: #00f3ff; display: inline-block; position: relative;margin: 0.79em 0 1.25em -3.26em;
 box-shadow: -0.22em -0.22em 0.28em #a7a7a7; padding: 0.738em 0.625rem 0.825rem; max-height: 3.12em; line-height: normal; }
.realted_tag{  margin-bottom: 1rem;  }
.case-study-block .realted_tag a{ font-size: .75rem; color: #000; border-bottom: 0.13rem solid; border-color: #004dff; 
  padding-bottom: 0.25rem; display: inline-block; font-weight: 500; }
.casestudy-ribbon{ position: relative; }  
.case-study-block .casestudy-ribbon:before{ display: block; width: 0.63em; height: 0; position: absolute; bottom: -0.63em; left: 0.063em; content: ""; border-bottom: 0.63em solid transparent;
    border-right: 1.31em solid; }
.case-study-block .casestudy-ribbon span{ font-size: 1.125rem; line-height: 1.39em; letter-spacing: .07em; font-weight: 600;text-transform: uppercase; }
.casestudy_inner_bann .container{ padding: 0; }

#block-how-to-deliver-net-zero-in-mobility .sectionTitle,
#block-call-for-change .sectionTitle{ margin-top: 2rem; }
#block-our-leaders.greybg_col .leader-box{ background-color: #fff; }

.casestudies_slider{ padding-bottom: 5em; }


#nav-icon{ display: none; }
#nav-icon { cursor: pointer; margin-left: 15px; margin-top: 0px; position: absolute; width: 1.25em; height: 1.125em; -webkit-transform: rotate( 0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate( 0deg); -webkit-transition: .5s ease-in-out; 
  -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; }
#nav-icon span { background: #000; border-radius: 9px; display: block; height: 2px; left: 0; opacity: 1; position: absolute; 
  width: 100%; -webkit-transform: rotate( 0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); 
  transform: rotate( 0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; 
  -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }

#nav-icon span:nth-child(2) {  top: 6px; }
#nav-icon span:nth-child(3) { top: 12px; }

#nav-icon span:nth-child(1), 
#nav-icon span:nth-child(2), 
#nav-icon span:nth-child(3) { -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center;
    transform-origin: left center; }

#nav-icon.open { width: 1.5em; }
#nav-icon.open span:nth-child(1) { top: -4px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg); transform: rotate(45deg); }
#nav-icon.open span:nth-child(2) { opacity: 0; width: 0%; }
#nav-icon.open span:nth-child(3) { top: 13px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg); transform: rotate(-45deg);}

.blackoverlay{ background: #000; height: 100%; opacity: 0; position: absolute; width: 100%; z-index: -1; margin-left: 0; -webkit-transition: .2s ease-in-out; 
  -moz-transition: .2s ease-in-out; -o-transition: .2s ease-in-out; transition: .2s ease-in-out; }
.blackoverlay.active{ opacity: 0.6; z-index: 11; position: fixed; top: 0px; }


.carousel_slider .items .marquee-vid{ object-fit: cover; }
.overflow{ overflow: hidden; }


section.home_sec5 {
  overflow: hidden;
  padding-top: 30px;
  padding-bottom: 50px;
}
.office_link {
  text-align: center;
  border: 1px solid #ddd;
  margin: 30px 15px;
  padding: 45px 15px 40px;
  box-shadow: 0px 10px 15px 0px #286fe526;
  transition: all 0.3s ease-in-out;
}
.phone_mail div {
  display: inline-block;
  width: 100%;
  float: left;
}
.office_link:hover h2 {
  transition: all 0.3s ease-in-out;
}
.office_link:hover {
  cursor: pointer;
  background: #fff;
  transition: all 0.3s ease-in-out;
}
.phone_mail {
  display: inline-block;
}
.contact h4 {
  font-size: 20px;
  color: #000;
  font-weight: 600;
  padding-bottom: 10px;
}
.contact h4 strong{ color: #686868; }
.contact p {
  font-size: 18px;
  font-weight: 600;
  color: #6b6f75;
  opacity: 0.7;
  margin: 0px;
}
.contact {
  padding-left: 15px;
  position: relative;
}
.phone_mail {
  display: flex;
  padding-bottom: 50px;
}
.contact:before {
  content: "";
  position: absolute;
  left: 0px;
  top: 7%;
  width: 5px;
  height: 86%;
  background: #286fe5;
}
.office_slider i.flaticon-left-arrow-2 {
  display: none !important;
}
.office_slider i.flaticon-next-1 {
  border: 0px solid #000;
  padding: 8px 10px;
  border-radius: 50%;
  box-shadow: 0px 0px 45px -10px #000000c7;
  display: inline-block;
  position: absolute;
  background: #fff;
  top: 40%;
  right: -25px;
  transition: all 0.4s ease-in-out;
}
.office_slider i.flaticon-next-1:before {
  font-size: 36px;
  color: #39b4f4;
}
.office_slider i.flaticon-next-1:hover {
  cursor: pointer;
  background: #39b4f4;
  transition: all 0.4s ease-in-out;
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}
.office_slider i.flaticon-next-1:hover::before {
  color: #fff;
}
.office_contact {
  padding: 100px 0px 0px 150px;
}
.office {
  position: absolute;
  top: -400px;
  left: 0px;
  width: 100%;
}
.office_link h2 {
  font-size: 32px;
  font-weight: 700;
  color: #286fe5;
  padding-top: 25px;
  transition: all 0.3s ease-in-out;
}
.office_link img {
  margin: auto;
}
.office_img {
  padding-left: 10%;
}
.office_img img.india_bg {
  position: absolute !important;
  z-index: 0;
}
.slick-initialized .slick-current .office_link h2 {
  color: #fff;
}
.slick-initialized .slick-current .office_link {
  background: #004DFF;
}
.slick-slide::before{ display: none; }
.main_title1 {
    position: relative;
    padding-bottom: 60px;
}
.main_title1 span {
    font-size: 180px;
    font-weight: 700;
    color: #5832e6;
    opacity: 0.04;
    position: absolute;
    left: 0;
    top: -100px;
}
.main_title1 h2 {
    font-size: 50px;
    font-weight: 700;
    position: relative;
}
.office_slider i.flaticon-next-1 {
    border: 0px solid #000;
    padding: 8px 10px;
    border-radius: 50%;
    box-shadow: 0px 0px 45px -10px #000000c7;
    display: inline-block;
    position: absolute;
    background: #fff;
    top: 40%;
    right: -25px;
    transition: all 0.4s ease-in-out;
}
.office_slider i.flaticon-next-1:before {
    font-size: 36px;
    color: #004DFF;
    font-family: "Font Awesome 5";
    font-weight: 300;
}

.flaticon-next-1:before {
    content: "\f178";
}
.flaticon-left-arrow-2:before {
    content: "\f177";
        font-size: 20px;
    font-style: normal;
    margin-left: 0;
    font-family: "Font Awesome 5";
}

.office_slider i.flaticon-next-1:hover {
    cursor: pointer;
    background: #004DFF;
    transition: all 0.4s ease-in-out;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
    margin: 0;
}
.slick-initialized .slick-slide {
    display: block;
}


.office_loc{ font-family: "Mont"; font-size: 18px; }
.home_sec5 * .row{ margin: 0 -15px !important; width: initial !important;  }

.mmform{ background: #fbfbfb; padding: 30px 30px; margin-bottom: 50px; position: relative; 
  box-shadow: 0px 18px 50px -25px #0000002e; }
.formcontact{ padding-top: 50px; }
.formcontact .fields{ margin-bottom: 1rem; border-bottom: 1px solid #d1d1d1; }
.formcontact .fields input[type="text"],
.formcontact .fields input[type="number"],
.formcontact .fields input[type="email"],
.formcontact .fields input[type="phone"],
.formcontact .fields textarea,
.formcontact .fields input[type="file"],
.formcontact .fields select{ padding: 20px 15px;font-family: "Mont"; width: 100%; }
.formcontact .submitbtn{ margin-top: 20px; text-transform: uppercase; }

.homepg #block-section-3{ display: none !important; }


.mainfooter h4{ font-size: 22px; margin: 1rem 0; }
.mainfooter ul.listcountry{ display: flex; flex-wrap: wrap; }
.mainfooter ul.listcountry li{ width: initial; font-size: 14px; padding-right: 60px; }
.mainfooter ul.listcountry li p{ margin-bottom: 0; }
.mainfooter ul.listcountry li{ display: flex; align-items: flex-start; }
.mainfooter ul.listcountry li img{ margin-right: 5px; width: 35px; }
.mainfooter ul.listcountry li span{  font-weight: 100; font-size: 12px; display: inline-block; vertical-align: middle; }

.lastsec .row{ padding-bottom: 0 !important;  }
.marquee-vid.vid-1.mobbanner{ display: none !important; }
.flagcountry{ margin-bottom: 5px; }


.accourebann .case-study-image{ background-image: url(../images/case-study/accoure/image-1.jpg); }
.amronixbann .case-study-image{ background-image: url(../images/case-study/amronix/image-1.jpg); }
.fikkarbann .case-study-image{ background-image: url(../images/case-study/fikkar/image-1.jpg); }
.instabann .case-study-image{ background-image: url(../images/case-study/instazap/image-1.jpg); }





.careers_pg .blackoverlay{ display: none !important;  }

.openvecancies{ padding: 40px 0; }
.openvecancies aside{ padding-top:15px; position: sticky; top: 70px; background: #fff; z-index: 22; border-bottom: 1px solid #999; }
.openvecancies h2{ margin-bottom: 20px; }

.resume-items{ border-top: 1px solid #999; padding: 30px 0; }
.resume-items h3{ color: #4fc190; font-size: 28px; font-weight: 700; margin-bottom: 10px; }
.resume-items strong{ font-size: 1rem;  font-weight: 600; line-height: normal; color: #60697c; }
.resume-items h6{ color: #4fc190; font-size: 20px; font-weight: 700; }
.resume-items p span{ font-size: 14px; display: block; color: #60697c; }
.resume-items p { font-size: 15px; }
.resume-items .cta-more{ margin-top: 25px; }
.resume-items .descriptions .cta-more{ font-size: 13px; color: #004DFF; margin-top: 5px; }
.resume-items .descriptions .cta-more.isactive .cta-more-box{ top: 7px; width: 26px; height: 26px; }
.resume-items .descriptions .cta-more.isactive .cta-more-arrow{ left: 10px; top: 3px; }
.resume-items .descriptions .cta-more .cta-more-label{ margin-left: 38px; }

.appynow_form{ padding: 0px 0 80px; }
.appynow_form h2{ margin-bottom: 50px; }
.appynow_form{ display: none;  }

.mmform p{     margin-bottom: 22px; }
.mmform p strong{ margin-top: 28px; 
    display: block; }
    
    
.thankyoup { margin-bottom: 100px; }
.thankyoup .about-box h2{      font-size: 40px !important; }    
    
    
.listjobs{ display: flex; margin-top: 35px; justify-content: flex-end; }
.listjobs li{ padding: 0 20px; }
.listjobs li a{ color: #000; font-size: 20px; }
.listjobs li+li{ border-left: 1px solid #ccc; }
.listjobs li.active a{ color: #4fc190; }

    
    

@media (min-width: 1599px){


.phone_mail div.uae_contact {
    width: 100%;
    display: flex;
}
.phone_mail div.uae_contact a {
    margin-right: 15px;
}


}


@media (min-width: 1601px) and (max-width: 1849px){

.office_slider i.flaticon-next-1 {
    padding: 12px 14px;
}
.office_link h2 {
    font-size: 24px;
}

.office_link {
    margin: 30px 10px;
    padding: 30px 15px 20px;
}
.contact h4 {
    font-size: 17px;
}

}


@media (min-width: 1350px) and (max-width: 1600px){

.office {
    top: -375px;
    width: 100%;
}
.main_title1 span {
    font-size: 120px;
    top: -70px;
}
.main_title1 h2 {
    font-size: 40px;
}
  .office_link h2 {
    font-size: 24px;
  }
  .slick-vertical i:hover {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  .office_contact {
    padding: 75px 0px 0px 75px;
  }
  .contact p {
    font-size: 16px;
  }
  .contact h4 {
    font-size: 18px;
  }
  .office {
    top: -310px;
    width: 100%;
  }
  .office_img {
    padding-left: 5%;
  }
  .phone_mail {
    padding-bottom: 35px;
  }
  .office_link {
    margin: 30px 10px;
    padding: 30px 15px 20px;
  }
  .office_slider i.flaticon-next-1:before {
    font-size: 30px;
  }
  .office_slider i.flaticon-next-1 {
    padding: 10px 12px;
  }

.office_link h2 {
    font-size: 24px;
}

.office_slider i.flaticon-next-1:before {
    font-size: 30px;
}




}

@media (min-width: 1600px){

.marquee-header{ width: 100%; max-width: 800px; }
.carousel_slider{ height: 86vh; margin-top: 125px; margin-bottom: 0; }
.carousel_slider .items{ top: 0; height: 86vh; }
.carousel .container{ margin-top: 150px; }
.explore-container{  height: 78%; top: 16.6%; }

}

@media (max-width: 1600px){


.sect-about-3, .sect-about-3 .panel {
    height: 110vh;
}


}

@media screen and (min-width: 1024px) and (max-width: 1500px){

.carousel_slider{ height: 100%; min-height: 600px; margin-top: 130px; }
.carousel_slider .items{ top: 0; }

}


@media (max-width: 1280px){

#block-section-3b .section-container-2 .panel-2 .animate_title, .section-container-9 .panel-1 .animate_title {
    opacity: 1;
    position: relative;
    text-align: left;
    /* top: 50%; */
    left: 0;
    color: white;
    width: 50%;
    bottom: 0;
}

}


@media (min-width: 1200px){

.hidden-lg { display: none !important; }

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

.progress-nav-bar{ display: none; }
.rightop ul li{ padding: 26px 30px; }




}

@media screen and (min-width: 1000px){

.new-row {  max-width: 61.25em !important; 	}
.cta-more.isactive:hover .cta-more-box { width: 103%; }
.mobile-ipad { display: none; }
.jumplink .row .column-5 { width: 20%; }
.jumplink .row .link-holder { display: block; padding: 0 0.781rem; }
.jumplink { border: 1px solid #e3e3e3; }
.jumplink .row .active-anchor { display: none; }
.jumplink { border: 1px solid #e3e3e3; }
.jumplink .row .anchor-link:hover, 
.jumplink .row .active-link {  padding-top: 0.313rem;  border-bottom: 0.313rem solid #00baff; }
.jumplink .row .anchor-link { display: flex; padding-left: 0; }
.jumplink .row .link-holder.column-5 .anchor-link { padding-right: 14%; }
/*.jumplink.fix-anchor { top: 4.38em; }*/
.cta-more.isactive:hover .cta-more-box, .change-content .cta-more:hover .cta-more-box { width: 103% !important; }
.casestudy_inner_bann .row{ box-shadow: -0.22em 0.22em 0.28em #a7a7a7; }
.hidden-lg { display: none !important; }
.services_page .boxes_industry{ min-height: 378px; }
.industry_p .boxes_industry{ min-height: 435px; }


}

@media screen and (min-width: 768px) and (max-width: 999px){

.case-study-image{ padding: 0 0 0 0.94em; height: 100%; width: 50%; position: absolute; bottom: 0; right: 0; background-repeat: no-repeat; float: right; 
  display: flex; background-size: cover; background-position: center; }
.casestudy_inner_bann .container{  max-width: 100%; }  
.case-study-block .casestudy-ribbon{ margin: 1.25em 0 1.25em -2.19em; line-height: normal;padding: 0.938rem 1.875rem 0.625rem; }
.case-study-block .casestudy-ribbon span{ font-size: .75rem; line-height: 1.33em; letter-spacing: .104em; }
.case-study-block .casestudy-ribbon:before{ display: none; }
.rightop ul li{ padding: 26px 15px; }
/*.topnav ul li a{ font-size: 14px; }*/
header .col-md-8{ flex: 0 0 100%; max-width: 100%; }
header .col-md-4{ display: none; }

.jumplink .row .active-anchor{ width: 100%; }
.jumplink .row .active-anchor, .jumplink .row .link-holder {
    width: 100%;
}
.jumplink .row .corporate-regular {
    width: 100%;
}
.sectionTitle{     font-size: 2.49375rem; }

.industry_p .boxes_industry{ min-height: 378px; }

section.home_sec5 .office {
    top: -80px;
}
.office_contact {
    padding: 50px 0px 0px 0px;
}
.phone_mail div {
    width: 100%;
    margin-bottom: 10px;
}
.phone_mail {
    display: block;
    overflow: hidden;
    padding-bottom: 0px;
}
.contact h4 {
    font-size: 16px;
}
.contact p {
    font-size: 16px;
}
section.home_sec5 {
    padding-top: 0px;
    padding-bottom: 300px;
}

.office_link {
    margin: 30px 12px;
    padding: 25px 9px 10px;
}
.office_link h2 {
    font-size: 24px;
}

.main_title1 h2 {
    font-size: 30px;
}
.main_title1 span {
    font-size: 90px;
    top: -50px;
}

}

@media screen and (min-width: 300px) and (max-width: 999px){

.section-container.section-container-2 {
    height: auto;
    overflow: hidden;
}
.scrollmagic-pin-spacer {
    padding-bottom: 0px !important;
    min-height: initial !important;
}
.section-container-2 .panel-1 .img-1 {
    width: 30% !important;
    left: 36%;
    background-image: none;
    position: relative;
    top: 10%;
    transform: none;
}
.hidden-sm {
    display: none !important;
}
.section-container-2 .panel {
    position: relative;
    height: auto;
}
.section-container-2 .panel-1 {
    height: 80vh;
}
.section-container-2 .panel-1 .height-inherit {
    position: absolute;
    bottom: 10%;
    width: 100%;
}
#block-section-3b .panel-1 .animate_title span:nth-child(1){ line-height: 26px; }
.section-container-2 .panel-2 .img-3 {
    width: 150%;
    position: relative;
    top: 0%;
    left: -15%;
    transform: none;
}
.section-container-2 .panel-2 .img-3 {
    width: 170% !important;
}
.section-container-2 .panel-2 .text-container {
    position: absolute;
    top: 0;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

#block-section-3b .section-container-2 .panel-2 .animate_title, .section-container-9 .panel-1 .animate_title{

  -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
}
.mobile-padding {
    padding: 0 8%;
}
.section-container.section-container-9 {
    height: auto;
    overflow: hidden;
}
.section-container-9 .panel {
    position: relative;
    height: auto;
}
.section-container-9 .panel-2 {
    height: 80vh;
}
.section-container-9 .panel-2 .img-1 {
    background-image: none;
    position: relative;
    width: 30% !important;
    top: 30%;
    left: 35%;
    overflow: hidden;
    transform: none;
}
.section-container-9 .panel-2 img.img-1 {
    opacity: 1!important;
}
.section-container-9 .panel-1 .vid-1 {
    width: 130% !important;
    position: initial;
    top: 0%;
    left: 0%;
    transform: none;
}
.section-container-9 .panel.panel-3.isactive {
    position: absolute;
    top: -35%;
    left: 0;
    width: 100%;
    height: 100%;
}

#block-section-5 .animate_title.title-1.film-julie {
    width: 60%;
}

  }

@media only screen and (max-height: 700px) and (min-height: 400px){

#block-section-3b .section-container-2 .panel-2 .animate_title { width: 70%; transform: translateY(-30%); }
.section-container-2 .panel-2 .title-1 { font-size: 1.3rem; }


}

@media only screen and (min-width: 768px){

.col-sm-pull-4 {
    right: 33.33333%;
}
.col-sm-push-4 {
    left: 33.33333%;
}
.ceo .cardTitle{ font-size: 1.7rem; }



}

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

header .col-md-4{ display: none; }
#nav-icon{ display: block;z-index: 22; }
.topnav{ margin-left: 0; display: flex; flex-direction: column; position: fixed; left: 0; top: 0; height: 100%; background: #fff;  
  opacity: 0; overflow-y: auto; overflow-x: hidden; width: 100%; border-bottom: 0.06em solid #e3e3e3; 
  -webkit-box-shadow: 0 30px 30px -30px #ccc; box-shadow: 0 30px 30px -30px #ccc; -webkit-transform: translateY(-100%); 
  -moz-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: .45s ease-in-out; 
  -moz-transition: .45s ease-in-out; -o-transition: .45s ease-in-out; transition: .45s ease-in-out;  }
header .logo{ width: 100%; display: block; text-align: center; }
header.open .topnav{ opacity: 1; border-bottom: 0.063em solid #e3e3e3; -webkit-transform: translateY(0); -moz-transform: translateY(0);
    -o-transform: translateY(0); transform: translateY(0); }
.topnav ul { display: block; }
.topnav ul li { padding: 20px 10px; display: block; border-bottom: 1px solid #ebebeb; }
header.open .topnav{ margin-top: 70px;  }
.marquee-header{ width: 80%; }
.marquee-header h1{ font-size: 1.263rem; /*text-transform: uppercase;*/ }
.marquee-header p{   font-size: 1rem; }

.carousel_slider .cta-more .cta-more-label{     font-size: 14px; }
.companyabout{ margin-top: 0; }
.about-box h2{ font-size: 2.09375rem !important; }
.section-container-2a{ margin-top: 1em; margin-bottom: 0; }
.insights-text .sectionTitle{ font-size: 2.59375rem !important; }
.sectionDescription{ font-size: 1.175rem;    line-height: 1.6em; }
.section-container-3 .mobile-placeholder.trigger .follow-cta-btn-mobile {
    bottom: -20px;
    right: 5%;
    width: 80px;
    height: 80px;
    opacity: 0;
    border-radius: 50%;
    background: #5200FF;
    position: absolute;
    padding: 5px;
    z-index: 10;
    line-height: 1rem;
    opacity: 1;
    -webkit-transition-delay: 0.8s;
    -o-transition-delay: 0.8s;
    transition-delay: 0.8s;
}
.section-container-3 .follow-cta-btn-mobile span {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    color: #fff;
    line-height: 1 !important;
    font-size: 13px !important;
    text-align: center;
}
.mobile-placeholder {
    position: relative;
}
.section-container-3 .mobile-padding{ padding: 0 0%; }
.section-container-3 .img-container.imgc-2,
.section-container-3 .img-container.imgc-3,
.section-container-3 .img-container.imgc-4{ margin-top: 20px; }
.ceo-image-section-2-detail{ text-align: center; padding-bottom: 2rem; }
.section-container-2 .panel-1 .img-1 {
    width: 50% !important;
    left: 25%;
    background-image: none;
    position: relative;
    top: 20%;
    transform: none;
}
.explore-container {
    width: 82% !important;
    height: 92% !important;
    top: -0.4% !important;
    left: 9.9% !important;
}
.carousel .container:before {
    content: " ";
    display: block;
    background: rgba(1,1,1,0.08);
    width: 87%;
    height: 95%;
    position: absolute;
    top: -4%;
    left: 7%;
    z-index: -1;
}
.carousel .container {
    width: 320px;
    height: 490px;
}
.carousel .container .top-active {
   left: 0;
    top: 54%;
}
.mobile-padding {
    padding: 0 5%;
}
.categoryTitle{ font-size: 0.75rem !important; line-height: 1 !important;  }
.Subsectiondescription { font-size: 1.1rem !important; line-height: 1.1 !important; }
.marquee-header{ border-radius: 50px; padding: 20px; }
.carousel_slider .cta-more .cta-more-label{ line-height: 1.95; }
.marquee-header p{  line-height: 1.2rem; }
.section-container-2 .cta-more .cta-more-label{ font-size: 18px !important; }
.section-container-2 .panel-2 .img-3 {
    left: -115%;
    height: 95vh;
    width: auto !important;
}
span.header_join {
    font-size: 27px;
    line-height: 1 !important;
}

.animate_title.title-1.careers.isactive {
    font-size: 1.1rem !important;
}
#block-section-3b .section-container-2 .panel-2 .animate_title, .section-container-9 .panel-1 .animate_title {
    width: 85%;
}
.section-container-2 .panel-1 .title-1 span{     font-size: 2.54rem !important; font-weight: 900; }
.sectionTitle{ font-size: 1.89375rem; }
.section-container-8 > .row { padding-top: 0; }
.cards{ margin-left: 0.938rem; padding-left: 1.094rem; }
.section-container-8 .text-content h4.categoryTitle{ font-size: 1.05rem !important;  }
.section-container-8 .text-content p.Subsectiondescription{ font-size: 0.9rem !important; }
.cta-more-label, .cta-more-label a {
   font-size: 14px !important;
    line-height: 1.8 !important;
}
.section-container-8 .cta-more-box {
    width: 40px;
    height: 40px;
}
.cta-more-box.arrow.slide-right {
    left: 95% !important;
}
.slide-left .img-arrow-left {
    left: 10px;
    top: -4px;
    width: 1.5em;
}
.section-container-8 .cta-more-arrow {
    top: 18px;
}
.slide-right .img-arrow-right {
    left: 10px;
    top: -4px;
    width: 1.5em;
}
.section-container-9 .panel.panel-3.isactive {
    position: absolute;
    top: 15%;
    left: 0;
    width: 100%;
    height: 100%;
}
.section-container-9 .panel-1 {
    height: 100vh !important;
}
.section-container-9 .panel-1 img {
    position: absolute;
    bottom: -180px;
    left: -10%;
    height: 120% !important;
    max-width: initial;
}
#block-section-5 .section-container-9 .panel-2 {
    margin-bottom: 8em;
}
.section-container-9 .panel-2 .img-1 {
    background-image: none;
    position: relative;
    width: 50% !important;
    top: 5%;
    left: 25%;
    overflow: hidden;
    transform: none;
}

.section-container-9 .panel-2 img.img-1 {
    opacity: 1!important;
}
.hidden-xs {
    display: none !important;
}

.hidden-sm {
    display: block !important;
}
.section-container-3 .text-content{ padding-right: 0; text-align: center; }
.section-container-3 a{ text-align: center;  }
.section-container-3 .cta-more{  float: initial; margin-bottom: 0;  }
.ceo{  margin-top: 1rem; }
.section-container-2 .panel-1 svg.img-1{ display: none !important; }
.section-container-2 .panel-1 .img-1{ top: 0; }
.section-container-2 .panel-1 .height-inherit{ padding-top: 0; }
.section-container-3 .img-container img{ left: 0; }
.read-it-container, 
.read-it-container.inactive { display: none !important; }
.carousel .container{ margin-top: 0; }
.section-container.section-container-8 .row{ padding-top: 0; }
.section-container.section-container-7 .row{ padding-bottom: 0; }
.animate_title.title-1.film-julie.isactive {
    top: 0px !important;
}
#block-section-5 .section-container-9 .panel{ margin: 3em 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    overflow: visible; }
.animate_title.title-1.film-julie p {
    font-size: 1.2rem !important;
}
.section-container-9 .panel-1 {
    height: 100vh !important;
}
#block-section-5 .animate_title.title-1.film-julie {
    width: 100%;
}

.section-container-9 .panel-2 svg.img-1{ display: none !important; }
#block-section-5 .animate_title span:nth-child(1){ font-size: 2rem; line-height: normal; }
#block-section-5 .animate_title.title-1.isactive.change{ bottom: 20%; }
.section-container-9 .panel-2{ height: 40vh; }

#block-section-5 .section-container-9 .panel-1{ margin-top: 0; }
.ceo .isactive .cardTitle{ font-size: 1.8rem; }
.ceo .isactive p.cardDescription{ font-size: 1rem !important; }
.cardDescription{ font-size: 1rem !important; }
.insights-text .sectionTitle{ font-size: 1.69375rem !important; }
.about-box p{ font-size: 0.975rem; }
.about-box h2{ font-size: 1.69375rem !important; }
.mainfooter{ text-align: center; padding: 30px 0 15px; }
.mainfooter h3:before,
.mainfooter h4:before{  right: 0;margin: auto; }
.mainfooter h3{ margin-top: 2rem; }
.footernav{ padding-top: 0; }
.mainfooter .socialicons{ justify-content: center; }
.carousel .container .top-active{ text-align: center; }
.jumplink .row .corporate-regular{ width: 100%; }
.jumplink .row .active-anchor,
.jumplink .row .link-holder{ width: 100%; }
.inner_banner { text-align: center; }
.inner_banner h1{ font-size: 2.968em; }
.parentinner .companyabout{ margin-top: 3rem; }
.section-container-1b .panel .row{ margin:0; }
.global .sectionTitle{ margin-top: 0; }

.section-container-1b .panel .col-sm-12 .box-container{ order: 1; height: 40vh; position: relative; opacity: 1; width: 100%;
margin-bottom: 2rem; }
.global .sectionTitle{ font-size: 2.15rem; }
.section-container-1b .panel .col-sm-12 .row > div:nth-child(1){ order: 2; }
.section-container-1b .panel .col-sm-12 .row > div:nth-child(3){ order: 3; }
.section-container-1b .panel .labels { text-align: center; }
.section-container-1b .panel .col-sm-12 .row > div:nth-child(3) .label-4{ border-top: 0.06em solid #ccc; border-width: 0.1rem;
    margin: 1.25em 0 1.25em 0; }
.section-container-3 .panel { height: 70vh !important; position: relative; }
.section-container-3 .animate_title span,
.culture-text.isactive .sectionTitle{  font-size: 1.5rem !important; }
.section-container-3 .panel-2 .new-row { margin-top: 5vh !important; }
.section-container-5 .panel { height: 70vh !important; position: relative; }
.parentinner .body-content{ margin-top: 70px; }
.section-container-3.sect-about-3 { height: auto; overflow: hidden; }
.sect-about-5 .sectionDescription, .section-container-3 .sectionDescription{ font-size: 1rem !important; }
.section-container-3 .cta-more{ margin-top: 0; }
.section-container-3 .panel-2,
.section-container-5 .panel-2,
.section-container-6 .panel-2 { height: auto !important; }
.section-container-5 .culture-text,
.section-container-6 .culture-text { position: relative !important; bottom: 0%; margin: 0em 0 0em; }

.section-container-5 .culture-text.curtain-title,
.section-container-6 .culture-text.curtain-title {  position: absolute !important; bottom: 0; height: 70vh; margin-bottom: 0; margin-top: 0; }
.panel-1 .culture-text .sectionTitle, 
.panel-3 .culture-text .sectionTitle{ line-height: 1; left: 50%; transform: translate(-50%, -50%); position: absolute; width: 80%;
    top: 50%; }
.sect-about-5{ height: auto !important; }
.change-content { padding: 0; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important;
    top: 0 !important; margin: 1em 0; }
.section-container-6 .panel{ height: 70vh !important; position: relative; }

.section-container-2 .panel-1{ height: auto; position: relative; }
.section-container-2 .panel-2 .img-3{ left: 0; height: 95vh; width: 100% !important; object-fit: cover; }
.section-container-2 .panel-1 .img-1{ width: 25% !important; left: 50%; transform: translateX(-50%); }
.section-container-2 .panel-1 .height-inherit{ position: relative; }
.join-us{ bottom: 0; }
.section-container-2 .panel-1 .title-2{ bottom: 0; left: 0; transform: initial; }
.section-container-2 .cta-scroll.position-1{ position: relative; bottom: 0; left: 0; transform: initial; min-height: 60px; }
.section-container-2 .cta-more.isactive{ position: relative; bottom: 0; }
.cta-more.isactive .cta-more-box{ top: 50% !important; transform: translateY(-50%); }
.cta-scroll .cta-scroll-box{ bottom: 0; top: initial !important; }
.cta-scroll .cta-scroll-label{ top: 0; }
.section-container.section-container-7{ min-height: initial; margin-bottom: 1rem; }
.explore-container{  width: 320px !important; left: 0% !important; right: 0; margin: auto; }
.section-container-6 .panel-2{ height: auto !important; }
.section-container-9 .panel-1 img { position: absolute; bottom: 0; left: 0; height: 120% !important; max-width: initial; width: 100%;
    object-fit: cover; }
.section-container-9 .panel-2{ height: auto; }
.section-container-9 .panel.panel-3.isactive{ margin-top: 0 !important; }
#block-section-5 .animate_title.title-1.film-julie{ transform: none; }
.section-container-9 .panel.panel-3.isactive{ top:0; }
.list-industry-whatthink .imgbx{ margin-bottom: 1rem; }
.leader-box img{ width: 100%; }
.shape{ display: none; }
.services_page .inner_banner h4{ display: inline-block; padding-bottom: 20px; }
.services_page .inner_banner h4:before{ right: 0; left: 0; bottom: 0; transform: initial; }
.inner_banner p br{ display: none; }
.inner_banner h1{ font-size: 1.968em; }

.sectionTitle{ text-align: center; }
.list-industry-whatthink{ text-align: center; }
.listcards_article ul li{ text-align: center; }
.leader-box .cont_sec{ text-align: center; }
.boxes_industry{ text-align: center; }
.content-module article{ text-align: center; }
#block-capabilities p{ text-align: center; }

.case-study-image{ height: 350px; width: 100%; position: relative; }
.case-study-block h1{ font-size: 1.93rem; line-height: 2.23rem; }
.case-study-block .casestudy-ribbon{ margin-left:-0.86em; }
.case-study-block .casestudy-ribbon:before{ display: none; }
.case-study-block{ padding: 0; }
.large-number{ font-size: 3rem; }

.office_contact {
    padding: 50px 0px 0px 0px;
}
.office {
    position: relative;
    top: 0px;
}
.office_slider .slick-list {
    display: none;
}
.phone_mail {
    display: block;
    overflow: hidden;
    padding-bottom: 0px;
}
.main_title1 {
    padding-bottom: 35px;
}
.main_title1 span {
    font-size: 70px;
    top: -35px;
}
.main_title1 h2, .main_title1 h1, .slide_text h4 {
    font-size: 24px;
}
.our_office .col-md-6{ position: initial; }
.office_img img {
    position: absolute;
    top: 30px;
    width: 30%;
    right: 0;
}
.phone_mail div {
    display: block;
    width: 100%;
    margin-bottom: 10px;
}
.contact h4, .contact p {
    font-size: 15px;
}
.office_slider i.flaticon-next-1 {
    border: 0px solid #000;
    padding: 10px 10px;
    border-radius: 50%;
    box-shadow: 0px 0px 45px -10px #000000c7;
    display: inline-block;
    position: relative;
    background: #fff;
    top: 20px;
    right: auto;
    left: 36%;
    background: #39b4f4;
    transition: all 0.4s ease-in-out;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    transition: all 0.4s ease-in-out;
}
.office_slider i.flaticon-left-arrow-2 {
    display: inline-block !important;
    border: 0px solid #000;
    padding: 10px 10px;
    border-radius: 50%;
    box-shadow: 0px 0px 45px -10px #000000c7;
    display: inline-block;
    position: relative;
    background: #fff;
    top: 20px;
    right: auto;
    left: 35%;
    transition: all 0.4s ease-in-out;
}
.office_slider i.flaticon-next-1:before {
    font-size: 20px;
    color: #fff;
}

.uae_contact a{ display: block; }

img.marquee-vid.vid-1{ display: none; }
img.marquee-vid.vid-1.mobbanner{ display: block !important; }
.carousel_slider{ height: auto; margin-top: 60px; }
.carousel_slider .items{ height: 410px; top: 0; }
#block-section-5 .section-container-9 .panel-2{ display: none; }
#block-section-5 .section-container-9 .panel { margin-bottom: 0; }
.carousel_slider .items .marquee-vid{ /*width: 100%; min-height: 100%;*/ }
#block-section-3b .section-container-2 .panel-2 .animate_title{  width: 90%; text-align: center; margin: auto; }
.mainfooter ul.listcountry li{ width: 100%; display: block; text-align: center; padding-right: 0; }
.mainfooter ul.listcountry li img{ display: block;  margin: auto auto 5px; }
.mainfooter ul.listcountry li span{ display: block; }
#block-section-3b{ padding-top: 50px; }
.julie-social .twitter-icon, .julie-social .linkedin-svg{ left: 0; }

.cta-more.isactive:hover .cta-more-arrow{ left: 25px !important; }
.section-container-8 .text-content.isactive h4.categoryTitle{ height: auto; margin-bottom: 5px; }

}


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

.section-container-9 .panel-1 {
    position: relative !important;
    width: 100% !important;
    overflow: hidden !important;
}
.marquee-header{ width: 74%; }
.carousel_slider .slick-active .cta-more-box, 
.carousel_slider .slick-active .cta-more .cta-more-box,
.cta-more.isactive .cta-more-box{  width: 25px !important; height: 25px !important; }
.carousel_slider .slick-active .cta-more:hover .cta-more-box,
.cta-more:hover .cta-more-box{ width: 103% !important; }
.cta-more.isactive .cta-more-arrow{ left: 15px !important; top: 2px !important; }
.carousel_slider .cta-more .img-arrow-right,
.cta-more.isactive .img-arrow-right{ width: 20px !important; }
.cta-more-label, .cta-more-label a{ font-size: 13px !important; line-height: 1 !important; }
.carousel_slider .cta-more .cta-more-label,
.cta-more .cta-more-label{     margin-left: 38px; }
.about-box h3{ font-size: 1rem !important; }
.insights-text .sectionDescription{ font-size: 0.975rem; }
.section-container-2 .cta-more .cta-more-label{ font-size: 14px !important; }
.section-container-2 .panel-1 .title-1{ margin-bottom: 1rem; }
/*.section-container-2 .cta-scroll.position-1{ bottom: -120%; }*/
#block-section-3b .animate_title.title-1 span{ margin-bottom: 2rem; }

.cards{ margin-left: 0; padding-left: 0; transform-style: inherit !important; }
.carousel .container:before{ width: 100%; left: 0; top: 0;  height: 90%; }
.carousel .container{ padding-top: 30px; }

.explore-container{ width: 78% !important; top: 0% !important; left: 0% !important; z-index: 1;    right: 0;
    margin: auto; }
.cards li{ width: 100%; height: 200px; padding: 0px 10px !important; background: transparent; box-shadow: none; }
.carousel .container .top-active{  top: 50%; padding: 0% 8%; text-align: center; }
.cta-more-box.arrow.slide-left{ left: -45px; }
.cta-more-box.arrow.slide-right { left: initial !important; right: -45px; }
.carousel .container{ width: 78%; height: 520px; /*overflow: hidden;*/ }
.carousel .container .cta-more-center{ bottom: 0; }
.casestudies_slider{ padding-bottom: 0; }
.section-container-8 .arrow:hover{ transform: scale(1); }
.carousel-img{  object-fit: cover; }
.cta-more-center{ width: 100%; text-align: center; }
.animate_title.title-1.film-julie p{ font-size: 1rem !important;    margin-bottom: 1rem; }
.section-container-9 .cta-more .cta-more-label{ font-size: 16px !important; }
.no-low-height{ display: none; }
#block-section-5 .animate_title.title-1.isactive.change{ bottom: 10%; }
#block-section-5 .animate_title span:nth-child(1){     font-size: 1.3rem; }
/*.section-container-2 .cta-more.isactive{ bottom: -70%; }*/
.ceo .col-xl-5 .ceo-image-section{  margin-bottom: 0; }
.section-container-7 .text-center.isactive h3.sectionTitle{ margin-bottom: 1rem; }
.sectionDescription{ font-size: 0.975rem; }blackoverlay
.section-container.section-container-7{ min-height: initial; margin-bottom: 2rem; }
/*#block-section-3b .panel-1 .animate_title a{ display: block; }*/


.marquee-header{     padding: 20px 10px; }
/*.join-us .animate_title.isactive .cta-more.isactive{  bottom: initial; top: 50%;  transform: translate(-50%, -50%); }*/
/*#block-section-3b .panel-1 .animate_title a{ width: 100%;  min-height: 50px;    position: relative; }*/
/*.section-container-2 .cta-scroll.position-1{ bottom: -85px; }*/
#block-section-2 p.sectionDescription{ margin-bottom: 0; }
.parentinner .body-content{ margin-top: 3rem; }
.section-container-2 .panel-2 .img-3 { left: -115%; height: 95vh; width: auto !important; }
.section-container-2 .panel-1 .img-1 { width: 50% !important; left: 25%; background-image: none; position: relative; top: 20%;
    transform: none; }
.section-container-3 .panel-2 .core-values{ padding: 0; }
.section-container-9 .panel-1 img { position: absolute; bottom: 0px; left: 0%; height: 120% !important; max-width: initial;}

.section-container-9 .panel-1 img{  max-width: initial; width: initial; }
.section-container-3 .animate_title span, .culture-text.isactive .sectionTitle{     font-size: 2.5rem !important; }

#block-section-3b .animate_title.isactive span{ font-size: 16px; margin-bottom: 15px !important; }
#block-section-3b .animate_title.isactive br{ display: none; }
.julie-social a{ display: block; }
.julie-social .cta-more.twitter.isactive .twitter-icon, 
.cta-more.linkedin.isactive .linkedin-svg{ display: inline-flex; align-items: center; width: 13px; }
.cta-more.linkedin.isactive .linkedin-svg.linkedin-icon-1{     width: 3px; }
.cta-more.linkedin.isactive .linkedin-svg svg{ width: 3px; }
.cta-more.linkedin.isactive .linkedin-svg svg + svg{ margin-left: 2px; width: 8px; }

#block-section-5 .section-container-9 .panel-2{ padding-bottom: 5rem; }
.section-container-2 .cta-scroll.position-1{ bottom: 15px;  }
.office_img img {
    position: absolute;
    top: 60px;
    width: 45%;
    right: 0;
}


}