/*
Theme name: Q Theme
Theme url: http://www.craq.it
Version: 6.0
Author: <a href="http://www.craq.it" title="Craq Design Studio">Craq Design Studio</a>
Author url: http://www.craq.it
*/

/***********************************************************************************************************************
// STRUCTURE AND GLOBAL STYLE
/**********************************************************************************************************************/
/* Font
-------------------------------------------------------------- */
@font-face{font-family:Cronos;src:url(font/CronosPro-LtSubh.eot?#iefix) format('embedded-opentype'),url(font/CronosPro-LtSubh.otf) format('opentype'),url(font/CronosPro-LtSubh.woff) format('woff'),url(font/CronosPro-LtSubh.ttf) format('truetype'),url(font/CronosPro-LtSubh.svg#CronosPro-LtSubh) format('svg');font-weight:400;font-style:normal}@font-face{font-family:Cronos;src:url(font/CronosPro-LtSubhIt.eot?#iefix) format('embedded-opentype'),url(font/CronosPro-LtSubhIt.otf) format('opentype'),url(font/CronosPro-LtSubhIt.woff) format('woff'),url(font/CronosPro-LtSubhIt.ttf) format('truetype'),url(font/CronosPro-LtSubhIt.svg#CronosPro-LtSubhIt) format('svg');font-weight:400;font-style:italic}@font-face{font-family:Cronos;src:url(font/CronosPro-Semibold.eot?#iefix) format('embedded-opentype'),url(font/CronosPro-Semibold.otf) format('opentype'),url(font/CronosPro-Semibold.woff) format('woff'),url(font/CronosPro-Semibold.ttf) format('truetype'),url(font/CronosPro-Semibold.svg#CronosPro-Semibold) format('svg');font-weight:700;font-style:normal}

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(font/MaterialIcons-Regular.eot); /* For IE6-8 */
  src: local('Material Icons'),
    local('MaterialIcons-Regular'),
    url(font/MaterialIcons-Regular.woff2) format('woff2'),
    url(font/MaterialIcons-Regular.woff) format('woff'),
    url(font/MaterialIcons-Regular.ttf) format('truetype');
}

/*@font-face {*/
/*    font-family: 'Roboto';*/
/*    font-style: normal;*/
/*    font-weight: 400;*/
/*    font-display: swap;*/
/*    src: url(font/Robot-Regular.woff2) format('woff2'),*/
/*    url(font/Robot-Regular.woff) format('woff'),*/
/*    url(font/Robot-Regular.ttf) format('truetype');*/
/*    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;*/
/*}*/

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}
/* Globals & Editor Rules
-------------------------------------------------------------- */
body{font-family: Cronos, sans-serif; font-size: 18px; line-height: 1.2em; color: #4d4d4d; position: relative; z-index: 99999;}
h1{font-size: 40px;}
h2{font-size: 36px;}
h3{font-size: 30px;}
h4{font-size: 26px;}
h5{font-size: 22px;}
h6{font-size: 20px;}
h1,h2,h3,h4,h5,h6{line-height: 1em;}
b, strong{font-weight: bold;}
em{font-style: italic;}
sup{vertical-align: text-top; font-size: 12px; position: relative; bottom: 5px;}
sub{font-size: 12px; position: relative; bottom: -3px;}
ul li{list-style: disc inside none;}
ul li{list-style: disc outside none;}
ul{margin-left: 15px;}
li{margin: 3px;}
p{margin: 20px 0;}
table{width: 100%;}
td{padding: 5px;}
a{text-decoration: none;cursor: pointer;transition: 0.3s}
#wpadminbar a{color: inherit!important;}
table{
    position: relative;
    border-collapse: separate!important;
}
table:not(.clean) {
    border-collapse: separate;
    border-spacing: 2px;
    width: 100%!important;
}
table:not(.clean) thead td{
    background-color: #e4e4e4;
    font-weight: bold;
    color: #ffffff;
    padding: 15px;
}
table:not(.clean) tbody td{
    border: 1px solid #ffffff;
    padding: 15px 15px;
    /*text-transform: uppercase;*/
    vertical-align: middle;
    background: #ebeef0;
    font-size: 0.8em;
}
table:not(.clean) tbody td p{
    margin: 0;
}
table caption{
    caption-side: bottom;
    margin-top: 10px;
    color: #b1b1b1;
}
table img{
}
.pac-container{
	z-index: 9999999 !important;
}
/* Structure
-------------------------------------------------------------- */
body, #page{
    margin: 0;
    min-width: 1366px;
    overflow-x: hidden;
}
body.overlayActive{
    position:fixed;
    overflow:hidden;
    width: 100%;
}
body.overlayActiveAccount{
    overflow:hidden;
}
body.noScroll{
    overflow: hidden;
}
body.noScroll.page-id-1771, body.noScroll.page-id-4473{
    overflow: auto;
}
#menuOverlay{
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 99;
    background: rgba(0,0,0,0.8);
    display: none;
    cursor: pointer;
}
#mobileSwitch{
    color: #cccccc;
}
.centralWrapper{
    display: block;
    margin: auto;
    width: 1266px;
    padding: 0 50px;
}
#main{
    margin-top: 100px;
}
.hidden{
    display: none;
}
.absoluteInRelative {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.noscroll{
    overflow: hidden;
}
.col12 {
    width: 50%;
    flex-basis: 50%;
    box-sizing: border-box;
}

.col14 {
    width: 24%;
    box-sizing: border-box;

}

.col34 {
    width: 74%;
    box-sizing: border-box;

}

/* Admin Bar
-------------------------------------------------------------- */
#wp-admin-bar-customize, #wp-admin-bar-updates, #wp-admin-bar-comments{
    display: none;
}

/* Global Classes
-------------------------------------------------------------- */
/* Entry Content
------------------*/
.entryContent{
    line-height: 1.4em;
    width: 100%;
}
.entryContent h1,.entryContent h2,.entryContent h3,
.entryContent h4,.entryContent h5,.entryContent h6{
    margin: 20px 0;
}
.entryContent p{
    margin: 15px 0;
    text-align: inherit!important;
}
.entryContent p:first-of-type{
    margin-top: 0;
}
.entryContent img{
    max-width: 100%;
    height: auto;
    display: block;
    margin: 10px 0;
}
.entryContent img:not(.alignnone){
    margin: 10px auto;
}
.entryContent img.alignleft{
    float: left;
    margin-right: 20px;
}
.entryContent img.alignright{
    float: right;
    margin-left: 20px;
}
.entryContent ol, .entryContent ul{
    margin-left: 20px;
}
.entryContent ul li{
    list-style: disc;
}
.entryContent ol li{
    list-style: decimal;
}
.entryContent .aligncenter{
    display: block;
    margin: auto;
}
/* Global Element
------------------*/
.coverBg, .backgroundCover{
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.backgroundContain{
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}
.backgroundOverlap {
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position-x: center !important;
    width: 100%;
    height: 0;
    padding-top: 41.5625% !important;
}
.backgroundOverlapContainer {
    width: 100%;
    top: 41.5625%;
    position: absolute;
}
.backgroundOverlapContainer.backgroundPositiontop {
    top: 33%;
}
.overlay{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.3);
}
.gradient{
    background: rgba(255,255,255,0.3);
    background: -moz-linear-gradient(left, rgba(255,255,255,0.3) 0%, rgba(0,0,0,0.8) 50%, rgba(0,0,0,0.6) 100%);
    background: -webkit-linear-gradient(left, rgba(255,255,255,0.3) 0%, rgba(0,0,0,0.6) 50%, rgba(0,0,0,0.6) 100%);
    background: -o-linear-gradient(left, rgba(255,255,255,0.3) 0%, rgba(0,0,0,0.6) 50%, rgba(0,0,0,0.6) 100%);
    background: -ms-linear-gradient(left, rgba(255,255,255,0.3) 0%, rgba(0,0,0,0.6) 50%, rgba(0,0,0,0.6) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0.3) 0%, rgba(0,0,0,0.6) 50%, rgba(0,0,0,0.6) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000', GradientType=1 );
}
.onlyMobile, .material-icons.onlyMobile{
    display: none;
}
.onlyDesktop{
    display: inherit;
}
.noZindex {
    z-index: auto !important;
}
/* Button & Material Design
------------------*/
.round{
    width: 55px;
    height: 55px;
    -webkit-border-radius: 55px 55px 55px 55px;
    border-radius: 55px 55px 55px 55px;
}
.button{
    text-transform: uppercase;
    font-weight: bold;
    padding: 10px 20px;
    margin-right: 10px;
    margin-bottom: 10px;
    cursor: pointer;
    color: #4d4d4d;
    border-radius: 2px 2px 2px 2px;
    -moz-border-radius: 2px 2px 2px 2px;
    -webkit-border-radius: 2px 2px 2px 2px;
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    font-size: 15px;
    display: inline-flex;
    align-items: center;
    box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.5);
    background-color: #ffffff;
}
.button i{
    margin-right: 5px;
}
.button .text{
    line-height: 1.1em;
    padding-top: 2px;
}
.buttonHover:hover, .button:hover{
    box-shadow: 0 2px 6px rgba(0,0,0,0.25), 0 2px 4px rgba(0,0,0,0.22);
    -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.25), 0 2px 4px rgba(0,0,0,0.22);
    -moz-box-shadow: 0 2px 6px rgba(0,0,0,0.25), 0 2px 4px rgba(0,0,0,0.22);
}
.buttonFloat{
    padding: 0;
    box-shadow: none;
    font-weight: bold;
    font-size: inherit;
    background: none;
}
.buttonFloat:hover {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}
.flexContainer{
    display: flex;
    align-items: center;
}
.flexContainer.button{
    display: inline-flex;
}
/*.materialIconWrapper{
    display: inline-block;
}
.materialIconWrapper i{
    margin-right: 3px;
}
.materialIconWrapper .text{
    position: relative;
    bottom: 6px;
    margin-top: 5px;
    display: inline-block;
    text-transform: uppercase;
    font-size: inherit;
    font-weight: bold;
}*/
.shadow{
    box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.5);
}
.rippleButton{
    position: relative;
    overflow: hidden;
    z-index: 0;
}
.rippleButton .iconButton,
.rippleButton .ink {
    display: block;
    position: absolute;
    background:rgba(177, 177, 177, 0.3);
    border-radius: 100%;
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -o-transform:scale(0);
    transform:scale(0);
}
.rippleButton .ink.animate {
    -webkit-animation:ripple 0.65s linear;
    -moz-animation:ripple 0.65s linear;
    -ms-animation:ripple 0.65s linear;
    -o-animation:ripple 0.65s linear;
    animation:ripple 0.65s linear;
}
/*@-webkit-keyframes ripple {100% {opacity: 0; -webkit-transform: scale(2.5);}}*/
/*@-moz-keyframes ripple {100% {opacity: 0; -moz-transform: scale(2.5);} }*/
/*@-o-keyframes ripple {100% {opacity: 0; -o-transform: scale(2.5);} }*/
/*@keyframes ripple {100% {opacity: 0; transform: scale(2.5);} }*/

img.coverFit {
    object-fit: cover;
}

/* Project-specific classes
------------------*/
.imaDigitalBlue .mainColor {
    color: #1A3257 !important;
}

.imaDigitalBlue .mainColorBackground {
    background-color: #1A3257 !important;
}

.imaDigitalBlue .stripeTile .button,.imaDigitalBlue .stripe .button, .imaDigitalBlue a {
    color: #1A3257 !important;
}
.blackColorBackground.imaDigitalBlue .stripeTile .button, .blackColorBackground.imaDigitalBlue .stripe .button, .blackColorBackground.imaDigitalBlue a{
    color: #fff !important;
}
.blackColorBackground.imaDigitalBlue .stripeTile .button:hover, .blackColorBackground.imaDigitalBlue .stripe .button:hover, .blackColorBackground.imaDigitalBlue a:hover {
    color: #1A3257 !important;
}


/* Align
------------------*/
.centered{
    position: relative;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}
.centeredHorizontal{
    position: relative;
    left: 50%;
    transform: translate(-50%, 0);
}
.centeredVertical{
    position: relative;
    top: 50%;
    transform: translate(0, -50%);
}

/* Loader
------------------*/
.loader {
    position: relative;
    margin: 0 auto;
    width: 100px;
}
.loader:before {
    content: '';
    display: block;
    padding-top: 100%;
}
.circular {
    animation: rotate 2s linear infinite;
    height: 100%;
    transform-origin: center center;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.path {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
    stroke-linecap: round;
}
@keyframes rotate {100% {transform: rotate(360deg);}}
@keyframes dash {0% {stroke-dasharray: 1, 200;stroke-dashoffset: 0; }50% {stroke-dasharray: 89, 200;stroke-dashoffset: -35px;}100% {stroke-dasharray: 89, 200;stroke-dashoffset: -124px;}}
@keyframes color {100%,0%{stroke: red;}40%{stroke: blue;}66% {stroke: green;}80%,90% {stroke: yellow;}}

/***********************************************************************************************************************
// HEADER
/**********************************************************************************************************************/
/* Header
-------------------------------------------------------------- */
/* Main Menu Desktop
------------------*/
#menuWrapper {
    width: 100%;
    background-color: #ffffff;
    height: 100px;
    position: fixed;
    -webkit-transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1.000), opacity 0.35s ease-in-out 0.1s;
    -moz-transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1.000), opacity 0.35s ease-in-out 0.1s;
    -o-transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1.000), opacity 0.35s ease-in-out 0.1s;
    -ms-transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1.000), opacity 0.35s ease-in-out 0.1s;
    transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1.000), opacity 0.35s ease-in-out 0.1s;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    z-index: 999;
    -webkit-box-shadow: 0px 5px 3px -5px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 5px 3px -5px rgba(0,0,0,0.5);
    box-shadow: 0px 5px 3px -5px rgba(0,0,0,0.5);
}
#menuWrapper.navUp{
    top: -100px;
}
#menuWrapper.navDown{
    top: 0;
}
body.admin-bar #menuWrapper.navDown{
    top: 32px;
}
#mainNavContainer{
    height: 70px;
    margin: 15px auto;
    position: relative;
}
#mainLogo {
    float: left;
    position: relative;
    top: 15px;
    width: 130px;
    box-sizing: border-box;
}
#mainLogo img{
    max-height: 50px;
}
#mainBreadcumbs{
    float: left;
    margin-left: 30px;
    padding: 15px 15px 15px 30px;
    border-left: 1px solid #e5eaec;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 20px;
    box-sizing: border-box;
    width: calc(100% - 470px);
}
#mainBreadcumbs .mainSeparator {
    color: #b0b0b0;
    position: relative;
    top: 6px;
    margin: 0 5px;
}
#mainBreadcumbs a, #mainBreadcumbs .separator{
    color: #b1b1b1;
}
#mainBreadcumbs .current{
    color: #4d4d4d;
    overflow: hidden;
    display: none;
}
#mainBreadcumbs .current.currentTruncate{
    display: -webkit-inline-box;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    position: relative;
    top: 4px;
}
#mobLink{
    float: right;
    cursor: pointer;
    padding-left: 15px;
    padding-right: 15px;
    border-left: 1px solid #e5eaec;
    box-sizing: border-box;
}
#viewMenu{
    position: relative;
    float: left;
    top: 5px;
}
#viewMenu i{
    font-size: 48px;
    transition: 0.3s ease;
}
#viewMenu:hover i{
    color: #e01021;
}
#accessAccount{
    float: left;
    position: relative;
    top: 5px;
    padding-right: 10px;
}
#accessAccount a.noColor{
    color: #4d4d4d!important;
}
#accessAccount a:hover{
    color: #e01021!important;
}
#accessAccount i{
    font-size: 48px;
}

/***********************************************************************************************************************
// COOKIES POLICY
/**********************************************************************************************************************/
#cookieOverlayAccept{
    display:none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9998;
    cursor: pointer;
    background-color: rgba(0,0,0,0.5);
}
#cookieBanner{
    display:none;
    background: #fff;
    text-align: left;
    padding: 40px;
    position: fixed;
    top: 50%;
    width: 50%;
    z-index: 999999999;
    transform: translate(-50%,-50%);
    left: 50%;
}
#cookieBanner .text{
    padding: 0 10%;
    line-height: 1.3;
}
#cookieBanner h4{
    color: #e01021;
    margin-bottom: 20px;
}

#cookieBanner .text .consent {
    display: none;
    padding: 20px 0;
}
#cookieBanner .text .consent label {
    margin-right: 10px;
}
#cookieBanner .actionsButton{
    margin-top: 10px;
    text-align: right;
}
#cookieBanner .actionsButton a{
    margin: 0 15px;
    text-transform: uppercase;
    font-weight: bold;
}
#cookieBanner a.cookieButton.acceptAllCookies.button {
    background: #e01021!important;
    color: #fff !important;
}
#cookieBanner a.cookieButton.acceptCookie, #cookieBanner a.cookieButton.showPrefs, #cookieBanner a.cookieButton.denyAll   {
    color: #717171  !important;
    font-size: 15px;
}
#CookiebotWidget.CookiebotWidget-open,
#CookiebotWidget.CookiebotWidget-open #CookiebotWidget-widgetContent,
#CybotCookiebotDialog {
    border-radius: 0!important;
}

#CookiebotWidget .CookiebotWidget-body .CookiebotWidget-main-logo,
#CybotCookiebotDialogHeader {
    display: none!important;
}

#CookiebotWidget #CookiebotWidget-buttons button,
#CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton {
    border-radius: 0!important;
    border-width: 1px !important;
}

input[type=checkbox].CybotCookiebotDialogBodyLevelConsentCheckbox {
    display:inline-block;
}
/* Domina Live
------------------------------------------*/
.redSubmitButton{
    background: #e01021!important;
    color: #fff !important;
}
.roundImage img {
    border-radius: 100%;
    margin-bottom: 40px !important;
    width: 200px;
    height: 200px;
}

p.small {
    font-size: 90%;
}
.maxHeight img{
    max-width:100%;
}
#dominaLiveEventJoinEvent, #dominaLiveQA{
    display: none;
}
div#dominaLiveQAButton {
    position: absolute;
    top: 1rem;
    right: 1rem;
}
div#dominaLiveQA {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    background-color: #fff;
    box-sizing: border-box;
    width: 50%;
}
#dominaLiveQAForm{
    padding: 1rem;

}
div#dominaLiveQA p {
    text-align: right !important;
}

div#dominaLiveQA form p {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    width: 100%;
}
i.material-icons.dominaLiveQAButton {
    cursor: pointer;
    padding: 1rem;
}
div#dominaLiveQAForm p, div#dominaLiveQAForm h4 {
    text-align: left !important;
}
div#dominaLiveEvent {
    background-image: url('https://ima.it/pharma/wp-content/uploads/sites/2/2021/02/Immagine-Sezione-Privata.jpg');
    /*min-height: 40rem;*/
    height:0;
    padding-top: 56.25%;
    background-size: cover;
    position: relative;
    margin-bottom: 2rem;
}

.dominaLiveEventContainer .opacity {
    background-color: rgba(0,0,0,0.5);
}

div#dominaLiveEventContainer {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 0;
    top:0;
    left:0;
}

#dominaLiveEventContainer .opacity {
    background-color: rgba(0,0,0,0.5);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

div#dominaLiveEventFormContainer {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    flex-direction: column;
    margin-top: 1rem;
    margin-bottom: 5rem;
}
div#dominaLiveFrameContainer, #dominaPublicLiveEmbed {
    height: 100%;
}
#dominaPublicLiveEmbed{
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
}
#dominaLiveEventFormContainer .buttonsContainer{
    /*margin-top:1rem;*/
}
#dominaLiveEventForm h3 {
    color: #fff;
    font-size: 2.5rem;
}

