@font-face{font-family:"hmi";src:url(/_catalogs/masterpage/harman/fonts/hmi-icons/hmi.ttf) format("truetype"),url(/_catalogs/masterpage/harman/fonts/hmi-icons/hmi.woff) format("woff"),url(/_catalogs/masterpage/harman/fonts/hmi-icons/hmi.svg) format("svg");font-weight:400;font-style:normal}
/*----- move to corev15.css --*/
#s4-bodyContainer {padding-bottom:0;}
#sideNavBox { display: none; }
#contentBox {margin-left:0; margin-right:0; min-width:100%}
#ribbonBox *, #ribbonBox ::after, #ribbonBox ::before{-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
.ms-webpartzone-cell {margin-bottom:0}
.ms-srch-item {overflow:visible}
.ms-srch-resultFooter {display:none}
.ms-srch-hover-actions {display:none}
.ms-srch-hover-subTitle h3 {font-size:11pt}
.ms-srch-sbLarge>input {border-style:none}

@media (max-width: 767.98px) {
	.ms-srch-hover-outerContainer{display:none !important}
	.ms-srch-item {width:100%}
	.ms-srch-item-body {display:block}
	.ms-srch-sbLarge-fullWidth {width:auto}
}
.ms-webpart-chrome-vertical, .ms-webpart-cell-vertical, .ms-webpart-zone {display:block}
#pageStatusBar[class], .ms-status-msg {margin-bottom: 0; padding:0; border:0}
/* footer */http://dev.harman.com/home
body #s4-workspace {margin-bottom: -180px;}
.wrapper {min-height: 100%;height: auto !important;height: 100%;margin: 0 auto -180px;overflow: visible !important;}
.push, footer {min-height: 180px;clear: both;}
/* end footer */
/*--- edit mode styles -----------*/
.ms-webpart-titleText {font-size:1rem; color:navy; margin-bottom:0; padding-bottom:0; padding-top:0}
.ms-WPAddButton {padding:0; font-size:14px;}
.ms-webpart-zone-title {font-size:14px;}
/*--------------------------------*/
/* top top wrapper */
#btn-back-to-top {position: fixed;bottom: 20px;right: 20px;width: 2.8125rem;min-width:0;height: 2.8125rem;opacity: 0;visibility: hidden;z-index:99}
#btn-back-to-top.show {opacity: 1;visibility: visible;}
/* end top top wrapper */
header {}
.logo-wrapper {margin-left:5%}
.logo-wrapper img {height:120px; margin:10px 0}
@media (max-width: 1199.98px) {
.navbar-collapse {width: 300px;background-color: var(--hi-body-bg);position: absolute;z-index: 9;top: 100%;right: 0;}
}

.menu-header {font-weight:500; margin-bottom:0; padding-right:100px;}
.menu-description {padding-right:100px;}

