@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-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-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;}

/* Milestones */
.milestones .carousel.slide .carousel-item.active, .carousel-item-next, .carousel-item-prev {display:flex}
.milestones .milestones__timeline {font-size: 22rem;line-height: 18rem;padding: 0;margin: 100px 0 0 0;color:#014468;}
.milestones .milestones__next {display:flex;color:#000;letter-spacing:4.5px; text-transform:uppercase; font-size:1.2rem; line-height:3.2rem; align-items:center;justify-content: flex-end;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.milestones .milestones__next:hover {font-style:italic}
.milestones .milestones__next .carousel-control-next-icon {background-image: url(/_catalogs/masterpage/harman/img/slider-right.svg); margin-left:20px}
.milestones .milestones__next:hover .carousel-control-next-icon {width:40px; height:40px}
.milestones img {border-radius: 50%; margin-right:10px}
/* leadership */
@media (min-width:720px) {.leadership .card {border-bottom: 1.5px #000 solid;padding-top:100px; overflow:hidden;}}
.leadership .card:not(:first-child) {margin-top:3rem}
.leadership .c-motif:after {z-index:-1}
/* text cards */
.text-card {position:relative; overflow:hidden}
/*recognition cards - added by Samanth*/
/*recognition cards - updated by TT*/
.recognition-cards-2 .card-img {overflow:hidden;}
.recognition-cards-2 .card hr {width:93%;margin:auto;}
.recognition-cards-2 .card hr, .recognition-cards-2 .card img {-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.recognition-cards-2 .card:hover {box-shadow: 0 10px 20px rgba(0,0,0,.12), 0 4px 8px rgba(0,0,0,.06);}
.recognition-cards-2 .card:hover hr{width:100%}
.recognition-cards-2 .card:hover img{transform:scale(1.1);transition: 0.2s all ease-in-out;}

.recognition-cards-3 .card-img {overflow:hidden;height:280px;padding-left:20px; padding-right:20px}
.recognition-cards-3 .card hr {width:93%;margin:auto;}
.recognition-cards-3 .card hr, .recognition-cards-3 .card-img, .recognition-cards-3 .card img {-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.recognition-cards-3 .card:hover .card-img {padding:0}
.recognition-cards-3 .card:hover {box-shadow: 0 10px 20px rgba(0,0,0,.12), 0 4px 8px rgba(0,0,0,.06); background-color:#fff}
.recognition-cards-3 .card:hover hr{width:100%}
.recognition-cards-3 .card:hover img{transform:scale(1.02);transition: 0.3s all ease-in-out;margin-left:0px; padd-right:0px}
/* recognition cards - end*/

/* innovation cards  */
.innovation-cards-3 .card-img img {display:none; position:absolute;right:0; top:-50px; height:80px}
.innovation-cards-3 .card:hover .card-img img {display:block}
.innovation-cards-3 .card .card-img {height:30px;}
.innovation-cards-3 .card hr {width:93%;margin:auto;}
.innovation-cards-3 .card hr, .innovation-cards-3 .card-img, .innovation-cards-3 .card img {-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.innovation-cards-3 .card:hover {box-shadow: 0 10px 20px rgba(0,0,0,.12), 0 4px 8px rgba(0,0,0,.06); background-color:#fff;}
.innovation-cards-3 .card:hover hr{width:100%}
/* innovation cards - end*/


/* solution-tabs */
.solution-tabs .nav-tabs {display: none;}
.solution-tabs .tab-pane {position:relative; z-index:3}
.solution-tabs .acc-tab {border-bottom: 1px#000 solid;position:relative;}
.solution-tabs .acc-tab a {margin: 20px 0;color:#000;display:block;line-height: 2rem;font-weight:400}
.solution-tabs .acc-tab a:after {content: '';background: url("/Assets/images/icons/minus.svg");position:absolute;top: 0;right: 0px;width: 32px;height:32px;}
.solution-tabs .acc-tab a.collapsed:after {background: url("/Assets/images/icons/plus.svg");}

@media (min-width: 768px) {
	.solution-tabs .nav-tabs {display: flex;flex-wrap: nowrap;justify-content: space-between;}
	.solution-tabs.x2 .nav-tabs {position:relative;z-index:3}
	.solution-tabs .acc-tab {display: none;}
	.solution-tabs .collapse {display: block;}
	.solution-tabs.x2 .nav-tabs .tab-item {margin: 0;}
	.solution-tabs.x2 .nav-tabs .tab-item > a {font-size: 1.375rem;max-width: 100%; font-weight:300; padding-bottom:20px}
}
@media (max-width: 767px) {
    .solution-tabs .tab-pane {display: block !important;opacity: 1;}
}

/* solution-tabs */
.solution-tabs-promo {position:relative; overflow:clip;}
.solution-tabs-promo .nav-tabs {display: none;}
.solution-tabs-promo h3 {display:block;}
.solution-tabs-promo .tab-pane {z-index:3}
/*.solution-tabs-promo .acc-tab {border-bottom: 1px#000 solid;position:relative;}
.solution-tabs-promo .acc-tab a {margin: 20px 0;color:#000;display:block;line-height: 2rem;font-weight:400}
.solution-tabs-promo .acc-tab a:after {content: '';background: url("/Assets/images/icons/minus.svg");position:absolute;top: 0;right: 0px;width: 32px;height:32px;}
.solution-tabs-promo .acc-tab a.collapsed:after {background: url("/Assets/images/icons/plus.svg");}*/
.solution-tabs-promo .img-promo {max-width:100%; max-height:450px;z-index :3}

@media (min-width: 992px) {
	.solution-tabs-promo .nav-tabs {position:relative;z-index:4;display: flex;flex-wrap: nowrap;justify-content:flex-start;}
	.solution-tabs-promo h3 {display:none;}
	/*.solution-tabs-promo .acc-tab {display: none;}
	.solution-tabs-promo .collapse {display: block;}*/
	.solution-tabs-promo .nav-tabs .tab-item {margin-right: 50px;}
	.solution-tabs-promo .nav-tabs .tab-item > a {color:#000;font-size: 1.125rem;max-width: 100%; font-weight:300; padding-bottom:20px; display:block}
	.solution-tabs-promo .img-promo {position:absolute; top:-100px;right:0;max-width:60%;}
}
@media (max-width: 991.98px) {
    .solution-tabs-promo .tab-pane {display: block !important;opacity: 1; margin-bottom:50px;}
}
/* promo motif 5, used in home solution tabs*/
.promo-motif-5:after {background-image: url(/Assets/images/motifs/motif-05-promo.svg);content: '';background-repeat: no-repeat;position: absolute;width: 1300px;height: 1300px;top: 50%;right:0; transform: translate(15%, -50%);}
@media (max-width: 991.98px) {
	.promo-motif-5 {position:relative}
	.promo-motif-5:after{top:0; right:0; transform: scale(0.7) translate(25%, -35%);}
}
@media (max-width: 575.98px) {
	.promo-motif-5 {position:relative}
	.promo-motif-5:after{top:0; right:0; transform: scale(0.7) translate(35%, -35%);}
}




/* solution-tabs - end */

/* grid-logos */
.brands-partners .block-header {text-align:center;}
.grid-logos {display: flex;flex-wrap: wrap;}  
.grid-logos__item {align-self: center;height: 120px;flex-basis: 100%;position: relative;}

.grid-logos__header {border-bottom: 1px #444 solid;padding-bottom:6px}
@media all and (min-width: 450px) {.grid-logos__item.x2 {flex-basis: 50%;}.grid-logos__item.x1 {flex-basis: 33%;}}    
@media all and (min-width: 900px) {.grid-logos__item.x2 {flex-basis: 33%;}.grid-logos__item.x1 {flex-basis: 16.66%;}}

.grid-logos__item img {max-height: 70px;max-width: 200px;}
.brands-partners .grid-logos__item {height:100px}
.brands-partners .grid-logos__item img {max-height: 55px;max-width: 200px;}


/* portfolio */
.portfolio .block-header {text-align:center}
.portfolio__item {position:relative;text-align:center}
.portfolio__item .portfolio__image {height:400px; margin:72px 0 36px 0; display: inline-flex;flex-direction: column;justify-content: flex-end;}
.portfolio__item .portfolio__logo {margin-bottom:36px;}
.portfolio__item .portfolio__image img {max-width:100%}
.portfolio__card {padding:4rem 3rem;position:relative; color:#fff}

/* intro-text */
.intro-text {overflow-x:clip}
.intro-text .banner-img {height:320px;overflow:hidden; position:relative}
.intro-text .banner-img img {width:100%; height:100%; object-fit:cover}
@media (min-width: 768px) {.columns-2 {columns: 2 auto;column-count: 2;column-gap: 100px;}}
.top-hr {position:relative}

@media (min-width: 768px) {.top-hr:before {height:1.5px;background-color:#000;content:"";position:absolute;left:3rem;right:0;top:-1.5rem;} }

/*text-media*/
.text-media {position:relative;overflow-x: clip; /*overflow:hidden*/}
.text-media h2 i {color:#006499; font-style:normal}
.text-media .text-media-caption {margin-bottom:3rem; z-index:3; position:relative}
@media (min-width: 992px) {
	.text-media .text-media-caption {padding:3rem; margin:3rem}
}
/* text-media bottom motif */
.motif-1-text-media {overflow:hidden}
.motif-1-text-media:after {background-image: url(/Assets/images/motifs/motif-01.svg);content: '';background-repeat: no-repeat;position: absolute;width: 1300px;height: 1300px;left: -300px;bottom: -800px;}

.chess img {width:100%;height:100%;object-fit:cover;}
.media-img {width:100%;height:100%;object-fit:cover;}

/* text-media-promo */
.text-media-promo {position:relative;overflow-x: clip;}
@media (min-width: 992px) {.text-media-promo img.promo-media {position: absolute;width:90%;right: 0;bottom: 0;z-index: 2;top: 50%;transform: translateY(-60%);}}
.promo-motif-6 {position:relative}
.promo-motif-6:after {background-image: url(/Assets/images/motifs/motif-03.svg);content: '';background-repeat: no-repeat;position: absolute;width: 1300px;height: 1300px;top: 50%;left:50%; transform: translate(-50%, -50%);}
@media (max-width: 991.98px) {
	.text-media-promo img.promo-media {width:90%;}
	.promo-motif-6:after {width:1000px;height:1000px; z-index:-1}
}



/*cards-4x1*/
.cards-4x1  {position:relative;overflow-x: clip;}

/* vulnerability */
.vulnerability-form .form-container {display:none}
.vulnerability-tiles {padding-bottom:50px;}
.vulnerability-tiles a:hover {cursor:pointer;}
.vulnerability-tiles .tiles {display: flex;flex-flow: row wrap;justify-content: center;}
.vulnerability-tiles h5 {margin:0.5rem 0 1rem 0}
.vulnerability-tiles .tile {width:380px;height:380px;margin: 20px 30px;padding: 30px;text-align:center;position:relative;cursor:pointer;transition: all 0.4s ease-out;box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;overflow:hidden;}
.vulnerability-tiles .tile:hover {transform:scale(1.05);}

/*portfolio*/
.portfolio {position:relative;overflow:hidden}

/* portfolio-teasers */
.portfolio-teasers {overflow-x:clip}
.portfolio-teasers .teaser-topic{text-transform:uppercase;font-size:18px;line-height:28px;letter-spacing:1.12px;font-weight:900}
@media (max-width:719.98px){.portfolio-teasers .teaser-topic{font-size:12px;line-height:22px;letter-spacing:.75px}}

.portfolio-teasers .teaser-icon img{max-width:100%}
@media (max-width:719.98px){.portfolio-teasers .teaser-icon{top:10px;left:20px}}

.portfolio-teasers .teaser-megatrend{margin-top:20px}
@media (max-width:1023.98px){.portfolio-teasers .teaser-megatrend{margin-top:16px}}
@media (max-width:719.98px){.portfolio-teasers .teaser-megatrend{margin-top:8px}}

.portfolio-teasers .teaser-megatrend h2{word-break:break-word;letter-spacing:1.23px;font-size:40px;line-height:56px;font-weight:900;color:#fff}
@media (max-width:1023.98px){.portfolio-teasers .teaser-megatrend h2{font-size:38px;line-height:51px;letter-spacing:1px}}
@media (max-width:719.98px){.portfolio-teasers .teaser-megatrend h2{font-size:26px;line-height:34px;letter-spacing:.68px}}

.portfolio-teasers .teaser-copy{font-size:0.825rem;color:#fff;height:0;overflow:hidden;-webkit-transition:height .4s;transition:height .4s;}
@media (max-width:719.98px){.portfolio-teasers .teaser-copy{font-size:16px;line-height:25px;letter-spacing:.68px}}
.portfolio-teasers .teaser-item-wrapper{position:relative;padding-top:100%}
.portfolio-teasers .teaser-content-wrapper,
.portfolio-teasers .teaser-content-wrapper::before,
.portfolio-teasers .teaser-item-wrapper{overflow:hidden;}

.portfolio-teasers .teaser-item{padding:0;position:relative;z-index:3; -webkit-transition:-webkit-transform .4s;transition:-webkit-transform .4s;transition:transform .4s;transition:transform .4s,-webkit-transform .4s;cursor:pointer}

.portfolio-teasers .teaser-item img.teaser-item-img{position:absolute;left:0;top:0;/* min-height:100%; *//* min-width:100%; */-o-object-fit:cover;object-fit:cover;height: 100%;max-width:100%;-webkit-transition:all 500ms ease;transition: all 500ms ease;}
.portfolio-teasers .teaser-item .teaser-link a{margin-bottom:40px}

/*.portfolio-teasers .teaser-item a{opacity:0;-webkit-transition:opacity .1s;transition:opacity .1s; color:#fff}*/
.portfolio-teasers .teaser-content-wrapper{position:absolute;left:0;top:0;width:100%;height:100%}
.portfolio-teasers .teaser-content-wrapper:before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.24);-webkit-transition:background-color .3s;transition:background-color .3s}
.portfolio-teasers .teaser-content{position:absolute;left:30px;bottom:30px;width:calc(100% - 80px)}

@media (max-width:719.98px){.portfolio-teasers .teaser-content{width:calc(100% - 40px);left:20px}}

.portfolio-teasers .teaser-link {position:absolute;bottom:20px;left:30px}
@media (max-width:719.98px){.portfolio-teasers .teaser-link{left:20px;}}

.portfolio-teasers .teaser-item:hover .teaser-copy{height:120px; margin-top:1rem;}

@media (max-width:719.98px){.portfolio-teasers .teaser-item:hover .teaser-copy{height:160px}}
.portfolio-teasers .teaser-item:hover .teaser-content-wrapper::before{background-color:rgba(0,0,0,.6)}
.portfolio-teasers .teaser-item:hover .teaser-item-img {transition: transform 1s ease;transform: scale(1.1);}

.portfolio-teasers .teaser-item:hover a{opacity:1;-webkit-transition:opacity .4s .1s;transition:opacity .4s .1s}
/* end multi-teasers */

/*logos*/
.logos.img-w-50 img{width:55%}


/*testimonial*/
.testimonial svg {margin-bottom:2rem}

/*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*/

/* images with swap on hover */
.figure {position: relative;width:100px;overflow:hidden}
.figure img {transition: opacity .2s;}
.figure img.image-hover {position: absolute;top: 0;right: 0;left: -100px;bottom: 0;object-fit: contain;opacity: 0;}
.figure:hover img.image-hover, .nav-link:hover img.image-hover {opacity: 1;}
.figure:hover img.image-main, .nav-link:hover img.image-main {opacity: 0;}

/* links */
.links__item {background-color:#fff;padding:20px;position:relative; height:100%}
.links__item ul {padding-left:0; list-style:none;}
.links__item li {padding:4px 0}

.links__item a, .links__item li {color:#000; font-size:0.875rem;}

/* hmi */
.hmi{font-family:hmi!important;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;vertical-align:super}.hmi-arrow-right-b-2:before{content:"\e900"}.hmi-arrow-left-b-2:before{content:"\e901"}.hmi-lightning:before{content:"\e902"}.hmi-arrow-left-b:before{content:"\e908"}.hmi-arrow-left-l:before{content:"\e909"}.hmi-arrow-right:before{content:"\e90a"}.hmi-arrow-right-b:before{content:"\e90b"}.hmi-arrow-right-l:before{content:"\e90c"}.hmi-arrow-left:before{content:"\e90d"}.hmi-close:before{content:"\e910"}.hmi-search:before{content:"\e919"}.hmi-download:before{content:"\e920"}.hmi-arrow-right-m:before{content:"\e921"}.hmi-arrow-left-m:before{content:"\e922"}.hmi-arrow-right-h:before{content:"\e923"}.hmi-arrow-left-h:before{content:"\e924"}
/* end hmi */

/* img promo */
/*.promo-img {position: absolute;right: 0;bottom: 0;height: calc(55vh);z-index: 2;top: 50%;transform: translateY(-65%);}*/
.promo-img {position: absolute;right: 0;top: 0;max-height: calc(80vh);z-index: 2;transform: translateY(-15%);}
.promo-img2 {position: absolute;width:90%;right: 0;bottom: 0;z-index: 2;top: 50%;transform: translateY(-60%);}
.promo-img3 {position: relative;right: -100px;top: 0;max-width: 100%;z-index: 2;}

@media (max-width: 991.98px) {
	.promo-img {position: relative;right: auto;bottom:0;top: auto;top:auto;height:auto;width:100%; transform:none;}
}
@media (max-width: 767.98px) {
	.promo-img2 {position: relative;right: auto;bottom:0;top: auto;top:auto;height:auto;width:100%; transform:none;}
}
/* 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 */



.lifestylebrands ul.logo-collection{margin: 0 auto;padding-left: 10px;text-align: left;width: 100%;display: inline-block;}
.lifestylebrands ul.logo-collection li{text-decoration:none;padding:10px;min-width: 119px;display: inline-block;vertical-align: top;}
.lifestylebrands .logowrapper{position:relative;}
.lifestylebrands .logowrapper img{width:150px;}
.lifestylebrands .brtabscontent{display:none;}
.brpwrapper .bptablinks{border: none;background: none;border-bottom: 1px solid grey;padding: 12px 18px 12px 0px;cursor: pointer;text-align:left;display:inline-block;}
.brpwrapper .bptab .activetab{width:75%;border-bottom: 2px solid #000 !important; }
/*------------------Article------------------*/
.article-page .article-header-section h1 {font-size:2.2rem; margin: 20px 0 10px}
.article-page .article-header-section h4 {font-weight:300; line-height:1.4}
.article-page .article-header-section .date-line {margin:20px 0; font-weight:500;}
.article-page .article-section p {line-height:1.4!important; margin-bottom:10px;}
.article-page .article-section {margin-bottom:30px;}
.article-page .related-info-section {background-color:#00a4e4; padding:15px; margin-bottom:30px;}
.article-page .related-info-section .article-banner {width:100%}
.article-page .related-info-section .article-banner img {width:100%}
.article-page .related-info-section .article-related-info {margin:15px;color:#ffffff}
.article-page .related-info-section .article-related-info a {color:#ffffff; text-decoration:none; border-bottom:1px #ffffff dashed}
.article-page .article-section img{display: block;max-width: 100%;height: auto;}
.article-page .article-section table{display: block;overflow-x: auto;border: none;}
/*--------------------end------------------------------------*/
/*---Japan Brand Portfolio section footer syle---*/
.blocks-468 .portfolio-teasers .block-footer p{text-align: right;padding-right: 80px;}
.blocks-94 .list-group .edit-block-item-link{left: unset;right:0}