.dominaLiveLabel {
    margin-bottom: 2rem;
    text-transform: uppercase;
    font-size: 1rem;
    font-weight: bold;
    color: #E01021;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

span.liveCircleDot {
    height: 18px;
    width: 18px;
    background-color: #E01021;
    border-radius: 100%;
    margin-right: 0.5rem;
    display: inline-table;
}
.dominaEmailButtonContainer {
    width: 100%;
    position: relative;
}

div#dominaLiveEventFormContent {
    width: 60%;
    min-width: 400px;
}
div#dominaLiveEventREgisterCTA {
    width: 50%;
    color: #fff;
    margin-top: 3rem;
}
input#domina_live_user_email {
    width: 100%;
    --webkit-appearence: none;
    padding: 1rem 0;
    text-align: center;
    background-color: #fff;
    border-radius: 0;
    border: 1px solid #707070;
    font-size: 1rem;
}

.dominaEmailButtonContainer button {
    --webkit-appearence: none;
    background: transparent;
    border: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    right: 1rem;
    cursor: pointer;
}
#dominaLiveEventForm{
    color: #fff;
}
.dominaEmailButtonContainer button i {
    color: #E01021;
}
.dominaNextStream.dominaLiveLabel {
    font-size: 1.5rem;
    margin-top: 1rem;
}
div#dominaLiveEventPending {
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #000;
    color: #fff;
    font-size: 1.5rem;
}
#dominaLiveEventForm input, #dominaLiveEventForm button {
    font-family: 'Cronos';
}

#dominaLiveEventForm button {
    font-size: 1rem;
    text-transform: uppercase;
    font-weight: 700;
    color: #e01021;
    text-decoration: underline;
}

#dominaLiveEventForm input {
    text-align: left;
    padding-left: 1rem;
    box-sizing: border-box;
}

.dominaHidden{
    display: none !important;
}
div#dominaLiveWaitingScreen {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 2;
    color: #fff;
    font-size: 1.5rem;
}
#dominaLiveQAForm textarea {
    max-height: 100px;
    overflow-y: auto;
}
#dominaLiveQAForm .wpcf7-submit {
    margin-top: 0;
}

#dominaLiveQAForm  div.wpcf7-response-output {
    margin:0
}
#dominaVideos .darkOverlay.absoluteInRelative {
    display: none;
}

#dominaVideos a.button {
    color: #1D1D1B;
}

.dominaRegistrationAlert {
    font-weight: bold;
    margin-bottom: 20px;
    font-size: 1.3rem;
}
#dominaVideos .videoContainer i {
    color: #fff;
}
/***********************************************************************************************************************
// MAIN MENU
/**********************************************************************************************************************/
/* Main Nav
------------------------------------------*/
#mainMenu{
    background: #ffffff;
    width: 100%;
    height: 0;
    overflow-y: auto;
}
#mainMenu .menuLanguage{
    color: #b1b1b1;
    text-transform: uppercase;
    text-align: right;
    padding-top: 15px;
}
#mainMenu .menuLanguage i{
    position: relative;
    top: 6px;
    margin-right: 5px;
}
#mainMenu .menuLanguage .langLink a{
    color: #b1b1b1;
    padding-left: 5px;
}
#mainMenu #backToIma{
    margin-bottom: 10px;
}
#mainMenu #backToIma a{
    color: #b1b1b1;
    display: flex;
    align-items: center;
}
.menuStripe{
    display: inline-block;
    width: 100%;
    padding: 20px 0;
}
.menuStripe.grey{
    background: #EBEEF0;
}
.menuStripe .title{
    font-size: 36px;
    margin-bottom: 30px;
    line-height: 1;
}
.menuStripe .titleNav{
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(151,151,151,0.5);
}
.mainNav, .subMenu{
    margin: 0;
}
.mainNav li{
    list-style: none;
    padding: 0;
    margin: 0;
}
.mainNav .mainItem{
    float: left;
    width: 16.6%;
    box-sizing: border-box;
    padding: 0 10px;
    margin-bottom: 10px;
}
.mainNav .mainItem:first-child{
    padding-left: 0;
}
.mainNav .subItem{
    line-height: 0.8em;
    margin: 8px 0;
}
.mainNav .item a{
    color: #b1b1b1;
    transition: 0.1s;
    line-height: 0.9em;
}
.mainNav .subItem.active a{
    color: #4d4d4d;
}
.mainNav .mainItem > a{
    text-transform: uppercase;
    font-weight: bold;
    display: block;
    margin-bottom: 10px;
    color: #4d4d4d;
}
/* Markets Nav
------------------------------------------*/
/* Big Height */
.menuStripe.quick.big .title{
    text-align: center;
    margin-bottom: 50px;
    max-width: 100%;
}
.menuStripe.quick.big .withHighlight .title{
    text-align: left;
}
.menuStripe.quick.big .blogLink{
    position: relative;
    float: left;
    color: #b1b1b1;
    width: 14.2%;
    text-align: center;
}
.menuStripe.quick.big .subsiteMenu .blogLink {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-bottom: 15px;
}
.menuStripe.quick.big .blogLink .inside{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #ffffff;
}
.menuStripe.quick.big .blogIcon{
    width: 75px;
    height: 75px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 15px;
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    background: #ffffff;
    cursor: pointer;
    position: relative;
}
.menuStripe.quick.big .blogIcon a{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    z-index: 9;
}
.menuStripe.quick.big .blogIcon .centered{
    text-align: center;
}
.menuStripe.quick.big .blogIcon svg,
.menuStripe.quick.big .blogIcon img{
    max-height: 40px;
    max-width: 40px;
    position: relative;
    /*top: 50%;*/
    /*transform: translate(0, -50%);*/
    width: 100%;
    height: 100%;
}
.menuStripe.quick.big .blogIcon path,
.menuStripe.quick.big .blogIcon svg{
    fill: #b1b1b1;
}
.menuStripe.quick.big .blogIcon a:hover path,
.menuStripe.quick.big .blogIcon.active a path{
    fill: #e01021;
}
/* Small Height */
.menuStripe.quick.small .title{
    margin-bottom: 0;
    margin-right: 20px;
    float: none;
    width: 100%;
}
.menuStripe.quick.small .content{
    float: none;
    width: 65%;
    display: flex;
    text-align: center;
    align-items: center;
    position: relative;
    top: 10px;
}
.menuStripe.quick.small .menuHiglight.flexWrapper {
    width: 35%;
}
.small span.blogLink:after {
    content: '';
    height: 40px;
    width: 1px;
    background-color: #b1b1b1;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}
span.blogLink {
    position: relative;
    width: 110px;
    padding: 0 10px;
}
span.blogLink.last:after {
    display: none;
}
.menuStripe.quick.small .separator {
     display: none;
}
.menuStripe.quick.small .blogLink a {
    color: #b1b1b1;
    font-size: 18px;
}
.menuStripe.quick.small .blogLink.active a{
    color: #e01021;
}
.menuStripe.quick.small .separator{
    color: #b1b1b1;
    margin: 0 5px;
}
.svgIconsWrapper.menuStripe{
    width: inherit;
    display: flex;
    justify-content: center;
}
.svgIconsWrapper.menuStripe.quick.big .blogLink{
    width: auto;
    margin: 0 40px;
}
/* Menu with highlight
------------------------------------------*/
.contentMarkets {
    display: flex;
    width: 55%;
    flex-wrap: wrap;
}
.menuHiglight.flexWrapper {
    width: 45%;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.1);
    transition: all 0.3s;
}
.menuHiglight.flexWrapper:hover {

    -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
}
.menuHiglightImage.coverBg {
    width: 50%;
}
.contentMarkets .blogLink {
    width: 33% !important;
    display: flex;
    float: none;
    align-items: center;
    margin-bottom: 1rem;
}
.contentMarkets .blogLink .blogName {
    text-align: left;
    color: #333333;
}
.contentMarkets .blogLink .blogIcon svg, .contentMarkets .blogLink .blogIcon img {
    max-width: 25px !important;
    max-height: 25px !important;
    width: 25px;
    height: 25px;
}

.menuStripe.quick.big .contentMarkets  .blogIcon svg, .menuStripe.quick.big .contentMarkets  .blogIcon path {
    fill: #e01021 !important;
}
.menuStripe.quick.big .contentMarkets .blogLink .blogIcon{
    margin-bottom: 0 !important;
    margin-right: 1rem;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 50px;
}

.menuHighlightContentContainer {
    display: flex;
    flex-direction: column;
    padding: 1.2rem;
    box-sizing: border-box;
    height: 100%;
    justify-content: space-between;
}

.menuHighlightContent {
    width: 50%;
}

.menuHighlightTagline {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
}

.menuHighlightTitle {
    font-size: 21px;
}

.menuHighlightDescription {
    font-size: 16px;
    color: #B0B0B0;
}
.menuHiglight{
    position: relative;
}
.menuStripe.quick.small .withoutHighlight .content {
    width: 100%;
    justify-content: space-between;
    margin-top: 10px;
}
span.blogLink:first-child {
    width: 70px;
    padding-left: 0;
    text-align: left;
}
.withoutHighlight span.blogLink {
    width: auto;
}


.menuStripe.quick.small .withoutHighlight  .blogLink a {
    color: #b1b1b1;
    font-size: 20px;
}
.withoutHighlight span.blogLink:after {
    display: none;
}

.menuStripe.quick.small .withoutHighlight span.separator {
    display: block;
}
.menuStripe.quick.small .withoutHighlight span.separator.last {
    display: none;
}
/* Main Search
------------------------------------------*/
#menuSearch .title{
    float: left;
    margin-right: 50px;
    width: 400px;
    margin-bottom: 0;
}
#menuSearch .content{
    float: left;
    width: calc(100% - 450px);
    position: relative;
}
#menuSearch .content input{
    width: 100%;
    padding: 15px 20px 15px 55px;
    box-sizing: border-box;
    position: relative;
    bottom: 5px;
}
#menuSearch .content i{
    font-size: 24px;
    top: 8px;
    font-weight: bold;
    color: #b1b1b1;
    left: 15px;
    position: absolute;
}

/***********************************************************************************************************************
// MINISITE MENU
/**********************************************************************************************************************/
.minisiteHeader{
    padding: 30px 0;
    -webkit-box-shadow: 0px 5px 3px -5px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 5px 3px -5px rgba(0,0,0,0.5);
    box-shadow: 0px 5px 3px -5px rgba(0,0,0,0.5);
    position: relative;
    z-index: 4;
}
.minisiteHeader .centralWrapper{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.minisiteTitle a{
    font-size: 35px;
    line-height: 1em;
    color: #4d4d4d;
}
span.ministeLogo svg {
    width: 300px;
}
body:not(.page-template-ima-tv) .minisiteLogo svg .a {
    fill: red;
}
.minisiteMenu li{
    list-style: none;
    display: inline-block;
    text-transform: uppercase;
    line-height: 1em;
    font-weight: bold;
    margin: 0 15px;
}
.minisiteMenu li a{
    color: #acacac!important;
}
.minisiteMenu li a:hover,
.minisiteMenu li.current-menu-item a,
.minisiteMenu li.current-page-item a{
    color: #e01021!important;
}
.minisiteCover{
    width: 100%;
    height: auto;
    display: block;
    font-size: 0;
    line-height: 0;
}
.minisiteCover .button {
    box-shadow: none;
    height: auto;
    background: none;
    padding: 0;
    width: 100%;
    margin: 0;
}
.minisiteCover .button .text{
    display: block;
    height: auto;
    margin: 0;
    width: 100%;
}

/* OpenLab
------------------------------------------*/

#main.openLabMinisite{
/* TODO Open lab: comment this */
    background-image: url('img/openlab/pattern.png');
    background-color: #E5EAEC;
    background-repeat: repeat-y;
    background-size: 100% auto;
}
.openLabMinisite .minisiteHeader{
    background: #ffffff;
}
.openLabMinisite .stripe.whiteBackgroundColor{
    background: none;
}
.openLabMinisite h1.pageTitle,
.openLabMinisite .stripe.mainTitle .pageTitle h2 {
    font-size: 3em;
    margin-bottom: 70px;
}
/*.openLabMinisiteNew .button:not(.buttonFloat) {*/
/*    background-color: #e01021!important;*/
/*    color: #fff;*/
/*}*/
/* Homepage
-------------*/
.openLabHome svg{
    width: 100%;
    height: auto;
    min-width: 100%;
    max-height: 100%;
}
.openLabHome svg .homeHex{
    cursor: pointer;
}
.openLabHome svg .homeHex path{
    transition: 0.3s ease-in-out;
}
.openLabHome svg .homeHex:hover path {
    opacity: 1;
}

/* Loop Thread
-------------*/
.openlabCaseStreamContainer{
    margin-top: 25px;
}
.openlabCaseStreamContainer > div{
    display: flex;
    flex-wrap: wrap;
}
.loopThreadOpenLab {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 450px;
    margin-bottom: 100px;
    position: relative;
    padding-top: 20px;
    width: 48%;
    margin-right: 4%;
}
.loopThreadOpenLab:nth-child(2n){
    margin-right: 0;
}
.openlabCaseStreamContainer.post .loopThreadOpenLab{
    width: 31%;
    margin-right: 3.5%;
}
.openlabCaseStreamContainer.post .loopThreadOpenLab:nth-child(3n){
    margin-right: 0;
}
.loopThreadOpenLab a,
.loopThreadOpenLab .opacity{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    color: #000000!important;
}
.loopThreadOpenLab .opacity{
    background: rgba(0,0,0,0);
    transition: 0.3s ease;
}
.loopThreadOpenLab a:hover .opacity{
    background: rgba(0,0,0,0.1);
}
.loopThreadOpenLab .caption{
    left: 50px;
    top: -20px;
    width: 280px;
    box-sizing: border-box;
    position: absolute;
}
.loopThreadOpenLab .caption .header{
    display: flex;
    align-items: center;
}
.loopThreadOpenLab .header{
    background: #000000;
    color: #ffffff;
    padding: 30px;
}
.loopThreadOpenLab .header .hexagon{
    margin-right: 15px;
}
.loopThreadOpenLab .content {
    background: rgba(241,242,242,0.9);
    padding: 30px;
    margin-top: 10px;
}
.loopThreadOpenLab .description{
    margin-bottom: 20px;
}
.hexagon {
    position: relative;
    width: 30px;
    height: 17.32px;
    background-color: #f1f2f2;
    margin: 8.66px 0;
}

.hexagon:before,
.hexagon:after {
    content: "";
    position: absolute;
    width: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
}

.hexagon:before {
    bottom: 100%;
    border-bottom: 8.66px solid #f1f2f2;
}

.hexagon:after {
    top: 100%;
    width: 0;
    border-top: 8.66px solid #f1f2f2;
}
/* Stream stripe
-------------*/
.stripeStream.hideFilters .filtersWrapper, .stripeStream.hideFilters .filterValue{
    display: none;
}
/* Stream stripe webinars
-------------*/
.webinarStripeStream .stripeWebinar:nth-child(even) {
    background-color: #EBEEF0;
}

/* Partners news
-------------*/
.page-template-partners .stripeTile, .page-template-partners .blockStripeStream {
    margin-bottom: 5rem;
}
/* Loop Partners
-------------*/
.streamPartners {
    display: flex;
    flex-wrap: wrap;
}
.partnerBlock{
    width: 40%;
    height: auto;
    display: flex;
    align-items: stretch;
}
.partnerBlock:after{
    content: '';
    display: block;
    padding-bottom: 50%;
}
.partnerBlock.space{
    width: 20%;
}
.partnerBlock.space:after{
    padding-bottom: 100%;
}
.partnerBlock > div {
    width: 50%;
}
.partnerBlock .nameWrapper {
    background-color: #E5EAEC;
    padding: 50px;
}
.partnerBlock .nameWrapper .number {
    font-size: 40px;
    margin-bottom: 10px;
    line-height: 1em;
}
.partnerBlock .nameWrapper .name {
    color: #707070;
}
.partnerBlock .logoWrapper{
    padding: 10%;
    display: flex;
    background-color: #ffffff;
    position: relative;
}
.partnerBlock .logo {
    width: 100%;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}

/* Loop Resources
-------------*/
.loopResourcesOpenLab .header, .loopResourcesOpenLab .content {
    width: 20%;
    padding-right: 2%;
    box-sizing: border-box;
}

.loopResourcesOpenLab .content{
    width: 30%;
    font-weight: bold;
    font-size: 1.2em;
}

.loopResourcesOpenLab .image {
    width: 50%;
}

.loopResourcesOpenLab > .flexWrapper {
    justify-content: flex-start;
}

.loopResourcesOpenLab .header .flexWrapper {
    justify-content: flex-start;
    align-items: center;
}

.hexagon.hexagonBlack {
    background-color: #000;
    margin-right: 1rem;
}

.hexagon.hexagonBlack:before {border-bottom-color: #000;}

.hexagon.hexagonBlack:after {
    border-top-color: #000;
}

.loopResourcesOpenLab .image {
    height: 22rem;
    position: relative !important;
}
.loopResourcesOpenLab {
    height: 25rem;
    margin-bottom: 5rem;
    box-sizing: border-box;
    padding: 40px;
    position: relative;
}
.loopResourcesOpenLab a.absoluteInRelative{
    z-index: 2;
}

.image.flexWrapper {
    justify-content: flex-end;
}

.webinarImage.coverBg {
    width: 100%;
}

.paperImage.coverBg {
    width: 50%;
}
.loopResourcesOpenLab .webinarImage {
    justify-content: center;
    align-items: center;
}

.loopResourcesOpenLab .webinarImage span {
    color: #fff;
    font-size: 2.5rem;
}

.loopResourcesOpenLab:before {content: '';position: absolute;top: 0;left: 0;height: 50%;width: 100%;background-color: #eaedef;z-index: -1;}
.openLabMinisite .loopResourcesOpenLab:before{
    background-color: #fff
}
/***********************************************************************************************************************
// ACCOUNT BOX
/**********************************************************************************************************************/
#overlayPage{
    display: none;
    background-color: rgba(0,0,0,0.7);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
}
#loginBox,
#machinePriceInfo,
#openlabForm{
    padding: 25px;
    display: none;
    background: #ffffff;
    position: fixed;
    width: 500px;
    z-index: 9999;
    overflow: scroll;
    margin: 0 auto;
    box-sizing: border-box;
    max-height: 90%;
    top: 5%;
}
#loginBox .pageTitle,
#machinePriceInfo .pagetitle{
    margin-bottom: 10px;
}
#loginBox form,
#machinePriceInfo form{
    margin-top: 20px;
}
/*#loginBox .resetMessageLink,*/
#machinePriceInfo .resetMessageLink{
    display: none;
}
#machinePriceInfo .wpcf7{
    position: relative;
    top: 0;
}

/***********************************************************************************************************************
// QTHEME GALLERY
/**********************************************************************************************************************/
.galleryContainer {
    position: relative;
}
.qthemeWpGallery.default{
    margin: 20px 0;
    display: flex;
    flex-wrap: wrap;
}
.qthemeWpGallery.default .imageWpWrapper{
    margin-bottom: 50px;
}
.qthemeWpGallery.default.col1 .imageWpWrapper{width: 100%;}
.qthemeWpGallery.default.col2 .imageWpWrapper{width: 48%; margin-right: 4%;}
.qthemeWpGallery.default.col3 .imageWpWrapper{width: 32%; margin-right: 2%;}
.qthemeWpGallery.default.col4 .imageWpWrapper{width: 23.5%; margin-right: 2%;}
.qthemeWpGallery.default.col5 .imageWpWrapper{width: 18.8%; margin-right: 1.5%;}
.qthemeWpGallery.default.col6 .imageWpWrapper{width: 15.83%; margin-right: 1%;}
.qthemeWpGallery.default .imageWpWrapper.last{margin-right: 0;}
.qthemeWpGallery.slider{
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    margin: 0 40px;
}
.qthemeWpGallery.slider .imageWpWrapper {
    display: inline-block;
    margin-right: 25px;
}
.wpGallerySlideArrow .slick-prev{left: 0;}
.wpGallerySlideArrow .slick-next{right: 0;}
.wpGallerySlideArrow .slick-arrow:before{
    display: none!important;
    content:''
}
.qthemeWpGallery .imageCover{
    height: 0;
    padding: 30% 0;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.qthemeWpGallery .caption{
    text-align: center;
    margin-top: 10px;
    font-size: 14px;
}
.galleryContainer #productGallery{
    background: none;
    margin: 70px 0 0;
    width: 100%;
}
.galleryContainer .scrollableNavWrapper{
    z-index: 5;
    position: relative;
}

