/* FONTS */
@font-face { font-family: 'BreeSerifRegular'; src: url('../fonts/BreeSerif-Regular-webfont.eot'); src: url('../fonts/BreeSerif-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/BreeSerif-Regular-webfont.woff') format('woff'), url('../fonts/BreeSerif-Regular-webfont.ttf') format('truetype'), url('../fonts/BreeSerif-Regular-webfont.svg#BreeSerifRegular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'OpenSansRegular'; src: url('../fonts/OpenSans-Regular-webfont.eot'); src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Regular-webfont.woff') format('woff'), url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'), url('../fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'OpenSansItalic'; src: url('../fonts/OpenSans-Italic-webfont.eot'); src: url('../fonts/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Italic-webfont.woff') format('woff'), url('../fonts/OpenSans-Italic-webfont.ttf') format('truetype'), url('../fonts/OpenSans-Italic-webfont.svg#OpenSansItalic') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'OpenSansBold'; src: url('../fonts/OpenSans-Bold-webfont.eot'); src: url('../fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Bold-webfont.woff') format('woff'), url('../fonts/OpenSans-Bold-webfont.ttf') format('truetype'), url('../fonts/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'OpenSansBoldItalic'; src: url('../fonts/OpenSans-BoldItalic-webfont.eot'); src: url('../fonts/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-BoldItalic-webfont.woff') format('woff'), url('../fonts/OpenSans-BoldItalic-webfont.ttf') format('truetype'), url('../fonts/OpenSans-BoldItalic-webfont.svg#OpenSansBoldItalic') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'OpenSansExtraBold'; src: url('../fonts/OpenSans-ExtraBold.eot'); src: url('../fonts/OpenSans-ExtraBold.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-ExtraBold.woff') format('woff'), url('../fonts/OpenSans-ExtraBold.ttf') format('truetype'), url('../fonts/OpenSans-ExtraBold.svg#OpenSansBoldItalic') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'OpenSansExtraBoldItalic'; src: url('../fonts/OpenSans-ExtraBoldItalic.eot'); src: url('../fonts/OpenSans-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-ExtraBoldItalic.woff') format('woff'), url('../fonts/OpenSans-ExtraBoldItalic.ttf') format('truetype'), url('../fonts/OpenSans-ExtraBoldItalic.svg#OpenSansBoldItalic') format('svg'); font-weight: normal; font-style: normal; }

/* FONT & COLOUR SETUP */
* { font-family: 'OpenSansRegular', sans-serif; transition: all .5s; }
h1, h2, h3, h4, h5, h6 { font-family: 'OpenSansExtraBold', sans-serif; }
h1, h2 { text-transform: uppercase; }
h1 { font-size: 32px; } header h1 { color: #fff; }
h2 { font-size: 28px; margin-bottom: 40px; }
h1.xs { font-size: 28px; }
h2.xs, h3.xs { font-size: 20px; margin-bottom: 0px; }
h4.xs { font-size: 20px; }
h2.md { font-size: 24px; }
h1.md { font-size: 40px; }
h2.hline { margin-bottom: 55px; }
h3.hline { margin-bottom: 25px; }
h5 { font-size: 18px; margin-bottom: 0; }
strong	{ font-family: 'OpenSansExtraBold', sans-serif; }
em { font-family: 'OpenSansItalic', sans-serif; }
span { font-family: inherit; }
h1 a, h2 a, h3 a, h4 a, h5 a { font-family: inherit; font-style: inherit; font-size: inherit; color: inherit; }
a { color: #1969B2; text-decoration: underline; font-weight: inherit; font-family: inherit; } a:hover { color: #0E4963; }
a.orange, a.red, a.lightblue, a.green { text-decoration: underline; } 
a.orange:hover, a.red:hover, a.lightblue:hover, a.green:hover { color: inherit; text-decoration: underline; } 
h2.tagline, h1.tagline { font-size: 52px; margin-bottom: 40px; line-height: 1.1em; }
h1.tagline { font-size: 48px; }
.uc { text-transform: uppercase; } .nc  { text-transform: none; }
.inverted { color: #fff; text-shadow: 0 0 10px rgba(0,0,0,.3); }
.tag-Trends h2 { font-size: 32px; margin-bottom: 25px; }
h3 span.xs { font-size: 16px; }

.hline:after, [class*='hline-']:after { content: ""; position: relative; display: block; width: 75px; height: 10px; top: 15px; background: #1969B2; }
[class*='hline-centered-']:after { top: 12px; left: 50%; transform: translateX(-50%); height: 5px; }
.px5.hline:after, .px5.hline-red:after, .px5.hline-orange:after, .px5.hline-green:after, 
.px5.hline-centered:after, .px5.hline-centered-red:after, .px5.hline-centered-orange:after, .px5.hline-centered-green:after  { width: 55px; height: 5px; top: 5px; }
.hline-orange:after { background: #FBB047; } .hline-red:after { background: #F48466; } .hline-lightblue:after { background: #4DC6E1; } .hline-green:after { background: #2CB98D; } .hline-white:after { background: #fff; }
.hline-centered-orange:after { background: #FBB047; } .hline-centered-red:after { background: #F48466; } .hline-centered-lightblue:after { background: #4DC6E1; } .hline-centered-green:after { background: #2CB98D; }
.blue { color: #1969B2; } .bluebg { background-color: #1969B2; } .orange { color: #FBB047; } .orangebg { background-color: #FBB047; } .red { color: #F48466; } .redbg  { background-color: #F48466; } .lightblue { color: #4DC6E1; } .lightbluebg { background-color: #4DC6E1; } .green { color: #2CB98D; } .greenbg { background-color: #2CB98D; } .white { color: #fff; } .white a { color: rgba(255,255,255,1); } .white a:hover { color: rgba(255,255,255,.8); }
.altbg { background-color: #edf2f4; /*#F8FAFB;*/ }

/* Fixes, resets */
html.full-height, html.full-height body, .full-height { height: 100%; }
img.full-width, .max-width { max-width: 100%; } 
.wspace-2 { padding-top: 20px; padding-bottom: 20px; } .wspace-4 { padding-top: 40px; padding-bottom: 40px; } .wspace-8 { padding-top: 80px; padding-bottom: 80px; } .wspace-12 { padding-top: 120px; padding-bottom: 120px; } .wspace-16 { padding-top: 160px; padding-bottom: 160px; }
.twspace-2 { padding-top: 20px; } .twspace-4 { padding-top: 40px; } .twspace-8 { padding-top: 80px; } .twspace-12 { padding-top: 120px; } .twspace-16 { padding-top: 160px; }
.bwspace-2 { padding-bottom: 20px; } .bwspace-4 { padding-bottom: 40px; } .bwspace-8 { padding-bottom: 80px; } .bwspace-12 { padding-bottom: 120px; } .bwspace-16 { padding-bottom: 160px; }
span.mob-break { display: inline-block; }

/* Line-Borders */
[class*='lb-left-'] { border-left: 10px solid; } [class*='lb-right-'] { border-right: 10px solid; } [class*='lb-top-'] { border-top: 10px solid; } [class*='lb-bottom-'] { border-bottom: 10px solid; }
.lb-left-blue, .lb-right-blue, .lb-top-blue, .lb-bottom-blue { border-color: #1969B2; }
.lb-left-orange, .lb-right-orange, .lb-top-orange, .lb-bottom-orange { border-color: #FBB047; }
.lb-left-red, .lb-right-red, .lb-top-red, .lb-bottom-red { border-color: #F48466; }
.lb-left-lightblue, .lb-right-lightblue, .lb-top-lightblue, .lb-bottom-lightblue { border-color: #4DC6E1; }
.lb-left-green, .lb-right-green, .lb-top-green, .lb-bottom-green { border-color: #2CB98D; }
.lb-left-padding { padding-left: 20px; } .lb-right-padding { padding-right: 20px; }
.hideline-xs, .hideline-sm, .hideline-md { border-width: 0; } 
.lb-top-grey { border-top: solid 1px #7D7D7D; }

/*default list*/
.defaultlist { padding-left: 30px; }
ul.defaultlist li { list-style-type: square; padding-left: 10px; line-height: 1.4em; margin: 5px 0; }
ol.defaultlist li { padding-left: 10px; line-height: 1.4em; margin: 5px 0; }
ul.defaultlist li:first-child, ol.defaultlist li:first-child  { margin-top: 0; } ul li:last-child, ol li:last-child { margin-bottom: 0; }
[class*='blocked-'] { list-style: none; counter-reset: item; }
[class*='blocked-'] li { counter-increment: item; margin: 15px 0 !important; position: relative; }
[class*='blocked-'] li:first-child { margin-top: 0px !important; }
[class*='blocked-'] li:before { font-family: 'OpenSansExtraBold'; content: counter(item); position: absolute; left: -20px; color: white; width: 1.2em; text-align: center; display: inline-block; }
[class*='blocked-'].checkmark li:before { content: "\f00c"; font-family: "Font Awesome 5 Pro"; font-weight: 700; 
    width: 25px;
    left: -30px;
    top: -1px;
    height: 25px;
    padding: 2px 0 0 0;
     } 
[class*='blocked-'].checkmark li { margin: 20px 0 !important; }
.blocked-orange li:before{ background: #FBB047; } .blocked-lightblue li:before{ background: #4DC6E1; } .blocked-green li:before{ background: #2CB98D; } .blocked-red li:before{ background: #F48466; }
ul.lined-list { list-style-type: none; padding-left: 0; margin: 0; }
ul.lined-list li { border-bottom: solid 1px #ddd; padding: 5px 0; font-size: 12px; }
ul.lined-list li:last-child { border-bottom: none; }

/*insights-link lists*/
ul.link-list { list-style-type: none; padding-left: 0; margin: 30px 0 0 0; }
ul.link-list li { border-bottom: solid 1px #ddd; }
ul.link-list li:last-child { border-bottom: none; }
ul.link-list li a { width: 100%; height: 100%; display: block; padding: 10px 25px 10px 5px; position: relative; }
ul.link-list li a:hover { background: rgba(251, 176, 71, .1);  }
ul.link-list li a > span { font-weight: 700; display: block; }

ul.link-list a:after { content: "\f054"; color: rgba(251, 176, 71, 1); font-family: "Font Awesome 5 Pro"; font-weight: 900; font-size: 1em; right: 5px; top: 50%; transform:translateY(-50%); position: absolute; }
ul.link-list a:hover:after { animation: wiggleAbsoluteArrow .6s linear infinite alternate; }



/*Images*/
.fwbgimg { background-size: cover; background-repeat: no-repeat; }
.bgimg-center { background-position: center center; }
.bgimg-left { background-position: left center; }
.bgimg-right { background-position: right center; }
.sideimg-container { width: 90%; height: 100%;  position: absolute; right: 0; z-index: 0; }
.sideimg-container.stretch { width: 45%; height: 75%;  right: 0%; overflow: visible; }
.sideimg { width: 100%; height: 100%; /*position: relative; */background-repeat: no-repeat; z-index: 0; background-position: center center; }
.sideimg-container.blocked-left:before { content:""; background-color: #1969B2; width: 20%; height: 70%; position: absolute; left: -30px; top: -40px; z-index: -2; }
.sideimg-container.blocked-right:after { content:""; background-color: #1969B2; width: 20%; height: 60%; position: absolute; right: -30px; bottom: -30px; z-index: -2; }
.img-right { float: right; margin-left: 10px; margin-bottom: 10px; }
.img-left { float: left; margin-right: 10px; margin-bottom: 10px; }
.img-100, .img-sm-50 { width: 100%; }



/*HEADER*/
/*header { position:relative; z-index: 0; }*/
.default { padding-top: 320px; padding-bottom: 20px;  position: relative; }
.shader:before { background-color: rgba(0,0,0,.3); content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; }
.shader > * { z-index: 11; position:relative; }
.payoff { font-size: 1.8em; color: #fff; }

/*VIDEO PART*/
div.video { position:relative; z-index: 0; }
.video-bg-container { max-height: 995px; margin: 0; padding-top: 50px; position: relative;  background: #1769B4; overflow: hidden; }
.video-bg {	display: block; margin: 0; padding: 0; width: 100%; z-index: -100; }
.video-bg-content { z-index: 255; color: #fff; position: absolute; padding: 0; margin: 0; top: 80px; left: 0; right: 0; bottom: 0; text-transform: uppercase; }

.video-bg.md-vid { max-height: 600px; }

button.muter { margin-left: 15px; background: rgba(255,255,255,.2); width: 30px; height: 30px; border: solid 3px rgba(255,255,255,.75); border-radius: 50%; position: relative; }
button.muter:hover { border: solid 3px #1969B2; }
button.muter:hover:before { color: #1969B2; }
button.muter:before { transition: all .5s; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); color: rgba(255,255,255,.6); content: "\f026"; font-family: "Font Awesome 5 Pro"; font-weight: 900; font-size: 1.1em; position: absolute; }
button.muted.muter:before { content: "\f028"; }


/* NEW HP ADDITIONS */
.header-quote { 
    background: #1969B2;
 }
 .header-quote h1 { 
    padding: 20vh 0 18vh 0; /*300px 0 260px 0*/; 
    max-width: 720px;
}
.header-quote h1 span {
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: white;
  color: #1969B2;
}

/* old splide */
/*.splide__slide .qa-box { height: 100%; padding: 40px;}
.splide__slide:nth-child(even) .qa-box { background: #1969B2; color: #fff; }*/

/* main splide */
.header-splide .splide__slide { height: 450px; } /* adjust in mq */

.splide__slide.insights { background:  #FBB047; color:  #fff; }
.splide__slide.strategy { background: #4DC6E1; color:  #fff; }
.splide__slide.inspiration { background: #F48466; color:  #fff; }
.splide__slide.education { background: #2CB98D; color:  #fff; }
.services-progress { position: absolute; bottom: 10px; z-index: 20; left: 25px; width: 75px; background: rgba(255, 255, 255, .25); }
.services-progress .splide__progress__bar { height: 3px; background: #fff; transition: all 0s; }

.splide-flexer { display: flex; flex-direction: row; align-items:  stretch; height: 100%; }
    .splide-text { display: flex; flex:  0 0 100%; color:  #fff; flex-direction: row; flex-wrap: wrap; align-content: center; justify-content: center; }
        .splide-positioner { flex: 0 0 calc(100% - 30px); align-self: center; }
    .splide-img { display: none; flex:  0 0 50%; overflow: hidden; background-position: center center; background-size: cover; }

.splide-text p { font-size: 1.4em; }
.splide-text .btn { width: 100%; }

.splide__pagination.service-pagination { justify-content: end; margin-right: 10px; }
.service-pagination .splide__pagination__page { border-radius: 0; height: 25px; width: 25px; background: #fff; opacity: 1; }
.service-pagination .splide__pagination__page.is-active { transform: scale(1.0); opacity: 1; }
.service-pagination .splide__pagination__page:hover,
.service-pagination .splide__pagination__page.is-active:hover { border: solid 1px #fff; opacity: 1; }
.service-pagination li:nth-child(1) .splide__pagination__page.is-active { background: #FBB047; }
.service-pagination li:nth-child(2) .splide__pagination__page.is-active { background: #4DC6E1; }
.service-pagination li:nth-child(3) .splide__pagination__page.is-active { background: #2CB98D; }
.service-pagination li:nth-child(4) .splide__pagination__page.is-active { background: #F48466; }

.service-pagination li:nth-child(1) .splide__pagination__page:hover { background: #FBB047; }
.service-pagination li:nth-child(2) .splide__pagination__page:hover { background: #4DC6E1; }
.service-pagination li:nth-child(3) .splide__pagination__page:hover { background: #2CB98D; }
.service-pagination li:nth-child(4) .splide__pagination__page:hover { background: #F48466; }



/* Text splide */
.text-header {
  background-color: #1769B4; 
  background-size:  cover;
  padding: 140px 0;
  text-transform: uppercase; font-size: 52px; color: #fff;
  position: relative;
}

.text-header.shader:before { 
background: rgba(23, 105, 180, .75);
background: linear-gradient(340deg, rgba(6,42,75,.85) 0%, rgba(23,105,180,.85) 50%, rgba(89,157,219,.85) 100%);
    content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; }

.text-header * {  font-family: 'OpenSansExtraBold'; }
.text-header .logo { margin-top: 10px; }
#qa-slider { display: inline-block; line-height: 79px; /*margin-top: 1px !important;*/ }
/*#qa-slider .splide__list { margin-top: 1px !important; }*/
/*#qa-slider .splide__list .splide__slide { margin-top: 1px !important; }*/

/*FOOTER*/
footer { background-color: #667D8D; color: #fff; padding-bottom: 20px; font-size: 12px; } 
footer ul { padding: 0; margin: 0; display: inline-block; } footer ul li { display: inline; } footer ul li:after { content: "|"; margin: 0 10px; } footer ul li:last-child:after { content:""; margin: 0; }
footer a { color: #fff; text-decoration: none; } footer a:hover { text-decoration: none; color: #dce9f2; } footer p { margin: 0; }
footer .row.copyright { border-top: solid 1px #fff; padding-top: 15px; padding-left: 0; padding-right: 0; margin-left: 0px; margin-right: 0px; margin-top: 10px; }
footer .row.copyright [class*='col-'] { padding-left: 0; padding-right: 0; }
footer .footer-logo { max-width: 100%; width: 120px; }
.social-links { font-size: 2em; line-height: .5em;}
.social-links a { margin-right: 5px; } .social-links a:last-child { margin-right: 0; }
.social-links a i { animation: growPulse 10s cubic-bezier(.36,.07,.19,.97) infinite;  }

/* NAV */
.navbar { padding-left: 0; padding-right: 0; }
.navbar-brand img { width: 80px; }
.nav-link, .dropdown-item { font-family: 'OpenSansExtraBold'; text-transform: uppercase;  font-size: .9em; text-decoration: none; }
.navbar-expand-md .navbar-nav .nav-link { padding-left: 1rem; padding-right: 1rem; }
.navbar-scroll { background: rgba(255,255,255,.95); border-bottom: solid 1px #F8FAFB; }
.navbar-at-top { border-bottom: none; }
.navbar-at-top .container { border-bottom: none; }
.navbar-dark.navbar-at-top .navbar-nav .nav-link { color: rgba(255,255,255,.8); transition: .2s all;  }
.navbar-dark.navbar-at-top .navbar-nav .nav-link:focus, .navbar-dark.navbar-at-top .navbar-nav .nav-link:hover, .navbar-dark.navbar-at-top .navbar-nav .active .nav-link { color: rgba(255,255,255,1); }
.navbar-dark.navbar-scroll .navbar-nav .nav-link { color: #000; }
.navbar-dark.navbar-scroll .navbar-nav .nav-link:hover, .dropdown-item:hover { color: #1969B2; }
.dropdown-menu { border-radius: 0; padding: 0; }
.navbar-at-top .dropdown-menu { border: solid 1px rgba(255,255,255,.65); background-color: rgba(255,255,255,.65); top: 120%; }
.navbar-scroll .dropdown-menu { background-color: rgba(255,255,255,.95); border: solid 1px #F8FAFB; top: 140%; }
.dropdown-menu .dropdown-item { padding: 10px 20px; }

/* Mobile NAV*/
.navbar-at-top .navbar-toggler { background-color: rgba(255,255,255,.4); border: solid 2px rgba(255,255,255,.7); }
.navbar-scroll .navbar-toggler { background-color: rgba(25, 105, 178, .3); border: solid 2px rgba(25, 105, 178, .4); }
.navbar-collapse.show { border-top: solid 1px #fff; background-color: rgba(255,255,255,.65); }
.navbar-dark.navbar-at-top .navbar-collapse.show .nav-link { color: #000; }

/* BUTTONS */
.btn { border-radius: 0; font-family: 'OpenSansExtraBold', sans-serif; text-transform: uppercase; border: none;  text-decoration: none; }
.btn-lg { padding: .7rem 1rem; }
.btn-primary { background-color: #1969B2; } .btn-primary:hover { background-color: #145389; }
.btn-whatsapp { background-color: #32AE22; color: #fff; } .btn-whatsapp:hover { background-color: #45C02E; color: #fff; }
.btn-consultancy, .btn-insights, .btn-inspiration, .btn-education { color: #fff; }
.btn-consultancy:hover, .btn-insights:hover, .btn-inspiration:hover, .btn-education:hover { color: #fff; }
.btn-consultancy { background: #4DC6E1; } .btn-consultancy:hover { background: #4db2c6; }
.btn-insights { background: #FBB047; } .btn-insights:hover { background: #e09e47; }
.btn-inspiration { background: #F48466; } .btn-inspiration:hover { background: #d87b63; }
.btn-education { background: #2CB98D; } .btn-education:hover { background: #42C099; }
.btn-grey { background: rgba(73,73,73,1); color: #fff; } .btn-grey:hover { background: rgba(51,51,51,1); color: #fff; }
.btn-filter { background: #F8FAFB; margin-bottom: 10px; } .btn-filter:hover, .btn-filter.active { background-color: #1969B2; color: #fff; cursor: pointer; }

.btn-education.inv, .btn-inspiration.inv, .btn-insights.inv, .btn-consultancy.inv { background: #fff; } 
.btn-education.inv { color: #2CB98D; } 
.btn-inspiration.inv { color: #F48466; }
.btn-insights.inv {color: #FBB047;}
.btn-consultancy.inv {color: #4DC6E1; }

.blur-bg { position:relative; }
.blur-bg:before { content: ""; position: absolute; filter: blur(50px); width: 95%; height: 95%; left: 50%; top: 50%; transform: translate(-50%,-50%);
    background:  linear-gradient(340deg, rgba(244,132,102,.3) 0%, rgba(251,176,71,.3) 15%, rgba(23,105,180,.3) 50%, rgba(44,185,141,.3) 85%, rgba(77,198,225,.3) 100%);
     }

/*BREADCRUMBS*/
.breadcrumbs { padding-top: 10px; font-size: 10px; color: #C8C8CF; text-transform: uppercase; }
.breadcrumbs i { margin: 0 5px; }
.breadcrumbs a { color: #C8C8CF; text-decoration: none; }
.breadcrumbs a:hover { color: #888; }
.breadcrumbs .currentPage { color: #000; }

/* ROW FLEX GROW */
.row.hp-grow .col-sm-6:first-child { max-width: 100%; flex: 0 0 100%; }

/* BOXES */
.box { color: #000; margin-bottom: 40px; }
.box:hover { text-decoration: none; }
.box-img { position: relative; display: block; width: 100%; height: 300px; background-size: cover; border-width: 10px; }
.box-img:before { transition: .5s all; opacity: 0; position: absolute; content: ""; width: 100%; height: 290px; background: rgba(0,0,0,.3);}
.box-img:after  { transition: .5s all; opacity: 0; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); text-decoration: none; content: "\f054"; font-family: "Font Awesome 5 Pro"; color: #fff; font-weight: 900; font-size: 2.4em; }
.box-img:hover:before { opacity: 1; }
.box-img:hover:after  { opacity: 1; }
.box p.sub { color: #C8C8C8; text-transform: uppercase; margin-bottom: 0; margin-top: 20px; }
.box p.desc { font-size: 12px; }
.box p.media-type, .box p.media-date { display: inline-block; margin-top: 10px; font-size: 12px; color: #C8C8C8; }
.box p.media-date { float: right; max-width: 140px; }
.box p.media-date i { margin-right: 7px; }
.box p.media-type span { font-family: 'OpenSansExtraBold', sans-serif; text-transform: uppercase; }
.box.news { margin-bottom: 40px; }
.box.news h3 { font-size: 20px; }
.box a, .box.news a:hover, .box h3 a:hover { text-decoration: none; } 
.box.news .box-img { background-position: center center; }
.paddingbox { padding: 40px; }
.scrollbox { position: sticky; top: 100px; }
.cta-box { border: solid 5px rgba(102,125,141,.2); padding: 20px; }
.cta-box.fh { height: 100%; }
.cta-box p:last-child { margin: 0; }
.cta-box p, .cta-box ol, .cta-box ul { font-size: 14px; }
.products [class*='col-'] { margin-bottom: 20px; }
.products .cta-box { padding: 40px 20px 70px 20px; height: 100%; position: relative; }
.products .cta-box.nolink { padding: 40px 20px; }
.products h3, .trends h3 { font-size: 20px; margin-bottom: 18px; text-transform: uppercase; }
.products h3:after, .trends h3:after { content: ""; position: relative; display: block; width: 55px; height: 5px; top: 9px; left: 50%; transform: translateX(-50%); }
.products i { font-size: 2.4em; margin-bottom: 20px; } 
.products a { color: inherit; text-decoration: none; }
a.more { font-family: 'OpenSansExtraBold', sans-serif; color: #000; text-transform: uppercase; text-decoration: none; }
a.more:after { content: "\f054"; font-family: "Font Awesome 5 Pro"; font-weight: 900; font-size: 1em; margin-left: 10px; position: absolute; }
a.more:hover:after { animation: wiggleArrow .6s linear infinite alternate; }
.products > a.more { position: absolute; bottom: 40px; right: 10px; width: 100%; }
.products > .more-links { position: absolute; bottom: 40px; right: 10px; width: 100%; }
.products > a.more.second { bottom: 20px; right: 10px; width: 100%; }
.products a:hover, a.more:hover { text-decoration: none; }
.insights a.more:after { color: #FBB047; } .insights h3:after { background: #FBB047; }
.products.insights i, .products.insights a.more:after { color: #FBB047; } .products.insights h3:after { background: #FBB047; }
.products.consultancy i, .products.consultancy a.more:after  { color: #4DC6E1; } .products.consultancy h3:after { background: #4DC6E1; }
.products.education i, .products.education a.more:after { color: #2CB98D; } .products.education h3:after { background: #2CB98D; }
.products.inspiration i, .products.inspiration a.more:after { color: #F48466; } .products.inspiration h3:after, .trends h3:after { background: #F48466; }
.tours > [class*='col-'], .trends > [class*='col-'] { margin-bottom: 20px; } .tours .cta-box, .trends .cta-box { height: 100%; } .tours .cta-box p { font-size: 14px; }
.tours .cta-box .row:last-child p { padding-top: 20px; border-top: solid 2px rgba(102,125,141,.2); margin-top: 20px; }
.tours .cta-box .row:last-child i { color: #7D7D7D; }
.trends .cta-box { padding: 40px 20px } .trends .cta-box img { max-width: 80px; margin-bottom: 20px; }
.campaigns .img-container { width: 180px; height: 150px; margin: 0 auto 20px auto; display: flex; vertical-align: middle; }
.campaigns img { max-width: 180px; max-height: 150px; display: block; margin: 0 auto;}
.cta-box.quote { position:relative; background-color: #fff; color: #000; z-index: 1; padding: 20px 30px; }
.cta-box.quote p { font-size: 16px;  }
.cta-box.quote:before, .cta-box.quote:after { position: absolute; z-index: 0; font-family: "Font Awesome 5 Pro"; color: rgba(102,125,141,.1); font-weight: 900; font-size: 2.2em; }
.cta-box.quote:before { top: 0px; left: 10px; content: "\f10d"; }
.cta-box.quote:after { bottom: 0px; right: 10px; content: "\f10e"; }
.case-col h3 { text-transform: uppercase; }
.case-logo { position: absolute; z-index: 2; bottom: 0; right: 0; max-height: 60px; width: 110px; text-align: right; }
.case-logo img { max-width: 100%; height: auto; max-height: 60px; background: rgba(255,255,255,1); padding: 5px; }
.box-img:hover .case-logo { opacity: .8; }
.casepage-logo { text-align: center; } .casepage-logo img { max-height: 150px; }
.team-box { border: solid 5px rgba(102,125,141,.2); height: 100%; padding: 0px; text-align: center; display: block; }
.team-box img { max-width: 100%; border-bottom: #1969B2 5px solid; flex: 0 0 auto; }
.team-box p { font-size: 12px; margin-bottom: 0; }
.team-box-body { padding: 0 15px 15px 15px; text-align: left; flex: 0 0 100%; }
.team-box-cta { font-size: 12px; padding-top: 10px; border-top: solid 2px rgba(102,125,141,.2); margin: 0 15px 15px 15px; text-align: left; align-self: flex-end; flex: 0 0 auto; width: 90%; margin: 0 5% 15px 5%; }
.team-box-cta a { width: 100%; margin-top: 10px; font-size: 1.2em; line-height: 1.2em; }
.box-check:after { position: absolute; top: -5px; right: -5px; content: "\f00c"; font-family: "Font Awesome 5 Pro"; font-weight: 700;
padding: 5px 10px; background: #FBB047; color: #fff; }

.box-favorite-check:after { position: absolute; top: 0px; right: 15px; content: "Slimme keuze"; font-weight: 700; font-style: italic; font-size: 12px; /*font-family: "Font Awesome 5 Pro"; font-weight: 700;*/
padding: 5px 10px; background: #FBB047; color: #fff; }

/* borderless box */
.bbox { padding-left: 15px; padding-right: 15px; }
.bbox a, .bbox a h3 { color: #000; text-decoration: none; }
.bbox h3 { font-size: 20px; text-transform: uppercase;  }
.insights-items .bbox.wspace-4 { padding-bottom: 80px; }
.insights-items .btn { color:  #fff; position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); width: 70%; }

/* SCROLLBOX */
.scrollblock { padding: 20px; position: fixed; bottom: 0; width: 100%; z-index: 10; background: #F8FAFB; z-index: 10; border-left: solid 1px #ccc; border-right: solid 1px #ccc; border-top: solid 1px #ccc; border-bottom: none; }
.scrollblock h2 { margin-bottom: 20px; font-size: 1em; }
.scrollblock p { margin-bottom: 10px; font-size: 12px; height: 100%;} .scrollblock p:last-child { margin-bottom: 0px; }
.scrollblock p i { font-size: 24px; }
.scrollblock span i { display: block; }
.scrollblock.scrollcheck, .scrollcheck { right: 0; }
#toggle-me { position: absolute; top: 0; left: 0; width: 20px; height: 20px; display:block; }
#toggle-me:hover { cursor: pointer; }
#toggle-me:before { content: "\f00d"; position: absolute; top: 0; transform: translateY(0%); font-family: "Font Awesome 5 Pro"; font-weight: 900; margin: 1px 0 0 5px; color: #666; }
#toggle-me:hover:before { color: #000; }
.scrollblock.toggled-off #toggle-me { height: 100%; z-index: 2;}
.scrollblock.toggled-off #toggle-me:before { content: "\f053"; top: 50%; position: absolute; transform: translateY(-50%);} 
.scrollblock .btn { font-size: 1em; width: 100%; } 

/* QA BOX */
.primary-grad { background: rgb(255,255,255); background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(23,105,179,.1) 50%, rgba(255,255,255,1) 100%); }
.radial-grad { background: radial-gradient(circle, rgba(23,105,180,0.4) 10%, rgba(255,255,255,1) 50%); }
.qa-wrap { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; align-content: flex-start; }
.qa-wrap.services .qa-box, .qa-wrap.expertise .qa-box, .qa-wrap .qa-box { flex: 0 0 100%; align-self: stretch; }

.qa-wrap.expertise .qa-box {
 /*background: rgba(255, 255, 255, 0.4);
 backdrop-filter: blur(5px);
 -webkit-backdrop-filter: blur(5px);*/
 border-radius: 3px;
 box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
 border: 1px solid rgba(255, 255, 255, 0.3);
 text-align: center;
}

.qa-wrap.expertise .qa-box:hover { cursor: pointer; border: 1px solid rgba(25, 105, 178, .85); }
.qa-wrap.expertise .qa-box img { max-height: 95px; margin: 10px auto 20px auto; display: block; text-align: center; }
.qa-wrap.expertise .qa-box:hover img { animation: empwiggle 2s linear infinite; }
.qa-wrap.expertise .qa-box.toggled:hover img { animation: none; }
.qa-wrap.expertise .qa-box h2 { margin-bottom: 0; }
.qa-wrap.expertise .qa-box p.h2-tagline { font-weight: 700; }


.qa-wrap.services .qa-box { padding: 0; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); margin-bottom: 40px;  } 
.qa-wrap.services .qa-box .box-img { max-height:100px; overflow: hidden; background-position: center center;  }
.qa-wrap.services .qa-box .box-img:hover { cursor: normal; }
.qa-wrap.services .qa-box .box-img:hover:before, .qa-wrap.services .qa-box .box-img:hover:after { content: none; opacity: 0; }
.qa-box .box-text { padding: 20px; }

.qa-box { padding: 20px; background: #fff; margin-bottom: 15px; }
.qa-box h2 { font-size: 20px; }
.qa-box h2 a { color: #000; text-decoration: none; }
.qa-box h2:after { content: ""; position: relative; display: block; width: 55px; height: 5px; top: 9px; }
.qa-box.insights h2:after { background: #FBB047; }
.qa-box.consultancy h2:after { background: #4DC6E1; }
.qa-box.education h2:after { background: #2CB98D; }
.qa-box.inspiration h2:after { background: #F48466; }

.qa-box ul { list-style-type: none; margin: 0; padding: 0; }
.qa-box ul li { padding: 7px 0; border-top: solid 1px #ddd; }
.qa-box ul li:first-child { border-top: none; padding-top: none; }
.qa-box ul li a { text-decoration: none; }

.qa-box { position:relative; overflow: hidden; }
.qa-box .flip-up { position:absolute; transform: translate(-50%, -50%) scale(0.0); top: 50%; left:50%; padding: 10px 20px; color: #fff; width: 80%; visibility: hidden; opacity: 0; }
.qa-box.toggled .flip-up { background: rgba(25, 105, 178, .85); visibility: visible; opacity: 1; transform: translate(-50%, -50%) scale(1.0); }
.qa-box.toggled .blurrer { filter: blur(.2rem); }


.flip-up p { margin: 0; }

/* QUOTES */
.qname, .cta-box p.qname:last-child { margin-top: 50px; }
.qname:before { content: ""; position: relative; display: block; width: 55px; height: 3px; top: -15px; background: rgba(102,125,141,.2); }
.qname img { width: 100%; max-width: 120px; }
#carousel-quotes { margin-bottom: 50px; }
#carousel-quotes .cta-box { height: 100%; }
#carousel-quotes .row { margin-left: 0; margin-right: 0; }
#carousel-quotes .carousel-control-next, #carousel-quotes .carousel-control-prev { width: 30px; height: 30px; bottom: -50px; top:auto;  }
#carousel-quotes .carousel-control-next span:first-child, #carousel-quotes .carousel-control-prev span:first-child { background-color: rgba(102, 125, 141, 1); background-size: 60%; width: 100%; height: 100%;  }
/* CLIENTS */
.clients .img-container { z-index: 1; position: relative; width: 100%; height: 90px; margin-bottom: 10px; padding: 15px; border: solid 2px rgba(102,125,141,.2); display: flex; vertical-align: middle; }
.clients img { transition: all 1s; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); max-width: 100%; max-height: 70px; width: 85%; margin: 0 auto; }
.client img { opacity: 0; }
img.cf-base { position: static; z-index: -1; visibility: hidden; }
img.cf-active { z-index: 3; opacity: 1; }

/* AGENDA */
.event-list { padding: 0; margin: 0; }
.event-list li { display: block; border-bottom: solid 1px #A7B9C5; padding: 20px 0; }
.event-list li:last-child { border-bottom: 0; }
.event-list li:first-child { padding-top: 0; }
.event-list li strong { display: block; font-size: 20px; }
.event-list li .date, .event-list li .location { font-size: 12px; color: #7D7D7D; }
.event-list li .date i, .event-list li .location i { margin-right: 7px; }
.event-list li .date { display: block; }
.event-list li .location {  }
.event-list a { text-decoration: none; color: inherit; font-family: inherit; font-size: inherit; }
.event-list a:hover { color: #1969B2; text-decoration: none; }

/* TEAM */
.team [class*='col-'] { margin-bottom: 40px; }
.team img { margin-bottom: 5px; width: 100%; }
.function { display: block; font-style: italic; font-size: 14px; margin-bottom: 5px; color: #7d7d7d; }
.mail, .mob, .tel, .linked { display: block; font-size: 14px; color: #7d7d7d; }
.mail:before, .mob:before, .tel:before { font-family: "Font Awesome 5 Pro"; font-weight: 900; color: rgba(102,125,141,.7); }
.linked:before { font-family: "Font Awesome 5 Brands"; font-weight: 900; color: rgba(102,125,141,.7); }
.mail:before { content: "\f0e0"; margin: 0 10px 0 0; }
.mob:before { content: "\f3cd"; margin: 0 13px 0 3px; }
.tel:before { content: "\f095"; margin: 0 10px 0 0; }
.linked:before { content: "\f08c"; margin: 0 12px 0 0; }
.associate-contacts { font-size: 14px; padding-top: 5px; }
.associate-contacts span { margin-right: 15px; display: block; }
.associate-contacts i { color: #7d7d7d; font-size: 14px; margin-right: 5px; }

/*Textcordion*/
.textcordion h2 { font-size: 32px; }
.cordion-item { cursor: pointer; margin-bottom: 20px; }
.cordion-item:before { content: "\f078"; font-family: "Font Awesome 5 Pro"; color: #7d7d7d; font-weight: 900; font-size: .85em; }
.cordion-item:hover:before { color: #000; }
.cordion-item.collapsed:before { content: "\f054"; }
.cordion-item:hover { cursor: pointer; color: #1969B2; }
.cordion-body { border-top: solid 2px #1969B2; border-bottom: solid 2px #1969B2; padding: 20px 0; margin: 0 0 20px 0; }
.cordion-body p:last-child, .cordion-body ul:last-child { margin-bottom: 0; }

.qa-acc .card { border-radius: 0; margin-bottom: 10px; }
.qa-acc .card-header { cursor: pointer; border: none; background: #fff; }
.qa-acc .card-header h4 .btn { color: #000; margin: 0; padding: 0; width: 100%; text-align: left; text-decoration: none; }
.qa-acc .card-header h4 .btn:hover { color: #1969B2; text-decoration: none; cursor: pointer; text-decoration: none; }
.qa-acc .card-header h4 .btn:active { text-decoration: none; }
.qa-acc .card-header h4 .btn:before { content: "\f0fe"; font-family: "Font Awesome 5 Pro"; font-weight: 500; color: #1969B2; margin-right: 10px; }
.qa-acc .card-header h4 .btn[aria-expanded="true"]:before { content: "\f146"; }
.qa-acc .card-body { border-top: solid 4px #1969B2; }

/* text labels */
ul.labels { display: block; padding: 0; margin: 0; }
ul.labels li { display: inline-block; padding: 0; margin: 0; }
ul.labels li a { padding: 5px; margin-right: 5px; background-color: #EDF2F4; color: #000; text-decoration: none; }
ul.labels li a:hover { background-color: #FBB047; color: #fff; }

/* PAGINATION */
.nav-paginator { display: inline-block; }
.nav-paginator .pagination { flex-wrap: wrap; justify-content: space-between; }
.nav-paginator .page-item a{ background: #F8FAFB; color: #000; border: none; font-family: 'OpenSansExtraBold', sans-serif; text-decoration: none; }
.nav-paginator .page-item a:first-child, .nav-paginator .page-item a:last-child { border-radius: 0; }
.nav-paginator .page-item.active a, .nav-paginator .page-item a:hover { background-color: #1969B2; color: #fff; cursor: pointer; }
.nav-paginator .page-item:first-child, .nav-paginator .page-item:last-child { flex: 0 0 100%; }
.nav-paginator .page-item:first-child { margin-bottom: 5px; }
.nav-paginator .page-item:last-child { margin-top: 5px; }
/*.content-page{ display:none }
.content-page-active{ display:flex; flex-wrap: wrap; }
#case-list--pager { display: inline-block; }*/

/*IMAGE CLIP*/
.txtclip { -webkit-background-clip: text; color: transparent !important; background-size: contain; font-family: 'OpenSansExtraBold', sans-serif; text-transform: uppercase; font-size: 80px; line-height: 80px; }

/*Q&A Shop*/
.qashop { margin: 0; padding: 0; position: relative; }
.qashop a { transition: all .5s; border: solid 5px rgba(255,255,255,0); position: absolute; display: block; width: 35%; height: 30%; overflow: hidden; }
.qashop a.insights { left: 3.1%; top: 27%; } 
.qashop a.inspiration { left: 3.1%; top: 61%; } 
.qashop a.education { left: 62%; top: 27%; } 
.qashop a.strategy { left: 62%; top: 61%; }
.qashop a span:first-child { position: absolute; top: -9999px; left: -9999px; }
.qashop a:hover { border: solid 5px rgba(25,106,178,1); background: rgba(255,255,255,.1);}
.qashop a:after { 
	content: "klik hier"; 
	font-family: 'OpenSansExtraBold', sans-serif; color: #fff; text-transform: uppercase;
	padding: 0px 20px; border: solid 5px rgba(25,106,178,1);  width: 70%; text-align: center; 
	position: absolute; top: 50%;left: 50%; transform: translateX(-50%) translateY(-50%); 
	background: rgba(255,255,255,.1); opacity: 0;
	animation: pulse 5s infinite; }
.qashop a.insights:after { border: solid 5px #FBB047; background: #FBB047;  } .qashop a.inspiration:after { border: solid 5px #F48466; background: #F48466;; } .qashop a.education:after { border: solid 5px #42C099; background: #42C099; } .qashop a.strategy:after { border: solid 5px #4DC6E1; background: #4DC6E1; }
.qashop a:hover:after {display: none; }

.new.qashop { margin: 0; padding: 0; position: relative; }
.new.qashop a { transition: all .5s; border: solid 5px rgba(255,255,255,0); position: absolute; display: block; width: 35%; height: 32%; overflow: hidden; }
.new.qashop a.insights { left: 3.1%; top: 27%; } 
.new.qashop a.inspiration { left: 3.1%; top: 61%; } 
.new.qashop a.education { left: 62%; top: 27%; } 
.new.qashop a.strategy { left: 62%; top: 61%; }
.new.qashop a span:first-child { position: absolute; top: -9999px; left: -9999px; }
.new.qashop a:hover { border: solid 5px rgba(25,106,178,1); background: rgba(255,255,255,.1);}
.new.qashop a:after { 
	content: "klik hier"; 
	font-family: 'OpenSansExtraBold', sans-serif; color: #fff; text-transform: uppercase;
	padding: 0px 20px; border: solid 5px rgba(25,106,178,1);  width: 70%; text-align: center; 
	position: absolute; top: 50%;left: 50%; transform: translateX(-50%) translateY(-50%); 
	background: rgba(255,255,255,.1); opacity: 0;
	animation: pulse 5s infinite; }
.new.qashop a.insights:after { border: solid 5px #FBB047; background: #FBB047;  } .new.qashop a.inspiration:after { border: solid 5px #F48466; background: #F48466;; } .new.qashop a.education:after { border: solid 5px #42C099; background: #42C099; } .new.qashop a.strategy:after { border: solid 5px #4DC6E1; background: #4DC6E1; }
.new.qashop a:hover:after {display: none; }

.container-md { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }

/*FORM*/
.form-control { border-radius: 0; background: rgba(255,255,255,.9); }
.searchfilter { margin-top: -80px; }
.searchfilter .form-group, .searchfilter .form-check { margin-bottom: 0; }
.searchfilter .form-group:first-child, .searchfilter .form-group:last-child { padding-top: 20px; padding-bottom: 20px; }
.searchfilter p { margin-bottom: 5px; }
.tag-label { display: inline-block; padding-right: 10px; margin-top: 7px; }
.tab-label:last-child { padding-right: 0; }

/* Image Grid */
.imgGrid { width: 100%; display:flex; flex-wrap: wrap; }
.imgGrid > div { flex: 1 0 100%; display: flex; flex-direction: column; height: 200px; }
.imgGrid.highGrid > div { height: 600px; background-position:center center; }
.imgGrid .imgGroup-4, .imgGrid .imgGroup-2v, .imgGrid .imgGroup-2h { flex-wrap: wrap; }
.imgGrid .imgGroup-4 > div { flex: 1 0 50%; height: 200px; }
.imgGrid .imgGroup-2v > div { flex: 1 0 100%;/* height: 400px;*/ }
.imgGrid .imgGroup-2h > div { flex: 1 0 100%; height: 200px; }

.container.fh { height: 100%; }
.container.fh .row { height: 100%; }
.page-404 { height: 100%; background-position: bottom center }
.page-404 h1 { font-size: 28px; }
.page-404 h1 span { font-size: 60px; display: block; }
.page-404 .payoff { font-size: 1.6em; }

.youtube-player { position: relative; padding-bottom: 56.23%; /* Use 75% for 4:3 videos */ height: 0; overflow: hidden; max-width: 100%; background: #000; }
.youtube-player iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; background: transparent; }
.youtube-player img { bottom: 0;display: block; left: 0; margin: auto; max-width: 100%; width: 100%; position: absolute; right: 0; top: 0; border: none; height: auto; cursor: pointer; -webkit-transition: .4s all; -moz-transition: .4s all; transition: .4s all; }     
.youtube-player:hover img { -webkit-filter: brightness(75%); }
.youtube-player .play { left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); position: absolute; cursor: pointer; }
.youtube-player .play:after { content: "\f144"; font-family: "Font Awesome 5 Pro"; font-weight: 900; font-size: 4em; color: #1969B2; background: #fff; border-radius: 50%; padding: 3px; opacity: .75; }
.youtube-player.insights .play:after { color: #FBB047; } .youtube-player.inspiration .play:after { color: #F48466; } .youtube-player.education .play:after { color: #2CB98D; } .youtube-player.consultancy .play:after { color: #4DC6E1; }
.youtube-player:hover .play:after { opacity: 1; }

.lang { font-size: 13px; position: absolute; top: 5px; left: 80px;  }
.lang a { text-decoration: none; }
.lang a:hover { text-decoration: underline; }
.lang .active { font-weight: bold; }
.navbar-at-top .lang, .navbar-at-top .lang a { color: #fff; }


/* ---------- LOADER ---------- */
.loader-wrapper { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: #fff; z-index: 2000; }
.loader { display: inline-block; width: 45px; height: 45px; position: absolute; top:  50%; left:  50%; transform:  translate(-50%,-50%); border: 4px solid #1969B2; border-radius: 3px; animation: loader 2s infinite ease; }
.loader-inner { vertical-align: top; display: inline-block; width: 100%; background-color: #1969B2; animation: loader-inner 2s infinite ease-in; }
@keyframes loader { 0% { transform: rotate(0deg); } 25% { transform: rotate(180deg); } 50% { transform: rotate(180deg); } 75% { transform: rotate(360deg); } 100% { transform: rotate(360deg); } }
@keyframes loader-inner { 0% { height: 0%; } 25% { height: 0%; } 50% { height: 100%; } 75% { height: 100%; } 100% { height: 0%; } }


/* =============== MQ Breakpoints =============== */

@media (min-width: 576px) { /*SM*/
	.video-bg-container { padding-top: 20px; }		
	h1 { font-size: 56px; }
	h2 { font-size: 42px; }
	h1.xs { font-size: 42px; }
	h2.md { font-size: 32px; }
	.breadcrumbs { font-size: 12px;  }
	.imgGrid > div { height: 300px; }
    .imgGrid.highGrid > div { height: 600px }
	.event-list li .date { width: 180px; display: inline-block; }
	.container.cbreak-md { max-width: 100%; }
	.team img { width: auto; }
	.nav-paginator .page-item:first-child, .nav-paginator .page-item:last-child { flex: 0 0 auto; }
	.nav-paginator .page-item { margin-right: 5px; } .nav-paginator .page-item:last-child { margin-right: 0; }
	.nav-paginator .page-item:first-child, .nav-paginator .page-item:last-child { margin-top: 0px; margin-bottom: 0; }
	.hideline-xs { border-width: 10px; }
	.img-sm-50 { max-width: 50%; }

	.team-box { display: flex; flex-flow: row wrap; }
	.team-box img { flex: 0 0 auto; }

	.qa-wrap .qa-box, .qa-wrap.expertise .qa-box { flex: 0 0 47%; }
    .qa-wrap.services .qa-box { flex: 0 0 100%; }

    /* HP slider */
    .header-splide { margin-top: -50px; }
    .header-splide .splide__track  { box-shadow: 0 6px 15px 0 rgba(0,0,0,.15); border-radius: 4px; }
    .header-splide .splide__slide { height: 480px; }
    .splide-text { flex:  0 0 85%; justify-content: end; }
    .splide-img { flex:  0 0 15%; display: block; }
    /*.splide-positioner { flex: 0 0 calc(100% - 15px); padding-right: 30px; }*/
    .splide-text .btn { width: auto; }
}

@media (min-width: 768px) { /*MD*/
	.video-bg-container { padding-top: 0; }
	button.muter { width: 60px; height: 60px; border: solid 3px rgba(255,255,255,.75); }
	button.muter:before { font-weight: 900; font-size: 1.8em;}
	.imgGrid > div { height: 400px; }
	.navbar-collapse.show { border-top: none; background-color: transparent; }
	.navbar-dark.navbar-at-top .navbar-collapse.show .nav-link { color: rgba(255,255,255,.8); }
	.container.cbreak-md { max-width: 100%; }
	.box { margin-bottom: 0; }
	.hideline-sm { border-width: 10px; }

 	span.mob-break, .scrollblock span.mob-break { display: block; }
	.scrollblock { width: auto; max-width: 180px; bottom: 80px; right: -100%; padding: 20px; box-shadow: 0 0 3px rgba(0,0,0,.25); background: #F8FAFB; border-left: solid 1px #ccc; border-top: solid 1px #ccc; border-bottom: solid 1px #ccc; border-right: none; }

	.team-box img { flex: 0 0 auto; }

    /* HP slider */
    .header-splide .splide__slide { height: 480px; }
    .splide-text { flex:  0 0 63%; }
    .splide-img { flex:  0 0 37%; }
    /*.splide-positioner { flex: 0 0 calc(100% - 15px); padding-right: 40px; }*/
}

@media (min-width: 992px) { /*LG*/
	.associate-contacts span { display: inline; }
	.imgGrid > div { flex: 1 0 33.333333%; flex: 1 0 calc(100% / 3); height: 400px; }
	.container.cbreak-md { max-width: 960px; padding-left: 0; padding-right: 0; }
	.nav-item:last-child .nav-link { padding-right: 0rem; }
	.row.hp-grow .col-sm-6:first-child { max-width: inherit; flex: 0 0 33%; }
	.searchfilter .form-group { padding: 20px; }
	.hideline-sm, .hideline-md { border-width: 10px; }

	.team-box img { flex: 0 0 auto; }

    .qa-wrap.services .qa-box { flex: 0 0 47%; }

    /* HP slider */
    .header-splide .splide__slide { height: 480px; }
    .splide-text { flex:  0 0 60%; }
    .splide-img { flex:  0 0 40%; }
    /*.splide-positioner { flex: 0 0 560px; }*/
}

@media (min-width: 1200px) { /*XL*/
	.container.cbreak-md { max-width: 1140px; padding-left: 0; padding-right: 0; }
	.hideline-sm, .hideline-md { border-width: 10px; }

	.team-box img { flex: 0 0 auto; }

	.qa-wrap .qa-box { flex: 0 0 22%; margin-bottom: 0px; }
    .qa-wrap.expertise .qa-box { flex: 0 0 32%; margin-bottom: 20px; }

    /* HP slider */
    .header-splide .splide__slide { height: 520px; }
    /*.splide-text { flex:  0 0 50%; }
    .splide-img { flex:  0 0 50%; }*/
    /*.splide-positioner { flex: 0 0 570px; }*/
    .splide-text { flex:  0 0 60%; }
    .splide-img { flex:  0 0 40%; }
}


/* =============== Animation keyframes =============== */
.shakedelay { animation: shakeDelayTwice 8s infinite; }

@keyframes wiggleArrow { /*For arrow after A, transform bug*/
0% { margin-left: 10px; } 50% { margin-left: 12px; } 100% { margin-left: 10px; } }
@keyframes wiggle { 0% { transform: translate(2px, 0); } 50% { transform: translate(-2px, 0); } 100% { transform: translate(2px, 0); } }
@keyframes shakeDelayTwice { 0% {transform: rotate(0deg);} 2% {transform: rotate(-5deg);} 6% {transform: rotate(20deg);} 10% {transform: rotate(-20deg);} 14% {transform: rotate(20deg);} 18% {transform: rotate(-20deg);} 22% {transform: rotate(5deg);} 24% {transform: rotate(0deg);} }
@keyframes shakeDelay { 0% {transform: rotate(10deg);} 4% {transform: rotate(-10deg);} 8% {transform: rotate(20deg);} 12% {transform: rotate(-5deg);} 16% {transform: rotate(0deg);} }
@keyframes growPulse { 0% { transform: scale(1); } 8% { transform: scale(1.15); text-shadow: 0 0 3px rgba(255,204,104,1); } 10% { transform: scale(1); text-shadow: none; border: none; } }
@keyframes opacityPulse { 0% { opacity: 0; } 8% { opacity: .8; } 10% { opacity: 0; } }
@keyframes pulse { 20% { opacity: 0.8;	} 100% {   } }
@keyframes empwiggle { 0%, 7% { transform: rotateZ(0); } 15% { transform: rotateZ(-15deg); } 20% { transform: rotateZ(10deg); } 25% { transform: rotateZ(-10deg); } 30% { transform: rotateZ(6deg); } 35% { transform: rotateZ(-4deg); } 40%, 100% { transform: rotateZ(0); } }

@keyframes wiggleAbsoluteArrow { /*For arrow after A, transform bug*/
0% { right: 5px; } 50% { right: 7px; } 100% { right: 5px; } }





/* =============== Multiple Slide Carousel fix ===============
    code by Iatek LLC 2018 - CC 2.0 License - Attribution required
    code customized by Azmind.com
*/
@media (min-width: 992px) {
    .carousel-multiple .carousel-item { margin-right: 0; }
    /* show 2 items */
    .carousel-multiple .carousel-inner .active + .carousel-item { display: block; }
    .carousel-multiple .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
    .carousel-multiple .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item { transition: none; }
    .carousel-inner .carousel-item-next { position: relative; transform: translate3d(0, 0, 0); }
    /* left or forward direction */
    .carousel-multiple .active.carousel-item-left + .carousel-item-next.carousel-item-left,
    .carousel-multiple .carousel-item-next.carousel-item-left + .carousel-item,
    .carousel-multiple .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item { position: relative; transform: translate3d(-100%, 0, 0); visibility: visible; }
    /* farthest right hidden item must be also positioned for animations */
    .carousel-multiple .carousel-inner .carousel-item-prev.carousel-item-right { position: absolute; top: 0; left: 0; z-index: -1; display: block; visibility: visible; }     
    /* right or prev direction */
    .carousel-multiple .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
    .carousel-multiple .carousel-item-prev.carousel-item-right + .carousel-item,
    .carousel-multiple .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item { position: relative; transform: translate3d(100%, 0, 0); visibility: visible; display: block; }
}
/* XL */
@media (min-width: 1200px) {
    /* show 3rd of 3 item slide */
    .carousel-multiple .carousel-inner .active + .carousel-item + .carousel-item { display: block; }
    .carousel-multiple .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item { transition: none; }
    .carousel-multiple .carousel-inner .carousel-item-next { position: relative; transform: translate3d(0, 0, 0); }    
    /* left or forward direction */
    .carousel-multiple .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item { position: relative; transform: translate3d(-100%, 0, 0); visibility: visible; }     
    /* right or prev direction */
    .carousel-multiple .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item { position: relative; transform: translate3d(100%, 0, 0); visibility: visible; display: block; }
}