/*---- fonts-----*/
@import url("https://fast.fonts.net/t/1.css?apiType=css&projectid=307bcd18-715e-4ff5-b55c-381a25f1217c");
@font-face{
  font-family:"Foundry Sterling W01 Bk";
  src: url('../fonts/FoundrySterling-Book.eot');
  src: url('../fonts/FoundrySterling-Book.woff2') format('woff2'),
  url('../fonts/FoundrySterling-Book.woff') format('woff'),
  url('../fonts/FoundrySterling-Book.ttf') format('truetype'),
  url('../fonts/FoundrySterling-Book.svg#FoundrySterling-Book') format('svg'),
  url('../fonts/FoundrySterling-Book.eot?#iefix') format('embedded-opentype');
}
@font-face{
  font-family:"Foundry Sterling W01 Demi";
  src: url('../fonts/FoundrySterlingDemi.eot');
  src: url('../fonts/FoundrySterlingDemi.woff2') format('woff2'),
  url('../fonts/FoundrySterlingDemi.woff') format('woff'),
  url('../fonts/FoundrySterlingDemi.ttf') format('truetype'),
  url('../fonts/FoundrySterlingDemi.svg#FoundrySterlingDemi') format('svg'),
  url('../fonts/FoundrySterlingBold.eot?#iefix') format('embedded-opentype');
}
@font-face{
  font-family:"VAG Rounded W01 Light";
  /* IE9 Compat Modes */
  src: url('../fonts/VRL.eot');
  /* IE6-IE8 */
  src: url('../fonts/VRL.eot?#iefix') format('embedded-opentype'),
    /* Modern Browsers */
  url('../fonts/VRL.woff') format('woff'),
    /* Legacy iOS */
  url('../fonts/VRL.ttf');
}