/***********************************************************************************************************************
/* STRIPE CSS
/**********************************************************************************************************************/
/* Globals
------------------------------------------*/
.stripe{
    position: relative;
    padding: 70px 0;
    z-index: 1;
}
.lightFontColor{
    color: #ffffff;
}
.darkFontColor{
    color: #4d4d4d;
}
.stripe.whiteBackgroundColor{
    background-color: #ffffff;
}
.stripe.lightBackgroundColor{
    background-color: #EBEEF0;
}
.stripe.stripeTile.sliderContainer.lightBackgroundColor {
    padding-top: 0;
    margin-top: 40px;
}
.stripe.darkBackgroundColor{
    background-color: #333333;
}
.darkerBackgroundColor{
    background-color: #1D1D1B;
}
body.blackBackground .stripe.darkBackgroundColor{
    background-color: #020202;
}
.stripe.noPadding {
    padding-top: 0;
    padding-bottom: 0;
}
.stripe.noPaddingTop{
    padding-top: 0;
}
.stripe.noPaddingBottom{
    padding-bottom: 0 !important;
}
.stripe.borderBottom {
    border-bottom: 1px solid #E6E9EB;
}
.stripe.boxBigTitle .box h3.title {
    font-size: 36px;
}
.stripeWideImage {
    width: 100%;
    min-height: 500px;
    height:auto;
    padding: 0;
}
.stripe .title{
    margin-bottom: 15px;
}
.stripe.mobileView{
    display: none;
}
.stripe .overlay{
    z-index: 1;
}
.stripe .centralWrapper{
    position: relative;
    z-index: 3;
}
.stripe.fullWidth .centralWrapper{
    width: 100%;
    padding: 0;
    margin: 0;
}
.stripe.paddingBottomMin {
    padding-bottom: 30px;
}
.stripe.paddingBottomMax {
    padding-bottom: 100px;
}
.stripe.paddingTopMin {
    padding-top: 30px;
}
.stripe.paddingTopMax {
    padding-top: 100px;
}
.centeringContainer {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 100px;
}
/* Stripe Content
------------------------------------------*/
.stripeContentCenter{
    text-align: center;
}
.stripeContent .stripeTitle{
    position: relative;
    z-index: 3;
}
.boxText > *{
    margin: 15px 0;
}
.boxText > *:first-child{
    margin-top: 0;
}
.box:not(.boxTextHtml) img{
    max-width: 100%;
    height: auto;
}
.boxesContainer{
    display: table;
    width: 100%;
}
.boxesContainer.twoBox .box, .boxesContainer.threeBox .box, .boxesContainer.fourBox .box{
    display: table-cell;
}
.boxesContainer.twoBox .box.one{
    width: 50%;
}
.boxesContainer.twoBox .box.one .padding{
    padding-right: 10%;
}
.boxesContainer.twoBox .box.two{
    width: 50%;
}
.boxesContainer.twoBox .box.two .padding{
    padding-left: 10%;

}
.boxesContainer.threeBox .box.one{
    width: 33%;
}
.boxesContainer.threeBox .box.one .padding{
    padding-right: 9%;
}
.boxesContainer.threeBox .box.two{
    width: 33%;

}
.boxesContainer.threeBox .box.two .padding{
    padding-left: 4.5%;
    padding-right: 4.5%;
}
.boxesContainer.threeBox .box.three{
    width: 33%;
}
.boxesContainer.threeBox .box.three .padding{
    padding-left: 9%;

}
.boxesContainer.fourBox .box.one, .boxesContainer.fourBox .box.four{
    width: 25%;
}
.boxesContainer.fourBox .box.one .padding{
    padding-right: 5%;
}
.boxesContainer.fourBox .box.four .padding{
    padding-left: 5%;
}
.boxesContainer.fourBox .box.two, .boxesContainer.fourBox .box.three{
    width: 25%;

}
.boxesContainer.fourBox .box.two .padding, .boxesContainer.fourBox .box.three .padding{
    padding-left: 2.5%;
    padding-right: 2.5%;
}

.boxesContainer .content{
    display: inline-block;
}
#ecosystem .boxesContainer .content{
    display: block;
}
.boxVideo .content{
    margin-top: 15px;
}

.box.boxVideo {
    padding: 0 10px;
    box-sizing: border-box;
}

.boxesContainer .box.boxVideo:first-child {
    padding-left: 0;
    padding-right: 20px;

}

.boxesContainer .box.boxVideo:nth-last-child(2) {
    padding-right: 0;
    padding-left: 20px;

}
.boxesContainer .box .buttonsContainer {
    margin-top: 1rem;
}
/* Tabs
------------------------------------------*/
#tabsMenu {
    border-top: 2px solid #f0f0f0;
    border-bottom: 2px solid #f0f0f0;

    padding: 23px 0;
}
.tabIcon svg {
    max-width: 70px;
}

.tabIcon {
    margin-top: 2rem;
    max-width: 100%;
}
.tabIcon img {
    max-width: 100%;
    max-height: 40px;
}
.tabIcon svg, .tabIcon svg * {
    fill: #f0f0f0 !important;
}
.active .tabIcon svg, .active .tabIcon svg * {
    fill: #e01021 !important;
}
.imaDigitalBlue .active .tabIcon svg, .imaDigitalBlue .active .tabIcon svg * {
    fill: #1A3257 !important;
}

/* Tile
------------------------------------------*/
.tile{
    display: block;
    width: 100%;
    box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.5);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
}
.tileTitle{
    position: absolute;
    width: 100%;
    bottom: 0;
    background: #ffffff;
    font-size: 20px;
    box-sizing: border-box;
    -webkit-box-shadow: 0px -5px 3px -5px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px -5px 3px -5px rgba(0,0,0,0.3);
    box-shadow: 0px -5px 3px -5px rgba(0,0,0,0.3);
    padding: 20px 30px;
}
.tile a.lightbox {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #212121;
}
.tileAction{
    position: relative;
}
.playVideo, .viewImg{
    text-align: center;
    font-size: 48px;
}
.playVideo i,
.viewImg i{
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
    opacity: 0.8;
}
.playVideo i{
    font-size: 48px;
    color: #ffffff;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
}
.playVideo.dark i {
    color: #4d4d4d;
}
.viewImg i{
    color: #333333;
    background: #ffffff;
    padding: 24px;
    border-radius: 48px 48px 48px 48px;
    -moz-border-radius: 48px 48px 48px 48px;
    -webkit-border-radius: 48px 48px 48px 48px;
}
.viewImg.dark i{
    color: #ffffff;
    background: #333333;
}
.tile .viewImg i{
    padding: 15px;
}
.tileButton:hover i{
    opacity: 1;
}
.tileCenter .left {
    margin: 0 auto;
    width: 100% !important;
}
.stripeTile.maxHeight {
    height: 40rem !important;
}

.stripeTile.maxHeight .insideWrapper {
    height: 100%;
    box-sizing: border-box;
}

