/* Custom Fonts */ @font-face { font-family: "lowenstein"; font-style: normal; font-weight: 100; src: url("../fonts/roboto-thin.woff2") format("woff2"), url("../fonts/roboto-thin.woff") format("woff"), url("../fonts/roboto-thin.ttf") format("truetype"), url("roboto-thin.svg#roboto-thin") format("svg"); } @font-face { font-family: "lowenstein"; font-style: normal; font-weight: 300; src: url("../fonts/roboto-light.woff2") format("woff2"), url("../fonts/roboto-light.woff") format("woff"), url("../fonts/roboto-light.ttf") format("truetype"), url("roboto-light.svg#roboto-light") format("svg"); } @font-face { font-family: "lowenstein"; font-style: normal; font-weight: 400; src: url("../fonts/roboto-regular.ttf") format("truetype"), url("../fonts/roboto-regular.woff2") format("woff2"), url("../fonts/roboto-regular.woff") format("woff"), url("roboto-regular.svg#roboto-regular") format("svg"); } @font-face { font-family: "lowenstein"; font-style: normal; font-weight: 500; src: url("../fonts/roboto-medium.ttf") format("truetype"), url("../fonts/roboto-medium.woff2") format("woff2"), url("../fonts/roboto-medium.woff") format("woff"), url("roboto-medium.svg#roboto-medium") format("svg"); } @font-face { font-family: "lowenstein"; font-style: normal; font-weight: 700; src: url("../fonts/roboto-bold.ttf") format("truetype"), url("../fonts/roboto-bold.woff2") format("woff2"), url("../fonts/roboto-bold.woff") format("woff"), url("roboto-bold.svg#roboto-bold") format("svg"); } @font-face { font-family: "lowenstein"; font-style: normal; font-weight: 900; src: url("../fonts/roboto-black.ttf") format("truetype"), url("../fonts/roboto-black.woff2") format("woff2"), url("../fonts/roboto-black.woff") format("woff"), url("roboto-black.svg#roboto-black") format("svg"); } @font-face { font-family: "lowenstein"; font-style: normal; font-weight: 900; src: url("../fonts/roboto-black.ttf") format("truetype"), url("../fonts/roboto-black.woff2") format("woff2"), url("../fonts/roboto-black.woff") format("woff"), url("roboto-black.svg#roboto-black") format("svg"); } @font-face { font-family: "robotocondensed"; font-style: normal; font-weight: 300; src: url("../fonts/robotocondensed-light.ttf") format("truetype"), url("../fonts/robotocondensed-light.woff2") format("woff2"), url("../fonts/robotocondensed-light.woff") format("woff"), url("robotocondensed-light.svg#robotocondensed-light") format("svg"); } @font-face { font-family: "robotocondensed"; font-style: normal; font-weight: 400; src: url("../fonts/robotocondensed-regular.ttf") format("truetype"), url("../fonts/robotocondensed-regular.woff2") format("woff2"), url("../fonts/robotocondensed-regular.woff") format("woff"), url("robotocondensed-regular.svg#robotocondensed-regular") format("svg"); } @font-face { font-family: "robotocondensed"; font-style: normal; font-weight: 700; src: url("../fonts/robotocondensed-bold.ttf") format("truetype"), url("../fonts/robotocondensed-bold.woff2") format("woff2"), url("../fonts/robotocondensed-bold.woff") format("woff"), url("robotocondensed-bold.svg#robotocondensed-bold") format("svg"); } body.home { font-family: "lowenstein", sans-serif; } body.home p, body.home span { font-family: "lowenstein", sans-serif; font-weight: inherit !important; } .home body { margin: 0; padding: 0; } .home h1, .home h2, .home h3, .home h4, .home h5, .home h6, .home p, .home ul, .home ol, .home li, .home header, .home nav, .home figure, .home section, .home article, .home aside { margin: 0; padding: 0; display: block; font-family: "lowenstein", sans-serif; } .home h1, .home h2, .home h3, .home h4, .home h5, .home h6 { font-weight: normal; } .home h1 a, .home h2 a, .home h3 a, .home h4 a, .home h5 a, .home h6 a { color: inherit; } .home a { text-decoration: none; outline: none; } .home p a { color: inherit; text-decoration: underline; } .home p a:hover { text-decoration: none; } .home textarea, .home input[type="text"], .home input[type="button"], .home input[type="submit"] { -webkit-appearance: none; border-radius: 0; } .home button span { position: relative; z-index: 99; } .home ul { list-style: none; } .home a { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .home a:focus, .home a:hover { text-decoration: none; } .home a:focus, .home button:focus, .home input:focus { outline-style: dotted; outline-color: #575757; outline-width: 1px; } header ul, .navWrapper ul { list-style: none; } header a, .navWrapper a { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } header a:focus, header a:hover, .navWrapper a:focus, .navWrapper a:hover { text-decoration: none; } header a:focus, header button:focus, header input:focus, .navWrapper a:focus, .navWrapper button:focus, .navWrapper input:focus { outline-style: dotted; outline-color: #575757; outline-width: 1px; } .version1 { height: 100%; /* Lowenstein Sandler LLP Skins */ /* Fixed footer */ /* common Styles */ /* Firefox Bug: link not triggered */ /* --------------- End Off -------------*/ /* Skip Content */ /* --------------- End Off -------------*/ /* Animations */ /* Footer */ } .version1.home header { background: transparent; } @media screen and (max-width: 767px) { .version1.home header.menuActive { background: #000; } } .version1.home .stickyEmpty { display: none; } .version1.home img { max-width: 100%; } .version1.home img { max-width: 100%; height: auto; } @media screen and (max-width: 767px) { .version1 .home header.menuActive { background: #000; } } @media screen and (max-width: 767px) { .version1 .home header.menuActive .headRgt .hamburger a.active .lines::after, .version1 .home header.menuActive .headRgt .hamburger a.active .lines::before { background: #FFF !important; } } .version1 *, .version1 *:after, .version1 :before { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .version1 body, .version1 html { height: 100%; } .version1 .siteWrap { height: 100%; } .version1 body .siteWrap .siteInner, .version1 html .siteWrap .siteInner { min-height: 100%; position: relative; z-index: 99; } .version1 body .siteWrap .siteInner, .version1 html.version1 .siteWrap .siteInner { min-height: 100%; position: relative; z-index: 99; } .version1 body { background: #FFF; color: #000; overflow-x: hidden; } .version1 a[href^=tel] { color: inherit; text-decoration: none; } .version1 input[type=text]::-ms-clear { display: none; } .version1 .txtArea, .version1 .txtBox { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .version1 .fade .siteWrap { -webkit-transition: all 0.55s; transition: all 0.55s; } .version1 .bodyBg .siteWrap { opacity: 1; } .version1 .pointerNone { pointer-events: none; } .version1 .loaderBlock { background: #FFF; position: fixed; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; overflow: hidden; z-index: 999; } .version1 .loaderBlock .svgAnimation { position: absolute; width: 100%; height: 100%; opacity: 0; -webkit-animation: svgzoom 1.75s cubic-bezier(0.36, 0.07, 0.19, 0.97) both; animation: svgzoom 1.75s cubic-bezier(0.36, 0.07, 0.19, 0.97) both; } .version1 .loaderBlock .svgAnimation svg { position: absolute; width: 100%; height: 100%; } .version1 .loaderBlock .svgAnimation svg circle { fill: #f3f3f3; } .version1 .loaderBlock .loaderWrap { position: absolute; top: 40%; left: 50%; -webkit-transform: translate(-50%); transform: translate(-50%); width: 100%; text-align: center; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .version1 .loaderBlock .loaderWrap img { max-width: 50%; } @media screen and (min-width: 768px) { .version1 .loaderBlock .loaderWrap img { max-width: 67%; } } .version1 .removeLoader .loaderBlock { display: none; } @media (max-width: 767px) { .version1 .mNone { display: none; } } @media (min-width: 320px) and (max-width: 1023px) { .version1 .m-tpNone { display: none; } } .version1 .row.flexRow { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (min-width: 320px) and (max-width: 1023px) { .version1 .row.flexRow { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .version1 .screen-reader-text { overflow: hidden; clip: rect(0, 0, 0, 0); position: absolute; margin: -1px; padding: 0; height: 1px; width: 1px; word-wrap: normal !important; border: 0 none; } .version1 .ctaLinks { position: relative; cursor: pointer; display: inline-block; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; vertical-align: middle; z-index: 1; will-change: opacity, transform; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .version1 .ctaLinks:hover { background: #5F7D37; color: inherit; } .version1 .lmo a, .version1 .ctaLinks a { color: inherit; text-decoration: none; } .version1 .lmo a:hover, .version1 .ctaLinks a:hover { text-decoration: none; } .version1 p .ctaLinks { text-decoration: none; } .version1 .ctaLinks.disabled { cursor: default; } .version1 .ctaLinks.disabled .waves-ripple { display: none !important; } .version1 .ctaLinks .waves-ripple { position: absolute; border-radius: 50% !important; width: 20px; height: 20px; margin-top: -10px; margin-left: -10px; opacity: 0; background: rgba(0, 0, 0, 0.2); -webkit-transition: all 0.7s ease-out; transition: all 0.7s ease-out; transition-property: opacity, -webkit-transform; -webkit-transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-transform: scale(0); transform: scale(0); pointer-events: none; } .version1 .ctaLinks input[type="button"], .version1 .ctaLinks input[type="reset"], .version1 .ctaLinks input[type="submit"] { border: 0; font-style: normal; font-size: inherit; text-transform: inherit; background: none; } .version1 .btnSection img { position: relative; z-index: -1; } .version1 .waves-notransition { -webkit-transition: none !important; transition: none !important; } .version1 .waves-circle { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%); } .version1 .waves-input-wrapper { border-radius: 0.2em; vertical-align: bottom; } .version1 .waves-input-wrapper .waves-button-input { position: relative; top: 0; left: 0; z-index: 1; } .version1 .waves-circle { text-align: center; width: 2.5em; height: 2.5em; line-height: 2.5em; border-radius: 50%; -webkit-mask-image: none; } .version1 .waves-block { display: block; } .version1 .ctaLinks .waves-ripple { z-index: -1; } .version1 .ctaLinks .waves-ripple { background-color: rgba(137, 193, 61, 0.5); } .version1 .ctaLinks.orange .waves-ripple { background-color: rgba(255, 187, 99, 0.9); } .version1 .ctaLinks.bgray .waves-ripple { background-color: rgba(204, 204, 204, 0.5); } .version1 .ctaLinks { text-transform: uppercase; padding: 11px 10px; border-radius: 0; position: relative; display: inline-block; background: #b5cddd; background-position: 100% 0; background-size: 200% 100%; -webkit-transition: all 0.25s ease-in; transition: all 0.25s ease-in; } .version1 .ctaLinks:hover { background: #5F7D37; color: #FFF; } .version1 .error { -webkit-animation: error 0.35s cubic-bezier(0.36, 0.07, 0.19, 0.97) both; animation: error 0.35s cubic-bezier(0.36, 0.07, 0.19, 0.97) both; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; perspective: 1000px; } .version1 .visibilityHide { visibility: hidden; } .version1 .no-record { text-align: center; margin: 30px 0; font-size: 18px; line-height: 24px; } .version1 input, .version1 textarea { background: none; border: none; outline: none; border-radius: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .version1 button { background: none; border: none; border-radius: 0; } .version1 button { cursor: pointer; -webkit-box-shadow: none; box-shadow: none; } .version1 a { text-decoration: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .version1 a:active, .version1 a:focus { -webkit-transition: all 0.3s; transition: all 0.3s; } .version1 .nprogress-busy .backtoTop { display: none; } .version1 .nprogress-busy #skiptocontent { display: none; } .version1 .overlay { display: none; background: rgba(0, 0, 0, 0.34); position: fixed; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; } .version1 .menuOpened .overlay { display: block; } .version1 .firefox br { line-height: 0; } .version1 .containerWrapper { width: 100%; max-width: 410px; padding: 0 20px; margin: 0 auto; -webkit-box-sizing: border-box; box-sizing: border-box; } @media screen and (max-width: 767px) { .version1 body, .version1 html { overflow-x: hidden; overflow-y: auto; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; height: auto; } } @media screen and (min-width: 768px) { .version1 .containerWrapper { max-width: 647px; padding: 0; margin: 0 auto; } .version1 .loaderBlock .loaderWrap img { max-width: 30%; } .version1 .openAccount { display: block; } } @media screen and (min-width: 1024px) { .version1 .containerWrapper { max-width: 964px; padding: 0; } } @media screen and (min-width: 1280px) { .version1 body, .version1 html { height: 100%; min-height: 0; } .version1 .siteWrap { height: 100%; } .version1 .loaderBlock .loaderWrap img { max-width: 15%; } .version1 .containerWrapper { max-width: 1100px; width: 100%; padding: 0 20px; margin: 0 auto; } } @media screen and (min-width: 1360px) { .version1 .containerWrapper { padding: 0; } } @media screen and (min-width: 1400px) { .version1 .loaderBlock .loaderWrap img { max-width: 13%; } } .version1 #skiptocontent a { padding: 6px; position: absolute; top: 2px; left: 0; color: #000; border-bottom-right-radius: 8px; background: 0 0; -webkit-transition: top 1s ease-out,background 1s linear; transition: top 1s ease-out,background 1s linear; z-index: -999; opacity: 0; font-size: 16px; } .version1 #skiptocontent a:active, .version1 #skiptocontent a:focus { position: absolute; left: 0; top: 0; background: #d1282d; color: #fff; outline: 0; -webkit-transition: top 0.1s ease-in,background 0.5s linear; transition: top 0.1s ease-in,background 0.5s linear; z-index: 20000; opacity: 1; } .version1 .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .version1 .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } .version1 .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } .version1 .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } .version1 .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes jump { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 20% { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-4px); transform: translateY(-4px); } 50% { -webkit-transform: translateY(0); transform: translateY(0); } 60% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } 80% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes jump { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 20% { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-4px); transform: translateY(-4px); } 50% { -webkit-transform: translateY(0); transform: translateY(0); } 60% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } 80% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes error { 10%, 90% { -webkit-transform: translate3d(-1px, 0, 0); transform: translate3d(-1px, 0, 0); } 20%, 80% { -webkit-transform: translate3d(2px, 0, 0); transform: translate3d(2px, 0, 0); } 30%, 50%, 70% { -webkit-transform: translate3d(-4px, 0, 0); transform: translate3d(-4px, 0, 0); } 40%, 60% { -webkit-transform: translate3d(4px, 0, 0); transform: translate3d(4px, 0, 0); } } @keyframes error { 10%, 90% { -webkit-transform: translate3d(-1px, 0, 0); transform: translate3d(-1px, 0, 0); } 20%, 80% { -webkit-transform: translate3d(2px, 0, 0); transform: translate3d(2px, 0, 0); } 30%, 50%, 70% { -webkit-transform: translate3d(-4px, 0, 0); transform: translate3d(-4px, 0, 0); } 40%, 60% { -webkit-transform: translate3d(4px, 0, 0); transform: translate3d(4px, 0, 0); } } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @-webkit-keyframes rollOut { from { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @-webkit-keyframes svgzoom { from { opacity: 1; -webkit-transform: scale(0.2); transform: scale(0.2); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 0; -webkit-transform: scale(2.2); transform: scale(2.2); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes svgzoom { from { opacity: 1; -webkit-transform: scale(0.2); transform: scale(0.2); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 0; -webkit-transform: scale(2.2); transform: scale(2.2); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .version1 p a:hover { text-decoration: underline; color: inherit; } .version1 .ctaLinks { display: inline-block; font-size: 22px; font-weight: 700; color: #FFF; padding: 11px 25px 12px 25px; text-transform: uppercase; } @media screen and (min-width: 768px) { .version1 .ctaLinks { font-size: 14px; padding: 16px 14px 17px; } } @media screen and (min-width: 1280px) { .version1 .ctaLinks { font-size: 22px; padding: 11px 26px 12px; } } .version1 .lmo { display: inline-block; font-size: 13px; font-weight: 700; text-transform: uppercase; text-decoration: none; position: relative; } @media screen and (min-width: 768px) { .version1 .lmo { font-size: 14px; } } .version1 .lmo span { display: inline-block; vertical-align: middle; } .version1 .lmo::after { content: ''; display: inline-block; vertical-align: middle; width: 0; height: 0; margin: -1px 0 0 5px; border-top: 6px solid transparent; border-left: 10px solid #eb0028; border-bottom: 6px solid transparent; } @media screen and (min-width: 768px) { .version1 .lmo::after { margin: -2px 0 0 5px; } } .version1 .lmo:hover { color: #575757; text-decoration: none; } .version1 .lmo:hover::after { border-left: 10px solid #575757; } .version1 .lmo.downArrow::after { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .version1 .backtoTop { position: fixed; bottom: 40px; right: 20px; background: #eb0028; width: 50px; height: 50px; display: block; text-decoration: none; border-radius: 35px; display: none; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; z-index: 9999999; font-size: 0; } .version1 .backtoTop i { color: #fff; margin: 0; position: relative; left: 0; top: -3px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } @media screen and (min-width: 1280px) { .version1 .pressreleaseSlider .swiper-slide h2::after { width: 0; -webkit-transition: all 0.75s; transition: all 0.75s; } .version1 .pressreleaseSlider .swiper-slide h2 + p { -webkit-transform: translateY(-10px); transform: translateY(-10px); -webkit-transition: all 1s; transition: all 1s; } .version1 .pressreleaseSlider .swiper-slide.swiper-slide-active h2::after, .version1 .pressreleaseSlider .swiper-slide.swiper-slide-next h2::after { width: calc(100% - 218px); } .version1 .pressreleaseSlider .swiper-slide.swiper-slide-active h2 + p, .version1 .pressreleaseSlider .swiper-slide.swiper-slide-next h2 + p { opacity: 1; -webkit-transform: translateY(0) scale(1); transform: translateY(0) scale(1); } .version1 .animatable.newsArchive .titleBlock h4 { opacity: 0; -webkit-transition: opacity 0.35s; transition: opacity 0.35s; } .version1 .animatable.newsArchive .titleBlock h4::after { opacity: 0; width: 0; -webkit-transition: all 0.35s; transition: all 0.35s; -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } .version1 .animatable.newsArchive h3 { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: all 0.55s; transition: all 0.55s; } .version1 .animatable.newsArchive picture { opacity: 0; -webkit-transform: scale(1) translateY(20px); transform: scale(1) translateY(20px); -webkit-transition: all 0.55s; transition: all 0.55s; } .version1 .animatable.newsArchive .imagePannel h3::after { opacity: 0; width: 0; -webkit-transition: all 0.35s; transition: all 0.35s; -webkit-transition-delay: 0.75s; transition-delay: 0.75s; } .version1 .animatable.animate-in.newsArchive .flexRow .col .titleBlock h4 { opacity: 1; } .version1 .animatable.animate-in.newsArchive .flexRow .col .titleBlock h4::after { opacity: 1; width: 240px; -webkit-transition: all 0.35s; transition: all 0.35s; } .version1 .animatable.animate-in.newsArchive .flexRow .col h3 { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: all 0.35s; transition: all 0.35s; } .version1 .animatable.animate-in.newsArchive .flexRow .col picture { opacity: 1; -webkit-transform: scale(1) translateY(0); transform: scale(1) translateY(0); -webkit-transition: all 0.35s; transition: all 0.35s; } .version1 .animatable.animate-in.newsArchive .imagePannel h3::after { opacity: 1; width: 100%; } .version1 .investmentArchive .row.animatable { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: all 0.75s; transition: all 0.75s; } .version1 .investmentArchive .row.animatable::after { opacity: 0; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: left; transform-origin: left; -webkit-transition-delay: 0.75; transition-delay: 0.75; -webkit-transition: all 1s; transition: all 1s; } .version1 .investmentArchive .row.animatable .col-sm-4 .contentWrap { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); -webkit-transition-delay: 0.75; transition-delay: 0.75; -webkit-transition: all 0.75s; transition: all 0.75s; } .version1 .investmentArchive .row.animate-in { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } .version1 .investmentArchive .row.animate-in::after { opacity: 1; -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transition-delay: 0.95; transition-delay: 0.95; } .version1 .investmentArchive .row.animate-in .col-sm-4 .contentWrap { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); -webkit-transition-delay: 0.75s; transition-delay: 0.75s; } .version1 .investmentArchive.animatable .col-sm-4 .contentWrap { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); -webkit-transition-delay: 0.75; transition-delay: 0.75; -webkit-transition: all 0.75s; transition: all 0.75s; } .version1 .investmentArchive.animate-in { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } .version1 .investmentArchive.animate-in::after { opacity: 1; -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transition-delay: 0.55; transition-delay: 0.55; } .version1 .investmentArchive.animate-in .col-sm-4 .contentWrap { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); -webkit-transition-delay: 0.75s; transition-delay: 0.75s; } .version1 .keysectorPannel .tab-content .detailContent p, .version1 .keysectorPannel .tab-content .detailTitle { opacity: 0; } .version1 .keysectorPannel .tab-content.active .detailTitle { opacity: 1; -webkit-animation: lftRgt 1s cubic-bezier(0.36, 0.07, 0.19, 0.97) both; animation: lftRgt 1s cubic-bezier(0.36, 0.07, 0.19, 0.97) both; } .version1 .keysectorPannel .tab-content.active .detailContent p { opacity: 1; -webkit-animation: rgtlft 1s cubic-bezier(0.36, 0.07, 0.19, 0.97) both; animation: rgtlft 1s cubic-bezier(0.36, 0.07, 0.19, 0.97) both; } } .version1 .keysectorPannel .gridBlock li:hover .sectorsIcon svg g.growArrow { -webkit-animation: arrowgrow 2s cubic-bezier(0.36, 0.07, 0.19, 0.97) both; animation: arrowgrow 2s cubic-bezier(0.36, 0.07, 0.19, 0.97) both; -webkit-transform-origin: bottom left; transform-origin: bottom left; } .version1 .keysectorPannel .gridBlock li:hover .sectorsIcon svg g.rotateTime { -webkit-animation: timeRotate 2s linear; animation: timeRotate 2s linear; -webkit-transform-origin: 50% 55%; transform-origin: 50% 55%; fill: #FFF; } .version1 .keysectorPannel .gridBlock li:hover .sectorsIcon svg g.rotate2 { -webkit-animation: timeRotate2 9s infinite cubic-bezier(0.31, 0.44, 0.445, 1.65); animation: timeRotate2 9s infinite cubic-bezier(0.31, 0.44, 0.445, 1.65); -webkit-transform-origin: center; transform-origin: center; fill: #FFF; } .version1 .keysectorPannel .gridBlock li:hover .sectorsIcon svg g.cart { -webkit-animation: speed 4.5s linear infinite; animation: speed 4.5s linear infinite; } .version1 .keysectorPannel .gridBlock li:hover .sectorsIcon svg g.scaleanim { -webkit-animation: scaling 3s infinite ease; animation: scaling 3s infinite ease; -webkit-transform-origin: center; transform-origin: center; } .version1 .keysectorPannel .gridBlock li:hover .sectorsIcon svg g.scaleanim path { fill: #FFF; } .version1 .keysectorPannel .gridBlock li:hover .sectorsIcon svg g.fileCompress { -webkit-animation: compress 3s infinite ease; animation: compress 3s infinite ease; -webkit-transform-origin: center; transform-origin: center; } .version1 .keysectorPannel .gridBlock .tabdetailWrap .tab-content { opacity: 0; visibility: hidden; height: 0; min-height: 0; -webkit-transition: all 0.55s; transition: all 0.55s; } .version1 .keysectorPannel .gridBlock .tabdetailWrap .tab-content.active { opacity: 1; visibility: visible; height: 206px; min-height: 206px; } .version1 .keysectorPannel .gridBlock.active { height: 606px; } @-webkit-keyframes fade { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fade { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes lftRgt { 0% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } 30% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes lftRgt { 0% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } 30% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes rgtlft { 0% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } 30% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes rgtlft { 0% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } 30% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes topBot { 0% { opacity: 0; -webkit-transform: translateY(-12%); transform: translateY(-12%); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes topBot { 0% { opacity: 0; -webkit-transform: translateY(-12%); transform: translateY(-12%); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes botTop { 0% { opacity: 0; -webkit-transform: translateY(12%); transform: translateY(12%); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes botTop { 0% { opacity: 0; -webkit-transform: translateY(12%); transform: translateY(12%); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes arrowgrow { 0% { opacity: 0; -webkit-transform: scale(0.5); transform: scale(0.5); fill: #FFF; } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); fill: #eb0028; } } @keyframes arrowgrow { 0% { opacity: 0; -webkit-transform: scale(0.5); transform: scale(0.5); fill: #FFF; } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); fill: #eb0028; } } @-webkit-keyframes timeRotate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); fill: #FFF; } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); fill: #eb0028; } } @keyframes timeRotate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); fill: #FFF; } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); fill: #eb0028; } } @-webkit-keyframes timeRotate2 { 0%, 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 50% { -webkit-transform: rotate(45deg); transform: rotate(45deg); } } @keyframes timeRotate2 { 0%, 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 50% { -webkit-transform: rotate(45deg); transform: rotate(45deg); } } @-webkit-keyframes compress { 0%, 100% { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); } 50% { -webkit-transform: rotateX(-65deg); transform: rotateX(-65deg); } } @keyframes compress { 0%, 100% { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); } 50% { -webkit-transform: rotateX(-65deg); transform: rotateX(-65deg); } } @-webkit-keyframes scaling { 0%, 100% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(0.7); transform: scale(0.7); } } @keyframes scaling { 0%, 100% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(0.7); transform: scale(0.7); } } @-webkit-keyframes spin-me-right-round-baby { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spin-me-right-round-baby { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes speed { 0% { -webkit-transform: translate(1px, 1px) rotate(0deg); transform: translate(1px, 1px) rotate(0deg); } 10% { -webkit-transform: translate(-1px, 1px) rotate(-1deg); transform: translate(-1px, 1px) rotate(-1deg); } 20% { -webkit-transform: translate(-1px, 0px) rotate(1deg); transform: translate(-1px, 0px) rotate(1deg); } 30% { -webkit-transform: translate(1px, 2px) rotate(0deg); transform: translate(1px, 2px) rotate(0deg); } 40% { -webkit-transform: translate(1px, 1px) rotate(1deg); transform: translate(1px, 1px) rotate(1deg); } 50% { -webkit-transform: translate(-1px, 1px) rotate(-1deg); transform: translate(-1px, 1px) rotate(-1deg); } 60% { -webkit-transform: translate(-1px, 1px) rotate(0deg); transform: translate(-1px, 1px) rotate(0deg); } 70% { -webkit-transform: translate(1px, 1px) rotate(-1deg); transform: translate(1px, 1px) rotate(-1deg); } 80% { -webkit-transform: translate(-1px, 1px) rotate(1deg); transform: translate(-1px, 1px) rotate(1deg); } 90% { -webkit-transform: translate(1px, 1px) rotate(0deg); transform: translate(1px, 1px) rotate(0deg); } 100% { -webkit-transform: translate(1px, -1px) rotate(-1deg); transform: translate(1px, -1px) rotate(-1deg); } } @keyframes speed { 0% { -webkit-transform: translate(1px, 1px) rotate(0deg); transform: translate(1px, 1px) rotate(0deg); } 10% { -webkit-transform: translate(-1px, 1px) rotate(-1deg); transform: translate(-1px, 1px) rotate(-1deg); } 20% { -webkit-transform: translate(-1px, 0px) rotate(1deg); transform: translate(-1px, 0px) rotate(1deg); } 30% { -webkit-transform: translate(1px, 2px) rotate(0deg); transform: translate(1px, 2px) rotate(0deg); } 40% { -webkit-transform: translate(1px, 1px) rotate(1deg); transform: translate(1px, 1px) rotate(1deg); } 50% { -webkit-transform: translate(-1px, 1px) rotate(-1deg); transform: translate(-1px, 1px) rotate(-1deg); } 60% { -webkit-transform: translate(-1px, 1px) rotate(0deg); transform: translate(-1px, 1px) rotate(0deg); } 70% { -webkit-transform: translate(1px, 1px) rotate(-1deg); transform: translate(1px, 1px) rotate(-1deg); } 80% { -webkit-transform: translate(-1px, 1px) rotate(1deg); transform: translate(-1px, 1px) rotate(1deg); } 90% { -webkit-transform: translate(1px, 1px) rotate(0deg); transform: translate(1px, 1px) rotate(0deg); } 100% { -webkit-transform: translate(1px, -1px) rotate(-1deg); transform: translate(1px, -1px) rotate(-1deg); } } .version1 .newsArchive.animate-in .flexRow .col:nth-child(1) .titleBlock h4 { -webkit-transition-delay: 0.25s; transition-delay: 0.25s; } .version1 .newsArchive.animate-in .flexRow .col:nth-child(1) .titleBlock h4::after { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } .version1 .newsArchive.animate-in .flexRow .col:nth-child(1) h3 { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } .version1 .newsArchive.animate-in .flexRow .col:nth-child(1) picture { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } .version1 .newsArchive.animate-in .flexRow .col:nth-child(2) .titleBlock h4 { -webkit-transition-delay: 0.5s; transition-delay: 0.5s; } .version1 .newsArchive.animate-in .flexRow .col:nth-child(2) .titleBlock h4::after { -webkit-transition-delay: 0.6s; transition-delay: 0.6s; } .version1 .newsArchive.animate-in .flexRow .col:nth-child(2) h3 { -webkit-transition-delay: 0.4s; transition-delay: 0.4s; } .version1 .newsArchive.animate-in .flexRow .col:nth-child(2) picture { -webkit-transition-delay: 0.4s; transition-delay: 0.4s; } .version1 .newsArchive.animate-in .flexRow .col:nth-child(3) .titleBlock h4 { -webkit-transition-delay: 0.75s; transition-delay: 0.75s; } .version1 .newsArchive.animate-in .flexRow .col:nth-child(3) .titleBlock h4::after { -webkit-transition-delay: 0.9s; transition-delay: 0.9s; } .version1 .newsArchive.animate-in .flexRow .col:nth-child(3) h3 { -webkit-transition-delay: 0.6s; transition-delay: 0.6s; } .version1 .newsArchive.animate-in .flexRow .col:nth-child(3) picture { -webkit-transition-delay: 0.6s; transition-delay: 0.6s; } .version1 header img { max-width: 100%; } .version1 header img { max-width: 100%; height: auto; } .version1 header { font-family: "lowenstein", sans-serif; font-weight: 400; background: #FFF; position: fixed; width: 100%; z-index: 99; -webkit-transition: all 0.3s; transition: all 0.3s; } @media screen and (min-width: 768px) { .version1 header { position: fixed; } } .version1 header .logo img.homeLogo { display: none; } .version1 header .logo img.stickyLogo { display: block; } .version1 header.stickyActive { background: #FFF !important; -webkit-box-shadow: 0 10px 15px -13px rgba(0, 0, 0, 0.75); box-shadow: 0 10px 15px -13px rgba(0, 0, 0, 0.75); } .version1 header.stickyActive .logo img.homeLogo { display: none; } .version1 header.stickyActive .logo img.stickyLogo { display: block; } .version1 .headerWraps { display: table; width: 100%; } .version1 .logo { display: inline-block; margin-top: 8px; max-width: 140px; -webkit-transition: all 0.3s; position: relative; z-index:1; transition: all 0.3s; } @media screen and (min-width: 768px) { .version1 .logo { margin-top: 11px; max-width: 160px; } } @media screen and (min-width: 1024px) { .version1 .logo { max-width: 200px; } } @media screen and (min-width: 1280px) { .version1 .logo { max-width: 286px; margin-top: 24px; } } .version1 .logo svg { display: block; width: 100%; height: 100%; } .version1 .logo svg g.fillBlack path { fill: #FFF; } @media screen and (min-width: 768px) { .version1 .stickyActive .logo { margin-top: 12px; } } @media screen and (min-width: 1024px) { .version1 .stickyActive .logo { margin-top: 7px; } } @media screen and (min-width: 1280px) { .version1 .stickyActive .logo { margin-top: 24px; } } .version1 .headRgt { width: 89px; float: right; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } @media screen and (min-width: 768px) { .version1 .headRgt { width: auto; -webkit-transition: all 0.3s; transition: all 0.3s; } } .version1 .headRgt .searchBlock a { background: #eb0028; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 58px; } @media screen and (min-width: 768px) { .version1 .headRgt .searchBlock a { width: 60px; height: 72px; -webkit-transform: translateX(0); transform: translateX(0); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } } @media screen and (min-width: 1280px) { .version1 .headRgt .searchBlock a { width: 86px; height: 134px; } } .version1 .headRgt .searchBlock a i { display: block; font-size: 0; } @media screen and (min-width: 768px) { .version1 .headRgt .searchBlock a i { width: 29px; } } @media screen and (min-width: 1280px) { .version1 .headRgt .searchBlock a i { width: 41px; margin-top: 31px; -webkit-transition: all 0.3s; transition: all 0.3s; } } .version1 .headRgt .searchBlock a i svg { display: block; width: 100%; height: 100%; } @media (max-width: 767px) { .version1 .headRgt .searchBlock a i svg { width: 60%; max-width: 44px; margin: 0 auto; } } @media screen and (min-width: 768px) { .version1 .headRgt .searchBlock a.active { -webkit-transform: translateX(0); transform: translateX(0); } } @media screen and (min-width: 1280px) { .version1 .headRgt .searchBlock a.active i { margin-top: 61px; } } .version1 .headRgt .hamburger { margin: 24px 12px 0; } @media screen and (min-width: 768px) { .version1 .headRgt .hamburger { margin: 27px 16px 0; } } @media screen and (min-width: 1280px) { .version1 .headRgt .hamburger { margin: 65px 25px 0; } } .version1 .headRgt .hamburger a { display: block; width: 21px; height: 12px; margin: 0; text-align: right; -webkit-transition: 0.3s; transition: 0.3s; position: relative; } @media screen and (min-width: 768px) { .version1 .headRgt .hamburger a { width: 27px; height: 16px; margin: 0; } } @media screen and (min-width: 1280px) { .version1 .headRgt .hamburger a { width: 39px; height: 22px; margin: 16px 0 0; } } @media screen and (min-width: 1280px) { .version1 .headRgt .hamburger a { margin: 0; } } .version1 .headRgt .hamburger a::before { content: ''; width: 100%; height: 2px; background: #000; position: absolute; top: 5px; left: 0; -webkit-transition: 0.18s; transition: 0.18s; } @media screen and (min-width: 768px) { .version1 .headRgt .hamburger a::before { top: 6px; } } @media screen and (min-width: 1280px) { .version1 .headRgt .hamburger a::before { top: 10px; } } .version1 .headRgt .hamburger a .lines { display: inline-block; margin: 0 32px 0 0; -webkit-transition: 0.3s; transition: 0.3s; position: relative; font-size: 0; color: transparent; } @media screen and (min-width: 1280px) { .version1 .headRgt .hamburger a .lines { margin: 0 50px 0 0; } } .version1 .headRgt .hamburger a .lines::after, .version1 .headRgt .hamburger a .lines::before { content: ''; background: #000; width: 21px; height: 2px; position: absolute; left: 0; -webkit-transition: 0.3s; transition: 0.3s; } @media screen and (min-width: 768px) { .version1 .headRgt .hamburger a .lines::after, .version1 .headRgt .hamburger a .lines::before { width: 27px; } } @media screen and (min-width: 1280px) { .version1 .headRgt .hamburger a .lines::after, .version1 .headRgt .hamburger a .lines::before { width: 39px; } } .version1 .headRgt .hamburger a .lines::before { top: -13px; } @media screen and (min-width: 1280px) { .version1 .headRgt .hamburger a .lines::before { top: -12px; } } .version1 .headRgt .hamburger a .lines::after { top: -3px; } @media screen and (min-width: 768px) { .version1 .headRgt .hamburger a .lines::after { top: 1px; } } @media screen and (min-width: 1280px) { .version1 .headRgt .hamburger a .lines::after { top: 7px; } } .version1 .headRgt .hamburger a.active { width: 20px; height: 20px; } @media screen and (min-width: 768px) { .version1 .headRgt .hamburger a.active { width: 25px; height: 25px; } } @media screen and (min-width: 1280px) { .version1 .headRgt .hamburger a.active { width: 31px; height: 31px; } } .version1 .headRgt .hamburger a.active::before { -webkit-transform: translateX(-100%) scale(0); transform: translateX(-100%) scale(0); opacity: 0; } .version1 .headRgt .hamburger a.active .lines { background: transparent; margin: 0 41px 0 0; } @media screen and (min-width: 768px) { .version1 .headRgt .hamburger a.active .lines { margin: 12px 41px 0 0; } } @media screen and (min-width: 1024px) { .version1 .headRgt .hamburger a.active .lines { margin: 13px 41px 0 0; } } @media screen and (min-width: 1280px) { .version1 .headRgt .hamburger a.active .lines { margin: 11px 41px 0 0; } } .version1 .headRgt .hamburger a.active .lines::after, .version1 .headRgt .hamburger a.active .lines::before { background: #000; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; top: -9px; left: 0; width: 24px; height: 3px; } @media (max-width: 767px) { .version1 .headRgt .hamburger a.active .lines::after, .version1 .headRgt .hamburger a.active .lines::before { background: #000; } } @media screen and (min-width: 768px) { .version1 .headRgt .hamburger a.active .lines::after, .version1 .headRgt .hamburger a.active .lines::before { width: 31px; left: -3px; } } @media screen and (min-width: 1280px) { .version1 .headRgt .hamburger a.active .lines::after, .version1 .headRgt .hamburger a.active .lines::before { width: 40px; left: -5px; top: 3px; } } .version1 .headRgt .hamburger a.active .lines::before { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); } .version1 .headRgt .hamburger a.active .lines::after { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); } .version1 .headRgt .hamburger a.active:focus { outline-width: 0; } .version1 .stickyActive .headRgt .hamburger a::before { background: #000; } .version1 .stickyActive .headRgt .hamburger a .lines::after, .version1 .stickyActive .headRgt .hamburger a .lines::before { background: #000; } .version1 .stickyActive .headRgt .hamburger a.active .lines::after, .version1 .stickyActive .headRgt .hamburger a.active .lines::before { background: #000; } .version1 .stickyActive .logo svg g.fillBlack path { fill: #FFF; } .version1 .stickyActive.menuActive .logo svg g.fillBlack path { fill: #FFF; } .version1 .menuActive .logo svg g.fillBlack path { fill: #000; } @media screen and (min-width: 768px) { .version1 .menuActive .logo svg g.fillBlack path { fill: #FFF; } } .version1 header .headRgt .searchBlock { -webkit-transform: translateX(0); transform: translateX(0); -webkit-transition: all 0.3s; transition: all 0.3s; } @media screen and (min-width: 768px) { .version1 header .headRgt .searchBlock { width: 60px; } } @media screen and (min-width: 1280px) { .version1 header .headRgt .searchBlock { width: 86px; } } .version1 header .headRgt .searchBlock a { font-family: "lowenstein", sans-serif; -webkit-transition: all 0.3s; transition: all 0.3s; } .version1 header .headRgt .searchBlock .seachBox { position: absolute; top: 0; right: 0; opacity: 0; visibility: hidden; padding: 20px 15px 0; z-index: -99; -webkit-transform: translateX(-10px) scaleX(0); transform: translateX(-10px) scaleX(0); -webkit-transform-origin: right; transform-origin: right; -webkit-transition: all 0.55s; transition: all 0.55s; } @media (max-width: 767px) { .version1 header .headRgt .searchBlock .seachBox { padding-top: 9px; } } .version1 header .headRgt .searchBlock .seachBox::after { content: ''; background: #FFF; width: 2px; height: 25px; position: absolute; top: 16px; left: 20px; display: none; } @media screen and (min-width: 768px) { .version1 header .headRgt .searchBlock .seachBox::after { background: #000; top: 26px; height: 29px; } } @media screen and (min-width: 1280px) { .version1 header .headRgt .searchBlock .seachBox::after { top: 86px; } } @media screen and (min-width: 1280px) { .version1 header .headRgt .searchBlock .seachBox { padding-top: 79px; } } .version1 header .headRgt .searchBlock .seachBox .txtBox { font-family: "lowenstein", sans-serif; font-size: 16px; font-weight: 500; color: #000; padding: 0 15px; margin-top: 11px; width: 100%; } @media (max-width: 767px) { .version1 header .headRgt .searchBlock .seachBox .txtBox { color: #FFF; } } @media screen and (min-width: 768px) { .version1 header .headRgt .searchBlock .seachBox .txtBox { padding: 0px 10px 0 5px; color: #000; } } @media screen and (min-width: 1280px) { .version1 header .headRgt .searchBlock .seachBox .txtBox { margin-top: 0; height: 45px; } } .version1 header .headRgt .searchBlock .seachBox .txtBox:focus { border: none !important; outline: #000 dotted 1px; } @media (max-width: 767px) { .version1 header .headRgt .searchBlock .seachBox .txtBox:focus { outline: #FFF dotted 1px; } } .version1 header .headRgt .searchBlock .seachBox #mainSearch1:focus { border: none !important; } @media (max-width: 767px) { .version1 header .headRgt .searchBlock .seachBox .txtBox::-webkit-input-placeholder { font-family: "lowenstein", sans-serif; color: #FFF; padding-left: 15px; } .version1 header .headRgt .searchBlock .seachBox .txtBox:-moz-placeholder { font-family: "lowenstein", sans-serif; color: #FFF; opacity: 1; padding-left: 15px; } .version1 header .headRgt .searchBlock .seachBox .txtBox:-ms-input-placeholder { font-family: "lowenstein", sans-serif; color: #FFF; padding-left: 15px; } } .version1 header .headRgt .searchBlock .seachBox .txtBox::-webkit-input-placeholder { font-family: "lowenstein", sans-serif; color: #000; padding-left: 20px; } .version1 header .headRgt .searchBlock .seachBox .txtBox:-moz-placeholder { font-family: "lowenstein", sans-serif; color: #000; opacity: 1; padding-left: 20px; } .version1 header .headRgt .searchBlock .seachBox .txtBox:-ms-input-placeholder { font-family: "lowenstein", sans-serif; color: #000; padding-left: 20px; } .version1 header.searchOpen .logo, .version1 header.searchOpen .hamburger { display: none; } @media screen and (min-width: 768px) { .version1 header.searchOpen .logo, .version1 header.searchOpen .hamburger { display: block; } } @media screen and (min-width: 768px) { .version1 header.searchOpen .logo { display: inline-block; } } .version1 header.searchOpen .headRgt { background: #eb0028; width: 100%; max-width: 420px; height: 58px; margin: 0 -20px; padding: 0 20px; position: absolute; top: 0; } @media screen and (min-width: 768px) { .version1 header.searchOpen .headRgt { background: transparent; margin: 0; padding: 0; position: static; width: 419px; max-width: none; height: auto; } } @media screen and (min-width: 1280px) { .version1 header.searchOpen .headRgt { width: 540px; } } .version1 header.searchOpen .headRgt .searchBlock { width: 100%; -webkit-transform: translateX(-21px); transform: translateX(-21px); } @media screen and (min-width: 768px) { .version1 header.searchOpen .headRgt .searchBlock { width: 360px; -webkit-transform: translateX(0); transform: translateX(0); } } @media screen and (min-width: 1280px) { .version1 header.searchOpen .headRgt .searchBlock { width: 451px; } } .version1 header.searchOpen .headRgt .searchBlock a { width: 44px; height: 58px; } @media screen and (min-width: 768px) { .version1 header.searchOpen .headRgt .searchBlock a { width: 60px; height: 72px; } } @media screen and (min-width: 1280px) { .version1 header.searchOpen .headRgt .searchBlock a { width: 86px; height: 134px; } } .version1 header.searchOpen .headRgt .searchBlock .seachBox { opacity: 1; visibility: visible; right: calc(100% - 306px); z-index: 99; -webkit-transform: translateX(0) scaleX(1); transform: translateX(0) scaleX(1); width: 276px; height: 58px; -webkit-transition: all 0.55s; transition: all 0.55s; } @media screen and (min-width: 768px) { .version1 header.searchOpen .headRgt .searchBlock .seachBox { height: 72px; right: 24px; } } @media screen and (min-width: 768px) { .version1 header.searchOpen .headRgt .searchBlock .seachBox { width: 303px; right: -3px; } } @media screen and (min-width: 1280px) { .version1 header.searchOpen .headRgt .searchBlock .seachBox { width: 361px; right: 4px; } } .version1 header.searchOpen .headRgt .searchBlock .seachBox .txtBox::-webkit-input-placeholder { color: #000; padding-left: 20px; } .version1 header.searchOpen .headRgt .searchBlock .seachBox .txtBox:-moz-placeholder { color: #000; opacity: 1; padding-left: 20px; } .version1 header.searchOpen .headRgt .searchBlock .seachBox .txtBox:-ms-input-placeholder { color: #000; padding-left: 20px; } @media (max-width: 767px) { .version1 header.searchOpen .headRgt .searchBlock .seachBox .txtBox::-webkit-input-placeholder { color: #FFF; padding-left: 15px; } .version1 header.searchOpen .headRgt .searchBlock .seachBox .txtBox:-moz-placeholder { color: #FFF; opacity: 1; padding-left: 15px; } .version1 header.searchOpen .headRgt .searchBlock .seachBox .txtBox:-ms-input-placeholder { color: #FFF; padding-left: 15px; } } .version1 header.searchOpen .headRgt .searchBlock { background: transparent; } @media screen and (min-width: 768px) { .version1 header.searchOpen .headRgt .searchBlock { background: rgba(0, 0, 0, 0.08); } } @media screen and (min-width: 768px) { .version1 header.searchOpen .headRgt .searchBlock .seachBox { height: 73px; } } @media screen and (min-width: 1024px) { .version1 header.searchOpen .headRgt .searchBlock .seachBox { height: 72px; } } .version1 header.searchOpen .headRgt .searchBlock .seachBox::after { background: #FFF; } @media screen and (min-width: 768px) { .version1 header.searchOpen .headRgt .searchBlock .seachBox::after { background: #000; } } .version1 header.searchOpen .headRgt .searchBlock .seachBox .txtBox { color: #FFF; } @media screen and (min-width: 768px) { .version1 header.searchOpen .headRgt .searchBlock .seachBox .txtBox { color: #000; } } .version1 header.searchOpen .headRgt .searchBlock .seachBox .txtBox::-webkit-input-placeholder { color: #FFF; padding-left: 20px; } .version1 header.searchOpen .headRgt .searchBlock .seachBox .txtBox:-moz-placeholder { color: #FFF; opacity: 1; padding-left: 20px; } .version1 header.searchOpen .headRgt .searchBlock .seachBox .txtBox:-ms-input-placeholder { color: #FFF; padding-left: 20px; } @media screen and (min-width: 768px) { .version1 header.searchOpen .headRgt .searchBlock .seachBox .txtBox::-webkit-input-placeholder { color: #000; padding-left: 20px; } .version1 header.searchOpen .headRgt .searchBlock .seachBox .txtBox:-moz-placeholder { color: #000; opacity: 1; padding-left: 20px; } .version1 header.searchOpen .headRgt .searchBlock .seachBox .txtBox:-ms-input-placeholder { color: #000; padding-left: 20px; } } .version1 .home .stickyEmpty { display: none; } .version1 .home header { background: transparent; -webkit-box-shadow: none; box-shadow: none; } @media screen and (min-width: 1280px) { .version1 .home header .logo { margin-top: 35px; } } .version1 .home header .logo img.homeLogo { display: block; } .version1 .home header .logo img.stickyLogo { display: none; } .version1 .home header.stickyActive .logo img.homeLogo { display: block; } .version1 .home header.stickyActive .logo img.stickyLogo { display: none; } .version1 .home header.stickyActive.menuActive .headRgt .hamburger a.active .lines::before, .version1 .home header.stickyActive.menuActive .headRgt .hamburger a.active .lines::after { background: #FFF; } .version1 .home header.stickyActive.menuActive.searchOpen .headRgt .searchBlock { background: transparent; } @media screen and (min-width: 768px) { .version1 .home header.stickyActive.menuActive.searchOpen .headRgt .searchBlock .seachBox { background: rgba(0, 0, 0, 0.4); } } @media screen and (min-width: 1280px) { .version1 .home header.stickyActive.menuActive.searchOpen .headRgt .searchBlock .seachBox { height: 134px; } } .version1 .home header.stickyActive.menuActive.searchOpen .headRgt .searchBlock .seachBox::after { background: #FFF; } .version1 .home header.stickyActive.menuActive.searchOpen .headRgt .searchBlock .seachBox .txtBox { color: #FFF; } .version1 .home header.stickyActive.menuActive.searchOpen .headRgt .searchBlock .seachBox .txtBox:focus { outline: 1px dotted #FFF; } .version1 .home header.stickyActive.menuActive.searchOpen .headRgt .searchBlock .seachBox .txtBox::-webkit-input-placeholder { color: #FFF; padding-left: 20px; } .version1 .home header.stickyActive.menuActive.searchOpen .headRgt .searchBlock .seachBox .txtBox:-moz-placeholder { color: #FFF; opacity: 1; padding-left: 20px; } .version1 .home header.stickyActive.menuActive.searchOpen .headRgt .searchBlock .seachBox .txtBox:-ms-input-placeholder { color: #FFF; padding-left: 20px; } @media screen and (min-width: 768px) { .version1 .home header.stickyActive.menuActive.searchOpen .headRgt .searchBlock .seachBox .txtBox::-webkit-input-placeholder { color: #FFF; padding-left: 20px; } .version1 .home header.stickyActive.menuActive.searchOpen .headRgt .searchBlock .seachBox .txtBox:-moz-placeholder { color: #FFF; opacity: 1; padding-left: 20px; } .version1 .home header.stickyActive.menuActive.searchOpen .headRgt .searchBlock .seachBox .txtBox:-ms-input-placeholder { color: #FFF; padding-left: 20px; } } .version1 .home header.stickyActive.searchOpen .headRgt .searchBlock { background: transparent; } @media screen and (min-width: 1280px) { .version1 .home header.stickyActive.searchOpen .headRgt .searchBlock .seachBox { height: 134px; } } .version1 .home header.stickyActive.searchOpen .headRgt .searchBlock .seachBox::after { background: #FFF; } .version1 .home header.stickyActive.searchOpen .headRgt .searchBlock .seachBox .txtBox { color: #FFF; } .version1 .home header.stickyActive.searchOpen .headRgt .searchBlock .seachBox .txtBox::-webkit-input-placeholder { color: #FFF; padding-left: 20px; } .version1 .home header.stickyActive.searchOpen .headRgt .searchBlock .seachBox .txtBox:-moz-placeholder { color: #FFF; opacity: 1; padding-left: 20px; } .version1 .home header.stickyActive.searchOpen .headRgt .searchBlock .seachBox .txtBox:-ms-input-placeholder { color: #FFF; padding-left: 20px; } @media screen and (min-width: 768px) { .version1 .home header.stickyActive.searchOpen .headRgt .searchBlock .seachBox .txtBox::-webkit-input-placeholder { color: #FFF; padding-left: 20px; } .version1 .home header.stickyActive.searchOpen .headRgt .searchBlock .seachBox .txtBox:-moz-placeholder { color: #FFF; opacity: 1; padding-left: 20px; } .version1 .home header.stickyActive.searchOpen .headRgt .searchBlock .seachBox .txtBox:-ms-input-placeholder { color: #FFF; padding-left: 20px; } } .version1 .home header.searchOpen .headRgt .searchBlock { background: transparent; } @media screen and (min-width: 768px) { .version1 .home header.searchOpen .headRgt .searchBlock .seachBox { background: rgba(0, 0, 0, 0.4); } } @media screen and (min-width: 1280px) { .version1 .home header.searchOpen .headRgt .searchBlock .seachBox { height: 134px; } } .version1 .home header.searchOpen .headRgt .searchBlock .seachBox::after { background: #FFF; } .version1 .home header.searchOpen .headRgt .searchBlock .seachBox .txtBox { color: #FFF; } .version1 .home header.searchOpen .headRgt .searchBlock .seachBox .txtBox:focus { outline: 1px dotted #FFF; } .version1 .home header.searchOpen .headRgt .searchBlock .seachBox .txtBox::-webkit-input-placeholder { color: #FFF; padding-left: 20px; } .version1 .home header.searchOpen .headRgt .searchBlock .seachBox .txtBox:-moz-placeholder { color: #FFF; opacity: 1; padding-left: 20px; } .version1 .home header.searchOpen .headRgt .searchBlock .seachBox .txtBox:-ms-input-placeholder { color: #FFF; padding-left: 20px; } @media screen and (min-width: 768px) { .version1 .home header.searchOpen .headRgt .searchBlock .seachBox .txtBox::-webkit-input-placeholder { color: #FFF; padding-left: 20px; } .version1 .home header.searchOpen .headRgt .searchBlock .seachBox .txtBox:-moz-placeholder { color: #FFF; opacity: 1; padding-left: 20px; } .version1 .home header.searchOpen .headRgt .searchBlock .seachBox .txtBox:-ms-input-placeholder { color: #FFF; padding-left: 20px; } } .version1 .home header.menuActive .headRgt .hamburger a.active .lines::before, .version1 .home header.menuActive .headRgt .hamburger a.active .lines::after { background: #000; } @media (max-width: 767px) { .version1 .home header.menuActive .headRgt .hamburger a.active .lines::before, .version1 .home header.menuActive .headRgt .hamburger a.active .lines::after { background: #FFF; } } .version1 .home header.menuActive.searchOpen .headRgt .searchBlock { background: rgba(0, 0, 0, 0.08); } @media (max-width: 767px) { .version1 .home header.menuActive.searchOpen .headRgt .searchBlock { background: none; } } @media screen and (min-width: 768px) { .version1 .home header.menuActive.searchOpen .headRgt .searchBlock .seachBox { background: none; } } @media screen and (min-width: 1280px) { .version1 .home header.menuActive.searchOpen .headRgt .searchBlock .seachBox { height: 134px; } } .version1 .home header.menuActive.searchOpen .headRgt .searchBlock .seachBox::after { background: #000; } .version1 .home header.menuActive.searchOpen .headRgt .searchBlock .seachBox .txtBox { color: #000; } .version1 .home header.menuActive.searchOpen .headRgt .searchBlock .seachBox .txtBox:focus { outline: 1px dotted #000; } .version1 .home header.menuActive.searchOpen .headRgt .searchBlock .seachBox .txtBox::-webkit-input-placeholder { color: #000; padding-left: 20px; } .version1 .home header.menuActive.searchOpen .headRgt .searchBlock .seachBox .txtBox:-moz-placeholder { color: #000; opacity: 1; padding-left: 20px; } .version1 .home header.menuActive.searchOpen .headRgt .searchBlock .seachBox .txtBox:-ms-input-placeholder { color: #000; padding-left: 20px; } @media screen and (min-width: 768px) { .version1 .home header.menuActive.searchOpen .headRgt .searchBlock .seachBox .txtBox::-webkit-input-placeholder { color: #000; padding-left: 20px; } .version1 .home header.menuActive.searchOpen .headRgt .searchBlock .seachBox .txtBox:-moz-placeholder { color: #000; opacity: 1; padding-left: 20px; } .version1 .home header.menuActive.searchOpen .headRgt .searchBlock .seachBox .txtBox:-ms-input-placeholder { color: #000; padding-left: 20px; } } .version1 .home .navWrapper { padding: 78px 0 0; height: 100%; } .version1 .home header.stickyActive { background: #000 !important; } .version1 .home .headRgt .hamburger a:before { background: #FFF; } .version1 .home .headRgt .hamburger a .lines::after, .version1 .home .headRgt .hamburger a .lines::before { background: #FFF; } .version1 .home .headRgt .hamburger a.active .lines::after, .version1 .home .headRgt .hamburger a.active .lines::before { background: #000; } .version1 .home header.stickyActive.searchOpen .headRgt { /*.searchBlock { background: transparent; @include bp(min-tabport) { background: rgba(255, 255, 255, 0.09); } .seachBox { @include bp(min-tabport) { height: 73px; } //background: rgba(255, 255, 255, 0.09); &::after { background: #FFF; } .txtBox { color: #FFF; } ::-webkit-input-placeholder { color: #FFF; } :-moz-placeholder { color: #FFF; opacity: 1; } :-ms-input-placeholder { color: #FFF; } } }*/ } @media screen and (min-width: 1024px) { .version1 .home .navWrapper { padding-top: 100px; } } @media screen and (min-width: 1280px) { .version1 .home .navWrapper { padding: 190px 0 0; width: calc((100% - -60px) / 2); height: 100%; } .version1 .home .navWrapper .wraps { padding-left: 29px; max-width: 606px; } } @media (min-width: 1360px) { .version1 .home .navWrapper { width: calc((100% - -200px) / 2); } .version1 .home .navWrapper .wraps { padding-left: 116px; max-width: 100%; } .version1 .home .navWrapper .marginWrap { max-width: 534px; } } @media (min-width: 1700px) { .version1 .home .navWrapper .marginWrap { max-width: 534px; } } .version1 .home .navWrapper a { font-family: "lowenstein", sans-serif; } @media screen and (min-width: 840px) { .version1 .navWrapper { width: 562px; } } @media screen and (min-width: 900px) { .version1 .navWrapper { width: 602px; } } @media screen and (min-width: 1012px) { .version1 .navWrapper { width: 642px; } } @media screen and (min-width: 1280px) { .version1 .navWrapper { padding: 190px 0 0; width: calc((100% - -60px) / 2); height: 100%; } .version1 .navWrapper .wraps { padding-left: 116px; } } @media (min-width: 1360px) { .version1 .navWrapper { width: calc((100% - -30px) / 2); } .version1 .navWrapper .marginWrap { max-width: 534px; } } @media (min-width: 1700px) { .version1 .navWrapper .marginWrap { max-width: 534px; } } .version1 .navWrapper a { font-family: "lowenstein", sans-serif; } .version1 .menuOpened { overflow-y: hidden; } .version1 .menuOpened body { overflow-y: hidden; } .version1 .navWrapper { padding: 19px 0 0; position: fixed; right: 0; width: 100%; height: 90%; overflow: hidden; z-index: 91; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-transform: translateX(100%); transform: translateX(100%); } @media screen and (min-width: 768px) { .version1 .navWrapper { padding: 0; width: calc((100% - -256px) / 2); -webkit-box-shadow: -5px 0px 11px -9px rgba(0, 0, 0, 0.75); box-shadow: -5px 0px 11px -9px rgba(0, 0, 0, 0.75); } } @media screen and (min-width: 1024px) { .version1 .navWrapper { width: calc((100% - -195px) / 2); padding-top: 26px; } } @media screen and (min-width: 1280px) { .version1 .navWrapper { padding: 57px 0 0; } } .version1 .navWrapper.active { background: #FFF; -webkit-transform: translateX(0); transform: translateX(0); } @media screen and (min-width: 768px) { .version1 .navWrapper .marginWrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } @media screen and (min-width: 1280px) { .version1 .navWrapper .marginWrap { max-width: 713px; } } @media (min-width: 1920px) { .version1 .navWrapper .marginWrap { max-width: 573px; } } .version1 .navWrapper .wraps { max-width: 410px; padding: 0 20px; margin: 0 auto; height: 100%; overflow: auto; } @media screen and (min-width: 768px) { .version1 .navWrapper .wraps { max-width: 100%; padding: 0 20px 0 33px; } } @media screen and (min-width: 1280px) { .version1 .navWrapper .wraps { padding: 0 20px 0 74px; } } .version1 .navWrapper ul { font-size: 22px; font-weight: 700; padding: 0; } @media screen and (min-width: 768px) { .version1 .navWrapper ul { font-size: 28px; width: 265px; } } @media screen and (min-width: 1280px) { .version1 .navWrapper ul { font-size: 37px; width: 378px; } } .version1 .navWrapper ul li { margin-bottom: 20px; } @media screen and (min-width: 768px) { .version1 .navWrapper ul li { margin-bottom: 30px; } } @media screen and (min-width: 1280px) { .version1 .navWrapper ul li { margin-bottom: 19px; } } .version1 .navWrapper a { display: inline-block; color: #000; -webkit-transition: all 0.3s; transition: all 0.3s; } .version1 .navWrapper a.menuOpen { color: #eb0028; } .version1 .navWrapper a:hover { color: #eb0028; } .version1 .navWrapper a.msubMenu { position: relative; } .version1 .navWrapper a.msubMenu::after { content: ''; background-image: url("../images/header/menu_arrow.png"); background-repeat: no-repeat; background-position: -10px -40px; width: 26px; height: 13px; display: inline-block; margin-left: 4px; } .version1 .navWrapper a.msubMenu.menuOpen::after { background-position: -10px -73px; } .version1 .navWrapper a.msubMenu + .inner { margin-bottom: 0; } .version1 .navWrapper a.msubMenu + .inner a.msubMenu::after { background-position: -10px -10px; width: 19px; height: 10px; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .version1 .navWrapper a.msubMenu + .inner a.msubMenu.menuOpen::after { -webkit-transform: rotate(0); transform: rotate(0); } .version1 .navWrapper .inner { font-size: 16px; font-weight: 500; padding-left: 21px; margin-top: 21px; margin-bottom: 22px; width: auto; } @media screen and (min-width: 768px) { .version1 .navWrapper .inner { font-size: 17px; margin-top: 13px; margin-bottom: -16px; } } .version1 .navWrapper .inner li { margin-bottom: 18px; } @media screen and (min-width: 768px) { .version1 .navWrapper .inner li { margin-bottom: 13px; } } .version1 .navWrapper .inner .inner { font-weight: 400; } @media screen and (min-width: 768px) { .version1 .navWrapper .inner .inner { font-size: 16px; margin-bottom: 19px !important; } } @media screen and (min-width: 768px) { .version1 .navWrapper .inner .inner li { margin-bottom: 5px; } } .version1 .navWrapper .secondryMenu ul { font-size: 16px; font-weight: 500; } @media screen and (min-width: 768px) { .version1 .navWrapper .secondryMenu ul { font-size: 17px; width: auto; } } .version1 .navWrapper .secondryMenu li { margin-bottom: 18px; } @media screen and (min-width: 768px) { .version1 .navWrapper .secondryMenu li { margin-bottom: 16px; } } .version1 .navWrapper .socialMedia { padding-top: 19px; padding-bottom: 33px; } @media screen and (min-width: 768px) { .version1 .navWrapper .socialMedia { width: 100%; } } .version1 .navWrapper .socialMedia ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: auto; } @media screen and (min-width: 768px) { .version1 .navWrapper .socialMedia ul { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } .version1 .navWrapper .socialMedia li { margin: 0 18px; } @media screen and (min-width: 768px) { .version1 .navWrapper .socialMedia li { max-width: 33px; } } @media screen and (min-width: 768px) { .version1 .navWrapper .socialMedia li:first-child { margin-left: 0; } } .version1 .navWrapper .socialMedia li a { font-size: 0; } .version1 .navWrapper .socialMedia li a svg { display: block; } .version1 .navWrapper .socialMedia li a:hover svg g path { fill: #eb0028; } .version1 .navWrapper .socialMedia li a:hover svg g path { stroke: #eb0028; } .version1 .ui-autocomplete { position: fixed; width: 246px !important; max-width: 246px !important; } @media screen and (min-width: 768px) { .version1 .ui-autocomplete { width: 274px !important; max-width: 274px !important; } } @media screen and (min-width: 1024px) { .version1 .ui-autocomplete { width: 272px !important; max-width: 272px !important; } } @media screen and (min-width: 1280px) { .version1 .ui-autocomplete { width: 331px !important; max-width: 331px !important; } } .version1 .ui-autocomplete .ui-menu-item { font-family: 'Roboto Condensed', sans-serif; } .version1 footer { bottom: 0; left: 0; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } .version1 footer img { max-width: 100%; } .version1 footer img { max-width: 100%; height: auto; } @media screen and (min-width: 768px) { .version1 footer { position: absolute; } } @media screen and (min-width: 800px) { .version1 .Windows footer { position: absolute; } } .version1 footer ul { list-style: none; } .version1 footer h1, .version1 footer h2, .version1 footer h3, .version1 footer h4, .version1 footer h5, .version1 footer h6, .version1 footer p, .version1 footer ul, .version1 footer ol, .version1 footer li, .version1 footer nav, .version1 footer figure, .version1 footer section, .version1 footer article, .version1 footer aside { margin: 0; padding: 0; display: block; font-family: "lowenstein", sans-serif; } .version1 footer { font-family: "lowenstein", sans-serif; font-weight: 400; background: #575757; padding-top: 35px !important; padding-bottom: 46px; } @media screen and (min-width: 768px) { .version1 footer { padding-top: 48px !important; padding-bottom: 41px; } } @media screen and (min-width: 1280px) { .version1 footer { padding-top: 49px !important; padding-bottom: 70px; } } @media screen and (min-width: 1024px) { .version1 .fRow { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media screen and (min-width: 1280px) { .version1 .fRow { -webkit-box-align: end; -ms-flex-align: end; align-items: end; } } .version1 .fRow .fLogo { display: none; } @media screen and (min-width: 1024px) { .version1 .fRow .fLogo { display: block; max-width: 200px; } } @media screen and (min-width: 1280px) { .version1 .fRow .fLogo { max-width: 248px; } } .version1 .fCol { padding: 0 0 34px; } @media screen and (min-width: 768px) { .version1 .fCol { padding: 0 0 10px; } } @media screen and (min-width: 1024px) { .version1 .fCol { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-bottom: 0; margin-left: auto; } } .version1 .fCol .fNav { font-weight: 400; font-size: 16px; padding-bottom: 20px; text-transform: uppercase; border-bottom: 2px solid #eb0028; } @media screen and (min-width: 768px) { .version1 .fCol .fNav { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; border-bottom: none; position: relative; } } @media screen and (min-width: 1024px) { .version1 .fCol .fNav { padding-bottom: 0; margin-right: 15px; margin-bottom: 0; } } @media (min-width: 1280px) { .version1 .fCol .fNav { margin-right: 19px; } } @media screen and (min-width: 1280px) { .version1 .fCol .fNav { margin-top: -8px; } } .version1 .fCol .fNav li { margin-bottom: 21px; position: relative; } .version1 .fCol .fNav li:last-child { margin-bottom: 0; } .version1 .fCol .fNav li:last-child a { padding-right: 0; } .version1 .fCol .fNav li:last-child a::after { display: none; } @media screen and (min-width: 1024px) { .version1 .fCol .fNav li:last-child a { padding-right: 18px; } .version1 .fCol .fNav li:last-child a::after { display: block; } } .version1 .fCol .fNav li:first-child a { padding-left: 0; } @media screen and (min-width: 768px) { .version1 .fCol .fNav li { margin-bottom: 0; } } .version1 .fCol .fNav li a { display: inline-block; color: #FFF; position: relative; -webkit-transition: all 0.3s; transition: all 0.3s; } .version1 .fCol .fNav li a:hover { color: #000; } @media screen and (min-width: 768px) { .version1 .fCol .fNav li a { padding: 0 39px; } } @media screen and (min-width: 1024px) { .version1 .fCol .fNav li a { padding: 0 18px; } } .version1 .fCol .fNav li a::after { display: none; } @media screen and (min-width: 768px) { .version1 .fCol .fNav li a::after { display: block; content: ''; width: 2px; height: 22px; background: #eb0028; position: absolute; top: 0; right: 0; } } @media screen and (min-width: 1280px) { .version1 .fCol .fNav li a::after { height: 24px; top: -2px; } } .version1 .fCol .socialLink { display: none; } .version1 .fCol .socialLink li { margin-right: 5px; } .version1 .fCol .socialLink li a { display: block; font-size: 0; -webkit-transition: all 0.3s; transition: all 0.3s; } .version1 .fCol .socialLink li a:hover { opacity: 0.75; } .version1 .fCol .socialLink li:last-child { margin-right: 0; } @media screen and (min-width: 1024px) { .version1 .fCol .socialLink li { margin-right: 15px; } } @media screen and (min-width: 1280px) { .version1 .fCol .socialLink li { margin-right: 28px; } } @media screen and (min-width: 1024px) { .version1 .fCol .socialLink { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media screen and (min-width: 1280px) { .version1 .fCol .socialLink { margin-top: -3px; } } @media screen and (min-width: 768px) { .version1 .cpy { margin-top: 21px; } } @media screen and (min-width: 1024px) { .version1 .cpy { width: 100%; margin-top: 25px; } } .version1 .cpy p { font-size: 12px; color: #FFF; line-height: 16px; } .version1 .cpy p a { color: inherit; text-decoration: none; } .version1 .cpy p a:hover { color: #000; } @media screen and (min-width: 768px) { .version1 .cpy p { font-size: 14px; line-height: 18px; } } @media screen and (min-width: 1280px) { .version1 .cpy p { font-size: 16px; } } .version1 #btn-top { z-index: 9; } .version1 .homebanner, .version1 .pressreleaseSlider, .version1 .newsArchive { font-family: "lowenstein", sans-serif; font-weight: 400; } .version1 .homebanner a, .version1 .pressreleaseSlider a, .version1 .newsArchive a { font-family: "lowenstein", sans-serif; font-weight: inherit; } .version1 .homebanner img, .version1 .pressreleaseSlider img, .version1 .newsArchive img { max-width: 100%; } .version1 .homebanner img, .version1 .pressreleaseSlider img, .version1 .newsArchive img { max-width: 100%; height: auto; } .version1 header ul { list-style: none; } .version1 header h1, .version1 header h2, .version1 header h3, .version1 header h4, .version1 header h5, .version1 header h6, .version1 header p, .version1 header ul, .version1 header ol, .version1 header li, .version1 header nav, .version1 header figure, .version1 header section, .version1 header article, .version1 header aside { margin: 0; padding: 0; display: block; font-family: "lowenstein", sans-serif; } @media screen and (min-width: 768px) { .version1 .homebanner .bannerWrap { padding-bottom: 69px; } } @media screen and (min-width: 1024px) { .version1 .homebanner .bannerWrap { padding-bottom: 0; position: relative; } } .version1 .homebanner .bannerImg { background-size: cover; background-repeat: no-repeat; background-position: top center; height: 220px; } @media screen and (min-width: 768px) { .version1 .homebanner .bannerImg { height: 300px; } } @media screen and (min-width: 1024px) { .version1 .homebanner .bannerImg { height: 450px; } } @media screen and (min-width: 1280px) { .version1 .homebanner .bannerImg { height: 750px; } } .version1 .homebanner .sliderContent { background: #FFF; } @media screen and (min-width: 1024px) { .version1 .homebanner .sliderContent { background: transparent; position: absolute; top: 102px; left: 0; width: 100%; } } @media screen and (min-width: 1280px) { .version1 .homebanner .sliderContent { top: 169px; } } .version1 .homebanner .articleBlock { padding-top: 28px; } @media screen and (min-width: 768px) { .version1 .homebanner .articleBlock { padding-top: 52px; max-width: 468px; margin: 0 auto; } } @media screen and (min-width: 1024px) { .version1 .homebanner .articleBlock { max-width: 655px; padding-top: 0; padding-left: 68px; margin: 0; } } @media screen and (min-width: 1280px) { .version1 .homebanner .articleBlock { max-width: 751px; padding-left: 95px; } } .version1 .homebanner .articleBlock h2 { font-size: 16px; font-weight: 500; color: #575757; display: inline-block; margin-bottom: 11px; position: relative; } .version1 .homebanner .articleBlock h2 a { color: inherit; } @media screen and (min-width: 768px) { .version1 .homebanner .articleBlock h2 { font-size: 16px; } } @media screen and (min-width: 1024px) { .version1 .homebanner .articleBlock h2 { font-size: 18px; color: #FFF; line-height: 12px; } } @media screen and (min-width: 1280px) { .version1 .homebanner .articleBlock h2 { font-size: 16px; line-height: 14px; } } .version1 .homebanner .articleBlock h2::after { content: ''; background: #eb0028; width: 100%; display: inline-block; height: 2px; } @media screen and (min-width: 768px) { .version1 .homebanner .articleBlock h2::after { height: 1px; } } @media screen and (min-width: 1024px) { .version1 .homebanner .articleBlock h2::after { background: #FFF; } } @media screen and (min-width: 1280px) { .version1 .homebanner .articleBlock h2::after { height: 1px; } } .version1 .homebanner .articleBlock h2 a { color: #eb0028; text-transform: capitalize; } .version1 .homebanner .articleBlock h2 a span { text-transform: uppercase; } @media screen and (min-width: 1024px) { .version1 .homebanner .articleBlock h2 a { color: #FFF; } } .version1 .homebanner .articleBlock h2 a:hover { color: #e2e2e2; } @media (max-width: 1023px) { .version1 .homebanner .articleBlock h2 a { color: #575757; } } @media (max-width: 1023px) { .version1 .homebanner .articleBlock h2 a span { color: #eb0028; } } .version1 .homebanner .articleBlock p, .version1 .homebanner .articleBlock h1, .version1 .homebanner .articleBlock h3 { font-size: 20px; color: #000; margin-top: -3px; line-height: 28px; } @media screen and (min-width: 768px) { .version1 .homebanner .articleBlock p, .version1 .homebanner .articleBlock h1, .version1 .homebanner .articleBlock h3 { font-size: 25px; line-height: 32px; } } @media screen and (min-width: 1024px) { .version1 .homebanner .articleBlock p, .version1 .homebanner .articleBlock h1, .version1 .homebanner .articleBlock h3 { color: #FFF; margin-top: 5px; } } @media screen and (min-width: 1280px) { .version1 .homebanner .articleBlock p, .version1 .homebanner .articleBlock h1, .version1 .homebanner .articleBlock h3 { font-size: 35px; margin-top: 14px; line-height: 45px; } } .version1 .homebanner .articleBlock p a, .version1 .homebanner .articleBlock h1 a, .version1 .homebanner .articleBlock h3 a { color: #000; text-decoration: none; } @media screen and (min-width: 1024px) { .version1 .homebanner .articleBlock p a, .version1 .homebanner .articleBlock h1 a, .version1 .homebanner .articleBlock h3 a { color: #FFF; } } .version1 .homebanner .sectorsLinks { font-size: 20px; padding: 33px 0; position: relative; } @media screen and (min-width: 768px) { .version1 .homebanner .sectorsLinks { display: none; } } .version1 .homebanner .sectorsLinks::after { content: ''; background: #e7e7e7; width: 100%; height: calc(100% - 118px); position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .version1 .homebanner .sectorsLinks .containerWrapper { position: relative; z-index: 9; } .version1 .homebanner .sectorsLinks a { display: block; color: #FFF; padding: 12px 5px 10px; } .version1 .homebanner .sectorsLinks li { background: #68696d; margin-bottom: 6px; border-left: 8px solid #eb0028; position: relative; } .version1 .homebanner .sectorsLinks li::after { content: ''; background-image: url("../images/home/arrow_sprites.png"); background-repeat: no-repeat; background-position: -20px -160px; width: 13px; height: 25px; position: absolute; top: 50%; right: 12px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .version1 .homebanner .swiper-pagination { bottom: calc(100% - 206px); } @media (min-width: 320px) and (max-width: 1023px) { .version1 .homebanner .swiper-pagination { width: 100%; } } @media screen and (min-width: 768px) { .version1 .homebanner .swiper-pagination { bottom: calc(100% - 280px); } } @media screen and (min-width: 1024px) { .version1 .homebanner .swiper-pagination { max-width: 764px; min-width: 764px; margin: 0 auto; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); text-align: left; } } @media screen and (min-width: 1280px) { .version1 .homebanner .swiper-pagination { max-width: 802px; min-width: 802px; bottom: calc(100% - 453px); margin-left: 5px; } } .version1 .homebanner .swiper-pagination .swiper-pagination-bullet { background: #FFF; width: 40px; height: 2px; opacity: 1; margin-right: 7px; border-radius: 0; } @media screen and (min-width: 768px) { .version1 .homebanner .swiper-pagination .swiper-pagination-bullet { width: 66px; height: 4px; } } .version1 .homebanner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #eb0028; } .version1 .homebanner .playpause .playpauseWrap { display: none; } @media screen and (min-width: 1024px) { .version1 .homebanner .playpause { display: block; width: 100%; max-width: 964px; margin: 0 auto; } } .version1 .homebanner .playpause .playpauseWrap { position: absolute; bottom: calc(100% - 282px); z-index: 9999; max-width: 100px; margin-left: 67px; } @media screen and (min-width: 1024px) { .version1 .homebanner .playpause .playpauseWrap { display: block; } } @media screen and (min-width: 1280px) { .version1 .homebanner .playpause .playpauseWrap { bottom: calc(100% - 461px); margin-left: 32px; } } .version1 .homebanner .playpause .playpauseWrap .swiper-button-play, .version1 .homebanner .playpause .playpauseWrap .swiper-button-pause { background-repeat: no-repeat; background-size: cover; width: 25px; height: 25px; display: none; cursor: pointer; font-size: 0; } @media screen and (min-width: 1280px) { .version1 .homebanner .playpause .playpauseWrap .swiper-button-play, .version1 .homebanner .playpause .playpauseWrap .swiper-button-pause { width: 32px; height: 32px; } } .version1 .homebanner .playpause .playpauseWrap .swiper-button-play.active, .version1 .homebanner .playpause .playpauseWrap .swiper-button-pause.active { display: block; } .version1 .homebanner .playpause .playpauseWrap .swiper-button-play { background-image: url("../images/home/play.svg"); } .version1 .homebanner .playpause .playpauseWrap .swiper-button-pause { background-image: url("../images/home/pause.svg"); } .version1 .pressreleaseSlider { background: #eb0028; padding: 32px 0 20px; } @media screen and (min-width: 1024px) { .version1 .pressreleaseSlider { background: transparent; padding: 0; margin-top: -137px; position: relative; z-index: 9; } } @media screen and (min-width: 1280px) { .version1 .pressreleaseSlider { padding-bottom: 56px; margin-top: -243px; } } @media screen and (min-width: 768px) { .version1 .pressreleaseSlider .wraps { max-width: 480px; margin: 0 auto; } } @media screen and (min-width: 1024px) { .version1 .pressreleaseSlider .wraps { max-width: 100%; margin: 0; padding-bottom: 20px; -webkit-transition: all 0.3s; transition: all 0.3s; } } @media screen and (min-width: 1280px) { .version1 .pressreleaseSlider .wraps { padding-bottom: 40px; } } @media screen and (min-width: 1024px) { .version1 .pressreleaseSlider .titleBlock { background: rgba(255, 255, 255, 0.85); padding-top: 20px; padding-right: 36px; padding-bottom: 8px; padding-left: 36px; height: 137px; overflow: hidden; -webkit-transition: all 0.3s; transition: all 0.3s; } } @media screen and (min-width: 1280px) { .version1 .pressreleaseSlider .titleBlock { padding-top: 40px; height: 243px; } } .version1 .pressreleaseSlider h2 { font-size: 16px; font-weight: 500; color: #FFF; display: inline-block; margin-bottom: 17px; line-height: 18px; text-transform: uppercase; position: relative; overflow: auto; } .version1 .pressreleaseSlider h2 a { color: inherit; } @media screen and (min-width: 1024px) { .version1 .pressreleaseSlider h2 { font-size: 18px; color: #000; margin-bottom: 6px; line-height: 12px; } } @media screen and (min-width: 1280px) { .version1 .pressreleaseSlider h2 { font-size: 15px; display: block; margin-bottom: 25px; line-height: 14px; } } .version1 .pressreleaseSlider h2::after { content: ''; background: #FFF; width: calc(100% - 25px); height: 1px; display: inline-block; margin-top: 10px; } @media screen and (min-width: 1024px) { .version1 .pressreleaseSlider h2::after { background: #FFF; width: 100%; } } @media screen and (min-width: 1280px) { .version1 .pressreleaseSlider h2::after { display: block; width: calc(100% - 25px); height: 1px; } } .version1 .pressreleaseSlider h2 a { color: #FFF; text-transform: capitalize; } .version1 .pressreleaseSlider h2 a span { text-transform: uppercase; overflow: visible; } @media screen and (min-width: 1024px) { .version1 .pressreleaseSlider h2 a { color: #000; } } .version1 .pressreleaseSlider h2 a:hover { color: #575757; } @media (min-width: 320px) and (max-width: 1023px) { .version1 .pressreleaseSlider h2 a:hover { color: #FFF !important; } } .version1 .pressreleaseSlider h2 + p { overflow: auto; margin-top: 2px; } @media screen and (min-width: 1024px) { .version1 .pressreleaseSlider h2 + p { margin-top: 5px; } } @media screen and (min-width: 1280px) { .version1 .pressreleaseSlider h2 + p { margin-top: 14px; } } .version1 .pressreleaseSlider p { font-size: 25px; font-weight: 700 !important; color: #FFF; line-height: 32px; text-transform: uppercase; font-family: 'Roboto Condensed',sans-serif; } @media screen and (min-width: 768px) { .version1 .pressreleaseSlider p { font-size: 25px; color: #FFF; line-height: 32px; } } @media screen and (min-width: 1024px) { .version1 .pressreleaseSlider p { font-size: 16px; color: #000; line-height: 20px; } } @media screen and (min-width: 1280px) { .version1 .pressreleaseSlider p { font-size: 25px; line-height: 32px; } } .version1 .pressreleaseSlider p a { color: inherit; text-decoration: initial; } .version1 .pressreleaseSlider picture { display: block; margin-top: 20px; position: relative; -webkit-transition: all 0.3s; transition: all 0.3s; } @media screen and (min-width: 768px) { .version1 .pressreleaseSlider picture { margin-top: 22px; } } @media screen and (min-width: 1024px) { .version1 .pressreleaseSlider picture { margin-top: 0; opacity: 0; visibility: hidden; -webkit-transform: scale3d(0, 0, 0); transform: scale3d(0, 0, 0); -webkit-transition: all 0.75; transition: all 0.75; } } .version1 .pressreleaseSlider picture .imgLink { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; font-size: 0; color: transparent; z-index: 99; } @media screen and (min-width: 1024px) { .version1 .pressreleaseSlider .swiper-slide.swiper-slide-active .wraps { background: #eb0028; padding: 0 28px 20px; } } @media screen and (min-width: 1280px) { .version1 .pressreleaseSlider .swiper-slide.swiper-slide-active .wraps { padding: 0 40px 40px; } } @media screen and (min-width: 1024px) { .version1 .pressreleaseSlider .swiper-slide.swiper-slide-active .titleBlock { background: transparent; padding-left: 0; padding-right: 0; } } @media screen and (min-width: 1024px) { .version1 .pressreleaseSlider .swiper-slide.swiper-slide-active h2, .version1 .pressreleaseSlider .swiper-slide.swiper-slide-active p { color: #FFF; } } @media screen and (min-width: 1024px) { .version1 .pressreleaseSlider .swiper-slide.swiper-slide-active h2 a { color: #FFF; } } @media screen and (min-width: 1024px) { .version1 .pressreleaseSlider .swiper-slide.swiper-slide-active h2 a:hover { color: #000; } } @media screen and (min-width: 1024px) { .version1 .pressreleaseSlider .swiper-slide.swiper-slide-active picture { visibility: visible; opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); -webkit-transition: all 0.75; transition: all 0.75; } } .version1 .pressreleaseSlider .artImg { position: absolute; bottom: -3px; left: 0; width: 100%; background-image: url("../images/home/line_art.svg"); background-repeat: no-repeat; background-position: top center; background-size: cover; width: 100%; height: 280px; display: none; } @media screen and (min-width: 1024px) { .version1 .pressreleaseSlider .artImg { display: block; height: 287px; } } @media screen and (min-width: 1280px) { .version1 .pressreleaseSlider .artImg { height: 356px; } } .version1 .pressreleaseSlider .pressrelease .swiper-slide-next h2::after { background: #000; } @media screen and (min-width: 1024px) { .version1 .pressreleaseSlider .pressrelease { padding: 0 30px; margin: 0 -30px; } } @media screen and (min-width: 1100px) { .version1 .pressreleaseSlider .pressrelease { padding: 0 50px; margin: 0 -50px; } } @media screen and (min-width: 1400px) { .version1 .pressreleaseSlider .pressrelease { padding: 0 99px; margin: 0 -99px; } } .version1 .pressreleaseSlider .pressrelease .swiper-slide { opacity: 0; } .version1 .pressreleaseSlider .pressrelease .swiper-slide-active, .version1 .pressreleaseSlider .pressrelease .swiper-slide-next { opacity: 1; } .version1 .pressreleaseSlider .swipeNav { position: relative; margin: 32px auto 0; height: 45px; width: 82px; z-index: 99999999999; } @media screen and (min-width: 1024px) { .version1 .pressreleaseSlider .swipeNav { position: static; margin: 0; height: auto; } } .version1 .pressreleaseSlider .swipeNav .swiper-button-next, .version1 .pressreleaseSlider .swipeNav .swiper-button-prev { background-image: url("../images/home/arrow_sprites.png"); background-repeat: no-repeat; background-size: auto; width: 15px; height: 30px; } @media screen and (min-width: 1024px) { .version1 .pressreleaseSlider .swipeNav .swiper-button-next, .version1 .pressreleaseSlider .swipeNav .swiper-button-prev { width: 24px; height: 50px; } } @media screen and (min-width: 1280px) { .version1 .pressreleaseSlider .swipeNav .swiper-button-next, .version1 .pressreleaseSlider .swipeNav .swiper-button-prev { top: 383px; } } .version1 .pressreleaseSlider .swipeNav .swiper-button-next { background-position: -20px -255px; right: 0; } @media screen and (min-width: 1024px) { .version1 .pressreleaseSlider .swipeNav .swiper-button-next { background: none; background-position: -10px -80px; width: calc((100% - 26px) / 2); height: 200px; } } @media screen and (min-width: 1280px) { .version1 .pressreleaseSlider .swipeNav .swiper-button-next { right: 12px; top: 265px; width: calc((100% - 47px) / 2); height: 297px; padding-top: 118px; } } @media screen and (min-width: 1024px) { .version1 .pressreleaseSlider .swipeNav .swiper-button-next span { background-image: url("../images/home/arrow_sprites.png"); background-position: -10px -80px; display: block; width: 24px; height: 50px; margin-left: auto; } } .version1 .pressreleaseSlider .swipeNav .swiper-button-prev { background-position: -20px -205px; left: 0; } @media screen and (min-width: 1024px) { .version1 .pressreleaseSlider .swipeNav .swiper-button-prev { background-position: -10px -10px; } } @media (max-width: 1279px) { .version1 .pressreleaseSlider picture img { width: 100%; } } .version1 .swiper-button-next, .version1 .swiper-button-prev { background-size: none; } .version1 .keysectorPannel { background-image: url("../images/home/keysector-bg.jpg"); background-repeat: no-repeat; background-position: top center; background-size: cover; padding: 41px 0 34px; } @media screen and (min-width: 768px) { .version1 .keysectorPannel { padding: 52px 0 54px; } } @media screen and (min-width: 1024px) { .version1 .keysectorPannel { padding: 0; } } @media screen and (min-width: 1280px) { .version1 .keysectorPannel { padding: 0; margin-top: 3px; height: 606px; } } @media screen and (min-width: 1024px) { .version1 .keysectorPannel .wraps { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 456px; } } @media screen and (min-width: 1280px) { .version1 .keysectorPannel .wraps { height: 606px; } } .version1 .keysectorPannel .titleBlock { margin-bottom: 27px; } @media screen and (min-width: 768px) { .version1 .keysectorPannel .titleBlock { max-width: 480px; margin: 0 auto 59px; } } @media screen and (min-width: 1024px) { .version1 .keysectorPannel .titleBlock { max-width: 260px; padding-right: 25px; margin: 0; } } @media screen and (min-width: 1280px) { .version1 .keysectorPannel .titleBlock { max-width: 248px; margin-top: -54px; padding-right: 0; margin-right: 35px; } } .version1 .keysectorPannel .titleBlock h2 { font-size: 36px; font-weight: 400; color: #000; margin-bottom: 22px; position: relative; } @media screen and (min-width: 768px) { .version1 .keysectorPannel .titleBlock h2 { font-size: 60px; margin-bottom: 14px; } } @media screen and (min-width: 1024px) { .version1 .keysectorPannel .titleBlock h2 { font-size: 63px; line-height: 63px; margin-bottom: 22px; } } @media screen and (min-width: 1280px) { .version1 .keysectorPannel .titleBlock h2 { font-size: 73px; line-height: 73px; } } .version1 .keysectorPannel .titleBlock h2::after { content: ''; background: #eb0028; width: calc(100% - 25px); height: 4px; display: block; margin-top: 20px; } @media screen and (min-width: 1280px) { .version1 .keysectorPannel .titleBlock h2::after { width: 100%; margin-top: 35px; } } .version1 .keysectorPannel .titleBlock h2 a { color: inherit; } .version1 .keysectorPannel .titleBlock p { font-size: 18px; color: #000; line-height: 25px; } .version1 .keysectorPannel .tabdetailWrap .hide { display: block !important; } @media screen and (min-width: 1024px) { .version1 .keysectorPannel .gridBlock { width: 655px; } } @media screen and (min-width: 1280px) { .version1 .keysectorPannel .gridBlock { width: 777px; } } @media (min-width: 1360px) { .version1 .keysectorPannel .gridBlock { width: 816px; } } .version1 .keysectorPannel .gridBlock ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 280px; margin: 0 auto; } @media screen and (min-width: 768px) { .version1 .keysectorPannel .gridBlock ul { width: 392px; } } @media screen and (min-width: 1024px) { .version1 .keysectorPannel .gridBlock ul { width: 100%; margin: 0; } } .version1 .keysectorPannel .gridBlock li { background: #68696d; width: 137px; height: 137px; margin-bottom: 6px; position: relative; } @media screen and (min-width: 768px) { .version1 .keysectorPannel .gridBlock li { background: #828387; width: 193px; height: 193px; } } @media screen and (min-width: 1024px) { .version1 .keysectorPannel .gridBlock li { width: 159px; height: 159px; } } @media screen and (min-width: 1280px) { .version1 .keysectorPannel .gridBlock li { width: 190px; height: 190px; margin-bottom: 5px; } } @media (min-width: 1360px) { .version1 .keysectorPannel .gridBlock li { width: 200px; height: 200px; } } .version1 .keysectorPannel .gridBlock li .tabLink { position: absolute; top: 0; left: 0; bottom: 0; right: 0; font-size: 0; z-index: 9; } @media screen and (min-width: 1024px) { .version1 .keysectorPannel .gridBlock .gridTiles.active li { margin-bottom: 0; } } .version1 .keysectorPannel .gridBlock .gridTiles.active li.active .title { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } @media screen and (min-width: 1280px) { .version1 .keysectorPannel .gridBlock .gridTiles.active li.active .sectorsIcon { height: 200px; } .version1 .keysectorPannel .gridBlock .gridTiles.active li.active .sectorsIcon svg { height: 50%; } } @media screen and (min-width: 1280px) { .version1 .keysectorPannel .gridBlock .gridTiles.active li:first-child.active .sectorsIcon, .version1 .keysectorPannel .gridBlock .gridTiles.active li:last-child.active .sectorsIcon { height: 200px; } .version1 .keysectorPannel .gridBlock .gridTiles.active li:first-child.active .sectorsIcon svg, .version1 .keysectorPannel .gridBlock .gridTiles.active li:last-child.active .sectorsIcon svg { height: 35%; } } .version1 .keysectorPannel .gridBlock .sectorsIcon, .version1 .keysectorPannel .gridBlock .title { display: block; text-align: center; } .version1 .keysectorPannel .gridBlock .sectorsIcon { height: 91px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: all 0.3s; transition: all 0.3s; } @media screen and (min-width: 768px) { .version1 .keysectorPannel .gridBlock .sectorsIcon { height: 126px; } } @media screen and (min-width: 1024px) { .version1 .keysectorPannel .gridBlock .sectorsIcon { height: 102px; } } @media screen and (min-width: 1280px) { .version1 .keysectorPannel .gridBlock .sectorsIcon { height: 129px; } } .version1 .keysectorPannel .gridBlock .sectorsIcon svg { display: block; width: 100%; } .version1 .keysectorPannel .gridBlock .sectorsIcon svg path { -webkit-transition: all 0.35s ease-in; transition: all 0.35s ease-in; } .version1 .keysectorPannel .gridBlock .title { font-size: 15px; font-weight: 500; color: #FFF; padding: 0 6px; height: 46px; text-transform: uppercase; opacity: 1; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all 0.3s; transition: all 0.3s; } @media screen and (min-width: 768px) { .version1 .keysectorPannel .gridBlock .title { font-size: 16px; font-weight: 400; height: 67px; } } @media screen and (min-width: 1024px) { .version1 .keysectorPannel .gridBlock .title { height: 57px; } } @media screen and (min-width: 1280px) { .version1 .keysectorPannel .gridBlock .title { height: 71px; } } .version1 .keysectorPannel .gridBlock li:hover .sectorsIcon svg path { fill: #eb0028; } .version1 .keysectorPannel .gridBlock li.active { background: #eb0028; } .version1 .keysectorPannel .gridBlock li.active .sectorsIcon svg path { fill: #FFF; } @media screen and (min-width: 1024px) { .version1 .keysectorPannel .tabdetailWrap .detailWrap { padding: 12px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 166px; overflow: hidden; } } @media screen and (min-width: 1280px) { .version1 .keysectorPannel .tabdetailWrap .detailWrap { min-height: 206px; } } .version1 .keysectorPannel .tabdetailWrap .detailTitle h3 { font-size: 28px; font-weight: 400; color: #000; } .version1 .keysectorPannel .tabdetailWrap .detailTitle h3 a { color: inherit; } .version1 .keysectorPannel .tabdetailWrap .detailTitle h3 br { display: none; } @media screen and (min-width: 1024px) { .version1 .keysectorPannel .tabdetailWrap .detailTitle { width: 240px; padding-right: 35px; } } @media screen and (min-width: 1280px) { .version1 .keysectorPannel .tabdetailWrap .detailTitle { max-width: 100%; width: 267px; padding-right: 15px; padding-left: 18px; } } .version1 .keysectorPannel .tabdetailWrap .detailContent { font-size: 21px; border-left: 4px solid #eb0028; } @media screen and (min-width: 1024px) { .version1 .keysectorPannel .tabdetailWrap .detailContent { max-width: calc(100% - 247px); padding-left: 25px; } } @media screen and (min-width: 1280px) { .version1 .keysectorPannel .tabdetailWrap .detailContent { max-width: calc(100% - 267px); } } .version1 .keysectorPannel .tabdetailWrap .detailContent p { font-size: 21px; line-height: 28px; } @media screen and (min-width: 1280px) { .version1 .keysectorPannel .tabdetailWrap + .tileBlock li { margin-bottom: 0; } } @media (min-width: 320px) and (max-width: 1023px) { .version1 .keysectorPannel .tabdetailWrap { display: none; } } .version1 .newsArchive { background: #FFF; padding: 35px 0 0; } @media screen and (min-width: 768px) { .version1 .newsArchive { padding: 54px 0 2px; } } @media screen and (min-width: 1280px) { .version1 .newsArchive { padding-top: 84px; padding-bottom: 6px; } } @media (min-width: 768px) and (max-width: 1023px) { .version1 .newsArchive .wraps { max-width: 488px; margin: 0 auto; } } .version1 .newsArchive .col { margin-bottom: 37px; } @media (max-width: 1023px) { .version1 .newsArchive .col.col-sm-4, .version1 .newsArchive .col.col-sm-8 { max-width: 100%; -webkit-box-flex: 1; -ms-flex: auto; flex: auto; width: 100%; } } .version1 .newsArchive .col.col-sm-4 .imgWrap { max-width: 346px; } @media screen and (min-width: 768px) { .version1 .newsArchive .col { margin-bottom: 49px; } } @media screen and (min-width: 1024px) { .version1 .newsArchive .col { margin-bottom: 54px; } } @media screen and (min-width: 1280px) { .version1 .newsArchive .col { margin-bottom: 54px; } } .version1 .newsArchive .col + .col { margin-top: -3px; } @media screen and (min-width: 1024px) { .version1 .newsArchive .col + .col { margin-top: 0; } } @media screen and (min-width: 768px) { .version1 .newsArchive .contentWrap { max-width: 480px; margin-left: auto; margin-right: auto; } } @media screen and (min-width: 1024px) { .version1 .newsArchive .contentWrap { max-width: 100%; } } @media screen and (min-width: 1280px) { .version1 .newsArchive .contentWrap { height: 100%; padding-bottom: 57px; border-bottom: 4px solid #eb0028; } } .version1 .newsArchive .alternateBoder .contentWrap { padding-bottom: 0; } @media screen and (min-width: 1280px) { .version1 .newsArchive .alternateBoder .col-sm-8 .contentWrap { border-bottom: none; } } .version1 .newsArchive .titleBlock { margin-bottom: 27px; } @media screen and (min-width: 768px) { .version1 .newsArchive .titleBlock { margin-bottom: 25px; } } @media screen and (min-width: 1280px) { .version1 .newsArchive .titleBlock { margin-bottom: 27px; } } .version1 .newsArchive .titleBlock h4 { font-size: 16px; font-weight: 500; color: #575757; text-transform: capitalize; position: relative; } .version1 .newsArchive .titleBlock h4 span { color: #eb0028; text-transform: uppercase; } .version1 .newsArchive .titleBlock h4 a { color: #575757; } .version1 .newsArchive .titleBlock h4 a:hover { color: #828387; } .version1 .newsArchive .titleBlock h4::after { content: ''; background: #eb0028; width: 100%; height: 1px; display: block; margin-top: 9px; } @media screen and (min-width: 768px) { .version1 .newsArchive .titleBlock h4::after { margin-top: 7px; width: 240px; } } @media screen and (min-width: 1280px) { .version1 .newsArchive .titleBlock h4::after { margin-top: 8px; } } .version1 .newsArchive .titleBlock + picture { margin-top: 21px; } @media screen and (min-width: 768px) { .version1 .newsArchive .titleBlock + picture { margin-top: 20px; } } @media screen and (min-width: 1280px) { .version1 .newsArchive .titleBlock + picture { margin-top: 31px; } } .version1 .newsArchive .titleBlock + .imagePannel { margin-top: 20px; overflow: hidden; } @media screen and (min-width: 768px) { .version1 .newsArchive .titleBlock + .imagePannel { margin-top: 20px; } } .version1 .newsArchive .titleBlock + .imagePannel picture { -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-perspective: 300; perspective: 300; } .version1 .newsArchive .titleBlock + .imagePannel:hover picture { -webkit-transform: scale(1.1) !important; transform: scale(1.1) !important; } .version1 .newsArchive h3 { font-size: 20px; font-weight: 400; color: #000; line-height: 28px; } @media screen and (min-width: 1024px) { .version1 .newsArchive h3 { font-size: 22px; font-weight: 400; line-height: 30px; } } @media screen and (min-width: 1280px) { .version1 .newsArchive h3 { font-size: 25px; line-height: 32px; } } .version1 .newsArchive .imageWrap, .version1 .newsArchive picture { display: block; position: relative; } .version1 .newsArchive .imageWrap .imgLink, .version1 .newsArchive picture .imgLink { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; font-size: 0; color: transparent; z-index: 999; } .version1 .newsArchive .imageWrap + h3, .version1 .newsArchive picture + h3 { margin-top: 20px; } @media (max-width: 767px) { .version1 .newsArchive .imageWrap + h3, .version1 .newsArchive picture + h3 { margin-bottom: -3px; } } @media screen and (min-width: 1280px) { .version1 .newsArchive .imageWrap + h3, .version1 .newsArchive picture + h3 { margin-top: 21px; } } @media screen and (min-width: 1280px) { .version1 .newsArchive .imageWrap img, .version1 .newsArchive picture img { width: 100%; } } @media (min-width: 768px) and (max-width: 1023px) { .version1 .newsArchive p { display: none; } } @media screen and (min-width: 1024px) { .version1 .newsArchive p { font-size: 16px; font-weight: 400; color: #000; line-height: 22px; } } .version1 .newsArchive .imagePannel { position: relative; } .version1 .newsArchive .imagePannel h3 { line-height: 30px; position: relative; } .version1 .newsArchive .imagePannel h3:after { display: none; content: ''; position: absolute; bottom: -4px; left: 0; background: #eb0028; width: 100%; height: 4px; } @media screen and (min-width: 768px) { .version1 .newsArchive .imagePannel h3:after { display: block; } } @media screen and (min-width: 768px) { .version1 .newsArchive .imagePannel h3 { font-size: 25px; color: #FFF; padding-bottom: 11px; line-height: 32px; } } @media screen and (min-width: 1024px) { .version1 .newsArchive .imagePannel h3 { font-size: 34px; line-height: 45px; padding-bottom: 25px; margin-bottom: 15px; } } @media screen and (min-width: 1280px) { .version1 .newsArchive .imagePannel h3 { margin-bottom: 37px; } } @media screen and (min-width: 1024px) { .version1 .newsArchive .imagePannel p { display: block; color: #FFF; padding-right: 74px; } } @media screen and (min-width: 1280px) { .version1 .newsArchive .imagePannel p { padding-right: 94px; } } .version1 .newsArchive .imagePannel .imageContent { margin-top: 19px; } @media screen and (min-width: 768px) { .version1 .newsArchive .imagePannel .imageContent { position: absolute; top: 0; left: 0; width: 100%; padding: 21px 21px; margin-top: 0; } } @media screen and (min-width: 1280px) { .version1 .newsArchive .imagePannel .imageContent { max-width: 628px; padding: 40px 44px 0 41px; } } @media (max-width: 767px) { .version1 .newsArchive .imagePannel .imageContent h3 + p { display: none; } } @media (max-width: 767px) { .version1 .newsArchive .imagePannel .imageContent + p { display: none; } } @media (max-width: 767px) { .version1 .newsArchive .imagePannel + p { display: none; } } .version1 .newsArchive .imagePannel .imgLink { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; font-size: 0; color: transparent; z-index: 999; } .version1 .newsArchive .row .col.col-sm-4:first-child .titleBlock { margin-bottom: 20px; } @media screen and (min-width: 768px) { .version1 .newsArchive .row .col.col-sm-4:first-child .titleBlock { margin-bottom: 18px; } } @media screen and (min-width: 1024px) { .version1 .newsArchive .row .col.col-sm-4:first-child .titleBlock { margin-bottom: 13px; } } @media screen and (min-width: 1280px) { .version1 .newsArchive .row .col.col-sm-4:first-child .titleBlock { margin-bottom: 27px; } } @media screen and (min-width: 1024px) { .version1 .newsArchive .row .col.col-sm-4:first-child h3 { margin-bottom: 14px; } } @media screen and (min-width: 1280px) { .version1 .newsArchive .row .col.col-sm-4:first-child h3 { margin-bottom: 23px; } } @media (max-width: 767px) { .version1 .newsArchive .row .col.col-sm-4:first-child h3 + p { display: none; } } .version1 .newsArchive + .newsArchive { padding-top: 0; } @media screen and (min-width: 1280px) { .version1 .newsArchive .alternateBoder .col { margin-bottom: 56px; } } @media screen and (min-width: 1280px) { .version1 .newsArchive .alternateBoder .col.col-sm-4:first-child .titleBlock { margin-bottom: 28px; } } @media screen and (min-width: 768px) { .version1 .newsArchive .alternateBoder .col.col-sm-4:first-child h3 { margin-bottom: 0; } } @media screen and (min-width: 1280px) { .version1 .newsArchive .alternateBoder .col.col-sm-4:first-child picture { margin-top: 0; } } @media screen and (min-width: 1280px) { .version1 .newsArchive .alternateBoder .col.col-sm-4:first-child picture + h3 { margin-top: 23px; } } @media screen and (min-width: 1280px) { .version1 .newsArchive .alternateBoder .col.col-sm-8 .imagePannel { max-width: 721px; } } @media screen and (min-width: 768px) { .version1 .newsArchive .alternateBoder .col.col-sm-8 .imagePannel .imageContent + p { display: block; font-size: 20px; font-weight: 400; margin-top: 13px; line-height: 28px; } } @media screen and (min-width: 1024px) { .version1 .newsArchive .alternateBoder .col.col-sm-8 .imagePannel .imageContent + p { display: none; } } @media screen and (min-width: 1024px) { .version1 .investmentArchive p { display: block; } } .version1 .investmentArchive .row .contentWrap { padding-bottom: 0; border-bottom: none; } @media screen and (min-width: 1024px) { .version1 .investmentArchive .row { position: relative; } .version1 .investmentArchive .row::after { content: ''; background: #eb0028; width: 402px; height: 4px; position: absolute; bottom: 87px; right: 56px; } } @media screen and (min-width: 1280px) { .version1 .investmentArchive .row::after { bottom: 92px; width: 452px; } } @media screen and (min-width: 1280px) { .version1 .investmentArchive .imagePannel { max-width: 721px; } } .version1 .investmentArchive .imagePannel + p { margin-top: 20px; } @media (max-width: 767px) { .version1 .investmentArchive .imagePannel + p { display: none; } } @media screen and (min-width: 1024px) { .version1 .investmentArchive .imagePannel + p { display: none; } } .version1 .investmentArchive .imagePannel h3 { border-bottom: none; } .version1 .investmentArchive .imagePannel h3::after { display: none; } @media screen and (min-width: 1024px) { .version1 .investmentArchive .col-sm-4 { padding-top: 75px; } } @media screen and (min-width: 1280px) { .version1 .investmentArchive .col-sm-4 { padding-top: 105px; } } @media screen and (min-width: 1024px) { .version1 .investmentArchive .col-sm-4 .contentWrap { width: 258px; margin-left: 6px; height: 232px; overflow: hidden; } } @media screen and (min-width: 1280px) { .version1 .investmentArchive .col-sm-4 .contentWrap { width: 298px; } } .version1 .lowensteinSandler { background: #FFF; padding: 30px 0; } @media (max-width: 1279px) { .version1 .lowensteinSandler { display: none; } } @media screen and (min-width: 1280px) { .version1 .lowensteinSandler { padding: 78px 0 101px; } } @media (max-width: 767px) { .version1 .lowensteinSandler .mainWraps { max-width: 320px; margin: 0 auto; text-align: center; } } .version1 .lowensteinSandler h2 { font-family: "lowenstein", sans-serif; font-size: 25px; margin-bottom: 25px; text-align: center; } @media screen and (min-width: 1280px) { .version1 .lowensteinSandler h2 { font-size: 35px; font-weight: 400; margin-bottom: 54px; line-height: 45px; } } @media screen and (min-width: 768px) { .version1 .lowensteinSandler ul { display: table; width: 100%; } } .version1 .lowensteinSandler li { float: left; padding: 0 11px; } @media screen and (min-width: 768px) { .version1 .lowensteinSandler li { width: 34%; padding: 0; } } @media screen and (min-width: 1280px) { .version1 .lowensteinSandler li { width: 34.5%; } } .version1 .lowensteinSandler li:last-child { border-right: none; padding-right: 0; } .version1 .lowensteinSandler li:first-child { padding-left: 0; } @media (max-width: 767px) { .version1 .lowensteinSandler li { padding: 0; margin-bottom: 20px; border-right: none; } .version1 .lowensteinSandler li:last-child { margin-bottom: 0; } } @media screen and (min-width: 768px) { .version1 .lowensteinSandler li .wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 100%; } } @media (max-width: 767px) { .version1 .lowensteinSandler li .detailContent { margin-bottom: 15px; } } .version1 .lowensteinSandler li .svgIcon { position: relative; } .version1 .lowensteinSandler li .svgIcon::after { content: ''; position: absolute; top: -8px; right: -8px; background: #eb0028; width: 3px; height: 55px; display: none; } @media screen and (min-width: 768px) { .version1 .lowensteinSandler li .svgIcon::after { display: block; } } @media screen and (min-width: 1024px) { .version1 .lowensteinSandler li .svgIcon::after { height: 79px; top: -8px; right: -29px; } } @media screen and (min-width: 1280px) { .version1 .lowensteinSandler li .svgIcon::after { width: 4px; height: 128px; } } @media (max-width: 767px) { .version1 .lowensteinSandler li .svgIcon { max-width: 150px; margin: 0 auto; } } .version1 .lowensteinSandler li .svgIcon svg { display: block; } @media screen and (min-width: 1024px) { .version1 .lowensteinSandler li .svgIcon svg { width: 100%; } } .version1 .lowensteinSandler li .svgIcon a { display: block; } @media screen and (min-width: 768px) { .version1 .lowensteinSandler li .svgIcon { max-width: 60px; position: relative; } } @media screen and (min-width: 1024px) { .version1 .lowensteinSandler li .svgIcon { max-width: 90px; } } @media screen and (min-width: 1280px) { .version1 .lowensteinSandler li .svgIcon { max-width: 29%; } } @media screen and (min-width: 1280px) { .version1 .lowensteinSandler li:nth-child(1) { width: 31.5%; } } @media (min-width: 1366px) { .version1 .lowensteinSandler li:nth-child(1) { width: 30.4%; } } @media screen and (min-width: 1280px) { .version1 .lowensteinSandler li:nth-child(1) .svgIcon { margin-top: 1px; } } @media screen and (min-width: 1280px) { .version1 .lowensteinSandler li:nth-child(1) .svgIcon::after { height: 128px; top: -38px; right: -33px; } } @media (min-width: 1366px) { .version1 .lowensteinSandler li:nth-child(1) .svgIcon::after { right: -34px; } } @media (min-width: 1440px) { .version1 .lowensteinSandler li:nth-child(1) .svgIcon::after { right: -31px; } } @media screen and (min-width: 1280px) { .version1 .lowensteinSandler li:nth-child(1) .detailContent { margin-top: 9px; } .version1 .lowensteinSandler li:nth-child(1) .detailContent h3 { margin-bottom: 8px; } .version1 .lowensteinSandler li:nth-child(1) .detailContent p { -webkit-transform: translateX(5px); transform: translateX(5px); } } .version1 .lowensteinSandler li:nth-child(2) { margin: 0 19px; } @media screen and (min-width: 1024px) { .version1 .lowensteinSandler li:nth-child(2) { margin: 0 28px; } } @media screen and (min-width: 1024px) { .version1 .lowensteinSandler li:nth-child(2) { width: 260px; margin: 0 28px; } } @media screen and (min-width: 1280px) { .version1 .lowensteinSandler li:nth-child(2) { width: 278px; margin: 0 62px 0 62px; } } @media (min-width: 1366px) { .version1 .lowensteinSandler li:nth-child(2) { width: 275px; } } @media screen and (min-width: 1024px) { .version1 .lowensteinSandler li:nth-child(2) .svgIcon { max-width: 100%; } } @media screen and (min-width: 768px) { .version1 .lowensteinSandler li:nth-child(2) .svgIcon::after { right: -33px; } } @media screen and (min-width: 768px) { .version1 .lowensteinSandler li:nth-child(2) .svgIcon { margin-top: -12px; max-width: 105px; } .version1 .lowensteinSandler li:nth-child(2) .svgIcon::after { right: -19px; top: 0; } } @media screen and (min-width: 1024px) { .version1 .lowensteinSandler li:nth-child(2) .svgIcon::after { right: -27px; } } @media screen and (min-width: 1280px) { .version1 .lowensteinSandler li:nth-child(2) .svgIcon { max-width: 110px; } .version1 .lowensteinSandler li:nth-child(2) .svgIcon::after { right: -35px; top: -27px; } } @media screen and (min-width: 1280px) and (min-width: 1366px) { .version1 .lowensteinSandler li:nth-child(2) .svgIcon::after { right: -34px; } } .version1 .lowensteinSandler li:nth-child(3) { width: 27%; } @media screen and (min-width: 1280px) { .version1 .lowensteinSandler li:nth-child(3) { width: 28.7%; } } @media (min-width: 1366px) { .version1 .lowensteinSandler li:nth-child(3) { width: 28.7%; } } @media (min-width: 1440px) { .version1 .lowensteinSandler li:nth-child(3) { width: 29.7%; } } @media screen and (min-width: 1280px) { .version1 .lowensteinSandler li:nth-child(3) .detailContent { margin-top: 14px; } } @media screen and (min-width: 768px) { .version1 .lowensteinSandler li:nth-child(3) .svgIcon { max-width: 40px; } .version1 .lowensteinSandler li:nth-child(3) .svgIcon::after { right: -22px; } } @media screen and (min-width: 1024px) { .version1 .lowensteinSandler li:nth-child(3) .svgIcon { max-width: 70px; } .version1 .lowensteinSandler li:nth-child(3) .svgIcon::after { right: -14px; top: 0; } } @media screen and (min-width: 1280px) { .version1 .lowensteinSandler li:nth-child(3) .svgIcon { max-width: 100px; margin-top: -9px; } .version1 .lowensteinSandler li:nth-child(3) .svgIcon::after { right: calc(100% - 110px); top: -27px; } } @media (min-width: 1360px) { .version1 .lowensteinSandler li:nth-child(3) .svgIcon::after { right: calc(100% - 121px); top: -26px; } } @media (min-width: 1920px) { .version1 .lowensteinSandler li:nth-child(3) .svgIcon::after { right: -34px; } } .version1 .lowensteinSandler li:nth-child(3) p { margin-left: 7px; } .version1 .lowensteinSandler h6 { color: #000; text-transform: uppercase; } @media screen and (min-width: 1024px) { .version1 .lowensteinSandler h6 { font-size: 18px; margin-bottom: -5px; } } @media screen and (min-width: 1280px) { .version1 .lowensteinSandler h6 { font-size: 16px; margin-bottom: -5px; } } .version1 .lowensteinSandler h3 { font-weight: 400; color: #000; } .version1 .lowensteinSandler h3 span, .version1 .lowensteinSandler h3 small { display: block; color: #000; text-transform: uppercase; } @media screen and (min-width: 1024px) { .version1 .lowensteinSandler h3 span, .version1 .lowensteinSandler h3 small { font-size: 18px; margin-bottom: -5px; } } @media screen and (min-width: 1280px) { .version1 .lowensteinSandler h3 span, .version1 .lowensteinSandler h3 small { font-size: 21px; margin-bottom: -5px; } } @media screen and (min-width: 1024px) { .version1 .lowensteinSandler h3 { font-size: 45px; } } @media screen and (min-width: 1280px) { .version1 .lowensteinSandler h3 { font-size: 60px; margin-bottom: 7px; } } .version1 .lowensteinSandler p { font-family: "lowenstein", sans-serif; text-transform: uppercase; } @media screen and (min-width: 1024px) { .version1 .lowensteinSandler p { font-size: 16px; font-weight: 400; line-height: 21px; } } .version1 .newsArchive .contentWrap .imageWrap { overflow: hidden; } .version1 .newsArchive .contentWrap:hover picture { -webkit-transform: scale(1.1) !important; transform: scale(1.1) !important; } .version1 .show-tab-sticky ul.nav-tabs { padding-top: 32px; z-index: 9 !important; } @media screen and (min-width: 1280px) { .version1.ie11 .navWrapper .socialMedia { left: 124px; } } .version1.ie11 .navWrapper .socialMedia li a svg { width: initial; } .version1.ie11 .lowensteinSandler li .wrap { width: 400px; } .version1.ie11 .lowensteinSandler li .svgIcon { width: 100px; position: relative !important; } .version1.ie11 .lowensteinSandler li .svgIcon svg { width: initial; height: initial; } .version1.ie11 .lowensteinSandler li .detailContent { width: 230px; } .version1.ie11 .lowensteinSandler li:nth-child(2) .wrap { width: 420px; } .version1.ie11 .lowensteinSandler li:nth-child(2) .svgIcon { width: 120px; } .version1.ie11 .keysectorPannel .tabdetailWrap .detailWrap { height: 206px; } .version1.ie11 .fCol .fNav { margin-top: -123px; } .version1.ie11 .fCol .socialLink { margin-top: -123px; } .version1.MacOS .lowensteinSandler li .wrap { width: 400px; } .version1.MacOS .lowensteinSandler li .svgIcon { width: 100px; position: relative !important; } .version1.MacOS .lowensteinSandler li .svgIcon svg { width: initial; height: initial; } .version1.MacOS .lowensteinSandler li .detailContent { width: 230px; } .version1.MacOS .lowensteinSandler li:nth-child(1) .svgIcon::after { right: -31px; } .version1.MacOS .lowensteinSandler li:nth-child(2) .wrap { width: 420px; } .version1.MacOS .lowensteinSandler li:nth-child(2) .svgIcon { width: 120px; } .version1.MacOS .lowensteinSandler li:nth-child(2) .svgIcon::after { right: -38px; } .version1.MacOS .lowensteinSandler li:nth-child(3) .svgIcon::after { right: -29px; } .version1.firefox .fCol .fNav { margin-top: -123px; } .version1.firefox .fCol .socialLink { margin-top: -123px; } @media (min-width: 768px) and (max-width: 1279px) { .version1.iOS .headRgt .hamburger a::before { top: 7px; } } @media (min-width: 768px) and (max-width: 1279px) { .version1.iOS .headRgt .hamburger a::before { top: 7px; } } @media (max-width: 767px) { .version1.Windows .headRgt .hamburger a::before { top: 4px; } } @media (max-width: 767px) { .version1.Windows.iOS .headRgt .hamburger a::before { top: 4px; } } @media (min-width: 768px) and (max-width: 1279px) { .version1.Windows.iOS .headRgt .hamburger a::before { top: 6px; } } .version1 .headRgt .searchBlock a.featuredContent { background: none; width: 100% !important; justify-content: flex-start !important; } @media screen and (min-width:1280px) { .pressreleaseSlider .containerWrapper { padding: 0 107px; } }