@font-face {
  font-family: 'GilroyBold';
  src: url('../fonts/Gilroy-SemiBold.eot');
  src: url('../fonts/Gilroy-SemiBold.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Gilroy-SemiBold.woff2') format('woff2'),
  url('../fonts/Gilroy-SemiBold.woff') format('woff'),
  url('../fonts/Gilroy-SemiBold.ttf') format('truetype'),
  url('../fonts/Gilroy-SemiBold.svg#Gilroy-SemiBold') format('svg');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gilroy';
  src: url('../fonts/Gilroy-Regular.eot');
  src: url('../fonts/Gilroy-Regular.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Gilroy-Regular.woff2') format('woff2'),
  url('../fonts/Gilroy-Regular.woff') format('woff'),
  url('../fonts/Gilroy-Regular.ttf') format('truetype'),
  url('../fonts/Gilroy-Regular.svg#Gilroy-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/*Mobile menu animation*/
.mobile-menu .contact-button a{opacity:0;transition:opacity 1s cubic-bezier(.165,.84,.44,1);}
.menu-open .mobile-menu .contact-button a{opacity:1}
.mobile-menu ul li{opacity: 0;transform: rotate(-10deg) rotateX(65deg) translateX(60px) translateY(50px) translateZ(0);}
.menu-open .mobile-menu ul li:first-of-type {transition: transform 1s cubic-bezier(.23,1,.32,1) .1s,opacity .5s cubic-bezier(.165,.84,.44,1) .1s;}
.menu-open .mobile-menu ul li:nth-of-type(2) {transition: transform 1s cubic-bezier(.23,1,.32,1) .2s,opacity .5s cubic-bezier(.165,.84,.44,1) .2s;}
.menu-open .mobile-menu ul li:nth-of-type(3) {transition: transform 1s cubic-bezier(.23,1,.32,1) .3s,opacity .5s cubic-bezier(.165,.84,.44,1) .3s;}
.menu-open .mobile-menu ul li:nth-of-type(4){    transition: transform 1s cubic-bezier(.23,1,.32,1) .4s,opacity .5s cubic-bezier(.165,.84,.44,1) .4s;}
.menu-open .mobile-menu ul li:nth-of-type(5){    transition: transform 1s cubic-bezier(.23,1,.32,1) .5s,opacity .5s cubic-bezier(.165,.84,.44,1) .5s;}
.menu-open .mobile-menu ul li:nth-of-type(6){    transition: transform 1s cubic-bezier(.23,1,.32,1) .6s,opacity .5s cubic-bezier(.165,.84,.44,1) .6s;}
.menu-open .mobile-menu ul li{opacity: 1;transform: rotate(0) rotateX(0) translateX(0) translateY(0) translateZ(0);}
/*---- bootstrap-----*/
/*---------------- Start Reset CSS ----------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; }
body { line-height: 1;  font-family: 'Gilroy';}
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none }
:focus { outline: 0 }
ins { text-decoration: none }
del { text-decoration: line-through }
table { border-collapse: collapse; border-spacing: 0 }
/*---------------- End Reset CSS ----------------- */

/*---- icomoon-fonts-----*/
@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon-eot.eot');
  src:  url('../fonts/icomoon-eot.eot#iefix') format('embedded-opentype'),
  url('../fonts/icomoon-ttf.ttf') format('truetype'),
  url('../fonts/icomoon-woff.woff') format('woff'),
  url('../fonts/icomoon-svg.svg#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}



[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-play:before {
  content: "\e900";
  font-family: 'icomoon' !important;
}
.icon-mail:before {
  content: "\e901";
  font-family: 'icomoon' !important;
}
.icon-play-active:before {
  content: "\e902";
  font-family: 'icomoon' !important;
}
.icon-plus-round:before {
  content: "\e903";
  font-family: 'icomoon' !important;
}
.icon-share:before {
  content: "\e904";
  font-family: 'icomoon' !important;
}
.icon-slider-left-dark:before {
  content: "\e905";
  font-family: 'icomoon' !important;
}
.icon-slider-right-dark:before {
  font-family: 'icomoon' !important;
  content: "\e905";
  transform:rotate(180deg);
}
.icon-slider-left-white:before {
  content: "\e906";
  font-family: 'icomoon' !important;
}
.icon-twitter:before {
  content: "\e907";
  font-family: 'icomoon' !important;
}
.icon-down-arrow:before {
  content: "\e908";
  font-family: 'icomoon' !important;
}
.icon-up-arrow:before {
  content: "\e909";
  font-family: 'icomoon' !important;
}
.icon-cross:before {
  content: "\e90a";
  font-family: 'icomoon' !important;
}
.icon-error:before {
  content: "\e90b";
  font-family: 'icomoon' !important;
}
.icon-google-plus:before {
  content: "\e90c";
  font-family: 'icomoon' !important;
}
.icon-linkedin:before {
  content: "\e90d";
  font-family: 'icomoon' !important;
}
.icon-facebook:before {
  content: "\ea90";
  font-family: 'icomoon' !important;
}

/*---- maincss-----*/
/*--- HTML5 Reset CSS starts---*/
@charset "UTF-8";
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body {line-height:1;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
nav ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:'';content:none;}
a {margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}
a.white:focus{color:#fff;}

/*-- change colours to suit your needs --*/
ins {background-color:#ff9;color:#f15a22;text-decoration:none;}

/*-- change colours to suit your needs --*/
mark {background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom:1px dotted;cursor:help;}

table {border-collapse:collapse;border-spacing:0;}

/*-- change border colour to suit your needs --*/
hr {display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}

input, select {vertical-align:middle;}
/*--- HTML5 Reset CSS ends---*/

/*--- Global common css starts ---*/
html {font-size: 10px }
body{ font-family: 'Gilroy','VAG Rounded W01 Light', Helvetica, sans-serif; font-size: 1.8rem; line-height:30px;background-color: #fff;color: #545256; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility;  font-variant-ligatures: none; -webkit-font-variant-ligatures: none;}
a { color: #000; transition: all 0.3s ease;-webkit-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;}
a:hover { text-decoration: none; -moz-text-blink: none; color: #003764;transition: all 0.3s ease;-webkit-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease; }
/*a:focus, a:active { border: none; outline: 0px; _noFocusLine: expression(this.hideFocus=true); }*/
a:focus {/*background-color: rgba(0,0,0,0.1);*/text-decoration: none; color:#000; }


img { outline-style: none; outline-width: 0; border: 0 none; max-width: 100%; height: auto; }
sup { font-size: smaller; /*font-weight: bold; */}
sub { margin: 2px 0; padding: 2px 0; }

.f100{float:left;width:100%;}
.white,.white p{color:#fff;}
.black,.black p{color:#000;}
.grey,.grey p{color:#6f6f6f;}
.font44{font-size:4.4rem; line-height: normal;}
.font42{font-size:4.2rem; line-height:42px; }
.font32{font-size:3.2rem; line-height:42px;}
.font22{font-size:2.2rem;  }
.font15{font-size:1.5rem; line-height: 22px; }
.maxwidth1170 {max-width: 1170px;margin: 0 auto;}

#content-wrapper ul {  padding-left: 0px;     padding-bottom: 20px;}
.content-container ul li{ list-style-position: inside; }
.content-container ul li::before { height: 4px;  width: 4px;  border-radius: 50%;  background-color: #6f6f6f;  display: inline-block;  position: absolute;  left: 15px;  top: 11px; }
#content-wrapper ul li{ padding-left: 40px;position: relative; font-size: 1.8rem;     line-height: 30px;  }
#content-wrapper ol li {padding-left: 10px;position: relative; font-size: 1.8rem;     line-height: 30px;}
#content-wrapper ol ol { font-size: 1.8rem;     line-height: 30px; }
#content-wrapper ol { list-style-type: decimal; padding-left: 20px;     padding-bottom: 20px;}
#content-wrapper ol li ol, #content-wrapper ol li ul, #content-wrapper ul li ul{    padding-bottom: 0;}
/*.contentwrapper {max-width: 1170px;margin: 0 auto;clear: both;float: none;background-color: #fff;padding: 18px 10px 30px;}*/
#content-wrapper ul li ul li, #contentwrapper ol li ol li {margin-bottom: 0px;}

.rad-notes {font-size:1.2rem !important; color:#6f6f6f; font-style: italic;}
strong { color: #000;}
.rad-introtext,.rad-introtext p{    font-size: 2.2rem; line-height: 33px;  color: #000;}
p { padding: 0 0 20px;  color: #6f6f6f;}
.h1,h1 { font-size: 4.2rem; line-height:normal;color:#000;margin:0 0 10px; }
.h2,h2 { font-size: 3.2rem; line-height: normal;color:#000;margin:0 0 10px;  }
.h3,h3 { font-size: 2.2rem; line-height: 41px;color:#000;margin:0 0 10px;  }
.h4,h4 { font-size: 1.8rem; line-height: normal;color:#000;margin:0 0 10px; letter-spacing: 0.3px; }
.h5,h5 { font-size: 1.5rem; line-height: 22px;color:#000;margin:0 0 10px; text-transform: uppercase; }
.h6,h6 { font-size: 1.2rem; line-height: 21px; color:#000;margin:0 0 10px; letter-spacing: 0.6px; text-transform: uppercase;}
a[href^="tel:"] { cursor: default; color: #000; }
.invisible { position: absolute; left: -9999999px; top: auto; width: 1px; height: 1px; overflow: hidden; visibility: visible; }
a[href^="tel:"]:hover { text-decoration: none !important; }
/*.displayflex{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;}
.box1, .box2, .box3{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;}*/

/*----- Table CSS ---*/
/* ----------------------- Tables overflow x scroll ----------------------- */
.scroll-table-container { width: 100%; padding: 0 0 5px; overflow-y: hidden; overflow-x: auto; margin-bottom: 14px; }
.scroll-table-container::-webkit-scrollbar-thumb { border-radius: 5px; border: 2px solid #e7e5db; background-color: #e7e5db; }
.scroll-table-container > table { margin-bottom: 0; }
.scroll-table-container::-webkit-scrollbar { -webkit-appearance: none; width: 10px; height: 7px; }
table { margin-bottom: 20px; }
table td, table th { padding: 10px 0; }
table th, table td { border-bottom: 1px solid #e5e5e5;line-height: 18px; }
table .rad-right { text-align: right; }
table .rad-center { text-align: center; }
table .rad-left { text-align: left; }
.maxwidth1090{max-width:1090px;margin:0 auto}
#auto-top-link {background-color: #fff;  bottom: 25px;  color: #f15a22;  display: none;  float: left;  font-size: 1.6rem;  border-radius: 50%;  font-weight: bold;  padding: 6px;  position: fixed;  text-align: center;  right: 13px;  text-decoration: none;  width: 40px;  height: 40px;  box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.1), 0 3px 20px 0 rgba(231, 224, 213, 0.35); z-index: 50;}
#auto-top-link span strong {    border: 0;  clip: rect(0 0 0 0);  height: 1px;  width: 1px;  margin: -1px;  padding: 0;  overflow: hidden;  position: absolute;}
#MainWrapper {margin: 0 auto;padding: 0;}



input[type="submit"],a.button,.btn > a, .contactBtn, .chooseDocumentsBtn, .submitBtn {  background: #f15a22;  color: #fff;  text-decoration: none;  padding: 9px;  width: 196px;  display: inline-block;  text-align: center;  border-radius: 22.5px;}
a.button:hover,.btn > a:hover, .contactBtn, .chooseDocumentsBtn:hover{  background: #c25620 ;transition: all 0.3s ease;-webkit-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;}



/*-----------------------------snapdown tabel form etc-----------------------------------*/


/* ----------------------- Tables overflow x scroll ----------------------- */
.scroll-table-container { width: 100%; padding: 0 0 5px; overflow-y: hidden; overflow-x: auto; margin-bottom: 14px; }
.scroll-table-container::-webkit-scrollbar { -webkit-appearance: none; width: 10px; height: 7px; }
.scroll-table-container::-webkit-scrollbar-thumb { border-radius: 5px; border: 2px solid #666666; background-color: #666666; }
.scroll-table-container > table { margin-bottom: 0; }


/*---------- TwoCol Content -------*/
#content-wrapper{background-color: #ffffff;}



/*----------Table Css -------*/
table{width: 100%;}
table.reportTable tr th, table.reportTable tr td{border-bottom: 1px solid #e7e5db;}
table.reportTable tr td{border-bottom: 1px solid #e7e5db; padding: 8px 10px 8px 0; font-size: 1.4rem; line-height: 20px; vertical-align: middle;}
table.reportTable .outlook-icon{text-align: center;padding-right: 0;width:20%;}
.documents-landing table.reportTable tr th.doc-dt, .documents-landing table.reportTable td.doc-dt { width:20%; }
span.ex-icon { font-size: 2.0rem; display: inline-block; text-align: center; vertical-align: middle; }
span.ex-icon i strong {    border: 0; clip: rect(0 0 0 0);  height: 1px;  width: 1px;  margin: -1px;  padding: 0;  overflow: hidden;  position: absolute;}
table.reportTable tr th:first-child, table.reportTable tr td:first-child{width: 25%;}
table.reportTable tr th { border-bottom: 1px solid #e5e5e5; vertical-align: middle; padding: 13px 10px 13px 0; font-size: 1.6rem; color: #0075bb; text-align: left; }
.inv-responsive-data-td.inv-responsive-data-header { font-weight:bold; }





/*-------- Equal height Box -------*/
/*.equalheight-box{ position: relative;}
.equalheight-box{margin-left: 0\9; margin-right: 0px\9; padding-left: 10px\9; padding-right: 10px\9; background-color: transparent\9; position: relative\9;}
#breadcrumb ul { padding-left: 0; }
.jssnapdownItem.active .js-snapdown-title p { color: #333; }
.investorbottom-container .box-1 .box-links, .investorbottom-container .box-2 .box-links { border-bottom: none; }


.nojs .js-snapdown-content { display:block; }
.nojs .js-snapdown-title p:after { display:none; }*/
#ip3-fields #main-container {border-left:none;}
#fullcol-wrapper .ssDesignation {padding: 15px 0px;font-size: 1.6rem;line-height: 24px;}

.bottom-content { float:left; width:100%; }


/*----------------------------------- HEADER --------------------------------------*/

#main-header {  background: #f15a22;  position: fixed;  width: 100%;  top: 0;  left: 0;   z-index: 99; max-height:98px;}
#logo{display: inline-block;    float: left;     margin-left: -200px;  transition: all 1s ease-out;  opacity: 0;}
.showLogo #logo{ margin-left: 0;  transition: all 1s ease-out;   opacity: 1;margin-right: 20px;}
.showLogo{-webkit-box-shadow: 0px 0px 16px -2px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 16px -2px rgba(0,0,0,0.75);box-shadow: 0px 0px 16px -2px rgba(0,0,0,0.75);}
.showLogo .header-wrap{border-bottom:none;}

#logo .main-logo {  width: 99px;     position: relative;  bottom: 3px;}
.content-page-logo,.main-logo{animation: fromleft 2s ease 1;}

@keyframes fromleft {
  from {    transform: translateX(-100%); opacity:0;}
  to {    transform: translateX(0);opacity:1;}
}

@keyframes backltor {
  from {     background-position:left center; opacity:0;}
  to {     background-position:right center; opacity:1;}
}

.icon-shar-new {  display: inline-block;  margin-left: 8px;  vertical-align: bottom;}


.desktop-nav {    display: inline-block;  float: left;}
.desktop-nav li a, .desktop-nav li span {  color: #ffffff;  text-decoration: none;  font-size: 1.4rem;  line-height: normal;  position: relative; display: block;}
.desktop-nav ul li {  display: inline-block;  margin: 5px 3px;  position: relative;  text-align: center;}
.desktop-nav li span {  padding: 22px 0px; }
.header-wrap {  border-bottom: 1px solid #ec794f;    padding-bottom: 8px;  padding-top: 15px;      /*overflow: hidden;*/ }
.desktop-nav ul li.current span:after {  position: absolute;  content: '';  width: 100%;  max-width: 100%;  height: 3px;  background: #fff;  display: block;  bottom: 5px;  left: 0;}
.desktop-nav ul li span:after {  position: absolute;  content: '';  display: block;  text-align:center;  max-width: 0;  height: 3px;  margin: auto;  background: #fff;  bottom: 5px;  left: 0;  right:0;  transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);}
.desktop-nav ul li:hover span:after {     max-width: 100%; transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);}
.desktop-nav ul li:first-child {  margin-left: 0;}

.right-nav {  display: table;  width: 100%;  height: inherit; position: relative; margin-top: 11px;}
.share, .contact-button {  display: table-cell;  text-align: right;  vertical-align: middle;}
.sub-logo {  display: table-cell;  vertical-align: middle;  position: relative; top: -9px;}
.sub-logo-inner {  width: 98px;  vertical-align: middle;  float: right; }
a.share-wrapper  {  font-size: 1.2rem;text-transform: uppercase;  letter-spacing: 0.6px;  line-height: normal;}
a.share-wrapper:hover{color:#fff;}
a.black-button {  font-size: 1.2rem;  line-height: normal;  text-align: center;  display: inline-block;  text-transform: uppercase;  letter-spacing: 0.6px;  padding: 6px 20px;  background: #131b3f;  border-radius: 13px;}
a.black-button:hover{  color:#fff;  background:#000;  transition:all .3s ease;}

.hamburger {  position: absolute;  top: 31px;  right: 17px; width: 24px;  height: 20px;cursor: pointer;}
.border {   width: 100%; height: 3px;  background: #fff; display: block;  margin-bottom: 4px;   border-radius: 10px;}

.share {  line-height: 0.8;}
.icon-share {  margin-left: 10px;}
.share ul li a span {  overflow: hidden;  text-indent: 9999px;  height: 1px;  width: 1px;   position: absolute;  border: 0;  clip: rect(0 0 0 0);  margin: -1;  padding: 0;}
.share ul li {  display: inline-block;}
.share ul li a {  text-decoration: none;  color: #000;  background: #fff;  text-align: center;  padding: 4px;  display: block;  width: 30px;  border-radius: 50%;  margin-left: 4px;  height: 30px; transition:box-shadow .3s ease;}
.share ul li a:hover{-webkit-box-shadow: 0px 10px 28px -9px rgba(0,0,0,0.69);-moz-box-shadow: 0px 10px 28px -9px rgba(0,0,0,0.69);box-shadow: 0px 10px 28px -9px rgba(0,0,0,0.69); transition:box-shadow .3s ease;}
.share ul li a:before {font-size: 1.6rem;position: relative;top: 3px;}
.share-header {  display: block;  position: absolute;  top: 9px; left: -100px;  visibility:hidden;  opacity:0;  transition:all .3s ease;}
.share-header.fadeInOut{ left: -115px; opacity:1;display:block; visibility:visible;  width:auto;transition:all .3s ease;}

/*----------------------------------- / HEADER --------------------------------------*/



/*------------------------------------------------------- HOME -----------------------------------------*/
.banner-image-wrap img,.case-study-insight .card-image, .benefit-section .card-image,.insights-section-landing .card-image,.bottomVideos .card,.insights-section .card-image, .concept-quote-backgrpound,.quote-wrapper,.caption-image,.benefit-landing-container .bene-image{box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.1), 0 3px 20px 0 rgba(231, 224, 213, 0.35);  transition:box-shadow 1s ease; }

.case-study-insight .card:hover .card-image,.benefit-section .card:not(.interview-card):hover .card-image,.insights-section-landing .card:not(.int-card):hover .card-image,.bottomVideos .card:not(.interview-card):not(.int-card):hover,.insights-section .card:not(.interview-card):hover .card-image,.card:hover .concept-quote-backgrpound,.quote-wrapper:hover{box-shadow: 0 2px 2px 0 rgba(231, 224, 213, 0.64), 0 4px 4px 0 rgba(0, 0, 0, 0.05), 0 8px 8px 0 rgba(0, 0, 0, 0.05), 0 16px 16px 0 rgba(231, 224, 213, 0.46), 0 32px 32px 0 rgba(231, 224, 213, 0.38), 0 64px 64px 0 rgba(0, 0, 0, 0.1);  transition:box-shadow 1s ease; }





.contept-section,.insights-section,.benefit-section{ background-size: 45% !important; }

/*---Banner --*/

.card-main img {
  width: 100%;
  float: left;
  /*height: 413px;
  width: 400px;*/
}
.invisible-div {  visibility: hidden;  height: 0;}
.card-main {  margin-right: 18px;  position: relative;  margin-bottom: 20px;  overflow: hidden; border-radius: 4px; box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.1), 0 3px 20px 0 rgba(231, 224, 213, 0.35); }
.card-main img {   transition: transform .2s linear;  -webkit-transition: transform 1s ease; -moz-transition: transform 1s ease; -o-transition: transform 1s ease;}
.card-main>a { position: absolute;  width: 100%;  height: 100%;  top: 0;  left: 0;     z-index: 3; }
.slick-list {  padding: 0 0px 0 0 !important;}
.case-study-box,.video-box {  display: block;  position: absolute;  bottom: 0;  left: 0;     z-index: 2; }
.video-box {  padding: 30px 30px;}
.case-study-box{  padding: 24px 40px;}
.video-box-title {  font-size: 2.0rem;  line-height: 27px;  display: block;margin-bottom: 5px;}
.case-box-title {  font-size: 3.4rem;  line-height: 39px;  display: block;margin-bottom: 5px;}
.case-box-text {  color: #d3cab7;  font-size: 1.8rem;  letter-spacing: 0.3px;  display: block;  line-height:23px;    margin-bottom: 10px;}
.video-box-text {  color: #d3cab7;  font-size: 1.5rem;  letter-spacing: 0.3px;  display: block;  line-height:23px;    margin-bottom: 10px;}
.case-box-linktxt {  font-size: 1.6rem;  line-height: 21.6px;  letter-spacing: -0.3px;  color: #f15a22;  position: relative; padding-right: 15px;}
.play-txt {     font-family: Foundry Sterling W01 Bk, Helvetica, sans-serif; color: #fff;  font-size: 1.2rem;  letter-spacing: 0.6px;  line-height: 21px;  text-transform: uppercase;  position: relative;  display: inline-block; }
/*.case-box-linktxt:after {  content: '>';  right: -17px;  position: absolute;  top: -1px;  font-weight: unset;}*/
.bannerWrapper {  background: #f15a22; transition: transform .2s ease;   }
.banner-mage img {  width: 100%;}
.banner-wrapper {  margin-bottom: -180px;  z-index: 3;  position: relative; animation: fromtop 2s ease 1;}
@keyframes frombottom {
  from {   transform: translateY(-50%); opacity:0;}
  to {    transform: translateY(0); opacity:1;}
}
@keyframes fromtop {
  from {   transform: translateY(50%); opacity:0;}
  to {    transform: translateY(0); opacity:1;}
}
.banner-mage {  margin-top: 87px;  margin-bottom: 80px;}
.card-main:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1);-o-transform:scale(1.1); transition: transform .2s linear; -webkit-transition: transform 1s ease; -moz-transition: transform 1s ease; -o-transition: transform 1s ease; }
.hero-slider .video-box-title, .hero-slider .video-box-text{ text-shadow: -1px 1px #333;}
.card-main:after { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.73)); content: '';  position: absolute;   bottom: 0;  left: 0;  width: 100%;  height: 100%;}
.slider-wrapper { position: relative;}
.slider-text p {border-bottom: solid 1px #ffffff;padding-bottom: 3px;margin-bottom: 28px;}

.icon-play-active:after { background: url(../images//play.svg) center center no-repeat; position: absolute; content: ''; z-index: 2; }

.banner-play.icon-play-active:after{ width: 17px;height: 19px;right: -23px;top: 0px;background-size: 13px;  }
.banner-play.icon-play-active:before{display:none;  position: absolute;    right: -22px;   top: 0px;    font-size: 1.5rem;    color: #f15a22;}
.card-main:hover .banner-play.icon-play-active:before{display:block; animation: scaleIcon .5s ease 1;}
.card-main:hover .banner-play.icon-play-active:after{display:none;}

/*---slick arrow---*/
.slider-text {  position: absolute;  display: inline-block;  bottom: 258px;  left: -125px;  }
.slick-arrow { cursor:pointer;  position: absolute;  width: 40px;  height: 44px;  background: transparent;  border: none;  }
.icon-slider-left-dark:before,.icon-slider-right-dark:before{  font-size: 4.5rem;  background: transparent;  border-radius: 50%;  color: #fff;  cursor: pointer;    border: 1px solid #fff; transition: all .2s ease; }
.icon-slider-left-dark.slick-arrow { bottom: 200px;  left: -129px; cursor:pointer;}
.icon-slider-right-dark.slick-arrow {  bottom: 200px;  left: -66px; cursor:pointer;}
.slick-arrow:hover:before {color: #f15a22;     background: #fff; transition: all .2s ease; }
.icon-slider-right-dark {  transform: rotate(180deg);  -ms-transform: rotate(0deg);  -webkit-transform: rotate(180deg);  -moz-transform: rotate(180deg);  -o-transform: rotate(180deg);}

/*---slick arrow---*/

/*----Concept Section----*/

.contept-section {  padding-bottom: 62px;  padding-top: 305px;}
.concept-quote-backgrpound img{display:block; width:100%;}
.concept-quote-wrapper .quote {  width: 95%;}
.concept-quote-inner {  position: absolute;  left: 0;  bottom: 0;  z-index: 1;  padding: 27px 27px 43px 49px; }


.concept-quote-backgrpound img { transition: transform 1s ease;  border-radius: 4px;  position:relative; }
.concept-quote-backgrpound {  overflow: hidden; border-radius: 4px; }
.concept-quote-wrapper:hover img {  transform: scale(1.2);  transition: transform 1s ease;}

.quote-play.icon-play-active:before{display:none;  font-size: 2.8rem;  color: #f15a22;  left: 0px;  top: -32px;  position: absolute;}
.quote-play.icon-play-active:after{ width: 23px;  height: 29px;  left: 3px;  top: -37px;  background-size: 23px;}

.concept-quote-wrapper:hover .quote-play.icon-play-active:before, .interview-card:hover .quote-play.icon-play-active:before, .quote-wrapper:hover .quote-play.icon-play-active:before{display:block; animation: scaleIcon .5s ease 1;}
.concept-quote-wrapper:hover .quote-play.icon-play-active:after,.interview-card:hover .quote-play.icon-play-active:after, .quote-wrapper:hover .quote-play.icon-play-active:after{display:none;}



@keyframes scaleIcon {

  0% {    transform: scale(1); transform-origin:(0,0)}
  50% {transform: scale(1.3); transform-origin:(0,0)}
  100% {    transform: scale(1);  transform-origin:(0,0)}
}


/*-----Insight/benefit section--*/
.bottomVideosWrap {  position: relative;}
.slider-numbers {  display: inline-block;  position: absolute;  bottom: 25px;  left: 140px;}
.slick-num {  display: inline-block;  width: 30px;  text-align: center;  border-left: 1px solid #d3cab7;}
.slick-num:first-child {  border-left: none;}



.insights-section {  padding-top: 60px;  padding-bottom: 100px;}
.upper-insight,.bottom-insight {  display: flex;  margin: 0 -15px;}
.upper-insight {  margin-bottom: 22px;}
.upper-insight > div,.bottom-insight > div {  padding: 0 15px;}
.width62 {  width: 50%;}
.width38 {  width: 50%;}
.width50 { width:50%; }
.card-image {  display: block;  width: 100%;  position: relative;  overflow: hidden;  border-radius: 4px;}

.h209{ height: 209px; }
.h304{ height: 304px; }
.h627{ height: 627px; }
.card {  position: relative; cursor: pointer;}
.card > a,.interview-card > a {  position: absolute;  width: 100%;  height: 100%;  top: 0;  left: 0; z-index:6;}
.card-image > img {  height: auto;  width: auto;  position: absolute;  top: -100%;  bottom: -100%;  margin: auto;  overflow: hidden;  max-width: none;  left: -100%;  right: -100%;  transition: transform .2s linear; -moz-transition: transform .9s ease; -webkit-transition: transform .9s ease; -o-transition: transform .9s ease;}
.card:not(.concept-quote-card):hover img {  transform: scale(1.1);  -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1);  transition: transform .2s linear; -moz-transition: transform .9s ease; -webkit-transition: transform .9s ease; -o-transition: transform .9s ease; }
.card:hover .author-image img{  transform: scale(1);}
.custom-grid {  margin-bottom: 22px;}
.box-title-wrap {  display: block; z-index: 3; position: relative;     float: left;}
.box-ttl,.box-des {  display: block;}
.box-ttl {    font-family: Foundry Sterling W01 Bk, Helvetica, sans-serif;  font-size: 1.2rem;  line-height: 21px;  letter-spacing: 0.6px;  text-transform: uppercase;  color: #f15a22;   font-weight: bold; display: inline-block; margin-top: 15px;}
.box-des {  font-size: 1.5rem;  line-height: 22px; padding-bottom: 22px; z-index: 1;  position: relative;}

.benefit-section .interview-card .box-des,.insights-section .interview-card .box-des{    margin-top: 3px;}
.benefit-equal .card {  margin-bottom: 19px;}

/*---Quote--*/
.quote-inner {  position: absolute;  bottom: 0;  left: 0;}
.quote-inner {  position: absolute;  left: 0;  bottom: 0;  z-index: 1;  padding: 27px 27px 46px 27px;}
.quote-caption {  color: #d3cab7;  font-size: 1.5rem;   margin-top: 60px;  display: block;}
.quote {  font-size: 3rem;  line-height: normal;  margin-top: 40px;}
.quote-card:after {  position: absolute;  content: '';  background-image: linear-gradient(215deg, rgba(255, 255, 255, 0.5), rgba(0, 0, 0, 0.7));  bottom: 0;  z-index: 0;  left: 0;  height: 100%;  width: 100%;     border-radius: 4px;}
.card .play-txt {  position: absolute;  z-index: 5;  right: 21px;  bottom: 22px;}
.card.quote-card{position: static;     margin-bottom: 0;}
.quote-wrapper{min-height:627px;   transition:all 1s ease;-moz-transition: all 1s ease;-ms-transition:all 1s ease;-o-transition: all 1s ease;-webkit-transition:all 1s ease; border-radius: 4px; background-size: 100% 100% !important; }
.quote-wrapouter:hover .quote-wrapper {  transition:all 1s ease;-moz-transition: all 1s ease;-ms-transition:all 1s ease;-o-transition: all 1s ease;-webkit-transition:all 1s ease;  background-size: 110% 110% !important;}
.quote-wrapouter {  position: relative;    }
.author-image img {  display: inline-block;  border-radius: 50%;  overflow: hidden;}

/*.quote-wrapouter:hover .quote-wrapper:not(.quote-inner){  transform: scale(1.03); transition: all .3s ease-in;  -moz-transition: all .3s ease-in;  -ms-transition: all.3s ease-in;  -o-transition: all.3s ease-in;-webkit-transition: all .3s ease-in; }
*/
/*---Quote--*/

/*--Benefit box---*/
.abso-text-wrap {  position: absolute;  top: 50%;  left: 50%;  text-align: center;  transform: translate(-50%,-50%);}
.benefit-box-title {  display: block;   font-size: 2.5rem;  font-weight: 300;  line-height: normal;  letter-spacing: normal;}
.benefit-box-text {   font-size: 1.5rem;  line-height: 22px;  margin-top: 13px;  font-weight: normal;  position: relative; display: inline-block;     padding-right: 17px;}
/*.benefit-box-text:after {  content: '>';  right: -17px;  position: absolute;  top: -1px;}*/
.abso-text-wrap em {font-family: Foundry Sterling W01 Bk, Helvetica, sans-serif;  font-size: 1.2rem;  font-style: normal;  text-transform: uppercase;  letter-spacing: 1px;  font-weight: bold;  color: #fff;  display: inline-block;  margin-bottom: 10px;  position: relative;}
.abso-text-wrap em:after {  position: absolute;  content: '';  width: 9px;  height: 3px;  background: #5e87a1;  left: 39%;  bottom: -5px;}

.benefit-section {  padding-bottom: 255px;}
.pull-up {  margin-top: -120px;}
.upper-image-section {  padding-bottom: 150px;}

.insight-inner-content {     top: 50%;  position: relative;  transform: translateY(-50%);}

.interview-card .box-des {  margin-top: 13px;}

/*-----Poduct section-----*/
.image-left{position:relative;}
.caption-image>img {  width: 100%;  border-radius: 4px;     position: relative; display: block;  box-shadow: 0 2px 2px 0 rgba(231, 224, 213, 0.64), 0 4px 4px 0 rgba(0, 0, 0, 0.05), 0 8px 8px 0 rgba(0, 0, 0, 0.05), 0 16px 16px 0 rgba(231, 224, 213, 0.46), 0 32px 32px 0 rgba(231, 224, 213, 0.38), 0 64px 64px 0 rgba(0, 0, 0, 0.1);}
.caption-image{ margin-left: 35px;     position: relative;    }
.caption-image:after,.concept-quote-backgrpound:after {  position: absolute;  content: '';  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.68), rgba(0, 0, 0, 0));  z-index: 1;  top: 0;  left: 0;  width: 100%;  height: 100%;  border-radius: 4px;}
.upper-image-section .image-left > .caption-image:after{    background-image: none;}
.img-caption {     font-family: Foundry Sterling W01 Bk, Helvetica, sans-serif; position: absolute;  left: -5px;  bottom:-28px;  display: inline-block;  font-size: 1.2rem;  text-transform: uppercase;  font-weight: bold;  letter-spacing: 0.6px;}
.rotate-left {  transform: rotate(-90deg) translateY(0);  transform-origin: 0 0;}
.product-inner-content, .information-inner-content {  padding: 160px 0 0 70px; width: 90%;}
.product-section-title,.insight-section-title,.insight-section-title, .information-section-title {  margin-bottom: 14px;}
.insight-section-text,.insight-section-text {  margin-bottom: 18px;}
.product-section-text, .information-section-text{margin-bottom: 8px;}
.information-section { background-color: #FFF !important; }
.Product-section .caption-image img{width:100%;}

/*---Bottom contact section---*/
.inner-content {  padding: 127px 0 126px 0; z-index: 2; position: relative;}
.contact-title {  max-width: 480px;  padding-bottom: 21px;}
.contact-text{ max-width: 440px; padding-bottom: 16px;}
.big-image-section:after {  background: linear-gradient(271deg, rgba(0, 26, 255, 0), #000530);  content: '';  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;}



/*----------------------------------------------- /HOME -----------------------*/

/*---   Footer starts ---*/
footer {background-color: #282d37; padding-bottom: 48px;  padding-top: 50px;}
footer .footer-right-links ul.social-media-links { display: inline-block;   }
footer .footer-right-links ul.social-media-links li { float: none;     margin: 0 5px;    display: inline-block; }
footer .footer-right-links ul.social-media-links li a { padding-top: 3px; background: #fff; color: #282d37; display: table-cell; font-size: 1.4rem;  height: 31px;  border-radius: 50%; text-align: center; vertical-align: middle; width: 31px; transition: all 0.3s ease;}
footer .footer-right-links ul.social-media-links li:hover >a{background: #282d37; color: #fff;     border-radius: 0;}
.footer-right-links ul.social-media-links li a span { border: 0;  clip: rect(0 0 0 0);  height: 1px;  width: 1px;  margin: -1px;  padding: 0;  overflow: hidden;  position: absolute; }
.footer-right-links p { color: #fff;font-size: 1.5rem;font-weight: 300;}
.footer-right-links p { margin-bottom: 0px;  width: 130px;  text-align: left;  line-height: 22px;  display: inline-block; margin-left: 10px;}
footer .copyright-content p { padding-bottom: 10px; font-size: 1.2rem;  color: rgba(255, 255, 255, 0.69);  line-height: 20px;  letter-spacing: 1.7px;  text-align: center;  margin-top: 50px;  transition: all .3s ease;}
.branding {padding-top: 17px;}
#footer-logo-one {width: 120px;  display: inline-block;  float: left;}
#footer-logo-two {    display: table-cell;  vertical-align: bottom;  text-align: right;}
.footer-right-links { max-width: 700px;  margin: 0 auto;  width: 60%;  text-align: center;  margin-top: -47px;}

footer .footer-right-links ul.social-media-links li a.icon-twitter,footer .footer-right-links ul.social-media-links li a.icon-linkedin{    font-size: 2rem;}
footer .footer-right-links ul.social-media-links li a.icon-facebook{    font-size: 1.5rem;}
footer .footer-right-links ul.social-media-links li a.icon-google-plus{    font-size: 2.5rem;}
.footer-inner {    display: table;    width: 100%;}

/*---   Footer ends ---*/
@keyframes link-hover {
  0% {
    -moz-transform: scaleX(1);
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -moz-transform-origin: 100% 0;
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
  }
  50% {
    -moz-transform: scaleX(0);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -moz-transform-origin: 100% 0;
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
  }
  50.01% {
    -moz-transform: scaleX(0);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -moz-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
  }
  100% {
    -moz-transform: scaleX(1);
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -moz-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
  }
}
/*---- Content Css start -----*/

.banner-content a,#main-container a{color: #000; position:relative; transition: all 0.1s ease;}
#main-container a:after,.banner-content a:after {  width: 100%;  position: absolute;  content: '';  height: 1px;  background: #f15a22;  left: 0;  bottom: 0px; transition: all 0.1s ease;}
#main-container .content-container a:hover{ color:#f15a22; transition: all 0.1s ease; }
#main-container a:hover:after,.banner-content a:hover:after{ animation: link-hover 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s;  -webkit-animation:link-hover 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s;  height: 1px; bottom: 0px; transition: all 0.1s ease;}

#main-container .rad-link a {  font-size: 1.5rem;  text-transform: uppercase;  line-height: 22px;  color: #f15a22; padding-right:16px; transition: all 0.1s ease;}

#main-container .rad-link a:after,.slider-card .case-box-linktxt:after{opacity:0; transition: all 0.1s ease;}
#main-container .rad-link a:before{  content: '>';  position: absolute;  top: -3px;  right: 0px;}
#main-container .rad-link a:hover:after,.slider-card .card-main:hover .case-box-linktxt:after,.card:hover .benefit-box-text:after{opacity:1; transition: all 0s ease; animation: link-hover 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s;  -webkit-animation:link-hover 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.benefit-box-text:after{opacity:0; transition: all 0.1s ease;  width: 100%;  position: absolute;  content: '';  height: 1px;  background: #fff;  left: 0;  bottom: 0px; padding-right: 20px;}
.slider-card .case-box-linktxt:before,.benefit-box-text:before{ content: '>';  position: absolute;  top: -1px;  right: 0px;}
.slider-card .case-box-linktxt:after{opacity:0; transition: all 0.1s ease;  width: 100%;  position: absolute;  content: '';  height: 1px;  background: #f15a22;  left: 0;  bottom: 0px; padding-right: 20px; }





/*---------------------------------------------- Generic banner ---------------------------------------*/
.banner-shadow:after {  position: absolute;  content: '';  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.68), rgba(0, 0, 0, 0));  width: 100%;  height: 100%;  top: 0;  left: 0;}
.banner-shadow {  position: relative;  overflow: hidden; border-radius: 4px;     box-shadow: 0 2px 2px 0 rgba(231, 224, 213, 0.64), 0 4px 4px 0 rgba(0, 0, 0, 0.05), 0 8px 8px 0 rgba(0, 0, 0, 0.05), 0 16px 16px 0 rgba(231, 224, 213, 0.46), 0 32px 32px 0 rgba(231, 224, 213, 0.38), 0 64px 64px 0 rgba(0, 0, 0, 0.1);}
.bannercontainer-inner {  background: #f15a22;}
.content-page-logo {  display: block;  margin-top: 65px;  margin-bottom: 23px;}
.banner-image-wrap {  float: right;  margin-left: 30px;  margin-top: -90px;  position: relative; animation: fromtop 2.5s 1; margin-bottom: 30px; }
.banner-ttl {  display: inline-block;}
.banner-content {  max-width: 80%;}
.banner-image-wrap img {  border-radius: 4px; float: left;     width: 100%; }
.banner-ttl h1 {  position: relative;  margin-top: 42px;  margin-bottom: 98px;}
.banner-ttl h1:after {  position: absolute;  content: '';  width: 50px;  height: 4px;  background: #f15a22;  bottom: -40px;  left: 0;}
.banner-image-wrap .concept-quote-inner{    width: 85%;}
.banner-image-wrap .quote-caption{    margin-top: 0;}
.banner-text-wrap {  padding-bottom: 75px !important;}

.contact-us-page .banner-ttl { max-width:200px; }

/*-------------------------------------------- Generic banner -----------------------------------------*/


/*--------------------------------------------------Insight Landing--------------------------------------------*/
.video-bottom{position:relative;}
.insights-section-landing {  padding-top: 67px;     padding-bottom: 30px;}
.insights-section-landing .mobi-table{padding-bottom: 49px;}
.bottomVideos .card-image img {  width: 100%;     position: static;     float: left;}
.bottom-case-study.slick-initialized, .bottomVideos.slick-initialized{padding-bottom: 80px;}

.bottom-case-study .icon-slider-right-dark.slick-arrow, .bottomVideos .icon-slider-right-dark.slick-arrow{ bottom: 20px;  left: 75px; cursor:pointer;}
.bottom-case-study .icon-slider-left-dark.slick-arrow, .bottomVideos .icon-slider-left-dark.slick-arrow{ cursor:pointer; bottom: 20px;  left: 10px;}
.bottom-case-study .icon-slider-left-dark:before, .bottom-case-study .icon-slider-right-dark:before, .bottomVideos .icon-slider-left-dark:before, .bottomVideos .icon-slider-right-dark:before{    color: #696a6c;     border: 1px solid #696a6c;}
.bottom-case-study .slick-arrow:hover:before, .bottomVideos .slick-arrow:hover:before{border: 1px solid #f15a22; background: #f15a22;    color: #fff; }




.wrapper-for-border {  border-top: 1px solid #d3cab7;  padding-top: 98px; padding-bottom: 117px;}
.bottomVideos {  padding-bottom: 72px;  }
.bottom-case-study .card-image img {  position: static;  width: 100%;  float:left;}
.bottom-case-study .more-case:first-child:nth-last-child(1), .bottom-case-study .more-case:first-child:nth-last-child(2){  margin-left: 33.333%; }


/*------------------------------------------------Insight Landing---------------------------------------------------*/

/*-----------------------------------------------------------Benefit Landing-------------------------------------*/



.bene-popup{opacity:0; visibility:hidden;     position: fixed;  width: 80%;  top: 50%;  left: 50%;    transform: translate(-50%,-50%);  z-index: 100;  background: #fff;  border-radius: 4px;  padding: 80px 95px 80px 80px;  max-width: 706px; transition: all .3s ease;}
.bene-popup.active, .bene-popup.activeModal{opacity:1; visibility:visible; height:auto;width:80%; transition: visibility .3s ease 0.5s,opacity .3s ease  0.5s,transform .3s ease  0.5s; transition: all transform .3s ease  0.5s;     cursor: auto;}

.bene-hover{ opacity:0; visibility:hidden;   position: absolute;  width: 100%;  height: 100%;  top: 0;  left: 0;   background: #fff;  padding: 46px 33px 35px 33px;  border-radius: 4px;  box-shadow: 0 2px 2px 0 rgba(231, 224, 213, 0.64), 0 4px 4px 0 rgba(0, 0, 0, 0.05), 0 8px 8px 0 rgba(0, 0, 0, 0.05), 0 16px 16px 0 rgba(231, 224, 213, 0.46), 0 32px 32px 0 rgba(231, 224, 213, 0.38), 0 64px 64px 0 rgba(0, 0, 0, 0.1);     transition: all .2s ease; }
.bene-image:hover .bene-hover,.rollover.bene-hover{ z-index: 2; transform: scale(1.05); opacity:1; visibility:visible; /*transition: visibility .2s ease,opacity .2s ease .2s,transform .2s ease .2s;*/ }
.bene-inner img{float:left;}
#main-container .pop-close a:hover:after{ animation: unset;-webkit-animation: unset; transition: unset; }


#benefit-wrapper {  padding-top: 87px;  padding-bottom: 180px;  background: #f8f6f3;}
.benefit-landing-container{display: flex;  flex-wrap: wrap;  justify-content: center;}
.benefits-card-wrapper{width:33.333%; padding: 15px;}
.benefits-card-wrapper:nth-child(5n+1),.benefits-card-wrapper:nth-child(5n+2){width:50%;}
.bene-inner { cursor: pointer;  position: relative;  overflow: hidden;  display: block;     border-radius: 4px;}
.bene-inner > img{   height: auto;  position: absolute;  top: -100%;  width:auto;  bottom: -100%;  margin: auto;  overflow: hidden;  max-width: none;  left: -100%;   right: -100%;  transition: transform .2s ease;}
.bene-image {  position: relative;}
.bene-title {  position: absolute;  top: 50px;  left: 25px;  z-index: 1;  font-size: 3.2rem; display: block; width: 90%;
  padding: 0 50px 0 0;line-height: normal; text-align: center;}
.benefits-card-wrapper .bene-title{text-align: left;}
.bene-inner:after {  position: absolute;  width: 100%;  height: 100%;  left: 0;  top: 0;  /*background-image: linear-gradient(#f15a22, #f15a22); background-blend-mode: multiply;  */ content: ''; z-index: 1;}
.bene-title:before {  position: absolute;  width: 14px;  height: 3px;  left: 2px;  top: -13px;  content: '';  z-index: 1;  background: #5e87a1;}
.bene-keyfact {  display: block;  line-height: normal;  font-size: 6.2rem;  text-align: left;  color: #f15a22;}
.bene-text {  font-size: 3.2rem;  line-height: normal;   color: #f15a22;  padding-bottom: 10px;  display: block;}
.bene-description {  font-family: Foundry Sterling W01 Bk, Helvetica, sans-serif;}
.bene-description a:after{display:none}
#main-container a.bene-link { margin-top: 13px;  display: inline-block;  color: #f15a22;  font-family: Foundry Sterling W01 Demi, Helvetica, sans-serif;  position: relative; }
.bene-link-wrapper{display:block}
#main-container a.bene-link:hover span:before {position: absolute;content: '';bottom: 2px;width: 100%;height: 1px;background: #f15a22; animation: link-hover 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s;  -webkit-animation:link-hover 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s;}
.bene-link-inner {   position: relative; padding-right: 15px;}
.bene-link-inner:after {  content: '>';  right: 0px;  position: absolute;  top: -2px;  }
.bene-inner-title {  font-size: 5.6rem;  text-align: left;  display: block;  line-height: normal;  margin-bottom: 37px;}
.pop-close {  display: inline-block;  width: 18px;  height: 18px;  overflow: hidden;  position: absolute;  right: 40px;  top: 40px;}
.pop-close a,#main-container .pop-close a{color:#fff;width: 18px;  height: 18px;     display: block; }
.pop-close a:after,.pop-close a:before,#main-container .pop-close a:after,#main-container .pop-close a:before{  width: 18px;  position: absolute;  content: '';  height: 4px;  background: #000;  left: 0;  top: 6px;  border-radius: 4px;  bottom: 13px;  transition: all 0.1s ease;  transform: rotate(45deg);}
.pop-close a:before,#main-container .pop-close a:before{transform: rotate(-45deg);}
.bene-icon {  position: absolute;  text-align: center;  bottom: 20px;  right: 20px;   color: #fff;  font-size: 3.6rem;  width: 38px;  height: 38px;  display: block;  border: 1.5px solid #fff;  border-radius: 50%;}
.bene-icon:before {  position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%,-50%);}


.wp-content,.form-upper{font-family: Foundry Sterling W01 Bk, Helvetica, sans-serif;}
.form-upper{font-size:1.6rem; line-height:26px;     margin-bottom: 30px;}
.wp-title {  margin-bottom: 30px;    font-weight: 600;}
.wp-intro {  margin-bottom: 25px;}
.wp-section { padding-top: 86px;  padding-bottom: 100px;}
.wp-wraper {  box-shadow: 0 2px 2px 0 rgba(231, 224, 213, 0.64), 0 4px 4px 0 rgba(0, 0, 0, 0.05), 0 8px 8px 0 rgba(0, 0, 0, 0.05), 0 16px 16px 0 rgba(231, 224, 213, 0.46), 0 32px 32px 0 rgba(231, 224, 213, 0.38), 0 64px 64px 0 rgba(0, 0, 0, 0.1);  border-radius: 4px;  padding: 20px 33px 20px;}

/*-----------------------------------------------------------Benefit Landing-------------------------------------*/



/*--------------------------------------------Product Page-------------------------------*/
.product-back {
  background-position: left center !important;
}
.product-back.right {
  background-position: right center !important;
}
.product {  display: flex;  margin: 15px;     padding-bottom: 200px; }
.product.right{  flex-direction: row-reverse;}
.col-4 {  width: 33.33%;  margin-right: 15px;}
.col-8 {  width: 66.66%;  margin-left: 15px;}
.rad-big {  padding-bottom: 15px;  display: block;    }
.rad-small {  line-height: 21px;  letter-spacing: 0.6px;  text-transform: uppercase;  font-size: 1.2rem;  color: #000;  font-weight: bold;  display: block;  margin-bottom: 5px;  }
.rad-content {  color: #000;  margin-right: 30px;}
.product-detail-text p {    padding: 0 0 0px;}
.product-detail-text,.product-detail-text ul{  font-family: Foundry Sterling W01 Bk, Helvetica, sans-serif;}
#content-wrapper .product-detail-text ul li{    padding-left: 0px; display: inline-block;}
.product-intro {  display: block;  text-align: center;  font-weight: bold;  letter-spacing: 0.4px; }
#product-landing-wrapper {  padding-top: 160px; }

.product-detail-text ul li > .rad-big{    display: block;  margin-bottom: 0;   padding-left: 40px;  padding-bottom: 3px;position: relative; }
.product-detail-text ul li > .rad-big:before{content: '';  height: 4px;  width: 4px;  border-radius: 50%;  background-color: #6f6f6f;  display: inline-block;  position: absolute;  left: 15px;  top: 11px;}
.prod-detail .button {  margin-top: 30px;}
.product.right .caption-image{ margin-left: 0;   margin-right: 35px;}
.product.right .img-caption{    right: -56px;  left: auto;}
.prod-detail {  padding-right: 8%;  padding-left: 30px;}
.product.right .prod-detail{ padding-left: 8%;  padding-right: 45px;}
.product-detail-title {  display: inline-block;  position: relative;  margin-bottom: 10px;}
.product-detail-title.hidden-xs.visible-sm.visible-md.visible-lg {display: inline-block !important;}
.product-detail-title:after {  content: '';  position: absolute;  bottom: -1px;  left: 0;  height: 1px;  background: #dcdcdc;  width: 100%;}

.tabs {  margin-top: 56px;}
.tabs a {  display: table-cell;  vertical-align: middle;  text-align: center;  border-bottom: 2px solid #d7dadc;  padding: 0px 30px 30px 30px;  position: relative;  color: #ababab;}
.tabs a:after {  position: absolute;  content: '';  height: 43px;  width: 1px;  right: 0;  bottom: 13px;  background: #d7dadc;}
.tabs a:last-child:after{display:none;}
.tabs > div {  width: 100%;  display: table;}
.tabs a.current {  color: #f15a22;  border-bottom: 2px solid #f15a22;}
.tabs a:hover{  color: #000;  border-bottom: 2px solid #000;}

.cat-icon { background: #fff;    display: block; width: auto;  position: absolute;  left: -29px;  top: -62px;  z-index: 2;  border-radius: 0; box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.1), 0 3px 20px 0 rgba(231, 224, 213, 0.35);}
.right .cat-icon {  width: auto;  position: absolute;  right: -29px;  top: -62px;  left: auto;  z-index: 2;  border-radius: 0;    background: #fff;    display: block;}

/*--------------------------------------------Product Page-------------------------------*/

/*-------------------------------Contact Form--------------------------------------------*/
.link-wrap{    display: block;  margin-top: 20px;}
.link-wrap img {  margin-right: 20px;}
address > * {  font-style: normal;}
address span {  display: block;  margin-bottom: 10px;}
.location-wrap {  display: flex;  flex-wrap: wrap;}
.contact-intro {  margin-bottom: 60px;}
.location-wrap address {  width: 33.33%;  margin-bottom: 33px;}
address span {  display: block;  margin-bottom: 10px;}
.contact-list {  padding-top: 0px;  padding-bottom: 35px;}

.select-contact {  display: block;  padding: 6px 0px;  border-bottom: 2px solid #696a6c;  position: relative;}
.select-contact.open:after {  box-sizing: border-box;   height: 12px;  width: 12px;  border-style: solid;  border-color: #444444;  border-width: 0px 1px 1px 0px;  transform: rotate(45deg);    z-index: 9;  content: "";  position: absolute;  right: 6px;  bottom: 17px;  display: block; transform-origin: center; transition:all .3s ease;}

.select-contact:after {  box-sizing: border-box;   height: 12px;  width: 12px;  border-style: solid;  border-color: #444444;  border-width: 0px 1px 1px 0px;  transform:rotate(-135deg) ; z-index: 9;  content: "";  position: absolute;  right: 6px;  bottom: 10px;  display: block; transform-origin: center;  transition:all .3s ease;}

.select-cn-wrap {  position: relative;  margin-bottom: 40px;}
.option-contact {  padding: 28px 21px;  box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.1), 0 3px 20px 0 rgba(231, 224, 213, 0.35);  position: absolute;  width: 100%;left: 0;  top: 36px;  height: auto;  z-index: 2;  border-radius: 2px;  background: #fff;}
.option-contact li {  padding: 6px 0px;  cursor: pointer;}
.option-contact li:hover{background:#fcfcfc;color:#000;}


#ourExperts {  padding-top: 80px; padding-bottom: 30px;}
#ourExperts .rad-introtext {  margin-bottom: 20px; }
#ourExperts .videoInner:hover img{    transform: scale(1);    -webkit-transform: scale(1);    -ms-transform: scale(1);}


.banner-image-wrap.contact-form-wrapper {  width: 570px;  background: #fff;  border-radius: 4px;  padding: 23px 30px 30px 30px;  box-shadow: 0 2px 2px 0 rgba(231, 224, 213, 0.64), 0 4px 4px 0 rgba(0, 0, 0, 0.05), 0 8px 8px 0 rgba(0, 0, 0, 0.05), 0 16px 16px 0 rgba(231, 224, 213, 0.46), 0 32px 32px 0 rgba(231, 224, 213, 0.38), 0 64px 64px 0 rgba(0, 0, 0, 0.1);  min-height: 545px;}
.float50{width:50%;float:left;margin-top: 20px;}
.form-section .float50:nth-child(2n+1){padding-right:15px;}
.form-section .float50:nth-child(2n+2){padding-left:15px;}
.form-right{position:relative; margin-bottom: 30px;}
label{font-size: 1.5rem;font-weight: 300;font-style: normal;font-stretch: normal;line-height: 1.47;letter-spacing: 0.6px;text-align: left;color: #6f6f6f;}
.form-right label{font-size:1.2rem;line-height:2.4rem;font-family: Foundry Sterling W01 Bk;}
.form-right label{position:absolute;top:0;right:0}
input[type="text"]{background-color: transparent;border:0;border-bottom:2px solid #696a6c;width:100%;font-size: 1.5rem;line-height:1.47;color:#000000;padding-bottom: 6px; border-radius: 0; padding-right: 74px;}
textarea{resize:none;width:calc(100% - 1px);border-radius: 4px;border: solid 1px #696a6c;min-height:111px;font-size: 1.5rem;line-height:1.47;color:#6f6f6f;background: transparent;padding: 10px; border-radius: 0;}
input[type="submit"], .submitBtn {font-size:1.8rem;border:0;position: relative; left: 50%;transform: translateX(-50%);-ms-transform: translateX(-50%);-webkit-transform: translateX(-50%);width: auto;padding: 9px 47px;margin-top:20px}
.captcha-wrap {/*margin-top: 30px;*/}

.select-section select,.select-section label.select-label{background-color: #ffffff;border: 0;border-bottom: 2px solid #696a6c;width: 100%;font-size: 1.5rem;line-height: 1.47;color: #6f6f6f;display:block;color:#6f6f6f;font-size:1.5rem;line-height:2.1rem;font-family: 'VAG Rounded W01 Light', Helvetica, sans-serif;padding-bottom: 5px;cursor: pointer;}
.select-label:after {box-sizing: border-box;height: 12px;width: 12px;border-style: solid;border-color: #444444;border-width: 0px 1px 1px 0px;transform: rotate(45deg);transition: border-width 150ms ease-in-out;z-index: 9;content: "";position: absolute;right: 6px;bottom: 13px;display: block;}
.select-section label.select-label{position:absolute;top:0;left:0;z-index:1;}
label.select-label.errorBox {border-bottom: 2px solid #d0021b;color:transparent}
.err-text{display:none;position:absolute;left:0;top:0;color:#d0021b;margin-left:22px;}
.err-text:before{content: "\e90b";font-family: 'icomoon' !important;top: 0px;position: absolute;left: -21px;}
label.select-label.errorBox .err-text{display:block}
label.select-label.errorBox:after{border-color:#d0021b}
.select-section select{opacity:0;z-index:10;position:relative;}
.select-section .float50{padding-right:15px;}
/*input[type="text"] + span,textarea + span {position: absolute;left: 24px;top: 3px;font-size: 1.5rem;line-height: 22px;color: #d0021b #d0021b !important;z-index:1;background:#fff;}  */
.form-right  > span{position: absolute;left: 24px;top: 3px;font-size: 1.5rem;line-height: 22px;color: #d0021b !important;z-index:11;background:#fff;}
.msgSection .form-right > span {top: 10px;left: 30px;}
textarea + span {left:15px;top:10px}

.form-section .form-right input[type="text"]:focus{border-bottom:2px solid #f15a22;}
textarea:focus{border:1px solid #f15a22;}

/*input[type="text"].errorBox:focus ~ span,textarea.errorBox:focus ~ span{visibility:hidden !important;}
input[type="text"].errorBox ~ span:before,textarea.errorBox + span:before {  content: "\e90b";  font-family: 'icomoon' !important;  top: 0px;  position: absolute;  left: -22px;}*/



.form-right.error input[type="text"]{border-bottom:2px solid #d0021b;z-index:11;position:relative}
.form-right.error textarea{border:1px solid #d0021b;z-index:11;position:relative}
.form-right.error input[type="text"]:focus ~ span,.form-right.error textarea:focus ~ span{visibility:hidden !important;}
.form-right.error input[type="text"] ~ span:before,.form-right.error textarea ~ span:before{ content: "\e90b";  font-family: 'icomoon' !important;  top: 0px;  position: absolute;  left: -22px;}

input[type="submit"]:hover, .submitBtn:hover {background: #c25620;transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-ms-transition: all 0.3s ease;}
.icon-error { display:none; margin-bottom: 0;  position: absolute;  left: 0;  bottom: 7px;  color: #d0021b;     top: 4px; left: 2px;}
.form-right.error .icon-error{display:block;}

.errorBox::-webkit-input-placeholder { /* WebKit browsers */
  color: transparent;
}
.errorBox:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color: transparent;
}
.errorBox::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: transparent;
}
.errorBox:-ms-input-placeholder { /* Internet Explorer 10+ */
  color: transparent;
}



/*------------------------------Contact Form-----------------------------------*/

/*---------------------------Concept page--------------------------------*/


.contentTitle { font-size: 3.2rem; color: #000000; line-height: normal; margin-bottom: 29px;     font-weight: 600;}
#conceptWrapper { padding-top: 100px; padding-bottom: 144px; }
.videoInner img { transition: transform 1s ease; -wbkit-transition: transform 1s ease; -ms-transition: transform 1s ease; display: block; width: 100%; }
.videoInner:hover img { transform: scale(1.2); -webkit-transform: scale(1.2); -ms-transform: scale(1.2); }
.videoInner, .newsDetailsImage { margin-bottom: 107px; margin-top: 52px; box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.1), 0 3px 20px 0 rgba(231, 224, 213, 0.35); -webkit-box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.1), 0 3px 20px 0 rgba(231, 224, 213, 0.35); transition: box-shadow .3s ease; -webkit-transition: box-shadow .3s ease; -ms-transition: box-shadow .3s ease; overflow: hidden;border-left: 13px solid #f15a22; border-radius: 0 4px 4px 0;}
.newsDetailsImage { height: 424px; }
.videoInner:hover { box-shadow: 0 2px 2px 0 rgba(231, 224, 213, 0.64), 0 4px 4px 0 rgba(0, 0, 0, 0.05), 0 8px 8px 0 rgba(0, 0, 0, 0.05), 0 16px 16px 0 rgba(231, 224, 213, 0.46), 0 32px 32px 0 rgba(231, 224, 213, 0.38), 0 64px 64px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 2px 2px 0 rgba(231, 224, 213, 0.64), 0 4px 4px 0 rgba(0, 0, 0, 0.05), 0 8px 8px 0 rgba(0, 0, 0, 0.05), 0 16px 16px 0 rgba(231, 224, 213, 0.46), 0 32px 32px 0 rgba(231, 224, 213, 0.38), 0 64px 64px 0 rgba(0, 0, 0, 0.1); transition: box-shadow 1s ease; -webkit-transition: box-shadow 1s ease; -ms-transition: box-shadow 1s ease; }
.videoInnerItem:after{position: absolute;content: '';background-image: linear-gradient(to right, rgba(0, 0, 0, 0.68), rgba(0, 0, 0, 0));z-index: 1;top: 0;left: 0;width: 100%;height: 100%;}
.videoInnerLinkText:after { content: ''; background: url(../images/play.svg) center center no-repeat; background-size: auto auto; position: absolute; z-index: 2; width: 23px; height: 29px; left: 0; top: -37px; background-size: 23px; right: 0; margin: 0 auto; }
.videoInner .videoInnerItem:hover .videoInnerLinkText:after { background: none; content: "\e902"; font-family: 'icomoon' !important; font-size: 2.8rem; color: #f15a22; width: auto; line-height: 1;    animation: scaleIcon .5s ease 1; }
.videoInnerLinkText { color: #fff; font-size: 1.2rem; line-height: 1.75; letter-spacing: 0.6px; position: absolute; left: 50%; top: 50%; text-transform: uppercase; font-family: Foundry Sterling W01 Bk; font-weight: bold; text-align: center; transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); z-index: 4; margin-top: 20px; }
.videoInnerItem {position: relative;}

#main-container .videoInnerItem > .overlay-link{  position: absolute;  width: 100%;  height: 100%;  top: 0;  left: 0;  z-index: 6;}
#main-container a.overlay-link:after{display:none;}
/*------ Video Popup Block <start> -------*/

.popup-block {position: fixed;top: 50%;left: 50%;width: 100%;height: auto;background-repeat: no-repeat;background-position: center;background-size: cover;/*display: none;*/z-index: 999;max-width: 768px;transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%);margin: 0 auto;visibility: hidden;opacity: 0;transition: all .5s ease-in-out;-webkit-transition: all .5s ease-in-out;}
.popup-block.active{/*display:block;*/opacity: 1;visibility: visible;}
.icon-cancel {padding: 14px 22px 14px 0;cursor: pointer;float: right;color: #fff;text-transform: uppercase;font-size: 1.2rem;letter-spacing: 0.6px;line-height: normal;}
.overlay:after {background-color: rgba(0, 0, 0, 0.62);position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: block;z-index: 99;content: "";}
.overlay {position: relative;  overflow: hidden;}
.icon-cancel:before, .icon-cancel:after {position: absolute;right: 8px;content: ' ';height: 14px;width: 1.2px;background-color: #fff; top:14px;}
.icon-cancel:before { transform: rotate(45deg);}
.icon-cancel:after { transform: rotate(-45deg);}
.videoWrapper {position: relative;}

/*------ Video Popup Block <end> -------*/


/*---------------------------Concept page--------------------------------*/

/*----------For Self Serve-------*/
.ip3-edit #main-header{position: static;}
.ip3-edit #bannercontainer{  padding-top: 0 !important;}
.ip3-edit .banner-image-wrap{margin-bottom:30px;}
.ip3-edit .banner-image-wrap.contact-form-wrapper,.ip3-edit .wp-wraper{display:none;}

@keyframe rotatediv{
  0% {transform:rotate(0deg);}
  100% {transform:rotate(360deg);}
}





/*----------   Sitemap   -------*/
#ip3-site-map .banner-text-wrap{padding-bottom:20px}
#content-wrapper .sitemap-container ul{list-style:none;padding:0;position:relative}
#content-wrapper .sitemap-container ul li {display: block;width: 33%;padding-left:0;padding-right:15px;margin-bottom:30px;margin-left:70px;position:relative;z-index:10}
#content-wrapper .sitemap-container ul li a:after{display:none;}
#content-wrapper .sitemap-container ul li a{background: #f15a22;color: #fff;text-decoration: none;padding: 9px;width: 100%;display: inline-block;text-align: center;border-radius: 22.5px;transition:all 0.3s; -webkit-transition:all 0.3s ease;-ms-transition:all 0.3s ease;}
#content-wrapper .sitemap-container ul li a:hover{color:#fff;background:#c25620}
#content-wrapper .sitemap-container ul li:before{display:none;}
#content-wrapper .sitemap-container{margin-bottom:70px;width:100%;float:left;}
#content-wrapper .sitemap-container ul li:first-child {margin-left: 0;margin-bottom:40px;position: relative;z-index: 1;}
#content-wrapper .sitemap-container ul li:first-child a {background: #131b3f;}
#content-wrapper .sitemap-container ul li:first-child a:hover {background: #000;}
#content-wrapper .sitemap-container ul li:last-child{margin-bottom:0;}
#content-wrapper .sitemap-container ul:after {content: '';height: calc(100% - 23px);width: 2px;background: #000;position: absolute;left: 25px;top: 0;opacity:0.6}
#content-wrapper .sitemap-container ul li:not(:first-child):after{content: '';width:43px;
  height: 2px;background: #000;position: absolute;right:100%;top: 50%;margin-top:-1px;opacity:0.6}

@media all and (max-width:767px){
  #content-wrapper .sitemap-container ul li{width:90%;max-width:320px;}
}

@media all and (max-width:400px){
  #content-wrapper .sitemap-container ul{overflow:hidden}
  #content-wrapper .sitemap-container ul li:not(:first-child) a{margin-left:-25px;position:relative;z-index:20}
}

/*----------No js-------------------*/

.nojs .card-main img{width:auto;}
.nojs .slider-inner-card {  width: 250px;  float: left;  width: 266px;}
.nojs #main-header{    position: static;}
.nojs  .banner-wrapper{    margin-bottom: 0; float: left;  width: 100%;}
.nojs .tabs{display:none;}
.nojs .share-header{visibility: visible;    opacity: 1;}
.nojs .other-preloader{    display: none;}
.nojs  .bene-popup {  opacity: 1;  visibility: visible;  position: static;  background: #fff;  border-radius: 4px;  padding: 80px 95px 80px 80px;  max-width: 706px;  transition: all .3s ease;    width: auto;  top: 0;  left: 0;  transform: translate(0,0);  z-index: 0;}
.nojs .bene-image,.nojs .bene-hover,.nojs .pop-close{display:none;}
.nojs .benefits-card-wrapper{    width: 50%;}

.other-preloader {  position: fixed;  top: 0;  left: 0;  background: #fff;  width: 100%;  height: 100%;  opacity: 1;  z-index: 100;}
.other-preloader .loader-wrap {  position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%,-50%);   }
img.loader {  display: block;  margin: 30px auto;}

.footer-site-services{text-align:center;margin-top:20px}
.footer-site-services ul li{display:inline-block;margin:0 20px;}
.footer-site-services ul li a{color:#fff;font-size:1.4rem;padding-bottom:3px;position:relative;}
.footer-site-services ul li a:after{opacity: 0;transition: all 0.1s ease;width: 100%;position: absolute;content: ''; height: 1px;background: #fff;left: 0;bottom: 0px;padding-right: 20px;}
.footer-site-services ul li a:hover:after{opacity: 1;transition: all 0s ease;animation: link-hover 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s;-webkit-animation: link-hover 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s;}

.Product-section .caption-image{box-shadow:none;}

.popup-block.active.inv_FullScreen_Other{z-index:9999 !important;}

.internetexplorer11 .main-logo img,.internetexplorer11 #footer-logo-one img,.ie10 .main-logo img,.ie10 #footer-logo-one img,.ie9 .main-logo img,.ie9 #footer-logo-one img {width: 100%;}
.internetexplorer11 .sub-logo-inner img,.ie1 .sub-logo-inner img,.ie9 .sub-logo-inner img{width:100%}
.internetexplorer11 #footer-logo-two img,.ie10 #footer-logo-two img,.ie9 #footer-logo-two img{width: 115px;}

/*-------       Language switcher       ------*-*/

/*--  Desktop language switcher  --*/

.acenter { text-align:center; }
.language-switcher { position: relative; margin:0 0 0 20px; display: inline-block; }
.language-switcher > span { color:#f15a22; cursor:pointer; font-size: 0.889em; display: inline-block; padding: 10px 11px 10px 15px; background-color:#fff; margin-bottom: 1px; width:64px; }
.language-switcher.active > span { background-color:#fcfcfc; }
.language-switcher ul { padding: 22px 0 12px; display:none; background-color: #fff; width: 100%; position: absolute; box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.1), 0 3px 20px 0 rgba(231, 224, 213, 0.35); border-radius: 2px; }
.language-switcher ul li a { color:#6f6f6f; font-size:0.833em; line-height:1.47em; display: block; padding: 8px 21px; transition:none; }
.language-switcher ul li:hover a { color:#000; background-color:#fcfcfc; }
.language-switcher span span { margin-left: 6px; font-weight: bold; font-size: 0.6em; }
.language-switcher span.icon-up-arrow { display:none; }
.language-switcher.active span.icon-down-arrow { display:none; }
.language-switcher.active span.icon-up-arrow { display:inline-block; }
.right-nav .contact-button { text-align: center; }

.footer-lang-switcher { font-size: 0; margin: 0 auto; }
.footer-lang-switcher p { display: inline-block; font-size: 1.2rem; color: rgba(255, 255, 255, 0.69); line-height: 20px; letter-spacing: 1.7px; padding:0; }
.footer-lang-switcher ul { font-size:0; display: inline-block; position: relative; top: 1px; margin-left: 1px; }
.footer-lang-switcher ul li { line-height: normal; display:inline-block; padding:0 9px; border-right:1px solid #fff; cursor:default; font-size: 1.6rem; }
.footer-lang-switcher ul li, .footer-lang-switcher ul li a { color: #fff; }
.footer-lang-switcher ul li:last-child { padding-right:0; border-right:0;  }

.footer-lang-switcher ul li a { position:relative; }
.footer-lang-switcher ul li a::after { opacity: 0; transition: all 0.1s ease; width: 100%; position: absolute; content: ''; height: 1px; background: #fff; left: 0; bottom: 0px; }
.footer-lang-switcher ul li a:hover::after { opacity: 1; transition: all 0s ease; animation: link-hover 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-animation: link-hover 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s; }

/*--  Mobile language switcher  --*/

.mobi-language-switcher { position:absolute; transition: ease 2s; }
body.menu-open .mobi-language-switcher { display:none; }
#main-header .container-fluid { transition: all 0.5s; border-top: 1px solid #f15a22; }
.showLogo .mobi-language-switcher { display:none; transition: ease 2s; }
.mobi-language-switcher p { margin-right: 5px; display: inline-block; padding: 0; }
.mobi-language-switcher p, .mobi-language-switcher span { font-size:1.2rem; color:#fff; }
.mobi-language-switcher ul { display:none; margin: 18px 0 0 -15px; width: 100vw; background: #fff; padding: 20px 0 10px; }
.mobi-language-switcher ul li { font-size:1.5rem; color:#6f6f6f; }
.mobi-language-switcher ul li:hover, .mobi-language-switcher ul li:hover a { color:#000; background: #fcfcfc; }
.mobi-language-switcher ul li a { display: block; padding: 4px 28px; color:#6f6f6f; }
.mobi-language-switcher > span { cursor:pointer; min-width:50px; background-color:rgba(0,0,0,0.2); border-radius: 10px; display: inline-block; line-height: normal; padding: 2px 6px 2px 11px; text-align: center; }
.mobi-language-switcher span span { margin-left:12px; font-size: 0.75em; }
.mobi-language-switcher span.icon-up-arrow { display:none; }
.mobi-language-switcher.active span.icon-down-arrow { display:none; }
.mobi-language-switcher.active span.icon-up-arrow { display:inline-block; }

#main-header.mls-open .container-fluid { background-color:#fcfcfc; }
body.menu-open #main-header.mls-open .container-fluid, #main-header.mls-open.showLogo .container-fluid { background: rgba(241, 90, 34,1); }
body.menu-open #main-header.mls-open .border, #main-header.mls-open.showLogo .border { background:#fff; }
#main-header.mls-open .border { background:#000; }
#main-header.mls-open .mobi-language-switcher p, #main-header.mls-open .mobi-language-switcher span { color:#f15a22; }
#main-header.mls-open .mobi-language-switcher span { background-color: rgba(0,0,0,0); }

/*--  Mobile language switcher - within Mobile Menu  --*/

.mobiMenu-language-switcher { text-align:center; padding: 40px 0 23px; transition: all 0.5s; position: relative; }
.mobiMenu-language-switcher.active { background-color:#fcfcfc; }
.mobiMenu-language-switcher.active p, .mobiMenu-language-switcher.active span { color:#f15a22; }
.mobiMenu-language-switcher p { margin-right: 2px; display: inline-block; padding: 0; }
.mobiMenu-language-switcher p, .mobiMenu-language-switcher span { font-size:1.2rem; color:#fff; }
.mobile-menu .mobiMenu-language-switcher ul { display:none; padding: 22px 0 9px; background: #fff; position: absolute; bottom: 94px; width: 100%; }
.mobile-menu .mobiMenu-language-switcher ul li { font-size:1.5rem; color:#6f6f6f; border:0; opacity: 1; transform: none; }
.mobiMenu-language-switcher ul li:hover, .mobiMenu-language-switcher ul li:hover a { color:#000; background-color: #fcfcfc; }
.mobile-menu .mobiMenu-language-switcher ul li a { color:#6f6f6f; font-size:1.5rem; padding:10px 0; }
.mobile-menu .mobiMenu-language-switcher ul li a:hover { color:#000; }
.mobiMenu-language-switcher > span { cursor:pointer; min-width:50px; display: inline-block; line-height: normal; padding: 3px; text-align: center; font-size:1.6rem; position: relative; top: 2px; }
.mobiMenu-language-switcher span span { margin-left:12px; font-size: 0.6em; }
.mobiMenu-language-switcher span.icon-up-arrow { display:none; }
.mobiMenu-language-switcher.active span.icon-down-arrow { display:none; }

.mobiMenu-language-switcher.active span.icon-up-arrow { display:inline-block; }

#main-header.mls-open .mobiMenu-language-switcher span { background-color: rgba(0,0,0,0); }



#_cookieConsentWrapper{background-color: rgba(0, 0, 0,0.8);padding: 15px 5px;z-index: 99;position: fixed;width: 100%;bottom: 0;}
#_cookieConsentWrapper p{color:#ffffff; margin: 0 5px;display: inline; padding-bottom:0;}
#_cookieConsentWrapper a{color:#ffffff;position: relative;}
#_cookieConsentWrapper a:after{width: 100%;position: absolute;content:"";height: 1px;background: #f15a22;left: 0;bottom: 2px;transition: all 0.1s ease;-webkit-transition: all 0.1s ease;-ms-transition: all 0.1s ease;}
#_cookieConsentWrapper a:hover{color:#f15a22;}
#_cookieConsentWrapper a:hover:after{height: 1px;bottom: -1px;transition: all 0.1s ease;-webkit-transition: all 0.1s ease;-ms-transition: all 0.1s ease;}
#_cookieConsentWrapper input{cursor: pointer;border: 0px;background: #f15a22;color: #fff;text-decoration: none;padding: 9px;width: 146px;display: inline-block;text-align: center;border-radius: 22.5px;margin-top: 10px;transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-ms-transition: all 0.3s ease;}
#_cookieConsentWrapper input:hover{background: #c25620;transition: all .3s ease;-webkit-transition: all .3s ease;-ms-transition: all .3s ease;}
/*---- media-queries-----*/
/*--------- iPad Landscape and Desktops ---------*/
@media all and (max-width: 1280px) {
  .showLogo #logo { margin-right: 15px; }
  .desktop-nav li span {  padding: 22px 2px;}

}
@media all and (min-width: 1024px) {
  .popup-block {min-height:470px;}
  .inv_playerContainer.inv_playerReady, .inv_playerContainer.inv_noData {min-height: inherit !important;background-image: inherit !important;}
  .inv_playerContainer{max-height:432px;}
}
@media all and (min-width: 992px) and (max-width: 1100px) {

  .banner-image-wrap.contact-form-wrapper{ max-width: 470px;}

}

@media all and (min-width: 992px) and (max-width:1050px) {

  .showLogo #logo{margin-right:25px;}
  .bene-keyfact{    font-size: 3.5rem;}

}

@media all and (min-width: 991px) and (max-width:1050px) {

  .concept-quote-wrapper .quote { width: 90%;  font-size: 2.5rem;}

}

@media all and (max-width: 1024px) {

  .language-switcher { margin: 0 10px 0 15px; }
  #white_paper_section input[type="submit"], #white_paper_section .submitBtn { padding: 9px 35px; font-size: 1.7rem; }
  .language-switcher > span { font-size: 0.789em; }
  .inv_playerContainer { min-height: 180px !important;; }

}

@media all and (min-width: 992px){

  .mobi-language-switcher, .mobile-menu{display:none !important;}
  #main-header.mls-open .container-fluid { background-color: transparent; }

}

@media all and (max-width: 991px) {

  .banner-image-wrap.contact-form-wrapper{ max-width: none; width: 60%;}
  .footer-lang-switcher { padding-bottom: 12px; }
  .contact-us-page .banner-ttl { max-width: none; }

  /*---Mobile menu---*/
  #main-header .container-fluid{z-index: 10;position: relative;background: #f35d22;}
  .border{transition: all 0.6s;-ms-transition: all 0.6s;-webkit-transition: all 0.6s;top: 0;position: relative;}
  .menu-open .border2{transform: translateX(100%);-ms-transform: translateX(100%);-webkit-transform: translateX(100%);opacity: 0;}
  .menu-open .border1{transform: rotate3d(0, 0, 1, -45deg);-ms-transform: rotate3d(0, 0, 1, -45deg);position: relative;top: 10px;}
  .menu-open .border3{transform: rotate3d(0, 0, 1, 45deg);-ms-transform: rotate3d(0, 0, 1, 45deg);position: relative;top: -4px;}
  .menu-open .mobile-menu {-ms-transform: translate(0, 100%);transform: translate(0, 100%);transform: translate3d(0, 100%, 0);visibility: visible;transition: transform 0.3s ease, visibility 0s linear 0s;box-shadow:0px 15px 25px 0 rgba(0,0,0,0.3);-ms-box-shadow:0px 15px 25px 0 rgba(0,0,0,0.3)-webkit-box-shadow:0px 15px 25px 0 rgba(0,0,0,0.3)}
  .mobile-menu {position: absolute;bottom: 0;left: 0;z-index: -1;background: rgba(241, 90, 34,1);width: 100%;-ms-transform: translate(0, 0);transform: translate(0, 0); transform: translate3d(0, 0, 0); visibility: hidden;transition: transform 0.3s ease, visibility 0s linear 0.4s;}
  .mobile-menu ul {margin: 0 auto;padding: 60px 78px 0px 78px;}
  .mobile-menu ul li{border-bottom:1px solid #d85013}
  .mobile-menu ul li:last-child{border:0;}
  .mobile-menu ul li a,.mobile-menu ul li >span{padding: 20px 0;color:#fff;display:block;font-size: 25px;}
  .mobile-menu .contact-button {display: block;padding: 20px 78px 13px 78px;}
  .mobile-menu .contact-button a{display:block;width:100%;font-size:1.6rem;line-height:30px;border-radius:24px;}
  .mobile-menu ul li.current >span, .currentMobile {  color: #000 !important;}


  /*---Home----*/

  .banner-wrapper {   margin-bottom: -152px;}
  .icon-slider-right-dark.slick-arrow{    bottom: 174px;}
  .icon-slider-left-dark.slick-arrow{bottom: 174px;}
  .slider-text{    bottom: 205px;}
  .banner-wrapper{margin-bottom: -150px;}
  .pull-up { margin-top: 0;}
  .product-inner-content {  padding: 0;}
  .upper-image-section {  padding-bottom: 84px;  padding-top: 71px;}
  .width62,.width38 {  width: 50%;}
  .case-study-insight .width62{width: 62.5%;}
  .case-study-insight .width38{    width: 37.5%;}
  .benefit-section {  padding-bottom: 38px;}
  .insights-section { padding-top: 66px;   padding-bottom: 82px;}
  .concept-quote-inner{padding: 0 10px 10px 20px;}
  .concept-quote-wrapper .quote { width: 90%;  font-size: 2.0rem;}
  .quote{    margin-top: 0px; font-size: 2.6rem;}
  .quote-caption{margin-top:10px;}
  .h209 {  height: 165px;}
  .h304 {  height: 240px;}
  .h627 {   height: 528px;}
  .quote-inner{  padding: 20px 20px 46px 20px;}
  .product-section-text, .insight-section-text, .insight-section-text {  margin-bottom: 11px;}
  .contept-section,.insights-section,.benefit-section{    background-size: 70%  !important;}
  .case-study-box {padding: 24px 25px;max-width:100%;}


  .contept-section {    padding-top: 290px; }
  /*---Home----*/

  /*---Header---*/
  .header-wrap{padding-bottom: 5px;padding-top: 22px;border: 0;}
  .sub-logo-device {width: 65px;margin: 0px;margin-left: 15px;float: left;margin-top: 25px;}
  #logo .main-logo{float:left}
  .sub-logo{float:left;display:inline-block;}
  /*---Header---*/

  /*---Footer---*/
  footer{    padding-bottom: 5px;}
  .footer-right-links{ margin-top: 40px;}
  .footer-inner{ display: flex; justify-content: center; align-items: center;  align-content: stretch;  flex-wrap: wrap;}
  #footer-logo-one,#footer-logo-two{    width: 50%;  text-align: center;}
  .footer-right-links{ width: 100%;}
  .footer-right-links p{text-align: center; display: block; margin: 10px auto; }
  footer .copyright-content p{  margin-top: 20px;}
  #footer-logo-one img {width: 120px;}
  /*---Footer---*/

  /*---Banner---*/
  .content-page-logo img{width:100%;}
  .banner-image-wrap {  float: right; margin-left: 30px;  margin-top: -162px; position: relative;  width: 60%; margin-bottom: 20px;}
  .banner-text-wrap {   padding-bottom: 30px;}
  .banner-content {  max-width: 100%;  clear: both;  margin-top: 20px;  float: left;}
  /*---Banner---*/

  /*-----Insight landing----*/
  .wrapper-for-border{  padding-top: 80px; padding-bottom: 80px;}
  .insight-equal-landing:not(.insight-text){height:auto !important;}
  /*-----Insight landing----*/

  /*---benefit------*/
  .benefits-card-wrapper:nth-child(5n+1), .benefits-card-wrapper:nth-child(5n+2),.benefits-card-wrapper {  width: 50% !important;}
  .bene-keyfact{    font-size: 3rem;}
  .bene-title{    top: 35px;}
  .bene-hover{padding: 22px 33px 35px 27px;}
  #main-container a.bene-link{    margin-top: 0;}
  .benefits-card-wrapper:hover .bene-hover{    transform: scale(1.0);}
  .bene-popup{    padding: 60px 65px 60px 60px;}
  #benefit-wrapper{      padding-bottom: 98px;}
  .bene-inner:before{top: 70px;}


  #conceptWrapper { padding-top: 70px; padding-bottom:54px; }
  .videoInner { margin-bottom: 57px; margin-top: 42px; }
  .inv_ParentContainer { padding: 0 30px; }
  .icon-cancel:before, .icon-cancel:after { right: 38px; }
  .icon-cancel { margin-right: 30px; }

  /*---------product landing-----*/

  .product-detail-text ul li{margin-bottom: 15px;display: block;}

  .product{padding-bottom: 150px;}
  .tabs{  margin-top: 30px;float:left;width:100%;}
  .col-8,.col-4{width: 50%;}
  .prod-detail{padding:0;}
  .product.right .prod-detail{padding-left:0;}

  /*---------product landing-----*/


  /*----Contact us------*/
  .contact-list {  padding-top: 40px;  padding-bottom: 20px;}
  #ourExperts {  padding-top: 80px;   padding-bottom: 100px;}

  /*----Concept---------------*/
  .videoInner{    border-left: 9px solid #f15a22;}
  /*----Concept---------------*/
  #Layer_2_1_{width: 150px !important;}

}

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

}

/*--------- iPad Portrait and large Tablets Portrait ---------*/
@media all and (min-width: 768px) and (max-width: 991px) {
  .banner-mage {margin-top: 28px;margin-bottom: 80px;}
  .banner-wrap{min-width:299px;}
  .quote-wrapper{min-height: 528px;}
  .showLogo #logo{margin-right:30px;}
  #logo{margin-left:-190px}
  .slider-wrapper {position: relative;margin-left: calc(8.333% + 145px)!important;
    margin-left: -ms-calc(8.333% + 145px)!important;
    margin-left: -webkit-calc(8.333% + 145px)!important;}
}



@media all and (max-width: 768px){

}

/*--------- All Small Tablets and Large Phones Global CSS ---------*/
@media all and (max-width: 767px) {

  #conceptWrapper,#benefit-wrapper,#insights-section-landing,.banner-text-wrap{  background-size: 100% !important;}
  .banner-text-wrap{    background-position: left top !important;}
  #ip3-contact-us .banner-text-wrap{    background-position: left bottom !important;}

  .product-back,.product-back.right{background-position: bottom center !important;     background-size: 100% !important;}

  /*---Mobile menu----*/
  .mobile-menu ul{padding: 40px 50px 0px 50px;}

  /*---Home----*/
  .showLogo #logo{margin-right:20px;}
  .slider-wrapper{margin-left:15px !important;}
  .banner-wrapper{margin-bottom:0; padding-bottom: 112px;}
  .slick-list{    padding: 0 70px 0 0 !important;}
  .banner-mage {  margin-top: 70px;  margin-bottom: 60px;}
  .slider-text {  left: 0;  top: auto;  bottom: -90px;}
  .contept-section{    padding-top: 43px;     padding-bottom: 56px;}
  .concept-inner-content {  margin-bottom: 50px;}
  .insights-section {  padding-top: 61px; padding-bottom: 70px;     background-position: left !important; }
  .insight-inner-content{    transform: translateY(0);padding-top: 0;     width: 60vw; top:0;}
  .icon-slider-left-dark.slick-arrow {bottom: -65px;left: auto;right: 80px;}
  .icon-slider-right-dark.slick-arrow {bottom: -65px;left: auto;right: 15px;}

  /*---Cards single line---*/
  .quote-inner { padding: 20px 20px 20px 20px;}
  .author-image img {  width: 64px;}
  .insights-section .card-image,.benefit-section .card-image{  position: relative;  float: left; display: inline-block;}
  .insight-equal,.benefit-equal{height:auto !important; display: flex;}
  .card-image > img{  position: static;  float: left;  }
  .h209,.h627  {  height: auto;}
  .h304 > img{  height: inherit;  border-radius: 4px;}
  .width62, .width38 { width: auto;}
  .upper-insight, .bottom-insight{display: flex;}
  .card {  display: inline-block;     align-self: start;}
  .mobi-table {  display: flex; overflow: auto;}
  .card-image {box-shadow:none;  overflow: visible;}

  .card-image img{box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.1), 0 3px 20px 0 rgba(231, 224, 213, 0.35); }
  .card:not(.concept-quote-card):hover img{transform: scale(1); }
  .card:hover .card-image{box-shadow:none;}
  .card:hover img{    box-shadow: 0 2px 2px 0 rgba(231, 224, 213, 0.64), 0 4px 4px 0 rgba(0, 0, 0, 0.05), 0 8px 8px 0 rgba(0, 0, 0, 0.05), 0 16px 16px 0 rgba(231, 224, 213, 0.46), 0 32px 32px 0 rgba(231, 224, 213, 0.38), 0 64px 64px 0 rgba(0, 0, 0, 0.1);}
  .upper-insight, .bottom-insight{    margin:0 auto;}
  .quote-wrapper {  min-height: auto;  width: 370px;  height: 304px;}
  .benefit-equal .quote-wrapper{height: 304px;}
  .h304{height:304px; /*height:60vw;*/}
  #ip3-Homepage .benefit-box-title{font-size: 2.2rem;}
  .quote-wrapper{    background-size: cover !important;}
  .benefit-equal .card{    padding: 0 15px;     margin-bottom: 19px;}
  .bottomVideos .card{  align-self: auto;}
  .benefit-equal .card:last-child{padding-right:0;}
  .box-ttl{    margin-top: 10px;}
  .quote {    font-size: 2.8rem;}
  /* .insights-section .card-image:not(.h304) > img{float:left;  width: 80vw;    max-width: 420px;     border-radius: 4px;}
  .benefit-section .card-image:not(.h304) > img{  width: 80vw;    max-width: 420px;     border-radius: 4px;}*/
  .insights-section .card-image > img, .responsiveVideoImage{float:left;  width: 80vw !important;    max-width: 420px !important; border-radius: 4px;}
  .benefit-section .card-image > img,{  width: 80vw;    max-width: 420px;     border-radius: 4px;}
  .bottom-left-insight .h304,.upper-right-insight .h304{height:auto;}
  .benefit-equal .quote-wrapper{height:auto;}
  .benefit-equal .quote-wrapper .quote-inner{width:100%;position:relative;}
  .benefit-equal .quote-wrapper .quote-card{padding-left:0;}
  .benefit-equal .h304 {height: auto;}
  .inner-content{    padding: 80px 0 93px 0;}

  #responsivePadding{ padding-top: 50px !important;}

  /*---Cards single line---*/

  .caption-image{margin-left:0;   margin-bottom: 39px;}
  .rotate-left{transform: rotate(0deg) translateY(0);}
  .img-caption{    bottom: -30px;}

  /*---Home----*/


  /*----footer----*/
  #footer-logo-one,#footer-logo-two{    width: 50%;}
  /*----footer----*/

  /*---Banner---*/

  .banner-image-wrap { float: left;  margin-left: auto;  margin-top: auto; position: relative; width: 100%;  margin-bottom: 50px;}
  .banner-ttl h1 {  margin-top: 25px;  margin-bottom: 55px;}
  .banner-image-wrap .concept-quote-inner {   width: 90%;}
  .banner-content { width: 100%;}
  .banner-ttl h1:after{    bottom: -22px;}


  /*---Insights Landing----*/
  .insights-section-landing {    padding-top: 40px;}
  .insights-section-landing .card-image{    overflow: hidden; position: relative;}
  .insights-section-landing .mobi-table{display:block; padding-bottom: 0;}
  .insights-section-landing .quote-wrapper{width:100%;     margin-bottom: 30px;}
  .insights-section-landing .card-image > img{width:100%; float: left;}
  .insight-mobi{ display: flex; overflow: auto; float: left;  width: 100%; margin-bottom: 30px;}
  .insight-text{height:auto !important;}

  .wrapper-for-border {  padding-top: 50px;  padding-bottom: 50px;}
  .case-study-insight .width62{width: 100%;}
  .case-study-insight .width38{width: 100%;}
  .case-study-insight .upper-insight > div ,.case-study-insight .bottom-insight > div{padding:0 0; margin-right:30px;}
  .swipeInMobile{display:flex;     overflow: auto;}
  .insight-mobi .card-image > img,.case-study-insight .card-image > img {    width: 80vw;    max-width: 420px;     border-radius: 4px;}
  .bottom-case-study .card-image > img{width:100%;}
  .bottom-case-study {    padding-top: 30px;}


  .videoInner {margin-bottom: 37px;margin-top: 12px;}
  #conceptWrapper {padding-top: 50px; padding-bottom: 14px;}

  /*----Benefit landing------*/
  .benefits-card-wrapper:nth-child(5n+1), .benefits-card-wrapper:nth-child(5n+2), .benefits-card-wrapper{    width: 60% !important;}
  .bene-popup.active, .bene-popup.activeModal{width: 90%;}
  .bene-popup { padding: 40px 45px 40px 40px;}
  .bene-keyfact{    font-size: 3rem;}
  #benefit-wrapper {  padding-bottom: 76px; padding-top: 60px;}
  .bene-text {    padding-bottom: 5px;  font-size: 2.2rem;}
  .bene-popup .bene-text{ padding-bottom: 20px; }
  .bene-inner-title{font-size: 4rem;    margin-bottom:0px;     padding-bottom: 20px;}
  .bene-description {    height: 300px; overflow-y: auto;  display: block;}
  .pop-close{    right: 25px;   top: 25px;}
  .wp-wraper{padding: 20px 20px 20px;}
  .wp-section {  padding-top: 53px; padding-bottom: 100px;}
  .bene-title {    top: 50%;     transform: translateY(-50%); left: 40px;     width: 83%;}
  .bene-icon {     bottom: auto; top: 50%; transform: translateY(-50%); right: 22px;}
  .bene-hover { padding: 45px 33px 45px 27px;}
  /*------Product landing-----*/

  .product{   padding-bottom: 23px;  display: block;}
  .col-8, .col-4{    width: 100%; margin-left: 0; margin-right: 0; }
  .product.right .caption-image{margin-right:0;}
  .product.right .img-caption { right: 0;  left: 0;}
  .product-detail-text ul li{margin-bottom: 20px;}
  .tabs{overflow-x:auto;}
  .tabs a{    min-width: 60vw;}
  .cat-icon img, .product.right .cat-icon img{/*left: -22px; top: -44px; */width: 95px;  }
  .right .cat-icon img{   /* left: -8px;     top: -44px;*/}
  .right .cat-icon{    left: -29px; top: -62px; right: auto;}
  .product-detail-title {margin-bottom: 85px; }
  .product-detail-title.visible-xs {display: inline-block !important;}
  .product-detail-title.hidden-xs.visible-sm.visible-md.visible-lg{display:none !important;}
  #product-landing-wrapper { padding-top: 40px; padding-bottom: 60px; }

  .product-detail-text ul { margin-bottom: 15px; }
  .product-detail-text .rad-small { margin-bottom: 0px; }
  .product-detail-text ul li { margin-bottom: 0px; display: block; }
  .product .caption-image, .product.right .caption-image { margin-left: 23px; margin-bottom: 49px; }
  .product .img-caption {bottom: -40px;}
  .header-wrap .header-equal {height: auto !important;}
  .product.right .prod-detail{     padding-right: 0px; }
  /*----------Contact Form---------*/

  .banner-image-wrap.contact-form-wrapper{width: 100%;}
  .location-wrap address {  width: 100%;  margin-bottom: 15px; display:none;}
  .location-wrap address.active{ display:block;}
  .contact-intro{margin-bottom: 35px;}
  .contact-list { padding-top: 30px;  padding-bottom: 40px;}
  #ourExperts {   padding-top: 60px;}

  /*----------Contact Form---------*/


  /*----Concept---------------*/
  .videoInner{    border-left: 4px solid #f15a22;}
  /*----Concept---------------*/


  .insight-mobi::-webkit-scrollbar,.swipeInMobile::-webkit-scrollbar,.mobi-table::-webkit-scrollbar,.tabs::-webkit-scrollbar { width: 0 !important; display:none; }
  .insight-mobi,.swipeInMobile,.mobi-table,.tabs{-ms-overflow-style: none; overflow: -moz-scrollbars-none;}




}


@media all and (max-width: 991px) {
  .menu-open .mobile-menu{height: 76vh; overflow-y: auto;}
}




@media all and (max-width: 767px) and (orientation:landscape) {
  .bene-popup.active, .bene-popup.activeModal{    height: 60vh;}
  .bene-inner-title{padding-bottom:0;}
  .bene-popup .bene-text{    padding-bottom: 6px;}
  .bene-description{height: 42vh;}
  .menu-open .mobile-menu{height: 76vh; overflow-y: auto;}
  .popup-block{ width: 70%; -webkit-transform: translate(-50%,-40%); transform:translate(-50%,-40%);-ms-transform:translate(-50%,-40%);}
}

@media all and (max-width: 767px) and (min-width:480px) {


}

@media only all and (min-width: 360px) and (max-width: 640px) {
  .mobi-language-switcher > span { padding: 3px 6px 2px 11px; }
}

@media only all and (max-width: 640px) {

  .video-box { padding: 20px; }
  .video-box-title { font-size: 1.8rem; }
  .video-box-text { margin-bottom: 5px; }

}

@media all and (max-width: 521px) {
  .benefits-card-wrapper:nth-child(5n+1), .benefits-card-wrapper:nth-child(5n+2), .benefits-card-wrapper{    width: 100% !important;}
  .banner-image-wrap .quote {  font-size: 1.8rem;}
  .banner-image-wrap .concept-quote-inner {  width: 100%;}
  .concept-quote-inner {  padding: 0 10px 10px 10px;}
  .concept-quote-wrapper .quote { width: 90%;  font-size: 1.5rem;}
  .quote-caption {  margin-top: 8px;}

}


@media all and (max-width: 479px) and (min-width: 300px) {
}


@media all and (max-width: 359px) {

  .showLogo #logo { margin-right: 0px; }
  .banner-image-wrap.contact-form-wrapper { padding: 23px 20px 30px; }

}

@media all and (max-width: 320px) {

  /*#MainWrapper{width:290px} /* Excluding Gutter space from 320 width */

}

@media all and (max-width:480px){
  .abso-text-wrap{width:80%;}
}

@media all and (max-width:359px){

  .abso-text-wrap{width:90%;}
  #ip3-Homepage .benefit-box-title{font-size:2rem;}
  #content-wrapper .sitemap-container ul li { width: 89%;}

}

/** HEADER **/
.selfware #main-header{
  margin-top: 70px;
}



.bannerMargin{
  margin-top:65px;
}

.selfware .bannerMargin{
  margin-top: 0 !important;
}

@media all and (max-width:992px){
  .bannerMargin{
    margin-top:50px;
  }

  .responsiveBanner{
    max-height: 900px !important;
  }

  .selfware .bannerMargin{
    margin-top:-6px !important;
  }
}
/** END HEADER **/

/** HEADER **/
.container-fluid {
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}

#main-header .container-fluid {
  transition: all 0.5s;
  border-top: 1px solid #f15a22;
}

.selfware .page-container {
  padding-top: 165px;
}
/** END HEADER **/

/** FOOTER LANGUAGE **/
.disableLink{
  pointer-events: none;
}
/** END FOOTER LANGUAGE **/

.contactBtn{
  background: #f15a22 !important;
}

.text-danger{
  color: #a94442 !important;
}

#myModal{
  margin-top:5%;
}

#myModal .modal-dialog {
  width: 50% !important;
  margin: 30px auto !important;
}

#myModal .modal-body {
  position:relative !important;
  padding:0px !important;
}

#myModal .close {
  position:absolute !important;
  right:-30px !important;
  top:0 !important;
  z-index:999 !important;
  font-size:2rem !important;
  font-weight: normal !important;
  color:#fff !important;
  opacity:1 !important;
}

body{
  overflow-x: hidden !important;
}

.content-container a{
  text-decoration: underline;
  text-decoration-color: #f15a22;
}

.videoInner:hover{
  cursor: pointer;
}

.selfware .bannercontainer-inner{
  margin-top: -6px !important;
}

@media all and (max-width:768px){
  .responsiveVideo{
    display:inline-grid;
    width:100%;
  }

  .responsiveCard{
    overflow: hidden !important;
  }

  .responsiveCard img{
    width: 100%;
  }

  .responsiveDescription{
    height: auto !important;
  }

  .quoteVideo .quote-wrapper{
    width: 100% !important;
    margin-bottom: 30px;
  }

  .responsiveQuote{
    padding-bottom: 50px !important;
  }

}

@media all and (max-width:992px){
  #myModal .modal-dialog{
    width: 75% !important;
    margin-top: 10% !important;
  }

  .bottomVideos .icon-slider-right-dark, .bottomVideos .icon-slider-left-dark{
    margin-left:15px;
  }

  #responsivePaddingBottom{padding-bottom: 50px !important;}

  .responsiveTitle{
    margin-top:20px !important;
    font-size:1.4em !important;
  }
}

@media all and (max-width:450px){

  .responsiveTitle{
    font-size:1.3em !important;
  }
}


@media all and (min-width:992px){
  .bottomVideos .icon-slider-right-dark, .bottomVideos .icon-slider-left-dark{
    margin-left:25px;
  }
}

@media all and (max-width:768px){
  .twitterFeed iframe{
    max-height: 350px !important;
    max-width: 250px !important;
    width: 250px !important;
  }
}


@media all and (max-width:400px){
  #myModal .modal-dialog{
    width: 80% !important;
    margin-top: 30% !important;
  }
}

.twitterFeed iframe{
  border-radius: 4px;
}

.newsImage{
  height: 460px !important;
  width: 570px !important;
  object-fit: cover !important;
}

.newsURL{
  color:#FFF;
}

.newsURL:hover{
  color:#f15a22;
}

.textNewsLink{
  float:left;
  font-size: 0.7em;
  text-transform:uppercase;
}

.newsArrow{
  width: 12px !important;
  margin-left: 10px;
  margin-top: 9px;
}

.captionNewsCard{
  margin-top:0 !important;
}

@media all and (max-width:768px){
  .newsImage{
    width: 100% !important;
  }

  .newsDetails .banner-ttl h1{
    margin-bottom:40px !important;
    font-size:1.5em !important;
  }

  .newsDetailsImage{
    height: 300px !important;
  }

  .newsDetails img{
    object-fit: cover;
    height: 300px !important;
  }
}

@media all and (max-width:450px){
  .newsDetailsImage{
    height: 200px !important;
  }

  .newsDetails img{
    height: 200px !important;
  }
}

.newsDetails .banner-ttl h1{
  margin-bottom:60px;
  font-size:2em;
}

.newsDetails small{
  font-size: 0.9em;
}

.newsDetails img{
  height: 424px;
}



/* DOCUMENT CENTER*/

.white-box {
  background:#fff;
  position:relative;
  display:block;
  border-radius: 4px;
  -webkit-box-shadow: 0px 15px 40px 0px rgba(0,0,0,0.15);
  -moz-box-shadow: 0px 15px 40px 0px rgba(0,0,0,0.15);
  box-shadow: 0px 15px 40px 0px rgba(0,0,0,0.15);
  padding: 20px 33px 20px;
  margin-bottom:40px;
}
.white-box-caption{
  position:absolute;
  left:33px;
  right:33px;
  bottom:33px;
  background:transparent;
  z-index: 10;
  padding-right:60px;
}
.caption-icon{
  width:60px;
  height:50px;
  position:absolute;
  right:0;
  bottom:0;
  display:block;
  text-align: center;
  z-index: 15;
}
.caption-icon img{
  width:24px;
  display:inline-block;
}
.caption-icon-text{
  font-size:0.85rem;
  display:block;
  text-align: center;
  color: #6f6f6f;
  letter-spacing: 0.5px;
  line-height: 0.5;
  text-transform: uppercase;
}
.white-box-caption h3{
  color:#f15a22;
  line-height: normal;
  font-size:2.2rem;
}
.white-box-caption p{
  font-size:1.5rem;
  padding:0;
  margin:0;
  font-family: Foundry Sterling W01 Bk, Helvetica, sans-serif;
}
input[type="submit"].text-left.form-submit, .submitBtn.text-left{
  margin:0;
  position:relative;
  left:auto;
  right:auto;
  transform: none !important;
}
.dc-selection-list{
  margin:0 -15px;
  padding:0;
  list-style:none;
}
.dc-selection-list li{
  width:calc(50% - 30px);
  margin:0 15px 30px 15px;
  float:left;
}
.dc-selection-list li label{
  display:block;
  width:100%;
  height:350px;
  position:relative;
  overflow: hidden;
  border-radius: 4px;
  cursor: pointer;
}
.dc-selection-list li .caption-icon-text{
  color:#fff;
}
.dc-selection-list li .caption-icon{
  right:33px;
  bottom:33px;
}

.dc-selection-caption{
  position:absolute;
  z-index: 11;
  left:33px;
  right:33px;
  bottom:33px;
  padding-right:60px;
}
.dc-selection-caption p{
  margin:0;
  padding:0;
  color:#fff;
}
.dc-selection-caption h3{
  color:#fff;
  line-height: normal;
}
.dc-check{
  position:absolute;
  left:-50px;
  visibility: hidden;
  opacity: 0;
}
.dc-selection-image{
  position: absolute;
  left:0;
  top:0;
  bottom:0;
  right:0;
  z-index: 5;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition:all 500ms;
  transition: all 500ms;

  -webkit-transform: scale(1.3);
  -moz-transform:  scale(1.3);
  -ms-transform:  scale(1.3);
  -o-transform:  scale(1.3);
  transform:  scale(1.3);
}
.dc-selection-list li:hover .dc-selection-image{
  -webkit-transform: scale(1.5);
  -moz-transform:  scale(1.5);
  -ms-transform:  scale(1.5);
  -o-transform:  scale(1.5);
  transform:  scale(1.5);
}

.choose-icon-orange{
  display:inline-block;
  width:28px;
  height:28px;
  border-radius: 50%;
  border:2px solid #f15a22;
  margin-bottom:0.25rem;

  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition:all 500ms;
  transition: all 500ms;
}

.choose-icon{
  display:inline-block;
  width:28px;
  height:28px;
  border-radius: 50%;
  border:2px solid #fff;
  margin-bottom:0.25rem;

  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition:all 500ms;
  transition: all 500ms;
}
.dc-selection-list li:hover .choose-icon{
  -webkit-transform: scale(1.1);
  -moz-transform:  scale(1.1);
  -ms-transform:  scale(1.1);
  -o-transform:  scale(1.1);
  transform:  scale(1.1);
}

.catalogueIcon .choose-icon{
  background:url(../images/icons/check-orange.svg) no-repeat center center;
  border:2px solid #f15a22;
}

.selectCatalogue.selected .choose-icon-orange{
  background:url(../images/icons/check-orange.svg) no-repeat center center;
  border:2px solid #f15a22;
}

.catalogueCaption{
  right: 10px !important;
  bottom: 25px !important;
}

.catalogueDiv:hover, .selectCatalogue:hover{
  cursor:pointer;
}

.dc-selection-list li label.selected .choose-icon{
  background:url(../images/icons/check-orange.svg) no-repeat center center;
  border:2px solid #f15a22;
}
/*.dc-selection-list li label.selected .choose-icon,.dc-selection-list li:nth-child(4n) label.selected .choose-icon{
    background:url(../images/icons/check.svg) no-repeat center center;
    border:2px solid #fff;
}*/
.new-project{
  margin-top:-140px;
  padding:50px;
}
.new-project-icon{
  width:130px;
  display: inline-block;
}
.orange{
  color:#f15a22;
}

.padding10{
  padding: 0 10%;
}

a.outline-btn{
  position:relative;
  border-radius: 30px;
  border: 1px solid #f15a22;
  color:#f15a22;
  width: auto;
  padding: 9px 30px;
  margin-top: 20px;
  text-decoration: none;
  font-size:1.4rem;
}
.outline-btn:after{
  display:none;
}
.new-project h3{
  line-height:normal;
}

.dc-orangeFilter{
  background: rgba(255,100,15,0.85);
  z-index: 10;
}

.dc-blackFilter{
  background: rgba(60,60,60,0.85);
  z-index: 10;
}

.requestBtn:disabled, .disableBtn:disabled{
  background-color: #c25620;
}

.requestBtn{
  float: right;
  margin-right: -190px !important;
}

div.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 190px;
}

/* Changes start*/
input[type="submit"], a.button, .btn > a, .contactBtn, .chooseDocumentsBtn, .submitBtn {
  background: #f15a22;
  color: #fff;
  text-decoration: none;
  padding: 9px;
  width: 196px;
  display: inline-block;
  text-align: center;
  border-radius: 22.5px;
}


.gradient-button{
  padding: 20px 85px 20px 30px !important;
  display: inline-block !important;
  border-radius: 0 !important;
  background:transparent !important;
  min-width: 254px !important;
  width: auto !important;
  font-size: 16px;
  overflow: hidden;
  position: relative;
  text-decoration: none;
  z-index: 0;
  background: transparent;
  background-image: none;
  border-style: solid;
  border-width: 1px;
  color: inherit;
  cursor: pointer;
  line-height: 1.3;
  border-color: #ff3700;
  color: #696969 !important;
}

.arrow-gb{
  width: 24px !important;
  position: absolute;
  right: 30px;
  height: 10px;
  top: 0;
  bottom: 0;
  margin: auto;
  box-shadow: none !important;
}
.gradient-button:hover .arrow-gb{
  content:url("../images/arrow-right-active.svg");
}
.gradient-button:before {
  background: -webkit-gradient(linear,left top,right top,from(#840d81),to(#fe6b45));
  background: linear-gradient(90deg,#840d81,#fe6b45);
  bottom: 0;
  content: "";
  display: block;
  left: auto;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: left .25s ease-in-out,right .25s ease-in-out,width .25s ease-in-out;
  transition: left .25s ease-in-out,right .25s ease-in-out,width .25s ease-in-out;
  width: 0;
  z-index: -1;
}

.gradient-button .arrow-icon {
  height: 25px;
  position: absolute;
  right: 30px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 25px;
  color: #ff3700;
}

.gradient-button:hover:before{
  left: 0;
  right: auto;
  width: 100%;
}
.gradient-button:hover{
  border-color: transparent;
  color: #fff !important;
}

.gradient-button:hover .arrow-icon {
  -webkit-animation: primary-link-dark-icon-color-change .2s ease-in-out;
  animation: primary-link-dark-icon-color-change .2s ease-in-out;
  color: #fff !important;
}
.contactBtn.gradient-button:hover{
  border-color:transparent !important;
}
.language-switcher > span {
  color:#f15a22;
  cursor:pointer;
  font-size: 0.889em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 5px 10px 5px 10px !important;
  background-color:transparent !important;
  margin-bottom: 1px;
  height:48px;
  width:48px; }
.language-switcher > span  img{
  width:24px;
}
.language-switcher ul li a {

  padding: 8px 15px;
}
.language-switcher ul li{
  text-align: center;
}
#logo{
  margin-left:0 !important;
  opacity: 1 !important;
  margin-right:20px !important;
}
#logo .main-logo{
  width:120px !important;
}
.right-nav{
  text-align: right;
}
.share{
  width:220px !important;
}
.right-nav{
  display:flex;
  align-items: center;
  justify-content: flex-end;
}
.white.share-wrapper{
  display:flex;
  align-items: center;
  justify-content: flex-end;
}
.share-header.fadeInOut{
  left:0 !important;
}
.contactBtn.gradient-button{
  color:#fff !important;
  border-color:#fff;
}
.navigationHeroCards {
  position: relative;
  padding: 0 40px;
  text-align: center;
  display: inline-flex;
  justify-content: end;
  width: auto;
  align-items: center;
  align-self: end;
  height:60px;
}
.navigationHeroCards .slick-dots li a{
  font-size:0;
  width:24px;
  height:24px;
  position:relative;
  border-radius: 50%;
  display:block;
  border:1px solid transparent;
}
.nextHeroCards{
  position:absolute;
  right:0;
  width:32px;
  height:32px;
  display:flex;
  align-items: center;
  justify-content: center;
  cursor:pointer;
  top:0;
  bottom:0;
  margin:auto;
  border:1px solid #fff;
  border-radius: 50%;
  padding:5px;
}
.prevHeroCards{
  position:absolute;
  left:0;
  width:32px;
  height:32px;
  display:flex;
  align-items: center;
  justify-content: center;
  cursor:pointer;
  top:0;
  bottom:0;
  margin:auto;
  border:1px solid #fff;
  border-radius: 50%;
  padding:5px;
}
.nextHeroCards:hover,.prevHeroCards:hover{
  opacity:0.7;
}
.align-bottom-slider-nav{
  display:flex;
  align-items:end;
}
.navigationHeroCards .slick-dots .slick-active a{
  border:1px solid #fff;
}
.navigationHeroCards .slick-dots li a:before{
  content:"";
  display:block;
  width:8px;
  height:8px;
  position:absolute;
  left:0;
  right:0;
  top:0;
  bottom:0;
  margin:auto;
  background:#fff;
  border-radius: 50%;
}
.navigationHeroCards .slick-dots {
  display:flex;
  align-items: center;
  justify-content: center;
  list-style: none;
  padding:0;
  display:none !important;
}
.navigationHeroCards .slick-dots li{
  margin:0 3px;
}
.slider-text{
  margin:0 !important;
  position:relative !important;
  left:initial !important;
  right:initial !important;
  top:initial !important;
  bottom: initial !important;

}
.slider-text p{
  font-size:2.4rem;
  margin-bottom:10px;
}
.bannercontainer-inner{

  padding-top:70px;
  margin-top:0 !important;
  background: #b72779;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjYjcyNzc5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjUlIiBzdG9wLWNvbG9yPSIjZGQzYjNjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNzUlIiBzdG9wLWNvbG9yPSIjZWQ4NjNkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y5YmU2OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(-45deg,  #b72779 0%, #dd3b3c 25%, #ed863d 75%, #f9be68 100%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#b72779), color-stop(25%,#dd3b3c), color-stop(75%,#ed863d), color-stop(100%,#f9be68));
  background: -webkit-linear-gradient(-45deg,  #b72779 0%,#dd3b3c 25%,#ed863d 75%,#f9be68 100%);
  background: -o-linear-gradient(-45deg,  #b72779 0%,#dd3b3c 25%,#ed863d 75%,#f9be68 100%);
  background: -ms-linear-gradient(-45deg,  #b72779 0%,#dd3b3c 25%,#ed863d 75%,#f9be68 100%);
  background: linear-gradient(135deg,  #b72779 0%,#dd3b3c 25%,#ed863d 75%,#f9be68 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b72779', endColorstr='#f9be68',GradientType=1 );

}

.banner-wrapper{
  padding:100px;

  background: #b72779;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjYjcyNzc5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjUlIiBzdG9wLWNvbG9yPSIjZGQzYjNjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNzUlIiBzdG9wLWNvbG9yPSIjZWQ4NjNkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y5YmU2OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(-45deg,  #b72779 0%, #dd3b3c 25%, #ed863d 75%, #f9be68 100%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#b72779), color-stop(25%,#dd3b3c), color-stop(75%,#ed863d), color-stop(100%,#f9be68));
  background: -webkit-linear-gradient(-45deg,  #b72779 0%,#dd3b3c 25%,#ed863d 75%,#f9be68 100%);
  background: -o-linear-gradient(-45deg,  #b72779 0%,#dd3b3c 25%,#ed863d 75%,#f9be68 100%);
  background: -ms-linear-gradient(-45deg,  #b72779 0%,#dd3b3c 25%,#ed863d 75%,#f9be68 100%);
  background: linear-gradient(135deg,  #b72779 0%,#dd3b3c 25%,#ed863d 75%,#f9be68 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b72779', endColorstr='#f9be68',GradientType=1 );
}
#main-header .container-fluid {
  border-top: 0 !important;
}
.video-container {
  position: absolute;
  z-index: 1;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  overflow: hidden;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-image: none;
  opacity:0.7;
}
.video-container video {
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  margin: auto;
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  visibility: visible;
  width: auto;
  height: auto;
}
.hero-container-fluid{
  position:relative;
  z-index: 10;
}
.header-wrap{
  border:0;
}
.hero-banner{
  position:relative;
  min-height:560px;
  background:#000;
  padding:150px 0 100px 0;
}
#main-header{
  background-color: rgba(21,21,21,.65);
  border-bottom:2px solid transparent;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
#main-header.sticky{
  background:#fff;
  border-color:#ff3700;
}


#main-header.sticky .desktop-nav li a,#main-header.sticky .desktop-nav li span {
  color: #000;
}

#main-header.sticky .desktop-nav ul li span:after {
  background: #000;
}
.desktop-nav ul li{
  margin-left:3px;
  margin-right:3px;
}
.desktop-nav li a, .desktop-nav li span{
  font-size:1.5rem;
}

#main-header.sticky .main-logo img{
  content:url("../images/logo-active.svg");
}
#main-header.sticky  .share-wrapper .share{
  color:#000;
}
#main-header.sticky  .share-wrapper .share{
  color:#000;
}
#main-header.sticky .selectedLanguageCustom img{
  content:url("../images/globe-active.svg");
}
#main-header.sticky  .icon-shar-new{
  content:url("../images/white-share-active.svg");
  width:13px;
  height:13px;
}
.mobi-language-switcher svg{
  width:24px;
  height:24px;
}
.language-switcher { margin:0 0 0 10px;  }
.page-container-internal .bannercontainer-inner:before{
  display:none;
}
.bannerMargin {
  margin-top: 0 !important;
}

.dc-orangeFilter{
  background: #b72779;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjYjcyNzc5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjUlIiBzdG9wLWNvbG9yPSIjZGQzYjNjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNzUlIiBzdG9wLWNvbG9yPSIjZWQ4NjNkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y5YmU2OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(-45deg,  #b72779 0%, #dd3b3c 25%, #ed863d 75%, #f9be68 100%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#b72779), color-stop(25%,#dd3b3c), color-stop(75%,#ed863d), color-stop(100%,#f9be68));
  background: -webkit-linear-gradient(-45deg,  #b72779 0%,#dd3b3c 25%,#ed863d 75%,#f9be68 100%);
  background: -o-linear-gradient(-45deg,  #b72779 0%,#dd3b3c 25%,#ed863d 75%,#f9be68 100%);
  background: -ms-linear-gradient(-45deg,  #b72779 0%,#dd3b3c 25%,#ed863d 75%,#f9be68 100%);
  background: linear-gradient(135deg,  #b72779 0%,#dd3b3c 25%,#ed863d 75%,#f9be68 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b72779', endColorstr='#f9be68',GradientType=1 );
  opacity: 0.85;
}
.requestBtn,.submitBtn{
  border-radius: 0 !important;
}

#footerwrapper{
  background:#3f3f3f;
}

#footer-logo-one-new {
  width: 120px;
  display: inline-block;
}
#footerwrapper .socialList{
  margin:30px 0 30px 0;
  list-style: none;
  padding:0;
}
#footerwrapper .socialList li{
  display:inline-block;
}
#footerwrapper .socialList li a{
  padding:5px;
  display:inline-block;
  font-size:3rem;
  color:#fff;
}
.copyright-content p{
  text-align: left !important;
  letter-spacing: 0 !important;
}
.footer-nav-item-wrap{
  width:33.33%;
  padding-right:30px;
  margin-bottom: 30px;
}
.footer-nav-item{
  color:#fff !important;
  position:relative;
  display:inline-block;
}
.footer-nav-item:before{
  content:"";
  position:absolute;
  bottom:2px;
  height:2px;
  left:0;
  right:0;
  background:#fff;
  display:block;
}
.footer-nav-item:hover:before{
  animation: lineGrow 0.4s forwards;
}


@-webkit-keyframes lineGrow{
  0% {width:0;}
  100% {width:100%;}
}

@-moz-keyframes lineGrow{
  0% {width:0;}
  100% {width:100%;}
}

@-o-keyframes lineGrow {
  0% {width:0;}
  100% {width:100%;}
}

@-ms-keyframes lineGrow{
  0% {width:0;}
  100% {width:100%;}
}

@keyframes lineGrow{
  0% {width:0;}
  100% {width:100%;}
}

.footer-navigation-list{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0;
  padding: 30px 0 0;
  align-items:stretch;
}
.big-image-section:after{
  display:none !important;
}
.banner-wrapper{
  margin:0 !important;
}
.slider-wrapper{
  margin-left: 0 !important
}

.map-overview{
  position:relative;
  background:#fff;
  overflow: hidden;
}

.map-box{
  position:absolute;
  left:-400px;
  top:0;
  bottom:0;
  max-height: 100%;
  width:300px;
  z-index: 15;
  background:#fff;
  -webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.1);
  -moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.1);
  box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.1);
  padding:40px 30px;
  overflow-y: auto;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.map-box::-webkit-scrollbar {
  width: 6px;
}

.map-box::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0.1);
}

.map-box::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.1);
}
.map-box-close{
  position:absolute;
  width:24px;
  height:24px;
  display:block;
  right:10px;
  top:10px;
  padding:5px;
  cursor:pointer;
  opacity: 0.5;
}
.map-box.active{
  left:0;
}
.map-link{
  position:absolute;
  width:24px;
  height:24px;
  margin-left:-16px;
  margin-top:-16px;
  z-index: 15;
  display:flex;
  border-radius: 50%;
  background:#ff3700;
  cursor:pointer;
  box-shadow: 0 0 0 rgba(0,0,0, 0.3);
  animation: pulse 2s infinite;
  padding:4px;
}
.map-link:hover{
  z-index: 20;
  background:#404040;
}

.map-link.highlight{
  background:#404040;
}
.map-box h4{
  font-size:1.5em;
  margin-bottom:10px;
}
.map-box img.map-person{
  width: 100px;
  height: 100px;
  border-radius: 50%;
}
.small-country-info{
  font-size: 0.8em;
  line-height: 1.4;
  margin-bottom: 20px;
}
.data-small{
  display: block;
  font-size: 0.8em;
  color: rgba(0, 0, 0, 0.5);
  line-height: 0.8;
}
.data-list{
  margin-bottom:30px;
}
.data-big{
  font-size: 0.75em;
  display:block;
  word-break: break-all;
}
.data-list-item{
  border-bottom:1px solid rgba(0, 0, 0, 0.35);
  padding:10px 0;
  display:block;
}

.data-list-item:last-child{
  border-bottom:0;
}

.map-bg{
  width:100% !important;
  display:block;
}
.map-link-personal{
  background-color: rgb(26, 112, 193);
}
.personal-detail-name{
  font-weight: bold;
  text-decoration: none;
  text-transform: none !important;
  font-size:1.1em;
}
.pdn-position{
  display:block;
  color:rgba(0, 0, 0, 0.5);
  font-weight: normal;
  font-size:0.7em;
  padding-top:3px;
}

.documentForm .form-submit.gradient-button{
  min-width: 170px !important;
}
.map-overview-info{
  padding:75px 0 75px 0;
}
@-webkit-keyframes pulse {
  0% {

  }
  70% {

    box-shadow: 0 0 0 10px rgba(255,55,0,0);
  }
  100% {

    box-shadow: 0 0 0 0 rgba(255,55,0,0);
  }
}
@-moz-keyframes pulse {
  0% {

  }
  70% {

    box-shadow: 0 0 0 10px rgba(255,55,0,0);
  }
  100% {

    box-shadow: 0 0 0 0 rgba(255,55,0,0);
  }
}
@-o-keyframes pulse{
  0% {

  }
  70% {

    box-shadow: 0 0 0 10px rgba(255,55,0,0);
  }
  100% {

    box-shadow: 0 0 0 0 rgba(255,55,0,0);
  }
}
@keyframes pulse {
  0% {

  }
  70% {

    box-shadow: 0 0 0 10px rgba(255,55,0,0);
  }
  100% {

    box-shadow: 0 0 0 0 rgba(255,55,0,0);
  }
}












@media (max-width: 991px){
  #main-header .container-fluid {
    background: transparent;
  }
  #main-header.sticky .menu_icon .border{
    background:#000;
  }
  .mobile-menu {
    background: #fff !important;
    box-shadow: 0px 15px 25px 0 rgba(0,0,0,0) !important;
    -ms-box-shadow: 0px 15px 25px 0 rgba(0,0,0,0) !important;
    -webkit-box-shadow:0px 15px 25px 0 rgba(0,0,0,0) !important;
  }
  .mobile-menu ul li a, .mobile-menu ul li >span {
    color: #000;
  }
  .menu-open #main-header{
    background:#fff;
  }
  body.menu-open #main-header.mls-open .container-fluid, #main-header.mls-open.showLogo .container-fluid {
    background: transparent;
  }
  .menu-open .menu_icon .border{
    background:#000;
  }
  .mobile-menu ul li {
    border-bottom: 1px solid #f0f0f0;
  }

  .menu-open .main-logo img{
    content:url("../images/logo-active.svg");
  }
  .menu-open .mobiMenu-language-switcher p,.menu-open  .mobiMenu-language-switcher span {

    color: #000;
  }

  .menu-open .mobiMenu-language-switcher.active{
    background:#f0f0f0;
  }

  .menu-open  .mobile-menu .mobiMenu-language-switcher ul {
    background: #f0f0f0;
  }
  .mobi-language-switcher,.mobiMenu-language-switcher{
    visibility: hidden;
    opacity: 0;
  }
  .menu-open .mobi-language-switcher, .menu-open .mobiMenu-language-switcher {
    visibility: visible;
    opacity: 1;
  }

}
@media(max-width:1140px){
  .desktop-nav ul li {
    margin-left: 3px;
    margin-right:3px;
  }
  .desktop-nav li a, .desktop-nav li span {
    font-size: 1.4rem;
  }
}
@media(max-width:768px){
  .footer-nav-item-wrap{
    width:50%;
    padding-right:10px;

  }
  #footer-logo-one-new{
    text-align: left;
  }
}
/* Changes end*/













@media(max-width:1460px){
  .dc-selection-list li{
    width: calc(40% - 25px);
  }

  .requestBtn{
    margin-right: -20px !important;
    padding: 8px 25px !important;
  }
}

.chooseDocumentsBtn:after{
  content: none !important;
}

.chooseDocumentsBtn{
  color:white !important;
}

@media(max-width:768px){
  div.sticky {
    position: unset !important;
    bottom: 0 !important;
  }

  .requestBtn{
    position: absolute !important;
    bottom: -60px !important;
  }

  .new-project h2{
    font-size:2.6rem;
  }
  .new-project{
    padding:20px 20px 40px 20px;
  }

  .dc-selection-image{
    background-size:cover !important;

    -webkit-transform: scale(1.0);
    -moz-transform: scale(1.0);
    -ms-transform: scale(1.0);
    -o-transform: scale(1.0);
    transform: scale(1.0);
  }

  .dc-selection-list li:hover .dc-selection-image{
    -webkit-transform: scale(1.2);
    -moz-transform:  scale(1.2);
    -ms-transform:  scale(1.2);
    -o-transform:  scale(1.2);
    transform:  scale(1.2);
  }
}

@media(max-width:640px){
  .dc-selection-list li{
    width:100%;
    margin:0 0 15px 0;
  }

  .dc-selection-list{
    margin:0;
  }
}
/* END DOCUMENT CENTER */


/* DOCUMENT CENTER REQUEST FORM */
.wp-wrapper-banner{
  width:400px;
  background:#fff;
  padding:40px;
}
.selected-documents-list{
  margin:0;
  padding:0;
  list-style:none;
}
.selected-documents-list li{
  position:relative;
  padding-left:55px;
  padding-top:10px;
  padding-bottom:10px;
}
.sdl-icon{
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  margin:auto;
  width:40px;
  height:40px;
  display:block;
}
.sdl-icon:before{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  width:32px;
  height:32px;
  -webkit-box-shadow: 0px 15px 40px 0px rgba(0,0,0,0.15);
  -moz-box-shadow: 0px 15px 40px 0px rgba(0,0,0,0.15);
  box-shadow: 0px 15px 40px 0px rgba(0,0,0,0.15);
  z-index:0;
  margin:auto;
}
.sdl-icon img{
  position:relative;
  z-index: 2;
}
@media(max-width:768px){
  .wp-wrapper-banner{
    width:100%;
    padding:20px;
  }

  .campaignDocumentOverview{
    position: unset !important;
  }

  .campaignForm{
    padding-top: 30px !important;
  }
}

.formIndex{
  z-index: 2;
}
/* END DOCUMENT CENTER REQUEST FORM*/

.youtubeVideo {
  width: 100%;
  height: 400px;
}

@media(max-width:600px){
  .youtubeVideo {
    height: 300px;
  }
}

@media(max-width:600px){
  .youtubeVideo {
    height: 200px;
  }
}

.documentCategory{
  font-size: 30px;
  margin-bottom: 50px !important;
  margin-top: 0 !important;
}

.documentCategory:after{
  bottom: -20px !important;
}

.webinar-title {
  font-weight: bold;
  padding: 10px 0;
  border-top: 1px solid #ece9e6;
  margin-bottom: 0px;
}
.webinars-list {
  margin: 0 -15px;
  padding: 0;
  list-style: none;
}
.webinars-list li {
  float: left;
  width: calc(50% - 30px);
  margin: 0 15px 30px 15px;
}
.webinars-list li a {
  position: relative;
  background: #000;
  display: block;
  overflow: hidden;
  border-radius: 4px;
  height: 480px;
  box-shadow: 0 2px 2px 0 rgba(231, 224, 213, 0.64),
  0 4px 4px 0 rgba(0, 0, 0, 0.05), 0 8px 8px 0 rgba(0, 0, 0, 0.05),
  0 16px 16px 0 rgba(231, 224, 213, 0.46),
  0 32px 32px 0 rgba(231, 224, 213, 0.38), 0 64px 64px 0 rgba(0, 0, 0, 0.1);
}
.webinar-caption {
  position: absolute;
  z-index: 10;
  left: 0px;
  right: 0px;
  bottom: 0px;
  padding: 50px 30px 30px 30px;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
  background: -moz-linear-gradient(
          top,
          rgba(0, 0, 0, 0) 0%,
          rgba(0, 0, 0, 0.65) 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
          top,
          rgba(0, 0, 0, 0) 0%,
          rgba(0, 0, 0, 0.65) 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
          to bottom,
          rgba(0, 0, 0, 0) 0%,
          rgba(0, 0, 0, 0.65) 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
}
.webinar-image {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  opacity: 0.7;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.webinar-caption-title {
  color: #fff;
  font-family: "VAG Rounded W01 Light", Helvetica, sans-serif;
  font-size: 2rem;
  line-height: normal;
}
.webinar-date {
  color: #d3cab7;
  font-size: 1.5rem;
}
.webinar-caption .outline-btn {
  font-size: 1.5rem;
  color: #ff3700;
  display: inline-block;
}
.language,
.location {
  display: block;
  padding: 5px 0 5px 35px;
  position: relative;
  color: #fff;
  font-size: 1.5rem;
}
.language-flag {
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.language-flag img {
  width: 24px !important;
  height: 24px !important;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.location-icon {
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.location-icon img {
  width: 24px !important;
  height: 24px !important;
}
.webinars-list li a:hover {
  background: #000;
}
.webinars-list li a:hover .webinar-image {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter: alpha(opacity=40);
  -moz-opacity: 0.4;
  -khtml-opacity: 0.4;
  opacity: 0.4;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.webinar-period-past .webinar-image {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray; /* IE 6-9 */
}
@media (max-width: 640px) {
  .webinars-list li {
    width: 100%;
    margin: 0 0 30px 0;
  }
  .webinars-list {
    margin: 0;
  }
}

.newsUl li{
  list-style-type: disc !important;
  list-style-position: inside !important;
}

.newsUl li::before{
  content: none !important;
}

.language-switcher ul li{
  list-style-type: none !important;
}

.agreementLabel a{
  color: #f15a22;
}

.agreementLabel p{
  padding: 0;
}

.unsubscribeForm{
  margin-top: 0 !important;
  width: 100% !important;
  min-height: unset !important;
}

.grecaptcha-badge {
  visibility: hidden !important;
}

.campaignDocumentOverview{
  position: absolute;
  top: 50px;
}

.campaignForm{
  margin-top: 50px !important;
}

.hero-title{
  font-family: 'GilroyBold';
  color:#fff;
  font-size: 56px;
  line-height: 1.15;
  letter-spacing: -.5px;
}
.hero__wrapper {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.scroll-prompt__container {
  height: 100%;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}
.scroll-prompt {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  background: transparent;
  bottom: 1px;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1em;
  height: 80px;
  padding: 0 15px;
  position: absolute;
  right: 15px;
  z-index: 1;
  overflow: hidden;
}

.hero__scroll-prompt{
  font-size: 14px;
}
.hero-line {
  width:1px;
  left:0;
  top:0;
  bottom:0;
  height:110px;
  position:absolute;
  background: linear-gradient(to bottom, #ff3700 50%, rgba(255, 55, 0, 0) 50%);
  background-position: 0 -110px;
  background-size: 100% 200%;
  animation: scrolldown 2.2s cubic-bezier(0.76, 0, 0.3, 1) forwards infinite;
}

@keyframes scrolldown {
  0% {
    background-position: 0 -110px;
  }
  75% {
    background-position: 0 0;
  }
  100% {
    background-position: 0 110px;
  }
}



.card-main-wrapper{
  margin-right:18px;
  margin-bottom:20px;
  max-height: 250px;
  display:flex;
  align-items: flex-end;
  width:100%;
}
.card-main-content{
  display:flex;
  width:50%;
  padding:0 20px;
  position:relative;
  align-items: flex-end;
  outline: 0;
}
.card-main-content .video-box{
  position:relative;
  top:initial;
  left:initial;
  right:initial;
  bottom:initial;
  padding:0;
}
.card-main{
  width:50%;
  margin:0;
}

.card-main>a{
  outline:0;
}
.card-main-content:focus,.card-main > a :focus,.card-main:focus,.card-main-wrapper:focus{
  outline: 0 !important;
}

.card-main-content .icon-play-active:after {
  background: url(../images/play-white.svg) center center no-repeat;
}

.card-main{
  box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0), 0 3px 20px 0 rgba(231, 224, 213, 0);
}
.video-box-text{
  color:#fff;
  opacity: 0.7;
}
.hero-slider .video-box-title, .hero-slider .video-box-text {
  text-shadow: -1px 1px transparent;
}



.card-main-content .icon-play-active:after{ width: 17px;height: 19px;right: -23px;top: 0px;background-size: 13px;  }
.card-main-content .icon-play-active:before{display:none;  position: absolute;    right: -22px;   top: 0px;    font-size: 1.5rem;    color: #fff;}
.card-main-wrapper:hover .banner-play.icon-play-active:before{display:block; animation: scaleIcon .5s ease 1;}
.card-main-wrapper:hover .banner-play.icon-play-active:after{display:none;}

.card-main-wrapper:hover .card-main img{transform:scale(1.1); -webkit-transform:scale(1.1);
  -moz-transform:scale(1.1);-o-transform:scale(1.1); transition: transform .2s linear; -webkit-transition: transform 1s ease;
  -moz-transition: transform 1s ease; -o-transition: transform 1s ease; }

@media(max-width:1200px){
  .banner-wrapper{
    padding:100px 20px;
  }
  .align-bottom-slider-nav{
    display:block !important;
  }
  .card-main{
    width:250px;
  }
  .card-main-content{
    width:calc(100% - 250px);
  }
}
@media(max-width:768px){
  .card-main-content{
    padding:20px 0 0 0;
  }
  .card-main-wrapper{
    display:block !important;
    padding-right: 30px;
    max-height: none !important;
  }
  .card-main-content{
    width:100% !important;
  }
  .card-main{
    width:100%;
  }
  .banner-wrapper{
    padding:50px 20px;
  }
}

.banner-image-wrap.contact-form-wrapper{
  margin-top:50px;
}


/* HEADER */
.header{
  -webkit-box-align: top;
  -ms-flex-align: top;
  align-items: top;
  background-color: rgba(21,21,21,.65);
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 80px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-transition: background-color .2s ease-in-out,color .2s ease-in-out,-webkit-transform .2s ease-in-out;
  transition: background-color .2s ease-in-out,color .2s ease-in-out,-webkit-transform .2s ease-in-out;
  transition: background-color .2s ease-in-out,color .2s ease-in-out,transform .2s ease-in-out;
  transition: background-color .2s ease-in-out,color .2s ease-in-out,transform .2s ease-in-out,-webkit-transform .2s ease-in-out;
  width: 100%;
  z-index: 1000;
  position:fixed;
  left:0;
  right:0;
  top:0;
}

.logo{
  width:120px;
  display:inline-flex;
  height:76px;
  position:absolute;
  left:0;
  top:0;
}

.logo .logo__logo{
  fill:#ff3700;
}
.logo .logo__text{
  fill:#fff;
}
a,a:hover{
  color:#151515;
  text-decoration: none !important;
}
.header-navigation{
  display:flex;
  align-items: center;
}
.header-navigation a{
  color:#fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 15px;
  padding: 15px 20px 5px;
  text-decoration: none;
  -webkit-transition: color .25s ease-in-out;
  transition: color .25s ease-in-out;
  font-family:"GilroyBold";
}
.header-navigation a:hover{
  color:#ff3700;
}


.header-container{
  position:relative;
  padding-left:150px;
  padding-right:100px;
  height:76px;
  display:flex;
  align-items: flex-end;
}
.language{
  display:inline-flex;
  width:32px;
  align-items: center;
  justify-content: center;
  position: absolute;
  right:0;
  bottom:5px;
  height:32px;
  padding:0 !important;
}
.language .dropdown-toggle{
  background:transparent;
  border:0 !important;
  box-shadow: none;
}
.language .dropdown-toggle:focus{
  outline:0;
}
.language .dropdown-toggle::after{
  display:none !important;
}
.language svg{
  width:100%;
  height:100%;
}
.language .dropdown-item{
  font-size:1em;
}
.language .dropdown-item:focus,.language .dropdown-item:hover{
  background:#ff3700;
  color:#fff;
}
.language .dropdown-menu{
  width:48px;
  min-width: 48px;
  max-width: 48px;
  text-align: center;
  left:-8px;
  right:0;
  margin:auto !important;
}
.language svg .globe-stroke{
  stroke: #fff;
  fill:#fff;
}

.language .dropdown-menu > li > a{
  text-align: center !important;
  padding:5px 10px;
}


.mega-panel{
  background: #fff;
  color: #151515;
  left: 0;
  overflow: hidden;
  padding-bottom: 36px;
  padding-top: 114px;
  position: absolute;
  -webkit-transform: translate3d(0,-100%,0);
  transform: translate3d(0,-100%,0);
  top: 0;
  width: 100%;
  z-index: 1;
}
.mega-panel.visible{
  translate: none;
  rotate: none;
  scale: none;
  transform: translate(0px, 0px);
}
.header-main{
  z-index: 100;
  position:relative;
  width: 100%;
}
.header-main .container{
  padding:0;
}

.header.mega-visible .header-main:after,.header.sticky .header-main:after {
  background: #ff3700;
  bottom: 0;
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  content:"";
  height: 2px;
  z-index: 3;
}
.header.mega-visible{
  background:#fff;
}

.header.sticky{
  background:#fff;
}

.header.sticky .language svg{ fill:#151515 !important; stroke:#151515 !important}

.header.mega-visible  a:hover{
  color:#ff3700 !important;
}
.header.mega-visible .logo .logo__text,.header.sticky .logo .logo__text{
  fill:#000;
}

.header.mega-visible  .header-navigation a,.header.sticky .header-navigation a{
  color: #151515;
}

.header.mega-visible  .header-navigation .mega-menu-link.active{
  color:#ff3700;
}
.mega-panel-title{
  font-size:16px;
}
.mega-panel-links a{
  display:block;
  padding:5px 0;
  font-size:18px;

}
.mega-panel-links a:hover{
  color:#ff3700;
}
.mega-panel-title{
  opacity: 0.5;
}
.header.mega-visible .language svg .globe-stroke {
  stroke: #000;
}
.header.sticky .language svg .globe-stroke {
  stroke: #000;
  fill: #000;
}
.language .dropdown-toggle{
  display:flex;
  width:32px;
  height:32px;
  min-width: 32px;
  min-height: 32px;
}

.language .dropdown-menu > li > a:hover{
  color:#fff !important;
}
.burger-menu{
  position:absolute;
  width:32px;
  height:32px;
  right:0;
  bottom:5px;
  margin:auto;
  padding:5px;
  display:none;
  cursor:pointer;
}
.burger-menu svg{
  width:100%;
  height:100%;
  fill:#fff;
}
@media(max-width:1024px){
  .burger-menu{
    display:inline-flex;
  }
  .visible-mobile .header-navigation{
    display:flex;
  }
  .language{
    right:40px;
  }
  .header-navigation{
    position:absolute;
    left:0;
    top:100%;
    right:0;
    background:#fff;
    width:100%;
    display:none;
    -webkit-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);
  }
  .header{
    background:#fff;
  }
  .language svg .globe-stroke {
    stroke: #151515;
    fill: #151515;
  }
  .burger-menu svg{
    fill: #151515;
  }
  .logo .logo__text {
    fill: #151515;
  }
  .header-navigation a{
    color:#151515;
  }
  .header .header-main:after{
    background: #ff3700;
    bottom: 0;
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    content:"";
    height: 2px;
    z-index: 3;
  }
  .header-navigation{
    flex-wrap: wrap;
    padding:15px;
  }
  .header-navigation a{
    width:100%;
    padding: 5px 10px ;
  }
}

/* Sitemap */

 .sitemap-icon{
      display:flex;
      align-items: center;
      justify-content: center;
      width:24px;
      height:24px;
      margin-right:5px;
  }
  .sitemap-home{
      display:inline-flex;
      align-items: center;
  }
  .sitemaps-levels a{
      text-decoration: none !important;
  }
  .sitemaps-levels a:after{
      display:none !important;
  }
  .sitemap-arrow{
      display:inline-flex;
      align-items: center;
      justify-content: center;
      width:16px;
      height:16px;
      margin-left:5px;
  }
  .sitemap-level-toggle-title{
      display:inline-flex;
      align-items: center;
      position:relative;
        padding-left:25px;
  }
  .sitemap-level-toggle-item{
      position:relative;

      display:block;
  }
  .sitemap-level-toggle-title:hover{
      color:#010000 !important;
  }
  .sitemap-level-toggle-item::after{
      left:0px;
      top:0px;
      bottom:0px;
      content:"";
      width:1px;
      background:#010000;
      display:block;
      position:absolute;
  }
  .sitemap-level-toggle-item:last-child:after{
      height:15px;
  }
  .sitemap-level-toggle-title:before{
      left:0px;
      top:14px;
      content:"";
      margin:auto;
      height:1px;
      width:15px;
      background:#010000;
      display:block;
      position:absolute;
  }
  .sitemap-level-toggle-content{
      padding-left:40px;
      position:relative;
      padding-bottom:10px;
  }

  .sitemap-level-toggle-content {
    display: none;
    margin-left: 1rem;
  }

  .sitemap-level-toggle-item.open > .sitemap-level-toggle-content {
    display: block;
  }

  .sitemap-level-toggle-title {
    cursor: pointer;
  }

  .sitemap-arrow {
    transition: transform 0.3s ease;
  }

  .sitemap-level-toggle-item.open > .sitemap-level-toggle-link-wrapper > .sitemap-level-toggle-title .sitemap-arrow,
  .sitemap-level-toggle-item.open > .sitemap-level-toggle-title .sitemap-arrow {
      transform: rotate(180deg); /* rotate arrow on open */
  }

  .sitemap-level-toggle-content .sitemap-level-toggle-content .sitemap-text{
      font-size:0.9em;
  }
  .sitemap-level-toggle-item.open > .sitemap-level-toggle-title .sitemap-text{
      color:#ff3700;
  }
  .sitemap-level-toggle-item.open > .sitemap-level-toggle-title .sitemap-arrow svg{
      stroke:#ff3700;
  }


.css-modal-document-requests{
  width: 400px !important;
}

.css-downloadIcon{
  font-size: 25px;
}