.stripeTile.tileCenter .insideWrapper {
    display: flex;
    justify-content: center;
    align-items: center;
}
/* Boxes Image
------------------------------------------*/
.normalBoxImage{
    text-align: center;
}
.normalBoxImage h3.title{
    /*display: none;*/
    text-align: left;
}
.gifBoxImage .inside{
    position: relative;
}
.gifBoxImage .opacity{
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    text-transform: lowercase;
    cursor: pointer;
}
.gifBoxImage .opacity i{
    margin-bottom: 15px;
}
.normal .inside{
    position: relative;
    display: inline-block;
}
.normal .inside .viewImg{
    position: absolute;
    width: 100%;
    text-align: center;
}
.fullBoxImage{
    position: absolute;
    z-index: 1;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
}
.fullBoxImage .lightbox{
    position: absolute;
    left: 0;
    height: 0;
    width: 100%;
    height: 100%;
}
.stripe.fullBlack{
    background-color: #000000!important;
}
/* Stripe Image
------------------------------------------*/
.stripe .image{
    position: absolute;
}
.stripeImage .image.one{
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.stripe .image.up{
    top: 0;
}
.stripe .image.down{
    top: 50%;
}
.stripe .image.first{
    left: 0;
}
.stripe .image.last{
    left: 50%;
}
.stripeImage .image.second{
    left: 25%;
}
.stripeImage .image.third{
    left: 50%;
}
.stripeImage .image.four{
    left: 75%;
}
.stripeImage .image.three.big{
    top: 0;
    width: 50%;
    height: 100%;
}
.stripeImage .image.three.small{
    width: 50%;
    height: 50%;
}
.stripeImage .image.eight{
    width: 25%;
    height: 50%;
}
i.material-icons.imageStripePlayButton {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 60px;
    color: #fff;
}
a.lightbox.absoluteInRelative.opacity{
    background-color: rgba(0,0,0,0.2);
}
.stripeImage .videoBackground{
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 500px;
    z-index: -1;
    pointer-events: none;
    overflow: hidden;
}
.stripeImage .videoBackground iframe {
    width: 100vw;
    height: 56.25vw;
    min-height: 100vh;
    min-width: 177.77vh;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


/* Stripe Focus
-------------------------------------------------------------- */
.stripeFocus{
    z-index: 3;
}
.stripeFocus .stripeSlides{
    display: none;
}
.stripeFocus .focusImage{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    height: 500px;
}
.stripeFocus .focusTile{
    position: absolute;
    width: 100%;
}
.focusTile .inside{
    width: 100%;
    box-sizing: border-box;
    padding: 30px 0;
    background: #ffffff;
}
.focusTile .inside > *{
    padding: 0 50px;
}
.stripeFocus .focusTile .shadow{
    margin-bottom: 2px;
}
.focusTile .content{
    font-size: 26px;
    line-height: 1.1em;
}
.focusTile .buttonsContainer{
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px solid rgba(151,151,151,0.5);
}
.focusTile .buttonsContainer .button{
    margin-right: 40px;
    margin-bottom: 0;
}
.slideTileSlider .slick-list.draggable{
    overflow: hidden;
}
.slideTileContainer .slideSelectorWrapper {
    position: absolute;
    top: 60px;
    z-index: 1;
    left: 100px;
}
.slideTileContainer .slideSelectorWrapper ul.slick-dots li button{
    cursor:pointer;
}
/* Stripe Slideshow
-------------------------------------------------------------- */
/*
.stripeSlides{
    z-index: 3;
}
.stripeSlides .slideFocus{
    display: none;
}
.stripeSlides .slideFocus.active{
    display: block;
}

.slideFocus{
    opacity: 0;
}
.slideFocus.active{
    opacity: 1;
}

*/
.slideSelectorWrapper{
    margin-bottom: 20px;
}
.slideSelector{
    background-color: #E5EAEC;
    height: 12px;
    width: 12px;
    border-radius: 12px 12px 12px 12px;
    -moz-border-radius: 12px 12px 12px 12px;
    -webkit-border-radius: 12px 12px 12px 12px;
    float: left;
    margin-right: 5px;
    cursor: pointer;
}
.stripeSlides{
    z-index: 3;
}
.slick-track {
    overflow-y: visible;
}


.slick-list.draggable {
    overflow: visible;
}
ul.slick-dots button {
    -webkit-appearance: none;
    border: none;
    height: 12px;
    width: 12px !important;
    background: #E5EAEC;
    border-radius: 100%;
    display: inline-block;
    padding: 0;
}

ul.slick-dots li {
    display: inline-block;
    margin-left: 0;
    margin-right: 5px;
}

ul.slick-dots {
    margin: auto;
}

ul.slick-dots li.slick-active button {
    background: #e01021;
}
.slick-active ul.slick-dots {
    display: none !important;
}
.slick-active ul.slick-dots:nth-of-type(1) {
    display: block !important;
}

.slideFocus{
	height: 500px !important;
	position: relative;
}
.slideFocus .title{
    height: 36px;
    overflow: hidden;
}
.slideFocus .content{
    overflow: hidden;
}
.slideFocus .buttonsContainer{
    height: 25px;
    overflow: hidden;
}
.secondSlideContainer{
    position: absolute;
    z-index: 4;
    left: 50%;
    transform: translatex(-50%);
}
.secondSlideContainer.top{
    top:0;
}
.secondSlideContainer.bottom{
    top: 50%;
}
.sliderContainer {
    padding-top: 0!important;
}
/* Stripe Stream
-------------------------------------------------------------- */
.streamContainer .buttonsContainer{
    margin-top: 10px;
}
.stripeTitleWithNav.pageTitle{
    float: left;
    width: calc(100% - 100px);
}
.stripeTitleNav{
    float: right;
    position: relative;
    top: 7px;
}
.stripeTitleNav > span{
    cursor: pointer;
}
.blockStripeStream .buttonsContainer,
.exhibitionStripeStream .buttonsContainer{
    margin-top: 25px;
}
/* Stripe Community Stream
-------------------------------------------------------------- */
.communityStreamContainer .flexContainer {
    align-items: flex-start;
    flex-wrap: wrap;
}
.communityOverlay{
    background: rgba(0, 0, 0, 0.3);
}
/* Stripe Community Highlight
-------------------------------------------------------------- */

.communityHlContent {
    height: 100%;
}

.communityHlPadding {
    padding: 50px 70px;
}

.communityHlTitle {
    margin-bottom: 50px;
    color: #e01021;
}
.communityHlTitle i {
    font-size: 40px;
    margin-right: 10px;
}
.communityHlSubtitle{
    margin-bottom: 1rem;
}
.communityHlDesc {
    margin-bottom: 50px;
}

.communityHlContent a.button {
    box-shadow: none;
    -webkit-box-shadow: none;
    padding: 0;
    margin: 0;
}
.stripeCommunityHighlight .communityHlContainer {
    box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.5);
    align-items: stretch;
}
/* Stripe Tile
------------------------------------------*/
.stripeTile{
    padding: 40px 0;
}
.stripeTile .insideWrapper{
    padding: 80px 50px;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.stripeTile .opacity{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.stripeTile.lightText{
    color: #ffffff;
}
.stripeTile.darkOpacity .opacity{
    background: rgba(0,0,0,0.5);
}
.stripeTile .contentWrapper{
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.stripeTile .contentWrapper > div{
    width: 45%;
}
.stripeTile .title{
    font-weight: bold;
    margin-bottom: 40px;
    font-size: 36px;
}
.stripeTile .buttonsContainer{
    margin-top: 40px;
}
.stripeTile .button,
.stripe.redButton .button {
    color: #e01021;
}
.stripeTile .right img{
    max-width: 100%;
}
/* Ecosystem Stripe
------------------------------*/
.stripeEcosystem {
    background-color: #1D1D1B;
    padding: 50px 0;

}
h2.ecosystemTitle {
    text-align: center;
    color: #fff;
}
.ecosystemNav {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ecosystemSelector {
    display: flex ;
    justify-content: stretch;
    align-items: center;
    flex-direction: column;
    width: 100px;
    padding: 10px 30px;
    cursor: pointer;
}

.ecosystemIconSmall {
    height: 75px;
    width: 75px;
    background-color: #707070;
    border-radius: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition: all 0.3s;
}
.ecosystemIconSmall:hover{
    background-color: #e01021;
}
.ecosystemName {
    height: 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    transition: all 0.3s;
    color: #4D4D4D;
    margin-bottom: 1rem;
}

.ecosystemIconSmall svg, .ecosystemIconSmall img {
    height: 40px;
    width: 40px;
    fill: #fff !important;
}

.stripeEcosystem path.cls-1 {
    fill: #fff !important;
}

.ecosystemTile{
    width:620px;
    min-height: 400px;
    height: auto;
    margin:25px;
    transition: all 0.3s;
}
.ecosystemTile:hover {
    transform: scale(1.05);
}
.ecosystemTile .coverBg {
    width: 100%;
    height: 100%;
}
.ecosystemSelector.active  .ecosystemIconSmall {
    background-color: #E01021;
}

.ecosystemSelector.active .ecosystemName {
    justify-content: flex-start;
    color: #fff;
}
.ecosystemTile .flexWrapper {
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    margin: auto 0;
    height: 100%;
    color: #B0B0B0;
    box-sizing: border-box;
    padding: 30px 100px;
}

.ecosystemIcon {
    width: 50px;
    height: 50px;
}

.ecosystemIcon svg .cls-1, .ecosystemIcon svg, .ecosystemIcon svg path {
    fill: #B0B0B0 !important;
}
.ecosystemTitle {
    width: 80%;
    text-align: center;
    margin: 1rem auto;
}
.ecosystemTitle h3 {
    font-size: 42px;
}

.ecosystemDescription {
    font-size: 18px;
    text-align: center;
}
.ecosystemDescription p:first-child {
    margin-top: 0;
}
.ecosystemTile.slick-current .cls-1, .ecosystemTile.slick-current .ecosystemIcon svg, .ecosystemTile.slick-current .ecosystemIcon svg path {
    fill: #fff !important;
}
/*.ecosystemTile.slick-current h3, .ecosystemTile.slick-current .ecosystemDescription {*/
/*    color: #fff;*/
/*}*/
.ecosystemTileOverlay {
    background-color: rgba(29, 29, 27, 0.60);
    height: 100%;
}
.stripeEcosystem .ecosystemCtaButtons .buttonsContainer {
    text-align: center;
}

.stripeEcosystem:not(.redButton) .ecosystemCtaButtons .buttonsContainer a {
    color: #fff;
    background-color: transparent;
    border: none;
    box-shadow: none;
}
.ecosystemCtaButtons {
    margin-top: 30px;
}
.ecosystemTile:not(.slick-current) {
    cursor: pointer;
}
.imaDigitalInfographic .ecosystemTile:not(.slick-current) {
    display: none !important;
}
.ecosystemTile .button {
    background-color: #E01021;
    color: #fff;
}

.stripeEcosystem.whiteBackgroundColor .ecosystemTileOverlay{
    background-color: transparent;
}
.stripeEcosystem .ecosystemIconSmall{
    font-size: 11px;
    word-break: break-word;
}
.stripeEcosystem.whiteBackgroundColor .ecosystemIconSmall{
    background-color: #E3E3E3;
}
.stripeEcosystem.whiteBackgroundColor .ecosystemIconSmall:hover{
    background-color: #E01021;
}
.stripeEcosystem.whiteBackgroundColor .ecosystemSelector.active .ecosystemIconSmall{
    background-color: #E01021;
}
/*.stripeEcosystem.whiteBackgroundColor .ecosystemTile.slick-current h3, .stripeEcosystem.whiteBackgroundColor .ecosystemTile.slick-current .ecosystemDescription{*/
/*    color:#000;*/
/*}*/
.ecosystemTile.lightFontColor .ecosystemDescription {
    color: #fff !important;
}
.ecosystemTile.darkFontColor .ecosystemDescription, .stripeEcosystem.darkFontColor .ecosystemTitle {
    color: #000 !important;
}
.stripeEcosystem.whiteBackgroundColor .ecosystemIcon, .stripeEcosystem.whiteBackgroundColor .ecosystemName{
    display: none;
}
.stripeEcosystem.whiteBackgroundColor  .ecosystemSelector.active .ecosystemIconSmall {
    color: #fff;
}
/* Stripe agenda
------------------------------*/
.agendaNav.dashboardNav::before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    background: #c6c7c7;
}
.agendaNav.dashboardNav .navWrap {
    justify-content: flex-start;
}
.agendaNav.dashboardNav .navWrap .item{
    padding: 16px 0 12px;
    margin-right: 3rem;
}
.agendaEntryContainer {
    margin: 2rem 0;
    padding: 1.5rem;
    -webkit-box-shadow: 0px 0px 7px 0px rgba(155,155,155,0.5);
    -moz-box-shadow: 0px 0px 7px 0px rgba(155,155,155,0.5);
    box-shadow: 0px 0px 7px 0px rgba(155,155,155,0.5);
    align-items: flex-start;
    position: relative;
    background-color: #fff;
}
.timeContainer.flexWrapper {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-end;
    width: 5%;
}

.agendaActionsContainer.flexWrapper {
    width: 30%;
    justify-content: flex-end;
}
.agendaActionsContainer.flexWrapper > div {
    margin-left: 1.5rem;
}

.agendaDetailsContainer {
    width: 65%;
    padding: 0px 5rem;
    color: #B0B0B0;
    align-self: flex-start;
}
.agendaEntryContainer.active .agendaEntryMoreInfo {
    transition: all 0.3s;
}
.startTime {
    font-size: 28px;
    margin-bottom: 0.5rem;
}
.endTime {
    color: #B0B0B0;
}
.agendaEntrySignUp a {
    display: flex;
    justify-content: center;
    align-items: center;
}

.agendaEntrySignUp a span {
    margin-right: 0.5rem;
}
.agendaEntrySignUp, .agendaEntryAddToCalendar, .agendaEntryMoreInfo {
    z-index: 2;
}
.agendaActionsContainer, .agendaActionsContainer a{
    color: #B0B0B0 !important;
}
.agendaEntryMoreInfo{
    cursor: pointer;
}
.agendaActionsContainer a:hover, .agendaEntryMoreInfo:hover{
    color: #E01021 !important;
}
.agendaEntryDescription{
    display: none;
    margin: 20px 0;
}
.agendaEntryDescription p{
    margin: 0;
}
.agendaEntryContainer.active .agendaDetailsContainer {
    color: #4d4d4d;
}
.agendaEntryContainer.active .agendaEntryMoreInfo span.material-icons{
    transform: rotate(180deg);
}
.darkerBackgroundColor .agendaNav.dashboardNav::before, .darkerBackgroundColor .agendaNav.dashboardNav::after {
    background: #333;
}

.darkerBackgroundColor .agendaNav.dashboardNav .navWrap .item {
    color: #4D4D4D;
}

.darkerBackgroundColor .agendaNav.dashboardNav .navWrap .item.active {
    color: #e01021;
}

.darkerBackgroundColor h5.agendaEntryTitle {
    color: #E5EAEC;
}

.darkerBackgroundColor .agendaActionsContainer, .darkerBackgroundColor .agendaActionsContainer a {color: #fff !important;}
 .darkerBackgroundColor .agendaActionsContainer a:hover {color: #e01021 !important;}

.darkerBackgroundColor .agendaEntryDescription {
    color: #B0B0B0;
}

.darkerBackgroundColor .agendaEntryContainer {
    background-color: #333333;
    box-shadow: none;
}

/* Stripe embed
------------------------------*/
.embedNotLoggedContainer {
    height: 500px;
}

.embedNotLoggedContainer .darkOverlay {
    height: 100%;
    background-color: rgba(0,0,0,0.55);
}

.embedNotLoggedContent {
    height: 100%;
    padding: 0 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.stripeEmbed  h2.stripeTitle {
    color: #4d4d4d;
    margin-bottom: 36px;
    text-align: center;
}
h3.embedTitle {
    margin-bottom: 30px;
}

.stripeEmbed .message {
    margin-bottom: 30px;
}

/***********************************************************************************************************************
/* LOOP ITEMS
/**********************************************************************************************************************/
/* Block
------------------------------*/
.slideWideWideWrapper{
    position: relative;
}
.slideWideRow{
    position: absolute;
    transition: all 400ms cubic-bezier(0, 0, 0.2, 1);
}
.slideBlockTile{
    width: 350px;
    float: left;
    margin-right: 35px;
    position: relative;
}
/* .slideBlockTile a{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color: inherit;
} */
.slideBlockTile a{
    color: inherit;
}
.slideBlockTile .inside{
    overflow: hidden;
}
.slideBlockTile .date {
    font-size: 14px;
    font-style: italic;
}
.blockCat {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
}
.blockInfo {
    display: flex;
    align-items: center;
    color: #b0b0b0;
}
.slideBlockTile .title{
    margin: 0;
}
.slideBlockTile .abstract{
    color: #b0b0b0;
    font-size: 14px;
    margin-top: 5px;
    overflow:hidden;
}

/* Accordion Tile
------------------------------*/
.accordionTile .item.name{
    width: 80%;
}

/* Exhibition Tile / Machine Tile / Event Tile / Question Tile
------------------------------*/
.exhibitionTile,
.machineTile,
.eventTile,
.questionTile{
    box-sizing: border-box;
    padding: 20px 30px;
    font-size: 21px;
    background: #ffffff;
    position: relative;
}
.exhibitionTile .tableWrapper,
.machineTile .tableWrapper,
.attachmentTile .tableWrapper{
    display: table;
    width: 100%;
}
.exhibitionTile .tableWrapper a {
    width: 100%;
    display: table;
}
.exhibitionTile a.exhibition{
    display: table;
}
.exhibitionTile a.exhibition,
.machineTile a{
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
    color: #4d4d4d !important;
}
.attachmentTile a{
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
    color: #4d4d4d !important;
    position: absolute;
}
.exhibitionTile:not(:first-of-type),
.machineTile:not(:first-of-type){
    margin-top: 20px;
}
.machineItem{
    display: table-cell;
    box-sizing: border-box;
    padding-right: 10px;
    vertical-align: middle;
}
.exhibitionItem{
    width: 22%;
    display: table-cell;
    box-sizing: border-box;
    padding-right: 10px;
    position: relative;
    vertical-align: middle;
}
.exhibitionItem .inside,
.machineItem .inside{
    display: table;
    width: 100%;
}
.exhibitionItem i,
.machineItem i{
    display: table-cell;
    vertical-align: middle;
    padding-right: 10px;
    width: 24px;
}
.exhibitionItem .text,
.machineItem .text{
    display: table-cell;
    vertical-align: middle;
    position: relative;
    top: 2px;
}
.exhibitionItem.name,
.machineItem.name{
    text-transform: uppercase;
}
.exhibitionItem.contact, .exhibitionItem.pageInfo  {
    width: 12%;
    text-transform: uppercase;
    font-weight: bold;
    text-align: right;
    padding-right: 10px;
    box-sizing: border-box;
}
.exhibitionShortInfo{
    height: 0;
    overflow-y: hidden;
}
.exhibitionShortInfo.show {
    display: block;
    width: 100%;
}
.exhibitionShortInfo .inside{
    margin-top: 20px ;
}
.exhibitionShortInfo .inside a.moreInfo {
    margin-top: 10px;
    display: block;
    text-transform: uppercase;
    font-weight: bold;
}
/* Machine Tile
------------------------------*/
.machineItem.descriptor{
    width: 44%;
}
.machineItem.contact{
    text-align: right;
    width: 28%;
}
.machineItem.contact i{
    padding-right: 0;
    padding-left: 15px;
}
.loopProductWrapper.slideBlockTile {
    width: 550px;
    margin: 0;
    margin-right: 35px;
    min-height: 300px;
}

.productStreamContainer.slideWideWideWrapper{
    min-height: 300px;
}
/* Event Tile
------------------------------*/
.eventTile{
    width: 100%;
    margin-bottom: 10px;
}
.eventTile .item.mobile{
    display: none;
}
.eventTile a{
    color: #4d4d4d;
}
.eventTile .wrapper{
    display: flex;
    align-items: center;
}
.eventTile .item{
    display: flex;
    align-items: center;
    width: 27%;
}
.eventTile .action{
    justify-content: flex-end;
    width: 19%;
    text-transform: uppercase;
    font-weight: bold;
}
.eventTile i{
    padding-right: 10px;
    width: 24px;
}
.eventTile .accordionHidden,
.questionTile .accordionHidden{
    font-size: 18px;
    line-height: 1.2em;
    overflow: hidden;
    height: 0;
}
.eventTile.accordionTileOpen .accordionHidden{
    height: auto;
}
.eventDescription .inside{
    margin-top: 20px;
}
.eventDescription .eventInfo{
    color: #e01021;
    margin-top: 10px;
    display: block;
    text-transform: uppercase;
    font-weight: bold;
}

/* Attachment Tile
------------------------------*/
.attachmentTile{
    position: relative;
    box-sizing: border-box;
    width: 100%;
    padding: 15px 30px;
    background: #ffffff;
    margin-bottom: 10px;
}
.attachmentTile:not(:first-of-type) {
    margin-top: 3px;
}
.attachmentTile .left{
    display: table-cell;
    padding-right: 25px;
    box-sizing: border-box;
    width: calc(100% - 40px);
    vertical-align: middle;
}
.attachmentTile .right{
    display: table-cell;
    width: 40px;
    vertical-align: middle;
}
.attachmentTile .right i{
    margin-left: 3px;
    position: relative;
    top: 3px;
}
.attachmentTile .date,
.attachmentTile .size{
    font-weight: bold;
}
.attachmentTile .separator{
    margin: 0 5px;
}
.attachmentTile .text{
    font-weight: normal;
}

/* Webinar
------------------------------*/
.stripeWebinar .centralWrapper{
    display: flex;
    justify-content: space-between;
}
.stripeWebinar .centralWrapper > div{
    width: 45%;
}
.stripeWebinar h3,
.stripeWebinar .webinarTitleWrapper,
.stripeWebinar .description{
    margin-bottom: 20px;
}
.stripeWebinar .webinarTitleWrapper{
    display: block;
}
.stripeWebinar .imageWrapper img{
    max-width: 100%;
}
.webinarsStreamTitle {
    border-top: 1px solid #E6E9EB;
    border-bottom: 1px solid #E6E9EB;
    padding: 45px 0;
    font-size: 36px;
    margin: 75px 0;
}
.resourcesContainer {
    border-top: 1px solid #E6E9EB;
    padding: 45px 0;
    margin: 75px 0;
}

.resourcesContainer h2 {
    margin-bottom: 75px;
}
.webinarResource.flexContainer {
    width: 100%;
    height: auto;
    position: relative;
    align-items: center;
    padding: 30px 0;
    -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3);
    margin-bottom: 20px;
    transition: all 0.3s;
    overflow: hidden;
}
.webinarResource.flexContainer:nth-child(n+4) {
    height: 0;
    padding: 0;
    margin-bottom: 0;
}
.webinarResource.flexContainer.newlyVisible {
    height: auto;
    padding: 30px 0;
    margin-bottom: 20px;
}
.webinarImageWithLink{
    position: relative;
    background-size: cover;
    background-position: center;
    height: 100%;
}
a.absoluteInRelative {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.flexContainer.resourcesShowAll {
    text-transform: uppercase;
    line-height: 2;
    cursor: pointer;
    margin-top: 40px;
}

.flexContainer.resourcesShowAll span.showAllLabel {
    margin-left: 10px;
}
.resourceIcon {
    /* flex-grow: 1; */
    width: 65px;
    text-align: center;
    padding: 0 20px;
    box-sizing: border-box;
}

.resourceTitle {
    /* flex-grow: 3; */
    width: calc(100% - 225px);
}

.resourceButton {
    /* flex-grow: 1; */
    width: 160px;
    text-align: center;
    padding: 0 20px;
    box-sizing: border-box;
}

.resourceButton a {
    margin: 0;
}

/* Publication
------------------------------*/
.loopPublication{
    position: relative;
    z-index: 1;
    margin: 20px 0;
}
.loopPublication .button{
    margin-left: 2px;
}

/* Archive
-------------------------------------------------------------- */
.filtersWrapper{
    padding-bottom: 5px;
    border-bottom: 1px solid #cccccc;
    margin-bottom: 50px;
}
.filterTitle{
    font-weight: bold;
    margin-right: 50px;
    text-transform: uppercase;
}
.filterTitle i{
    margin-right: 10px;
}
.filterSelected{
    margin-right: 50px;
    position: relative;
}
.filterSelected .filterValue{
    color: #ff0000;
    margin-left: 10px;
    cursor: pointer;
}
.filterValue.hidden{
    display: none;
}
.filterOptions{
    position: absolute;
    background: #ffffff;
    top: 100%;
    padding: 25px;
    width: 200px;
    display: none;
    left: 0;
    z-index: 9;
    max-height: 255px;
    overflow: auto;
    margin: 1px;
}
.filterOption{
    cursor: pointer;
    transition: 0.5s;
    margin: 5px 0;
}
.filterOption.active, .filterOption:hover{
    color: #ff0000;
}
.filterOptions .filterOption.allOption{
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #cccccc;
}
/* Filter Inline
-----------------------------*/
.filterInLine .filterOption{
    margin: 0 20px;
}
.filterInLine .filterValue{
    height: 0;
    width: 0;
    overflow: hidden;
}
ul.filterSelect.flexContainer.threadCats li {
    list-style: none;
    text-transform: uppercase;
    cursor: pointer;
    margin: 0 20px 10px 0;
    color: #b0b0b0;
    font-weight: bold;
}

ul.filterSelect.flexContainer.threadCats {
    margin: 0;
    flex-wrap: wrap;
}

ul.filterSelect.flexContainer.threadCats li.active {
    color: #e01021;
}
.filterStripe form.filterFormList {
    display: flex;
    justify-content: flex-start;
    flex-wrap: nowrap;
    align-items: flex-start;
}

.filterStripe form.filterFormList .filterTitle {
    min-width: 115px;
    margin-bottom: 20px;
}
.filterItems {
    margin-top: 2px;
}

/***********************************************************************************************************************
// PAGES STYLE
/**********************************************************************************************************************/
/* Page / Single Standard
-------------------------------------------------------------- */
.pagePadding{
    padding: 50px 0;
}
.leftCol {
    width: 58%;
    float: left;
}
.rightCol {
    width: 27%;
    float: right;
}
.pageTitle {
    margin: 0 auto 30px auto;
    display: inline-block;
    width: 100%;
}
.pageCover img{
    max-width: 100%;
    height: auto;
    margin-bottom: 30px;
}
/* Children Button
-----------------------------*/
.buttonFloat.children{
    display: block;
    margin-bottom: 5px;
    height: inherit;
}
.attachmentTile.children{
    display: block;
    color: #4d4d4d;
    cursor: pointer;
}
.attachmentTile.children a{
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* Page Products
-------------------------------------------------------------- */
#pageSettings{
    display: none;
}
#loadingWrapper{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #ffffff;
    /*background: rgba(255,255,255,0.8);*/
    z-index: 99999999;
    /*display: none;*/
}
#loadingWrapper img{
    width: 70px;
    height: auto;
}
#productsSearch{
    position: relative;
}
.customSearch i{
    position: absolute;
    font-size: 36px;
    top: 15px;
}
.customSearch input{
    border: none;
    box-shadow: none;
    width: 100%;
    padding: 20px 50px;
    font-size: 20px;
    font-family: Cronos, sans-serif;
    box-sizing: border-box;
}
.filterWrapper{
    float: left;
    width: 18%;
    padding-right: 2%;
}
.resultsWrapper{
    float: right;
    width: 80%;
    position: relative;
}
.productsColumn{
    margin: 20px 0;
}
.productsColumn .lineTitle{
    font-size: 21px;
    position: relative;
}
.productsColumn .lineTitle span{
    position: absolute;
    left: 30px;
    top: 4px;
}
/* Product Loop
---------------------------------*/
.loopSelection{
    margin-bottom: 50px;
    position: relative;
    visibility: hidden;
}
.loopSelection .line{
    background: #b1b1b1;
    border: medium none;
    height: 100%;
    left: 13.5px;
    top: 15px;
    width: 1px;
    z-index: 1;
    opacity: 0.7;
    position: absolute;
}
.productionsLoop .macroStepWrapper:first-child{
    padding-top: 0;
}
.macroStepWrapper{
    padding: 20px 0;
}
.macroStepWrapper .title{
    position: relative;
}
.macroStepWrapper .title .dot{
    width: 20px;
    height: 20px;
    border-radius: 20px 20px 20px 20px;
    -moz-border-radius: 20px 20px 20px 20px;
    -webkit-border-radius: 20px 20px 20px 20px;
    display: inline-block;
    margin: 4px;
    position: relative;
    z-index: 3;
}
.macroStepWrapper .title .openStep{
    font-size: 21px;
    display: inline-block;
    position: absolute;
    top: 6px;
    left: 45px;
    cursor: pointer;
}
.macroStepWrapper .title .openStep .text{
    display: inline-block;
    position: relative;
    bottom: 9px;
}
.macroStepWrapper .stepArrow{
    position: relative;
    bottom: 3px;
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    transition: all 0.5s ease;
}
.macroStepWrapper.open .stepArrow{
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.stepProducts{
    box-sizing: border-box;
    width: 100%;
    padding-left: 35px;
    overflow: hidden;
}
/* Quick Search */
.quickSearchWrapper{
    position: relative;
}
.quickSearchBox{
    position: absolute;
    width: 100%;
    max-height: 400px;
    overflow-y: auto;
    z-index: 8;
    background: #ffffff;
    box-sizing: border-box;
    padding: 30px;
    display: none;
}
.quickSearch{
    cursor: pointer;
}
.quickHighlight img{
    max-width: 100%;
    max-height: 75px;
}
.quickHighlight{
    display: block;
}
.quickHighlight:not(:first-of-type){
    margin-top: 10px;
}
/* Switch View */
.switchViewWrapper{
    position: absolute;
    right: 0;
    z-index: 5;
}
.switchViewWrapper .inside{
    display: inline-block;
    position: relative;
}
.switchViewWrapper .title{
}
.switchViewWrapper .item{
    float: left;
}
.switchView.item{
    margin-left: 30px;
}
.switchView.item input[type=radio]{
    display: none;
}
.switchView.item label{
    padding-left: 30px;
    position: relative;
    color: #b0b0b0;
    display: inline-block;
    cursor: pointer;
}
.switchView.item label i{
    position: relative;
    bottom: 1px;
    margin-right: 2px;
}
.switchView.item label .text{
    position: relative;
    bottom: 7px;
}
.switchView.item label .radioRoundExt{
    position: absolute;
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 20px 20px 20px 20px;
    -moz-border-radius: 20px 20px 20px 20px;
    -webkit-border-radius: 20px 20px 20px 20px;
    left: 0px;
    box-sizing: border-box;
    border: 2px solid #b0b0b0;
}
.switchView.item input + label .radioRoundInt {
    display: none;
}
.switchView.item input[type=radio]:checked + label .radioRoundInt{
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    position: absolute;
    top: 3px;
    left: 3px;
}
/* Loop Spoiler */
.loopProductRow{
    display: block;
}
.loopProductWrapper{
    position: relative;
    width: 48%;
    margin: 1%;
    float: left;
    box-sizing: border-box;
    min-height: 250px;
}
.loopProductWrapper a{
    color: inherit;
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
}
.loopProductWrapper .left{
    float: left;
    width: 50%;
    margin: 5% 0 5% 10px;
    height: 86%;
    position: absolute;
}
.loopProductWrapper .right{
    float: right;
    width: 40%;
    padding: 15px 0;
}
.loopProductWrapper .thumbnail{
    max-width: 100%;
    max-height: 100%;
    height: auto;
}
.loopProductWrapper .title{
    color: #ffffff;
    padding: 15px;
}
.loopProductWrapper .descriptor{
    padding: 10px 20px 10px 0;
    font-size: 14px;
    line-height: 16px;
    margin-top: 10px;
}
.loopProductWrapper .descriptorMobile{
    display: none;
    line-height: 16px;
    margin-top: 10px;
}
.loopProductWrapper .machineSpeed{
    padding: 10px 20px 10px 0;
    display: table;
    width: 100%;
    box-sizing: border-box;
}
.loopProductWrapper .machineSpeed > *{
    display: table-cell;
    vertical-align: middle;
}
.loopProductWrapper .machineSpeed span{
    padding-left: 10px;
    font-size: 16px;
    line-height: 1.2em;
}
/* Loop List */
.loopProductWrapper.productList{
    width: 31%;
}
.loopProductWrapper.productList .container{
    padding: 15px 0;
    width: 80%;
}
.loopProductWrapper.productList .descriptor,
.loopProductWrapper.productList .machineSpeed{
    padding-left: 15px;
}
.flexContainer.groupContainers {
    align-items: flex-start;
    justify-content: space-between;
}

.flexContainer.productsFlexContainer {
    flex-wrap: wrap;
}

.productsFlexContainer .loopProductWrapper.slideBlockTile {
    width: calc(50% - 35px);
    margin-bottom: 50px;
    margin-right: 0;
    margin-left: 35px;
}
.productsStripeStreamGroup .pageTitle.stripeTitle {
    padding-bottom: 20px;
    border-bottom: 1px solid #C9C9C9;
}

.flexContainer.highlightContainers .loopProductWrapper.slideBlockTile {
    width: 100%;
    margin: 0;
    min-height: 400px;
}


.highlightContainers .loopProductWrapper .title .inside {
    font-size: 26px;
    padding: 5px 0;
}


.highlightContainers .description {
    margin-bottom: 50px;
    width: 50%;
}
.highlightContainers .loopProductWrapper .descriptor {
    font-size: 18px;line-height: 1.2;
}
/* Filters
---------------------------------*/
.filterCentralWrapper{
    position: unset!important;
}
.filterItem{
    margin: 40px 0;
}
.filterItem.off{
    color: #b0b0b0;
}
.filterItem .filterTitle{
    text-transform: uppercase;
    font-weight: bold;
    border-bottom: 1px solid #4d4d4d;
    padding-bottom: 3px;
    display: table;
    width: 100%;
}
.filterItem .filterTitle .text{
    display: table-cell;
    width: calc(100% - 25px);
    vertical-align: middle;
}
.filterItem .filterTitle i{
    display: table-cell;
    width: 25px;
    vertical-align: middle;
}
.filterItem.clearButtons{
    text-align: center;
}
.filterItem .offMessage{
    margin-top: 3px;
    font-size: 14px;
}
.filterValues .filterAdd{
    margin-top: 10px;
}
.filterValues .addIcon{
    border-radius: 26px 26px 26px 26px;
    -moz-border-radius: 26px 26px 26px 26px;
    -webkit-border-radius: 26px 26px 26px 26px;
    display: inline-block;
    padding: 3px;
    color: #ffffff;
    font-size: 20px;
    position: relative;
    z-index: 1;
}
.filterValues .addIcon i{
    margin: 0;
    padding: 3px;
}
.filterChoicesData{
    margin-top: 10px;
}
.filterChoice{
    margin: 5px 0;
}
.filterChoice .inside{
    position: relative;
    display: inline-block;
    padding-right: 30px;
}
.filterChoice i{
    position: absolute;
    right: 2px;
    font-size: 15px;
    top: 2px;
    cursor: pointer;
}
.filterBoxWrapper{
    position: relative;
}
.filterBox{
    position: absolute;
    width: 100%;
    max-height: 450px;
    overflow-y: auto;
    display: none;
    z-index: 8;
    background: #ffffff;
    box-sizing: border-box;
    padding: 30px;
}
.filterBox .filterValue{
    cursor: pointer;
}
/* Filter List */
.filterBox.filterList{
    box-sizing: border-box;
    padding: 15px 30px;
    color: #b0b0b0;
}
.filterList .filterValue{
    margin: 2px 0;
    cursor: pointer;
}
.filterList .filterValue span{
    display: inline-block;
}

/* Filter Image */
.filterBoxWrapper.wide{
    position: inherit;
}
.filterBox.wide{
    position: absolute;
    left: 0;
    width: 100%;
    height: inherit;
}
.filterImage .filterValue{
    float: left;
    text-align: center;
    margin-right: 20px;
    margin-bottom: 20px;
    opacity: 0.6;
    transition: all 0.5s;
}
.filterImage .filterValue:hover,
.filterImage .filterValue.active{
    opacity: 1;
}
.filterImage .filterValue .image{
    width: 100px;
    height: 100px;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
}
/* Filter Column */
.filterColumns{
    height: inherit;
}
.columnTitle{
    font-size: 21px;
    margin-bottom: 10px;
}
.filterColumn {
    float: left;
    width: 23%;
    margin: 0 1%;
}
.filterColumn.first{
    width: 24%;
    margin-right: 1%;
    margin-left: 0;
}
.filterColumn.last{
    width: 24%;
    margin-right: 0%;
    margin-left: 1%;
}
.columnItems .itemList {
    color: #b0b0b0;
}
.columnItems .itemList .filterPlus{
    display: inline-block;
}

/* Page Archive
-------------------------------------------------------------- */
.archiveStream.forYears {
    margin-top: 0;
}
.paginationInfo,
.loadWrapper{
    display: none;
}
.archiveStream {
    margin-top: 50px;
}
.archiveStream .slideBlockTile{
    width: 31%;
    margin: 1%;
    height: 0!important;
    padding: 13% 0;
}
.archiveStream .loadButton{
    margin-top: 50px;
}
.filterStripe form{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.filterStripe .filterTitle{
    display: flex;
    align-items: center;
    margin-right: 25px;
}
.filterStripe .filterTitle i{
    margin-right: 5px;
}
.filterStripe .filterItem{
    display: flex;
    align-items: center;
}
.filterStripe .filterItem{
    display: inline-block;
    width: 200px;
}
.filterSelect.flexContainer.threadCats a {
    margin-right: 15px;
    text-transform: uppercase;
    color: #b1b1b1 !important;
    font-weight: bold;
}

.filterSelect.flexContainer.threadCats a:hover, .filterSelect.flexContainer.threadCats a.selected {
    color: #e01021!important;
}
/* Page Contacts
-------------------------------------------------------------- */
.flexWrapper{
    display: flex;
    justify-content: space-between;
}
.flexWrapper .flexItem{
    width: 45%;
}
.contactWrapper{
    margin-top: 40px;
}
.contactResult{
    margin: 50px 0;
}
.entityWrapper{
    padding-top: 50px;
    margin-top: 50px;
    border-top: 1px solid #e3e3e3;
}
.entityWrapper:nth-child(1) {
    border-top: none;
    padding-top: 25px;
    margin-top: 25px;
}
.contactHead{
    margin-bottom: 20px;
}
.contactBlock{
    margin-bottom: 10px;
}
.contactSectors {
    font-weight: bold;
}
.contactThumb img{
    margin: 0;
}
.contactCats{
    color: #b0b0b0;
}
.contactTitle{
    font-size: 24px;
}
.contactBlock .infoText{
    margin-bottom: 15px;
}
.corporateContact{
    padding-top: 25px;
    margin-top: 25px;
}
.corporateContact .name{
    float: left;
    position: relative;
    top: 15px;
}
.corporateContact .contactAction{
    float: right;
}

/* Page Jobs
-------------------------------------------------------------- */
.jobsCatsWrapper{
    padding-top: 40px;
}
.jobsCatsWrapper:nth-child(1){
    border-top: none;
}
.jobsCatsWrapper > .title{
    margin-bottom: 30px;
}
.jobsStream{
    display: flex;
    flex-wrap: wrap;
}
.jobsStream .jobTile{
    width: 23.5%;
    margin-right: 2%;
    box-sizing: border-box;
    margin-bottom: 50px;
}
.jobsStream .jobTile:nth-child(4n){
    margin-right: 0;
}
.jobTile .jobTitle{
    font-size: 30px;
    padding-bottom: 20px;
    border-bottom: 1px solid #b0b0b0;
    padding: 20px;
    line-height: 1.2em;
    color: #4d4d4d;
}
.jobInfos{
    padding: 20px;
    border-bottom: 1px solid #b0b0b0;
    color: #4d4d4d;
}
.jobInfos .item{
    display: flex;
    align-items: center;
    font-weight: bold;
    margin: 5px 0;
}
.jobInfos .item i{
    margin-right: 10px;
}
.singleJob .jobInfos{
    padding: 0;
    border: none;
    margin-bottom: 40px;
}
.jobTile .cta{
    padding: 20px;
    color: #b0b0b0;
    display: flex;
    font-weight: bold;
    align-items: center;
}
.jobTile .cta span{
    margin-right: 10px;
}
.jobApplyLink{
    margin-top: 50px;
    padding-top: 50px;
    border-top: 1px solid #b0b0b0;
}

/* Page Login
-------------------------------------------------------------- */
.qthemeLogin.recoverPwd,
.qthemeLogin.editPwd{
    display: none;
}
.qthemeLogin .actionUILogin {
    cursor: pointer;
}
.qthemeLogin #loginMessage{
    color: red;
}
.qthemeLogin #loginMessage.success{
    color: green;
}

/* Page 404
-------------------------------------------------------------- */
.content404{
    text-align: center;
    padding: 30px 0;
}
.content404 h1{
    font-size: 90px;
    font-weight: bold;
    margin-bottom: 5px;
}
.content404 .pageNotFound{
    font-size: 30px;
    font-weight: bold;
}
.content404 .disclaimer{
    margin-top: 30px;
    font-size: 22px;
}

/* Page Work with us
-------------------------------------------------------------- */
#imaCV {
    width: 100%;
    min-height: 500px;
}

/* Page Firewall
-------------------------------------------------------------- */
#pageFirewall .qthemeSubmit{
    margin-top: 30px;
}
.firewallQibForm .selectQib{
    display: none;
}
/* Page Masonry
-------------------------------------------------------------- */
.masonry {
	counter-reset: grid-item;
}
.masonry:after {
	content: '';
	display: block;
	clear: both;
}
.masonry-wrapper {
	padding: 4em 0;
	max-width: 100%;
	margin-right: auto;
	margin-left: auto;
}

.masonry-item {
	border-radius: 4px;
	overflow: hidden;
	float: left;
	width: 30%;
	margin-bottom: 5%;
	-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.3);
    transition: all 0.4s;
	position: relative;
}


.masonry-gutter-sizer {
	width: 3%;
}


.masonry-item:hover{
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.4);
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.4);
}

