/*body {font-size: 14px;}*/ a {text-decoration: none} .container {max-width: 1200px !important;} .bg-danger {background-color: #fe5e10 !important;} .btn-danger {background-color: #fe5e10 !important; border-color: #fe5e10; color: #fff !important;} .img-fd {transition:all 0.5s ease-out;} .img-fd:hover {transform:scale(1.1);} .dyui-top {background-color: #EBEAEB; height: 40px; line-height: 40px; color: #666} .dyui-top .dyui-container {display: flex;justify-content:space-between} .dyui-top a {color: #FFF} .dyui-top .language {display: inline-block; background-color: #EADCD0; margin-left: 10px} .dyui-top .language a {padding-left: 10px; padding-right: 10px; color: #333; display: inline-block} .dyui-top .language a.active {color: #333; background-color: #EDD2BE} /*导航栏*/ .dyui-header .navbar {} .dyui-header .navbar .navbar-brand img {height: 60px;} .dyui-header .navbar li {margin-right: 1px; padding-left: 10px; padding-right: 10px;} .dyui-header .navbar .nav-link {color: #000;} .dyui-header .dyui-nav li a.active {color: #439efd; border-bottom: solid 2px #439efd} .dyui-header .dyui-nav li.open a.c1 {color: #439efd;} .dyui-header .dyui-nav li.open .dropdown-menu {display: block; border-radius: 0 0 3px 3px; border: none; background-color: #FFF} @media(min-width:1200px) { .dyui-header .navbar .nav-link {height: 90px; line-height: 90px; padding: 0 5px;} } /*.dyui-main-header h3 {background: url("../images/titbg.jpg") no-repeat left center; height: 36px; line-height: 36px; padding-left: 10px; color: #fff; font-size: 16px}*/ .dyui-news .dyui-main-header {display: flex; justify-content: space-between; align-items: center} .dyui-news .dyui-main-header h3 {font-size: 20px; font-weight: 500} .dyui-news .border-top-3 {border-top: solid 3px #5c7fcf} /*联系我们*/ .dyui-contact {background: url("../images/bg1.jpg") no-repeat center top;} /*文章列表*/ .dyui-news-list li {position: relative; padding-top: 5px; padding-bottom: 5px} .dyui-news-list li .t .date {color: #999; font-size: 14px; float: right} .dyui-news-list li.li-b .box {display: flex; overflow: hidden; background-color: #fff; padding-bottom: 5px} .dyui-news-list li.li-b .thumb {margin-right: 15px; width: 120px; flex-shrink: 0} .dyui-news-list li.li-b .thumb img {width: 100%; border-radius: 6px} .dyui-news-list li.li-b .info {flex: 1; width: 0;} .dyui-news-list li.li-b .info .t {height: 30px; line-height: 30px; overflow: hidden; font-size: 16px; font-weight: bold; white-space:nowrap; text-overflow:ellipsis;} .dyui-news-list li.li-b .info .date {color: #999; font-size: 14px;} .dyui-news-list li.li-b .info .desc {text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; color: #888} .dyui-news-list li.li-b .data {flex: 0 0 100%; margin-top: 8px} .dyui-news-list li.li-b .data span {color: #666; margin-right: 20px; font-size: 14px} .dyui-news-list li:hover a {color: #4d90fd;} /*缩略图列表*/ .thumb-list li {overflow: hidden; padding: 10px 0} .thumb-list li .thumb {width: 160px; height: 120px; border:solid 1px #ddd; float: left; margin-right: 10px} .thumb-list li img {width: 100%; height: 100%} .thumb-list li .info {} .thumb-list li .info .t {line-height: 140%; overflow: hidden; font-weight: bold; margin-bottom: 5px} .thumb-list li .info .date {font-size: 14px; color: #999} .thumb-list li .info .desc {height: 60px; line-height: 20px; font-size: 14px; overflow: hidden; color: #666} .thumb-list li:hover .thumb {border:solid 1px #EEA759} .thumb-list li:hover .t {color: #EEA759} /*图片列表*/ .dyui-photo-list li {padding-top: 15px; padding-bottom: 15px; overflow: hidden; text-align: center} .dyui-photo-list li .thumb {} .dyui-photo-list li .thumb img {border: solid 1px #ddd; max-width: 100%} .dyui-photo-list li .t {font-size: 16px; line-height: 30px; height: 30px; overflow: hidden} /*视频列表*/ .dyui-video-list li {padding-top: 15px; padding-bottom: 15px; overflow: hidden; text-align: center} .dyui-video-list li .thumb {position: relative;} .dyui-video-list li .thumb img {border: solid 1px #ddd; max-width: 100%} .dyui-video-list li .thumb .bg {position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.3); line-height: 100%; display: flex; flex-direction: column; justify-content: center} .dyui-video-list li .thumb .bg i {font-size: 40px; color: #CCC} .dyui-video-list li .t {font-size: 16px; line-height: 30px; height: 30px; overflow: hidden;} .dyui-video-list li:hover .thumb img {border: solid 1px #4d90fd;} .dyui-video-list li:hover .t {color: #4d90fd} /*招聘列表*/ .dyui-zhaopin-list li {position: relative; padding-bottom: 20px} .dyui-zhaopin-list li .box {display: flex; align-items: center; overflow: hidden; background-color: #fff; border: solid 1px #eee;} .dyui-zhaopin-list li .thumb {margin-right: 15px; flex: 0 0 200px; width: 200px; overflow: hidden} .dyui-zhaopin-list li .thumb img {width: 100%} .dyui-zhaopin-list li .info {flex: 1; overflow: hidden} .dyui-zhaopin-list li .info .yq {color: #999; font-size: 15px} .dyui-zhaopin-list li .info .yq i {padding-left: 10px; padding-right: 10px} .dyui-zhaopin-list li .info .t {height: 26px; line-height: 26px; overflow: hidden; font-size: 16px; font-weight: bold} .dyui-zhaopin-list li .info .desc {line-height: 150%; color: #999; font-size: 14px; margin-top: 8px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical;} .dyui-zhaopin-list li:hover .box {border-color: #337afd} .dyui-zhaopin-list li:hover .t {color: #337afd;} /*子栏目*/ .dyui-znav {padding: 5px; } .dyui-znav .znav-header {background-color: #1f568e; padding: 15px 20px} .dyui-znav .znav-header h3 {color: #FFF; font-size: 26px; margin: 0} .dyui-znav .znav-body {padding: 0; } .dyui-znav .li_c1 {margin-bottom: 1px;} .dyui-znav .c1 {height: 44px; line-height: 44px; display: inline-block; width: 100%; background-color: #fff; padding: 0 20px} .dyui-znav .c1 i {float: right} .dyui-znav .c1.active {background-color: #f8f8f8; color: #b18a46} .dyui-znav .c1:hover {background-color: #f8f8f8; color: #b18a46} .dyui-znav .c2 {height: 34px; line-hight: 34px; display: inline-block} .dyui-znav .c3 {height: 34px; line-height: 34px; display: inline-block} .dyui-znav .btn {float: right; height: 34px; line-height: 34px; padding: 0 0 0 20px} .dyui-znav .ul-c1 {padding-left: 14px} .dyui-main {} .dyui-main .main-header {border-bottom: solid 1px #E7E7E7; display: flex; justify-content: space-between; align-items: center} .dyui-main .main-header h3 {border-bottom: solid 3px #304bab; font-size: 20px; color: #304bab; font-weight: bold; line-height: 47px; padding: 0 10px;} /*分页*/ .dyui-pager {text-align: center; margin: 10px 0;} .dyui-pager ul {display: flex; justify-content: center} .dyui-pager ul li {display: inline-block; padding: 0 5px; line-height: 20px} .dyui-pager ul li a {padding: 5px 15px; border: #dddddd solid 1px; display: inline-block;} .dyui-pager ul li a:hover {border: #0072c6 solid 1px} .dyui-pager ul .active a {border: #0072c6 solid 1px; display: inline-block; background-color: #0072c6; color: #fff;} /*详情页*/ .show-title {line-height: 30px; width: 100%; color: #333333; font-size: 24px; overflow: hidden; margin: 15px 0; text-align: center} .show-info {width: 100%; margin: 10px 0 20px; overflow: hidden; color: #666; text-align: center;} .show-info span {padding: 0 15px 0 0;} .show-info span span {padding: 0;} .show-thumb {text-align: center} .show-thumb img {max-width: 100%; background-color: #E6E6E6; padding: 5px} .show-content {width: 100%; height: auto; overflow: hidden; line-height: 200%; font-size: 15px; padding: 10px 0;} .show-content * {max-width: 100%;} .show-downlist a i {margin-right: 10px} .show-photo-thumb img {max-width: 100%} .show-tab .nav-tabs .nav-link {border-radius: 0} .show-tab .nav-tabs .nav-link.active {color: #AE313C; background-color: #fff; border-color: #AE313C #dddd #fff;} /*上下一篇*/ .show-updown {line-height: 200%; font-size: 14px; overflow: hidden;} .page-content img {max-width: 100%;} .show-video {} .show-video-iframe {position: relative; width: 100%; height: 0; padding-bottom: 58%;} .show-video .iframe-video {position: absolute; top: 0; left: 0; width: 100%;height: 100%;} @media(max-width:767px) { video {height: auto} } /*产品详情*/ .dyui-show-tab .nav-tabs .nav-link {border-radius: 0;} .dyui-show-tab .nav-tabs .nav-link.active {border-top: solid 2px #ff7d00; color: #ff7d00} /*订单相关*/ .fc-sku-select-price .btn.red {border-color: #f55b2e; color: #f55b2e} /*msg与404*/ .fc-msg-main { text-align: center} .fc-msg-main .fc-msg-body {min-height: 400px} .fc-msg-main .fc-msg-body i.fa {font-size: 30px; display: inline-block; background-color: #000000; color: #fff; border-radius: 100px; height: 50px; line-height: 50px; width: 50px; margin: 20px auto} .fc-msg-main .fc-msg-body .fc-msg-info {display: block} .fc-msg-body .fc-msg-info .fc-msg-title {padding: 10px 0 20px} .fc-msg-body .fc-msg-info .fc-msg-title {color: #d91010; font-size: 18px} /*通用底部*/ .dyui-footer {} .dyui-footer .f-nav {} .dyui-footer a {color: #fff} .dyui-footer-line {height: 46px} /*移动端底部菜单*/ .dyui-footer-nav {background-color: #FFF; height: 50px; border-top: solid 1px #EEE; color: #666} .dyui-footer-nav ul {display: flex} .dyui-footer-nav ul li {text-align: center; flex: 1;} .dyui-footer-nav ul li a.c1 {height: 50px; line-height: 50px; color: #666; display: block; padding: 3px 0; font-size: 15px} .dyui-footer-nav ul li a.c1 i {display: block; height: 20px; line-height: 20px; width: auto;} .dyui-footer-nav ul li a.c1 span {display: block; height: 20px; line-height: 20px} .dyui-footer-nav ul li a.active {color: #ed7d31;} .dyui-footer-nav .dropdown-menu {min-width: 8rem} /*横向子栏目*/ /*开始*/ #wrapper2 { height:41px;} .slide_tabs {position:relative; overflow:hidden; background-color:#fafafa; overflow-x: auto} .slide_tabs li{ padding:0 10px; height:40px; line-height:40px;border-bottom:1px solid #eee; overflow:hidden; float:left;text-align:center;overflow:hidden;} .dyui-tabs_znav ul li.active {border-bottom:1px solid #ff552e; color:#ff552e;} .dyui-tabs_znav ul li.active a { color:#ff552e;} .dyui-tabs_znav .more{right:0;background:url('../images/nav2015BG.png') repeat-y 0 0;position:absolute; z-index:1;top:0;width:50px;height:40px;} .dyui-tabs_znav .more span,.dyui-tabs_znav .more span:after { position:absolute; top:16px; left:26px; display:inline-block; border-color:#adadad transparent transparent transparent; border-width:8px; border-style:solid; transition:transform .3s ease; -webkit-transition:-webkit-transform .3s ease; transform-origin:50% 25% 0; -webkit-transform-origin:50% 25% 0;} .dyui-tabs_znav .more span:after { position:absolute; top:-10px; left:-8px; content:' '; border-color:#fafafa transparent transparent transparent;} .open .more span { transform:rotate(180deg); -webkit-transform:rotate(180deg);} #scroller2 {-webkit-tap-highlight-color: rgba(0,0,0,0); width: 100%;-webkit-transform: translateZ(0);-moz-transform: translateZ(0); -ms-transform: translateZ(0);-o-transform: translateZ(0);transform: translateZ(0);-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-text-size-adjust: none;-moz-text-size-adjust: none;-ms-text-size-adjust: none;-o-text-size-adjust: none;text-size-adjust: none;} .dyui-tabs_znav { position:relative; z-index:3; clear: both; } .dyui-tabs_znav .node2 { display:none; position:absolute; left:0; top:0; right:0; background-color:#fafafa; box-shadow:0 2px 5px rgba(0,0,0,.2);} .open .node2 { display:block;} .dyui-tabs_znav .node2 .hd { border-bottom:1px solid #fff;} .dyui-tabs_znav .node2 .hd .tit { display:inline-block; padding:7px 3px; color:#fb9031; border-bottom:1px solid #fb9031;} .dyui-tabs_znav .node2 ul { padding:10px 0;} .dyui-tabs_znav .node2 li { float:left; width:25%; padding:0 5px; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; margin:5px 0;} .dyui-tabs_znav .node2 li a { display:inline-block; vertical-align:top; border:1px solid #ddd; border-radius:15px; font-size:14px; line-height:30px; height:30px; overflow:hidden; padding:0 10px;} .dyui-tabs_znav .node2 li.active a { color:#f93;border:1px solid #ff9933;} /*结束*/ .dyui-tab-znav {position:relative;background-color:#FFF;} .dyui-tab-znav .box {background-color:#fafafa; overflow-x: auto; padding: 0 0 15px} .dyui-tab-znav ul {padding: 10px;} .dyui-tab-znav ul li {float: left; padding: 0 5px;} .dyui-tab-znav ul li a {display: inline-block; padding: 3px 5px} .dyui-tab-znav ul li.active a {border-color: #ed7d31 !important; color: #ed7d31;} .dyui-tab-znav .znav-more {position:absolute; z-index:1;top:0;right: 0;width:50px;height:40px; line-height: 40px; text-align: right; background: rgba(255,255,255,0); background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(246,246,246,0) 0%, rgba(255,255,255,1) 48%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(0%, rgba(246,246,246,0)), color-stop(48%, rgba(255,255,255,1))); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(246,246,246,0) 0%, rgba(255,255,255,1) 48%); background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(246,246,246,0) 0%, rgba(255,255,255,1) 48%); background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(246,246,246,0) 0%, rgba(255,255,255,1) 48%); background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(246,246,246,0) 0%, rgba(255,255,255,1) 48%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=1 ); } .dyui-tab-znav.open #znav-ul {width: 100% !important; height: auto; overflow: hidden; box-shadow: 0px 0px 8px 1px rgb(0, 0, 0, 0.10); padding-right: 50px;} .dyui-tab-znav.open ul li {margin-top: 3px; margin-bottom: 3px} .dyui-tab-znav.open ul li a {border-radius: 100px; border: solid 1px #ddd; padding: 3px 10px;} .dyui-gonggao {line-height: 30px; border: solid 1px #EEE; padding: 0 10px; background-color: rgba(254,94,16,0.7) ; z-index: 9} .dyui-gonggao i {color: #FFF; font-size: 12px;} .swiper-gonggao {height: 20px; line-height: 20px; overflow: hidden; position: relative; align-items: center} .swiper-gonggao .swiper-slide { font-size: 12px; background: none; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; color: #fff; } /* 图标风格 */ .dyui-form-tubiao .form-group {display: flex;} .dyui-form-tubiao .form-group .control-label {display: none;} .dyui-form-tubiao .form-group .col-md-9, .dyui-form-tubiao .form-group .col-md-10 {padding-left: 0; padding-right: 0; width: 100% !important;} .dyui-form-tubiao .form-group .form-control {background-color: #f4f5f5; border-radius: 100px; padding: 10px 15px; height: 40px; font-size: 16px;} /* 我要采购 */ .mosaic-clear-both { clear: both; padding-bottom: var(--component-block-indent); width: 100% } @media (min-width:1200px) { .se2--modal .separator { display: block } .se2--modal .separator.small { display: none } } .se2--modal iframe { min-height: 100%; width: 100% } .se2--promo-call-to-action-block { background-color: var(--color-form-gray); height: 100%; margin-bottom: var(--component-block-indent); min-height: 300px; position: relative } [dir=ltr] .se2--promo-call-to-action-block .image-block-wrapper img { left: 0 } [dir=rtl] .se2--promo-call-to-action-block .image-block-wrapper img { right: 0 } [dir=ltr] .se2--promo-call-to-action-block .image-block-wrapper img { right: 0 } [dir=rtl] .se2--promo-call-to-action-block .image-block-wrapper img { left: 0 } .se2--promo-call-to-action-block .image-block-wrapper img { bottom: 0; height: 100%; position: absolute; top: 0; width: 100vw } @media (min-width:1200px) { .se2--promo-call-to-action-block .image-block-wrapper img { min-height: 300px } } [dir=ltr] .se2--promo-call-to-action-block .image-block-wrapper:after { left: 0 } [dir=rtl] .se2--promo-call-to-action-block .image-block-wrapper:after { right: 0 } [dir=ltr] .se2--promo-call-to-action-block .image-block-wrapper:after { right: 0 } [dir=rtl] .se2--promo-call-to-action-block .image-block-wrapper:after { left: 0 } .se2--promo-call-to-action-block .image-block-wrapper:after { background: linear-gradient(-180deg, rgba(23, 23, 28, 0), rgba(4, 4, 4, .8)); bottom: 0; content: ""; position: absolute; top: 0 } @media (min-width:1200px) { .se2--promo-call-to-action-block { max-height: fit-content } } .se2--promo-call-to-action-block .content { align-items: center; color: var(--color-white); display: flex; flex-direction: column; justify-content: center; max-height: inherit; min-height: inherit; padding-bottom: 50px; padding-left: var(--page-content-sorrounding-gap); padding-right: var(--page-content-sorrounding-gap); padding-top: 50px; position: relative } @media (min-width:1200px) { .se2--promo-call-to-action-block .content { flex-direction: row; justify-content: flex-start } } .se2--promo-call-to-action-block .content.text-color-black { color: var(--color-text-gray) } .se2--promo-call-to-action-block .content .sdl-media-wrap { margin-bottom: 40px; max-height: 100px; max-width: 100px } .se2--promo-call-to-action-block .content .sdl-media-wrap img { height: 100%; object-fit: cover; width: 100% } @media (min-width:1200px) { [dir=ltr] .se2--promo-call-to-action-block .content .sdl-media-wrap { margin-right: 80px } [dir=rtl] .se2--promo-call-to-action-block .content .sdl-media-wrap { margin-left: 80px } .se2--promo-call-to-action-block .content .sdl-media-wrap { margin-bottom: 0; max-height: 180px; max-width: 180px } } .se2--promo-call-to-action-block .content .text-block { display: flex; flex-direction: column } @media (min-width:1200px) { [dir=ltr] .se2--promo-call-to-action-block .content .text-block { margin-right: 70px } [dir=rtl] .se2--promo-call-to-action-block .content .text-block { margin-left: 70px } .se2--promo-call-to-action-block .content .text-block { max-width: 50% } } .se2--promo-call-to-action-block .content .text-block .description { padding-top: 24px } @media (min-width:1200px) { .se2--promo-call-to-action-block .content .text-block .description { padding-top: 27px } } .se2--promo-call-to-action-block .content .button { margin-top: 24px } @media (min-width:1200px) { [dir=ltr] .se2--promo-call-to-action-block .content .button { margin-left: auto } [dir=rtl] .se2--promo-call-to-action-block .content .button { margin-right: auto } .se2--promo-call-to-action-block .content .button { margin-top: unset } } [dir=ltr] .se2--promo-call-to-action-block .content .button:after { left: 0 } [dir=rtl] .se2--promo-call-to-action-block .content .button:after { right: 0 } [dir=ltr] .se2--promo-call-to-action-block .content .button:after { right: 0 } [dir=rtl] .se2--promo-call-to-action-block .content .button:after { left: 0 } .se2--promo-call-to-action-block .content .button:after { bottom: 0; content: ""; position: absolute; top: 0; z-index: 1 } .se2-accessibility .se2--promo-call-to-action-block .text-block { background-color: var(--color-black) } .se2-accessibility .se2--promo-call-to-action-block .text-color-black .text-block { background-color: transparent } .se-reset-css a, .se-reset-css abbr, .se-reset-css acronym, .se-reset-css address, .se-reset-css applet, .se-reset-css article, .se-reset-css aside, .se-reset-css audio, .se-reset-css b, .se-reset-css big, .se-reset-css blockquote, .se-reset-css body, .se-reset-css canvas, .se-reset-css caption, .se-reset-css center, .se-reset-css cite, .se-reset-css code, .se-reset-css dd, .se-reset-css del, .se-reset-css details, .se-reset-css dfn, .se-reset-css div, .se-reset-css dl, .se-reset-css dt, .se-reset-css em, .se-reset-css embed, .se-reset-css fieldset, .se-reset-css figcaption, .se-reset-css figure, .se-reset-css footer, .se-reset-css form, .se-reset-css h1, .se-reset-css h2, .se-reset-css h3, .se-reset-css h4, .se-reset-css h5, .se-reset-css h6, .se-reset-css header, .se-reset-css hgroup, .se-reset-css html, .se-reset-css i, .se-reset-css iframe, .se-reset-css img, .se-reset-css ins, .se-reset-css kbd, .se-reset-css label, .se-reset-css legend, .se-reset-css li, .se-reset-css main, .se-reset-css mark, .se-reset-css menu, .se-reset-css nav, .se-reset-css object, .se-reset-css ol, .se-reset-css output, .se-reset-css p, .se-reset-css pre, .se-reset-css q, .se-reset-css ruby, .se-reset-css s, .se-reset-css samp, .se-reset-css section, .se-reset-css small, .se-reset-css span, .se-reset-css strike, .se-reset-css strong, .se-reset-css sub, .se-reset-css summary, .se-reset-css sup, .se-reset-css table, .se-reset-css tbody, .se-reset-css td, .se-reset-css tfoot, .se-reset-css th, .se-reset-css thead, .se-reset-css time, .se-reset-css tr, .se-reset-css tt, .se-reset-css u, .se-reset-css ul, .se-reset-css var, .se-reset-css video, .se2--image { width: 100% } .se2--image picture { display: block } .se2--image img { height: 100vh; min-width: 100% } .se2--image .sdl-icon-no-doc-wrap, .se2--image img { object-fit: cover } @media (min-width:1200px) { .se2--header-se--brand-selector .brand-list li a { justify-content: center; padding: 10px } [dir=ltr] .se2--header-se--brand-selector .brand-list li a:last-child { padding-right: 10px } [dir=rtl] .se2--header-se--brand-selector .brand-list li a:last-child { padding-left: 10px } } .se2--header-se--brand-selector .brand-list li a .sdl-media-wrap { align-items: center; display: flex; height: 100%; justify-content: center } @media (min-width:1200px) { .se2--header-se--brand-selector .brand-list li a .sdl-media-wrap { text-align: center } } .se2--header-se--brand-selector .brand-list li a .sdl-media-wrap img { max-height: 20px; min-width: unset } @media (min-width:1200px) { .se2--header-se--brand-selector .brand-list li a .sdl-media-wrap img { height: auto; max-height: 20px; max-width: 100% } } .header-version-8 .se2--header-se--mega-menu .mm-l2-item-logo .sdl-media-wrap { display: none } @media (min-width:1200px) { [dir=ltr] .header-version-8 .se2--header-se--mega-menu .mm-l2-item-logo .sdl-media-wrap { margin-right: var(--menu-line-indent) } [dir=rtl] .header-version-8 .se2--header-se--mega-menu .mm-l2-item-logo .sdl-media-wrap { margin-left: var(--menu-line-indent) } .header-version-8 .se2--header-se--mega-menu .mm-l2-item-logo .sdl-media-wrap { display: block; width: auto } } @media (min-width:1200px) { .se2--header-se--common-part .logo-brand-link { background: var(--color-white); display: flex; justify-content: center; top: -16px; width: var(--logo-max-inline-size) } } .se2--header-se--common-part .logo-brand { max-height: 60px; padding: 6px 0 } .se2--header-se--common-part .logo-brand .sdl-media-wrap { align-items: center; display: flex; justify-content: center; max-height: var(--logo-brand-max-block-size) } .se2--header-se--common-part .logo-brand.logo-apc { padding-bottom: 0 } @media (min-width:1200px) { .se2--banner-full-image-carousel--slide .fixed-background.slide-with-video video { display: block } } .se2--banner-full-image-carousel--slide .fixed-background.slide-with-video .sdl-media-wrap { display: block } @media (min-width:1200px) { .se2--banner-full-image-carousel--slide .fixed-background.slide-with-video .sdl-media-wrap { display: none } .se2--banner-full-image-carousel--slide .fixed-background { height: calc(var(--window-height-inner) - var(--header-height-desktop)) } } .se2--banner-full-image-carousel--slide .fixed-background img { height: calc(var(--window-height-inner) - var(--header-height-mobile)); object-fit: cover; object-position: right; width: 100% } @media (min-width:1200px) { .se2--banner-full-image-carousel--slide .slide-buttons-wrapper { bottom: 100px } } .se2--banner-full-image-carousel--slide .logo-container .sdl-media-wrap, .se2--banner-full-image-carousel--slide .logo-container picture { display: flex } .se2--banner-full-image-carousel--slide .logo-container img { height: 40px; margin-bottom: 24px; min-width: inherit } @media (min-width:1200px) { .se2--content-product-blocks--card .wrapper:hover { box-shadow: 0 20px 30px -20px rgba(51, 51, 51, .72) } } .se2--content-product-blocks--card .wrapper .sdl-media-wrap { display: flex; justify-content: center; padding-bottom: 24px; padding-top: 24px; width: 100% } @media (min-width:1200px) { .se2--content-product-blocks--card .wrapper .sdl-media-wrap { padding-bottom: 12px; padding-top: 12px } } .se2--content-product-blocks--card .wrapper .sdl-media-wrap img, .se2--content-product-blocks--card .wrapper .sdl-media-wrap svg { height: 100px } @media (min-width:1200px) { .se2--content-product-blocks--card .wrapper .sdl-media-wrap img, .se2--content-product-blocks--card .wrapper .sdl-media-wrap svg { height: 136px } } @media (min-width:1200px) { .se2--content-article-slide-carousel--slide .image-block .video-block iframe.video-thumbnail { height: calc(56.25vw - var(--content-inline-size-desktop)*.5625); max-height: 100%; z-index: 1 } .se2--content-article-slide-carousel--slide .image-block.thumbnail-image .sdl-media-wrap img { height: calc(56.25vw - var(--content-inline-size-desktop)*.5625); top: 0 } } @media (min-width:1200px) { .se2--content-article-slide-carousel--slide .image-block .video-block iframe.video-thumbnail { height: calc(56.25vw - var(--content-inline-size-desktop)*.5625); max-height: 100%; z-index: 1 } .se2--content-article-slide-carousel--slide .image-block.thumbnail-image .sdl-media-wrap img { height: calc(56.25vw - var(--content-inline-size-desktop)*.5625); top: 0 } } @media (min-width:1200px) { .se2--content-article-slide-carousel--slide .image-block .video-block iframe.video-thumbnail { height: calc(56.25vw - var(--content-inline-size-desktop)*.5625); max-height: 100%; z-index: 1 } .se2--content-article-slide-carousel--slide .image-block.thumbnail-image .sdl-media-wrap img { height: calc(56.25vw - var(--content-inline-size-desktop)*.5625); top: 0 } } @media (min-width:1200px) { .se2--content-list-blocks--tip .tip-container .tip-image-wrapper { margin-bottom: 34px; margin-top: 34px } } [dir=ltr] .se2--content-list-blocks--tip .tip-container .tip-image-wrapper img, [dir=ltr] .se2--content-list-blocks--tip .tip-container .tip-image-wrapper img.sdl-ratio-target { margin-left: 14px } [dir=rtl] .se2--content-list-blocks--tip .tip-container .tip-image-wrapper img, [dir=rtl] .se2--content-list-blocks--tip .tip-container .tip-image-wrapper img.sdl-ratio-target { margin-right: 14px } .se2--content-list-blocks--tip .tip-container .tip-image-wrapper img, .se2--content-list-blocks--tip .tip-container .tip-image-wrapper img.sdl-ratio-target { height: 32px; min-width: 32px; object-fit: cover } @media (min-width:1200px) { [dir=ltr] .se2--content-list-blocks--tip .tip-container .tip-image-wrapper img, [dir=ltr] .se2--content-list-blocks--tip .tip-container .tip-image-wrapper img.sdl-ratio-target { margin-left: 24px } [dir=rtl] .se2--content-list-blocks--tip .tip-container .tip-image-wrapper img, [dir=rtl] .se2--content-list-blocks--tip .tip-container .tip-image-wrapper img.sdl-ratio-target { margin-right: 24px } .se2--content-list-blocks--tip .tip-container .tip-image-wrapper img, .se2--content-list-blocks--tip .tip-container .tip-image-wrapper img.sdl-ratio-target { height: 48px; min-width: 48px } } .smartbanner .info .title { color: var(--color-text-gray); font-size: 14px; font-weight: 700; line-height: 20px } .se2--header-se--country-selector .body .section .title { align-items: center; color: var(--color-life-green); display: flex; font-size: 18px; justify-content: space-between; line-height: 25px } @media (min-width:1200px) { .se2--header-se--country-selector .body .section .title { font-size: 22px; line-height: 30px; margin-bottom: 20px } } .se2--header-se--country-selector .body .section.open .title { margin-bottom: 20px } @media (min-width:1200px) { .se2--header-se--country-selector-modal .body .section.open .icon-arrow-open-mobile { display: none } .se2--header-se--country-selector-modal .body .section.open .icon-arrow-open { display: inline-flex } } .se2--header-se--country-selector-modal .body .section.open .title { background-color: var(--color-bg-gray-new-1) } @media (min-width:1200px) { .se2--header-se--country-selector-modal .body .section.open .title { font-weight: 700 } } @media (min-width:1200px) { .se2--header-se--country-selector-modal .body .section.open .link-list { display: grid } } .se2--header-se--country-selector-modal .body .section .title { align-items: center; background-color: var(--color-bg-light-gray-header); border-bottom: 1px solid var(--color-white); border-left: 40px solid var(--color-white); border-right: 40px solid var(--color-white); color: var(--color-text-gray); cursor: pointer; display: flex; font-weight: 700; padding: 20px } @media (min-width:1200px) { .se2--header-se--country-selector-modal .body .section .title { border-bottom: 0; border-left: 0; border-right: 0; font-weight: 700; gap: 10px; padding-bottom: 18px; padding-top: 18px } [dir=ltr] .se2--header-se--country-selector-modal .body .section .title .toggle-buttons-wrap { margin-left: auto } [dir=rtl] .se2--header-se--country-selector-modal .body .section .title .toggle-buttons-wrap { margin-right: auto } } .se2--header-se--sign-in-for-apc .sign-in-menu .title { align-items: center; color: var(--color-dark-gray); display: flex; font-size: 12px; line-height: 15px } .se2--header-se--sign-in-for-apc .sign-in-menu .title:after, .se2--header-se--sign-in-for-apc .sign-in-menu .title:before { background-color: var(--color-footer-gray); content: ""; flex-grow: 1; height: 1px } [dir=ltr] .se2--header-se--sign-in-for-apc .sign-in-menu .title:before { margin-right: 10px } [dir=rtl] .se2--header-se--sign-in-for-apc .sign-in-menu .title:before { margin-left: 10px } [dir=ltr] .se2--header-se--sign-in-for-apc .sign-in-menu .title:after { margin-left: 10px } [dir=rtl] .se2--header-se--sign-in-for-apc .sign-in-menu .title:after { margin-right: 10px } @media (min-width:1200px) { html .se2--country-selector-section { border-bottom: 0; padding-bottom: 15px; padding-top: 15px } } .se2--country-selector-section .title { align-items: center; color: var(--color-life-green); display: flex; font-size: 18px; justify-content: space-between; line-height: 25px } .se2-accessibility .se2--country-selector-section .title { color: var(--color-text-gray) } @media (min-width:1200px) { .se2--country-selector-section .title { font-size: 22px; line-height: 30px; margin-bottom: 20px } } .se2--country-selector-section.open .title { margin-bottom: 20px } .se2-accessibility .se2--content-article-slide-carousel--slide .info-block .info-block-container .green-text, .se2-accessibility .se2--content-article-slide-carousel--slide .info-block .info-block-container .title { background-color: var(--color-white); background-image: none; color: var(--color-black) } .se2--content-article-slide-carousel--slide .info-block .info-block-container .title .green-text { -webkit-background-clip: text; position: relative } @media (min-width:1200px) { .se2--content-article-slide-carousel--slide .info-block .info-block-container .title { box-sizing: content-box; margin-bottom: 0; pointer-events: none; position: relative; transform: none } } .se2--content-article-slide-carousel--slide .info-block .info-block-container .description, .se2--content-article-slide-carousel--slide .info-block .info-block-container .link-list, .se2--content-article-slide-carousel--slide .info-block .info-block-container .subtitle, .se2--content-article-slide-carousel--slide .info-block .info-block-container .title { color: var(--color-text-gray); width: 100% } @media (min-width:1200px) { .se2--content-article-slide-carousel--slide .info-block .info-block-container .description, .se2--content-article-slide-carousel--slide .info-block .info-block-container .link-list, .se2--content-article-slide-carousel--slide .info-block .info-block-container .subtitle, .se2--content-article-slide-carousel--slide .info-block .info-block-container .title { box-sizing: content-box; width: 100% } } .se2--content-article-slide-carousel--slide .info-block .info-block-container .description, .se2--content-article-slide-carousel--slide .info-block .info-block-container .link-list, .se2--content-article-slide-carousel--slide .info-block .info-block-container .roi-calculator-widget, .se2--content-article-slide-carousel--slide .info-block .info-block-container .slide-link, .se2--content-article-slide-carousel--slide .info-block .info-block-container .subtitle, .se2--content-article-slide-carousel--slide .info-block .info-block-container .title { margin-bottom: var(--content-padding-block) } .se2--content-article-slide-carousel--slide .info-block .info-block-container .description:last-child, .se2--content-article-slide-carousel--slide .info-block .info-block-container .link-list:last-child, .se2--content-article-slide-carousel--slide .info-block .info-block-container .roi-calculator-widget:last-child, .se2--content-article-slide-carousel--slide .info-block .info-block-container .slide-link:last-child, .se2--content-article-slide-carousel--slide .info-block .info-block-container .subtitle:last-child, .se2--content-article-slide-carousel--slide .info-block .info-block-container .title:last-child { margin-bottom: 0 } .se2-accessibility .se2--content-article-slide-carousel--slide .info-block .info-block-container .title { background-color: var(--color-white); background-image: none; color: var(--color-black) } .se2--content-article-slide-carousel--slide .info-block .info-block-container .title .green-text { -webkit-background-clip: text; position: relative } @media (min-width:1200px) { .se2--content-article-slide-carousel--slide .info-block .info-block-container .title { box-sizing: content-box; margin-bottom: 0; pointer-events: none; position: relative; transform: none } } .se2--content-article-slide-carousel--slide .info-block .info-block-container .description, .se2--content-article-slide-carousel--slide .info-block .info-block-container .link-list, .se2--content-article-slide-carousel--slide .info-block .info-block-container .subtitle, .se2--content-article-slide-carousel--slide .info-block .info-block-container .title { color: var(--color-text-gray); width: 100% } @media (min-width:1200px) { .se2--content-article-slide-carousel--slide .info-block .info-block-container .description, .se2--content-article-slide-carousel--slide .info-block .info-block-container .link-list, .se2--content-article-slide-carousel--slide .info-block .info-block-container .subtitle, .se2--content-article-slide-carousel--slide .info-block .info-block-container .title { box-sizing: content-box; width: 100% } } .se2--content-article-slide-carousel--slide .info-block .info-block-container .description, .se2--content-article-slide-carousel--slide .info-block .info-block-container .link-list, .se2--content-article-slide-carousel--slide .info-block .info-block-container .roi-calculator-widget, .se2--content-article-slide-carousel--slide .info-block .info-block-container .slide-link, .se2--content-article-slide-carousel--slide .info-block .info-block-container .subtitle, .se2--content-article-slide-carousel--slide .info-block .info-block-container .title { margin-bottom: var(--content-padding-block) } .se2--content-article-slide-carousel--slide .info-block .info-block-container .description:last-child, .se2--content-article-slide-carousel--slide .info-block .info-block-container .link-list:last-child, .se2--content-article-slide-carousel--slide .info-block .info-block-container .roi-calculator-widget:last-child, .se2--content-article-slide-carousel--slide .info-block .info-block-container .slide-link:last-child, .se2--content-article-slide-carousel--slide .info-block .info-block-container .subtitle:last-child, .se2--content-article-slide-carousel--slide .info-block .info-block-container .title:last-child { margin-bottom: 0 } .se2--content-intro-textwith-optional-links--secondary-link .link:hover .title { text-decoration: underline; text-decoration-color: var(--color-sky-blue); text-decoration-thickness: 2px } } .se2--content-intro-textwith-optional-links--secondary-link .title { margin-bottom: 8px; margin-top: 0 } .se2--content-intro-textwith-optional-links.no-image .title-main { background-image: none; margin: 0; padding-bottom: 0; padding-top: var(--component-block-indent); position: relative } @media (min-width:1200px) { [dir=ltr] .se2--content-intro-textwith-optional-links.no-image .description-main, [dir=ltr] .se2--content-intro-textwith-optional-links.no-image .title-main { padding-right: var(--page-content-sorrounding-gap) } [dir=rtl] .se2--content-intro-textwith-optional-links.no-image .description-main, [dir=rtl] .se2--content-intro-textwith-optional-links.no-image .title-main { padding-left: var(--page-content-sorrounding-gap) } .se2--content-intro-textwith-optional-links.no-image .description-main, .se2--content-intro-textwith-optional-links.no-image .title-main { width: 83% } } @media (min-width:1200px) { .se2--content-intro-textwith-optional-links .content-main { display: block; margin-bottom: 0; min-height: auto } } [dir=ltr] .se2--content-intro-textwith-optional-links .title-main { padding-left: var(--page-content-sorrounding-gap) } [dir=rtl] .se2--content-intro-textwith-optional-links .title-main { padding-right: var(--page-content-sorrounding-gap) } [dir=ltr] .se2--content-intro-textwith-optional-links .title-main { padding-right: var(--page-content-sorrounding-gap) } [dir=rtl] .se2--content-intro-textwith-optional-links .title-main { padding-left: var(--page-content-sorrounding-gap) } .se2--content-intro-textwith-optional-links .title-main { -webkit-text-fill-color: transparent; -webkit-background-clip: text; background-color: var(--color-text-gray); background-position: 0 calc(100% - 40px); background-repeat: no-repeat; background-size: 2000px; bottom: 0; margin-bottom: 0; margin-top: calc(var(--std-block-indent)*2); position: relative; z-index: 2 } @media (min-width:1200px) { [dir=ltr] .se2--content-intro-textwith-optional-links .title-main { padding-right: 67% } [dir=rtl] .se2--content-intro-textwith-optional-links .title-main { padding-left: 67% } .se2--content-intro-textwith-optional-links .title-main { background-position: 640px 0; margin-bottom: 20px; margin-top: 0; padding-bottom: 20px; padding-top: calc(var(--std-block-indent)*2); position: relative; width: 100% } [dir=rtl] .se2--content-intro-textwith-optional-links .title-main { background-position: calc(100% - 640px) 0 } } .se2-accessibility .se2--content-intro-textwith-optional-links .title-main { -webkit-text-fill-color: var(--color-black); color: var(--color-black) } .se2-accessibility .se2--content-intro-textwith-optional-links .title-main span { background-color: var(--color-white); display: block } .se2--notification .notification-wrap .title { font-weight: 700; margin-bottom: 10px; margin-top: 16px } .se2-accessibility .se2--content-article-slide-carousel--slide .info-block .info-block-container .title { background-color: var(--color-white); background-image: none; color: var(--color-black) } .se2--content-article-slide-carousel--slide .info-block .info-block-container .title .green-text { -webkit-background-clip: text; position: relative } @media (min-width:1200px) { .se2--content-article-slide-carousel--slide .info-block .info-block-container .title { box-sizing: content-box; margin-bottom: 0; pointer-events: none; position: relative; transform: none } } .se2--content-article-slide-carousel--slide .info-block .info-block-container .description, .se2--content-article-slide-carousel--slide .info-block .info-block-container .link-list, .se2--content-article-slide-carousel--slide .info-block .info-block-container .subtitle, .se2--content-article-slide-carousel--slide .info-block .info-block-container .title { color: var(--color-text-gray); width: 100% } @media (min-width:1200px) { .se2--content-article-slide-carousel--slide .info-block .info-block-container .description, .se2--content-article-slide-carousel--slide .info-block .info-block-container .link-list, .se2--content-article-slide-carousel--slide .info-block .info-block-container .subtitle, .se2--content-article-slide-carousel--slide .info-block .info-block-container .title { box-sizing: content-box; width: 100% } } .se2--content-article-slide-carousel--slide .info-block .info-block-container .description, .se2--content-article-slide-carousel--slide .info-block .info-block-container .link-list, .se2--content-article-slide-carousel--slide .info-block .info-block-container .roi-calculator-widget, .se2--content-article-slide-carousel--slide .info-block .info-block-container .slide-link, .se2--content-article-slide-carousel--slide .info-block .info-block-container .subtitle, .se2--content-article-slide-carousel--slide .info-block .info-block-container .title { margin-bottom: var(--content-padding-block) } .se2--content-article-slide-carousel--slide .info-block .info-block-container .description:last-child, .se2--content-article-slide-carousel--slide .info-block .info-block-container .link-list:last-child, .se2--content-article-slide-carousel--slide .info-block .info-block-container .roi-calculator-widget:last-child, .se2--content-article-slide-carousel--slide .info-block .info-block-container .slide-link:last-child, .se2--content-article-slide-carousel--slide .info-block .info-block-container .subtitle:last-child, .se2--content-article-slide-carousel--slide .info-block .info-block-container .title:last-child { margin-bottom: 0 } [dir=ltr] .se2--content-product-blocks .title-wrapper { margin-left: 16px } [dir=rtl] .se2--content-product-blocks .title-wrapper { margin-right: 16px } .se2--content-product-blocks .title-wrapper { display: flex; justify-content: space-between; margin-bottom: 16px; margin-top: 2px } @media (min-width:1200px) { [dir=ltr] .se2--content-product-blocks .title-wrapper { margin-left: 130px } [dir=rtl] .se2--content-product-blocks .title-wrapper { margin-right: 130px } .se2--content-product-blocks .title-wrapper { margin-bottom: 24px; min-height: 36px } } .se2--content-product-blocks .title-wrapper h1, .se2--content-product-blocks .title-wrapper h2 { color: var(--color-text-gray) } .se2--content-product-blocks .title-wrapper h1 a, .se2--content-product-blocks .title-wrapper h2 a { text-decoration: none } .se2--content-product-blocks .title-wrapper h1 a:hover, .se2--content-product-blocks .title-wrapper h2 a:hover { text-decoration: underline } .se2--content-product-blocks .title-wrapper h1>.se2-icon-arrow-common, .se2--content-product-blocks .title-wrapper h1>.se2-icon-new-tab:after, .se2--content-product-blocks .title-wrapper h2>.se2-icon-arrow-common, .se2--content-product-blocks .title-wrapper h2>.se2-icon-new-tab:after { content: none } [dir=ltr] .se2--content-product-blocks .title-wrapper .controls { margin-left: auto } [dir=rtl] .se2--content-product-blocks .title-wrapper .controls { margin-right: auto } [dir=ltr] .se2--content-product-blocks .title-wrapper .controls { margin-right: 16px } [dir=rtl] .se2--content-product-blocks .title-wrapper .controls { margin-left: 16px } .se2--content-product-blocks .title-wrapper .controls { align-self: flex-end; display: flex } @media (min-width:1200px) { [dir=ltr] .se2--content-product-blocks .title-wrapper .controls { margin-right: 62px } [dir=rtl] .se2--content-product-blocks .title-wrapper .controls { margin-left: 62px } } .se2--content-product-blocks .title-wrapper .controls .control { background: none; border: 1px solid; border-radius: 50%; box-sizing: content-box; color: var(--color-dark-gray); cursor: pointer; height: 24px; padding: 0; width: 24px } .se2--content-product-blocks .title-wrapper .controls .control.button-next.se2-icon-arrow-common:after, .se2--content-product-blocks .title-wrapper .controls .control.button-prev.se2-icon-arrow-common:after { font-size: 195%; font-weight: 400 } .se2--content-product-blocks .title-wrapper .controls .control.button-prev.se2-icon-arrow-common:after { transform: rotate(180deg) } [dir=rtl] .se2--content-product-blocks .title-wrapper .controls .control.button-prev.se2-icon-arrow-common:after { transform: rotate(1turn) } .se2--content-product-blocks .title-wrapper .controls .control:active { -webkit-tap-highlight-color: transparent; background-color: var(--color-dark-gray); border-color: var(--color-dark-gray); color: var(--color-white) } @media (min-width:1200px) { .se2--content-product-blocks .title-wrapper .controls .control:hover { background-color: var(--color-dark-gray); border-color: var(--color-dark-gray); color: var(--color-white) } } [dir=ltr] .se2--content-product-blocks .title-wrapper .controls .button-prev { margin-right: 16px } [dir=rtl] .se2--content-product-blocks .title-wrapper .controls .button-prev { margin-left: 16px } @media (min-width:1200px) { [dir=ltr] .se2--content-product-blocks .title-wrapper .controls .button-prev { margin-right: 24px } [dir=rtl] .se2--content-product-blocks .title-wrapper .controls .button-prev { margin-left: 24px } } .se2-heading-normal, .se-reset-css .se2-heading-normal { font-size: 32px; line-height: 38px } @media (min-width:1200px) { .se2-heading-normal, .se-reset-css .se2-heading-normal { font-size: 40px; line-height: 48px } } .se2-heading-big, .se2-heading-normal, .se2-heading-small, .se2-heading-tiny, .se2-weight-bold, .se-reset-css .se2-heading-big, .se-reset-css .se2-heading-normal, .se-reset-css .se2-heading-small, .se-reset-css .se2-heading-tiny, .se-reset-css .se2-weight-bold { font-weight: 700 } [dir=rtl] .se2--link-cta.button svg { transform: rotateY(180deg) } .se2--link-cta .button-text { -webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -webkit-box; overflow: hidden } .se2-button, .se2-button-footer-green, .se2-button-footer-green-with-border, .se2-button-link-primary-green, .se2-button-primary, .se2-button-primary-fuchsia, .se2-button-primary-green, .se2-button-secondary, .se2-button-white-with-border, .se-reset-css .se2-button, .se-reset-css .se2-button-footer-green, .se-reset-css .se2-button-footer-green-with-border, .se-reset-css .se2-button-link-primary-green, .se-reset-css .se2-button-primary, .se-reset-css .se2-button-primary-fuchsia, .se-reset-css .se2-button-primary-green, .se-reset-css .se2-button-secondary, .se-reset-css .se2-button-white-with-border { align-items: center; border: 0; border-radius: 5px; color: var(--color-white); cursor: pointer; display: flex; height: 40px; justify-content: center; padding: 0 20px; text-align: center; text-decoration: none } @media (min-width:1200px) { .se2-button, .se2-button-footer-green, .se2-button-footer-green-with-border, .se2-button-link-primary-green, .se2-button-primary, .se2-button-primary-fuchsia, .se2-button-primary-green, .se2-button-secondary, .se2-button-white-with-border, .se-reset-css .se2-button, .se-reset-css .se2-button-footer-green, .se-reset-css .se2-button-footer-green-with-border, .se-reset-css .se2-button-link-primary-green, .se-reset-css .se2-button-primary, .se-reset-css .se2-button-primary-fuchsia, .se-reset-css .se2-button-primary-green, .se-reset-css .se2-button-secondary, .se-reset-css .se2-button-white-with-border { height: 48px } } .se2-button-primary, .se-reset-css .se2-button-primary { background: var(--color-sky-blue) } .se2-accessibility .se2-button-primary { background: var(--color-blue) } .se2-button-primary:hover { background: linear-gradient(var(--color-sky-blue-light), var(--email-color)) } .se2-accessibility .se2-button-primary:hover { background: linear-gradient(var(--color-blue), var(--color-blue-dark)) } .se2-button-primary:active { background: var(--color-sky-blue-dark) } .se2-accessibility .se2-button-primary:active { background: var(--color-blue-dark) } .se2-button-primary:disabled:hover { background: var(--color-sky-blue) } .se2-accessibility .se2-button-primary:disabled { background: var(--color-blue-dark) } .se2-button-large, .se-reset-css .se2-button-large { height: 48px } .se2-button-small, .se-reset-css .se2-button-small { height: 40px } .se2-button:disabled, .se-reset-css .se2-button:disabled { opacity: .3 } .se2-button:disabled:hover, .se-reset-css .se2-button:disabled:hover { cursor: default } .se2-button:visited, .se-reset-css .se2-button:visited { color: var(--color-white) } .se2-button-primary-fuchsia, .se-reset-css .se2-button-primary-fuchsia { background: var(--color-fuchsia-red) } .se2-button-primary-fuchsia:hover, .se-reset-css .se2-button-primary-fuchsia:hover { background: var(--color-fuchsia-red-hover) } .se2-button-primary-fuchsia:active, .se-reset-css .se2-button-primary-fuchsia:active { background: var(--color-fuchsia-red-active) } .se2-button-primary-fuchsia:disabled:hover, .se-reset-css .se2-button-primary-fuchsia:disabled:hover { background: var(--color-fuchsia-red) } .se2-button-primary-green, .se-reset-css .se2-button-primary-green { background: var(--color-ventures-main-green); border-radius: 10px; height: 52px; padding: 0 40px } @media (min-width:1200px) { .se2-button-primary-green, .se-reset-css .se2-button-primary-green { height: 56px; padding: 0 48px } } .se2-button-primary-green:focus, .se-reset-css .se2-button-primary-green:focus { outline: var(--color-white) auto 2px; outline-offset: 4px } .se2-button-primary-green:hover, .se-reset-css .se2-button-primary-green:hover { background-color: var(--color-ventures-main-green-secondary) } .se2-button-primary-green:disabled, .se-reset-css .se2-button-primary-green:disabled { background-color: var(--color-ventures-light-gray) } .se2-text-big, .se2-text-normal-fixed, .se-reset-css .se2-text-big, .se-reset-css .se2-text-normal-fixed { font-size: 16px; line-height: 24px } @media (min-width:1200px) { .se2-text-big, .se-reset-css .se2-text-big { font-size: 18px; line-height: 27px } } .se2-text-big, .se2-text-normal, .se2-text-small, .se-reset-css .se2-text-big, .se-reset-css .se2-text-normal, .se-reset-css .se2-text-small { font-weight: 400 } .se2-text-normal, .se2-text-small, .se-reset-css .se2-text-normal, .se-reset-css .se2-text-small { font-size: 14px; line-height: 21px } @media (min-width:1200px) { .se2-text-normal, .se-reset-css .se2-text-normal { font-size: 16px; line-height: 24px } } @media (min-width:1200px) { html .se2--header-se--geolocation-banner .button { height: 48px; max-width: 100%; width: auto } } html[dir=rtl] .se2--header-se--geolocation-banner .button svg { transform: rotateY(180deg) } html .se2--header-se--geolocation-banner .button .button-text { -webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -webkit-box; overflow: hidden } [dir=ltr] .se2--content-small-square-image.content-tall-rectangular-image .card .card-link .button svg { margin-left: 4px } [dir=rtl] .se2--content-small-square-image.content-tall-rectangular-image .card .card-link .button svg { margin-right: 4px } .se2--content-small-square-image.content-tall-rectangular-image .card .card-link .button svg { height: 20px; width: 20px } .se2--content-small-square-image.content-tall-rectangular-image .card:hover .card-link .button, .se2--content-small-square-image.content-tall-rectangular-image:hover .card-link .button { text-decoration: none } .se2--content-small-square-image .card:hover .card-link .button { text-decoration: underline } .se2--content-small-square-image .card .card-link .button { width: fit-content; z-index: 0 } [dir=ltr] .se2--content-small-square-image .card .card-link .button:after { left: 0 } [dir=rtl] .se2--content-small-square-image .card .card-link .button:after { right: 0 } [dir=ltr] .se2--content-small-square-image .card .card-link .button:after { right: 0 } [dir=rtl] .se2--content-small-square-image .card .card-link .button:after { left: 0 } .se2--content-small-square-image .card .card-link .button:after { bottom: 0; content: ""; position: absolute; top: 0; z-index: 1 } [dir=ltr] .se2--content-small-square-image .card .card-link .button svg { margin-left: 4px } [dir=rtl] .se2--content-small-square-image .card .card-link .button svg { margin-right: 4px } .se2--content-small-square-image .card .card-link .button svg { height: 20px; width: 20px } .se2--content-small-square-image .card .card-link .button:hover .nowrap { text-decoration: none } [dir=ltr] .se2--content-small-square-image.content-tall-rectangular-image .card .card-link .button svg { margin-left: 4px } [dir=rtl] .se2--content-small-square-image.content-tall-rectangular-image .card .card-link .button svg { margin-right: 4px } .se2--content-small-square-image.content-tall-rectangular-image .card .card-link .button svg { height: 20px; width: 20px } .se2--content-small-square-image.content-tall-rectangular-image .card:hover .card-link .button, .se2--content-small-square-image.content-tall-rectangular-image:hover .card-link .button { text-decoration: none } .wycg .btn {float: right; height: 34px; line-height: 34px; padding: 0 0 0 20px}