.navigation-wrapper .nav-link  {font-size:0.875rem;font-weight:500;display:block;text-decoration:none}
.navigation-main .nav-link, .navigation-search .nav-link, .navigation-global .nav-link {padding: 0.8rem 1rem;color:#000;}
.navigation-main .nav-link-sub {color:#000;margin-left:2rem;margin-right:1rem; padding: 0.5rem 0; font-size: 0.875rem;font-weight:500; border-bottom:1px #A9CFED solid; position:relative}
.navigation-main a.nav-link-sub:after {position: absolute;right: 0;vertical-align: 0.255em;content: "\e90c";font-family: hmi;}
.navigation-main a.nav-link-sub.sub-item {padding-left:20px;}
.navigation-main a.nav-link-sub.sub-item:before {content: '\2014';position: absolute;margin-left: -20px;}

.navigation-global {visibility:hidden}
@media (min-width: 1200px) {
.navigation-wrapper {justify-content:end}
.navigation-wrapper .nav-link {padding: 0; text-align:center}
.navigation-global {visibility:visible}
.navigation-global .nav-link {background-color: var(--hi-skyblue);padding: 20px 20px!important;}
.navigation-global .nav-link:hover {color:#fff;background-color: var(--hi-blue);}

.navigation-main {/*position:relative;*/ margin-right:10px;}
.navigation-main .dropdown {position:unset}
.navigation-main .nav-link {padding: 60px 1rem;}
.navigation-main .nav-link.show {background-color: var(--hi-blue); color:#fff!important}
.navigation-main .nav-link:focus, 
.navigation-main .nav-link:hover {color: var(--hi-blue); cursor:pointer}
.navigation-main .nav-link-sub {margin-left:1rem;margin-right:0rem;}

.navigation-main .dropdown-menu {/*width:120%*/}
.navbar-expand-xl.active:after{content:"";position:absolute; width:100%; height:250px; background-color:var(--hi-body-bg)!important;top: 100%;z-index: 9; border-bottom:1.5px #384A5B solid} 

.navigation-search .nav-link {color:#000; padding: 60px 1.5rem 60px 1rem;}
}
/* search form */
	.navigation-search-form {flex-grow: 1;position: absolute;overflow:hidden; display: flex;width:98%;opacity: 1;padding: 0 10px;box-sizing: border-box;transition: all 400ms ease-out;z-index: -1;}
	.navigation-search-form #search-bar-x {display:none}
@media (min-width: 1200px) {
	.navigation-search-form {padding: 20px 0 20px 100px;width: 0;opacity: 0;transition: all 400ms ease-out;z-index: -1;}
	.navigation-search-form.active {width:98%;opacity: 1;z-index: 999; background-color:#fff;}
	.navigation-search-form.active #search-bar-x {display:block}
}
/* side menu */
.side-nav {width:100%; margin-bottom:70px}
.side-nav .nav-item {position:relative; border-bottom:1px #A9CFED solid}
.side-nav .nav-link {color:#000; font-size: 0.875rem;font-weight: 500;padding:0.5rem 1rem}
.side-nav .nav-item.active {background-color:#006499}
.side-nav .nav-item.active a{color:#fff}
.side-nav .nav-item.sub {padding-left:20px}
.side-nav .nav-item.sub.sub-active {background-color:#F1F4F9}
.side-nav .nav-item.sub .nav-link {font-weight: 400;}
.side-nav .nav-item.sub a:before {content: '\2014';position: absolute;margin-left: -20px;}
/* end side menu */

/* side menu */
.side-nav-new {width:100%; margin-bottom:70px}
.side-nav-new .nav-item {position:relative; border-bottom:1px #A9CFED solid}
.side-nav-new .nav-link {color:#000; font-size: 0.875rem;font-weight: 500;padding:0.5rem 1rem}
.side-nav-new .nav-item.active {background-color:#006499}
.side-nav-new .nav-item.active a{color:#fff}
.side-nav-new .nav-item.sub {padding-left:20px}
.side-nav-new .nav-item.sub.sub-active {background-color:#F1F4F9}
.side-nav-new .nav-item.sub .nav-link {font-weight: 400;}
.side-nav-new .nav-item.sub a:before {content: '\2014';position: absolute;margin-left: -20px;}

.side-nav-new .nav-item.sub {display:none}


.page-introduction .nav-item.introduction,
.page-privacy-policy .nav-item.harman-privacy-policy,
.page-term-use .nav-item.term-use,
.page-data-inquiry .nav-item.data-inquiry,
.page-unsolicited-idea .nav-item.unsolicited-idea,
.page-cpra-applicant-notice .nav-item.cpra,
.page-cookies-statement .nav-item.cookies-statement {background-color:#006499}

.page-introduction .nav-item.introduction a,
.page-privacy-policy .nav-item.harman-privacy-policy a,
.page-term-use .nav-item.term-use a,
.page-data-inquiry .nav-item.data-inquiry a,
.page-unsolicited-idea .nav-item.unsolicited-idea a,
.page-cpra-applicant-notice .nav-item.cpra a,
.page-cookies-statement .nav-item.cookies-statement a {color:#fff}

.page-zh-cn .nav-item.zh-cn,
.page-ja-jp .nav-item.ja-jp,
.page-pt-br .nav-item.pt-br,
.page-bd-id .nav-item.bd-id,
.page-da-dk .nav-item.da-dk,
.page-de-de .nav-item.de-de,
.page-es-es .nav-item.es-es,
.page-es-mx .nav-item.es-mx,
.page-fi-fi .nav-item.fi-fi,
.page-fr-ca .nav-item.fr-ca,
.page-fr-fr .nav-item.fr-fr,
.page-ja-jp .nav-item.ja-jp,
.page-ko-kr .nav-item.ko-kr,
.page-nl-nl .nav-item.nl-nl,
.page-no-no .nav-item.no-no,
.page-pl-pl .nav-item.pl-pl,
.page-pt-br .nav-item.pt-br,
.page-ru-ru .nav-item.ru-ru,
.page-sv-se .nav-item.sv-se,
.page-vi-vn .nav-item.vi-vn,
.page-zh-cn .nav-item.zh-cn,
.page-zh-tw .nav-item.zh-tw {background-color:#F1F4F9}

.page-privacy-policy .nav-item.sub-pp {display:block}
.page-cookies-statement .nav-item.sub-cs {display:block}
/* end side menu */



/*-------------- Footer ------------------------------*/
.footer {background-color: #2c2c2c;color: #fff;padding: 42px 0;}
.footer a, .footer a:visited {color: #fff;}
.footer ul.nav li a:hover, .footer ul.nav li span:hover, .footer ul.nav li a:hover, .footer ul.nav li span:hover, .footer .copyright a:hover, .footer ul li a:hover,
.footer ul.nav li a:focus, .footer ul.nav li span:focus, .footer ul.nav li a:focus, .footer ul.nav li span:focus, .footer .copyright a:focus, .footer ul li a:focus {background-color: transparent;color: #716f71;text-decoration: none;}

.footer .lang-btn {line-height:1;background: transparent none repeat scroll 0 0;border: 1px solid #fff;border-radius: 2px;color: #fff;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.footer .lang-btn:hover {background: transparent none repeat scroll 0 0;color: #ccc;text-decoration: none;}
.ada_comp {margin-top: 5px;color: #aeaeae;font-size: 12px;}
@media (max-width: 767.98px) {
.footer .navigation-social .navbar-nav {flex-direction:row}
.footer .navigation-social .navbar-nav .nav-link {padding-left:1rem; padding-right:1rem}
}

.navigation-out {position:relative;z-index:9; display: flex;flex-wrap: wrap;justify-content: flex-end;}
.navigation-out .out-link {display:flex;padding: 0.5rem 1rem;}
.navigation-out .link {display:flex; flex-direction:column; justify-content: center; align-items:flex-end}
.navigation-out .title {font-size: 2.25rem;margin-bottom: 0.5rem;line-height: 2.875rem;}
@media (max-width: 767.98px) {
.navigation-out .out-link {flex-direction:column;width:100%;}
.navigation-out .link {align-items:flex-start;padding-left:90px;}
}	



	



@media (max-width: 767px) {
.resposive-text-center {text-align: center;}
.footer ul.nav li a, .footer ul.locations li a, .footer ul.locations li span, .footer ul.nav li span, .footer a {font-size: 11px;line-height: 23px;}
.footer ul.footer-menu {-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-ms-flex-direction:column!important;flex-direction:column!important}
.language-option {text-align: center;width: 100%;}
.language-option .btn {float: none !important;margin-bottom: 10px;}
footer .hline {background: #4a4a4a none repeat scroll 0 0;height: 1px;margin: 15px 0;width: 100%;}
footer .copyright, footer .copyright a {font-size: 9px;}
}
/*----------- Pre footer ----------*/
.pre-footer {background-color: var(--hi-light); padding:1.5rem 0}

/*----------- link arrow ---------*/
/*.arrow-link {text-decoration:none;position:relative; padding-right:15px;}
.arrow-link:before {content:' ';background-color: #000;height:1px;width:35px;position:absolute;top:50%;left:-45px;}
.arrow {background: #006499;height: 1px;width: 10px;position: absolute;top:50%; right:0}
.arrow:before, .arrow:after {content: "";background: #006499;position: absolute;height: 1px;width: 3px;}
.arrow:before {right: -1px;bottom: -1px;transform: rotate(-45deg);}
.arrow:after {right: -1px;top: -1px;transform: rotate(45deg);}*/
.arrow-link {text-decoration:none;position:relative; }
.arrow-link:before {content:'';background-color: #000;height:1px;width:35px;position:absolute;top:50%;left:0;}
.arrow::after {display: inline-block;margin-left: 0.5rem;vertical-align: 0.3rem;content: "\e90a";font-family: hmi;font-size:1rem;border:0;}
.fa-check::after {display: inline-block;vertical-align: 0.3rem;content: "\e902";font-family: hmi;font-size:1rem;border:0;}
.fa-search::after {content: "\e919";font-family: hmi;font-size:1.5rem;}
.fa-arrow-up::after {display: inline-block;vertical-align: 0.4rem;content: "\e924";font-family: hmi;font-size:1rem;border:0;transform: rotate(90deg);}
.ad-icon img {width:16px!important;}
.mouse-icon {position: absolute;right: 0;top:15px;border: 1.5px solid #fff;border-radius: 16px;height: 32px;width: 21px;;display: block;z-index: 10;}
.mouse-icon .wheel {position: relative;border-radius: 10px;background: #fff;width: 1.5px;height: 8px;top: 6px;margin-left: auto;margin-right: auto;}
.mouse-icon .wheel {-webkit-animation-name: drop;-webkit-animation-duration: 1s;-webkit-animation-timing-function: linear;-webkit-animation-delay: 0s;-webkit-animation-iteration-count: infinite;-webkit-animation-play-state: running;animation-name: drop;animation-duration: 1s;animation-timing-function: linear;animation-delay: 0s;animation-iteration-count: infinite;animation-play-state: running;}

.sustainability {background: transparent url('img/icons_Sustainability.png') 0% 0% no-repeat padding-box;}
/*-------------------- Edit Show Block ------------------------------*/
.edit-block-item-link, .edit-block-approve-item-link, .edit-mode-block-cl {display:none;}
.edit-mode-block, .edit-mode-block-cl {z-index:99;position:relative; box-shadow: inset 0px 0px 10px rgba(0,0,0,0.5);  padding:5px; font-size:0.875rem}
.edit-mode-block-cl span {margin:0 10px;color:#ffffff;}
.edit-mode-block-cl a {color:#ffffff;}
.edit-mode-block {border:2px; border-color:#404040;padding:10px}
.edit-mode-block button, .edit-mode-block-cl button {min-width:auto; font-size:0.875rem; margin-left:5px}
.updateProgressGear img{z-index: 1001;top: 40%;margin:0px;left:40%;position: absolute;}
.updateProgressGear{margin:0px;padding:0px;top:0px; bottom:0px; left:0px; right:0px;position:absolute;z-index:1000;background-color:#cccccc;filter: alpha(opacity=70);opacity: 0.7;}
.edit-block-link {}
.edit-block-item-link {position:absolute; top:0; left:0;z-index:10}
.active .edit-block-item-link  {z-index:100}
.edit-block-item-link button {opacity: 0.7;color:#ffffff; cursor:pointer; min-width:auto;background-color:#0073ae}
.edit-block-approve-item-link {position:absolute; top:0; left:40px;z-index:10; }
.active .edit-block-approve-item-link  {z-index:100}
.edit-block-approve-item-link button {opacity: 0.7;color:green; cursor:pointer; min-width:auto;background-color:red}
.draft {color:red!important; font-size:11pt;}

/* block general */
.header-center .block-header{text-align:center}
.block-content {position:relative;background-size:cover;width:100%}
.block-footer p {margin-bottom:0}
div[class^='ExternalClass'] {position:relative;z-index:9}
div[class^='ExternalClass'] ul {list-style-type: none;}
div[class^='ExternalClass'] ul li {margin-bottom:10px; margin-left:20px;}
div[class^='ExternalClass'] ul li:before {content: '\2014';position: absolute;margin-left: -20px;}
div[class^='ExternalClass'] ul li ul li {margin-bottom:0; margin-left:20px;}
div[class^='ExternalClass'] ul li ul li:before {content: '\2013';position: absolute;margin-left: -20px;}


/* utilities - move to bootstrap */
.ms-rtestate-field h4, h4.ms-rteElement-H4 {margin-bottom:0.8rem}
.text-lead {margin-bottom:1rem; font-size: 1.125rem;letter-spacing: 4.5pt;text-transform: uppercase; }
.overlay {position: absolute;width: 100%;height: 100%;background: rgba(0,0,0,0.7);}
.overlay-bottom {position: absolute;width: 100%;height: 100%;background: -moz-linear-gradient(bottom,  rgba(0,0,0,1) 0%, rgba(0,0,0,0) 76%);background: -webkit-linear-gradient(bottom,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 76%);background: linear-gradient(to top,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 76%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );bottom:0}
@media (max-width: 575.98px) {
	.overlay-bottom {background: rgba(0,0,0,0.7);}
}
.overlay-left {position: absolute;width: 100%;height: 100%;background: -moz-linear-gradient(left,  rgba(0,0,0,1) 0%, rgba(0,0,0,0) 86%);background: -webkit-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 86%);	background: linear-gradient(to right,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 86%);	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );bottom:0}
.parallax .block-content {background-attachment:fixed}
.content {position:relative; z-index:2}
.dropdown-toggle::after {margin-left: 0.855em;content: "\e90e";font-family: hmi;transform: rotate(-90deg);font-size: 10px;border:0;}
.show.dropdown-toggle::after {content: "\e910";}
.position-relative {z-index:2}
a.btn-link-primary{transition: all 0.3s ease 0s;}
a.btn-link-primary:hover {box-shadow: 0px 0px 0px 4px rgb(0 100 153);}
.card-link {font-weight:400}
.annotation {position:absolute;width:60%; right:-10px; bottom:20px; background-color:#fff; padding:20px;font-style:italic; font-size:0.9rem;}
@media (max-width: 575.98px) {.annotation {width:auto; bottom:0; right:12px;left:12px;}}
.paragraph {margin-top: 48px;}
@media (min-width:1024px) {.paragraph {margin-top: 60px}}
@media (min-width:1200px) {.paragraph {margin-top: 72px}}
.chapter {padding: 48px 0 48px 0;}
@media (min-width:1024px) {.chapter {padding: 60px 0 30px 0}}
@media (min-width:1200px) {.chapter {padding: 100px 0 50px 0}}

.section, .section-bkg {padding-top: 48px;padding-bottom: 48px;min-height: calc(100vh - 140px);background-size: cover;background-position: center center;background-repeat: no-repeat;position:relative;display: flex;align-items: center;flex-direction: column;justify-content: center;}
@media (min-width:1024px) {.section, .section-bkg {padding-top: 60px;padding-bottom: 60px;}}
@media (min-width:1200px) {.section, .section-bkg {padding-top: 72px;padding-bottom: 72px;}}
.section-bkg::before {content: "";position: absolute;top: 0px;right: 0px;bottom: 0px;left: 0px;background-color: rgba(255,255,255,0.85);}

/* banner */
.banner {position:relative; overflow:hidden; background-color:#000}
/* hero-banner */
.hero-banner {position:relative; overflow:hidden}
.hero-banner .carousel {min-height: calc(100vh - 140px);background-color:#000;}
.hero-banner .slide {min-height: calc(100vh - 140px);background-size: cover;background-position: center center;background-repeat: no-repeat; }
.hero-banner a{color:#fff; text-decoration:underline}
.hero-banner a.btn-light {color:#006499;font-weight:400; text-decoration:none;}
.hero-banner video {width: 100vw;height: 100vh;object-fit: cover;position: absolute;top: 0;left: 0;z-index: -1;}

/* hero-banner-slide */
.hero-banner-slider .carousel {min-height: calc(100vh - 140px);}
.hero-banner-slider .slide {min-height: calc(100vh - 140px);background-size: cover;background-position: center center;background-repeat: no-repeat;}
.hero-banner-slider .carousel-caption, .hero-banner-slider .carousel-indicators {background-color:#000}
.hero-banner-slider a{color:#fff; text-decoration:underline; white-space:nowrap}
/* hero waves motif - for audio innovations */
.motif-2-hero:after {background-image: url(/Assets/images/motifs/motif-020.svg);content: '';background-repeat: no-repeat;position: absolute;width: 1300px;height: 1300px;top: -700px;left: -700px;z-index: 4;}

/*promo banner css*/
.promo .card-img {background-size: cover;background-position: top center;background-repeat: no-repeat;}
.promo .card-img-overlay {top:auto;bottom:10%;}
.promo-bkg {min-height: calc(100vh - 105px);}
@media (max-width: 575.98px) { .promo .card-img-overlay {position:relative}.promo-bkg {min-height: 50vh;}}

.promo-caption {position:relative; margin-bottom:100px}
/*promo banner css end*/


/* motifs */
.z-1:after {z-index:-1;}
.z1:after {z-index:1;}
.zi1 {z-index:1}
.zi2 {z-index:2}
.zi3 {z-index:3}
.zi4 {z-index:4}
.zi5 {z-index:5}
.zi6 {z-index:6}

.z2:after {z-index:2}
.z0:after {z-index:0}
.z-up:after{z-index:99}
.z-down:after{z-index:-2}
.motif-tr:after {content:''; background-repeat:no-repeat; position:absolute;width:1300px; height:1300px;top: 0;right: 0;}
.motif-bl:after {content:''; background-repeat:no-repeat; position:absolute;width:1300px; height:1300px;bottom: 0;left: 0;}
.motif-tl:after {content:''; background-repeat:no-repeat; position:absolute;width:1300px; height:1300px;top: 0;left: 0;}
.motif-br:after {content:''; background-repeat:no-repeat; position:absolute;width:1300px; height:1300px;bottom: 0;right: 0;}
.motif-portfolio-5:after {content:''; background-image:url(/Assets/images/motifs/motif-05.svg); background-repeat:no-repeat; position:absolute;width:1400px; height:1400px;top: -700px;transform: translateX(-50%) scale(1.5);}
.motif-portfolio-7:after {content:''; background-image:url(/Assets/images/motifs/motif-06.svg); background-repeat:no-repeat; position:absolute;width:1400px; height:1400px;top: -300px;transform: translateX(-50%)}


.motif-1:after {background-image:url(/Assets/images/motifs/motif-010.svg);}
.motif-2:after {background-image:url(/Assets/images/motifs/motif-020.svg);}
.motif-3:after {background-image:url(/Assets/images/motifs/motif-030.svg);}
.motif-4:after {background-image:url(/Assets/images/motifs/motif-040.svg);}
.motif-5:after {background-image:url(/Assets/images/motifs/motif-05.svg);}
.motif-6:after {background-image:url(/Assets/images/motifs/motif-060.svg);}
.motif-7:after {background-image:url(/Assets/images/motifs/motif-070.svg);}
.transform-top-right-r0:after {transform: translate(30%, -60%)}
.transform-top-right-r45:after {transform: translate(30%, -60%) rotate(45deg);}
.transform-top-right-r90:after {transform: translate(30%, -60%) rotate(90deg);}
.transform-top-right-r135:after {transform: translate(30%, -60%) rotate(135deg);}
.transform-top-right-r180:after {transform: translate(30%, -60%) rotate(180deg);}
.transform-top-right-r225:after {transform: translate(30%, -60%) rotate(225deg);}
.transform-top-right-r270:after {transform: translate(30%, -60%) rotate(270deg);}
.transform-top-right-r315:after {transform: translate(30%, -60%) rotate(315deg);}

.transform-bottom-right-r0:after {transform: translate(40%, 70%)}
.transform-bottom-left-r0:after {transform: translate(-40%, 70%)}
.transform-bottom-left-r45:after {transform: translate(-40%, 70%) rotate(45deg);}
.transform-bottom-left-r90:after {transform: translate(-40%, 70%) rotate(90deg);}
.transform-bottom-left-r135:after {transform: translate(-40%, 70%) rotate(135deg);}
.transform-bottom-leftt-r180:after {transform: translate(-40%,70%) rotate(180deg);}
.transform-bottom-left-r225:after {transform: translate(-40%, 70%) rotate(225deg);}
.transform-bottom-left-r270:after {transform: translate(-40%, 70%) rotate(270deg);}
.transform-bottom-left-r315:after {transform: translate(-40%, 70%) rotate(315deg);}

.transform-banner:after {content:''; background-repeat:no-repeat; position:absolute;width:1900px; height:1900px;bottom: 0;right: 0;left: 0;transform: translate(-10%, 24%);}

.transform-r45:after {transform:rotate(45deg);}
.transform-r90:after {transform:rotate(90deg);}
.transform-r135:after {transform:rotate(135deg);}
.transform-r180:after {transform:rotate(180deg);}
.transform-r225:after {transform:rotate(225deg);}
.transform-r270:after {transform:rotate(270deg);}
.transform-r315:after {transform:translate(-100px, -180px) rotate(315deg);}

.c-motif:after {content:''; background-repeat:no-repeat; position:absolute;top: 0;left: 0;} /* leadership */
.b-motif:after {content:''; background-repeat:no-repeat; position:absolute;top: 0;left: 0;z-index:2}

@media  (min-width: 1200px) and (max-width: 1399.98px) {
	/* used in Leadership */
	.c-motif-1:after {width:1200px; height:1200px;background-image:url(/Assets/images/motifs/motif-05.svg);transform:translate(-100px, -140px) rotate(318deg);}
	.c-motif-2:after {width:1200px; height:1200px;background-image:url(/Assets/images/motifs/motif-02.svg);transform:translate(-70px, -130px) rotate(180deg);}
	.c-motif-3:after {width:1200px; height:1200px;background-image:url(/Assets/images/motifs/motif-02.svg);transform:translate(-70px, -130px) rotate(180deg) scaleX(-1);}	
	/*used in inspired*/
	.c-motif-1-1:after {width:1200px; height:1200px;background-image:url(/Assets/images/motifs/motif-05.svg);transform:translate(-400px, 100px) rotate(318deg);}
	
	
	.c-motif-2-1:after {width:1200px; height:1200px;background-image:url(/Assets/images/motifs/motif-02.svg);transform: translate(-40%, 150px);}	
	.b-motif-2:after {width:1400px; height:1400px;background-image:url(/Assets/images/motifs/motif-02.svg);transform: translate(30%, -60%);}

}
@media (min-width:1400px) {
	/* used in Leadership */
	.c-motif-1:after {width:1400px; height:1400px;background-image:url(/Assets/images/motifs/motif-05.svg);transform:translate(-100px, -180px) rotate(318deg);}
	.c-motif-2:after {width:1400px; height:1400px;background-image:url(/Assets/images/motifs/motif-02.svg);transform:translate(-70px, -170px) rotate(180deg);}
	.c-motif-3:after {width:1400px; height:1400px;background-image:url(/Assets/images/motifs/motif-02.svg);transform:translate(-70px, -170px) rotate(180deg) scaleX(-1);}
	/*used in inspired*/
	.c-motif-1-1:after {width:1400px; height:1400px;background-image:url(/Assets/images/motifs/motif-05.svg);transform:translate(-500px, 0) rotate(318deg);}

	
	.c-motif-2-1:after {width:1400px; height:1400px;background-image:url(/Assets/images/motifs/motif-02.svg);transform: translate(-40%, 70px);}
		
	.b-motif-2:after {width:1400px; height:1400px;background-image:url(/Assets/images/motifs/motif-02.svg);transform: translate(30%, -60%);}
	
}

/* used in chess cards on About page */
.c-motif-5:after {width:1400px; height:1400px;background-image:url(/Assets/images/motifs/motif-05.svg);}
.c-motif-6:after {width:1400px; height:1400px;background-image:url(/Assets/images/motifs/motif-06.svg);transform: translate(100px, 200px);}


@media (max-width: 575.98px) {
	.c-motif-6:after {width:1400px; height:1400px;background-image:url(/Assets/images/motifs/motif-06.svg);transform: translate(-300px, 300px);}
	
}

/*sustainability */
.c-motif-6-1:after {width:1300px; height:1300px;background-image:url(/Assets/images/motifs/motif-06.svg);left:50%; top:50%;transform: translate(-50%, -50%);}

/*lifestyle - advanced tech */
.c-motif-7-1:after {width:1300px; height:1300px;background-image:url(/Assets/images/motifs/motif-07.svg);left:50%; top:50%;transform: translate(-50%, -50%);}


/* home - brands */
.c-motif-home-brands:after {content: '';background-repeat: no-repeat;position: absolute;top: 0; right: 0;width:1400px; height:1400px;background-image:url(/Assets/images/motifs/motif-03.svg);transform: translate(0, -55%);}
   

.animation:after {animation: float 10s ease-in-out infinite;}

@keyframes float {
	0% {
		transform: translate(-40%, 70%);
	}
	25% {
		transform: translate(-40.2%, 70%) rotate3d(1, 1, 1, 2deg) scale(1.01);
	}
	50% {
		transform: translate(-40.5%, 70.5%) rotate3d(1, 1, 1, 3deg) scale(1.03);
	}
	75% {
		transform: translate(-40%, 70.3%) rotate3d(1, 1, 1, 2deg) scale(0.98 );
	}
	100% {
		transform: translate(-40%, 70%) scale(1);
	}
}

@keyframes rotation {
  to {
    transform: rotate3d(1, 1, 1, 360deg);
  }
}

/* views slider */
#fv-dots {position: fixed;top: 50%;left: 96%;transform: translate(-50%, -50%);z-index:99;}
#fv-dots ul {display: block;list-style: none;}
#fv-dots ul li {padding: 10px;}
#fv-dots ul li a {display: block;margin: auto;width: 10px;height: 10px;text-align: center;}
#fv-dots ul li a span {display: block;z-index: 1;cursor: pointer;text-decoration: none;border: 1px #888888 solid;border-radius: 50%;margin: 0 auto;width: 7px;height: 7px;transition: 0.1s ease all;}
#fv-dots ul a.here span {width: 9px;height: 9px;border:1px #bdbdbd solid;}
#fv-dots ul a:hover span {width: 9px;height: 9px;}

/* Tooltip container */
.fv-tooltip {position: relative;transition: all .65s cubic-bezier(.84, -0.18, .31, 1.26);}
.fv-tooltip .fv-tooltiptext {visibility: hidden;width: 120px;background: #3E474F;border-radius: .25em;color: #EDEFF0;text-align: center;padding: 5px 0;position: absolute;z-index: 1;top: -1px;right: 105%;}
.fv-tooltip:hover .fv-tooltiptext {visibility: visible;}
.fv-tooltip .fv-tooltiptext::after {content: " ";position: absolute;top: 50%;left: 100%;margin-top: -5px;border-width: 5px;border-style: solid;border-color: transparent transparent transparent #3E474F;}
.fv-tooltip.fv-tooltip-left .fv-tooltiptext::after {left: unset;right: 100%;border-color: transparent #3E474F transparent transparent;}
/* end views slider */

/* temp */