.masonry-item:nth-child(6n+1) .masonry-image {
    height: 410px;
}
.masonry-item:nth-child(6n+2) .masonry-image {
    height: 410px;
}
.masonry-item:nth-child(6n+3) .masonry-image {
    height: 280px;
}
.masonry-item:nth-child(6n+4) .masonry-image {
    height: 340px;
}
.masonry-item:nth-child(6n+5) .masonry-image {
    height: 340px;
}
.masonry-item:nth-child(6n) .masonry-image {
    height: 280px;
}
.masonry-title, .masonry-description {
	margin: 0;
}
.masonry-container {
	padding: 1.5rem ;
}
.blogpostCategory {
    color: #E01021;
    font-weight: 600;
    margin-bottom: 1rem;
	font-size: 17px;
}

.masonry-container .blogpostAuthor {
    display: inline-flex;
    margin-bottom: 1rem;
    color: #B0B0B0;
	font-size: 16px;
}

.masonry-container .blogpostAuthor span.material-icons, .masonry-container .blogpostAuthor .fa {
    font-size: 1rem;
    margin-right: 0.5rem;
}
h3.blogpostTitle {
    font-size: 21px;
}
.blogpostDescription {
    color: #B0B0B0;
	font-size: 16px;
	line-height: 1.3;
}
.onethirdfirst .box.one {
    width: 32% !important;
}

.onethirdfirst .box.two {
    width: 65% !important;
}

.onethirdfirst .box.one .tile {
    box-shadow: none;
}
.masonry-separator {
    margin-bottom: 3rem;
    border-bottom: 0;
    padding-bottom: 1rem;
}
/***********************************************************************************************************************
// SINGLE STYLES
/**********************************************************************************************************************/
/* Single Product
-------------------------------------------------------------- */
#singleProductLayout{
    position: relative;
}
#singleProductLayout .title{
    margin-bottom: 35px;
}
.stripe.topShadow{
    -webkit-box-shadow: 0px -4px 3px -3px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px -4px 3px -3px rgba(0,0,0,0.3);
    box-shadow: 0px -4px 3px -3px rgba(0,0,0,0.3);
}
.productInfo{
    background: #ffffff;
    position: relative;
    position: fixed;
    right: 5%;
    bottom: 5%;
    z-index: 90;
    cursor: pointer;
}
.productInfo a{
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}
/* coffee fixed button */
a.centerdIcon {
    display: flex;
    justify-content: center;
    align-items: center;
}
/* Cover */
#productCover{
    position: relative;
}
#productCover.focusActive #productTitle.centeredVertical {
    top: 40%;
}
#productTitle{
    position: absolute;
    z-index: 1;
    text-align: center;
    color: #ffffff;
    width: 100%;
}
#productName{
    font-size: 100px;
    text-transform: uppercase;
    line-height: 1em;
}
#productName img{
    max-width: 100%;
}
#productDescriptor{
    font-size: 32px;
}
/* Thread */
#productThreads{
    background: #ebeef0;
}
.threadDate{
    margin-bottom: 5px;
}
/* Overview */
#productOverview .box,
#productVersions .box{
    vertical-align: top;
}
#sustainability{
    margin-top: 60px;
}
#sustainability i{
    font-size: 48px;
    color: #8ac43f;
    margin-right: 25px;
}
#sustainability h2{
    display: inline-block;
    position: relative;
    bottom: 10px;
}
/* Versions */
.versionsSlider .slick-list {
    overflow: hidden;
}
.versionsSliderDot {
    font-weight: bold;
    color: #BCBCBC;
    background-color: #fff;
    border: 1px solid #DEDEDE;
    padding: 13px 24px;
    border-radius: 50px;
    margin-right: 1rem;
    cursor: pointer;
    transition: all 0.3s;
    line-height: 1rem;
}

div#versionsNavs {
    margin: 2rem 0 3rem;
}

li.slick-active .versionsSliderDot, .versionsSliderDot:hover {
    color: #fff;
    background-color: #E01021;
}
.versionSlide {
    -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.36);
    -moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.36);
    box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.36);
    padding: 100px 65px;
    border-radius:5px;
    margin: 0.5rem;
}

/* Entities */
#productEntities{
    position: relative;
    color: #b1b1b1;
    padding: 30px 0;
    z-index: 3;
}
#productEntities .brands{
    float: left;
}
#productEntities .brands img{
    height: 50px;
    width: auto;
    margin-right: 20px;
}
#productEntities .plants{
    float: right;
}
#productEntities .plants .label{
    position: relative;
    margin-bottom: 5px;
}
#productEntities .plants .label i{
    font-size: 20px;
}
#productEntities .plants .label .text{
    font-size: 18px;
    position: relative;
    bottom: 5px;
}
#productEntities .plant{
    font-size: 21px;
}
/* Highlights */
.stripeHighlights{
    background: #ebeef0;
}
.stripeHighlights .highlightsRow{
    display: inline-block;
    width: 100%;
    margin-top: 50px;
}
.stripeHighlights .highlightsRow.firstRow{
    margin-top: 0;
}
.stripeHighlights .highlight{
    float: left;
    box-sizing: border-box;
    padding: 0 30px;
}
.stripeHighlights .highlight.first{
    padding: 0 30px 0 0;
}
.stripeHighlights .highlight.close{
    padding: 0 0 0 30px;
}
.stripeHighlights.three .highlight{
    width: 33%;
}
.stripeHighlights.four .highlight {
    width: 25%;
}
.highlightNumber{
    font-size: 2em;
    margin-bottom: 20px;
    line-height: 1em;
}
/* Addon */
#productAddon{
    background: #ebeef0;
}
.boxAddon{
    width: 23.5%;
    margin: 1%;
    float: left;
    background: #ffffff;
}
.boxAddon.first{
    margin-left: 0;
}
.boxAddon.last{
    margin-right: 0;
}
.boxAddon .tileTitle .fixedHeight{
    overflow: hidden;
    height: 19px;
}
.boxAddon .viewImg i{
    padding: 15px;
}
/* Product Output */
#productOutput .stripeTitle {
    margin-bottom: 50px;
}
.slideBlockElement{
    width: 200px;
    float: left;
    margin-right: 35px;
    position: relative;
}
.slideBlockElement .elementImage{
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 200px;
}
.slideBlockElement .elementTitle{
    text-align: center;
    margin-top: 10px;
}
/* Techs Data */
#productTechMenu{
    width: 100%;
    padding: 25px 0;
    text-align: center;
    border-bottom: 1px solid #f0f0f0;
    -webkit-box-shadow: 0px -3px 3px -3px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px -3px 3px -3px rgba(0,0,0,0.5);
    box-shadow: 0px -3px 3px -3px rgba(0,0,0,0.5);
}
#productTechMenu.noshadow{
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
#productTechLayout .inside .productLayout:first-child{
    margin-top: 0;
}
.productLayout{
    display: block;
    margin: 25px auto 0;
    max-width: 100%;
}
.techBox img{
    display: block;
    margin: auto;
}
/* Scrollable Boxes */
.scrollableTabs ul {
    margin: 0;
    display: inline-block;
    position: relative;
    width:100%;
}
.scrollableTabs li {
    display: inline-block;
    list-style: none;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0 20px;
    cursor: pointer;
    text-align: center;
}
.scrollableTabs .scrollableSlider {
    display: block;
    position: absolute;
    bottom: -25px;
    left: 0;
    height: 2px;
    margin: 0 25px;
    transition: all 0.5s;
}
.scrollableNavBoxesWrapper{
    position: relative;
}
.scrollableNavWrapper{
    display: block;
    margin: 0 5%;
    position: absolute;
    width: 90%;
}
.scrollableNav{
    background: #ffffff;
    color: #4d4d4d;
    cursor: pointer;
}
.scrollableNav.left{
    float: left;
}
.scrollableNav.right{
    float: right;
}
.scrollableBoxWrapper{
    position: relative;
    display: block;
    margin: 70px auto 0;
    width: 80%;
    overflow: hidden;
    z-index: 9;
}
.scrollableRow{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.scrollableBox{
    float: left;
    width: 100%;
    overflow-x: hidden;
    opacity: 0;
    transition: opacity 0.3s;
}
.scrollableBox.active{
    display: block;
    opacity: 1;
}
.scrollableBox.inside{
    text-align: center;
}
#productTechVideo.scrollableBox .inside{
    box-sizing: border-box;
    padding: 5px;
}
.scrollableBox .centralWrapper {
    width: 100%;
    box-sizing: border-box;
}

.scrollableBox .boxesContainer  .box.boxText.two {
    padding-left: 20px;
}

.scrollableBox .boxesContainer  .box.boxText.one {
    padding-right: 20px;
}
.scrollableBoxWrapper .slick-slide{
    overflow:hidden;
}
.scrollableRow .stripeSlides{
    overflow: hidden;
}
.scrollableRow .sliderContainer .secondSlideContainer{
    width: 90%;
    margin: 0 auto;
}

/* Gallery Slide */
#productGallery {
    background: #ebeef0;
}
#productGallery .title{
    text-align: center;
}
#productGallery .scrollableBoxWrapper{
    width: 70%;
}
#productGallery .scrollableNavWrapper{
    top: calc(50% - 30px);
}
#productGallery .coverBg{
    background-size: contain;
}
.galleryDescription{
    text-align: center;
    box-sizing: border-box;
    padding: 0 15px;
    margin-top: 25px;
}
.galleryImage .viewImg{
    display: none;
    transition: all 0.5s;
}
.galleryImage:hover .viewImg{
    display: block;
}
.bb-lightbox-slide-content{
    background: none;
}
.bb-lightbox-media-img{
    background-image: none!important;
    margin: auto;
}
.bb-lightbox-pager-button{
    height: 20px;
    margin: 2px;
    width: 20px;
}
.bb-lightbox-pager-active .bb-lightbox-pager-button{
    background-color: #e01021;
}
.material .bb-lightbox-texts{
    background: none;
    font-size: 10px;
    color: #ffffff;
    padding: 0;
}
.lightboxHtml{
    width: 800px;
    background: #ffffff;
}

/* Single Webinar
-------------------------------------------------------------- */
.webinarTitleWrapper {
    display: flex;
    justify-content: space-between;
}
.webinarTitleWrapper .left{
    width: 50%;
    margin-right: 20%;
}
.webinarTitleWrapper .right{
    width: 20%;
    margin-right: 10%;
    padding-top: 21px;
}
.webinarTitleWrapper .type{
    color: #acacac;
    text-transform: uppercase;
    font-weight: bold;
}
.webinarTitleWrapper h1{
    font-weight: bold;
    line-height: 1.2em;
}
.webinarTitleWrapper .infoItem{
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
.webinarTitleWrapper .infoItem i{
    margin-right: 10px;
}
.liveVideoWrapper{
    display: flex;
    align-items: center;
    justify-content: center;
}
.responsiveVideo {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    padding-top: 30px;
    position: relative;
}
.responsiveVideo iframe,
.responsiveVideo object,
.responsiveVideo embed {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.webinarVideo .coverVideo{
    width: 100%;
    height: 300px;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    display: flex;
    align-items: center;
}
.webinarVideo .coverVideo .overlay{
    background: rgba(0,0,0,0.5);
    display: flex;
    align-items: center;
    justify-content: center;
}
.webinarVideo .coverVideo .overlay i{
    color: #ffffff;
    font-size: 74px;
}
.webinarVideo .coverVideo a{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
}
.webinarVideo .text{
    font-size: 48px;
    color: #ffffff;
    line-height: 1em;
}
.liveVideoWrapper video{
    background: #000000;
}
.liveVideoWrapper iframe{
    width: 100%;
    height: 500px;
    background: #000000;
}
.liveVideoWrapper i{
    position: absolute;
    font-size: 74px;
    display: none;
    cursor: pointer;
}
.webinarStripe h2{
    line-height: 1.2em;
    margin-bottom: 40px;
}
.webinarMessage{
    border-bottom: 1px solid #EBEEF0;
}
.webinarMessage .qthemeForm{
    width: 700px;
    display: inline-block;
}
.webinarMessage textarea{
    box-sizing: border-box;
    padding: 15px;
    display: block;
    border: none;
    height: 200px;
    margin-bottom: 40px;
    font-family: Cronos, sans-serif;
    font-size: 14px;
}
.webinarInstructions .item{
    display: flex;
    align-items: center;
    margin: 20px 0;
}
.webinarInstructions .item i{
    margin-right: 20px;
}
.webinarInstructions .item span{
    font-size: 21px;
}
.webinarSlide .centralWrapper{
    display: flex;
    justify-content: space-between;
}
.webinarSlide .right img{
    max-width: 100%;
}
.webinarSlide .centralWrapper .left > *:not(:nth-child(1)){
    margin: 20px 0;
}
.webinarSlide .centralWrapper > div{
    width: 45%;
}
.webinarQuestions .questionTile{
    margin-bottom: 20px;
}
.webinarQuestions .questionMore {
    color: #4d4d4d;
    font-size: 21px;
}
.webinarQuestions .questionMore .wrapper{
    display: flex;
    align-items: center;
}
.webinarQuestions .questionMore .question{
    flex-grow: 2;
    padding: 0 20px;
}
.webinarQuestions .questionMore .action{
    text-transform: uppercase;
    font-size: 18px;
    font-weight: bold;
}
.webinarSpeakers .speakerStream{
    display: flex;
    flex-wrap: wrap;
}
.webinarSpeakers .speakerWrapper{
    width: 48%;
    box-sizing: border-box;
    margin-right: 4%;
    margin-bottom: 4rem;
}
.webinarSpeakers .speakerWrapper:nth-child(2){
    margin-right: 0;
}
.webinarSpeakers .speakerWrapper .avatar{
    display: inline-block;
    width: 200px;
    height: 200px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 200px 200px 200px 200px;
    -moz-border-radius: 200px 200px 200px 200px;
    -webkit-border-radius: 200px 200px 200px 200px;
    margin-bottom: 20px;
}
.webinarSpeakers .speakerWrapper .name{
    font-size: 21px;
    font-weight: bold;
    margin: 3px 0;
}
.webinarSpeakers .speakerWrapper .role{
    font-size: 21px;
    font-style: italic;
}
.webinarSpeakers .speakerWrapper .desc{
    margin-top: 15px;
    line-height: 1em;
}
.message {
    margin-bottom: 20px;
}
/* Single Story
-------------------------------------------------------------- */
.stripeMultimediaRelated h2{
    font-weight: bold;
    margin-bottom: 40px;
}
.multimediaRelated{
    display: flex;
    flex-wrap: wrap;
}
.loopStoryRel{
    width: 23.5%;
    margin-right: 2%;
    margin-bottom: 50px;
}
.loopStoryRel .cover{
    width: 100%;
    padding: 30% 0;
    height: 0;
    margin: 10px 0;
}
.loopStoryRel:nth-child(4){
    margin-right: 0;
}

/* Single Magazine
-------------------------------------------------------------- */
.singleMagazine .magazineTitle{
    background: #333333;
    color: #ffffff;
    text-align: center;
    padding: 80px 0;
}
.singleMagazine .magazineTitle h1{
    font-size: 60px;
    font-weight: bold;
    line-height: 1em;
}
.singleMagazine .box .title{
    font-size: 36px;
    line-height: 1.2em;
}
/* Case studies
-------------------------------------------------------------- */
.caseStudiesTtile {
    padding: 25px 0;
    text-align: center;
    border: 1px solid #E6E9EB;
}
/* section.caseStudies .centralWrapper {
    width: 900px;
} */
.caseStudiesTtile h3 {
    font-size: 36px;
    line-height: 1.2em;
}
ul.caseStudiesSelctor {
    padding: 15px 0;
    display: flex;
    margin-left: 0;
    justify-content: center;
    position: relative;
}

ul.caseStudiesSelctor li {
    list-style: none;
    margin-right: 80px;
}

ul.caseStudiesSelctor li a {
    text-transform: uppercase;
    font-weight: bold;
    color: #D8E5EC!important;
}

ul.caseStudiesSelctor li a:hover,ul.caseStudiesSelctor li:hover {
    color: #4d4d4d !important;
}

ul.caseStudiesSelctor li.ui-state-active a, ul.caseStudiesSelctor li.active {
    color: #e01021!important;
    position: relative;
}
.caseStudiesTitles {
    border-bottom: 1px solid #E6E9EB;
}

ul.caseStudiesSelctor li.ui-state-active a:after {content: '';width: 120%;height: 3px;background-color: #e01021;position: absolute;bottom: -22px;left: -10%;}
.caseStudyContent .centralWrapper {
    padding: 0;
    width: auto;
}

.singleMagazine .caseStudyContent .box .title, .caseStudiesContainer  .title, .clientLogoLabel, .productTypeLabel  {
    font-size: 18px;
    font-weight: bold;
}

.caseStudyContent .stripe {
    padding: 40px 0;
}
.flexContainer.dataContainer {
    margin-top: 40px;
}

.flexContainer.clientLogoContainer {
    margin-right: 100px;
}
.clientLogoLabel {
    margin-right: 5px;
}
section.caseStudies {
    margin-bottom: 70px;
}

.caseStudiesContent .normalBoxImage {
    text-align: left;
}
.caseStudyContent .normalBoxImage h3.title {
    display: block;
    margin-bottom: 30px;
}
 .scrollableTabs ul.caseStudiesSelctor .scrollableSlider{
    bottom: 0;
}
.caseStudyContent .inside img {
    margin: 20px 0;
}
.caseStudiesContent .scrollableBoxWrapper{
    padding-bottom: 100px;
}
.caseStudyMachines .flexContainer {
    flex-wrap: wrap;
    align-items: flex-start;
    align-items: stretch;
}

.caseStudyMachines .loopProductWrapper {
    float: none;
    margin-bottom: 40px;
}
.clientLogo img {
    max-height: 50px;
    margin-left: 10px;
}
.caseStudyMachines .title {
    line-height: 1.2;
    margin-bottom: 15px;
}
/* Single Product Insight
-------------------------------------------------------------- */
.insightHighlight{
    display: flex;
    align-items: center;
    min-height: 300px;
    position: relative;
}
.insightHighlight .caption{
    width: 500px;
    color: #ffffff;
}
.insightHighlight .caption h1{
    font-weight: bold;
    font-size: 2em;
    margin-bottom: 10px;
}
.insightHighlight .centralWrapper{
    position: relative;
    z-index: 2;
}
.insightMainContent{
    margin: 50px 0 30px;
    padding-bottom: 50px;
    border-bottom: 1px solid #cccccc;
}
.readMoreInsightDescription{
    margin-top: 15px;
}
.readMoreInsightDescription i.flip,
.chapterWrapper .button i.flip {
    transform: rotate(-180deg);
}
.insightDescriptionMore{
    height: 0;
    overflow: hidden;
}
.chapterLoopWrapper{
    margin-bottom: 50px;
}
.chapterLoopInside{
    display: flex;
    flex-wrap: wrap;
}
.chapterWrapper{
    box-sizing: border-box;
    width: 31%;
    margin-right: 3.5%;
    margin-top: 3.5%;
    position: relative;
    padding: 1px;
}
.chapterWrapper:nth-child(3n) {
    margin-right: 0;
}
.chapterTile .title, .chapterTile .description, .chapterTile .buttonsContainer {
    padding: 20px;
}
.chapterTile h2{
    border-bottom: 1px solid #cccccc;
}
.chapterTile .description{
    padding-bottom: 0;
}
#chapterSpecWrapper{
    display: block;
    overflow: hidden;
    height: 0;
    width: 100%;
    position: absolute;
    left: 0;
}
#chapterSpecWrapper .triangle{
    position: relative;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 80px 30px 80px;
    border-color: transparent transparent #e6e9eb transparent;
}
.specsWrapper{
    opacity: 0;
    height: 0;
    overflow: hidden;
    position: absolute;
}
.backgroundWrapper{
    background: #e6e9eb;
    display: inline-block;
    width: 100%;
}
.chapterSpecContent .inside{
    padding: 40px 0;
}
.chapterSpecContent .widgetTitle{
    font-size: 33px;
}
.chapterSpecContent .closeChapter{
    position: absolute;
    right: 50px;
    font-size: 40px;
    font-weight: bold;
    cursor: pointer;
    transition: 0.5s ease;
}
.chapterSpecContent .closeChapter:hover{
    color: #e01021;
}
.chapterSpecContent .widget a.button{
    display: flex!important;
}
.loopInsight .opacity, .darkOpacity .opacity{
    background: rgba(0,0,0,0.5);
}
.loopInsight{
    color: #ffffff;
}
.loopInsight .insideWrapper{
    min-height: 200px;
    display: flex;
    align-items: center;
}
.loopInsight .insideWrapper .contentWrapper{
    width: 100%;
}

/* Product insights page
-------------------------------------------------------------- */
#productInsightsFilters {
    padding-top: 50px;
}
.productInsightsTag  li {
    list-style: none;
    text-transform: uppercase;
    cursor: pointer;
    margin: 0 20px 10px 0;
    color: #b0b0b0;
    font-weight: bold;
}
.productInsightsTag li.active{
    color:#e01021;
}
#productInsightsFilters form#filterForm {
    display: block;
}

#productInsightsFilters .filterTitle {
    margin-bottom: 10px;
}

.flexContainer.firstLevelFilter {
    justify-content: space-between;
    border-bottom: 1px solid #E8E8E8;
    margin-bottom: 20px;
    padding-bottom: 10px;
}

.secondLevelFilter .filterTitle {
    opacity: 0;
}
.insightTerm {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    margin-right: 20px;
}

.insightTerms {
    padding-bottom: 15px;
}
.filterTitle.filterReset {
    cursor: pointer;
}
/* Single Paper
-------------------------------------------------------------- */
.paperStreamWrapper .filterContentWrapper{
    display: flex;
    flex-wrap: wrap;
}
.loopPaper{
    width: 48%;
    margin-right: 4%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 0;
    padding: 15% 0;
    position: relative;
    margin-bottom: 4%;
}
.loopPaper:nth-child(2n) {
    margin-right: 0;
}
.loopPaper .caption {
    position: absolute;
    bottom: 0;
    background: #ffffff;
    box-sizing: border-box;
    padding: 30px;
    width: 100%;
}
.loopPaper .caption h2{
    font-size: 21px;
    margin-bottom: 15px;
}

/* Single Event
-------------------------------------------------------------- */
.eventHrTile{
    align-items: center;
    margin-bottom: 50px;
    display: flex;
    padding: 0;
    min-height: 280px;
}
.eventHrTile .eventImage{
    width: 30%;
    height: 100%;
    position: absolute;
}
.eventHrTile .eventInfo{
    width: 70%;
    box-sizing: border-box;
    padding: 25px 50px;
    position: relative;
    left: 30%;
}
.eventHrTile h2{
    font-size: 24px;
}
.eventInfo .hashtag{
    color: #b0b0b0;
}
.eventHrTile .description{
    color: #b0b0b0;
}
.eventHrTile .datePlace{
    display: flex;
    width: 80%;
    justify-content: space-between;
    align-items: center;
}
.eventHrTile .datePlace > div{
    display: flex;
    align-items: center;
}
/* Single Exhibition
-------------------------------------------------------------- */
section#exhibitionPage {
    margin: 5rem 0;
}

div#exhibitionBoxWrapper {
    width: 100%;
    overflow-x: hidden;
}
.welcomeContainer .left, .exhbitionGenericTab .left{
    width: 65%;
}

.welcomeContainer .right,.exhbitionGenericTab .right {
    width: 30%;
}
#exhibitionBoxWrapper .leftContainer {
    width: 75%;
}

#exhibitionBoxWrapper .rightContainer {
    width: 22%;
    padding-right: 3%;
}
.welcomeContainer h2 {
    margin-bottom: 3rem;
}

#exhibitionPageMenu.scrollableTabs li, #exhibitionPageMenu.scrollableTabs .scrollableSlider {
    margin-left: 0;
    margin-right:50px;
}
#exhibitionPageMenu {
    position: relative;
}
#exhibitionPageMenu:after {content: '';position: absolute;bottom: -25px;width: 100%;background-color: #C6C7C7;height: 1px;}

#exhibitionBoxWrapper .inside{
    max-width: 100%;
    padding: 0 5px;
}

#exhibitionBoxWrapper .centralWrapper {
    padding: 0;
    max-width: 100%;
    width: 1266px;
}
/* #exhibitionBoxWrapper .scrollableBox{
    padding: 0 !important;
    box-sizing: border-box;
} */
.exhbitionGenericTab .stripe:first-child {
    padding-top: 0;
}
.welcomeContainer .flexWrapper {
    align-items: flex-start;
}
.productsLoopContainer{
    margin-bottom: 5rem;
}
.flexWrapper.productsLoopWrapper {
    flex-wrap: wrap;
}
h2.productsLoopsTitle {
    border-bottom: 1px solid #C9C9C9;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
}
.detailsBox {
    padding: 30px;
    margin-bottom: 50px;
}

.detailsBox ul li {
    list-style: none;
    margin-left: 0;
}

.detailsBox ul {
    margin: 0;
}
.widgetContent > * {
    margin: 20px 0;
}
/* Single Exhibition
-------------------------------------------------------------- */
.blogpostHeader {
    width: 33%;
    padding: 5rem 5rem 3rem 0;
    z-index: 1;
}
a.blogpostBack {
    color: #cacaca !important;
    display: flex;
    align-items: center;
    margin-bottom: 2rem;
    text-transform: uppercase;
}
.blogpostHeader h1 {
    margin-bottom: 1rem;
}

.blogpostIntro {
    margin-bottom: 1rem;
}
.blogpostHeaderContainer {
    position: relative;
    box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.5);
    margin-bottom: 10px;
}
.blogpostCover.coverBg {
    position: absolute;
    right: 0;
    width: calc(65% - 5rem);
    height: 100%;
    top: 0;
    z-index: 0;
}
.blogpostDetail.flexWrapper {
    justify-content: flex-start;
    margin: 1rem 0;
    width: 100%;
    text-align: left;
    align-items: center;
}
.blogpostDetail.flexWrapper .material-icons,.blogpostDetail.flexWrapper .fa  {
    color: #B0B0B0;
    margin-right: 1rem;
}
.blogpostDetail.flexWrapper .fa {
    font-size: 1.4rem;
    margin-left: 3px;
}
span#readingTime:before {
    content: "\00a0 ";
}
.blogpostHeader .buttonsContainer {
    margin-top: 3rem;
}
.blogpostAddDataTitle {
    color: #B0B0B0;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 1rem;
}

.blogpostAddDataContent p {
    margin: 0;
}

.blogpostAddData {
    margin-bottom: 2rem;
}
div.blogpostContent {
    width: 60%;
    margin: auto;
}

div.blogpostContent .centralWrapper {
    width: 100%;
    padding: 0;
}
div#blogpostBio {
    padding: 4rem 0;
    background-color: #EBEEF0;
}
/***********************************************************************************************************************
// SIDEBAR & WIDGETS
/**********************************************************************************************************************/
.widgetsWrapper .widget{
    margin-top: 35px;
}
.widgetsWrapper .widget:first-of-type{
    margin-top: 0;
}
.widgetContent img{
    max-width: 100%;
    height: auto;
}
.widgetText{
    padding: 40px 30px;
}
.widgetTitle{
    font-size: 24px;
    margin-bottom: 30px;
}
.widgetImage a{
    color: #4d4d4d;
    position: absolute;
    left: 0;
    height: 100%;
    top: 0;
    width: 100%;
}

/* Widget Contacts Entity
-------------------------------------------------------------- */
.entityContactsWrap{
    width: 65%;
    margin: auto;
}
.entityContactsWrap .header i{
    font-size: 50px;
}
.entityContactsWrap .header h2{
    margin: 25px 0;
}
.entityContactsWrap .description{
    margin-bottom: 10px;
}
.entityContactsWrap .labelSelect{
    color: #aaaaaa;
}
.entityContactsWrap .subtitle{
    color: #e01021;
    font-style: italic;
    margin: 50px 0 35px;
    border-bottom: 1px solid #d6d6d6;
    padding-bottom: 5px;
}
.entityContactsWrap .loopWidgetContact{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.entityContactsWrap .widgetContactItem{
    width: 45%;
    margin-bottom: 60px;
}
.entityContactsWrap .divisionField{
    display: none;
}
.entityContactsWrap .divisionField.active{
    display: block;
}
.widgetContactItem .contactName{
    font-size: 25px;
    margin-bottom: 15px;
}
.widgetContactItem .button{
    margin-top: 10px;
}

/***********************************************************************************************************************
// IMA CONNECT
/**********************************************************************************************************************/
/* Form Input
-------------------------------------------------------------- */
.qthemeForm input[type=text],
.qthemeForm input[type=date],
.qthemeForm input[type=password],
.qthemeForm input[type=email],
.qthemeForm input[type=tel],
.qthemeForm textarea,
.qthemeForm select,
.simpleselect .placeholder{
    border: none;
    border-bottom: 1px solid #b0b0b0;
    padding: 10px;
    font-size: 16px;
    font-family: Cronos, sans-serif;
    box-sizing: border-box;
    width: 100%;
}
.qthemeForm input.requested:not([type=checkbox]),
.qthemeForm textarea.requested,
.qthemeForm .qthemeField.required .simpleselect .placeholder,
.qthemeForm .qthemeField.required select,
.qthemeForm .simpleSelect.requested,
.wpcf7-validates-as-required{
    background-image: url(img/requested.png);
    background-repeat: no-repeat;
    background-position: 99.5% center;
    background-size: 5px;
}
.wpcf7-checkbox.wpcf7-validates-as-required {
    background: none;
}

.wpcf7-checkbox.wpcf7-validates-as-required label {
    margin-right: 1rem;
}
.qthemeForm .qthemeField.required .simpleselect .placeholder{
    padding-right: 40px;
}
.qthemeForm .qthemeField.required .simpleselect .placeholder::after{
    right: 20px;
}
.qthemeForm textarea.requested{
    background-position: 99.5% 15px;
}
.qthemeForm input[type=submit] {
    border:none;
    height: 40px;
}
#bondholdersLoginArea .box.boxText.one input[type=submit] {
    margin-top: 0.5rem;
}
.qthemeForm input[type=file] {

}
.qthemeForm input:not([type=submit]):focus,
.qthemeForm textarea:focus{
    border-bottom: 1px solid #e01021;
}
.qthemeForm .labelSelect,
.qthemeForm .qthemeCheckboxLabel{
    color: #b0b0b0;
    padding-left: 10px;
}
.qthemeForm .qthemeCheckboxHidden .wpcf7-list-item{
    display: none;
}
input[type=checkbox],
input[type=radio]{
    display: none;
}
.wpcf7-checkbox input[type=checkbox], .wpcf7-acceptance  input[type=checkbox]{
    display: inline;
}
.wpcf7-acceptance .wpcf7-list-item{
    margin: 0 0 14px 0;
}
.contactFormCustomContainer {
    padding: 50px 0;
}
input[type=checkbox] + label, input[type=radio] + label{
    position: relative;
    padding-left: 28px!important;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    margin-left: 0!important;
}
input[type=checkbox] + label::before,
input[type=radio] + label::before{
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    background: #f7f7f7;
    border: 1px solid #c4c4c4;
}
input[type=radio] + label::before{
    border-radius: 100%;
}
input[type=checkbox] + label::after{
    content: '';
    position: absolute;
    left: 4px;
    top: 6px;
    display: inline-block;
    height: 4px;
    width: 11px;
    border-left: 2px solid #000000;
    border-bottom: 2px solid #000000;
    transform: rotate(-45deg);
    opacity: 0;
    transition: all 0.3s ease;
}
input[type=radio] + label::after{
    content: '';
    position: absolute;
    top: 4px;
    left: 4px;
    width: 10px;
    height: 10px;
    background: #000000;
    border-radius: 100%;
    opacity: 0;
    transform: scale(0);
    transition: all 0.3s ease;
}
input[type=checkbox]:checked + label::after{
    opacity: 1;
}
input[type=radio]:checked + label::after{
    opacity: 1;
    transform: scale(1);
}
::-webkit-input-placeholder {
    color: #999999;
    font-family: Cronos, sans-serif;
}
:-moz-placeholder {
    color: #999999;
    font-family: Cronos, sans-serif;
}
::-moz-placeholder {
    color: #999999;
    font-family: Cronos, sans-serif;
}
:-ms-input-placeholder {
    color: #999999;
    font-family: Cronos, sans-serif;
}
.qthemeForm select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-bottom: 1px solid #b0b0b0;
    background: none;
    border-radius: 0;
    padding: 10px;
    cursor: pointer;
}
.simpleselect{
    width: 100%;
}
.simpleselect .placeholder,
.qthemeForm select{
    color: #999999;
}
.simpleselect .placeholder::after,
.qthemeForm select::after{
    content: '';
    background-image: url(img/select.png);
    background-repeat: no-repeat;
    width: 15px;
    right: 0;
}
.simpleselect .placeholder:hover{
    background: none;
}
.darkBackgroundColor .simpleselect .placeholder:hover{
    background: #fafafa;
}
.simpleselect .options{
    width: 100%;
    top: 0 !important;
    min-height: 120px !important;
}

.contactFormCustomContent .simpleselect .options{
    top: 100% !important;
}
.simpleselect .option:hover{
    background: #e01021!important;
}
.qthemeInputmoreInfoItem{
    text-transform: uppercase;
    font-weight: bold;
}
div.wpcf7 .ajax-loader {
    background-image: url('img/load.gif');
    width: 24px;
    height: 24px;
    margin-left: 10px;
    background-size: contain;
}
.wpcf7 form div.sentMessage {
    display: none;
}
.wpcf7 form.sent div.sentMessage {
    display: block;
    color: green;
}
.qthemeFormStep {
    display: none;
}

.qthemeFormStep:first-child {
    display: block;
}
.qthemeStepNav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 2rem 0;
}

.qthemeStepNav a i {
    vertical-align: middle;
}

/* Contact Form 7
-------------------------------------------------------------- */
span.wpcf7-not-valid-tip {
    font-size: 14px;
    margin-top: 3px;
    color: #e01021;
}
div.wpcf7-response-output {
    margin: 25px 0;
    padding: 0;
}
div.wpcf7-validation-errors{
    border: none;
    color: #e01021;
}
div.wpcf7-mail-sent-ok{
    border:none;
    color: green;
}
.wpcf7-submit{
    margin-top: 40px;
    font-family: 'Cronos';
}

/* Form Fields
-------------------------------------------------------------- */
.activateMessage{
    display: none;
}
.qthemeFormMessage {
    color: #e01021;
    margin: 10px 0;
}
.qthemeFormMessage.success {
    color: green;
}
.qthemeField{
    margin: 20px 0;
}
.qthemeField.submitAccess{
    margin-top: 30px;
}
.qthemeField.messageLink{
    margin: 3px 0;
}
.qthemeFormMessage a {
    color: #4d4d4d;
}
.imageAuthForm span.wpcf7-list-item{
	margin: 0;
}
.imageAuthForm input[type=checkbox]	{
	display: inline-block;
}
/* Access Page
-------------------------------------------------------------- */
#formLogin{
    color: #b0b0b0;
}
.centralCol{
    width: 50%;
    display: block;
    margin: auto;
}
.qthemeField.title{
    margin-top: 50px;
}
.resetIndicator{
    font-size: 14px;
    line-height: 10px;
}
/* Dashboard Page
-------------------------------------------------------------- */
.stripeDashboard{
    position: relative;
}
.stripeDashboard .left{
    float: left;
    width: calc(100% - 300px);
}
.stripeDashboard .right{
    float: right;
}
.stripeDashboard .left .inside{
    width: 600px;
}
.dashboardActionsWrapper{
    display: inline-block;
    padding: 15px 25px;
    background: #ffffff;
}
.dashboardActionsWrapper.noPaddingLeft {
    padding-left: 0;
}
.dashboardActionsWrapper .title i{
    font-size: 48px;
    color: #e01021;
    margin-right: 10px;
}
.dashboardActionsWrapper .title span{
    font-size: 24px;
    position: relative;
    bottom: 15px;
}
.dashboardActionsWrapper .item{
    margin: 5px 0;
}
.dashboardActionsWrapper .item a{
    text-transform: uppercase;
    font-weight: bold;
}
.dashboardActionsWrapper .item a:hover{
    color: #4d4d4d;
}
.dashboardActionsWrapper .itemIconWrapper{
    margin-top: 25px;
}
.dashboardActionsWrapper .itemIcon i{
    color: #e01021;
    margin-right: 5px;
}
.dashboardActionsWrapper .itemIcon span{
    position: relative;
    bottom: 7px;
}
.stripeImaConnect .pageTitle i{
    font-size: 48px;
}
.stripeImaConnect{
    margin-top: 50px;
}
.userInfoType{
    margin-bottom: 50px;
}
.userInfoType .title{
    margin-bottom: 25px;
}
/* Recap
-------------------------------------------------------------- */
.dashboardNav{
    position: relative;
}
.dashboardNav::after{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0.5px;
    width: 100%;
    height: 1px;
    background: #c6c7c7;
}
.dashboardNav .navWrap{
    display: flex;
    justify-content: space-between;
}
.dashboardNav .navWrap .item{
    text-transform: uppercase;
    color: #b1b1b1;
    font-weight: bold;
    cursor: pointer;
    transition: 0.3s ease;
    padding: 10px 0 12px;
}
.dashboardNav .navWrap .item.active,
.dashboardNav .navWrap .item:hover{
    border-bottom: 2px solid #e01021;
    color: #e01021;
}
.tabWrapper{
    position: relative;
}
.tabWrapperItem{
    position: absolute;
    left: 0;
    top: 0;
    display: none;
    width: 100%;
}
.tabWrapperItem.active{
    display: inherit;
}
.tabWrapperItem .stripeImaConnect{
    margin-top: 0;
}
/* Community Loop
-------------------------------------------------------------- */
.dashboardCommunities{
    display: flex;
    flex-wrap: wrap;
}
.loopCommunity.archive{
    width: 31%;
    margin-right: 3.5%;
    margin-bottom: 3.5%;
}
.loopCommunityHeader{
    box-sizing: border-box;
    padding: 0;
}
.loopCommunity.archive:nth-child(3n) {
    margin-right: 0;
}
.loopCommunity .titleBar{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.loopCommunity .iconTitle{
    display: flex;
    align-items: center;
}
.loopCommunity .iconTitle i{
    font-size: 40px;
    margin-right: 5px;
    color: #e01021;
}
.loopCommunity .titleBar{
    /*cursor: pointer;*/
    padding: 10px 17px;
    box-sizing: border-box;
    color: #FFFFFF;
    z-index: 2;
}
.loopCommunity .titleBar i{
    font-size: 2rem;
    margin-right: 1rem;
}
.loopCommunity .titleBar h3{
    font-size: 24px;
}
.loopCommunity .titleBar .desc{
    color: #a6a6a6;
}
.loopCommunity .descriptionWrapper{
    line-height: 1.1em;
    overflow: hidden;
    padding: 17px;
}
.loopCommunity .descriptionWrapper .inside{
    margin-top: 10px;
}
.loopCommunityImage{
    height: 280px;
    padding: 0;
    display: flex;
    align-items: flex-start;
    position: relative;
}
.loopCommunity .recap{
    box-sizing: border-box;
    padding: 17px;
}
.loopCommunity .recap .item{
    display: flex;
    align-items: center;
}
.loopCommunity .recap .item i{
    margin-right: 5px;
}
.loopCommunity .recap .item span{
    color: #a6a6a6;
}
.loopCommunity .actions{
    box-sizing: border-box;
    padding: 17px;
}
.loopCommunity .actions .buttonsContainer{
    margin-top: 5px;
}
.loopCommunity .actions .button{
    margin: 0;
    border: 0;
    box-shadow: none;
    padding: 0;
}
.loopCommunity.streamElement.slideBlockTile {
    box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.5);
}
/***********************************************************************************************************************
// Attachment
/**********************************************************************************************************************
/* Attachment single
-------------------------------------------------------------- */
.responsiveEmbedContainer {
    position: relative;
    padding-top: 56.25%;
}
.responsiveEmbed43{
    padding-top: 75% !important;
}
responsiveEmbed169{
    padding-top: 56.25% !important;
}
.responsiveEmbedContainer embed , .responsiveEmbedContainer iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
/***********************************************************************************************************************
// COMMUNITY
/**********************************************************************************************************************
/* Community Page
-------------------------------------------------------------- */
.communityAccessWrapper .communityAccessMessage{
    display: inline-flex;
    align-items: center;
    margin-bottom: 14px;
}
.communityAccessWrapper i {
    color: #e01021;
    margin-right: 10px;
    transition: all 0.3s cubic-bezier(.25,.8,.25,1)
}
.communityAccessWrapper a:hover, .communityAccessWrapper a:hover i {
    color: #a5101b!important;
}
.communityStreamContainer a.flexContainer {
    align-items: center;
}
.communityAccessMessage .message{
    margin-bottom: 0;
}
.communityAccessWrapper .communityAccessMessage i{
    margin-right: 10px;
}
.communityAccessWrapper .communityAccessMessage i.blocked {
    color: #ff0000;
}
.communityAccessWrapper .communityAccessMessage i.actived {
    color: #85bf3f;
}
.communityAccessWrapper .communityAccessMessage i.pending {
    color: #f4a93b;
}
/* .communityAccessWrapper .communityAccessMessage .message{
    font-size: 21px;
} */
.communityAccessWrapper .buttonsContainer{
    margin-top: 25px;
}
.loopCommunity{
    margin-bottom: 50px;
}
/***********************************************************************************************************************
// CUSTOM HTML
/**********************************************************************************************************************/
/* Home Infographic
-------------------------------------------------------------- */
#infoHomepage #info {
    margin-left:auto;
    margin-right:auto;
    position:relative;
    height:750px;
}
#infoHomepage #buttonContainer{
    width: 74%;
    height: 95%;
    position: absolute;
    top: 0;
    left: 13%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}
#infoHomepage .bt {
    position:absolute;
    display:block;
    width: 11%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    transition: 0.3s;
}
#infoHomepage .bt.big{
    transform:scale(1.2);
}
#infoHomepage .bt.small{
    transform:scale(0.9);
}
#infoHomepage .bt a{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
#infoHomepage .btcenter {
    width: 15%;
    left: 43%;
    top: 36%;
}
#infoHomepage .btone {
    left: 35%;
    top: 7%;
}
#infoHomepage .btwo {
    left: 55%;
    top: 7%;
}
#infoHomepage .bthree {
    left: 23%;
    top: 28%;
}
#infoHomepage .btfour {
    left: 67%;
    top: 28%;
}
#infoHomepage .btfive {
    left: 27%;
    top: 55%;
}
#infoHomepage .btsix {
    left: 63%;
    top: 55%;
}
#infoHomepage .btseven {
    left: 45%;
    top: 65%;
}
#infoHomepage .text {
    color: #939393;
    position:absolute;
    display:block;
    width: 12%;
    font-size: 16px;
}
#infoHomepage .oneText {
    text-align: right;
    left: 0;
    top: 15%;
}
#infoHomepage .twoText {
    text-align: left;
    right: 0;
    top: 15%;
}
#infoHomepage .threeText {
    text-align: right;
    left: 0;
    top: 35%;
}
#infoHomepage .fourText {
    text-align: left;
    right: 0;
    top: 35%;
}
#infoHomepage .fiveText {
    text-align: right;
    left: 0;
    top: 61%;
}
#infoHomepage .sixText {
    text-align: left;
    right: 0;
    top: 61%;
}
#infoHomepage .sevenText {
    text-align: center;
    left: 44%;
    bottom: 0;
    width: 13%;
}
/* Home Infographic New
-------------------------------------------------------------- */
#infoHomepageNew #info {
    margin-left:auto;
    margin-right:auto;
    position:relative;
    height:750px;
}
#infoHomepageNew #buttonContainer{
    width: 74%;
    height: 95%;
    position: absolute;
    top: 0;
    left: 13%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}
#infoHomepageNew .bt {
    position:absolute;
    display:block;
    width: 11%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    transition: 0.3s;
}
#infoHomepageNew .bt.big{
    transform:scale(1.2);
}
#infoHomepageNew .bt.small{
    transform:scale(0.9);
}
#infoHomepageNew .bt a{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
#infoHomepageNew .btcenter {
    width: 15%;
    left: 42.5%;
    top: 40%;
}
#infoHomepageNew .btone {
    left: 35%;
    top: 11%;
}
#infoHomepageNew .btwo {
    left: 55%;
    top: 11%;
}
#infoHomepageNew .bthree {
    left: 22%;
    top: 29%;
}
#infoHomepageNew .btfour {
    left: 67%;
    top: 28%;
}
#infoHomepageNew .btfive {
    left: 22%;
    top: 52%;
}
#infoHomepageNew .btsix {
    left: 67%;
    top: 52%;
}
#infoHomepageNew .btseven {
    left: 35%;
    top: 70%;
}
#infoHomepageNew .btheight {
    top: 70%;
    left: 54%;
}
#infoHomepageNew .text {
    color: #939393;
    position:absolute;
    display:block;
    width: 12%;
    font-size: 16px;
}
#infoHomepageNew .oneText {
    text-align: right;
    left: 0;
    top: 18%;
}
#infoHomepageNew .twoText {
    text-align: left;
    right: 0;
    top: 18%;
}
#infoHomepageNew .threeText {
    text-align: right;
    left: 0;
    top: 35%;
}
#infoHomepageNew .fourText {
    text-align: left;
    right: 0;
    top: 35%;
}
#infoHomepageNew .fiveText {
    text-align: right;
    left: 0;
    top: 57.5%;
}
#infoHomepageNew .sixText {
    text-align: left;
    right: 0;
    top: 57.5%;
}
#infoHomepageNew .sevenText {
    left: 0;
    top: 74.5%;
    text-align: right;
}
#infoHomepageNew .heightText {
    text-align: left;
    right: 0;
    top: 74.5%;
}
/* Page password form
-------------------------------------------------------------- */
.pagePasswordForm {
    padding: 100px 80px;
    width: 50%;
}

.pagePasswordForm p {
    margin-bottom: 60px;
}
input[name=post_password] {
    margin-bottom: 40px;
}
/***********************************************************************************************************************
// FOOTER STYLE
/**********************************************************************************************************************/
/* Footer
-------------------------------------------------------------- */
#pageFooter a{
    color: #cacaca;
}
.footerTop{
    padding: 20px 0;
    border-bottom: 1px solid #f0f0f0;
    text-align: right;
}
.footerLine{
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}
.footerMenu{
    display: flex;
    align-items: center;
}
.footerMenu a{
    display: inline-block;
    text-transform: uppercase;
    margin-left: 20px;
    line-height: 1em;
}
.footerSocial {
    display: flex;
    align-items: flex-end;
    padding-left: 25px;
    margin-left: 25px;
    border-left: 1px solid #cacaca;
}
.footerSocial.mobile{
    display: none;
}
.footerSocial .text{
    text-transform: uppercase;
    color: #cacaca;
}
.footerSocial .item{
    line-height: 1em;
}
.footerSocial a{
    display: inline-block;
    margin-left: 15px;
}
.footerBottom{
    padding: 20px 0;
}
.footerBottom img{
    max-width: 150px;
}
.footerBottom .left{
    float: left;
    width: 150px;
    margin-right: 50px;
}
.footerBottom .right{
    float: right;
    width: calc(100% - 200px);
    text-align: right;
}
.footerDisclaimer {
    text-align: right;
    font-size: 12px;
    line-height: 1em;
    text-transform: uppercase;
    color: #cacaca;
}
.footerDisclaimer p{
    margin: 5px;
    line-height: 1.2em;
}
.footerDisclaimer a{
    color: #cacaca;
}
/***********************************************************************************************************************
// CHATBOT
/**********************************************************************************************************************/
/* Chatbot iFrame
-------------------------------------------------------------- */
#chatbotContainer {
    display: block;
    height: 100vh ;
    /* height: 80vh; */
    width: 450px;
    position: fixed;
    top: auto;
    left: auto;
    bottom: 0;
    right: 0;
    visibility: visible;
    z-index: 9999999;
    max-height: 100vh;
    max-width: 100vw;
    transition: all 0.5s;
    opacity: 1;
	background-color: #fff;
	border:1px solid #D8E5EC;
    -webkit-box-shadow: 0px 6px 5px 0px rgba(0,0,0,0.29);
    -moz-box-shadow: 0px 6px 5px 0px rgba(0,0,0,0.29);
    box-shadow: 0px 6px 5px 0px rgba(0,0,0,0.29);
}
.chatbotMobileToggle {
    display: none;
    position: absolute;
    left: -20px;
    background-color: #fff;
    border: 1px solid #D8E5EC;
    top: 12px;
    border-radius: 100%;
    padding: 6px;
}
.chatbotMobileToggle i{
    vertical-align: middle;
    text-align: center;
}
#chatty-chatbot{
	width: 100%;
	height:100%;
    overflow-y: auto;
    -webkit-overflow-scrolling:touch;
}
#cb-content{
	height: 100%
}
#siteIframe {
	transition: all 0.3s;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 8888888;
    overflow: auto;
    display: none;
}
#siteIframe.fullwidth{
	width: 100vw;
}
#siteIframe.small{
	width: calc(100vw - 550px);
}
#chatbotContainer.small{
    width: 550px;
	height: 100vh;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
#siteIframe.chatbotActive{
	display:block;
}
.chatbotPositionControl.flexContainer {
	align-content: center;
	justify-content: space-between;
	padding: 20px 30px;
	background-color: #ECF1F4;
}

.chatbotTitle {
  display: flex;
  align-items: center;
  position: relative;
}
.chatbotTitle i {
  margin-left: 15px;
}
#chatbotContainer.fullwidth .fullwidthToggle * , #chatbotContainer.small .smallToggle *{
	fill:#E01021;
}

.dimensionToggle{
	cursor: pointer;
}
#siteIframe.chatbotDisabled{
	display: none;
}
#chatbotContainer.chatbotDisabled{
	right: -100%;
}
#chatbotContainer.chatbotActive{
	right: 0;
}
#chatbotContainer.chatbotActive.mobileHidden{
    right:-27%;
}
#chatbotContainer.chatbotActive.mobileHidden.small {
    right: -35%;
}
.chatbotToggle {
	position: fixed;
	bottom: 50px;
	right: 50px;
	z-index: 9997;
	width: 90px;
	height: 90px;
}

.chatbotToggle img {
	width: 100%;
	height: 100%;
    border-radius: 100%;
	-webkit-box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.16);
	-moz-box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.16);
	box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.16);
	transition: all 0.3s;
}
.chatbotToggle img:hover {
    -webkit-box-shadow: 4px 4px 6px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 4px 4px 6px 0px rgba(0,0,0,0.25);
    box-shadow: 4px 4px 6px 0px rgba(0,0,0,0.25);
}
.chatbotControl > *	{
	margin-left: 10px;
}
.pointer{
	cursor: pointer;
}
#mobileOverlay{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(216, 229, 236, 0.95);
    z-index: 9999998;
}
#chatbotCarousel{
    display: none;
    position: fixed;
    top:0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index:99999999;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8);
}
div#chatbotCarouselContainer {
    width: 80vw;
    height: calc(100vh - 240px);
    margin: 120px auto;
    overflow: hidden;
}

.slick-slide.chatbotCarouselImage, .slick-slide.chatbotCarouselVideo {
    width: 100%;
    height: calc(100vh - 240px);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;

}
div#chatbotCarouselArrows {
    position: fixed;
    bottom: 30px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
div#chatbotCarouselClose {
    position: absolute;
    top: 80px;
    right: 200px;
    cursor: pointer;
}

.chatbotControl {
    display: flex;
}
#chatbotOverlay{
    display:none;
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height: 100%;
    background-color: rgba(255,255,255,0.97);
}
#contactRes {
    top: 50vh;
    position: absolute;
    width: 100%;
    padding: 0 30px;
    transform: translateY(-50%);
    display: none;
    box-sizing: border-box;
}
#contactRes .resContainer{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
#contactRes #responseClose{
    cursor: pointer;
}
.success h3 {
    margin-bottom: 20px;
}
#chatbotOverlay .centered {
    top: 50vh;
    transform: translateY(-50%);
}
#chatbotOverlay img {
    width: 70px;
    height: auto;
}
#chatbot .cb-cta-btn.highlight-cta.cta-2:disabled{

}
#chatbotBubble{
    display: none;
    background-color: #342179;
    color: #fff;
    position: absolute;
    top: -185px;
    right: 90px;
    padding: 30px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    width: 245px;
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
    -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
}
.chatbotBubbleText {
    margin-bottom: 20px;
}
a#chatbotIgnore {
    background: transparent;
    color: #fff;
    border: 0;
    box-shadow: none;
}
div#odyDisclaimer {
    display: none;
    position: absolute;
    background: #fff;
    padding: 25px;
    top: 18px;
    left: 97px;
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    width: 245px;
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
    -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
    z-index: 9999999;
}
/* Chatbot Landing page
-------------------------------------------------------------- */
.pageStandardWrapper.chatbotPageContainer{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

/* .chatbotAvatarContainer.flexContainer {
    justify-content: flex-end;
    align-items: flex-start;
    background-repeat: no-repeat;
    background-size: cover;
} */
/* .chatbotAvatarContainer.flexContainer > div {
    padding: 100px 0;
} */
.chatbotShadow {
    position: absolute;
    bottom: 0;
    z-index: 99999;
    width: 100%;
    height: 100%;
    background-position: center;
    right: 16%;
    background-size: cover;
    background-repeat: no-repeat;
}

/* .chatbotImage {
    width: 33%;
    height: 800px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top right;

} */
img#ody{
    width: 33%;
}
.chatbotLanding.flexContainer {
    align-items: flex-start;
    justify-content: space-around;
    padding-top: 100px;
}
#chatbotLandingContainer{
    height: 80vh;
    width: 33%;
    max-height: 90vh;
}
#chatbotLandingContent {
    height: 100%;
    width: 100%;
    max-height: 100%;
}
.chatbotText h1 {
    font-size: 70px;
    color: #342179;
}
.page-template-landing-chatbot .success{
    text-align: center;
}

/** Chatbot Landing 2 */
.chatbotLanding2 .graphicWrapper{
    margin: 50px 0;
}
.chatbotLanding2.flexContainer{
    padding-top: 50px;
}
.chatbotLanding2 #ody{
    width: 25%;
}
.chatbotLanding2 .chatbotText{
    width: 41%;
}
.chatbotLanding2 .chatbotText h1{
    font-size: 35px;
    font-weight: bold;
}
.chatbotLanding2 .rowWrapper{
    display: flex;
    justify-content: center;
}
.chatbotLanding2 .rowWrapper .big{
    width: 200px;
}
.chatbotLanding2 .rowWrapper .small{
    width: 150px;
}
.chatbotLanding2 .rowWrapper .left{
    left: 25px;
}
.chatbotLanding2 .rowWrapper .right{
    right: 25px;
}
.chatbotLanding2 .bubble{
    background: #59ace1;
    color: #ffffff;
    font-size: 70px;
    font-weight: bold;
    line-height: 1;
    border-radius: 50%;
    width: 200px;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
}
.chatbotLanding2 .bubble.small{
    font-size: 50px;
    width: 150px;
    height: 150px;
    top: 25px;
}
.chatbotLanding2 .bubble.blue{
    z-index: 2;
}
.chatbotLanding2 .bubble.yellow{
    background: #ffde6b;
}
.chatbotLanding2 .bubble.red{
    background: #ea5b9c;
}
.chatbotLanding2 .labelWrapper{
    margin: 30px 0;
}
.chatbotLanding2 .chartWrapper{
    display: flex;
    text-align: center;
    border-bottom: 4px #0e3c54 dashed;
}
.chatbotLanding2 .label{
    position: relative;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    padding: 0 10px;
    font-size: 14px;
    line-height: 1.2em;
    box-sizing: border-box;
}
.chatbotLanding2 .chart{
    position: relative;
    display: flex;
    justify-content: center;
    height: 326px;
}
.chatbotLanding2 .bar{
    width: 50px;
    display: inline-flex;
    flex-direction: column-reverse;
}
.chatbotLanding2 .bar .top{
    height: 26px;
    background-image: url(img/landing-chatbot/yellow_top.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    width: 100%;
}
.chatbotLanding2 .bar .base{
    height: 2px;
    background-image: url(img/landing-chatbot/yellow_base.png);
    background-size: 100% auto;
    background-repeat: repeat-y;
    position: relative;
    top: -1px;
    width: 100%;
}
.chatbotLanding2 .bar.blue .top {
    background-image: url(img/landing-chatbot/blue_top.png);
}
.chatbotLanding2 .bar.blue .base {
    background-image: url(img/landing-chatbot/blue_base.png);
}
.chatbotLanding2 .bar.red .top {
    background-image: url(img/landing-chatbot/red_top.png);
}
.chatbotLanding2 .bar.red .base {
    background-image: url(img/landing-chatbot/red_base.png);
}

/* Live pulse
-------------------------------------------------------------- */
#livePulse {
    width: 165px;
    height: 70px;
    float: right;
    z-index: 9;
}

#livePulse img {
    width: 85px;
    height: 85px;
}
.liveCta{
    text-transform: uppercase;
    font-weight: 700;
    margin-left: -17px;
    font-size: 20px;
}
div#liveBubble {
    display: none;
    font-family: Cronos, sans-serif;
    position: absolute;
    background-color: #fff;
    top: 80px;
    right: 0;
    padding: 30px;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    width: 245px;
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
    -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
}
div#liveBubble .button img {
    width: 22px;
    height: 22px;
    margin-right: 10px;
}
#liveBubble a.button.buttonFloat.mainColor.materialIconWrapper {
    display: flex !important;
    align-items: flex-start;
}
.liveBubbleText h4{
    font-size: 24px;
    font-weight: 700;
}

/***********************************************************************************************************************
// IMA TV
/**********************************************************************************************************************/
body.page-template-ima-tv {
    background: #000;
}
body.page-template-ima-tv .stripe{
    color: #E5EAEC !important;

}
/* .multimediaStripe{
    color: #E5EAEC !important;
} */
.page-template-ima-tv footer#pageFooter {
    background: #fff;
}
.page-template-ima-tv a.button, .multimediaStripe a.button, a.button.noBorderButton{
    background-color: transparent;
    color: #FFFFFF;
    padding-left: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
}
a.button.noBorderButton{
    display: flex;
}
.page-template-ima-tv .whiteColorBackground  a.button, .multimediaStripe.whiteColorBackground a.button{
    color: #e01021;

}

.page-template-ima-tv a.button:hover, .multimediaStripe  a.button:hover{
    color: #e01021;
}

.colPaddingLeft {
    padding: 2rem 0 2rem 4rem;
}
.colPaddingRight {
    padding: 2rem 6rem 2rem 0;
}
.videoContainer {
    height: 100%;
    min-height: 340px;
    justify-content: center;
    position: relative;
}
.videoContainer i {
    font-size: 3rem;
}

.blackColorBackground{
    background-color: #000000;
}
.greyColorBackground{
    background-color: #000000;
}
.whiteColorBackground{
    background-color: #ffffff;
}
.darkOverlay {
    background-color: rgba(0,0,0,0.75);
}
span.imatv {
    content: url(https://ima.it/public_html/wp-content/themes/ima/img/imatv.svg);
    width: auto;
    height: 30px;
}
span.imatv_light {
    content: url(https://ima.it/public_html/wp-content/themes/ima/img/imatv_light.svg);
    width: auto;
    height: 30px;
}
span.imatv_color {
    content: url(https://ima.it/public_html/wp-content/themes/ima/img/imatv_color.svg);
    width: auto;
    height: 30px;
}
h2.tagline {
    margin-bottom: 70px;
    display: flex;
    align-items: center;
}

h2.tagline span.imatv {
    margin-left: 14px;
}
#imaTvContainer{
    position: fixed;
    top: 0;
    height: 100%;
    z-index: 999;
    display: none;
    overflow: auto;
    background-color: rgba(0,0,0,0.75);
    width: 100%;
    color: #E5EAEC !important;

}
#imaTvPlayer {

    width: 90%;
    margin: 0 5%;
    background-color: #000;
    height: auto;
    z-index: 1000;
}
.imatvVideoContainer iframe {
    height: 80vh;
}
.imatvVideoContainer {
    margin-bottom: 70px;
}
#imaTvPlayer .videoDetails,div#imaTvPlayer .videoInfos {
    width: 45%;
    align-items: flex-start;
}

#imaTvPlayer .flexContainer {
    justify-content:space-between;
    align-items: flex-start;
}

.videoInfos .infoItem {
    display: flex;
    margin-bottom: 20px;
}

.videoInfos .infoItem i {
    color: #fff !important;
    margin-right: 14px;
}
.imaTvPadding{
    padding: 0 50px 70px;
}

.videoStreamContainer {
    padding: 70px 0 0;
}

.flexContainer.titleNavFlexContainer {
    justify-content: space-between;
    margin-bottom: 55px;
    padding-bottom: 15px;
    width: 100%;
}
.flexContainer.titleNavFlexContainer h3 {
    max-width: 70%;
}
.streamWrapper .videoStreamElement.slideBlockTile {
    width: 540px;
}
.highlightStreamWrapper .videoStreamElement.slideBlockTile {
    width: 320px;
}
.highlightStreamWrapper .flexContainer.titleNavFlexContainer {
    border-bottom: 1px solid #707070;
}
.highlightStreamWrapper .videoStreamElement.slideBlockTile .videoContainer {
    height: 180px;
    min-height: auto;
    margin-bottom: 25px;
    width: 100%;
}
.streamWrapper  .videoStreamElement.slideBlockTile .videoContainer {
    height: 305px;
    min-height: auto;
    margin-bottom: 25px;
    width: 100%;
}
.highlightStreamWrapper .flexContainer.titleNavFlexContainer h3 {
    width: 70%;
}

.highlightStreamWrapper .flexContainer.titleNavFlexContainer .stripeTitleNav {
    width: 30%;
    text-align: right;
}
.videoStreamButtons {
    padding-top: 30px;
}
.multimediaStripe.whiteColorBackground .videoContainer i {
    color: #fff;
}
/***********************************************************************************************************************
// Countdown Shortcode
/**********************************************************************************************************************/
.clockdiv {
    text-align: center;
    justify-content: center;

}


#clockdiv {
    font-size: 3rem;
    margin: 3rem 0;
}

#clockdiv .separator {
    margin: 0 1.5rem;
}

#clockdiv .smalltext {
    margin-top: 2rem;
    font-size:1.5rem
}

#clockdiv_balloon .separator {
    margin: 0 0.5rem;
}

/***********************************************************************************************************************
// Balloon Banner
/**********************************************************************************************************************/
#balloonContainer{
    display: none;
    background-color: #E01021;
    color: #fff;
    position: fixed;
    bottom: 20px;
    right: 20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
    -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
    z-index: 999;
}
#balloonContainer.videoBalloon {
    width: 540px;
}
#balloonContainer.standardBalloon {
    width: 300px;
}
.balloonDetailsContainer {
    width: 260px;
    padding: 20px;
    position: relative;
}
#balloonContainer.videoBalloon .flexContainer {
    justify-content: space-between;
    align-items: stretch;
}
.balloonVideoContainer.coverBg {
    width: calc(100% - 300px);
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.balloonVideoContainer span{
    font-size: 2.5rem;
}
.balloonTagline {
    margin-bottom: 1rem;
}
.balloonTitle {
    margin-bottom: 1.5rem;
    font-size: 1.5rem;
    width: 90%;
}
.balloonDetailsContainer .buttonsContainer {
    margin-top: 1.5rem;
}
div.balloonDismiss {
    color: #B40610;
    position: absolute;
    top: 1rem;
    right: 1rem;
    cursor: pointer;
}
a.balloonDismiss {
    box-shadow: none;
    background-color: transparent;
    color: #fff;
}
.balloonCta:hover, .balloonDismiss:hover {
    color: #000 !important;
}
/***********************************************************************************************************************
// COFFEE Infographic shortcode
/**********************************************************************************************************************/

div#coffeeInfoIntro {
    width: 22%;
    text-align: center;
    height: 0;
    padding-top: 22%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background-color: rgba(235,238,240,0.5);
    border-radius: 100%;
}

div#coffeeInfoIntro .coffeeInfoContainer h3 {
    font-weight: 600;
    font-size: 42px;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 1rem;
}



#coffeeInfoIntro .coffeeInfoContainer {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding: 35px;
}

div#coffeeInfographic {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 300px;
}

div#coffeeInfographic > div {
    position: absolute;
}

.coffeInfoExapndable {
    width: 21%;
    background-color: rgba(235,238,240,0.5);
    border-radius: 10px;
    cursor: pointer;
}
div#cofeeInfoFirst {
    top: 31%;
    left: 8%;
}

div#cofeeInfoThird {
    right: 8%;
    top: 31%;
}

div#cofeeInfoSecond {
    left: 50%;
    transform: translateX(-50%);
    top: 38%;
}
div#coffeeInfoLegOne {
    top: 20%;
    left: 17%;

}
div#coffeeInfoLegTwo {
    left: 50%;
    transform: translateX(-50%);
    top: 32%;
}
div#coffeeInfoLegThree {
    top: 20%;
    right: 17%;
}

.coffeInfoMoreContainer {
    display: none;
}
.coffeInfoMore {
    position: absolute;
    bottom: 0;
    transform: translateY(50%);
    width: 100%;
    text-align: center;
    color: #E01021;
}

.coffeInfoMore .material-icons {
    vertical-align: middle;
    font-size: 2rem;
    cursor: pointer;
    transition: all 0.3s;
}
.coffeeInfoContainer h3 {
    font-size: 42px;
    font-weight: 600;
}
.coffeInfoPadding {
    padding: 18px 22px;
}

.active.coffeInfoExapndable .coffeInfoMore .material-icons {transform: rotate(45deg);}
.coffeInfoMoreContainer .button{
    margin-right: 0;
    margin-bottom: 1rem;
    margin-top: 0.5rem;
}
.coffeInfoMoreContainer img.coverFit{
    width: 100%;
    height: 130px !important;
}
.coffeInfoPadding h5 {
    margin-bottom: 1rem;
}
/***********************************************************************************************************************
// LYO regen shortoce
/**********************************************************************************************************************/
.clickLink{
    cursor: pointer;
}
/***********************************************************************************************************************
// WP OVERRIDE
/**********************************************************************************************************************/
#wp-admin-bar-wp-logo{display: none;}

/***********************************************************************************************************************
// RESPONSIVE STYLE
/**********************************************************************************************************************/
@media only screen and (max-width: 1920px) {
    /* Chatbot
    ---------------------------------------- */
    #chatbotContainer.chatbotActive.mobileHidden {
        right: -20%;
    }
    #chatbotContainer.chatbotActive.mobileHidden.small {
        right: -27%;
    }


}
@media only screen and (max-width: 1680px) {
    /* Chatbot
    ---------------------------------------- */
    #chatbotContainer.chatbotActive.mobileHidden {
        right: -25%;
    }
    #chatbotContainer.chatbotActive.mobileHidden.small {
        right: -30%;
    }


}
@media only screen and (max-width: 1440px) {
    /* Chatbot
    ---------------------------------------- */
    #chatbotContainer.chatbotActive.mobileHidden {
        right: -28%;
    }
    #chatbotContainer.chatbotActive.mobileHidden.small {
        right: -35%;
    }


}
@media only screen and (max-width: 1366px) {
    body, #page{min-width: inherit;}
    .centralWrapper{width: 1120px; padding: 0 40px; }
    .minisiteMenu li{
        margin: 0 10px;
    }
}
@media only screen and (max-width: 1279px) {
    body, #page{min-width: inherit;}
    .centralWrapper{width: 980px; padding: 0 22px; }

    /* Loop open lab resources
    ---------- */
    .loopResourcesOpenLab:before{
        height: 75%;
    }


    /* Domina Live
    ------------------------------*/
    div#dominaLiveQA {
        width: 50%;
    }
    div#dominaLiveQA p {
        margin-bottom: 0;
    }

    #dominaLiveQAForm textarea {
        max-height: 100px;
        overflow-y: auto;
    }

    i.material-icons.dominaLiveQAButton {
        padding: 0.5rem 0.5rem 0 0;
    }
}