/* KEYWORDS: +all, +chrome, +linux, +mozilla, +os, +webkit, +universal, -android, -edge, -firefox, -gecko, -ie, -ie10, -ie11, -ie7, -ie8, -ie9, -ipad, -iphone, -khtml, -mac, -macos, -mobile, -opera, -presto, -safari, -trident, -trident3, -trident4, -trident5, -trident6, -trident7, -upbrowser, -win, -windows, -windowsphone, -windowsxp, -winphone, -winxp */
/*** START ims2017/global/common.css ***/
/* Common CSS for this layout */
/* font-family: 'HelveticaNeueLTPro-Md', Arial, Helvetica, sans-serif;
font-family: 'HelveticaNeueLTPro-Lt', Arial, Helvetica, sans-serif;
font-family: 'HelveticaNeueLTPro-Th', Arial, Helvetica, sans-serif;
font-family: 'HelveticaNeueLTPro-Bd', Arial, Helvetica, sans-serif; */
/* =IFRAME */
/* Page is opened in an iframe */
/* General rule: use .iframe-only and .no-iframe classes */
html.iframe .header-block,
html.iframe .body-page-title,
html.iframe .navbar,
html.iframe header,
html.iframe footer,
html.iframe .footer,
html.iframe .copyright,
html.iframe .side-boxes,
html.iframe .breadcrumb,
html.iframe .printlink,
html.iframe .container-top,
html.iframe .print-logo,
html.iframe .header-placeholder {
display: none !important;
}
html.iframe body {
padding: 0 !important;
border: 0 none !important;
margin: 0 !important;
}
html.iframe #contact-selector .table-responsive {
margin: 0 !important;
}
html.noiframe .iframe-only {
display: none !important;
}
html.iframe article, html.iframe .downloadDetailBox {
width: 100%; /* IE8 problem in ipop */
}
html.iframe .searchContactsForm {
background-color: transparent;
}
html.iframe .searchContactsForm.filter-form table,
html.iframe .searchContactsForm tr,
html.iframe .searchContactsForm td,
html.iframe .searchContactsForm tbody {
padding: 0 !important;
margin: 0 !important;
clear: both;
overflow: hidden;
}
html.iframe .searchContactsForm td:first-child:not(:empty) {
padding-bottom: 3px !important;
}
html.iframe .searchContactsForm tr {
padding-bottom: 12px !important;
}
html.iframe .searchContactsForm select,
html.iframe .searchContactsForm input[type="text"] {
height: auto !important;
border: 0 none !important;
border: 1px solid #f2f2f2 !important;
padding: 10px !important;
box-shadow: none !important;
border-radius: 0px;
background-color: #f2f2f2 !important;
}
html.iframe .searchContactsForm select {
background-image: url(../data/i/caret.png);
background-repeat: no-repeat;
background-position: right center;
font-weight: 300;
padding-right: 20px !important;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
html.iframe .cms-content[cms-page="12793"] {
padding: 0px !important;
}
html.iframe .contactUsTable {
border: 0 none;
padding: 20px 10px 0px;
margin: 0px;
}
html.iframe .contactUsTable .row > div {
padding-bottom: 10px;
}
html.iframe .contactUsTable .row > div + div {
padding-bottom: 0px;
}
html.iframe body {
border: 0 none;
background-color: transparent;
}
html.iPopActive,
html.iPopActive body {
/* possible blind fix for the taskId.16812844 doesn't seem to be working from 2018/03/21 */
/* removed due to request in taskId.16816627 2019/11/08 */
/* x-overflow: auto !important !for(ipad iphone);
*/
}
/* =GENERAL */
body {
background-color: #ffffff;
color: #444;
font-family: Arial, Tahoma, sans-serif;;
font-size: 13px;
line-height: 1.6em;
}
html[lang="ja-JP"] body {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Osaka", "Arial", "Helvetica", Sans-serif;
}
img[align="left"] {margin-right: 15px; margin-bottom: 5px;}
img[align="right"] {margin-left: 15px; margin-bottom: 5px;}
.clr, .clear {clear: both; overflow: hidden;}
span.clr {display: inline-block;}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-weight: 300;
}
html[lang="ja-JP"] h1, html[lang="ja-JP"] h2, html[lang="ja-JP"] h3, html[lang="ja-JP"] h4, html[lang="ja-JP"] h5, html[lang="ja-JP"] h6,
html[lang="ja-JP"] .h1, html[lang="ja-JP"] .h2, html[lang="ja-JP"] .h3, html[lang="ja-JP"] .h4, html[lang="ja-JP"] .h5, html[lang="ja-JP"] .h6 {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Osaka", "Arial", "Helvetica", Sans-serif;
font-weight: normal;
}
html[lang="ru-RU"] h1, html[lang="ru-RU"] h2, html[lang="ru-RU"] h3,
html[lang="ru-RU"] h4, html[lang="ru-RU"] h5, html[lang="ru-RU"] h6,
html[lang="ru-RU"] .h1, html[lang="ru-RU"] .h2, html[lang="ru-RU"] .h3,
html[lang="ru-RU"] .h4, html[lang="ru-RU"] .h5, html[lang="ru-RU"] .h6,
html[lang="pl-PL"] h1, html[lang="pl-PL"] h2, html[lang="pl-PL"] h3,
html[lang="pl-PL"] h4, html[lang="pl-PL"] h5, html[lang="pl-PL"] h6,
html[lang="pl-PL"] .h1, html[lang="pl-PL"] .h2, html[lang="pl-PL"] .h3,
html[lang="pl-PL"] .h4, html[lang="pl-PL"] .h5, html[lang="pl-PL"] .h6,
html[lang="cs-CZ"] h1, html[lang="cs-CZ"] h2, html[lang="cs-CZ"] h3,
html[lang="cs-CZ"] h4, html[lang="cs-CZ"] h5, html[lang="cs-CZ"] h6,
html[lang="cs-CZ"] .h1, html[lang="cs-CZ"] .h2, html[lang="cs-CZ"] .h3,
html[lang="cs-CZ"] .h4, html[lang="cs-CZ"] .h5, html[lang="cs-CZ"] .h6 {
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-weight: 300;
}
h1, .h1 {color: #444444; font-size: 36px; line-height: 1.1em; margin-top: 20px; margin-bottom: 10px;}
h2, .h2 {color: #444444; font-size: 26px; line-height: 1.2em; margin-top: 10px; margin-bottom: 10px;}
h3, .h3 {color: #444444; font-size: 22px; line-height: 1.3em; margin-top: 20px; margin-bottom: 10px;}
h4, .h4 {color: #444444; font-size: 18px; line-height: 1.4em; margin-top: 20px; margin-bottom: 10px;}
h5, .h5 {color: #444444; font-size: 16px; line-height: 1.5em; margin-top: 20px; margin-bottom: 10px;}
h6, .h6 {color: #444444; font-size: 15px; line-height: 1.6em; margin-top: 20px; margin-bottom: 10px;}
@media (min-width: 980px) {
html[lang="ja-JP"] h1, html[lang="ja-JP"] .h1,
html[lang="zh-CN"] h1, html[lang="zh-CN"] .h1 {
font-size: 30px;
}
}
h1.pageTitle,
h2.pageTitle,
.h1.pageTitle,
.h2.pageTitle {
font-size: 30px;
color: #111;
margin-bottom: 10px;
margin-top: 5px;
}
html[lang="ja-JP"] h1.pageTitle,
html[lang="ja-JP"] h2.pageTitle,
html[lang="ja-JP"] .h1.pageTitle,
html[lang="ja-JP"] .h2.pageTitle{
font-size: 28px;
}
html[lang="ru-RU"] h1.pageTitle,
html[lang="ru-RU"] h2.pageTitle,
html[lang="ru-RU"] .h1.pageTitle,
html[lang="ru-RU"] .h2.pageTitle {
font-size: 28px;
}
.short-description {font-size: 20px; color: #fff; font-family: 'Roboto', Arial, Helvetica, sans-serif; font-weight: 300;}
html[lang="ja-JP"] .short-description {font-size: 18px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Osaka", "Arial", "Helvetica", Sans-serif;}
.short-description * {padding: 0; margin: 0; margin-bottom: 10px; color: #444; font-size: 18px; line-height: 1.5em;}
@media (max-width: 767px) {
.short-description * {
font-size: 14px;
}
}
h1.pageTitle,
h2.pageTitle,
.h1.pageTitle,
.h2.pageTitle,
.page-title-container > .caption-level {
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-weight: 300;
/* x-font-family: 'Roboto', Arial, Helvetica, sans-serif !for(ie8);
*/
/* x-font-weight: 300 !for(ie8);
*/
}
html[lang="ja-JP"] h1.pageTitle,
html[lang="ja-JP"] h2.pageTitle,
html[lang="ja-JP"] .h1.pageTitle,
html[lang="ja-JP"] .h2.pageTitle,
html[lang="ja-JP"] .page-title-container > .caption-level {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Osaka", "Arial", "Helvetica", Sans-serif;
}
h1.pageTitle .caption-level,
h2.pageTitle .caption-level,
.h1.pageTitle .caption-level,
.h2.pageTitle .caption-level,
.page-title-container > .caption-level {
font-size: 20px;
}
.page-title-container > .caption-level {
margin-top: 10px;
}
.hideTopLevelHeader .page-title-container > .caption-level {
margin-top: 0;
}
@media (min-width: 768px) {
.headerIsPageTitle h1.pageTitle .caption-level,
.headerIsPageTitle h2.pageTitle .caption-level
/* taskId.16815301 this tag is abonduned */
/*,
.headerIsPageTitle .page-title-container > .caption-level*/ {
font-size: 30px;
margin-top: 10px;
}
}
@media (min-width: 480px) and (max-width: 767px) {
.headerIsPageTitle h1.pageTitle .caption-level,
.headerIsPageTitle h2.pageTitle .caption-level
/* taskId.16815301 this tag is abonduned */
/*,
.headerIsPageTitle .page-title-container > .caption-level*/ {
margin-top: 10px;
}
}
.hideExtraTitle h1.pageTitle,
.hideExtraTitle h2.pageTitle {
margin-top: 20px;
margin-bottom: 20px;
}
.hideExtraTitle h1.pageTitle .caption-level,
.hideExtraTitle h2.pageTitle .caption-level,
.hideExtraTitle .page-title-container > .caption-level {
display: none;
}
html[lang="ja-JP"] h1.pageTitle .caption-level,
html[lang="ja-JP"] h2.pageTitle .caption-level,
html[lang="ja-JP"] .h1.pageTitle .caption-level,
html[lang="ja-JP"] .h2.pageTitle .caption-level,
html[lang="ja-JP"] .page-title-container > .caption-level {
font-size: 20px;
}
@media (max-width: 767px) {
h1.pageTitle .caption-level,
h2.pageTitle .caption-level,
.h1.pageTitle .caption-level,
.h2.pageTitle .caption-level,
.page-title-container > .caption-level {
font-size: 21px;
}
html[lang="ja-JP"] h1.pageTitle .caption-level,
html[lang="ja-JP"] h2.pageTitle .caption-level,
html[lang="ja-JP"] .page-title-container > .caption-level {
font-size: 19px;
}
}
@media (max-width: 479px) {
h1.pageTitle .caption-level,
h2.pageTitle .caption-level,
.h1.pageTitle .caption-level,
.h2.pageTitle .caption-level,
.page-title-container > .caption-level {
font-size: 18px;
}
html[lang="ja-JP"] h1.pageTitle .caption-level,
html[lang="ja-JP"] h2.pageTitle .caption-level,
html[lang="ja-JP"] .h1.pageTitle .caption-level,
html[lang="ja-JP"] .h2.pageTitle .caption-level,
html[lang="ja-JP"] .page-title-container > .caption-level {
font-size: 17px;
}
}
h1.pageTitle .caption-level:empty,
h2.pageTitle .caption-level:empty,
.h1.pageTitle .caption-level:empty,
.h2.pageTitle .caption-level:empty,
.page-title-container > .caption-level:empty {
margin-top: 10px;
}
div[table-class*="notransform"].table-responsive {
border: 0 none; padding: 0; margin: 0; overflow: inherit; width: auto;
}
div.table-responsive {
/* causing problems taskId.16813662 */
/* overflow-x: auto; */
border: 0 none;
}
h1.pageTitle:empty,
h2.pageTitle:empty,
.h1.pageTitle:empty,
.h2.pageTitle:empty {
display: none;
}
@media (max-width: 991px) {
h1, .h1 {font-size: 30px;}
h2, .h2 {font-size: 24px;}
h3, .h3 {font-size: 20px;}
h4, .h4 {font-size: 18px;}
h5, .h5 {font-size: 16px;}
h6, .h6 {font-size: 15px;}
}
@media (max-width: 767px) {
h1, .h1 {font-size: 30px;}
h2, .h2 {font-size: 20px;}
h3, .h3 {font-size: 18px;}
h4, .h4 {font-size: 16px;}
h5, .h5 {font-size: 15px;}
h6, .h6 {font-size: 14px;}
h1.pageTitle {
font-size: 30px;
/* taskId.16807016 */
/* margin-top: 25px; */
}
html[lang="ja-JP"] h1.pageTitle {font-size: 24px;}
html[lang="ja-JP"] .short-description {font-size: 15px;}
}
@media (max-width: 479px) {
h1, .h1 {font-size: 20px; margin-bottom: 0px;}
h2, .h2 {font-size: 20px;}
h3, .h3 {font-size: 18px;}
h4, .h4 {font-size: 16px;}
h5, .h5 {font-size: 15px;}
h6, .h6 {font-size: 14px;}
h1.pageTitle {
font-size: 24px;
margin-bottom: 5px;
}
html[lang="ja-JP"] h1.pageTitle {font-size: 18px;}
.short-description {font-size: 14px;}
html[lang="ja-JP"] .short-description {font-size: 12px;}
}
h1 a, h1 a:hover, h1 a:focus, .h1 a, .h1 a:hover, .h1 a:focus {color: #464eb6;}
h2 a, h2 a:hover, h2 a:focus, .h1 a, .h1 a:hover, .h1 a:focus {color: #464eb6;}
h3 a, h3 a:hover, h3 a:focus, .h1 a, .h1 a:hover, .h1 a:focus {color: #464eb6;}
h4 a, h4 a:hover, h4 a:focus, .h1 a, .h1 a:hover, .h1 a:focus {color: #464eb6;}
h5 a, h5 a:hover, h5 a:focus, .h1 a, .h1 a:hover, .h1 a:focus {color: #464eb6;}
h6 a, h6 a:hover, h6 a:focus, .h1 a, .h1 a:hover, .h1 a:focus {color: #464eb6;}
.h1-small {font-size: 20px;}
.h2-small {font-size: 16px;}
.modal-header h1, .modal-header h2, .modal-header h3, .modal-header h4, .modal-header h5, .modal-header h6 {padding: 0; margin: 0;}
.transition {
-mos-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.products-list div.table-responsive {
border: 0 none; margin: 0; padding: 0; overflow: inherit; width: auto;
}
/* 403 */
.form-403-container input[type="text"], .form-403-container input[type="password"], .form-403-container input[type="email"] {
border: 1px solid #d7d7d7; border-radius: 3px; padding: 5px 10px;
}
.form-403-container .control-group {clear: both; overflow: hidden; margin-bottom: 10px;}
.form-403-container .control-group > * {float: left; margin-right: 10px;}
.form-403-container .alert {color: red; padding: 0; margin: 0; margin-bottom: 10px; border: 0 none;}
.form-403-container .alert .close {display: none;}
.iconBarLabel {
float: right;
font-size: 14px;
line-height: 1em;
margin: 0;
padding: 0 0 0 30px;
}
.printlink {
clear: both;
margin: 20px 0px;
}
.muted a {
color: #999999;
}
.well, .well a, .well a:hover {
color: #999999;
}
.img-responsive-inline {max-width: 100%; height: auto;}
.img-responsive-inline-important {max-width: 100% !important; height: auto !important;}
@media (min-width: 1200px) {
.lg-text-left {text-align: left;} .lg-text-right {text-align: right;} .lg-text-center {text-align: center;}
.lg-pull-left {float: left;} .lg-pull-right {float: right;}
.desktop-text-left {text-align: left;} .desktop-text-right {text-align: right;} .desktop-text-center {text-align: center;}
.desktop-pull-left {float: left;} .desktop-pull-right {float: right;}
}
@media (min-width: 992px) and (max-width: 1199px) {
.md-text-left {text-align: left;} .md-text-right {text-align: right;} .md-text-center {text-align: center;}
.md-pull-left {float: left;} .md-pull-right {float: right;}
.desktop-text-left {text-align: left;} .desktop-text-right {text-align: right;} .desktop-text-center {text-align: center;}
.desktop-pull-left {float: left;} .desktop-pull-right {float: right;}
}
@media (min-width: 768px) and (max-width: 991px) {
.sm-text-left {text-align: left;} .sm-text-right {text-align: right;} .sm-text-center {text-align: center;}
.sm-pull-left {float: left;} .sm-pull-right {float: right;}
.desktop-text-left {text-align: left;} .desktop-text-right {text-align: right;} .desktop-text-center {text-align: center;}
.desktop-pull-left {float: left;} .desktop-pull-right {float: right;}
}
@media (min-width: 480px) and (max-width: 767px) {
.xs-text-left {text-align: left;} .xs-text-right {text-align: right;} .xs-text-center {text-align: center;}
.xs-pull-left {float: left;} .xs-pull-right {float: right;}
.mobile-text-left {text-align: left;} .mobile-text-right {text-align: right;} .mobile-text-center {text-align: center;}
.mobile-pull-left {float: left;} .mobile-pull-right {float: right;}
}
@media (max-width: 479px) {
.xxs-text-left {text-align: left;} .xxs-text-right {text-align: right;} .xxs-text-center {text-align: center;}
.xxs-pull-left {float: left;} .xxs-pull-right {float: right;}
.mobile-text-left {text-align: left;} .mobile-text-right {text-align: right;} .mobile-text-center {text-align: center;}
.mobile-pull-left {float: left;} .mobile-pull-right {float: right;}
}
.navbar-toggle {
line-height: 1em;
}
.navbar-toggle label {
padding: 0; margin: 0;
text-transform: uppercase;
color: #08107b;
}
.navbar-inverse .navbar-toggle label {
color: #ffffff;
}
.navbar-toggle label:before {
font-family: 'FontAwesome';
content: '\f0c9';
padding-right: 5px;
}
/* =CSS VARIABLES */
a {color: #464eb6;}
a:hover, a:focus {color: #e49900;outline: none; text-decoration: none;}
/* =HEADER */
.slide-contact-mobile {
position: absolute;
right: 0;
top: 0;
}
.slide-contact-mobile .slide-contact {
font-size: 13px;
font-family: Arial, Tahoma, sans-serif;;
font-weight: 300;
padding: 7px 20px;
/* padding: 7px 20px 6px !for(ie);
*/
padding: 9px 20px 6px ;
/* !for(chrome) */
margin: 0;
text-transform: uppercase;
border-radius: 0;
}
.slide-contact-mobile p {
margin: 0;
}
.slide-contact-mobile .slide-contact i {
display: none;
}
@media (min-width: 768px) {
.slide-contact-mobile {
display: none;
}
}
@media (max-width: 767px) {
.navbar-header {
position: relative;
}
.navbar-header button {
text-align: left;
}
}
@media (min-width: 768px) {
.header-placeholder {
height: 109px;
background-color: #f9f9f9;
transition: all 0.3s;
}
body.header-small .header-placeholder {
height: 69px;
}
}
header.header {
width: 100%;
background-color: #fff;
z-index: 101;
display: flex;
flex-flow: column nowrap;
justify-content: center;
padding: 0;
transition: all 0.3s;
line-height: 1.6em;
}
@media (min-width: 768px) {
header.header {
position: fixed;
left: 0;
top: 0;
height: 109px;
}
}
@media (max-width: 767px) {
header.header {
padding-top: 15px;
padding-bottom: 15px;
}
}
body.header-small header.header {
box-shadow: 0 0 10px rgba(0,0,0,0.2);
}
@media (min-width: 768px) {
body.header-small header.header {
position: fixed;
left: 0;
top: 0;
height: 109px;
height: 69px;
}
}
header.header .container {
width: 1170px;
max-width: 100%;
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
align-items: center;
}
header.header .container::before,
header.header .container::after {
display: none;
}
@media (max-width: 767px) {
header.header .container {
align-items: flex-start;
}
}
@media (max-width: 479px) {
header.header .container {
flex-flow: column nowrap;
align-items: center;
}
}
header.header .container::before,
header.header .container::after {
display: none;
}
header.header::before {
width: 100%;
height: 2px;
background-color: #08107B;
display: block;
content: '';
left: 0;
top: 0;
position: absolute;
}
.header-container-left {
flex: 0 0 auto;
}
.header-container-right {
display: flex;
}
@media (min-width: 768px) {
.header-container-right {
flex-flow: row nowrap;
justify-content: flex-end;
align-items: center;
}
}
@media (min-width: 768px) and (max-width: 1199px) {
.header-container-right {
flex-flow: column-reverse nowrap;
align-items: flex-end;
}
}
@media (max-width: 767px) {
.header-container-right {
flex-flow: column-reverse nowrap;
}
}
@media (max-width: 479px) {
.header-container-left,
.header-container-right {
width: 100%;
}
.header-container-left {
text-align: center;
}
}
.top-extra-container {
display: flex;
flex-flow: row nowrap;
transition: all 0.3s;
/* taskId.16815758; check if neeeded - if not - remove */
position: relative;
z-index: 1000;
}
@media (min-width: 1024px) and (max-width: 1199px) {
.top-extra-container {
margin-bottom: 5px;
}
body.header-small .top-extra-container {
margin-top: 10px;
margin-bottom: 0px;
}
}
@media (min-width: 768px) and (max-width: 1199px) {
.top-extra-container {
flex-flow: row-reverse nowrap;
}
}
@media (max-width: 767px) {
.top-extra-container {
flex-flow: column-reverse nowrap;
align-items: flex-end;
}
}
@media (max-width: 479px) {
.top-extra-container {
margin-top: 10px;
margin-bottom: 10px;
align-items: center;
}
}
.top-tagline {
white-space: nowrap;
}
@media (min-width: 768px) and (max-width: 1199px) {
.top-tagline {
margin-right: 15px;
}
}
@media (max-width: 767px) {
.top-tagline {
margin-right: 15px;
}
}
/* ------------------------------- header icons START ------------------------------- */
.header-icons {
display: flex;
flex-flow: row nowrap;
align-items: center;
line-height: 1.6em;
}
.header-icons a {
text-decoration: none;
cursor: pointer;
}
.header-icons > ul {
list-style-type: none;
padding: 0;
margin: 0;
display: flex;
flex-flow: row nowrap;
align-items: center;
}
.header-icons > ul > li {
padding: 0;
margin: 0;
position: relative;
}
.header-icons > ul > li > a {
}
.header-icons ul ul {
position: absolute;
right: 20px;
top: calc(100% + 10px);
list-style-type: none;
padding: 0;
margin: 0;
background-color: #F5F5F5;
transform: translate(0,-500px);
transition: all 0.3s;
opacity: 0;
z-index: 1000;
}
@media (max-width: 1023px) {
.header-icons ul ul {
right: -22px;
}
}
body.top-account-active .header-icons ul a.top-account ~ ul,
body.top-cart-active .header-icons ul a.top-cart ~ ul,
body.top-aspire-account-active .header-icons ul a.top-aspire-account ~ ul {
transform: translate(0,0);
opacity: 1;
}
.header-icons ul ul li {
padding: 0;
margin: 0;
}
.header-icons ul ul a,
.header-icons ul ul li > span {
white-space: nowrap;
padding: 13px 100px 13px 20px;
border-bottom: 1px solid #e7e7e7;
display: block;
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 15px;
color: #333;
position: relative;
overflow: hidden;
transition: all 0.3s;
}
.header-icons ul ul li:last-child a {
border-bottom: 0 none;
}
.header-icons ul ul a:hover {
color: #e49900;
}
.header-icons ul ul a::after {
content: '';
width: 34px;
height: 25px;
background-image: url(../data/i/icons-sprite.png?ver2020032301);
background-repeat: no-repeat;
margin-left: auto;
position: absolute;
right: 15px;
top: 13px;
}
.header-icons ul ul li > span {
padding-right: 20px;
padding-top: 15px;
background-color: #eaeaea;
border-bottom: 1px solid #e7e7e7;
}
/* taskId.16816053 */
.header-icons .li-my-organization {
display: none;
}
/* body.page-ois .header-icons .li-my-organization, */
/* taskId.16816941 2020/02/18 */
body.page-oscrole-admin .header-icons .li-my-organization {
display: block;
}
/*
profile icon -200
gears - 250
devices - 300
database - 350
tools - 400
lock opened - 450
cart with arrow down - 500
envelope - 550
lock closed - 600
cart - 650
device with lock - 700
add user - 750
*/
.header-icons ul ul a[href*="personal"]::after {background-position: 0 -200px;}
.header-icons ul ul a[href*="personal"]:hover::after {background-position: -50px -200px;}
.header-icons ul ul a[href*="dnm"]::after {background-position: 0 -550px;}
.header-icons ul ul a[href*="dnm"]:hover::after {background-position: -50px -550px;}
.header-icons ul ul a[href*="/shop"]::after {background-position: 0 -650px;}
.header-icons ul ul a[href*="/shop"]:hover::after {background-position: -50px -650px;}
.header-icons ul ul a[href*="marketplace"]::after {background-position: 0 -300px;}
.header-icons ul ul a[href*="marketplace"]:hover::after {background-position: -50px -300px;}
.header-icons ul ul a[href*="appdev.olympus-ism.com"]::after {background-position: 0 -700px;}
.header-icons ul ul a[href*="appdev.olympus-ism.com"]:hover::after {background-position: -50px -700px;}
/* login */
.header-icons ul ul a[href*="/login"]::after {background-position: 0 -600px; height: 20px;}
.header-icons ul ul a[href*="/login"]:hover::after {background-position: -50px -600px; height: 20px;}
.header-icons ul ul li.li-login a::after {background-position: 0 -600px; height: 20px;}
.header-icons ul ul li.li-login a:hover::after {background-position: -50px -600px; height: 20px;}
/* signup */
.header-icons ul ul a[href*="signup"]::after {background-position: 0 -750px;}
.header-icons ul ul a[href*="signup"]:hover::after {background-position: -50px -750px;}
.header-icons ul ul a[href*="create-an-account"]::after {background-position: 0 -750px;}
.header-icons ul ul a[href*="create-an-account"]:hover::after {background-position: -50px -750px;}
.header-icons ul ul li.li-signup a:after {background-position: 0 -750px;}
.header-icons ul ul li.li-signup a:hover::after {background-position: -50px -750px;}
/* logout */
.header-icons ul ul a[href*="logout"]::after {background-position: 0 -450px; height: 20px;}
.header-icons ul ul a[href*="logout"]:hover::after {background-position: -50px -450px; height: 20px;}
.header-icons ul ul li.li-logout a::after {background-position: 0 -450px; height: 20px;}
.header-icons ul ul li.li-logout a:hover::after {background-position: -50px -450px; height: 20px;}
/* my apps */
.header-icons ul ul a[href*="/myapps"]::after {background-position: 0 -700px;}
.header-icons ul ul a[href*="/myapps"]:hover::after {background-position: -50px -700px;}
/* my devices */
.header-icons ul ul a[href*="/mydevices"]::after {background-position: 0 -300px;}
.header-icons ul ul a[href*="/mydevices"]:hover::after {background-position: -50px -300px;}
/* my marketplace */
.header-icons ul ul a[href*="/marketplace"]::after {background-position: 0 -650px;}
.header-icons ul ul a[href*="/marketplace"]:hover::after {background-position: -50px -650px;}
/* my account */
.header-icons ul ul a[href*="app.olympus-ims-dev.com/myaccount/"]::after {background-position: 0 -200px;}
.header-icons ul ul a[href*="app.olympus-ims-dev.com/myaccount/"]:hover::after {background-position: -50px -200px;}
/* my organization */
.header-icons ul ul a[href*="app.olympus-ims-dev.com/myaccount/accountmanagement"]::after {background-position: 0 -250px;}
.header-icons ul ul a[href*="app.olympus-ims-dev.com/myaccount/accountmanagement"]:hover::after {background-position: -50px -250px;}
.header-icons ul ul li.li-my-organization a::after {background-position: 0 -250px;}
.header-icons ul ul li.li-my-organization a:hover::after {background-position: -50px -250px;}
/* my data */
.header-icons ul ul a[href*="my-drive"]::after {background-position: 0 -900px;}
.header-icons ul ul a[href*="my-drive"]:hover::after {background-position: -50px -900px;}
/* olympus scientific cloud */
.header-icons ul ul .li-scientific-cloud a[href*="/marketplace"]::after {background-position: -100px -850px;}
.header-icons ul ul .li-scientific-cloud a[href*="/marketplace"]:hover::after {background-position: -50px -850px;}
/* osc login */
.header-icons ul ul .li-osc-login a::after {background-position: -250px -850px;}
.header-icons ul ul .li-osc-login a:hover::after {background-position: -200px -850px;}
.top-search-trigger,
.top-cart,
.top-account,
.top-global,
.top-aspire-account {
}
@media (max-width: 1199px) {
.header-icons > ul > li:last-child > a {
margin-right: 0;
}
}
.top-search-trigger,
.top-cart,
.top-account,
.top-global,
.top-aspire-account {
content: '';
width: 20px;
height: 20px;
display: inline-block;
background-image: url(../data/i/icons-sprite.png?ver2020032301);
background-repeat: no-repeat;
margin-right: 20px;
}
@media (min-width: 1024px) and (max-width: 1199px) {
.top-aspire-account {
margin-right: 0;
}
}
@media (max-width: 1023px) {
.top-search-trigger,
.top-cart,
.top-account,
.top-global,
.top-aspire-account {
margin-right: 15px;
}
}
.top-aspire-account {
background-position: 0 -100px;
}
.top-aspire-account:hover {
background-position: -50px -100px;
}
body.top-aspire-account-active .top-aspire-account {
background-position: -200px -100px;
}
.top-cart:hover {
background-position: -50px 0;
}
.top-search-trigger {
background-position: 0 -50px;
height: 16px;
transform: translate(0px,1px) ;
/* !for(webkit ie) */
}
.top-search-trigger:hover {
background-position: -50px -50px;
}
.search-active .top-search-trigger {
background-position: -200px -50px;
}
.top-account {
background-position: 0 -100px;
background-position: 0 -850px;
width: 26px;
height: 19px;
}
.top-account:hover {
background-position: -50px -100px;
background-position: -50px -850px;
}
body.top-account-active .top-account {
background-position: -50px -850px;
}
.top-global {
background-position: 0 -150px;
}
.top-search-trigger span,
.top-cart span,
.top-account span,
.top-global span,
.top-aspire-account span {
display: none;
}
/* taskId.16816053 */
.top-aspire-account[data-login-name] {
background-image: none;
width: 35px;
height: 35px;
}
.top-aspire-account[data-login-name]::before {
content: attr(data-login-name);
width: 35px;
height: 35px;
border-radius: 50%;
background-color: #e49900;
color: #fff;
display: flex;
flex-flow: row nowrap;
justify-content: center;
align-items: center;
font-size: 15px;
font-family: 'Roboto', Arial, Helvetica, sans-serif;
margin-top: -3px;
}
/* ------------------------------- header icons END ------------------------------- */
@media (min-width: 1200px) {
.top-lang {
/* taskId.16815758 */
transform: translate(0,-1px);
}
}
@media (min-width: 768px) and (max-width: 1199px) {
/* taskId.16815758 */
.top-lang {
transform: translate(0, 0px);
}
}
@media (max-width: 767px) {
.top-lang {
/* taskId.16815758 */
transform: translate(0,-1px);
}
}
.top-lang {
/* taskId.16815758 */
/* transform: translate(0,-2px) !for(firefox);
*/
}
@media (min-width: 768px) and (max-width: 1199px) {
.top-lang {
/* transform: translate(0,-1px) !for(edge ie);
*/
}
}
@media (max-width: 767px) {
.top-lang {
/* transform: translate(0,-2px) !for(ie);
*/
}
}
.top-lang {
position: relative;
z-index: 1000;
}
.top-lang .btn,
.top-lang .btn:hover,
.top-lang .btn:focus {
padding: 0;
margin: 0;
border-radius: 0;
background-color: transparent;
box-shadow: none;
font-size: 11px;
font-weight: bold;
outline: none;
line-height: 1.6em;
border: 0 none;
float: none;
text-transform: uppercase;
box-shadow: none;
outline: none;
/* taskId.16815758 */
border: 0 none;
}
.top-lang .btn .caret {
margin-left: 5px;
/* taskId.16815758 */
transform: translate(0,-1px);
}
@media (max-width: 1199px) {
.top-lang .btn .caret {
/* taskId.16815758 */
transform: translate(0,-2px);
}
}
@media (max-width: 767px) {
.top-lang .btn .caret {
/* taskId.16815758 */
transform: translate(0,-1px);
}
}
@media (min-width: 768px) and (max-width: 1199px) {
.top-lang .btn .caret {
/* transform: translate(0,-1px) !for(firefox);
*/
}
}
.top-lang .btn-group.open .dropdown-toggle {
box-shadow: none;
}
/* taskId.16816899 2020/01/22 remove Hungarian */
#chooseLangTop_huHU {display: none !important;}
@media (min-width: 1200px) {
.top-search {
position: fixed;
top: 35px;
height: 40px;
display: flex;
flex-flow: row nowrap;
justify-content: center;
background-color: white;
z-index: 101;
transition: all 0.3s;
overflow: hidden;
opacity: 0;
width: 0;
left: calc(((100% - 1140px) / 2) + 1140px - 280px);
}
body.header-small .top-search {
top: 15px;
}
body.search-active .top-search {
opacity: 1;
width: calc(1140px - 300px - 280px);
/* taskId.16815515 */
width: 630px;
/* width: 600px !for(ie);
*/
left: calc(((100% - 1140px) / 2) + 300px);
}
.top-search-overlay {
background-color: rgba(0,0,0,0.3);
position: fixed;
height: calc(100vh - 109px);
left: 0;
top: 109px;
width: 100%;
transition: all 0.3s;
}
body.header-small .top-search-overlay {
height: calc(100vh - 69px);
top: 69px;
}
body:not(.search-active) .top-search-overlay {
opacity: 0;
pointer-events: none;
}
.top-search form {
display: flex;
flex-flow: row nowrap;
align-items: baseline;
flex: 1 1 auto;
}
.top-search input[type="text"] {
flex: 1 1 auto;
border-radius: 0;
border: 0 none;
background-color: #f5f5f5;
height: 100%;
padding: 10px 15px;
line-height: 1.6em;
}
.top-search input[type="text"]:hover,
.top-search input[type="text"]:focus {
box-shadow: none;
outline: none;
}
.top-search button,
.top-search button:hover,
.top-search button:focus {
flex: 0 0 auto;
font-family: 'FontAwesome';
border: 0 none;
border-radius: 0;
background-image: none;
text-shadow: none;
background-color: #e49900;
font-weight: normal;
height: 100%;
padding: 10px 15px;
line-height: 1.6em;
}
.top-search-close {
display: inline-block;
margin: 0 30px;
align-self: center;
color: #000;
}
.top-search-close:hover {
color: #666;
}
}
@media (max-width: 1199px) {
.top-search-close {
display: none;
}
.top-search {
background-color: rgba(0,0,0,0.5);
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
opacity: 0;
transform: scale(0);
transition: opacity 0.3s linear;
display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
z-index: 1000;
}
.top-search-overlay {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 0;
}
.top-search-overlay::after {
content: '\f00d';
font-family: 'FontAwesome';
position: absolute;
right: 30px;
top: 30px;
background-color: transparent;
border: 0 none;
color: #fff;
font-size: 40px;
cursor: pointer;
text-shadow: none;
}
.top-search .container,
.top-search #ecsSearchContainer1 {
z-index: 1;
position: relative;
width: auto;
max-width: none;
}
.top-search .container::before, .top-search .container::after {
display: none;
}
.search-active .top-search {
opacity: 1;
transform: scale(1);
}
.top-search form {
width: 600px;
max-width: calc(100% - 30px);
top: 0px;
margin-top: -500px;
display: flex;
flex-flow: row nowrap;
transition: all 0.3s linear;
position: relative;
z-index: 27;
}
.search-active .top-search form {
margin-top: 0px;
}
.top-search input[type="text"] {
background-color: #fff;
border: 1px solid #fff;
font-size: 24px;
height: auto;
padding: 10px 20px;
color: #333333;
font-weight: 300;
width: 100%;
line-height: 1.8em;
border-radius: 0;
}
.top-search input[type="text"]:focus {
box-shadow: none;
}
.top-search form button {
font-family: 'FontAwesome';
color: #333;
border: 0 none;
background-color: #E49900;
color: #fff;
padding: 10px 25px;
font-size: 24px;
transition: all 0.2s linear;
text-shadow: none;
border-radius: 0;
}
.top-search input[type="text"]:focus + button {
background-color: #E49900;
color: #fff;
}
.top-search ::-webkit-input-placeholder {
color: #999;
opacity: 1;
}
.top-search ::-moz-placeholder {
color: #999;
opacity: 1;
}
.top-search :-ms-input-placeholder {
color: #999;
opacity: 1;
}
.top-search :-moz-placeholder {
color: #999;
opacity: 1;
}
}
.local-container {
font-size: 11px;
font-weight: bold;
color: #000;
line-height: 1.6em;
}
@media (min-width: 768px) and (max-width: 1199px) {
.local-container {
display: flex;
flex-flow: row-reverse nowrap;
align-items: center;
margin-right: 15px;
}
}
@media (max-width: 767px) {
.local-container {
display: flex;
flex-flow: row-reverse nowrap;
margin-bottom: 10px;
}
}
.language-selector {
display: flex;
flex-flow: row nowrap;
}
.language-selector .dropdown-menu {
border-radius: 0;
border: 1px solid #e7e7e7;
left: auto;
right: 0;
width: 200px;
}
.language-selector .dropdown-menu a {
padding: 5px 10px;
font-size: 12px;
}
.top-country {
}
.top-country:empty {
display: none;
}
.top-country::after {
content: '|';
margin-left: 10px;
margin-right: 10px;
/* taskId.16815758 */
transform: translate(0,-1px);
display: inline-block;
}
/* =CONTENT */
.caption-image {
background-color: #E2E2E2;
}
.caption-image .container {
padding: 0;
}
.caption-image img {
max-width: 100%;
height: auto;
}
.body-page-title {
background-color: #f3f3f3;
border-top: 1px solid #cecece;
border-bottom: 1px solid #cecece;
color: #111;
}
body.product .body-page-title {
border: 0 none;
position: relative;
z-index: 2;
}
@media (max-width: 767px) {
.body-page-title {
margin-left: 15px;
margin-right: 15px;
}
/* taskId.16815320 2019/03/26 */
body.category-page .body-page-title {
margin-bottom: 15px;
}
}
@media (max-width: 479px) {
body.product .body-page-title {
border-top: 1px solid #cecece;
}
}
/*.caption-image + .body-page-title {
background-color: transparent;
position: relative;
}
.caption-image + .body-page-title h1 {
position: absolute;
bottom: 15px;
color: #333;
margin: 0; padding: 0;
}*/
/* breadcrumb */
.breadcrumb {
background-color: transparent;
padding: 0; margin: 0;
font-size: 12px;
margin: 15px 0px 15px;
}
.breadcrumb a,
.breadcrumb a:hover,
.breadcrumb a:focus {
color: #e49900;
text-decoration: none;
-ms-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.breadcrumb a:hover {
color: #444;
}
.breadcrumb > .active {
color: #999999;
}
.breadcrumb > li::before {
content: '';
display: none;
}
.breadcrumb > li::after {
content: '|';
/* content: '' !for(ie8);
*/
color: #aaa;
padding: 0 8px;
}
.breadcrumb > li:last-child::after {
content: '';
display: none;
}
.breadcrumb > li + li {
/* background-image: url(../data/i/ie8-breadcrumb-sep.png) !for(ie8);
*/
/* background-repeat: no-repeat !for(ie8);
*/
/* background-position: 5px 7px !for(ie8);
*/
/* padding-left: 7px !for(ie8);
*/
}
.content {
padding-bottom: 20px;
}
.sideBar h3 {
margin-top: 0px;
}
.sideBar ul {
list-style-type: none; padding: 0; margin: 0;
}
.sideBar a {
padding: 10px 15px;
display: block;
color: #777777;
}
.sideBar a:hover {
text-decoration: none;
background-color: #EEEEEE;
}
.sideBar ul.nav {
border-top: 1px solid #e5e5e5;
border-radius: 5px;
margin-bottom: 15px;
}
.sideBar ul.nav > li {
border-bottom: 1px solid #e5e5e5;
border-left: 1px solid #e5e5e5;
border-right: 1px solid #e5e5e5;
}
.sideBar ul.nav > li:first-child {
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
border-top-left-radius: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
border-top-right-radius: 5px;
}
.sideBar ul.nav > li:last-child {
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
border-bottom-right-radius: 5px;
-moz-border-radius-bottomleft: 5px;
-webkit-border-bottom-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.sideBar ul ul a {
padding-left: 30px;
}
.sideBar ul ul ul a {
padding-left: 50px;
}
.sideBar ul ul ul ul a {
padding-left: 70px;
}
.sideBar li.currentPageLi > a,
.sideBar li.currentPageLi > a:hover {
color: #464eb6;
}
/* =FORMS */
.formRequired {color: #B94A48;}
.error input[type="text"],
.error input[type="password"],
.error input[type="email"],
.error select,
.error textarea {
border-color: #B94A48;
color: #B94A48;
}
.error .help-inline {
color: #B94A48;
}
.formRequired {
color: #B94A48;
padding-left: 3px;
}
.form-inline input[type="text"],
.form-inline input[type="password"],
.form-inline input[type="email"],
.form-inline select {
width: 180px;
}
/* =SIDE NAVIGATION */
/* the second level of side navigation (by default, support doesn't support it's styling) */
ul.nav-stacked ul {list-style-type: none; padding: 0; margin: 0;}
ul.nav-stacked ul li a {
display: block;
padding-top: 8px;
padding-bottom: 8px;
padding-left: 30px;
padding-right: 12px;
border-bottom: 1px solid #ddd;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
}
ul.nav-stacked ul ul li a {
padding-left: 48px;
}
ul.nav-stacked ul ul ul li a {
padding-left: 66px;
}
/* =SOCIAL ICONS */
/* https://github.com/FortAwesome/Font-Awesome/blob/master/css/font-awesome.css */
/* http://fortawesome.github.com/Font-Awesome/ */
.social {
font-size: 20px;
text-shadow: 1px 1px 1px #fff;
}
.social a {
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.social a:before {
font-family: 'FontAwesome';
padding-right: 5px;
}
.social a:hover,
.social a:focus {
text-decoration: none;
font-size: 30px ;
/* !for(webkit firefox opera) */
outline: none;
color: #464eb6;
}
.social a span {display: none;}
.social a.twitter:before {content: '\f081';}
.social a.facebook:before {content: '\f082';}
.social a.pinterest:before {content: '\f0d3';}
.social a.gplus:before {content: '\f0d4';}
.social a.linkedin:before {content: '\f08c';}
.social a.skype:before {content: '\f17e';}
.social a.tumblr:before {content: '\f174';}
.social a.instagram:before {content: '\f16d';}
.social a.youtube:before {content: '\f166';}
.social a.flickr:before {content: '\f16e';}
.social a.newsletter:before {content: '\f15c';}
.social a.mail:before {content: '\f0e0';}
.social a.mail2:before {content: '\f003';}
.social a.rss:before {content: '\f143';}
.social a.twitter:hover, .social a.twitter:focus {color: #41C8F5;}
.social a.facebook:hover, .social a.facebook:focus {color: #456CAF;}
.social a.pinterest:hover, .social a.pinterest:focus {color: #D73532;}
.social a.gplus:hover, .social a.gplus:focus {color: #BB3627;}
.social a.linkedin:hover, .social a.linkedin:focus {color: #1D6DA2;}
.social a.skype:hover, .social a.skype:focus {color: #00C0ED;}
.social a.tumblr:hover, .social a.tumblr:focus {color: #2C4661;}
.social a.instagram:hover, .social a.instagram:focus {color: #6D5346;}
.social a.youtube:hover, .social a.youtube:focus {color: #E03C3B;}
.social a.flickr:hover, .social a.flickr:focus {color: #FF0084;}
.social a.rss:hover, .social a.rss:focus {color: #FE9900;}
/* =SITEMAP */
ul.sitemap, ul.sitemap ul {list-style-type: none; padding: 0; margin: 0; margin-left: 25px;}
ul.sitemap li {margin-top: 5px; margin-bottom: 5px;}
ul.sitemap li:before {
content: "\f07c";
font-family: 'FontAwesome';
padding-right: 5px;
color: #464eb6;
}
ul.sitemap li.leafNode:before {content: '\f0f6'}
/* =LIST OF CATEGORIES */
ul.categories-list {
list-style-type: none; margin: 0; padding: 0;
}
ul.categories-list li {
position: relative;
padding: 5px 0px; margin: 0;
padding-left: 25px;
}
ul.categories-list li:before {
font-family: 'FontAwesome';
content: '\f115';
font-size: 15px;
position: absolute;
left: 0px;
}
ul.categories-list a {
font-size: 16px;
display: block;
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-weight: 300;
}
html[lang="ja-JP"] ul.categories-list a {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Osaka", "Arial", "Helvetica", Sans-serif;
}
.phoneLink:before {
content: "\f095";
font-family: 'FontAwesome';
padding-right: 5px;
}
/* hide right sidebar, when checkbox in custom-settings is checked */
body.hideSidebar .col-aside {display: none;}
body.hideSidebar .col-content {width: 100%;}
/* /all-events/, /solutions/ */
/* taskId.16811609 after social box was removed, this positioning started to cause issues */
/*@media (min-width: 768px) {body.hideSidebar .breadcrumb {position: absolute; top: -45px;} }
@media (max-width: 767px) {body.hideSidebar .breadcrumb {margin-bottom: 10px;} }*/
/* taskId.16802831 prevent big images break layout (make all the images on aside to be responsive */
.col-aside img {max-width: 100% !important; height: auto !important;}
/*@hack downloads popup*/
html body.hideSidebar .col-content,
html.iframe .col-content /* download popups */
{
width: 100%;
}
@media (min-width: 1200px) {
.col-content {width: 80%;}
.col-aside {width: 20%;}
}
@media (max-width: 1199px) {
.col-content {width: 78%;}
.col-aside {width: 22%;}
}
@media (max-width: 991px) {
.col-content {width: 72%;}
.col-aside {width: 28%;}
}
@media (min-width: 768px) {
.col-content {
width: -webkit-calc(100% - 238px) ;
/* !for(-ie8) */
width: -moz-calc(100% - 238px) ;
/* !for(-ie8) */
width: calc(100% - 238px) ;
/* !for(-ie8) */
}
.col-aside {
width: 238px ;
/* !for(-ie8) */
}
}
@media (max-width: 767px) {
.col-content, .col-aside {width: 100%; float: none;}
/* taskId.16815241 2019/03/22 changes in layout */
.col-content {
display: flex;
flex-flow: column nowrap;
}
.col-content > * {
order: 1;
}
.col-content > ul.breadcrumb {
order: 2;
margin-bottom: 0;
}
#side-boxes.side-boxes > * {
width: 100%;
}
}
@media (max-width: 479px) {
}
.container .col-aside {
/* float: left !for(ie8);
*/
/* width: 235px !for(ie8);
*/
}
.container .col-content {
/* float: left !for(ie8);
*/
/* width: 790px !for(ie8);
*/
}
@media (min-width: 768px) {
.container .col-aside {
/* float: left !for(ie9);
*/
/* width: 235px !for(ie9);
*/
}
.container .col-content {
/* float: left !for(ie9);
*/
/* width: -webkit-calc(100% - 235px) !for(ie9);
*/
/* width: -moz-calc(100% - 235px) !for(ie9);
*/
/* width: calc(100% - 235px) !for(ie9);
*/
}
}
@media (max-width: 767px) {
.container .col-content {
/* taskId.16815241 2019/03/28 changes in layout /epoch650/ */
padding-bottom: 0;
}
}
/* =CONTENT TABLE */
.content-table img {
width: 100%;
height: auto;
}
.content-table p {
margin: 0;
}
.content-table small {
color: #444;
font-size: 10px;
text-transform: uppercase;
margin-top: 10px;
display: block;
}
.content-table > .row {
position: relative;
}
.content-table > .row > div {
margin-bottom: 30px;
}
@media (min-width: 992px) {
.content-table > .row > div {
margin-bottom: 30px;
margin-top: 30px;
position: static;
}
#small-blocks.content-table > .row > div {
/* fixHeight applied in other resolutions */
height: auto !important;
}
body .content-table a.more {
position: absolute;
bottom: 0px;
}
}
@media (max-width: 991px) {
.content-table > .row > .col-sm-6,
.content-table > .row > .col-sm-3 {
width: 50%;
float: left;
}
}
@media (max-width: 399px) {
.content-table > .row > div.col-sm-6,
.content-table > .row > div.col-sm-3 {
width: 100%;
float: none;
}
#small-blocks.content-table > .row > div {
/* fixHeight applied in other resolutions */
height: auto !important;
}
}
/* =FOOTER */
/* html5 tags footer, header etc. are not supported by IE8 */
footer,
.footer {
background-color: #3F3F3F;
padding-top: 40px;
padding-bottom: 40px;
position: relative;
line-height: 1.4em;
}
.footer-shadow {
width: 100%;
height: 10px;
position: absolute;
left: 0px;
top: 0px;
background: rgb(30,30,30);
background: -moz-linear-gradient(top, rgba(30,30,30,1) 0%, rgba(63,63,63,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,30,30,1)), color-stop(100%,rgba(63,63,63,1)));
background: -webkit-linear-gradient(top, rgba(30,30,30,1) 0%,rgba(63,63,63,1) 100%);
background: -o-linear-gradient(top, rgba(30,30,30,1) 0%,rgba(63,63,63,1) 100%);
background: -ms-linear-gradient(top, rgba(30,30,30,1) 0%,rgba(63,63,63,1) 100%);
background: linear-gradient(to bottom, rgba(30,30,30,1) 0%,rgba(63,63,63,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e1e1e', endColorstr='#3f3f3f',GradientType=0 );
}
.footer-sitemap {
clear: both;
overflow: hidden;
}
.footerSitemap {
padding: 0;
margin: 0;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.footerSitemap > ul {
padding: 0; margin: 0;
width: -webkit-calc(25% - 30px);
width: -moz-calc(25% - 30px);
width: calc(25% - 30px);
/* margin-right: 30px !for(ie9 ie8);
*/
}
.footerSitemap::before,
.footerSitemap::after {
display: none ;
/* !for(-ie9 -ie8) */
}
@media (max-width: 979px) {
.footerSitemap > ul {
width: -webkit-calc(25% - 10px);
width: -moz-calc(25% - 10px);
width: calc(25% - 10px);
/* margin-right: 10px !for(ie9 ie8);
*/
}
}
@media (max-width: 767px) {
.footerSitemap {
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.footerSitemap > ul {
margin-bottom: 30px;
width: -webkit-calc(50% - 30px);
width: -moz-calc(50% - 30px);
width: calc(50% - 30px);
/* margin-right: 30px !for(ie9 ie8);
*/
}
}
@media (max-width: 479px) {
.footerSitemap > ul {
width: -webkit-calc(50% - 10px);
width: -moz-calc(50% - 10px);
width: calc(50% - 10px);
/* margin-right: 10px !for(ie9 ie8);
*/
}
}
ul.footer-sitemap-block {
list-style-type: none; margin-left: 0px;
}
ul.footer-sitemap-block ul {
padding: 0; margin: 0; list-style-type: none;
}
ul.footer-sitemap-block li {
padding: 0; margin: 0;
}
ul.footer-sitemap-block a {
color: #fff;
}
ul.footer-sitemap-block a:hover {
color: #fff;
text-decoration: underline;
}
ul.footer-sitemap-block > li {
margin-bottom: 20px;
}
ul.footer-sitemap-block > li:last-child {
margin-bottom: 0px;
}
ul.footer-sitemap-block > li > a {
font-size: 14px;
x-font-family: 'HelveticaNeueLTPro-Bd', Arial, Helvetica, sans-serif;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
display: block;
border-bottom: 1px dotted #fff;
padding-bottom: 12px;
margin-bottom: 12px;
color: #fff;
}
html[lang="ja-JP"] ul.footer-sitemap-block > li > a {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Osaka", "Arial", "Helvetica", Sans-serif;
}
ul.footer-sitemap-block > li > a:hover {
color: #fff;
text-decoration: none;
}
/* custom report compliance button */
ul.footer-sitemap-block .pageId13838 a {
width: 148px;
height: 93px;
display: block;
color: transparent;
background-image: url(../data/i/compliancechip.png);
background-repeat: no-repeat;
margin-top: 10px;
}
/* taskId.16815119 2019/03/19 AM - changing logic */
/* collapsible footer sitemap */
/*@media (max-width: 767px) {
ul.footer-sitemap-block > li {
margin: 0;
border-top: 1px dotted #fff;
}
ul.footer-sitemap-block > li > a {
border: 0 none;
margin: 0;
padding-top: 10px;
padding-bottom: 10px;
}
ul.footer-sitemap-block:first-child > li:first-child {
border-top: 0 none;
}
.footerSitemap > ul.footer-sitemap-block {
width: 100%;
margin: 0;
}
ul.footer-sitemap-block ul {
display: none;
padding-bottom: 10px;
}
ul.footer-sitemap-block ul a {
padding-top: 5px;
padding-bottom: 5px;
display: block;
font-size: 13px;
}
ul.footer-sitemap-block li.expanded ul {
display: block;
}
ul.footer-sitemap-block > li > a {
display: block;
position: relative;
}
ul.footer-sitemap-block > li > a::after {
content: '\f105';
font-family: 'FontAwesome';
position: absolute;
right: 0px;
transition: all 0.3s;
font-weight: normal;
font-size: 20px;
}
ul.footer-sitemap-block li.expanded > a::after {
transform: rotate(90deg);
}
}*/
/* taskId.16815119 2019/03/19 AM - changing logic */
@media (min-width: 768px) {
ul.footer-sitemap-block ul ul {
display: none;
}
ul.footer-sitemap-block .mobile-caret {
display: none;
}
}
@media (max-width: 767px) {
ul.footer-sitemap-block > li > ul {
margin-bottom: 10px;
margin-top: -5px;
}
ul.footer-sitemap-block a,
ul.footer-sitemap-block a:hover,
ul.footer-sitemap-block a:focus {
color: #fff;
display: block;
}
ul.footer-sitemap-block ul a {
padding-top: 3px;
padding-bottom: 3px;
line-height: 1.6em;
}
ul.footer-sitemap-block ul ul a,
ul.footer-sitemap-block ul ul a:hover,
ul.footer-sitemap-block ul ul a:focus {
color: #aaa;
}
ul.footer-sitemap-block ul a {
padding-left: 20px;
}
ul.footer-sitemap-block ul ul a {
padding-left: 40px;
}
ul.footer-sitemap-block ul ul ul a {
padding-left: 60px;
}
ul.footer-sitemap-block > li {
margin: 0;
border-top: 1px dotted #fff;
}
ul.footer-sitemap-block > li > a {
border: 0 none;
margin: 0;
padding-top: 10px;
padding-bottom: 10px;
}
ul.footer-sitemap-block:first-child > li:first-child {
border-top: 0 none;
}
.footerSitemap > ul.footer-sitemap-block {
width: 100%;
margin: 0;
}
ul.footer-sitemap-block ul {
display: none;
}
ul.footer-sitemap-block li.open-menu > ul {
display: block;
}
ul.footer-sitemap-block a:hover {
text-decoration: none;
}
ul.footer-sitemap-block a.has-children {
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
align-items: center;
}
ul.footer-sitemap-block .mobile-caret {
width: 30px;
height: 30px;
background-color: #373737;
flex: 0 0 auto;
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: center;
font-size: 21px;
padding-left: 1px ;
/* !for(webkit) */
padding-bottom: 1px ;
/* !for(webkit) */
}
ul.footer-sitemap-block li.open-menu > a .mobile-caret {
background-color: #232323;
}
ul.footer-sitemap-block .mobile-caret i {
transition: all 0.3s;
color: #fff;
padding-top: 1px ;
/* !for(webkit) */
}
ul.footer-sitemap-block li.open-menu > a .mobile-caret i {
transform: rotate(90deg);
}
ul.footer-sitemap-block .link-text {
white-space: normal;
padding-right: 15px;
}
ul.footer-sitemap-block li.open-menu > ul {
display: block;
}
}
.copyright {
background-color: #363636;
padding-top: 20px;
padding-bottom: 40px;
color: #777777;
}
.copyright a {
color: #777777;
}
.copyright a:hover {
color: #c9c9c9;
}
.copyright a.global-link {
position: relative;
padding-left: 25px;
display: inline-block;
}
.copyright a.global-link::before {
content: '';
width: 19px;
height: 19px;
display: inline-block;
background-image: url(../data/i/icons-sprite.png?ver2020032301);
background-repeat: no-repeat;
background-position: 0px -150px;
position: absolute;
left: 0;
top: 0;
}
ul.footer-nav {
padding: 0; margin: 0; list-style-type: none;
display: inline-block;
margin-left: 15px;
}
ul.footer-nav li {
padding: 0; margin: 0;
margin-right: 15px;
display: inline-block;
}
.footer-social {
font-family: 'FontAwesome';
}
.footer-social a, .footer-social a:hover, .footer-social a:focus {
color: #777;
font-size: 24px;
margin-right: 5px;
text-decoration: none;
-mos-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.footer-social a:hover {
color: #e2e2e2;
text-shadow: 1px 1px 1px #111;
font-size: 25px;
}
.footer-social a:focus {
color: #fff;
text-shadow: none;
}
.footer-social p {
margin: 0;
}
.footer-row {
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
align-items: center;
}
.footer-banners a {
display: inline-block;
}
.footer-banners a + a {
margin-left: 15px;
}
@media (max-width: 1023px) {
.footer-row {
flex-flow: column nowrap;
justify-content: flex-start;
align-items: flex-start;
}
.footer-col {
width: 100%;
}
.footer-banners {
margin-top: 15px;
width: 100%;
}
}
@media (max-width: 767px) {
.footer-banners {
text-align: center;
}
}
@media (max-width: 479px) {
.footer-banners a,
.footer-banners a + a {
margin: 0 5px 10px 5px;
}
}
.nav-tabs {
margin-bottom: 15px;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {background-color: #464eb6; border-color: #464eb6;}
.ajax-loader {
background-color: rgba(255,255,255, 0.5);
background-image: url(../data/i/ajax-loader.gif);
background-position: center center;
background-repeat: no-repeat;
display: none;
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 99999;
}
.ajax-loader.loading {
display: block;
}
.ajax-loader.stop-loading {
display: none;
}
/* sometimes need for forbid loading after "loading" class is added */
.ajax-loader.forbid-loading {
display: none;
}
.cmsTabBlock .loading {
color: #444444;
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-weight: 300;
font-size: 26px;
text-align: center;
background-image: url(../data/i/ajax-loader.gif);
background-position: center top;
background-repeat: no-repeat;
padding-top: 50px;
margin-top: 50px;
}
html[lang="ja-JP"] .cmsTabBlock .loading {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Osaka", "Arial", "Helvetica", Sans-serif;
}
.cmsTabBlock .loading b {
font-weight: normal;
padding-left: 15px;
}
.cmsTabBlock .cmsPanelTitle {
/* display: none !for(ie8);
*/
}
/* accordion OLD */
/*.accord > div > div {
display: none;
padding-left: 35px;
clear: both;
overflow: hidden;
}
.accord h3 {
cursor: pointer;
border-top: 1px solid #c7c7c7;
padding: 0px;
margin: 0;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 35px;
font-size: 18px;
position: relative;
}
.accord h3:hover {
background-color: #F0F0F0;
}
.accord h3.accord-active:hover {
background-color: #fff;
}
.accord h3:first-child {
border-top: 1px solid #fff;
}
.accord h3:before {
font-family: 'FontAwesome';
content: '\f105';
padding-right: 5px;
position: absolute;
left: 15px;
top: 10px;
}
.accord h3.accord-active:before {
content: '\f107';
}*/
/* =NEW COMPLEX SLICER */
.accord h3,
.accord h4 {
clear: both;
overflow: hidden;
}
.subaccord > div {
display: none;
padding-left: 35px;
clear: both;
overflow: hidden;
}
.subaccord h3,
.subaccord h4 {
cursor: pointer;
border-top: 1px solid #c7c7c7;
padding: 0px;
margin: 0;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 35px;
font-size: 18px;
position: relative;
clear: both;
overflow: hidden;
}
.subaccord h4 {
border-top: 0 none;
font-size: 16px;
}
.subaccord h3:hover,
.subaccord h3:hover {
background-color: #F0F0F0;
}
.subaccord h3.accord-active:hover,
.subaccord h4.accord-active:hover {
background-color: #fff;
}
.subaccord h3:first-child {
border-top: 1px solid #fff;
}
.subaccord h3:before,
.subaccord h4:before {
font-family: 'FontAwesome';
content: '\f105';
padding-right: 5px;
position: absolute;
left: 15px;
top: 10px;
}
.subaccord h3.accord-active:before,
.subaccord h4.accord-active:before {
content: '\f107';
}
/* ipop customization */
div.iPopBlock {z-index: 4004;}
div.iPopBlock .iPopCloseBtn {
background-image: none;
width: 20px;
height: 20px;
color: #ccc;
font-size: 20px;
-ms-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
div.iPopBlock .iPopCloseBtn:hover {
color: #efefef;
font-size: 24px;
}
div.iPopBlock .iPopCloseBtn:before {
content: '\f00d';
font-family: 'FontAwesome';
}
div.iPopBlock.styled .iPopBox {
background-color: #fff;
}
div.iPopBlock .iPopBox h1:first-child,
div.iPopBlock .iPopBox h2:first-child,
div.iPopBlock .iPopBox h3:first-child,
div.iPopBlock .iPopBox h4:first-child,
div.iPopBlock .iPopBox h5:first-child,
div.iPopBlock .iPopBox h6:first-child {
margin-top: 10px;
padding-top: 0px;
}
html[lang="ja-JP"] .ui-widget {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Osaka", "Arial", "Helvetica", Sans-serif;
}
/* custom geo content */
.geo-warning-custom:not(:empty) ~ .geo-warning-active {display: none;}
.col-content .geo-warning-active,
.geo-warning-section,
.geo-warning-message {
background-image: url(../data/i/geo.png);
background-position: center top;
background-repeat: no-repeat;
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-weight: 300;
font-size: 36px;
line-height: 1.3em;
color: #444444;
text-align: center;
min-height: 300px;
padding-top: 50px;
}
html[lang="ja-JP"] .col-content .geo-warning-active,
html[lang="ja-JP"] .geo-warning-section {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Osaka", "Arial", "Helvetica", Sans-serif;
}
.col-content .geo-warning-active::before,
.geo-warning-section::before,
.geo-warning-message::before {
display: block;
font-family: 'FontAwesome';
content: '\f071';
color: #e49900;
font-size: 43px;
margin-bottom: 15px;
}
.col-content .geo-warning-active .popup-form {
text-align: left;
}
.products-geo-warning {
background-image: none;
min-height: 150px;
font-size: 24px;
}
@media (max-width: 767px) {.col-content .geo-warning-active, .geo-warning-section {font-size: 24px;}}
.error {
color: #b94a48;
}
.geo-warning-active .xform {font-family: Arial, Tahoma, sans-serif;; font-size: 13px; line-height: 1.6em;}
.geo-warning-active .popup-form {margin-left: auto; margin-right: auto;}
.geo-warning-active .popup-form h2 {display: none;}
.geo-warning-active h4, .geo-warning-active .h4 {margin-top: 40px;}
.geo-warning-active .newsletters-group {text-align: left;}
/* SIMPLE TABLE FORM */
.simple-form-table th,
.simple-form-table td {
padding: 5px;
}
.simple-form-table th {
font-weight: normal;
}
.simple-form-table input[type="text"],
.simple-form-table input[type="password"],
.simple-form-table input[type="email"],
.simple-form-table select,
.simple-form-table textarea {
border: 1px solid #c7c7c7;
border-radius: 3px;
padding: 5px;
width: 180px;
}
.simple-form-table textarea {
width: 300px;
}
.simple-form-table input[type="checkbox"],
.simple-form-table input[type="radio"] {
margin-right: 5px;
}
.simple-form-table label {
font-weight: normal;
cursor: pointer;
}
@media (max-width: 479px) {
.simple-form-table, .simple-form-table tbody, .simple-form-table th, .simple-form-table td, .simple-form-table tr {
display: block;
padding: 0;
}
.simple-form-table tr {
padding-bottom: 10px;
}
}
#scrollUp {
bottom: 5px;
right: 5px;
color: #fff;
display: inline-block;
font-family: "FontAwesome";
font-size: 35px;
height: 45px;
width: 50px;
line-height: 23px;
padding: 0 0 0 5px;
text-decoration: none;
transition: all 150ms linear 0s;
padding: 10px;
border-radius: 5px;
text-align: center;
background-color: rgba(0,0,0,0.2);
/* background-color: transparent !for(ie8);
*/
/* background-image: url(../data/i/ie8-transparent-black-20.png) !for(ie8);
*/
/* background-repeat: repeat !for(ie8);
*/
-ms-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
#scrollUp:hover {
background-color: rgba(0,0,0,0.3);
/* background-color: transparent !for(ie8);
*/
/* background-image: url(../data/i/ie8-transparent-black-30.png) !for(ie8);
*/
}
#scrollUp:focus:hover {
background-color: rgba(0,0,0,0.4);
/* background-color: transparent !for(ie8);
*/
/* background-image: url(../data/i/ie8-transparent-black-40.png) !for(ie8);
*/
}
/* there is some real small video (height) FVMPE-RS: Zebra Fish 438fps */
.mejs-container, .mejs-layer, .mejs-video video {
min-height: 150px !important;
min-height: 100px !important;
}
.panel-group .panel-heading {
font-size: 18px;
x-font-family: 'HelveticaNeueLTPro-Lt', Arial, Helvetica, sans-serif;
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-weight: 300;
color: #464eb6;
position: relative;
padding: 0 0 0 35px;
margin: 0;
overflow: hidden;
display: block;
cursor: pointer;
}
html[lang="ja-JP"] .panel-group .panel-heading {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Osaka", "Arial", "Helvetica", Sans-serif;
}
html[lang="ru-RU"] .panel-group .panel-heading,
html[lang="pl-PL"] .panel-group .panel-heading,
html[lang="cs-CZ"] .panel-group .panel-heading {
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-weight: 300;
}
.panel-group .panel-heading a {
display: block;
padding-top: 8px;
padding-bottom: 8px;
}
.panel-group .panel-heading a:before {
font-family: 'FontAwesome';
content: '\f107';
left: 15px;
padding-right: 5px;
position: absolute;
top: 10px;
}
.panel-group .panel-heading a.collapsed:before {
content: '\f105';
}
.panel-group .panel-heading:hover a:before {
color: #e49900;
}
/* Tables */
.list1,
.list11,
.list,
.list-boldheader {
border-left: 1px solid #c7c7c7;
}
.list2 td {
padding: 3px;
}
.list td,
.list1 td,
.list-boldheader td {
border-bottom: 1px solid #c7c7c7;
border-right: 1px solid #c7c7c7;
padding: 5px;
}
.list p,
.list1 p,
.list11 p,
.list2 p,
.list-boldheader p {
margin: 0;
}
.list1 td,
.list11 td,
.list td,
.list-boldheader td {
border-bottom: 1px solid #c7c7c7;
border-top: 1px solid #c7c7c7;
padding: 5px;
}
.list1 tr:first-child+tr td,
.list11 tr:first-child+tr td,
.list tr:first-child+tr td,
.list-boldheader tr:first-child+tr td {
background-color: #FDFDFD;
}
.list11 tr:first-child td,
.list1 tr:first-child td,
.list tr:first-child td,
.list-boldheader tr:first-child td,
.headerWide,
.formerTable .header,
div.row-grid-header {
padding-bottom: 5px;
padding-top: 5px;
background-color: #EFEFEF;
/*font-weight: bold;*/
}
/* taskId.16813311 */
.formerTable .header {
background-color: transparent;
}
.list-boldheader tr:first-child td {
font-weight: bold;
}
.formerTable img {
max-width: 100%;
height: auto;
}
@media (max-width: 979px) {
.formerTable > .row > div {
width: 100%;
float: none;
}
}
@media (max-width: 767px) {
.formerTable .row {
display: flex;
flex-flow: column nowrap;
}
.formerTable .row::before,
.formerTable .row::after {
display: none;
}
.formerTable .row > div.header {
order: 1;
}
.formerTable .row > div {
order: 2;
}
}
.list-custom th, .list-custom td {padding: 5px; border: 1px solid #c7c7c7;}
.list-custom th {background-color: #EFEFEF; font-weight: normal;}
/* /ultrasonic-transducers/shear-wave/ */
.formerTable embed {max-width: 100%;}
@media (max-width: 767px) {.formerTable embed {height: auto;}}
/* share box */
.share-box {
background-color: #f1f1f1;
background-image: url(../data/i/share.png);
background-image: url(../data/i/share-ru.png);
background-repeat: no-repeat;
background-position: right top;
float: right;
margin-right: 15px;
margin-top: 20px;
width: 210px;
/* width: 204px !for(ie8);
*/
position: relative;
}
/* taskId.16806522 */
.share-expander, .share-expander:hover, .share-expander:focus {
display: block;
cursor: pointer;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
color: #444;
font-size: 12px;
text-decoration: none;
}
.share-expander:hover {
color: #e49900;
}
.share-icons {
padding: 10px;
background-color: #E2E2E2;
/*position: absolute;
width: 100%;
z-index: 1;*/
}
.share-box .share-icons .at-share-btn {
display: block;
float: none;
margin-left: 10px;
margin-top: 5px;
margin-bottom: 5px;
}
.share-box .addthis_toolbox > *,
.share-box .addthis_toolbox > div > * {
display: block !important;
height: 30px !important;
overflow: hidden !important;
float: none !important;
margin: 0 !important;
padding: 0 !important;
}
.share-box .addthis_toolbox > div > script {
display: none !important;
}
.share-box .addthis_toolbox > div > * {
height: auto !important;
}
.share-box .addthis_toolbox > div.atclear {
display: none !important;
}
.safe-render {
position: absolute;
height: 1px;
overflow: hidden;
width: 1px;
visibility: hidden;
}
@media (max-width: 767px) {
.share-box {
float: none;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 15px;
width: 100%;
border-left: 15px solid #fff;
border-right: 15px solid #fff;
margin-top: 15px;
}
}
/* conditional side navigation */
.x1 li {display: none;}
.x1 .left-item-0-active, .x1 .left-item-1-active, .x1 .left-item-2-active, .x1 .left-item-3-active, .x1 .left-item-4-active, .x1 .left-item-5-active, .x1 .currentPageParentLi li, .x1 .product, .x1 .product li {display: block;}
/* .x2 li {display: none;} replaced 09-Nov-2015 http://screencast.com/t/bByJMvu9W /thickness/*/
.x2 > ul > li {display: none;}
.x2 .left-item-0-active, .x2 .left-item-1-active, .x2 .left-item-2-active, .x2 .left-item-3-active, .x2 .left-item-4-active, .x2 .left-item-5-active, .x2 .currentPageLi li, .x2 .currentPageParentLi li {display: block;}
.x3 li {display: none;}
.x3 .left-item-0-active, .x3 .left-item-1-active, .x3 .left-item-2-active, .x3 .left-item-3-active, .x3 .left-item-4-active, .x3 .left-item-5-active, .x3 .currentPageLi li {display: block;}
#slides .theatre-contror {display:none !important;}
/* new rules */
/* dont show siblings on product pages taskId.16806501 http://screencast.com/t/bByJMvu9W /ut-flaw/epoch1000/ */
body.product .x1 .left-item-0, body.product .x1 .left-item-1 {display: none;}
/* classic navigation on normal cms pages (not category or product */
.side-navigation-container .x4 a {
font-family: Arial, Tahoma, sans-serif;; font-size: 13px; color: #444; border-bottom: 1px dotted #c1c1c1;
}
html[lang="ja-JP"] .side-navigation-container .x4 a {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Osaka", "Arial", "Helvetica", Sans-serif;
}
/* side navigation */
.side-navigation-container {
margin-top: 30px;
background-color: #f3f3f3;
background: #f9f9f9;
background: -moz-linear-gradient(left, #f9f9f9 50%, #f4f4f4 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(50%,#f9f9f9), color-stop(100%,#f4f4f4));
background: -webkit-linear-gradient(left, #f9f9f9 50%,#f4f4f4 100%);
background: -o-linear-gradient(left, #f9f9f9 50%,#f4f4f4 100%);
background: -ms-linear-gradient(left, #f9f9f9 50%,#f4f4f4 100%);
background: linear-gradient(to right, #f9f9f9 50%,#f4f4f4 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#f4f4f4',GradientType=1 );
}
body.hide-side-nav .side-navigation-container {
display: none;
}
.side-navigation-container ul {
padding: 0; margin: 0; list-style-type: none;
}
.side-navigation-container li {
padding: 0; margin: 0;
}
.side-navigation-container a {
font-size: 20px;
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-weight: 300;
color: #08107b;
padding: 14px;
display: block;
}
html[lang="ja-JP"] .side-navigation-container a {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Osaka", "Arial", "Helvetica", Sans-serif;
}
html[lang="ru-RU"] .side-navigation-container a,
html[lang="pl-PL"] .side-navigation-container a,
html[lang="cs-CZ"] .side-navigation-container a {
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-weight: 300;
}
.side-navigation-container ul ul a {
font-size: 13px;
font-family: Arial, Tahoma, sans-serif;;
color: #444;
border-bottom: 1px dotted #c1c1c1;
padding: 4px 8px;
line-height: 1.4em;
border-left: 5px solid transparent;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
html[lang="ja-JP"] .side-navigation-container ul ul a {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Osaka", "Arial", "Helvetica", Sans-serif;
}
.side-navigation-container ul ul a:hover {
color: #e49900;
text-decoration: none;
}
.side-navigation-container ul ul ul a {
padding-left: 20px;
}
.side-navigation-container ul ul ul ul a {
padding-left: 35px;
}
.side-navigation-container .currentPageLi > a {
color: #e49900;
border-left: 5px solid #e49900;
}
.side-navigation-container .left-item-1-active > a {
font-weight: bold;
}
.scriptPromotion {
display: none !important;
}
/* taken from original site and transformed */
ul[type="circle"] {overflow: hidden; list-style-type:none;margin:0px;padding:0px;margin-bottom:10px;margin-top:10px;}
ul[type="circle"] li {background-image:url(../data/i/cic.png);background-repeat: no-repeat;background-position: 5px 7px;padding-left: 24px;display:block;padding-top:4px;padding-bottom:4px;}
ul[type="disc"] {overflow:hidden;clear:both;background-color:#fff;padding:10px;border:1px dotted #d9d9d9;margin-bottom:10px;background-image:url(../data/i/hr.png);background-repeat: repeat-x;background-position: 0px 0px;}
ul[type="disc"] h4 {margin-top: 0px; margin-bottom: 0px; }
ul[type="disc"] h4 strong {
x-font-weight: normal;
x-font-family: "HelveticaNeueLTPro-Lt",Arial,Helvetica,sans-serif;
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-weight: 300;
}
html[lang="ja-JP"] ul[type="disc"] h4 strong {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Osaka", "Arial", "Helvetica", Sans-serif;
}
ul[type="disc"] li {background-image:url(../data/i/cic.png);background-repeat: no-repeat;background-position: 5px 7px;padding-left: 24px;display:block;padding-top:3px;padding-bottom:3px;float:left;min-width:300px; width: 50%;}
@media (max-width: 767px) {
.col-header-right,
.stage-ims .container,
.col-aside {
/* padding-right: 30px !for(ie) !important;
*/
}
.top-social {
display: none;
}
}
@media (max-width: 599px) {
.header-br {
display: block;
}
.top-block {
margin-top: 5px;
}
.top-nav li:last-child {
margin-right: 0px;
}
}
/* =TABLES */
/* table */
div.table p {
margin: 0px;
}
div.table > .row > div {
padding-top: 8px;
padding-bottom: 8px;
border-top: 1px solid #ddd;
}
/* table table-bordered */
div.table-bordered {
border: 0 none;
}
div.table-bordered > .row:first-child {
border-top: 1px solid #ddd;
}
div.table-bordered > .row {
border-bottom: 1px solid #DDDDDD;
border-left: 1px solid #ddd;
margin-left: 0px;
margin-right: 0px;
}
div.table-bordered > .row > div {
border-right: 1px solid #DDD;
border-top: 0 none;
}
@media (max-width: 767px) {
div.table-bordered > .row {border-right: 1px solid #ddd; border-bottom: 0 none;}
div.table-bordered > .row > div {border-bottom: 1px solid #ddd; border-right: 0 none;}
}
/* table table-condensed */
div.table-condensed > .row > div {padding-top: 5px; padding-bottom: 5px;}
/* table table-hover */
div.table-hover > .row:hover > div {background-color: #F5F5F5;}
@media (max-width: 767px) {
div.table-hover > .row:hover > div {background-color: #fff; background-color: transparent;}
div.table-hover > .row > div:hover {background-color: #F5F5F5;}
}
/* table table-striped */
div.table-striped > div:nth-child(2n+1) {background-color: #F9F9F9;}
@media (max-width: 979px) {
/*div.table-striped > div:nth-child(2n+1) {background-color: #fff;}
div.table-striped > div:nth-child(odd) > div:nth-child(odd) {background-color: #F9F9F9;}
div.table-striped > div:nth-child(even) > div:nth-child(even) {background-color: #F9F9F9;}*/
/* taskId.16806991 */
div.table.table-striped > .row > div {border: 0 none;}
div.table.table-striped > .row {border-bottom: 1px solid #ddd;}
div.table.table-striped > .row:nth-child(odd) {background-color: #F9F9F9;}
div.table.table-striped > .row:nth-child(even) {background-color: #fff;}
}
/* search results */
.ftsResults .pagination {margin: 0;}
.ftsResultRows {margin-top: 20px;}
.ftsRow {padding-bottom: 20px;}
.ftsRow #rowNum, .ftsRow #date, .ftsRow #relevance {display: none;}
.ftsRow #title {font-size: 16px;}
#ftsIndexSelector {display: none;}
.ftsTerm {font-weight: bold;}
/* /docs/apple-renewals/ */
.docs-table .row:first-child p {
background-color: #253C5B;
margin: 0;
padding: 10px;
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-weight: 300;
font-size: 18px;
color: #fff;
}
html[lang="ja-JP"] .docs-table .row:first-child p {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Osaka", "Arial", "Helvetica", Sans-serif;
}
.docs-table .row:first-child > div:nth-child(2) p {
background-color: #E9B126;
color: #000;
}
.docs-table .row:first-child > div:nth-child(3) p {
background-color: #2EB624;
}
.docs-table .row:last-child p {
background-color: #f3f3f3;
padding: 10px;
}
.docs-table-2 {
width: 600px;
margin-bottom: 20px;
}
.docs-table-2 td {
padding: 5px 10px;
background-color: #f3f3f3;
border-bottom: 1px solid #fff;
}
.docs-table-2 tr:first-child td {
background-color: #e8e8e8;
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-weight: 300;
font-size: 18px;
padding: 10px;
border-bottom: 0 none;
}
html[lang="ja-JP"] .docs-table-2 tr:first-child td {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Osaka", "Arial", "Helvetica", Sans-serif;
}
.docs-table-2 tr:not(:first-child) td:first-child {
width: 180px;
}
.cmsTabs:empty {
display: none;
}
.login-form {
background-color: #f3f3f3;
padding: 10px;
margin-top: 30px;
margin-bottom: 30px;
display: inline-block;
}
.login-form p {
margin: 0;
}
.login-form input[type="text"], .login-form input[type="password"], .login-form input[type="email"] {
border: 1px solid #ccc;
padding: 4px;
}
/* outdated browser message START */
body {
/* padding-top: 0px !important !for(ie8 ie7 ie6);
*/
}
#outdated {
display: none !important ;
/* !for(-ie8 -ie7 -ie6) */
position: relative;
height: auto !important;
padding-bottom: 30px !important;
padding-top: 30px !important;
}
#outdated p {
font-size: 18px !important;
font-weight: normal !important;
line-height: 24px !important;
text-transform: none !important;
}
#outdated h6 {
color: #fff;
font-size: 36px !important;
font-family: 'Roboto', Arial, Helvetica, sans-serif !important;
font-weight: 300 !important;
margin-bottom: 15px !important;
margin-top: 0px !important;
}
#btnUpdateBrowser {
background-color: #fff !important;
color: #F25648 !important;
margin-top: 15px !important;
white-space: nowrap !important;
font-family: 'Roboto', Arial, Helvetica, sans-serif !important;
font-size: 24px !important;
font-weight: 300 !important;
padding: 10px 25px !important;
width: 320px !important;
text-align: center !important;
}
#outdated .close {
font-size: 60px;
filter: alpha(opacity=100);
color: #fff;
opacity: 1;
text-shadow: none !important;
box-shadow: none !important;
}
/* outdated browser message END */
/* taskId.16815716 2019/06/14 */
/*.public-security-licence {
margin-top: -20px;
}
.public-security-licence * {
padding: 0 !important;
margin: 0 !important;
border: 0 none; width: auto !important;
display: inline-block !important;
float: none !important;
line-height: 1.6em !important;
color: #777777 !important;
height: auto !important;
}*/
.public-security-licence {
color: #777;
}
@media (max-width: 767px) {
.public-security-licence * {
text-align: center;
}
}
.regionCompany {
border-top: 1px solid #d7d7d7;
padding-top: 15px;
margin-top: 15px;
}
.regionCompany h3 {
margin-top: 0;
font-size: 18px;
}
.contactPersonName {
font-weight: bold;
margin-bottom: 5px;
display: inline-block;
}
.contactPersonName::before {
font-weight: normal;
}
@media (min-width: 980px) {
.contactPerson {
padding: 15px;
background-color: #f5f5f5;
border-bottom: 2px solid #d7d7d7;
}
.regionCompany ~ .regionCompany {
padding-top: 0px;
margin-top: 20px;
border: 0 none;
}
}
/* replace parent theatre plugin with custom script */
#container-360[data-active-slide="1"] ~ .container-360-paging span:nth-child(1) {background-position: right top;}
#container-360[data-active-slide="2"] ~ .container-360-paging span:nth-child(2) {background-position: left bottom;}
#container-360[data-active-slide="1"] > div:nth-child(2) {display: none;}
#container-360[data-active-slide="2"] > div:nth-child(1) {display: none;}
/* ================= 360 "Reel" Plugin START ================= */
.container-360 {
width: 750px;
max-width: 100%;
height: auto;
position: relative;
}
#container-360 > .theatre-actor.active {
z-index: 1;
}
#container-360 > .theatre-actor:not(.active) {
z-index: 0;
}
.container-360-paging {
position: absolute;
right: 10px;
top: 10px;
z-index: 24;
}
.container-360-paging > span {
width: 52px;
height: 52px;
display: inline-block;
background-image: url(/data/EPOCH6LT_360/assets/h-v-04.png);
cursor: pointer;
background-repeat: no-repeat;
margin-left: 10px;
}
.container-360-paging > span {background-position: left top;}
.container-360-paging > span.active {background-position: right top;}
.container-360-paging > span ~ span {background-position: right bottom;}
.container-360-paging > span ~ span.active {background-position: left bottom;}
@media (max-width: 699px) {
.container-360-paging {
top: 5px;
right: 5px;
}
.container-360-paging > span {
width: 39px;
height: 39px;
background-size: 80px;
margin-left: 5px;
}
}
@media (max-width: 479px) {
.container-360-paging > span {
width: 26px;
height: 26px;
background-size: 53px;
}
}
.container-360 .reel-indicator {
background-color: #E19B00 !important;
bottom: auto !important;
top: 0px !important;
z-index: 2;
border-radius: 8px;
}
.container-360 .reel-overlay::after {
position: absolute;
left: 0px;
top: 0px;
height: 2px;
width: 100%;
content: '';
z-index: 1;
background-color: #f5f5f5;
}
.container-360-t img {
max-width: 100%;
height: auto;
}
.container-360-t-paging {
position: absolute;
width: 100%;
text-align: center;
bottom: 10px;
left: 0px;
z-index: 24;
}
.container-360-t-paging > span {
width: 15px;
height: 15px;
border-radius: 50%;
margin-left: 5px;
margin-right: 5px;
display: inline-block;
background-color: #d7d7d7;
cursor: pointer;
}
.container-360-t-paging span.active {
background-color: #e49900;
}
.ipop-360 .iPopBox {
border: 0 none !important;
background-color: transparent !important;
box-shadow: none !important;
}
.ipop-360 .iPopData {
overflow: hidden !important;
}
body.page2EO0NGHP,
body.rotator-360 {
padding: 0;
margin: 0;
border: 0 none;
background-color: transparent;
}
body.page2EO0NGHP .container,
body.rotator-360 .container {
padding: 0px;
}
/* ================= 360 "Reel" Plugin START ================= */
@keyframes spin {
from {transform:rotate(0deg);}
to {transform:rotate(360deg);}
}
html.system-curtain-active body > *:not(#iPopStack):not(.system-curtain),
html.iPopActive body > *:not(#iPopStack):not(.system-curtain) {
filter:blur(0px);
-o-filter:blur(0px);
-ms-filter:blur(0px);
-moz-filter:blur(0px);
-webkit-filter:blur(0px);
}
.iPopBlock.iframeType.loading {
background-color: rgba(0,0,0,0.5) !important;
x-background-color: transparent !important;
background-image: none !important;
color: #fff;
position: fixed;
left: 0px;
top: 0px;
width: 100% !important;
height: 100% !important;
transform: scale(0);
transition:
opacity 0.5s linear,
transform 0s linear 0.5s;
opacity: 1;
font-size: 50px;
z-index: 9999;
transform: scale(1);
display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
}
.iPopBlock.iframeType.loading::before {
content: '';
width: 50px;
height: 50px;
display: inline-block;
background-repeat: no-repeat;
background-image: url(../data/i/spinner-02.png);
animation: spin 2s linear;
animation-iteration-count: infinite;
background-color: transparent;
padding: 0px;
margin: 0;
}
.iPopBlock.iframeType.loading::after {
content: 'loading';
color: #fff;
margin-top: 15px;
font-family: Arial, Tahoma, sans-serif;;
font-size: 14px;
}
.iPopBlock.iframeType.loading .iPopClose {
display: none;
}
.iPopBlock.iframeType.loading .iPopBox {
opacity: 0;
transition: all 0.3s;
}
/* global search START */
.global-search .rd-search-results {
text-align: center;
}
.global-search .rd-search-results a {
color: #464eb6;
line-height: 1.3em;
}
.global-search .buy-now a {
color: #e49900;
margin-top: 5px;
display: inline-block;
}
.global-search .rd-search-results .rd-search-default,
.global-search .rd-resources-block {
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px solid #e7e7e7;
}
.global-search .rd-search-results a.show-more {
color: #e49900;
margin-top: 5px;
}
.global-search .rd-resource > a.show-more,
.global-search .rd-resources-container > a.show-more {
margin: 5px auto 0px;
}
.global-search .rd-search-results h2 {
text-align: left;
}
.global-search .rd-search-results .rd-resources-block h2::before {
content: '\f107';
font-size: 17px;
}
.global-search .rd-search-results .rd-resources-block-collapsed h2::before {
content: '\f105';
}
.global-search .rd-search-results .rd-resources-container {
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
padding: 0;
margin: 0;
}
.global-search .rd-search-results .rd-resource {
width: calc(25% - 20px);
flex: 0 1 auto;
padding: 0;
margin: 0 20px 15px 0;
text-align: center;
line-height: 1.3em;
}
@media (max-width: 479px) {
.global-search .rd-search-results .rd-resources-container {
justify-content: space-between;
}
.global-search .rd-search-results .rd-resource {
width: calc(50% - 7px);
margin-right: 0px;
}
}
.global-search .rd-search-results .rd-resource img {
float: none;
margin: 0 0 10px 0;
width: 100%;
}
.global-search .rd-search-results .rd-resource-VideoLibrary > a {
position: relative;
display: block;
}
.global-search .rd-search-results .rd-resource-VideoLibrary > a::after {
content: '\f01d';
font-family: 'FontAwesome';
position: absolute;
width: 100%;
height: 100%;
left: 0px;
top: 0px;
display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
color: #fff;
font-size: 40px;
text-shadow: 0 0 5px rgba(0,0,0,0.2);
transition: transform 0.3s;
}
.global-search .rd-search-results .rd-resource-VideoLibrary:hover > a::after {
transform: rotate(120deg);
}
.global-search form {
display: flex;
display: none;
flex-flow: row nowrap;
width: auto;
margin-bottom: 20px;
}
.global-search form input,
.global-search form button,
.global-search form button:focus,
.global-search form button:hover {
border: 0 none;
padding: 6px 12px;
border-radius: 0;
}
.global-search form input {
background-color: #f5f5f5;
width: 300px;
flex: 0 1 auto;
}
.global-search form button,
.global-search form button:focus,
.global-search form button:hover {
background-color: #e49900;
color: #fff;
font-weight: bold;
text-shadow: none;
}
.global-search .rd-results-count {
margin-left: 5px;
}
.global-fts {
padding-top: 5px;
}
.global-fts h2 {
color: #666666;
font-size: 18px;
cursor: pointer;
}
.global-fts h2::before {
content: '\f105';
font-size: 17px;
font-family: 'FontAwesome';
margin-right: 10px;
}
.global-fts.expanded h2::before {
content: '\f107';
}
.global-fts .ftsRow:nth-child(n+6) {
display: none;
}
.global-fts.expanded .ftsRow:nth-child(n+6) {
display: block;
}
.global-fts.show-more-option .fts-show-more {
}
.global-fts.hide-more-option .fts-show-more {
display: none;
}
.global-fts #url {
display: none;
}
.global-fts .ftsRow {
padding: 10px 0px;
}
.ftsResultRows .show-more {
color: #e49900;
cursor: pointer;
display: block;
text-align: center;
}
.global-fts .ftsResultRows {
margin: 0;
}
/* temporarily hide error message */
html:not(.sysdebug) .global-search pre.error {
display: none;
}
/* hide no FTS results message, if there are some products or directory items taskId.16813244 */
.global-fts[data-results="0"] {
display: none;
}
#combined-search-results[data-search-results-count="0"][data-ecs-search-results-count="0"] ~ .global-fts[data-results="0"],
#combined-search-results[data-search-results-count="0"]:not([data-ecs-search-results-count]) ~ .global-fts[data-results="0"] {
display: block;
}
/* global search END */
/* Tables */
.list1,
.list11,
.list,
.list-boldheader {
border-left: 1px solid #c7c7c7;
}
.list2 td {
padding: 3px;
}
.list td,
.list1 td,
.list-boldheader td {
border-bottom: 1px solid #c7c7c7;
border-right: 1px solid #c7c7c7;
padding: 5px;
}
.list p,
.list1 p,
.list11 p,
.list2 p,
.list-boldheader p {
margin: 0;
}
.list1 td,
.list11 td,
.list td,
.list-boldheader td {
border-bottom: 1px solid #c7c7c7;
border-top: 1px solid #c7c7c7;
padding: 5px;
}
.list1 tr:first-child+tr td,
.list11 tr:first-child+tr td,
.list tr:first-child+tr td,
.list-boldheader tr:first-child+tr td {
background-color: #FDFDFD;
}
.list11 tr:first-child td,
.list1 tr:first-child td,
.list tr:first-child td,
.list-boldheader tr:first-child td,
.headerWide,
.formerTable .header,
div.row-grid-header {
padding-bottom: 5px;
padding-top: 5px;
background-color: #EFEFEF;
/*font-weight: bold;*/
}
/* taskId.16813311 */
.formerTable .header {
background-color: transparent;
}
.list-boldheader tr:first-child td {
font-weight: bold;
}
.formerTable img {
max-width: 100%;
height: auto;
}
@media (max-width: 979px) {
.formerTable > .row > div {
width: 100%;
float: none;
}
}
.list-custom th, .list-custom td {padding: 5px; border: 1px solid #c7c7c7;}
.list-custom th {background-color: #EFEFEF; font-weight: normal;}
/* /ultrasonic-transducers/shear-wave/ */
.formerTable embed {max-width: 100%;}
@media (max-width: 767px) {.formerTable embed {height: auto;}}
/* taskId.16812357 START */
.ot-button-01 a {
display:inline-block;
color:#ffffff;
background-color:#e49900;
padding: 5px 15px;
margin-left: 15px;
}
.ot-button-01 span {
color:#ffffff;
}
.ot-button-02 a {
display:inline-block;
border-radius: 15px;
background-color:#dddddd;
padding: 5px 15px;
margin-left: 15px;
}
.ot-button-02 a:hover{
background-color:#999999;
}
/* taskId.16812357 END */
.page-404 .cms-content {
text-align: center;
padding-top: 100px;
padding-bottom: 100px;
}
@media (max-width: 1024px) {
.page-404 .cms-content {
padding-top: 75px;
padding-bottom: 75px;
}
}
@media (max-width: 767px) {
.page-404 .cms-content {
padding-top: 25px;
padding-bottom: 25px;
}
}
.page-404 .cms-content h2 {
font-size: 36px;
text-transform: uppercase;
color: #e49900;
margin-top: 30px;
margin-bottom: 30px;
}
@media (max-width: 767px) {
.page-404 .cms-content h2 {
font-size: 24px;
}
}
@media (max-width: 767px) {
.page-404 .cms-content img {
width: 200px;
height: auto;
}
}
.page-404 .cms-content form,
.content-search form {
width: 300px;
margin: 0 auto;
background-color: #f5f5f5;
max-width: 100%;
}
@media (min-width: 768px) {
.content-search form {
width: 500px;
margin-bottom: 25px;
}
}
.page-404 .cms-content form > div,
.content-search form > div {
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: center;
width: 100%;
}
.page-404 .cms-content form input[type="text"],
.content-search form input[type="text"] {
border: 0 none;
background-color: transparent;
padding: 15px;
font-size: 18px;
font-family: 'Roboto', Arial, Helvetica, sans-serif;
flex: 1 1 auto;
}
.page-404 .cms-content form input[type="text"]:focus,
.content-search form input[type="text"]:focus {
outline: none;
box-shadow: none;
}
.page-404 .cms-content form button,
.content-search form button {
background-color: transparent;
color: #838383;
background-image: none;
border: 0 none;
border-radius: 0;
text-shadow: none;
flex: 0 0 auto;
font-size: 18px;
padding-right: 15px;
}
.page-404 img {
-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
filter: grayscale(100%);
opacity: 0.5;
}
.page-404 .cms-content img {
opacity: 1;
}
.page-404 .top-social i {
color: #A8A8A8;
}
.page-404 .navbar-nav > li > a {
color: #999;
}
.page-404 .body-page-title,
.page-404 .breadcrumb {
display: none;
}
/* hide site components title */
.parent1653A0B5 h1.pageTitle .caption-level {display: none;}
.parent1653A0B5 h1.pageTitle {margin-top: 10px;}
.gdpr {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
padding: 10px 0px;
background-color: #CBDAEE;
display: none;
color: #000;
z-index: 9999;
}
.gdpr .container {
display: flex;
flex-flow: row nowrap;
justify-content: center;
align-items: center;
}
.gdpr p {
margin: 0;
}
.gdpr a {
color: #4887F4;
font-weight: bold;
text-decoration: underline;
}
.gdpr .btn {
box-shadow: none;
text-shadow: none;
margin-left: 15px;
padding: 5px 10px;
}
.gdpr .btn,
.gdpr .btn:hover,
.gdpr .btn:focus {
background-color: #4887F4;
border-color: #4887F4;
color: #fff;
}
@media (max-width: 1199px) {
.gdpr .container {
flex-flow: column nowrap;
text-align: center;
}
.gdpr p {
margin-bottom: 10px;
}
.gdpr .btn,
.gdpr .btn:hover,
.gdpr .btn:focus {
margin-left: 0;
}
}
.content-login-box input[type="text"],
.content-login-box input[type="password"] {
background-color: #f2f2f2;
border: 0 none;
padding: 10px;
}
.content-login-box input[type="submit"] {
margin-bottom: 10px;
}
.content-login-box label {
font-weight: normal;
}
.content-login-box label.control-label {
margin: 0 0 3px;
}
/* ----------------- alternative tabs design for sub & landing pages START ---------------- */
@media (min-width: 1025px) {
.page-tabs .cmsTabBlock .cmsTabs .cmsTab a {
background-color: #c7c7c7;
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-weight: 300;
font-size: 20px;
padding: 10px 30px;
}
.page-tabs .cmsTabBlock .cmsTabs .cmsTab a span {
color: #222;
}
.page-tabs .cmsTabBlock .cmsTabs .cmsTab.ui-tabs-active a {
background-color: #777777;
}
.page-tabs .cmsTabBlock .cmsTabs .cmsTab.ui-tabs-active a span {
color: #fff;
}
.page-tabs .cmsTabBlock .ui-widget-header {
border: 0 none;
margin-bottom: 0;
}
.page-tabs .cmsTabBlock .cmsPanel {
background-color: #C6C6C6;
position: relative;
padding: 30px;
font-size: 16px;
line-height: 1.6em;
color: #000;
background: #777777;
background: -moz-linear-gradient(top, #777777 0%, #c6c6c6 40%);
background: -webkit-linear-gradient(top, #777777 0%,#c6c6c6 40%);
background: linear-gradient(to bottom, #777777 0%,#c6c6c6 40%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#777777', endColorstr='#c6c6c6',GradientType=0 );
}
.page-tabs .cmsTabBlock .cmsPanel h2,
.page-tabs .cmsTabBlock .cmsPanel h3 {
color: #fff;
}
.page-tabs .cmsTabBlock .cmsPanel h2 {
font-size: 24px;
}
.page-tabs .cmsTabBlock .cmsPanel h3 {
font-size: 30px;
}
}
/* reset styling for contact form inside of tabs */
.page-tabs .cmsTabBlock .cmsPanel .xform {
font-size: 13px;
line-height: 1.6em;
}
.page-tabs .cmsTabBlock .cmsPanel div + div > .xform {
margin-top: 30px;
}
/* taskId.16813484 hide breadcrumbs */
.page-tabs .breadcrumb {
display: none;
}
/* taskId.16813484 hide main navigation */
.page-tabs .navbar {
display: none;
}
.page-tabs .container-top {
padding-bottom: 15px;
}
.page-tabs .cmsTabBlock .cmsPanel iframe.responsive-iframe {
width: 600px;
max-width: 100%;
}
.page-tabs .cmsTabBlock .cmsPanel iframe.iframe-local {
width: 600px;
max-width: 100%;
margin-left: 0;
}
.iframe-container {
width: 600px;
max-width: 100%;
}
@media (min-width: 510px) {
.iframe-container {
margin-left: -25px;
}
}
@media (max-width: 509px) {
.iframe-container {
margin-left: -15px;
}
}
.cmsTabs .ui-widget input,
.cmsTabs .ui-widget select,
.cmsTabs .ui-widget textarea,
.cmsTabs .ui-widget button {
font-size: 14px;
font-family: Arial, Tahoma, sans-serif;;
}
.page-tabs .subpage-slideshow-container {
border: 0 none;
}
.page-tabs .body-page-title {
border: 0 none;
}
/* ----------------- alternative tabs design for sub & landing pages END ---------------- */
code,
.code {
background-color: #f2f2f2;
padding: 10px 15px;
border: 1px solid #d7d7d7;
border-radius: 3px;
font-family: 'PT Mono', monospace;
font-weight: normal;
color: #180051;
}
span.code,
code {
padding: 2px 5px;
}
br + code {
padding: 5px 10px;
margin: 10px 0px;
display: inline-block;
}
p.code,
div.code {
max-height: 200px;
overflow-y: auto;
}
p.code,
div.code-small {
font-size: 11px;
line-height: 1.4em;
}
.industry-caption {
position: relative;
}
.industry-caption .row + .row,
table.industry-caption tr:nth-child(2) {
position: absolute;
right: 15px;
top: 15px;
}
.industry-caption.video-left .row + .row,
table.industry-caption.video-left tr:nth-child(2) {
right: auto;
left: 15px;
}
table.industry-caption tr:nth-child(2) td {
float: right;
}
table.industry-caption.video-left tr:nth-child(2) td {
float: left;
}
table.industry-caption,
table.industry-caption > tbody,
table.industry-caption > tbody > tr,
table.industry-caption > tbody > tr > td {
display: block;
padding: 0;
margin: 0 0 30px;
}
table.industry-caption tr {
width: 100%;
}
.industry-caption .multimedia-player-simple .mejs-container .mejs-controls {
opacity: 0 !important;
margin: 0;
position: absolute;
bottom: 0 !important;
top: auto !important;
}
.industry-caption .multimedia-player-simple.mediaelement-playing:hover .mejs-container .mejs-controls {
opacity: 1 !important;
}
@media (max-width: 767px) {
table.industry-caption,
table.industry-caption > tbody,
table.industry-caption > tbody > tr,
table.industry-caption > tbody > tr > td {
margin: 0;
}
table.industry-caption tr:nth-child(2) td {
width: 60%;
}
table.industry-caption .multimedia-player-simple .mediaelement-player {
margin-bottom: 15px !important;
}
}
@media (max-width: 599px) {
table.industry-caption tr:nth-child(2) td {
width: 50%;
}
}
@media (max-width: 479px) {
table.industry-caption tr:nth-child(1):not(:only-child) {
display: none;
}
table.industry-caption tr:nth-child(2) {
position: static;
}
table.industry-caption tr:nth-child(2) td {
width: 100%;
}
}
/* =unsubscribe /mailing-groups-survey/unsubscribe/ */
.optOutInner {
}
.optOutInner .optOutMessage,
.optOutInner .optOutInput,
.optOutInner .optOutSubmit {
padding: 0;
margin: 0 0 15px;
display: block;
line-height: 1.6em;
}
.optOutInner .optOutInput input[type="text"] {
margin: 0;
padding: 10px;
background-color: #f5f5f5;
border: 0 none;
width: 250px;
max-width: 100%;
}
.optOutInner .optOutSubmit input[type="submit"],
.optOutInner .optOutSubmit input[type="submit"]:hover,
.optOutInner .optOutSubmit input[type="submit"]:focus {
color: #fff;
text-shadow: none;
border: 0 none;
padding: 10px 15px;
margin: 0;
}
.optOutInner textarea {
padding: 10px;
background-color: #f5f5f5;
border: 0 none;
width: 100%;
height: 100px;
margin: 15px 0;
}
.optOutInner label {
padding: 0;
margin: 0;
font-weight: normal;
font-family: Arial, Tahoma, sans-serif;;
font-size: 13px;
cursor: pointer;
}
.optOutInner .optOutMG {
margin-bottom: 10px;
}
.optOutInner input[type="checkbox"] {
padding: 0;
margin: 0 0 0 10px;
}
/* ------------------------------- unsubscribe START ------------------------------- */
.unsubscribe-msgs .alert {
border: 0 none;
border-radius: 0;
margin: 0;
padding: 15px 20px 0;
}
.unsubscribe-msgs .alert:last-child {
padding-bottom: 15px;
margin: 0 0 20px;
}
.page-unsubscribe .body-page-title {
border: 0 none;
background-color: transparent;
padding: 0;
margin: 0;
}
.page-unsubscribe .breadcrumb,
.page-unsubscribe .share-box {
display: none;
}
div[role="unsubscribe-enter-email"] .alert,
form[action*="myaccount"] .alert,
form[action*="myaccount"] .notice {
border: 0 none;
background-color: transparent;
color: darkred;
padding: 0;
margin: 0;
}
div[role="unsubscribe-enter-email"] .alert.alert-success,
form[action*="myaccount"] .alert.alert-success,
form[action*="myaccount"] .notice {
color: #468847;
}
/* taskId.16815625 - restyle success messages */
form[action*="myaccount"] .unsubscribe-msgs {
padding: 15px;
background-color: #F9EDED;
border: 1px solid #eed3d7;
color: #b94a48;
margin-bottom: 15px;
border-radius: 3px;
}
form[action*="myaccount"] .unsubscribe-msgs .alert {
color: #b94a48;
}
form[action*="myaccount"] .unsubscribe-msgs .alert:last-child {
padding: 0;
margin: 0;
}
/* hide default thank you page */
form[action*="myaccount"] div.xform#unsubscribe-embedded {
display: none;
}
form[role="unsubscribe"] h1,
form[role="unsubscribe"] h2,
form[role="unsubscribe"] h3 {
font-size: 22px;
color: %h3Color;
padding: 0 0 5px;
margin: 0 0 5px;
border-bottom: 1px solid #e49900;
}
form[role="unsubscribe"] h1 + div[role="unsubscribe-row"],
form[role="unsubscribe"] h2 + div[role="unsubscribe-row"],
form[role="unsubscribe"] h3 + div[role="unsubscribe-row"] {
margin-top: 15px;
}
form[role="unsubscribe"] h1 ~ p,
form[role="unsubscribe"] h2 ~ p,
form[role="unsubscribe"] h3 ~ p {
margin-top: 10px;
}
form[role="enter-email"] input[type="email"],
.form-unsubscribe input[type="email"],
.discontinue-form input[type="email"] {
background-color: #f5f5f5;
border: 0 none;
padding: 10px 15px;
width: 300px;
max-width: 100%;
margin: 5px 0 15px;
display: block;
border-radius: 0;
box-shadow: none;
outline: none;
}
.form-unsubscribe label,
form[role="enter-email"] label {
padding: 0;
margin: 0;
font-weight: normal;
}
div[role="unsubscribe-action"] {
margin-top: 10px;
}
.form-unsubscribe .btn,
.form-unsubscribe .btn:hover,
.form-unsubscribe .btn:focus,
form[role="enter-email"] .btn,
form[role="enter-email"] .btn:hover,
form[role="enter-email"] .btn:focus,
form[role="unsubscribe"] .btn,
form[role="unsubscribe"] .btn:hover,
form[role="unsubscribe"] .btn:focus {
background-color: #e49900;
border-radius: 0;
border: 0 none;
text-shadow: none;
color: #fff;
font-weight: bold;
}
div[role="unsubscribe-group"] {
margin-bottom: 30px;
}
form[role="unsubscribe"] div.radio,
form[role="unsubscribe"] div.radio label {
padding: 0;
margin: 0;
}
form[role="unsubscribe"] div.radio {
margin: 0 0 5px;
}
form[role="unsubscribe"] input[type="checkbox"],
form[role="unsubscribe"] input[type="radio"] {
opacity: 0;
position: absolute;
}
form[role="unsubscribe"] div.radio input[type="radio"] {
margin: 0;
cursor: pointer;
}
form[role="unsubscribe"] input[type="checkbox"] ~ label,
form[role="unsubscribe"] input[type="radio"] ~ span {
display: flex;
flex-flow: row nowrap;
align-items: center;
font-weight: normal;
padding: 0;
margin: 0;
cursor: pointer;
}
form[role="unsubscribe"] input[type="checkbox"] ~ label::before,
form[role="unsubscribe"] input[type="radio"] ~ span::before {
content: '\f00c';
font-family: 'FontAwesome';
background-color: #e5e5e5;
display: flex;
justify-content: center;
align-items: center;
width: 15px;
height: 15px;
color: #fff;
transition: all 0.2s;
margin: 0px 10px 0 0;
font-size: 10px;
flex: 0 0 auto;
color: transparent;
line-height: 15px;
}
form[role="unsubscribe"] input[type="radio"] ~ span::before {
content: '';
margin: 0 10px 0 0;
width: 14px;
height: 14px;
background-color: #e5e5e5;
border: 3px solid #e5e5e5;
border-radius: 50%;
}
form[role="unsubscribe"] input[type="checkbox"]:checked ~ label::before {
background-color: #e49900;
color: #fff;
}
form[role="unsubscribe"] input[type="radio"]:checked ~ span::before {
border: 3px solid #e49900;
background-color: #fff;
}
div[role="unsubscribe-row"] {
padding: 10px 15px;
position: relative;
background-color: #f5f5f5;
}
div[role="unsubscribe-row"]:not(:last-child)::after {
content: '';
height: 1px;
width: calc(100% - 30px);
left: 15px;
bottom: 0;
background-color: #e7e7e7;
display: block;
position: absolute;
}
.discontinue-form th {
font-weight: normal;
}
div[role="custom-contents"] {
margin-top: -20px;
}
@media (max-width: 767px) {
.discontinue-form table,
.discontinue-form tbody,
.discontinue-form td,
.discontinue-form tr,
.discontinue-form th {
display: block;
width: 100%;
padding: 0;
margin: 0;
}
.discontinue-form th {
font-weight: bold;
margin: 0 0 5px;
}
}
/* taskId.16814822 show only... */
/* taskId.16815050 show only... */
/*
293601289 - Microscopes/Optical Metrology (id - "ie")
293601290 - Videoscope/Boreoscopes (id - "videoborescopes")
293601287 - Flaw Detection/Thickness Gaging (id = "ndtrvihsv")
293601288 - XRF/XRD Analyzers (id = "xrf")
Blog posts
293601282 - News Bulletin (all divisions)
*/
*[role="unsubscribe-group"][data-group="CRM Mailing Groups"] *[role="unsubscribe-row"] {
display: none !important;
}
*[role="unsubscribe-group"][data-group="CRM Mailing Groups"] *[role="unsubscribe-row"][data-list="crm:groups:293601289"],
*[role="unsubscribe-group"][data-group="CRM Mailing Groups"] *[role="unsubscribe-row"][data-list="crm:groups:293601290"],
*[role="unsubscribe-group"][data-group="CRM Mailing Groups"] *[role="unsubscribe-row"][data-list="crm:groups:293601287"],
*[role="unsubscribe-group"][data-group="CRM Mailing Groups"] *[role="unsubscribe-row"][data-list="crm:groups:293601288"],
*[role="unsubscribe-group"][data-group="CRM Mailing Groups"] *[role="unsubscribe-row"][data-list="crm:groups:293601282"] {
display: block !important;
}
*[role="unsubscribe-group"][data-group="CRM Mailing Groups"] {
display: flex;
flex-flow: column nowrap;
width: 100%;
}
*[role="unsubscribe-group"][data-group="CRM Mailing Groups"] *[role="unsubscribe-row"][data-list="crm:groups:293601289"] {order: 1;}
*[role="unsubscribe-group"][data-group="CRM Mailing Groups"] *[role="unsubscribe-row"][data-list="crm:groups:293601290"] {order: 2;}
*[role="unsubscribe-group"][data-group="CRM Mailing Groups"] *[role="unsubscribe-row"][data-list="crm:groups:293601287"] {order: 3;}
*[role="unsubscribe-group"][data-group="CRM Mailing Groups"] *[role="unsubscribe-row"][data-list="crm:groups:293601288"] {order: 4;}
*[role="unsubscribe-group"][data-group="CRM Mailing Groups"] *[role="unsubscribe-row"][data-list="crm:groups:293601282"] {order: 5;}
.my-account-form {
margin: 50px 0 10px;
}
.my-account-form input[type="text"],
.my-account-form input[type="password"],
.my-account-form input[type="email"] {
padding: 10px 15px;
background-color: #f5f5f5;
border: 0 none;
width: 300px;
}
.my-account-form input[type="text"].inpZip,
.my-account-form input[type="text"].inpZipExt {
width: auto;
}
.my-account-form span.inpZipSep {
display: inline-block;
margin: 0 5px;
}
.my-account-form select {
width: 300px;
border: 0 none;
background-color: #f5f5f5;
padding: 10px 20px 10px 15px;
background-image: url(../data/i/caret.png);
background-repeat: no-repeat;
background-position: right center;
font-weight: 300;
padding-right: 20px !important;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.my-account-form table {
width: auto;
}
.my-account-form th,
.my-account-form td {
padding: 5px 10px;
}
.my-account-form th,
.my-account-form td:first-child {
padding-left: 0;
}
.my-account-form h2 {
font-size: 22px;
color: #444444;
padding: 0 0 5px;
margin: 0 0 15px;
border-bottom: 1px solid #e49900;
}
.my-account-form input[type="submit"], .my-account-form input[type="submit"]:hover, .my-account-form input[type="submit"],
.my-account-form button, .my-account-form button:hover, .my-account-form button:focus {
background-color: #e49900;
background-image: none;
border-radius: 0;
border: 0 none;
text-shadow: none;
color: #fff;
font-weight: bold;
margin: 10px 10px 10px 0;
}
/* =MY ACCOUNT */
.my-account-form #myAccountnickname,
.my-account-form #myAccountuserName,
.my-account-form #myAccountpassword1,
.my-account-form #myAccountpassword2 {
display: none;
}
form[role="unsubscribe"] .primaryCheckboxControl input[type="checkbox"],
form[role="unsubscribe"] .primaryCheckboxControl input[type="radio"] {
opacity: 1;
position: static;
margin: 0 5px 0 0;
}
.primaryCheckboxControl > * {
margin: 0 15px 10px 0;
}
.primaryCheckboxControl label {
margin: 0;
font-weight: normal;
}
.my-account-form table.crmChooseLoc {
width: 100%;
}
.my-account-form .selectorButton button,
.my-account-form .selectorButton button:hover,
.my-account-form .selectorButton button:focus {
background-color: #f5f5f5;
color: #666;
}
.my-account-form .selectorAddress .contact-name,
.my-account-form .selectorAddress .company-name {
font-weight: bold;
}
/* ------------------------------- unsubscribe END ------------------------------- */
/* --------------------------- my account with e-mail preferences START --------------------------- */
div[role="account"] table,
div[role="account"] tr,
div[role="account"] td,
div[role="account"] th {
font-family: Arial, Tahoma, sans-serif;;
font-size: 13px;
line-height: 1.6em;
}
div[role="account"] input[type="text"],
div[role="account"] input[type="email"],
div[role="account"] input[type="password"],
div[role="account"] select {
background-color: #f5f5f5;
border: 0 none;
padding: 10px 15px;
width: 300px;
max-width: 100%;
font-family: Arial, Tahoma, sans-serif;;
font-size: 13px;
line-height: 1.6em;
}
div[role="account"] select {
padding-right: 20px;
background-image: url(../data/i/caret.png);
background-repeat: no-repeat;
background-position: right center;
font-weight: 300;
padding-right: 20px !important;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
div[role="account"] input.inpZip,
div[role="account"] input.inpZipExt,
div[role="account"] .crmPhoneNumber input,
div[role="account"] .crmPhoneNumber select,
div[role="account"] .crmPhoneTitle input,
div[role="account"] .crmPhoneTitle select {
width: auto;
margin: 0 5px;
}
div[role="account"] input.inpZip {
margin-left: 0px;
}
div[role="account"] .inpZipSep {
display: inline-block;
}
div[role="account"] button, div[role="account"] button:hover, div[role="account"] button:focus,
div[role="account"] input[type="submit"], div[role="account"] input[type="submit"]:hover, div[role="account"] input[type="submit"]:focus {
background-image: none;
background-color: #E49900;
border: 0 none;
border-radius: 0;
text-shadow: none;
margin-right: 15px;
margin-bottom: 15px;
color: #fff;
font-weight: bold;
font-family: Arial, Tahoma, sans-serif;;
font-size: 13px;
line-height: 1.6em;
}
div[role="account"] table.crmChooseLoc {
width: 100%;
}
div[role="account"] table.crmChooseLoc > tbody > tr > td {
padding-bottom: 20px;
}
div[role="account"] div.crmABContent > .row > div {
padding-bottom: 20px;
}
div[role="account"] .selectorButton {
padding-top: 10px;
}
div[role="account"] .selectorAddress .contact-name,
div[role="account"] .selectorAddress .company-name {
font-weight: bold;
}
@media (min-width: 768px) {
div[role="account"] table {
width: auto;
}
div[role="account"] .crmForm th,
div[role="account"] .crmForm td {
padding: 5px 15px 5px 0;
}
div[role="account"] .crmForm div.formerTable {
display: block;
}
div[role="account"] .crmForm div.formerTable > .row {
display: flex;
flex-flow: row nowrap;
align-items: center;
margin: 0;
}
div[role="account"] .crmForm div.formerTable > .row > div {
display: block;
width: auto;
padding: 0;
}
}
@media (max-width: 767px) {
div[role="account"] .crmForm table {
display: block;
}
div[role="account"] .crmForm tr {
display: flex;
flex-flow: column nowrap;
margin: 0 0 5px;
}
div[role="account"] .crmForm th,
div[role="account"] .crmForm td {
display: block;
}
div[role="account"] input.inpZip,
div[role="account"] input.inpZipExt,
div[role="account"] .crmPhoneNumber input,
div[role="account"] .crmPhoneNumber select,
div[role="account"] .crmPhoneTitle input,
div[role="account"] .crmPhoneTitle select {
margin: 0 5px 5px;
}
}
.btn.btn-register,
.btn.btn-register:hover,
.btn.btn-register:focus {
border-radius: 0px;
border: 0 none;
border-radius: 0;
text-shadow: none;
margin: 15px 15px 15px 0px;
color: #fff;
font-weight: bold;
font-family: Arial, Tahoma, sans-serif;;
font-size: 13px;
line-height: 1.6em;
background-color: #e49900;
}
/* --------------------------- my account with e-mail preferences END --------------------------- */
/* =password-recovery START */
.password-recovery .dynamic-placeholders {
width: 350px;
max-width: 100%;
}
.password-recovery .error {
color: darkred;
}
.password-recovery .error::before {
font-family: 'FontAwesome';
content: '\f071';
margin-right: 10px;
}
.password-recovery button,
.password-recovery button:hover,
.password-recovery button:focus {
background-color: #e49900;
color: #fff;
text-shadow: none;
border: 1px solid #e49900;
border-radius: 0;
}
/* =password-recovery END */
.after-login-boxes {
list-style-type: none;
padding: 0;
margin: 0;
display: flex;
flex-flow: row wrap;
justify-content: space-between;
}
.after-login-boxes li {
padding: 0;
margin: 0;
width: calc(25% - 10px);
position: relative;
margin-bottom: 15px;
}
.after-login-boxes li:empty {
padding: 0;
margin: 0;
visibility: hidden;
}
.after-login-boxes a {
display: block;
width: 100%;
height: 100%;
background-repeat: no-repeat;
color: #aaaaaa;
font-size: 20px;
font-weight: bold;
text-align: center;
line-height: 1.1em;
transition: all 0.3s;
}
.after-login-boxes a:hover {
color: #e49900;
}
.after-login-boxes figcaption {
position: absolute;
bottom: 15px;
left: 0;
width: 100%;
}
.after-login-boxes img {
max-width: 100%;
height: auto !important;
}
@media (max-width: 1024px) {
.after-login-boxes a {
font-size: 16px;
}
}
@media (max-width: 767px) {
.after-login-boxes {
margin-top: 15px;
}
.after-login-boxes li {
width: calc(33.3333% - 10px);
margin-right: 10px;
margin-bottom: 10px;
}
.after-login-boxes a {
font-size: 14px;
}
}
@media (max-width: 479px) {
.after-login-boxes li {
width: calc(50% - 5px);
margin-right: 0;
}
.after-login-boxes a {
font-size: 13px;
}
.after-login-boxes figcaption {
bottom: 5px;
}
}
.login-error ~ form .alert {
display: none;
}
/* ------------------------------- tabs START ------------------------------- */
.nav-tabs-table-container .nav-tabs {
padding: 0;
margin: 0 !important;
border: 0 none;
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
}
.nav-tabs-table-container .nav-tabs > li {
flex: 1 1 auto;
padding: 0;
margin: 0;
float: none;
display: flex;
flex-flow: column nowrap;
}
.nav-tabs-table-container .nav-tabs > li > a {
padding: 0;
margin: 0;
border: 1px solid #363636 !important;
border-bottom: 0 none !important;
border-radius: 0;
padding: 10px 15px;
line-height: 1.6em;
background-color: #363636;
color: #fff;
text-align: center;
transition: all 0.3s;
flex: 1 1 auto;
}
.nav-tabs-table-container .nav-tabs > li > a:hover,
.nav-tabs-table-container .nav-tabs > li > a:focus {
color: #fff;
}
.nav-tabs-table-container .nav-tabs > li.active > a {
background-color: #fff;
color: #363636;
}
.nav-tabs-table-container .nav-tabs p {
margin: 0 !important;
}
.nav-tabs-table-container .tab-content {
border: 1px solid #363636;
padding: 15px;
margin-top: -1px;
}
@media (max-width: 767px) {
.nav-tabs-table-container .nav-tabs > li > a {
padding: 10px;
}
}
@media (min-width: 480px) {
.nav-tabs-table-container .nav-tabs > li + li {
margin-left: 10px;
}
}
@media (min-width: 480px) and (max-width: 767px) {
.nav-tabs-table-container .nav-tabs > li + li {
margin-left: 5px;
}
}
@media (max-width: 479px) {
.nav-tabs-table-container .nav-tabs {
display: block;
}
.nav-tabs-table-container .nav-tabs > li:not(:last-child) {
margin-bottom: 5px;
}
.nav-tabs-table-container .nav-tabs > li > a {
border-bottom: 1px solid #363636 !important;
}
}
/* ------------------------------- tabs END ------------------------------- */
/* ------------------------------- content boxes START ------------------------------- */
.content-boxes {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
}
.content-boxes .row {
margin: 0;
width: calc(33.3333% - 15px);
}
.content-boxes .row::before,
.content-boxes .row::after {
display: none;
}
.content-boxes .row > div {
padding: 0;
}
/* ------------------------------- content boxes END ------------------------------- */
/* ------------------------------- boxes slider START ------------------------------- */
.boxes-slider {
display: flex;
flex-flow: row nowrap;
align-items: center;
}
.boxes-slider .theatre-container {
display: flex !important;
}
.boxes-slider .theatre-actor {
padding-left: 15px;
padding-right: 15px;
flex: 0 0 auto;
display: flex !important;
}
@media (max-width: 767px) {
.boxes-slider .theatre-actor {
width: 50%;
padding-left: 7px;
padding-right: 7px;
}
}
@media (max-width: 1023px) {
.boxes-slider .theatre-actor {
padding-left: 10px;
padding-right: 10px;
}
}
@media (max-width: 479px) {
.boxes-slider .theatre-actor {
width: 100%;
}
}
.boxes-slider-prev,
.boxes-slider-next {
width: calc(17px + 5px);
height: 29px;
background-image: url(../data/i/slideshow-arrows-sprite.png);
background-repeat: no-repeat;
display: inline-block;
cursor: pointer;
flex: 0 0 auto;
}
@media (min-width: 768px) {
.boxes-slider[data-count="3"] .boxes-slider-prev,
.boxes-slider[data-count="3"] .boxes-slider-next {
display: none;
}
}
@media (min-width: 480px) {
.boxes-slider[data-count="2"] .boxes-slider-prev,
.boxes-slider[data-count="2"] .boxes-slider-next,
.boxes-slider[data-count="1"] .boxes-slider-prev,
.boxes-slider[data-count="1"] .boxes-slider-next {
display: none;
}
}
.boxes-slider-next {
background-position: -45px top;
}
@media (max-width: 767px) {
.boxes-slider-prev,
.boxes-slider-next {
width: 17px;
}
.boxes-slider-next {
background-position: -50px top;
}
}
.boxes-slider-prev span,
.boxes-slider-next span {
display: none;
}
.box-slider {
background-color: #f5f5f5;
padding-bottom: 15px;
display: flex;
flex-flow: column nowrap;
/* width: 100% !for(ie);
*/
}
.landing-directory-fullwidth .landing-section:nth-child(2n) .box-slider {
background-color: #fff;
}
.box-slider > *:not(:first-child) {
padding-left: 30px;
padding-right: 30px;
}
.box-slider > *:last-child {
margin-top: auto;
}
.box-slider h1,
.box-slider h2,
.box-slider h3,
.box-slider h4,
.box-slider h5,
.box-slider h6 {
margin: 0px 0px 10px;
}
/* ------------------------------- boxes slider END ------------------------------- */
.asnt-fixed-bg .anim-fly-left-once,
.asnt-fixed-bg .anim-fly-left {
transform: translateX(-500px) ;
/* !for(chrome) */
transition: left 1.5s, transform 1.5s, opacity 0.5s ;
/* !for(chrome) */
}
.asnt-fixed-bg .anim-fly-left-once.viewed,
.asnt-fixed-bg .anim-fly-left.on-screen {
transform: translateX(0px) ;
/* !for(chrome) */
}
.asnt-fixed-bg .anim-fly-right-once,
.asnt-fixed-bg .anim-fly-right {
transform: translateX(500px) ;
/* !for(chrome) */
transition: right 1.5s, transform 1.5s, opacity 0.5s ;
/* !for(chrome) */
}
.asnt-fixed-bg .anim-fly-right-once.viewed,
.asnt-fixed-bg .anim-fly-right.on-screen {
transform: translateX(0px) ;
/* !for(chrome) */
}
/*** END ims2017/global/common.css ***/
/*** START ims2017/global/news.css ***/
/* News */
.cms-content .newsHeader {
font-size: 26px;
font-family: 'Roboto', Arial, Helvetica, sans-serif;
line-height: 1.1em;
border-bottom: 1px solid #e49900;
padding-bottom: 10px;
margin-bottom: 20px;
}
html[lang="ja-JP"] .cms-content .newsHeader {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Osaka", "Arial", "Helvetica", Sans-serif;
}
@media (max-width: 1023px) {
.cms-content .newsHeader {
font-size: 20px;
}
}
.news-list-item {
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px solid #d7d7d7;
}
.news-list-item:empty {
display: none;
}
.news-title {
margin: 0; padding: 0;
margin-bottom: 10px;
}
.news-date {
color: #999;
}
.yearN {
margin-bottom: 15px;
}
.yearN .pagination {
margin-top: 0px;
margin-bottom: 0px;
}
/* Side news box */
.news-list-box .news-date {
color: #ddd;
font-size: 13px;
}
.news-list-box .news-title {
margin-bottom: 0px;
}
.news-list-box ul a:hover {
color: #fff;
}
.news-list-box ul a:hover .news-date {
color: #fff;
}
/* Headlines at home page */
.news-list-home {
border: 1px solid #f1f1f1;
margin-top: 30px;
margin-bottom: 30px;
}
.news-list-home a.more {
margin-top: 0px;
margin-left: 15px;
margin-bottom: 10px;
}
.news-list-home h3 {
background-color: #f1f1f1;
margin: 0;
padding: 0;
padding: 7px 20px 7px;
margin-bottom: 15px;
font-size: 20px;
}
.news-list-home ul {
padding-left: 30px;
}
.news-list-home li:nth-child(7),
.news-list-home li:nth-child(8),
.news-list-home li:nth-child(9),
.news-list-home li:nth-child(10),
.news-list-home li:nth-child(11),
.news-list-home li:nth-child(12),
.news-list-home li:nth-child(13),
.news-list-home li:nth-child(14) {
display: none;
}
.newsListItem {
padding-bottom: 20px;
}
.newsListItem a {
font-size: 14px;
padding-top: 5px;
padding-bottom: 5px;
}
.newsListItem h3 {
margin: 0;
padding: 0;
margin-bottom: 5px;
}
.newsItem h1.pageTitle {
margin: 0; padding: 0;
margin-bottom: 15px;
}
#pastNewsLink {
display: inline-block;
background-color: #CED1FF;
border: 1px solid #343B97;
border-radius: 5px;
padding: 3px 5px;
text-decoration: none;
position: absolute;
right: 15px;
top: 30px;
}
#pastNewsLink:hover {
background-color: #fff;
color: #464EB6;
}
.newsDate, .newsDate a {color: #7F7F7F; font-size: 10px; text-decoration: none;}
a.news strong {font-weight: normal;}
a.news {font-size: 14px; font-weight: normal; padding-bottom: 5px; padding-top: 5px;}
#shortNews {padding-top: 5px; padding-bottom: 20px;}
.yearN .pagination > li > a {
padding: 3px 9px;
}
.news-table .news-day {
font-size: 27.52px;
font-weight: bold;
color: #aaa;
text-align: center;
padding-top: 3px;
}
.news-table .news-month {
font-size: 15px;
white-space: nowrap;
text-transform: uppercase;
font-weight: bold;
color: #aaa;
margin-top: 3px;
text-align: center;
}
.news-table .news-day a,
.news-table .news-month a {
color: #aaa;
}
.news-table .row:hover .news-day a,
.news-table .row:hover .news-month a {
color: #444;
}
.news-table .row::before {
display: none;
}
.news-table .row::after {
content: '';
height: 1px;
background-color: #d7d7d7;
display: block;
position: absolute;
bottom: 0;
left: 40px;
width: -webkit-calc(100% - 40px);
width: -moz-calc(100% - 40px);
width: calc(100% - 40px);
}
.news-table .row {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row nowrap;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 20px 0;
margin: 0;
position: relative;
}
.news-table .row > div {
width: auto;
padding: 0;
}
.news-table .row > div:first-child {
border-left: 3px solid #d7d7d7;
padding-left: 30px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.news-table .row:hover > div:first-child {
border-left: 3px solid #e49900;
padding-left: 45px;
}
.news-table a.news-title {
display: block;
padding-left: 50px;
line-height: 1.3em;
color: #444;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.news-table .row:hover a.news-title,
.news-table .row:hover a.news-title:hover {
color: #464eb6;
padding-left: 35px;
}
.news-caption {
position: relative;
margin-bottom: 30px;
}
.news-caption figcaption {
color: #fff;
font-size: 36px;
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-weight: 300px;
left: 30px;
top: 30px;
position: absolute;
}
html[lang="ja-JP"] .news-caption figcaption {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Osaka", "Arial", "Helvetica", Sans-serif;
}
@media (min-width: 768px) {
.page-news .col-aside {
width: 280px;
}
.page-news .col-content {
width: -webkit-calc(100% - 280px);
width: -moz-calc(100% - 280px);
width: calc(100% - 280px);
}
}
@media (max-width: 767px) {
.page-news .col-aside,
.page-news .side-boxes > * {
width: 100%;
}
.news-caption figcaption {
font-size: 20px;
left: 15px;
top: 15px;
}
.news-table .row > div:first-child {
padding-left: 15px;
}
.news-table a.news-title {
padding-left: 20px;
}
.news-table .row {
padding: 10px 0;
}
}
.page-news .pagination > li > a,
.page-news .pagination > li > span {
padding: 8px 15px;
color: #0E4D6C;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.page-news .pagination > li.active > a {
background-color: #0E4D6C;
border-color: #0E4D6C;
color: #fff;
}
.page-news .side-boxes h3 {
margin-top: 45px;
}
/*** END ims2017/global/news.css ***/
/*** START ims2017/global/gallery.css ***/
/* Gallery */
.typeFancybox ul {
padding: 0; margin: 0; list-style-type: none;
}
/* styles are copied from bootstrap .thubnail */
.galleria-thumbnails-container .galleria-thumbnails .galleria-image,
.typeFancybox li {
display: inline-block;
padding: 4px;
line-height: 20px;
border: 1px solid #ddd;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
margin-right: 5px;
margin-bottom: 5px;
}
.galleria-thumbnails-container .galleria-thumbnails .galleria-image:hover,
.galleria-thumbnails-container .galleria-thumbnails .galleria-image:focus,
.typeFancybox li:hover,
.typeFancybox li:focus {
border-color: #0088cc;
-webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
-moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
}
/*** END ims2017/global/gallery.css ***/
/*** START ims2017/global/e-commerce.css ***/
.et {
border-radius: 0;
border: 0 none;
box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
}
.et.dark:before {
border-color: #fff transparent;
}
.searchContactsForm.filter-form {
padding: 10px 15px;
}
.searchContactsForm.filter-form p {
margin: 0;
}
.searchContactsForm.filter-form table td,
.searchContactsForm.filter-form table tr:first-child td {
padding: 5px 10px;
vertical-align: middle;
}
.searchContactsForm.filter-form select {
border: 1px solid #ccc;
padding: 4px;
}
.searchContactsForm.filter-form .search-chosen + select {
/* display: none !important; */
}
/* show search filters horizontally on desktop versions taskId.16806332 */
@media (min-width: 1025px) {
.searchContactsForm.filter-form {
clear: both;
overflow: hidden;
}
.searchContactsForm.filter-form table {
overflow-x: hidden;
}
.searchContactsForm.filter-form table,
.searchContactsForm.filter-form table tbody,
.searchContactsForm.filter-form table tr,
.searchContactsForm.filter-form table tr:first-child td,
.searchContactsForm.filter-form table td {
display: block; padding: 0; margin: 0;
}
.searchContactsForm.filter-form table tbody {
margin-left: -5px;
margin-right: -5px;
}
.searchContactsForm.filter-form table tr {
float: left;
width: 20%;
padding-left: 5px;
padding-right: 5px;
}
.searchContactsForm.filter-form table tr:last-child {
float: none;
width: 100%;
clear: both;
overflow: hidden;
}
.searchContactsForm.filter-form table select {
width: 100%;
}
.searchContactsForm.filter-form table td,
.searchContactsForm.filter-form table tr:first-child td {
padding-bottom: 5px;
}
}
@media (max-width: 767px) {
.searchContactsForm.filter-form table,
.searchContactsForm tr,
.searchContactsForm td {
display: block;
}
.searchContactsForm.filter-form tr:first-child td:last-child {
padding-top: 0px;
}
.searchContactsForm.filter-form td:first-child {
padding-bottom: 0px;
padding-top: 10px;
}
.searchContactsForm.filter-form td:last-child {
padding-top: 0px;
}
.searchContactsForm.filter-form select {
max-width: 100%;
width: 200px;
}
}
.orderList th#pay {
border-right: 1px solid #ccc;
}
.orderList #paid,
.orderList #balance {
display: none;
}
/*** END ims2017/global/e-commerce.css ***/
/*** START ims2017/global/blog.css ***/
/* Blog */
.blog-container {
margin-top: 30px;
}
.page-blog-post h1.postSubject {
margin-top: 0;
}
.blog-description {
background-color: #f2f2f2;
padding: 30px 40px;
margin-bottom: 20px;
margin-top: 20px;
border-bottom: 3px solid #d7d7d7;
line-height: 1.6em;
}
.blog-description p {
margin-bottom: 0px;
margin-top: 10px;
}
.blog-description h3 {
margin: 0;
}
@media (max-width: 767px) {
.blog-description {
padding: 20px 30px;
}
}
@media (max-width: 479px) {
.blog-description {
padding: 15px 20px;
}
}
.blogMessages {
background-color: #f2f2f2;
border-bottom: 3px solid #E9B126;
font-size: 20px;
font-family: 'Roboto', Arial, Helvetica, sans-serif;
padding: 30px;
text-align: center;
margin-bottom: 30px;
}
.blogMessages:before {
font-family: 'FontAwesome';
font-size: 40px;
content: '\f071';
margin-bottom: 20px;
display: block;
}
.pageVQD3LTCW .blogMessages:before {
color: #2EB624;
}
.page1I018IC2 .blogMessages:before {
color: #E9B126;
}
.pageMX52POFU .blogMessages:before {
color: #253C5B;
}
.page3N5SCH9I .blogMessages:before {
color: #f3f3f3;
}
.blogMessages p {
margin: 0;
}
.pageVQD3LTCW .blogMessages {
border-bottom: 3px solid #2EB624;
}
.page1I018IC2 .blogMessages {
border-bottom: 3px solid #E9B126;
}
.pageMX52POFU .blogMessages {
border-bottom: 3px solid #253C5B;
}
.page3N5SCH9I .blogMessages {
border-bottom: 3px solid #f3f3f3;
}
/* BLOG HOME */
.page1QROCAEQ .breadcrumb,
.page1QROCAEQ .share-box,
.parent1QROCAEQ .breadcrumb,
.parent1QROCAEQ .share-box {
display: none;
}
.blog-aside .share-box,
.blog-aside .share-box:hover,
.blog-aside .share-box:focus {
display: block;
float: none;
border: 0 none;
width: 100%;
margin: 0;
}
.blog-aside .share-box a {
border: 0 none;
}
.blog-aside .share-box .share-icons {
background-color: #f7f7f7;
}
.blog-aside .blog-side-box-text a {
padding: 0;
margin: 0;
color: #464eb6;
border: 0 none;
display: inline;
text-decoration: underline;
}
@media (max-width: 767px) {
.blog-aside .blog-side-box-text h5 {
margin: 0;
}
.blog-aside .blog-side-box-text a {
padding: 5px 15px;
display: block;
}
}
.blog-aside .blog-side-box-text h4 + div {
padding: 10px 15px;
}
.blog-aside .blog-side-box-text h4 + div p {
margin: 0;
}
.page-blog-post .blog-side-box-authors {
display: none;
}
.blogs-container {
position: relative;
margin-top: 20px;
}
.blogs-container .btn-subscribe {
position: absolute;
right: 0px;
top: 30px;
display: inline-block;
font-size: 24px;
font-family: 'Roboto', Arial, Helvetica, sans-serif;
background-color: #f2f2f2;
padding: 10px 20px;
color: #444;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.blogs-container .btn-subscribe:hover {
color: #e49900;
}
.blogs-container > .flex-row {
margin-top: -51px;
margin-top: 0px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
/* clear: both !for(ie9 ie8); */
/* overflow: hidden !for(ie9 ie8); */
/* margin-left: -15px !for(ie9); */
/* margin-right: -15px !for(ie9); */
/* margin-left: -15px !for(ie8); */
/* margin-right: -15px !for(ie8); */
}
.blogs-container > .flex-row > div {
width: -webkit-calc(25% - 15px);
width: -moz-calc(25% - 15px);
width: calc(25% - 15px);
/* float: left !for(ie9 ie8); */
/* width: 25% !for(ie9 ie8); */
/* padding-left: 15px !for(ie9); */
/* padding-right: 15px !for(ie9); */
/* padding-left: 10px !for(ie8); */
/* padding-right: 10px !for(ie8); */
}
.blogs-container > .flex-row > div > h2 {
margin: 0; padding: 0;
}
.blogs-container > .flex-row > div > h2 a {
display: block;
padding: 10px 15px;
position: relative;
font-size: 24px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.blogs-container > .flex-row > div:nth-child(1) > h2 a {
background-color: #E9B126;
color: #000;
}
.blogs-container > .flex-row > div:nth-child(2) > h2 a {
background-color: #253C5B;
color: #fff;
}
.blogs-container > .flex-row > div:nth-child(3) > h2 a {
background-color: #2EB624;
color: #fff;
}
.blogs-container > .flex-row > div:nth-child(4) > h2 a {
background-color: #f3f3f3;
color: #000;
}
.blogs-container > .flex-row > div > h2 a[href*="ndt"] {
background-color: #E9B126;
color: #000;
}
.blogs-container > .flex-row > div > h2 a[href*="xrf-xrd"] {
background-color: #253C5B;
color: #fff;
}
.blogs-container > .flex-row > div > h2 a[href*="microscopy"] {
background-color: #2EB624;
color: #fff;
}
.blogs-container > .flex-row > div > h2 a[href*="rvi"] {
background-color: #f3f3f3;
color: #000;
}
.blogs-container > .flex-row > div > h2 a:after {
position: absolute;
width: 50px;
text-align: center;
height: 100%;
content: '\f141';
font-family: 'FontAwesome';
position: absolute;
right: 0px;
top: 0px;
padding-top: 11px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.blogs-container > .flex-row > div:nth-child(1) > h2 a:hover {
background-color: #E7A805;
}
.blogs-container > .flex-row > div:nth-child(2) > h2 a:hover {
background-color: #1B334F;
}
.blogs-container > .flex-row > div:nth-child(3) > h2 a:hover {
background-color: #1EA312;
}
.blogs-container > .flex-row > div:nth-child(4) > h2 a:hover {
background-color: #e8e8e8;
}
.blogs-container > .flex-row > div:nth-child(1) > h2 a:after {
background-color: #E7A805;
color: #FFCC4D;
}
.blogs-container > .flex-row > div:nth-child(2) > h2 a:after {
background-color: #1B334F;
color: #3F5675;
}
.blogs-container > .flex-row > div:nth-child(3) > h2 a:after {
background-color: #1EA312;
color: #40C536;
}
.blogs-container > .flex-row > div:nth-child(4) > h2 a:after {
background-color: #e8e8e8;
color: #ffffff;
}
.blogs-container > .flex-row > div:nth-child(1) > h2 a:hover:after {
color: #FFDB74;
}
.blogs-container > .flex-row > div:nth-child(2) > h2 a:hover:after {
color: #6A8BB0;
}
.blogs-container > .flex-row > div:nth-child(3) > h2 a:hover:after {
color: #97EE7B;
}
.blogs-container > .flex-row > div:nth-child(4) > h2 a:hover:after {
color: #ffffff;
}
.recent-posts-landing {
background-color: #f2f2f2;
height: 450px;
height: 300px;
overflow-y: scroll;
}
.blogs-container > .flex-row > div:nth-child(1) .recent-posts-landing {
border-bottom: 3px solid #E9B126;
}
.blogs-container > .flex-row > div:nth-child(2) .recent-posts-landing {
border-bottom: 3px solid #253C5B;
}
.blogs-container > .flex-row > div:nth-child(3) .recent-posts-landing {
border-bottom: 3px solid #2EB624;
}
.blogs-container > .flex-row > div:nth-child(4) .recent-posts-landing {
border-bottom: 3px solid #e8e8e8;
}
.recent-post {
padding: 10px;
border-top: 1px solid #fff;
border-bottom: 1px solid #e3e3e3;
line-height: 1.4em;
}
.recent-post a {
color: #444;
}
.recent-post img {
margin-bottom: 0;
margin-right: 10px;
}
.recent-post-date {
color: #999;
}
@media (max-width: 979px) {
.blogs-container .btn-subscribe {
font-size: 22px;
}
.blogs-container > .flex-row {
margin-top: -48px;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.blogs-container > .flex-row > div {
width: -webkit-calc(50% - 10px);
width: -moz-calc(50% - 10px);
width: calc(50% - 10px);
margin-bottom: 20px;
padding-left: 0px;
padding-right: 0px;
background-color: #f2f2f2;
}
/*.blogs-container > .flex-row > div:nth-child(odd) {
margin-right: 10px;
}
.blogs-container > .flex-row > div:nth-child(even) {
margin-left: 10px;
}*/
.recent-posts-landing {
height: auto;
overflow: auto;
}
.recent-post:nth-child(1n+3) {
display: none;
}
.recent-post:nth-child(2) {
border-bottom: 0 none;
}
.blogs-container > .flex-row > div:nth-child(1) .recent-posts-landing,
.blogs-container > .flex-row > div:nth-child(2) .recent-posts-landing,
.blogs-container > .flex-row > div:nth-child(3) .recent-posts-landing,
.blogs-container > .flex-row > div:nth-child(4) .recent-posts-landing {
border-bottom: 0 none;
}
.blogs-container > .flex-row > div:nth-child(1) {
border-bottom: 3px solid #E9B126;
}
.blogs-container > .flex-row > div:nth-child(2) {
border-bottom: 3px solid #253C5B;
}
.blogs-container > .flex-row > div:nth-child(3) {
border-bottom: 3px solid #2EB624;
}
.blogs-container > .flex-row > div:nth-child(4) {
border-bottom: 3px solid #e8e8e8;
}
}
@media (max-width: 767px) {
.blogs-container .btn-subscribe {
font-size: 20px;
}
.blogs-container > .flex-row {
margin-top: 0px;
}
.blogs-container > .flex-row > div {
width: -webkit-calc(50% - 5px);
width: -moz-calc(50% - 5px);
width: calc(50% - 5px);
margin-bottom: 10px;
}
.blogs-container > .flex-row > div:nth-child(odd) {
margin-right: 5px;
}
.blogs-container > .flex-row > div:nth-child(even) {
margin-left: 5px;
}
}
@media (max-width: 479px) {
.blogs-container > img {
display: none;
}
.blogs-container .btn-subscribe {
font-size: 18px;
width: 100%;
position: static;
margin-top: 10px;
margin-bottom: 10px;
}
.blogs-container > .flex-row {
display: block;
}
.blogs-container > .flex-row > div {
width: 100%;
float: none;
}
.recent-posts-landing {
height: auto;
max-height: 300px;
}
.blogs-container > .flex-row > div:nth-child(2),
.blogs-container > .flex-row > div:nth-child(3),
.blogs-container > .flex-row > div:nth-child(4) {
border-bottom: 0 none;
}
.blogs-container > .flex-row > div:nth-child(2) .recent-posts-landing,
.blogs-container > .flex-row > div:nth-child(3) .recent-posts-landing,
.blogs-container > .flex-row > div:nth-child(4) .recent-posts-landing {
display: none;
}
.blogs-container > .flex-row > div:nth-child(odd),
.blogs-container > .flex-row > div:nth-child(even) {
margin-left: 0;
margin-right: 0;
}
}
.blog-aside {
width: 300px ; /* !for(-ie8) */
float: left;
}
[itemprop="articleBody"] {
margin-top: 2em;
margin-bottom: 2em;
}
.blog-article {
float: left;
width: -webkit-calc(100% - 300px);
width: -moz-calc(100% - 300px);
width: calc(100% - 300px)
}
@media (max-width: 979px) {
.blog-aside {
width: 260px ; /* !for(-ie8) */
}
.blog-article {
width: -webkit-calc(100% - 260px);
width: -moz-calc(100% - 260px);
width: calc(100% - 260px)
}
}
@media (max-width: 767px) {
.blog-aside,
.blog-article {
width: 100%;
float: none;
}
.blog-side-box {
width: 400px;
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
}
#blogExtraTitle {
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 36px;
padding-bottom: 15px;
margin-bottom: 30px;
border-bottom: 1px solid #e2e2e2;
line-height: 1.1em;
}
.blog-side-box {
background-color: #f2f2f2;
margin-bottom: 30px;
border-bottom: 2px solid #e3e3e3;
}
.blog-side-box h4,
.blog-side-box .h4 {
padding: 10px 15px;
margin: 0;
}
.blog-side-box > div:not(.h4) {
border-top: 1px solid #e3e3e3;
clear: both;
overflow: hidden;
}
.blog-side-box a,
.blog-side-box #blogArchives > div > span {
border-top: 1px solid #fff;
border-bottom: 1px solid #e3e3e3;
display: block;
padding: 5px 15px;
color: #444;
cursor: pointer;
}
.side-box.blog-side-box {
border: 0 none;
}
.blog-side-box a:hover,
.blog-side-box #blogArchives > div > span:hover {
color: #e49900;
}
.side-box.blog-side-box a:hover {
color: #fff;
}
.blog-side-box #blogArchives a {
border: 0 none;
padding-left: 30px;
}
.blog-side-box .blogAuthor {
border-top: 1px solid #fff;
border-bottom: 1px solid #e3e3e3;
}
.blog-side-box .blogAuthor a {
border: 0 none;
padding: 0; margin: 0;
color: #e49900;
}
.blog-side-box .blogAuthor img {
margin-bottom: 0px;
border-radius: 50%;
}
.blog-side-box .blogAuthorName {
font-size: 14px;
}
.blog-side-box input.date-picker {
margin-left: 15px;
margin-top: 15px;
padding: 5px 10px;
border: 0 none;
width: calc(100% - 30px);
cursor: pointer;
background-image: url(../data/i/icon-calendar.png);
background-repeat: no-repeat;
background-position: right center;
}
.blog-side-box input.date-picker ~ button {
font-weight: normal;
padding: 5px 10px;
border: 0 none;
border-radius: 0;
}
.blog-header-container {
border-bottom: 3px solid #e49900;
position: relative;
margin-bottom: 20px;
margin-top: 20px;
}
.pageVQD3LTCW .blog-header-container {
border-color: #2EB624;
}
.page1I018IC2 .blog-header-container {
border-color: #E9B126;
}
.pageMX52POFU .blog-header-container {
border-color: #253C5B;
}
.page3N5SCH9I .blog-header-container {
border-color: #f3f3f3;
}
.blogContent div.sitePath {
padding-bottom: 15px;
}
.blogContent div.sitePath:before {
font-family: 'FontAwesome';
content: '\f015';
padding-right: 5px;
font-size: 16px;
}
.blogContent div.sitePath a {
text-decoration: none;
}
.blogContent div.sitePath > span:after {
font-family: 'FontAwesome';
content: '\f105';
padding-right: 7px;
padding-left: 7px;
}
.blogContent div.sitePath > span:last-child {
cursor: text;
}
.blogContent div.sitePath > span:last-child:after {
content: '';
}
.cmtMessage:before,
.cmtError:before {
font-family: 'FontAwesome';
content: '';
}
.blogPost .cmtMessages {
margin-top: 15px;
}
.cmtMessage,
.cmtError {
font-size: 22px;
font-family: 'Roboto', Arial, Helvetica, sans-serif;
text-align: center;
line-height: 1.3em;
background-color: #f2f2f2;
padding: 10px;
}
.blog-dropdown {
width: 370px;
position: absolute;
right: 0px;
bottom: -3px;
}
.blog-dropdown button,
.blog-dropdown button:hover,
.blog-dropdown button:focus {
background-color: #E9B126;
border-radius: 0;
border: 0 none;
width: 100%;
font-size: 26px;
font-family: 'Roboto', Arial, Helvetica, sans-serif;
text-shadow: none;
color: #000;
text-align: left;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.pageVQD3LTCW .blog-dropdown button,
.pageVQD3LTCW .blog-dropdown button:hover,
.pageVQD3LTCW .blog-dropdown button:focus {
background-color: #2EB624;
color: #fff;
}
.page1I018IC2 .blog-dropdown button,
.page1I018IC2 .blog-dropdown button:hover,
.page1I018IC2 .blog-dropdown button:focus {
background-color: #E9B126;
color: #000;
}
.pageMX52POFU .blog-dropdown button,
.pageMX52POFU .blog-dropdown button:hover,
.pageMX52POFU .blog-dropdown button:focus {
background-color: #253C5B;
color: #fff;
}
.page3N5SCH9I .blog-dropdown button,
.page3N5SCH9I .blog-dropdown button:hover,
.page3N5SCH9I .blog-dropdown button:focus {
background-color: #f3f3f3;
color: #000;
}
.blog-dropdown button:hover,
.blog-dropdown.open button:focus {
background-color: #E7A805;
}
.pageVQD3LTCW .blog-dropdown button:hover,
.pageVQD3LTCW .blog-dropdown.open button:focus {
background-color: #1EA312;
}
.page1I018IC2 .blog-dropdown button:hover,
.page1I018IC2 .blog-dropdown.open button:focus {
background-color: #E7A805;
}
.pageMX52POFU .blog-dropdown button:hover,
.pageMX52POFU .blog-dropdown.open button:focus {
background-color: #1B334F;
}
.page3N5SCH9I .blog-dropdown button:hover,
.page3N5SCH9I .blog-dropdown.open button:focus {
background-color: #e8e8e8;
}
.blog-dropdown button:after {
position: absolute;
width: 50px;
text-align: center;
height: 100%;
content: '\f141';
font-family: 'FontAwesome';
position: absolute;
right: 0px;
top: 0px;
padding-top: 8px;
background-color: #E7A805;
color: #FFCC4D;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.pageVQD3LTCW .blog-dropdown button:after {
background-color: #1EA312;
color: #40C536;
}
.page1I018IC2 .blog-dropdown button:after {
background-color: #E7A805;
color: #FFCC4D;
}
.pageMX52POFU .blog-dropdown button:after {
background-color: #1B334F;
color: #3F5675;
}
.page3N5SCH9I .blog-dropdown button:after {
background-color: #e8e8e8;
color: #ffffff;
}
.blog-dropdown button:hover:after {
color: #FFDB74;
}
.pageVQD3LTCW .blog-dropdown button:hover:after {
color: #97EE7B;
}
.page1I018IC2 .blog-dropdown button:hover:after {
color: #FFDB74;
}
.pageMX52POFU .blog-dropdown button:hover:after {
color: #6A8BB0;
}
.page3N5SCH9I .blog-dropdown button:hover:after {
color: #ffffff;
}
.blog-dropdown ul {
width: 100%;
background-color: #E9B126;
}
.pageVQD3LTCW .blog-dropdown ul {
background-color: #2EB624;
}
.page1I018IC2 .blog-dropdown ul {
background-color: #E9B126;
}
.pageMX52POFU .blog-dropdown ul {
background-color: #253C5B;
}
.page3N5SCH9I .blog-dropdown ul {
background-color: #f3f3f3;
}
.blog-dropdown .dropdown-menu > li > a {
border-bottom: 1px solid #E7A805;
font-size: 18px;
font-family: 'Roboto', Arial, Helvetica, sans-serif;
color: #000;
border: 0 none;
}
.blog-dropdown .dropdown-menu > li > a[href*="xrf"] {
background-color: #253C5B;
color: #fff;
}
.blog-dropdown .dropdown-menu > li > a[href*="microscopy"] {
background-color: #2EB624;
color: #fff;
}
.blog-dropdown .dropdown-menu > li > a[href*="ndt"] {
background-color: #E9B126;
}
.blog-dropdown .dropdown-menu > li > a[href*="rvi"] {
background-color: #f3f3f3;
background-color: #ddd;
}
.blog-dropdown .dropdown-menu > li > a:hover {
background-image: none;
color: #000;
}
.blog-dropdown .dropdown-menu > li > a[href*="xrf"]:hover {
background-color: #1B334F;
color: #fff;
}
.blog-dropdown .dropdown-menu > li > a[href*="microscopy"]:hover {
background-color: #1EA312;
color: #fff;
}
.blog-dropdown .dropdown-menu > li > a[href*="ndt"]:hover {
background-color: #E7A805;
}
.blog-dropdown .dropdown-menu > li > a[href*="rvi"]:hover {
background-color: #e8e8e8;
}
.blog-subscribe-btn {
position: absolute;
right: 0px;
top: 30px;
display: inline-block;
background-color: #f2f2f2;
color: #444;
padding: 5px 20px;
font-size: 24px;
font-family: 'Roboto', Arial, Helvetica, sans-serif;
line-height: 1.6em;
}
.blog-subscribe-form h4,
.blog-subscribe-form .h4 {
display: inline-block;
margin-top: 0px;
}
.blog-subscribe-form input[type="email"] {
border: 0 none;
background-color: #f2f2f2;
margin-right: 10px;
padding: 6px 10px;
}
@media (max-width: 1199px) {
.blog-dropdown {
width: 280px;
}
}
@media (max-width: 979px) {
.blog-dropdown {
width: 230px;
}
.blog-dropdown button, .blog-dropdown button:hover, .blog-dropdown button:focus {
font-size: 24px;
}
.blog-dropdown .dropdown-menu > li > a {
font-size: 18px;
}
#blogExtraTitle {
font-size: 30px;
}
.blog-subscribe-btn {
font-size: 22px;
}
}
@media (max-width: 767px) {
.blog-dropdown button, .blog-dropdown button:hover, .blog-dropdown button:focus {
font-size: 20px;
}
.blog-dropdown .dropdown-menu > li > a {
font-size: 16px;
}
#blogExtraTitle {
font-size: 24px;
}
.blog-subscribe-btn {
font-size: 20px;
}
}
@media (max-width: 479px) {
.blog-dropdown button, .blog-dropdown button:hover, .blog-dropdown button:focus {
font-size: 20px;
}
.blog-dropdown .dropdown-menu > li > a {
font-size: 16px;
}
#blogExtraTitle {
font-size: 22px;
}
.blog-header-container > img {
display: none;
}
.blog-subscribe-btn {
position: static;
width: 100%;
font-size: 18px;
margin-top: 15px;
margin-bottom: 10px;
}
.blog-dropdown {
position: relative;
width: 100%;
}
.blog-header-container {
display: flex;
flex-flow: column-reverse nowrap;
}
}
/* =BLOG =TAG CLOUD */
#blogTagCloud,
.tags-cloud {
padding-top: 15px;
padding-bottom: 15px;
padding-right: 10px;
clear: both;
overflow: hidden;
/* taskId.16816212 2019/09/11 */
display: flex;
flex-flow: row wrap;
}
#blogTagCloud .blogTag,
.blog-aside .tags-tag {
float: none;
width: auto;
display: inline-block;
padding-left: 15px;
padding-bottom: 15px;
line-height: 1em;
}
.blog-aside .tags-tag:first-child {
padding-top: 15px;
}
#blogTagCloud .blogTag a,
.tags-tag a{
width: auto;
padding: 0;
border: 0 none;
}
#blogTagCloud .pop15 a {font-size: 180%;}
#blogTagCloud .pop14 a {font-size: 170%;}
#blogTagCloud .pop13 a {font-size: 160%;}
#blogTagCloud .pop12 a {font-size: 155%;}
#blogTagCloud .pop11 a {font-size: 150%;}
#blogTagCloud .pop10 a {font-size: 145%;}
#blogTagCloud .pop9 a {font-size: 140%;}
#blogTagCloud .pop8 a {font-size: 135%;}
#blogTagCloud .pop7 a {font-size: 130%;}
#blogTagCloud .pop6 a {font-size: 125%;}
#blogTagCloud .pop5 a {font-size: 120%;}
#blogTagCloud .pop4 a {font-size: 115%;}
#blogTagCloud .pos3 a {font-size: 110%;}
#blogTagCloud .pop2 a {font-size: 105%;}
#blogTagCloud .pop1 a {font-size: 100%;}
/*#blogTagCloud {
margin-top: 20px;
}
#blogTagCloud .blogTag {
display: block;
margin-top: -20px;
}
#blogTagCloud .blogTag:last-child {
margin-bottom: -22px;
}
#blogTagCloud .blogTag:first-child {
border-top: 1px solid #fff;
}
#blogTagCloud a {
border-top: 0 none;
display: block;
text-transform: capitalize;
}
#blogTagCloud .blogTag:after {
border-bottom: 1px solid #fff;
content: '';
with: 100%;
display: block;
}*/
#blogTagList a {
padding: 3px 8px;
display: block;
border-radius: 3px;
margin-bottom: 3px;
}
#blogTagList a:hover {
background-color: #EEEEEE;
text-decoration: none;
}
#blogTagList .active a {
background-color: #0088CC;
color: #fff;
}
h3.sideTitleCategories:before,
h3.sideTitleArchive:before,
h3.sideTitlePopularTopics:before,
h3.sideTitleRecentPosts:before,
h3.sideTitleRecentComments:before,
h3.sideTitleAuthors:before,
h3.sideTitleTags:before,
h3.sideTitleNewsletter:before {
font-family: 'FontAwesome';
content: '\f07c';
padding-right: 5px;
font-size: 20px;
font-weight: normal;
}
h3.sideTitleArchive:before {content: '\f133';}
h3.sideTitlePopularTopics:before {content: '\f005';}
h3.sideTitleRecentPosts:before {content: '\f07c';}
h3.sideTitleRecentComments:before {content: '\f0e6';}
h3.sideTitleAuthors:before {content: '\f0c0';}
h3.sideTitleTags:before {content: '\f02c'}
h3.sideTitleNewsletter:before {content: '\f0e0'}
.blog-caption {
position: relative;
margin-top: 30px;
margin-bottom: 30px;
}
@media (max-width: 767px) {
.blog-caption {display: none;}
}
.blog-caption-box {
position: absolute;
top: 30px;
right: 30px;
background-color: #f7f7f7;
background-color: rgba(255,255,255,0.8);
max-width: 100%;
transition: all 0.5s;
}
.blog-caption-box h5,
.blog-caption-box .h5 {
margin: 0;
}
.blog-caption-box:hover {
background-color: rgba(255,255,255,0.9);
}
.blog-caption-box h5 a,
.blog-caption-box .h5 a {
display: block;
padding: 10px 15px;
transition: all 0.5s;
}
.blog-caption-box h5 a:hover,
.blog-caption-box .h5 a:hover {
color: #e49900;
}
/* =LIST */
#posts .pagination .pagination,
.blog-posts-box .pagination .pagination {
margin: 0;
}
#posts .pagination > li > a,
#posts .pagination > li > span,
.blog-posts-box .pagination > li > a,
.blog-posts-box .pagination > li > span {
border: 0 none;
border-radius: 0;
margin-right: 3px;
margin-bottom: 3px;
background-color: #f2f2f2;
color: #444;
transition: all 0.3s;
}
.blog-posts-box .pagination > li > a:hover,
.blog-posts-box .pagination > li > a:hover {
background-color: #e49900;
color: #fff;
}
.blog-posts-box .pagination > li.active > a,
.blog-posts-box .pagination > li.active > a {
background: #3f3f3f;
border: 0 none;
color: #fff;
}
#blogPosts {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
}
#blogPosts .blogPost {
margin-bottom: 20px;
width: calc(50% - 15px);
background-color: #f7f7f7;
padding-bottom: 15px;
display: flex;
flex-flow: column nowrap;
}
#blogPosts .blogPost h2 {font-size: 22px;}
@media (max-width: 991px) {#blogPosts .blogPost h2 {font-size: 20px;}}
@media (max-width: 767px) {#blogPosts .blogPost h2 {font-size: 18px;}}
@media (max-width: 479px) {#blogPosts .blogPost h2 {font-size: 18px;}}
#blogPosts .blogPost h3 a,
#blogPosts .blogPost h2 a {
margin-top: 15px;
display: block;
color: #444;
transition: all 0.3s;
}
#blogPosts .blogPost h3 a:hover,
#blogPosts .blogPost a:hover + h3 a,
#blogPosts .blogPost h2 a:hover,
#blogPosts .blogPost a:hover + h2 a {
color: #e49900;
}
#blogPosts .blogPost > *:not(:first-child) {
padding-left: 15px;
padding-right: 15px;
}
#blogPost.blogPost {
width: 100%;
}
#blogPosts .blogPost > *:last-child {
margin-top: auto;
}
@media (max-width: 767px) {
.blog-article {
margin-bottom: 30px;
}
#blogPosts {
margin-top: 20px;
}
#blogPosts .blogPost {
width: calc(50% - 10px);
}
}
@media (max-width: 479px) {
#blogPosts .blogPost {
width: 100%;
}
}
.blogPost:only-child .read-more {
display: none;
}
.blogPost:last-child {
border-bottom: 0 none;
padding-bottom: 0px;
margin-bottom: 0px;
}
.postBody {
margin-bottom: 10px;
margin-top: 10px;
}
.blog-post-image {
margin-bottom: 15px;
}
.blog-content-tags {
margin-bottom: 10px;
display: flex;
flex-flow: row-reverse nowrap;
justify-content: flex-end;
align-items: center;
}
.tags-cloud:empty,
.tags-cloud:empty ~ i {
display: none;
}
.blog-content-tags,
.blog-content-tags a {
color: #999999;
text-decoration: none;
}
.blog-content-tags a:hover {
color: #e49900;
}
.blog-content-date {
color: #999;
}
.blog-content-author {
color: #e49900;
}
.readMore {
display: none;
}
a.read-more {
color: #e49900;
border: 0 none;
background-color: transparent;
border-radius: 0;
box-shadow: none;
padding: 0;
margin: 0;
font-size: 13px;
}
a.read-more:before {
font-family: 'FontAwesome';
content: '\f138';
margin-right: 5px;
}
#blogPosts h3,
#blogPosts h2 {
padding: 0; margin: 0;
margin-top: 0px;
margin-bottom: 5px;
}
h2.postSubject,
h1.postSubject {
padding: 0; margin: 0;
margin-top: 0px;
margin-bottom: 10px;
}
.postedBy {
padding-top: 10px;
}
.postBody {
}
.rPostItem {
margin-bottom: 10px;
}
.CommentsItem {
margin-bottom: 15px;
}
.well h3 {
margin-top: 0px;
}
.well a {
text-decoration: underline;
}
.blogAuthors .blogAuthor {
clear: both;
overflow: hidden;
padding: 10px 15px;
}
/* =POST */
.image-caption {
display: table;
background-color: #f5f5f5;
border: 1px solid #d7d7d7;
text-align: center;
font-weight: bold;
}
.image-caption[align="right"] {
float: right;
margin-left: 15px;
margin-bottom: 5px;
}
.image-caption[align="left"] {
float: left;
margin-right: 15px;
margin-bottom: 5px;
}
.image-caption .row {
display: table-row;
margin: 0;
}
.image-caption .row > div {
display: table-cell;
padding: 5px;
}
.image-caption .row:nth-child(2) > div {
border-top: 1px solid #d7d7d7;
line-height: 1.3em;
}
@media (max-width: 479px) {
.image-caption[align="left"],
.image-caption[align="right"] {
float: none;
margin-left: 0px;
margin-right: 0px;
}
}
.blogPost {
font-size: 15px;
line-height: 1.6em;
}
#blogPosts .blog-post-empty {
padding: 0;
margin: 0;
overflow: hidden;
border: 0 none;
background-color: transparent;
height: 0;
}
.author-bottom {
background-color: #f2f2f2;
padding: 10px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
margin-bottom: 15px;
border-bottom: 2px solid #e3e3e3;
}
.author-bottom > a {
margin-right: 20px;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-moz-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.author-bottom hr {
margin: 5px 0px 10px;
border-top: 1px solid #d7d7d7;
}
.author-bottom > div {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
}
.author-bottom > div > a {
font-size: 17px;
}
@media (max-width: 479px) {
.author-bottom {
-webkit-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
}
.author-bottom > a {
margin-bottom: 10px;
text-align: center;
}
}
.author-top {
background-color: #f2f2f2;
padding: 20px;
margin-bottom: 30px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
-ms-grid-row-align: center;
align-items: center;
}
.author-top > a,
.author-top > img {
margin-right: 30px;
-webkit-box-flex: 1;
-webkit-flex: 1 0 auto;
-moz-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
}
.author-top > div {
-webkit-box-flex: 1;
-webkit-flex: 1 1 100%;
-moz-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
}
.author-top hr {
margin: 15px 0px 15px;
border-top: 1px solid #d7d7d7;
}
.author-top h3 {
margin-top: 0px;
}
@media (max-width: 979px) {
.author-top img {
width: 120px;
}
}
@media (max-width: 479px) {
.author-top {
-webkit-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
}
.author-top > a,
.author-top > img {
margin-right: 0px;
margin-bottom: 15px;
}
}
/* authors page */
.blog-all-authors-page {
margin-top: 30px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.blog-all-authors-page > div {
margin-bottom: 30px;
background-color: #f2f2f2;
border-bottom: 3px solid #d7d7d7;
padding: 15px;
width: -webkit-calc(33.3333% - 20px);
width: -moz-calc(33.3333% - 20px);
width: calc(33.3333% - 20px);
}
.blog-all-authors-page > div.author-empty {
padding: 0;
visibility: hidden;
height: 0;
margin: 0;
}
.blog-all-authors-page .author-name a {
display: block;
border-bottom: 1px solid #d7d7d7;
color: #444444;
padding-bottom: 5px;
}
.blog-all-authors-page .author-photo {
text-align: center;
}
@media (min-width: 980px) {
.blog-all-authors-page img {
width: 200px;
max-width: 100%;
height: auto;
}
}
@media (max-width: 979px) {
.blog-all-authors-page > div {
width: -webkit-calc(33.3333% - 5px);
width: -moz-calc(33.3333% - 5px);
width: calc(33.3333% - 5px);
margin-bottom: 10px;
}
}
@media (max-width: 767px) {
}
@media (max-width: 479px) {
.blog-all-authors-page > div {
width: -webkit-calc(50% - 5px);
width: -moz-calc(50% - 5px);
width: calc(50% - 5px);
}
}
#blogPostSlides .pagination {
margin: 0;
}
.blog-subscribe-form-container input[type="submit"] {
margin-top: 5px;
}
/* directory blog */
.blog-outline {
outline: 2px dotted darkred;
position: relative;
transition: all 0.3s;
}
.blog-outline:hover {
outline: 2px dotted transparent;
}
.blog-outline::after {
content: attr(data-outline);
position: absolute;
right: 0px;
top: 0;
background-color: darkred;
color: #fff;
padding: 10px 20px;
border-radius: 5px;
opacity: 0;
transition: right 0.3s, opacity 0.3s, left 0.3s;
display: block;
width: 0;
height: 0;
overflow: hidden;
}
.blog-outline:hover::after {
right: 100%;
opacity: 1;
width: 200px;
height: auto;
}
.blog-outline-left::after {
right: auto;
left: 0;
}
.blog-outline-left:hover::after {
left: 100%;
}
/* TAGGED POSTS PAGE /safe/ taskId.16814281 */
body.page-tag-posts .short-description * {
color: #444444;
}
body.page-tag-posts .pagination {
display: none;
}
@media (min-width: 1025px) {
body.page-tag-posts.hideSidebar #blogPosts .blogPost {
width: calc(33.3333% - 15px);
}
}
/*** END ims2017/global/blog.css ***/
/*** START ims2017/global/navigation.css ***/
/* Navigation */
.caret {
border-top: 4px solid #000000;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
}
.dropdown-menu {
background-color: #fff;
border: 1px solid #cccccc;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 4px;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.dropdown-menu .divider {
background-color: #e5e5e5;
}
.dropdown-menu > li > a {
color: #000;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
color: #e49900;
text-decoration: none;
background-color: #ffffff;
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ffffff), to(#ffffff));
background-image: -webkit-linear-gradient(top, #ffffff, 0%, #ffffff, 100%);
background-image: -moz-linear-gradient(top, #ffffff 0%, #ffffff 100%);
background-image: linear-gradient(to bottom, #ffffff 0%, #ffffff 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffffffff', GradientType=0);
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
color: #e49900;
text-decoration: none;
background-color: #ffffff;
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ffffff), to(#ffffff));
background-image: -webkit-linear-gradient(top, #ffffff, 0%, #ffffff, 100%);
background-image: -moz-linear-gradient(top, #ffffff 0%, #ffffff 100%);
background-image: linear-gradient(to bottom, #ffffff 0%, #ffffff 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffffffff', GradientType=0);
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
color: #999999;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
text-decoration: none;
cursor: not-allowed;
background-color: transparent;
background-image: none;
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.dropdown-header {
color: #999999;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
border-top: 0;
border-bottom: 4px solid #000000;
content: "";
}
.navbar-inverse .nav > li > a {
color: #ffffff;
}
.navbar-inverse .nav .caret {
border-bottom-color: #ffffff;
border-top-color: #ffffff;
}
.nav > li > a {
color: #464eb6;
}
.nav > li > a:hover,
.nav > li > a:focus {
color: #e49900;
background-color: #FFFFFF-hover;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
color: #ffffff;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
background-color: #ffffff;
}
.nav > li.disabled > a {
color: #999999;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
color: #999999;
text-decoration: none;
}
.nav.open > a,
.nav.open > a:hover,
.nav.open > a:focus {
color: #ffffff;
background-color: #428bca;
border-color: #428bca;
}
.nav.open > a .caret,
.nav.open > a:hover .caret,
.nav.open > a:focus .caret {
border-top-color: #ffffff;
border-bottom-color: #ffffff;
}
.nav .nav-divider {
background-color: #e5e5e5;
}
.nav-tabs {
border-bottom: 1px solid #dddddd;
}
.nav-tabs > li > a {
margin-right: 2px;
border: 1px solid transparent;
border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover {
border-color: #eeeeee;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
color: #555555;
background-color: #ffffff;
border: 1px solid #dddddd;
border-bottom-color: transparent;
}
.nav-tabs.nav-justified {
width: 100%;
border-bottom: 0;
}
.nav-tabs.nav-justified > li > a {
border-bottom: 1px solid #dddddd;
}
.nav-tabs.nav-justified > .active > a {
border-bottom-color: #ffffff;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
color: #ffffff;
background-color: #428bca;
}
.nav-tabs-justified > li > a {
border-bottom: 1px solid #dddddd;
}
.nav-tabs-justified > .active > a {
border-bottom-color: #ffffff;
}
.nav .caret {
border-top-color: #464eb6;
border-bottom-color: #464eb6;
}
.nav a:hover .caret {
border-top-color: #e49900;
border-bottom-color: #e49900;
}
.nav-tabs .dropdown-menu {
margin-top: -1px;
border-top-right-radius: 0;
border-top-left-radius: 0;
}
.navbar {
background-color: #FFFFFF;
border-radius: 4px;
}
.navbar-nav > li > a {
color: #464eb6;
border-radius: 0px;
}
.navbar-nav > li > a:hover,
.navbar-nav > li > a:focus {
color: #e49900;
background-color: transparent;
}
.navbar-nav > .active > a,
.navbar-nav > .active > a:hover,
.navbar-nav > .active > a:focus {
color: #555555;
background-color: transparent;
}
.navbar-nav > .disabled > a,
.navbar-nav > .disabled > a:hover,
.navbar-nav > .disabled > a:focus {
color: #cccccc;
background-color: transparent;
}
.navbar-brand {
color: #464eb6;
}
.navbar-brand:hover,
.navbar-brand:focus {
color: #e49900;
background-color: transparent;
}
.navbar-toggle {
background-color: transparent;
border: 1px solid #ddd;
border-radius: 4px;
}
.navbar-toggle:hover,
.navbar-toggle:focus {
background-color: #f2f2f2;
border: 1px solid #f2f2f2;
}
.navbar-toggle .icon-bar {
display: block;
background-color: #08107b;
border-radius: 1px;
}
.navbar-nav > li > .dropdown-menu {
margin-top: 0;
border-top-right-radius: 0;
border-top-left-radius: 0;
}
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.navbar-nav > .dropdown > a:hover .caret,
.navbar-nav > .dropdown > a:focus .caret {
border-top-color: #e49900;
border-bottom-color: #e49900;
}
.navbar-nav > .open > a,
.navbar-nav > .open > a:hover,
.navbar-nav > .open > a:focus {
color: #e49900;
background-color: transparent;
}
.navbar-nav > .open > a .caret,
.navbar-nav > .open > a:hover .caret,
.navbar-nav > .open > a:focus .caret {
border-top-color: #e49900;
border-bottom-color: #e49900;
}
.navbar-nav > .dropdown > a .caret {
border-top-color: #464eb6;
border-bottom-color: #464eb6;
}
.navbar-inverse {
background-color: #5276AE;
border-color: #5276AE;
border-width: 0px;
}
.navbar-inverse .navbar-brand {
color: #ffffff;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
color: #ffffff;
background-color: transparent;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
border-color: #5276AE;
}
.navbar-inverse .navbar-text {
color: #999999;
}
.navbar-inverse .navbar-nav > li > a {
color: #ffffff;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
color: #ffffff;
background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
color: #f5ffbe;
background-color: #39527a;
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
color: #444444;
background-color: transparent;
}
.navbar-inverse .navbar-toggle {
border-color: #365c98;
background-color: #365c98;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
border-color: #638FCE;
background-color: #638FCE;
}
.navbar-inverse .navbar-toggle .icon-bar {
background-color: #ffffff;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
color: #ffffff;
background-color: #9FC767;
}
.navbar-inverse .navbar-nav > .dropdown > a:hover .caret {
border-top-color: #ffffff;
border-bottom-color: #ffffff;
}
.navbar-inverse .navbar-nav > .dropdown > a .caret {
border-top-color: #ffffff;
border-bottom-color: #ffffff;
}
.navbar-inverse .navbar-nav > .open > a .caret,
.navbar-inverse .navbar-nav > .open > a:hover .caret,
.navbar-inverse .navbar-nav > .open > a:focus .caret {
border-top-color: #ffffff;
border-bottom-color: #ffffff;
}
.navbar-fixed-top,
.navbar-fixed-bottom {
border-radius: 0;
}
@media screen and (max-width: 767px) {
.dropdown-menu > li > a {
color: #464eb6;
}
}
.navbar-link {
color: #777777;
}
.navbar-link:hover {
color: #333333;
}
.navbar-inverse .navbar-link {
color: #999999;
}
.navbar-inverse .navbar-link:hover {
color: #ffffff;
}
/* =CUSTOM STYLES */
.navbar {
min-height: 0;
margin: 0;
padding: 0;
border: 0 none;
position: static;
}
@media (min-width: 1200px) {
/* taskId.16815515 */
.navbar-collapse {
padding-left: 0;
}
html[lang="en-US"] .navbar,
html[lang="zh-CN"] .navbar,
html[lang="hu-HU"] .navbar,
html[lang="ko-KR"] .navbar,
html[lang="pt-PT"] .navbar {
margin-right: 50px;
/* after "support" was replaced with longer "support center" */
/* margin-right: 20px; */
transition: all 0.3s;
}
/* taskId.16815515 */
html[lang="ja-JP"] .navbar-nav > li > a,
html[lang="fr-FR"] .navbar-nav > li > a,
html[lang="de-DE"] .navbar-nav > li > a
/* html[lang="it-IT"] .navbar-nav > li > a, */
/* html[lang="pl-PL"] .navbar-nav > li > a */ {
padding: 10px 5px;
}
html[lang="es-ES"] .navbar-nav > li > a {
font-size: 14px;
padding: 10px 7px;
}
}
@media (min-width: 768px) {
.navbar-nav > li:nth-child(n+8) {
display: none;
}
.navbar-nav > li > a {
font-weight: bold;
color: #000;
padding: 10px 10px;
font-size: 16px;
}
.navbar-nav .caret {
display: none;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.navbar-nav > li > a {
padding: 0px 10px;
}
}
@media (min-width: 1024px) and (max-width: 1199px) {
.navbar-collapse {
padding-right: 0;
}
.navbar-nav > li > a {
padding-top: 0px;
padding-bottom: 5px;
}
.navbar-nav > li:last-child > a {
padding-right: 0;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
header.header {
justify-content: flex-start;
padding-top: 15px;
}
body.header-small header.header {
height: 109px;
}
body.header-small .header-placeholder {
height: 109px;
}
header.header .container {
position: static;
}
.navbar {
position: absolute;
left: 0;
bottom: 10px;
width: 100%;
}
.navbar-nav > li:first-child > a {
padding-left: 0;
}
}
@media (max-width: 767px) {
.navbar-nav > li {
border-bottom: 1px solid #e7e7e7;
}
.navbar-nav > li > a {
font-weight: normal;
color: #000;
font-size: 15px;
}
.navbar-header button {
padding: 10px 15px;
margin: 0;
width: 100%;
border: 1px solid #e7e7e7;
border-radius: 0;
background-color: transparent;
background-image: none;
}
.navbar-header button:hover,
.navbar-header button:focus {
box-shadow: none;
border: 1px solid #f5f5f5;
outline: none;
background-color: #f5f5f5;
}
.navbar-header button label {
color: #333;
text-shadow: none;
font-size: 13px;
font-weight: normal;
margin: 0;
text-transform: uppercase;
}
.navbar-header button label::before {
content: '\f0c9';
font-family: 'FontAwesome';
margin-right: 10px;
}
}
@media (min-width: 480px) and (max-width: 767px) {
.top-extra-container {
margin-bottom: 65px;
}
.navbar {
position: absolute;
top: 65px;
left: 15px;
width: calc(100% - 30px);
}
}
@media (max-width: 479px) {
.navbar {
width: 100%;
}
}
/* dropdown */
@media (min-width: 768px) {
.dropdown-menu {
width: 300px;
font-weight: normal;
font-size: 14px;
float: none;
padding: 0;
margin: 0;
box-shadow: none;
border-radius: 0;
border: 1px solid #e7e7e7;
}
.navbar-nav > li:last-child > .dropdown-menu {
left: auto;
right: 0;
}
.dropdown-menu > li > a {
padding: 10px 15px;
border-bottom: 1px solid #e7e7e7;
}
.dropdown-menu > li:last-child > a {
border-bottom: 0 none;
}
}
@media (max-width: 767px) {
.navbar-nav {
margin-top: 0;
margin-bottom: 0;
border-radius: 0;
}
.navbar-nav > .dropdown > a .caret {
display: none;
}
}
/* mobile caret */
@media (min-width: 768px) {
.main-navbar .mobile-caret {
display: none;
}
.main-navbar .navbar-nav ul ul {
position: static;
border: 0 none;
border-bottom: 1px solid #e7e7e7;
font-size: 13px;
margin-top: -1px;
padding-bottom: 5px;
width: calc(100% - 2px);
}
.main-navbar .navbar-nav ul ul a {
padding: 5px 10px 5px 30px;
border-bottom: 0 none;
}
}
@media (max-width: 767px) {
/* reset bootstrap styles */
.main-navbar .dropdown-menu {margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0;}
.main-navbar .nav .open > a, .main-navbar .nav .open > a:hover, .main-navbar .nav .open > a:focus {background-color: transparent; border: 0 none;}
.main-navbar .navbar-nav .dropdown-menu {
position: static;
float: none;
width: auto;
margin-top: 0;
background-color: transparent;
border: 0;
box-shadow: none;
}
.main-navbar .navbar-nav .dropdown-menu > li > a {
line-height: 20px;
}
.main-navbar .navbar-nav .dropdown-menu > li > a,
.main-navbar .navbar-nav .dropdown-menu .dropdown-header {
padding: 5px 15px 5px 25px;
}
.main-navbar > ul.nav > li > ul.dropdown-menu {
margin-bottom: 10px;
margin-top: -5px;
}
.main-navbar a,
.dropdown-menu > li > a,
.navbar-nav > li > a:hover,
.navbar-nav > li > a:focus {
color: #000;
}
.dropdown-menu > li.open-menu > a,
.navbar-nav > li.open-menu > a {
color: #e49900;
}
.main-navbar a.has-children {
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
align-items: center;
}
.main-navbar .mobile-caret {
width: 30px;
height: 30px;
background-color: #f5f5f5;
flex: 0 0 auto;
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: center;
font-size: 21px;
padding-bottom: 1px ; /* !for(chrome) */
}
.main-navbar li.open-menu > a .mobile-caret {
background-color: #e49900;
padding-left: 1px ; /* !for(chrome) */
}
.main-navbar .mobile-caret i {
transition: all 0.3s;
color: #666;
}
.main-navbar li.open-menu > a .mobile-caret i {
transform: rotate(90deg);
color: #fff;
}
.main-navbar .link-text {
white-space: normal;
padding-right: 15px;
}
.main-navbar li.open-menu > ul {
display: block;
}
.main-navbar ul a {padding-left: 0px !important; padding-right: 0 !important;}
.main-navbar ul ul a {padding-left: 20px !important; font-size: 13px;}
.main-navbar ul ul ul a {padding-left: 40px !important;}
.main-navbar ul ul ul ul a {padding-left: 60px !important;}
}
/*** END ims2017/global/navigation.css ***/
/*** START ims2017/global/media.css ***/
/* Media */
@media (min-width: 768px) and (max-width: 979px) {
}
@media (max-width: 767px) {
}
@media print {
body {
padding-top: 0px;
}
h1.pageTitle {
margin-top: 0px;
padding-top: 0px;
}
}
@media (min-width: 1200px) {
}
@media (min-width: 768px) and (max-width: 979px) {
}
@media (max-width: 767px) {
/* replace fixed spacing with full-width on smaller resolutions */
.container {max-width: 100%;}
}
@media (max-width: 480px) {
/* replace fixed spacing with full-width on smaller resolutions */
.container {max-width: 100%;}
}
@media (max-width: 979px) {
}
@media (min-width: 980px) {
}
@media (min-width: 768px) and (max-width: 1199px) {
/* replace fixed spacing with full-width on smaller resolutions */
.container {max-width: 100%;}
/* fix horizontal scrolling on smaller resolutions */
/*.row {margin-left: 0px; margin-right: 0px;}*/
}
@media (min-width: 980px) and (max-width: 1199px) {
}
/*** END ims2017/global/media.css ***/
/*** START ims2017/global/buttons.css ***/
/* Buttons */
.btn {background-color: #F5F5F5; border: 1px solid #F5F5F5; color: #333333;}
.btn-default {background-color: #474949; border: 1px solid #474949; color: #ffffff;}
.btn-primary {background-color: #428bca; border: 1px solid #428bca; color: #ffffff;}
.btn-success {background-color: #5cb85c; border: 1px solid #5cb85c; color: #ffffff;}
.btn-info {background-color: #5bc0de; border: 1px solid #5bc0de; color: #ffffff;}
.btn-warning {background-color: #f0ad4e; border: 1px solid #f0ad4e; color: #ffffff;}
.btn-danger {background-color: #d9534f; border: 1px solid #d9534f; color: #ffffff;}
.btn:hover, .btn:focus {background-color: #e5e5e5; border: 1px solid #e5e5e5; color: #333333;}
.btn-default:hover, .btn-default:focus {background-color: #3a3c3c; border: 1px solid #3a3c3c; color: #ffffff;}
.btn-primary:hover, .btn-primary:focus {background-color: #357ebd; border: 1px solid #357ebd; color: #ffffff;}
.btn-success:hover, .btn-success:focus {background-color: #4cae4c; border: 1px solid #4cae4c; color: #ffffff;}
.btn-info:hover, .btn-info:focus {background-color: #46b8da; border: 1px solid #46b8da; color: #ffffff;}
.btn-warning:hover, .btn-warning:focus {background-color: #eea236; border: 1px solid #eea236; color: #ffffff;}
.btn-danger:hover, .btn-danger:focus {background-color: #d43f3a; border: 1px solid #d43f3a; color: #ffffff;}
.btn-link, .btn-link:hover, .btn-link:focus {background-color: transparent; border-color: transparent; color: #464eb6;}
body a.more,
body a.domexternal {
background-image: url(../data/i/original/icons.png);
background-repeat: no-repeat;
background-position: 0 -207px;
background-color: transparent;
margin-top: 10px;
display: inline-block;
padding: 0px 0 2px 20px;
text-decoration: none;
color: #e49900;
box-shadow: none;
border: 0 none;
}
body .col-cat-box a.more {
margin-top: 0px;
}
body a.more:hover,
body a.domexternal:hover {
text-decoration: underline;
box-shadow: none;
background-color: transparent;
border: 0 none;
}
body a.domexternal {
background-position: 0 -56px;
padding: 0px 0 2px 15px;
}
body a.print {
/* background-position: 0px -389px;
padding: 0px 0 0px 21px;*/
color: #aaa;
}
body a.print i {
font-size: 18px;
}
body a.print:hover {
/* background-position: 0px -419px;*/
color: #444444;
}
body a.more-blue,
body a.more-blue:hover,
body a.more-blue:focus,
body .cmsPanelContents a.more,
body .cmsPanelContents a.more:hover,
body .cmsPanelContents a.more:focus {
background-image: none;
padding-left: 0px;
color: #464eb6;
text-decoration: none;
}
body .cmsPanelContents a.more,
body .cmsPanelContents a.more:hover,
body .cmsPanelContents a.more:focus {
color: #e49900;
}
body a.more-blue:hover,
body .cmsPanelContents a.more:hover {
text-decoration: underline;
}
body a.more-blue:after,
body .cmsPanelContents a.more:after {
font-family: 'FontAwesome';
content: '\f138';
margin-left: 5px;
font-size: 14px;
display: inline-block;
}
input[type="submit"],
input[type="submit"]:hover,
input[type="submit"]:focus,
.btn-main,
.btn-main:hover,
.btn-main:focus,
.subscription-status .btn,
.subscription-status .btn:hover,
.subscription-status .btn:focus {
font-weight: bold;
text-shadow: 1px 1px 0px #b07600;
cursor: pointerborder: 0 none;
color: #fff;
border-radius: 4px;
border: 0 none;
background-color: #e49900;
background: rgb(233,178,38);
background: -moz-linear-gradient(top, rgba(233,178,38,1) 0%, rgba(228,153,1,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(233,178,38,1)), color-stop(100%,rgba(228,153,1,1)));
background: -webkit-linear-gradient(top, rgba(233,178,38,1) 0%,rgba(228,153,1,1) 100%);
background: -o-linear-gradient(top, rgba(233,178,38,1) 0%,rgba(228,153,1,1) 100%);
background: -ms-linear-gradient(top, rgba(233,178,38,1) 0%,rgba(228,153,1,1) 100%);
background: linear-gradient(to bottom, rgba(233,178,38,1) 0%,rgba(228,153,1,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9b226', endColorstr='#e49901',GradientType=0 );
}
/* no background gradient because of popup video for ie9 */
button {
font-weight: bold;
text-shadow: 1px 1px 0px #b07600;
cursor: pointerborder: 0 none;
color: #fff;
border-radius: 4px;
border: 0 none;
background-color: #e49900;
}
.btn-remove, .btn-remove:hover, .btn-remove:focus,
.btn-back, .btn-back:hover, .btn-back:focus,
.btn-add, .btn-add:hover, .btn-add:focus,
.btn-reset, .btn-reset:hover, .btn-reset:focus {
color: #c11010;
text-decoration: none;
display: inline-block;
cursor: pointer;
}
.btn-remove:before,
.btn-back:before,
.btn-add:before,
.btn-reset:before {
font-family: 'FontAwesome';
content: '\f00d';
padding-right: 5px;
}
.btn-back, .btn-back:hover, .btn-back:focus {
margin-bottom: 15px;
color: #e49900;
}
.btn-add, .btn-add:hover, .btn-add:focus,
.btn-reset, .btn-reset:hover, .btn-reset:focus {
color: #e49900;
}
.btn-back:before {
content: '\f137';
}
/* increase reset button font size taskId.16804178 */
.btn-reset, .btn-reset:hover, .btn-reset:focus {font-size: 18px;}
.btn-reset:before {padding-right: 10px; }
.btn-add:before {
content: '\f067';
}
.btn-reset:before {
content: '\f021';
}
.contact-triggers {
text-align: center;
}
.contact-triggers a.btn {
margin-bottom: 5px;
}
.btn-back-to-resources {
display: none;
}
a.linkToQuoteRequest,
a.linkToProduct {
border: 0 none;
color: #fff;
font-weight: 300;
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 16px;
border-radius: 0;
padding: 6px 12px;
margin: 10px 0 0;
white-space: nowrap;
display: block;
text-align: center;
position: relative;
overflow: hidden;
background: #d99333;
background: -moz-linear-gradient(top, #d99333 0%, #a65c11 100%);
background: -webkit-linear-gradient(top, #d99333 0%,#a65c11 100%);
background: linear-gradient(to bottom, #d99333 0%,#a65c11 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d99333', endColorstr='#a65c11',GradientType=0 );
}
html[lang="ja-JP"] a.linkToQuoteRequest,
html[lang="ja-JP"] a.linkToProduct {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Osaka", "Arial", "Helvetica", Sans-serif;
font-weight: normal;
}
a.linkToQuoteRequest::before,
a.linkToProduct::before {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
content: '';
display: block;
z-index: 0;
opacity: 0;
transition: all 0.5s;
background: #a65c11;
background: -moz-linear-gradient(top, #a65c11 0%, #a65c11 100%);
background: -webkit-linear-gradient(top, #a65c11 0%,#a65c11 100%);
background: linear-gradient(to bottom, #a65c11 0%,#a65c11 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a65c11', endColorstr='#a65c11',GradientType=0 );
}
a.linkToQuoteRequest:hover::before,
a.linkToProduct:hover::before,
a.linkToQuoteRequest:focus::before,
a.linkToProduct:focus::before {
opacity: 1;
}
a.linkToQuoteRequest span,
a.linkToProduct span {
padding: 0;
position: relative;
z-index: 1;
}
@media (max-width: 479px) {
a.linkToQuoteRequest,
a.linkToProduct {
font-size: 14px;
white-space: normal;
}
}
.btn-back, .btn-back:hover, .btn-back:focus {
padding: 0; margin: 0;
color: #e49900;
background-color: #fff;
background-color: transparent;
font-size: 12px;
margin-top: 10px;
box-shadow: none;
border: 0 none;
}
.btn-back {
display: none;
}
/* copied from previous deesign */
/* Page is opened in an iframe */
/* General rule: use .iframe-only and .no-iframe classes */
html.iframe .content > .btn-back {
display: none !important;
}
.golden-btn,
.golden-btn-simple {
font-size: 17px;
font-weight: 300;
font-family: 'Roboto', Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: none;
padding-top: 10px;
/* padding-top: 14px !for(mac); */
padding-bottom: 10px;
/* padding-bottom: 7px !for(mac); */
padding-left: 15px;
padding-right: 35px;
margin: 0;
display: inline-block;
position: relative;
background-color: #D79A20;
border-top: 1px dotted #fff;
border-left: 0 none;
border-right: 0 none;
border-bottom: 0 none;
-mos-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
background: #d49d1e;
background: -moz-linear-gradient(top, #d49d1e 0%, #b5820f 100%);
background: -webkit-linear-gradient(top, #d49d1e 0%,#b5820f 100%);
background: linear-gradient(to bottom, #d49d1e 0%,#b5820f 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d49d1e', endColorstr='#b5820f',GradientType=0 );
}
.golden-btn-simple {
padding-right: 15px;
}
.col-aside .golden-btn,
.col-aside .golden-btn-simple {
width: 100%;
}
.golden-btn:hover, .golden-btn:focus,
.golden-btn-simple:hover, .golden-btn-simple:focus{
color: #fff;
background: #d49d1e;
background: -moz-linear-gradient(top, #d49d1e 0%, #d49d1e 100%);
background: -webkit-linear-gradient(top, #d49d1e 0%,#d49d1e 100%);
background: linear-gradient(to bottom, #d49d1e 0%,#d49d1e 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d49d1e', endColorstr='#d49d1e',GradientType=0 );
}
html[lang="ja-JP"] .golden-btn,
html[lang="ja-JP"] .golden-btn-simple {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Osaka", "Arial", "Helvetica", Sans-serif;
}
.golden-btn::after {
font-family: 'FontAwesome';
font-size: 24px;
content: '\f105';
position: absolute;
right: 15px;
top: 24%;
color: #fff;
-mos-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.side-boxes .golden-btn::after {
top: 32%;
}
.col-aside .golden-btn[href*="contact-us"]::after {
top: 24%;
}
.side-boxes .golden-btn,
.side-boxes .golden-btn-simple {
display: block;
}
@media (max-width: 767px) {
.golden-btn {
font-size: 14px;
}
.golden-btn::after {
font-size: 19px;
}
}
@media (min-width: 768px) {
.slide-contact {
position: absolute;
top: -25px;
right: 15px;
}
}
.slide-contact-container p {
display: inline-block;
margin: 0;
}
.slide-contact {
font-size: 20px;
font-weight: bold;
display: inline-block;
text-decoration: none;
padding: 18px 35px;
color: #fff;
z-index: 24;
background: #d99333;
background: -moz-linear-gradient(top, #d99333 0%, #a65c11 100%);
background: -webkit-linear-gradient(top, #d99333 0%,#a65c11 100%);
background: linear-gradient(to bottom, #d99333 0%,#a65c11 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d99333', endColorstr='#a65c11',GradientType=0 );
}
.slide-contact:hover,
.slide-contact:focus {
color: #fff;
}
.slide-contact i {
border-left: 1px solid #fff;
padding-left: 15px;
margin-left: 10px;
}
.slide-contact-top-container {
display: none;
}
@media (min-width: 768px) {
.slide-contact-top-container {
display: none;
}
}
@media (max-width: 767px) {
.slide-contact-bottom-container {
display: none;
}
.slide-contact-top-container {
position: relative;
display: inline-block;
z-index: 10000;
padding-right: 15px;
position: absolute;
right: 0px;
top: 0px;
}
.slide-contact {
font-size: 14px;
font-weight: 300;
padding: 8px 15px 7px;
/* padding: 7px 15px !for(edge); */
text-transform: uppercase;
-webkit-border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-moz-border-radius-topright: 4px;
-moz-border-radius-bottomright: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.slide-contact i {
display: none;
}
}
/* blue button */
.blue-btn {
font-size: 17px;
font-weight: 300;
font-family: 'Roboto', Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: none;
padding-top: 10px;
/* padding-top: 14px !for(mac); */
padding-bottom: 10px;
/* padding-bottom: 7px !for(mac); */
padding-left: 15px;
padding-right: 45px;
display: inline-block;
position: relative;
background-color: #59799f;
max-width: 100%;
-mos-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
background: #59799f;
background: -moz-linear-gradient(top, #59799f 0%, #203757 100%);
background: -webkit-linear-gradient(top, #59799f 0%,#203757 100%);
background: linear-gradient(to bottom, #59799f 0%,#203757 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59799f', endColorstr='#203757',GradientType=0 );
}
.col-aside .blue-btn {
border-top: 1px dotted #fff;
}
.blue-btn:hover,
.blue-btn:focus {
text-decoration: none;
color: #fff;
background: #d49d1e;
background: -moz-linear-gradient(top, #59799f 0%, #59799f 100%);
background: -webkit-linear-gradient(top, #59799f 0%,#59799f 100%);
background: linear-gradient(to bottom, #59799f 0%,#59799f 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59799f', endColorstr='#59799f',GradientType=0 );
}
html[lang="ja-JP"] .blue-btn {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Osaka", "Arial", "Helvetica", Sans-serif;
}
.blue-btn::after {
font-family: 'FontAwesome';
font-size: 24px;
content: '\f105';
position: absolute;
right: 15px;
x-top: 24%;
top: calc(50% - 10px);
color: #fff;
-mos-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.grey-btn {
background-color: #f5f5f5;
padding: 10px 15px;
margin: 0;
color: #242e87;
font-weight: bold;
font-size: 14px;
margin-bottom: 1px;
display: block;
text-decoration: none;
font-family: 'Roboto', Arial, Helvetica, sans-serif;
}
.side-boxes p .golden-btn,
.side-boxes p .golden-btn-simple,
.side-boxes p .grey-btn {
border-style: solid;
}
a.large-button,
a.large-button-yellow {
/* background-color: #E49900; */
background: #d99333;
background: -moz-linear-gradient(top, #d99333 0%, #a65c11 100%);
background: -webkit-linear-gradient(top, #d99333 0%,#a65c11 100%);
background: linear-gradient(to bottom, #d99333 0%,#a65c11 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d99333', endColorstr='#a65c11',GradientType=0 );
font-size: 16px;
font-weight: bold;
display: inline-block;
padding-top: 12px;
padding-bottom: 12px;
padding-left: 30px;
padding-right: 70px;
margin-top: 10px;
color: #fff;
text-decoration: none;
text-transform: uppercase;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
position: relative;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
line-height: 1.6em;
}
a.large-button-yellow {
background-color: #e49900;
background-image: none;
}
@media (max-width: 767px) {
a.large-button,
a.large-button-yellow {
padding-left: 15px;
font-size: 14px;
/* taskId.16814945 2019/01/21 AM - "...Can the top spacing match the spacing that is before the "Contact an Expert" button..." */
margin-top: 15px;
}
}
a.large-button:hover,
a.large-button:focus,
a.large-button-yellow:hover,
a.large-button-yellow:focus {
background-color: #f1a813;
color: #fff;
text-decoration: none;
}
a.large-button::after,
a.large-button-yellow::after {
position: absolute;
right: 15px;
top: 9px;
font-size: 25px;
border-left: 1px solid #d3961c;
padding-left: 20px;
line-height: 1.2em;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
content: '\f101';
font-family: 'FontAwesome';
font-weight: normal;
}
a.large-button-yellow::after {
border-color: #efbb51;
}
a.large-button:hover::after,
a.large-button-yellow:hover::after {
right: 12px;
padding-left: 23px;
}
a.large-button-yellow:hover::after {
border-color: #f3c465;
}
/*** END ims2017/global/buttons.css ***/
/*** START ims2017/global/comments.css ***/
/* Comments */
/* comments form */
.enterComment {
margin-top: 20px;
}
#commentEnterFirstName, #commentEnterLastName, #commentEnterEmailName {
display: inline-block;
padding-right: 10px;
}
.postCommentBlock {
clear: both;
overflow: hidden;
}
.postCommentBlock input,
.postCommentBlock input:hover,
.postCommentBlock input:focus {
margin: 0;
background-color: #737E85;
color: #fff;
border: 0 none;
}
/* list of comments */
.CommentsBody {
border-left: 5px solid #ccc;
padding-left: 15px;
}
.CommentsCreatedAgo {
border-bottom: 1px dashed;
}
.CommentedBy {
font-style: italic;
}
/*** END ims2017/global/comments.css ***/
/*** START ims2017/global/print.css ***/
/* Print */
@media print {
footer,
aside,
header,
.copyright,
.superstage,
.navbar,
.more,
.domexternal,
.print,
.slider-buttons,
.content-area-1,
.products-list td:last-child,
.product-search-form,
.share-box,
.header-block,
.breadcrumb,
.product-contact-xs {
display: none !important;
}
.slider-block-outer,
.accord > div > div {
display: block !important;
}
body {
text-align: justify;
}
.col-content {width: 100%;
}
.slider {
padding: 0; margin: 0; border: 0 none;
}
.col-slider-content {width: 100%;
float: none;
}
.slider-desc-block {
min-height: inherit;
}
.clr, .clear {
overflow: inherit;
}
#small-blocks.home-table > .row > div {width: 25%;
}
.cmsTabBlock .ui-tabs .ui-tabs-nav li a {
opacity: 0.5;
}
.cmsTabBlock .ui-tabs .ui-tabs-nav li.ui-tabs-active a {
font-weight: bold;
opacity: 1;
}
a[href]:after {
content: "";
}
/* taskId.16805761 make print layout use non-responsive styles */
.formerTable > .row > div.col-lg-1, .formerTable > .row > div.col-lg-2, .formerTable > .row > div.col-lg-3,
.formerTable > .row > div.col-lg-4, .formerTable > .row > div.col-lg-5, .formerTable > .row > div.col-lg-6,
.formerTable > .row > div.col-lg-7, .formerTable > .row > div.col-lg-8, .formerTable > .row > div.col-lg-9,
.formerTable > .row > div.col-lg-10, .formerTable > .row > div.col-lg-11, .formerTable > .row > div.col-lg-12 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px
}
.formerTable > .row > div.col-lg-1, .formerTable > .row > div.col-lg-2, .formerTable > .row > div.col-lg-3,
.formerTable > .row > div.col-lg-4, .formerTable > .row > div.col-lg-5, .formerTable > .row > div.col-lg-6,
.formerTable > .row > div.col-lg-7, .formerTable > .row > div.col-lg-8, .formerTable > .row > div.col-lg-9,
.formerTable > .row > div.col-lg-10, .formerTable > .row > div.col-lg-11 {
float: left
}
.formerTable > .row > div.col-lg-1 {width: 8.333333333333332%}
.formerTable > .row > div.col-lg-2 {width: 16.666666666666664%}
.formerTable > .row > div.col-lg-3 {width: 25%}
.formerTable > .row > div.col-lg-4 {width: 33.33333333333333%}
.formerTable > .row > div.col-lg-5 {width: 41.66666666666667%}
.formerTable > .row > div.col-lg-6 {width: 50%}
.formerTable > .row > div.col-lg-7 {width: 58.333333333333336%}
.formerTable > .row > div.col-lg-8 {width: 66.66666666666666%}
.formerTable > .row > div.col-lg-9 {width: 75%}
.formerTable > .row > div.col-lg-10 {width: 83.33333333333334%}
.formerTable > .row > div.col-lg-11 {width: 91.66666666666666%}
.formerTable > .row > div.col-lg-12 {width: 100%}
/* product page taskId.16805785 */
#pageTabs1 .cmsPanelTitle {
font-size: 24px;
padding: 0; margin: 0;
font-family: 'Roboto', Arial, Helvetica, sans-serif;
border-bottom: 1px solid #ccc;
padding-bottom: 5px;
margin-bottom: 10px;
}
html[lang="ja-JP"] #pageTabs1 .cmsPanelTitle {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Osaka", "Arial", "Helvetica", Sans-serif;
}
#pageTabs1 .cmsPanelTitle:before {
content: ''; padding: 0; margin: 0;
}
#pageTabs1 .cmsPanel.collapsed[aria-expanded="true"],
#pageTabs1 .cmsPanel.collapsed[aria-expanded="true"] .cmsPanelContents {
display: block !important;
}
#pageTabs1 .cmsPanel.collapsed[aria-expanded="false"] {
display: none !important;
}
.page-title-container {
position: static;
}
/* solves chrome uses the same number of pages for Letter format as for A4 taskId.16809861 */
.footer {
padding-bottom: 1300px !important;
}
}
/*** END ims2017/global/print.css ***/
/*** START ims2017/global/calendar.css ***/
/* Calendar */
/* @group tea11_col */
.calendar .ui-datepicker-inline {
background-color: transparent;
background-image: none;
padding: 0;
border: 0 none;
max-width: 100%;
}
.calendar .ui-datepicker-calendar thead th {
background-color: transparent;
font-size: 9px;
font-weight: normal;
text-transform: uppercase;
color: #fff;
padding: 0px;
}
.calendar .ui-widget-content .ui-state-default {
background-image: none;
background-color: #fff;
}
.calendar .ui-datepicker td {
font-size: 11px;
padding: 0;
border: 1px solid #ccc;
text-align: center;
background-color: #fff;
opacity: 1;
}
.calendar .ui-widget-content .ui-state-disabled {
/* filter: progid:DXImageTransform.Microsoft.gradient(enabled = false) !for(ie8); */
}
/* today... for now disabled on David's request */
/*.calendar .ui-state-highlight,
.calendar .ui-widget-content .ui-state-highlight,
.calendar .ui-widget-header .ui-state-highlight {
background-color: #009FE3;
}*/
.calendar .ui-datepicker td a {
border: 0 none;
text-align: center;
background-image: none !important;
background-color: #fff !important;
}
.calendar .ui-datepicker td.events-highlight-day a {
background-color: #e49900 !important;
color: #fff;
}
.calendar .ui-datepicker td.events-highlight-day.ui-datepicker-current-day a {
background-color: #e49900 !important;
color: #000;
}
.calendar .ui-datepicker-header {
padding: 0; margin: 0;
background-image: none;
background-color: transparent;
border: 0 none;
}
.calendar .ui-datepicker-header .ui-datepicker-prev,
.calendar .ui-datepicker-header .ui-datepicker-next {
display: none;
}
.calendar .ui-datepicker-header .ui-datepicker-title {
text-align: left;
font-weight: normal;
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 18px;
padding: 0; margin: 0;
color: #fff;
}
html[lang="ja-JP"] .calendar .ui-datepicker-header .ui-datepicker-title {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Osaka", "Arial", "Helvetica", Sans-serif;
}
.events-calendar .events-calendar-item {
display: none;
border-bottom: 1px solid #3d5785;
padding-bottom: 5px;
padding-top: 5px;
}
.events-calendar .events-calendar-item:last-child {
/*border: 0 none; */
}
.events-calendar .events-highlight-event {
display: block;
}
.events-calendar .event-name {
line-height: 1.2em;
}
.events-calendar .event-name a {
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 14px;
}
html[lang="ja-JP"] .events-calendar .event-name a {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Osaka", "Arial", "Helvetica", Sans-serif;
}
/*** END ims2017/global/calendar.css ***/
/*** START ims2017/global/slider.css ***/
/* =SLIDER */
.slider {
background-color: #E2E2E2;
border-left: 15px solid #E2E2E2;
border-top: 15px solid #E2E2E2;
border-bottom: 15px solid #E2E2E2;
margin-left: 0px;
margin-top: 30px;
}
.slider-block-outer {
display: none;
}
.slider-block-outer.active {
display: block;
}
.col-slider-content {
background-color: #fff;
padding-left: 0px;
}
.slider-img-block {
margin-right: 15px;
/* width: 30% !for(ie8); */
/* float: left !for(ie8); */
}
.slider-img-block img {
/* width: 100% !important !for(ie8); */
/* height: auto !important !for(ie8); */
}
.slider-desc-block {
padding-top: 40px;
/* padding-top: 10px !for(ie8); */
/* width: 67% !for(ie8); */
/* float: left !for(ie8); */
/* ie8 creates padding on the bottom for some reason */
/* /*padding-top: 0px !for(ie8);* / */
padding-right: 15px;
min-height: 267px;
/* min-height: 229px !for(ie8); */
}
/* in addition for ie8 exclusion above */
.slider-desc-block > *:first-child {
/* /*padding-top: 40px !for(ie8); * / */
}
.slider-desc-block p {
margin: 0;
}
.slider-desc-block small {
color: #444444;
font-size: 10px;
text-transform: uppercase;
}
.slider-desc-block h5 {
font-size: 26px;
margin: 0px 0px 10px;
/* margin: 0px !for(ie8); */
}
.col-slider-buttons {
padding-left: 0px;
}
.slider-button {
cursor: pointer;
background-image: url(../data/i/original/car1.png);
background-repeat: no-repeat;
background-position: left bottom;
}
.slider-button-in {
min-height: 89px;
/* min-height: 69px !for(ie8); */
border-bottom: 1px dotted #444444;
margin-left: 10px;
padding-left: 15px;
padding-top: 10px;
}
.slider-button:last-child .slider-button-in {
border: 0 none;
}
.slider-button.active {
background-color: #F0F0F0;
background-position: left top;
}
.slider-button span {
color: #444444;
font-size: 15px;
font-family: 'Roboto', Arial, Helvetica, sans-serif;
display: block;
}
html[lang="ja-JP"] .slider-button span {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Osaka", "Arial", "Helvetica", Sans-serif;
}
.slider-button em {
font-style: normal;
display: block;
}
.sm-show {
display: none;
}
@media (max-width: 991px) {
.slider {
margin-bottom: 30px;
}
.slider-img-block img {
width: 130px;
margin-left: 15px;
margin-right: 15px;
margin-top: 15px;
}
.slider-desc-block {
padding: 15px;
padding-top: 40px;
min-height: 285px;
}
.slider-long-desc {
clear: both;
overflow: hidden;
padding-top: 15px;
}
.slider-desc-block h5 {
font-size: 18px;
margin: 0;
}
.slider-button.active {
background-repeat: repeat-y;
background-position: left 5px;
}
.slider-button-in {
min-height: 95px;
}
.sm-show {
display: block;
}
.sm-hide {
display: none;
}
}
@media (max-width: 767px) {
.slider-desc-block {
padding: 15px;
line-height: 1.4em;
}
}
@media (max-width: 539px) {
.slider-button {
background-image: none;
}
.slider-button-in {
margin-left: 0px;
padding-left: 10px;
}
.slider-img-block img {
width: 90px;
}
}
@media (max-width: 479px) {
.sm-show {
display: none;
}
.sm-hide {
display: block;
}
.slider {
border: 0 none;
}
.slider-img-block {
margin-right: 0px;
}
.slider-img-block img {
width: auto;
max-width: 100%;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
}
.slider-desc-block {
padding-left: 0px;
padding-right: 0px;
}
}
/* =SUBPAGE SLIDESHOW */
#subpage-slideshow {
position: relative;
}
.subpage-slideshow {
position: relative;
}
.subpage-slideshow h1.pageTitle {
position: absolute;
top: 32px;
left: 20px;
white-space: pre-wrap;
font-weight: normal;
}
.subpage-slideshow h1.pageTitleBottom {
top: auto;
bottom: 10px;
}
.subpage-slide {
display: none;
}
.subpage-slide.fading-out {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
}
.subpage-slide.active {
display: block;
}
.subpage-slide-button img {
border: 1px solid #959595;
margin-right: 15px;
cursor: pointer;
}
.subpage-slide-button.active img {
border: 1px solid #e49900;
}
.subpage-slideshow-paging {
position: absolute;
left: 0px;
bottom: 20px;
}
.subpage-slideshow-container {
position: relative;
background-color: #f7f7f7;
background-color: #f3f3f3;
border-top: 1px solid #cecece;
border-bottom: 1px solid #cecece;
}
.subpage-slideshow-container[data-appphoto="1"] {
border: 0 none;
background-color: transparent;
}
@media (max-width: 991px) {
.subpage-slide-button img {
width: 90px;
}
}
@media (max-width: 767px) {
.subpage-slide-button img {
display: none;
}
.subpage-slideshow-container {
}
}
.subpage-slideshow-bg-block {
display: none;
}
.subpage-slideshow-bg {
position: absolute;
width: 100%;
height: 100%;
background-size: auto 100%;
background-size: 100% 100% ; /* !for(webkit) */
}
/* custom header image design taskId.16812442 */
.light-blue-header .subpage-slideshow-container {
background-color: #7DBAE6;
border-color: #7DBAE6;
}
@media (min-width: 480px) {
.short-description * {
color: #fff;
}
}
/* fix image scaling on ie8 */
.subpage-slide {
}
.subpage-slide img.img-slideshow-item {
/* width: 100% !important !for(ie8); */
}
.subpage-slideshow-bg {
/* background-image: url(../data/i/ie8-img-slideshow-item-bg.png) !important !for(ie8); */
}
.img-slideshow-item-sm {
float: right;
}
@media (max-width: 1199px) {
.subpage-slideshow-container .container {
padding-left: 0px;
padding-right: 0px;
}
.subpage-slideshow-paging {
padding-left: 15px;
}
}
@media (max-width: 767px) {
.subpage-slideshow-paging {
bottom: 10px;
}
}
@media (min-width: 480px) {
.img-slideshow-item-lg {
display: inline;
/* ie fix absense of border on product page like /27mg */
/* margin-top: 1px !for(ie11 ie10 ie9); */
}
.img-slideshow-item-sm {display: none;}
}
@media (max-width: 479px) {
.subpage-slideshow h1.pageTitle {
top: 10px;
}
.subpage-slideshow h1.pageTitleBottom {
top: auto;
bottom: 10px;
}
.img-slideshow-item-lg {display: none;}
.img-slideshow-item-sm {display: inline;}
}
@media (max-width: 479px) {
}
/* POPUP GALLERY THUMBNAILS */
.popup-gallery-thumb {
position: relative;
display: block;
width: 172px;
float: left;
margin-right: 15px;
margin-bottom: 15px;
}
.pupup-gallery-link-text {
width: auto;
padding: 0;
margin: 0;
margin-right: 3px;
display: inline-block;
}
.subpage-slideshow-container .popup-gallery-thumb {
/* width: 72px !for(ie8); */
}
.header-overlay .popup-gallery-thumb {
width: 70px;
}
.popup-gallery-thumb i {
font-size: 20px;
position: absolute;
bottom: 10px;
right: 5px;
color: #444;
text-shadow: 1px 1px 1px #fff;
background-image: url(../data/i/product-gallery-plus.png);
background-repeat: no-repeat;
width: 19px;
height: 19px;
display: block;
}
.header-overlay .popup-gallery-thumb i {
display: none;
}
.popup-gallery-thumb img {
border: 3px solid #fff;
cursor: pointer;
margin-right: 10px;
}
@media (max-width: 479px) {
.page-title-container {
position: static;
}
.subpage-slideshow-container {
border-top: 0 none;
}
.popup-gallery-thumb {margin-bottom: 5px;}
}
/*** END ims2017/global/slider.css ***/
/*** START ims2017/global/sideboxes.css ***/
/* =ASIDE BOXES */
.side-boxes p:not(.grey-btn),
.side-box p {
margin: 0;
}
.side-box-1 li:empty {
display: none;
}
.side-box-1 li.contact {
display: none;
}
.side-box-1 li:empty + li.contact {
display: block;
}
/* ie8 fix */
.side-box-1 li.contact.contact-show {
display: block;
}
.QuestionsBoxHide .side-box-1 li.contact.contact-show {
display: none;
}
.side-box-1,
.side-box-4 {
margin-top: 30px;
background: #d49d1e;
background: -moz-linear-gradient(top, #d49d1e 0%, #b5820f 35%, #ac780a 50%, #9d6a01 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d49d1e), color-stop(35%,#b5820f), color-stop(50%,#ac780a), color-stop(100%,#9d6a01));
background: -webkit-linear-gradient(top, #d49d1e 0%,#b5820f 35%,#ac780a 50%,#9d6a01 100%);
background: -o-linear-gradient(top, #d49d1e 0%,#b5820f 35%,#ac780a 50%,#9d6a01 100%);
background: -ms-linear-gradient(top, #d49d1e 0%,#b5820f 35%,#ac780a 50%,#9d6a01 100%);
background: linear-gradient(to bottom, #d49d1e 0%,#b5820f 35%,#ac780a 50%,#9d6a01 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d49d1e', endColorstr='#9d6a01',GradientType=0 );
}
/* hide bookmark btn on bookmark page taskId.16803328 */
#page228 .side-box .side-bookmark {display: none;}
/* don't add top spacing if there is no share box above */
.blog-aside .side-box-1:first-child {margin-top: 0px;}
.hideContactBox .side-box-1 {
display: none;
}
.side-box-1 big,
.side-box-4 big {
color: #fff;
font-size: 26px;
padding: 15px 15px 20px;
line-height: 1em;
display: block;
font-family: 'Roboto', Arial, Helvetica, sans-serif;
border-bottom: 1px dotted #fff;
}
html[lang="ja-JP"] .side-box-1 big,
html[lang="ja-JP"] .side-box-4 big {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Osaka", "Arial", "Helvetica", Sans-serif;
}
.side-box-1 ul,
.side-box-4 ul {
list-style-type: none; padding: 0; margin: 0;
}
.side-box-1 li,
.side-box-4 li {
padding: 0; margin: 0;
}
@media (max-width: 767px) {
.side-box-1 li#quote-request-link,
.side-box-1 li#contact-request-link,
.side-box-1 li#demo-request-link {
display: none;
}
}
.application-notes-buttons {
border-top: 1px dotted #fff;
}
.side-box-1 ul a,
.side-box-4 ul a,
.application-notes-button a {
font-size: 17px;
font-family: 'Roboto', Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: none;
border-bottom: 1px dotted #fff;
padding-top: 10px;
/* padding-top: 14px !for(mac); */
padding-bottom: 10px;
/* padding-bottom: 7px !for(mac); */
padding-left: 15px;
padding-right: 35px;
display: block;
position: relative;
}
html[lang="ja-JP"] .side-box-1 ul a,
html[lang="ja-JP"] .side-box-4 ul a,
html[lang="ja-JP"] .application-notes-button a {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Osaka", "Arial", "Helvetica", Sans-serif;
}
html[lang="ru-RU"] .side-box-1 ul a,
html[lang="ru-RU"] .side-box-4 ul a,
html[lang="ru-RU"] .application-notes-button a,
html[lang="pl-PL"] .side-box-1 ul a,
html[lang="pl-PL"] .side-box-4 ul a,
html[lang="pl-PL"] .application-notes-button a,
html[lang="cs-CZ"] .side-box-1 ul a,
html[lang="cs-CZ"] .side-box-4 ul a,
html[lang="cs-CZ"] .application-notes-button a {
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-weight: 300;
}
/* don't show border for the last item */
.side-box-1 ul li:last-child a,
.side-box-4 ul li:last-child a,
.application-notes-button:last-child a {
border-bottom: 0 none;
}
/* exception - do not show border, as it is not really the last item */
.side-box-1 li:empty + li.contact a {
border-bottom: 0 none;
}
/* exception - but show border on category page */
.side-box-1 ul li#demo-request-link:empty + li a {
border-top: 1px dotted #fff;
}
html[lang="ja-JP"] .side-box-1 ul a,
html[lang="ja-JP"] .side-box-4 ul a {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Osaka", "Arial", "Helvetica", Sans-serif;
}
.side-box-1 ul a:hover,
.side-box-4 ul a:hover,
.application-notes-button a:hover {
background-color: #d79a20;
}
.side-box-1 ul a:after,
.side-box-4 ul a:after,
.application-notes-button a:after {
font-family: 'FontAwesome';
font-size: 24px;
content: '\f105';
position: absolute;
right: 15px;
top: 24%;
color: #fff;
}
.NewsletterButtonHide li.subscribe-to-newsletter-link {
display: none;
}
.side-box-1 ul li.subscribe-to-newsletter-link a::after {
x-top: 35%;
}
.side-box-2 {
padding: 10px 15px;
margin-top: 30px;
color: #fff;
font-size: 11px;
background: #42628f;
background: -moz-linear-gradient(top, #42628f 0%, #3b5a87 10%, #142f5a 42%, #09224d 56%, #09224d 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#42628f), color-stop(10%,#3b5a87), color-stop(42%,#142f5a), color-stop(56%,#09224d), color-stop(100%,#09224d));
background: -webkit-linear-gradient(top, #42628f 0%,#3b5a87 10%,#142f5a 42%,#09224d 56%,#09224d 100%);
background: -o-linear-gradient(top, #42628f 0%,#3b5a87 10%,#142f5a 42%,#09224d 56%,#09224d 100%);
background: -ms-linear-gradient(top, #42628f 0%,#3b5a87 10%,#142f5a 42%,#09224d 56%,#09224d 100%);
background: linear-gradient(to bottom, #42628f 0%,#3b5a87 10%,#142f5a 42%,#09224d 56%,#09224d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#42628f', endColorstr='#09224d',GradientType=0 );
}
.side-box-2 a {
color: #fff;
}
.side-box-2 p {
margin-bottom: 0px;
}
.side-box-3 {
margin-top: 30px;
}
.side-box-3 img {
width: 100%;
height: auto;
}
.side-box-3 .side-box-content {
padding: 15px;
color: #fff;
background: #848484;
background: -moz-linear-gradient(top, #848484 0%, #808080 41%, #7c7c7c 64%, #757575 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#848484), color-stop(41%,#808080), color-stop(64%,#7c7c7c), color-stop(100%,#757575));
background: -webkit-linear-gradient(top, #848484 0%,#808080 41%,#7c7c7c 64%,#757575 100%);
background: -o-linear-gradient(top, #848484 0%,#808080 41%,#7c7c7c 64%,#757575 100%);
background: -ms-linear-gradient(top, #848484 0%,#808080 41%,#7c7c7c 64%,#757575 100%);
background: linear-gradient(to bottom, #848484 0%,#808080 41%,#7c7c7c 64%,#757575 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#848484', endColorstr='#757575',GradientType=0 );
}
.side-box-3 .side-box-content h2 {
font-size: 16px;
font-family: 'HelveticaNeueLTPro-Bd', Arial, Helvetica, sans-serif;
color: #fff;
padding: 0; margin: 0;
margin-bottom: 5px;
}
html[lang="ja-JP"] .side-box-3 .side-box-content h2 {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Osaka", "Arial", "Helvetica", Sans-serif;
}
.side-box-3 .side-box-content h2 a {
color: #fff;
}
.side-box-3 small {
font-size: 10px;
text-transform: uppercase;
color: #c9c9c9;
}
.side-box-4,
.side-box-7 {
background: #a6a6a6;
background: -moz-linear-gradient(top, #a6a6a6 0%, #787878 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a6a6a6), color-stop(100%,#787878));
background: -webkit-linear-gradient(top, #a6a6a6 0%,#787878 100%);
background: -o-linear-gradient(top, #a6a6a6 0%,#787878 100%);
background: -ms-linear-gradient(top, #a6a6a6 0%,#787878 100%);
background: linear-gradient(to bottom, #a6a6a6 0%,#787878 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6a6a6', endColorstr='#787878',GradientType=0 );
}
.side-box-4 ul a:hover {
background-color: #a6a6a6;
}
.side-box-5 {
margin-top: 30px;
padding-top: 17px;
padding-bottom: 17px;
padding-left: 22px;
padding-right: 12px;
background-color: #f9f9f9;
box-shadow:
-3px -3px 12px rgba(0, 0, 0, 0.05) inset,
3px 3px 12px rgba(0, 0, 0, 0.05) inset;
}
.side-box-5 .more,
.side-box-5 .more:hover,
.side-box-5 .more:focus {
padding: 0; margin: 0; background-image: none; text-decoration: none;
color: #08107b;
}
.side-box-5 .more:hover {
color: #e49900;
}
.side-box-5 .more:before {
font-family: 'FontAwesome';
font-size: 14px;
content: '\f138';
margin-right: 5px;
}
.side-box-7 {
color: #fff;
padding-bottom: 10px;
margin-top: 30px;
}
.side-box-7 small {
font-size: 10px;
text-transform: uppercase;
color: #c9c9c9;
padding: 5px 15px 0px;
display: block;
}
.side-box-7 big {
display: block;
font-size: 17px;
padding: 5px 15px 5px;
line-height: 1em;
font-family: 'Roboto', Arial, Helvetica, sans-serif;
}
.side-box-7 img {
margin-bottom: 10px;
}
html[lang="ja-JP"] .side-box-7 big {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Osaka", "Arial", "Helvetica", Sans-serif;
}
body .side-box-7 a {
color: #ffce68;
}
.side-box-7 p {
padding-left: 15px;
padding-right: 15px;
margin-bottom: 5px;
font-size: 12px;
}
/* not needed - remove styling later http://joxi.ru/qzcIVIwyTJDpAhoD8oI */
/*.side-box-6 {
margin-top: 30px;
background-color: #787878;
padding-bottom: 15px;
background: #a6a6a6;
background: -moz-linear-gradient(top, #a6a6a6 0%, #787878 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a6a6a6), color-stop(100%,#787878));
background: -webkit-linear-gradient(top, #a6a6a6 0%,#787878 100%);
background: -o-linear-gradient(top, #a6a6a6 0%,#787878 100%);
background: -ms-linear-gradient(top, #a6a6a6 0%,#787878 100%);
background: linear-gradient(to bottom, #a6a6a6 0%,#787878 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6a6a6', endColorstr='#787878',GradientType=0 );
}
.side-box-6 h6 {
color: #fff;
font-size: 16px;
font-family: 'HelveticaNeueLTPro-Bd', Arial, Helvetica, sans-serif;
margin: 0;
padding: 15px 15px;
line-height: 1em;
}
.side-box-6 ul {
list-style-type: none; padding: 0; margin: 0;
margin-bottom: 20px;
}
.side-box-6 li {
padding: 0; margin: 0;
}
.side-box-6 ul a {
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: none;
border-bottom: 1px dotted #fff;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 35px;
padding-right: 15px;
display: block;
position: relative;
}
.side-box-6 ul:first-child li:first-child a {
border-top: 0 none;
}
.side-box-6 ul a:before {
font-family: 'FontAwesome';
font-size: 14px;
content: '\f019';
position: absolute;
left: 12px;
top: 7px;
color: #fff;
}*/
/*@media (min-width: 600px) and (max-width: 767px) {
.side-boxes > div {
width: 32%;
float: left;
margin-top: 0px;
margin-bottom: 30px;
}
.side-boxes > div:nth-child(3n+2) {
margin-left: 2%;
margin-right: 2%;
}
}
@media (min-width: 400px) and (max-width: 599px) {
.side-boxes > div {
width: 48%;
float: left;
}
.side-boxes > div:nth-child(odd) {
margin-right: 2%;
}
.side-boxes > div:nth-child(even) {
margin-left: 2%;
}
}*/
@media (max-width: 767px) {
.side-boxes > * {
width: 204px;
width: 300px;
max-width: 100%;
margin-right: 20px;
margin-top: 0px;
margin-bottom: 20px;
}
.application-notes-buttons {
clear: both;
overflow: hidden;
margin-left: -5px;
margin-right: -5px;
border: 0 none;
}
.application-notes-button {
padding-left: 5px;
padding-right: 5px;
float: left;
width: 33.33333%;
}
.side-boxes .application-notes-button {
width: 100%;
border-top: 1px solid #fff;
}
.application-notes-button a:after {
content: '';
}
.side-boxes .application-notes-button a::after {
content: '\f105';
}
.application-notes-button a {
border: 0 none;
}
}
@media (max-width: 479px) {
.application-notes-button {
width: 100%;
float: none;
}
}
#demo-request-link span+span, #demo-request-link span:last-child {
display: none;
}
.QuoteRequestHide #quote-request-link,
.QuestionsBoxHide #contact-request-link,
#demo-request-link,
.QuestionsBoxHide .contact-btn-xs,
.QuoteRequestHide .quote-btn-xs,
.demo-btn-xs {
display: none;
}
.requestDemoBoxShow #demo-request-link,
.requestDemoBoxShow .demo-btn-xs {
display: block;
}
.side-navigation-container .update-program {
clear: both;
overflow: hidden;
}
.side-navigation-container .update-program h4 {
padding: 0 0 0px 50px;
margin: 0;
position: relative;
line-height: 1em;
padding-top: 10px;
margin-bottom: 10px;
}
.side-navigation-container .update-program h4 .fa {
color: #ed5705;
font-size: 35px;
left: 10px;
position: absolute;
top: 12px;
}
.side-navigation-container .update-program h4 a {
margin: 0; padding: 0;
display: block;
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 16px;
}
html[lang="ja-JP"] .side-navigation-container .update-program h4 a {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Osaka", "Arial", "Helvetica", Sans-serif;
}
.side-navigation-container .update-program a {
font-size: 13px;
font-family: Arial, Tahoma, sans-serif;;
color: #444;
margin: 0;
padding-top: 0;
padding-bottom: 0px;
display: inline-block;
}
html[lang="ja-JP"] .side-navigation-container .update-program a {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Osaka", "Arial", "Helvetica", Sans-serif;
}
.side-navigation-container .update-program a.btn {
background-color: #666;
color: #fff;
padding: 2px 6px;
border: 0 none;
margin-right: 10px;
margin-bottom: 10px;
float: right;
}
.side-navigation-container .update-program p {
margin: 0;
}
.module-side-content img {
max-width: 100%;
height: auto !important;
}
.side-box .list-img a {
padding: 0;
}
.side-box .list-img a::after {
display: none;
}
/*** END ims2017/global/sideboxes.css ***/
/*** START ims2017/global/contactforms.css ***/
/* Contact Forms */
/* search contact us */
.text-nowrap {
white-space: nowrap;
}
.xform input[type="text"],
.xform input[type="email"],
.xform input[type="tel"],
.xform input[type="number"],
.xform select,
.xform textarea {
border-radius: 0;
height: auto;
padding: 4px;
border: 1px solid #ccc;
display: inline;
}
.xform input[type="text"],
.xform input[type="email"],
.xform input[type="tel"],
.xform input[type="number"],
.xform select {
width: 180px;
}
.xform textarea {
width: 300px;
height: 120px;
}
.xform td,
.xform th {
padding-top: 5px;
padding-bottom: 5px;
}
.xform th {
padding-right: 10px;
}
.xform th + td {
white-space: nowrap;
}
.xform th + td strong {
margin-left: 5px;
}
@media (max-width: 767px) {
.xform th {
width: 200px;
}
.xform input[type="text"],
.xform input[type="email"],
.xform input[type="tel"],
.xform input[type="number"],
.xform select {
width: 150px;
}
.xform textarea {
width: 100%;
}
}
@media (max-width: 479px) {
.xform table,
.xform tbody,
.xform tr,
.xform td,
.xform th {
width: 100%; display: block; padding: 0; margin: 0;
}
.xform tr {
padding-bottom: 10px;
}
.xform input[type="text"],
.xform input[type="email"],
.xform input[type="tel"],
.xform input[type="number"],
.xform select {
width: 200px;
max-width: 100%;
}
}
.xform div.radio {
display: inline-block;
padding: 0; margin: 0;
margin-right: 15px;
}
.xform .radio-blocks div.radio {
display: block;
margin-bottom: 5px;
}
.xform div.radio input[type="radio"] {
padding: 0; margin: 0;
margin-right: 5px;
}
.xform div.radio label {
white-space: normal;
}
table.searchContactsForm select,
table.searchContactsForm input[type="text"] {
background-color: #ffffff;
border: 1px solid #cccccc;
border-radius: 4px;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
color: #555555;
font-size: 14px;
height: 34px;
padding: 6px 12px;
vertical-align: middle;
max-width: 100%;
-o-transition:
border-color 0.15s ease-in-out 0s,
box-shadow 0.15s ease-in-out 0s;
-ms-transition:
border-color 0.15s ease-in-out 0s,
box-shadow 0.15s ease-in-out 0s;
-webkit-transition:
border-color 0.15s ease-in-out 0s,
box-shadow 0.15s ease-in-out 0s;
-moz-transition:
border-color 0.15s ease-in-out 0s,
box-shadow 0.15s ease-in-out 0s;
transition:
border-color 0.15s ease-in-out 0s,
box-shadow 0.15s ease-in-out 0s;
}
.searchContactsForm input[type="reset"],
.searchContactsForm input[type="reset"]:hover {
background-color: transparent;
background-image: none;
border-color: transparent;
color: #464eb6;
font-weight: normal;
margin-top: 0;
text-decoration: underline;
text-shadow: none;
}
table.searchContactsForm td:first-child {
width: 200px;
}
table.searchContactsForm #contactType label {
float: left;
margin-right: 15px;
}
#F1176 {
clear: both;
overflow: hidden;
}
#chooseDivisionForm select {
border: 1px solid #c7c7c7;
border-radius: 3px;
padding: 2px;
width: 100%;
font-size: 14px;
}
#F1172 #xFormFieldD283,
#F1172 #xFormFieldD283 + label,
#C11 #xFormFieldD283,
#C11 #xFormFieldD283 + label {
display: none;
}
html[lang="ja-JP"] #F1172 #xFormFieldD283,
html[lang="ja-JP"] #F1172 #xFormFieldD283 + label,
html[lang="ja-JP"] #C11 #xFormFieldD283,
html[lang="ja-JP"] #C11 #xFormFieldD283 + label{display: block;}
.searchContactsForm {
background-color: #f3f3f3;
border-radius: 0px;
width: 100%;
}
.searchContactsForm tr:first-child td {
padding-top: 15px;
}
.searchContactsForm tr:last-child td {
padding-bottom: 15px;
}
@media (min-width: 768px) {}
.searchContactsForm td:first-child {
padding-left: 15px;
}
}
@media (max-width: 767px) {
table.searchContactsForm, table.searchContactsForm tr, table.searchContactsForm td, table.searchContactsForm tbody {
display: block;
clear: both;
}
form div.table-responsive {
border: 0 none;
overflow: inherit;
}
.searchContactsForm tr:first-child td:last-child {
padding-top: 0px;
}
table.searchContactsForm td:first-child {
padding-bottom: 0px;
padding-top: 10px;
font-weight: bold;
width: 100%;
}
.searchContactsForm td:last-child {
padding-top: 0px;
}
.searchContactsForm select {
max-width: 100%;
width: 200px;
}
form #cover-agree,
form #cover-agree-2,
form .coverAgree,
form .coverAgree2 {
display: none;
}
.searchContactsForm .ipd {
text-align: left;
}
}
@media (max-width: 479px) {
table.searchContactsForm, table.searchContactsForm tbody, table.searchContactsForm thead,
table.searchContactsForm tr, table.searchContactsForm th, table.searchContactsForm td,
table.searchContactsForm tr:first-child td, table.searchContactsForm tr:last-child td,
table.searchContactsForm tr td:first-child, table.searchContactsForm tr td:last-child {
display: block;
padding: 0;
margin: 0;
clear: both;
}
table.searchContactsForm td,
table.searchContactsForm tr:first-child td, table.searchContactsForm tr:last-child td,
table.searchContactsForm tr td:first-child, table.searchContactsForm tr td:last-child {
padding: 5px 10px;
}
table.searchContactsForm tr td:first-child {
font-weight: bold;
padding-top: 10px;
padding-bottom: 0px;
}
table.searchContactsForm tr:last-child td {
padding-bottom: 15px;
}
table.searchContactsForm tr:last-child td:first-child {
padding: 0;
}
}
/* contact info above contact us form */
.contactUsTable {border-bottom: 1px solid #d7d7d7; margin-bottom: 25px;}
.contactUsTable .row > div {padding-bottom: 20px;}
.contactUsTable h3 {padding: 0; margin: 0; margin-bottom: 10px; line-height: 1.2em;}
.contactUsTable p {margin: 0; padding: 0;}
/* taskId.16811626 hide "Service" for JA */
html[lang="ja-JP"] .contactUsTable .row > div:last-child h3 {visibility: hidden;}
.contactUsTable h3 {
font-size: 13px;
font-family: Arial, Tahoma, sans-serif;;
line-height: $line-height;
margin: 0;
padding: 0;
}
.contactUsTable .contactUsTd h3 {
display: none;
}
/* http://www.olympus-ims.com/en/ec-probes/surface/ */
#ecsSearchContainer1 .searchContactsForm,
#ecsSearchContainer2 .searchContactsForm {
padding-top: 5px; padding-bottom: 5px; margin-bottom: 15px;
}
#ecsSearchContainer1 .searchContactsForm .row,
#ecsSearchContainer2 .searchContactsForm .row {
margin-left: 0px; margin-right: 0px; padding-top: 5px; padding-bottom: 5px;
}
.searchContactsForm td {
padding: 5px 10px;
}
.searchContactsForm label {
font-weight: normal;
display: block;
}
.searchContactsForm input[type="submit"] {
margin-top: 0px;
margin-right: 10px;
}
.cms-content input[type="submit"] {
margin-top: 10px;
}
.errors {
color: red;
}
.softwareBox, .statementBox {
border: 1px solid #D5D5D5;
font-size: 11px;
height: 150px;
overflow: auto;
padding: 0 10px 10px;
-webkit-overflow-scrolling: touch;
/* padding-left: 0px !for(ipad iphone android); */
/* padding-right: 0px !for(ipad iphone android); */
/* border: 0 none !for(ipad iphone android); */
/* height: auto !for(ipad iphone android); */
}
.statementBox .statementBox {
height: auto;
overflow: inherit;
border: 0 none;
padding: 0;
}
.pageUKGU9QMF .softwareBox,
.pageUKGU9QMF .statementBox,
#jobs-terms-and-conditions .statementBox {
border: 0 none;
font-size: 13px;
padding: 0;
height: auto;
}
form #cover-agree,
form #cover-agree-2,
form .coverAgree,
form .coverAgree2 {
/* display: none !for(ipad iphone android); */
}
@media (max-width: 767px) {
.softwareBox, .statementBox {
padding-left: 0px;
padding-right: 0px;
border: 0 none;
height: auto;
}
.cover-agree, .cover-agree-2 {
/* don't disallow checking agree checkbox when can't scroll */
display: none !important;
}
}
.content form table h6 {
font-size: 20px;
}
.page1T7HBOVE .content,
.page1KSBINTQ .content,
.page2JU2RMKN .content,
.pageYTXH5JWO .content,
.page178C8ETC .content {
padding-bottom: 0;
}
.no-labels-form .help-inline,
.form-table .help-inline {
display: none;
}
.no-labels-form input[type="text"],
.no-labels-form input[type="password"],
.no-labels-form input[type="email"],
.no-labels-form select,
.no-labels-form textarea {
width: 100%;
background-image: none;
border: 1px solid #C7C7C7;
box-shadow: none;
font-size: 14px;
height: auto;
line-height: 1.6em;
padding: 3px;
vertical-align: top;
}
.no-labels-form select {
padding: 5px 3px 4px;
}
.no-labels-form .row > div {
margin-bottom: 10px;
}
.no-labels-form .row > div.col-lg-6:first-child,
.no-labels-form .row > .col-city {
padding-right: 3px;
}
.no-labels-form .row > div.col-lg-6:last-child,
.no-labels-form .row > .col-zip {
padding-left: 3px;
}
.no-labels-form .row > div.col-state,
.no-labels-form .row > div.col-other-state {
padding-left: 3px;
padding-right: 3px;
}
/* taskId.16803647 customize fields orders for Japan */
.no-labels-form .hide-for-japan {display: none !important;}
.no-labels-form .row-customize-ja > div {width: 50%;}
@media (min-width: 480px) {
.no-labels-form .row-customize-ja > div.col-zip {padding-left: 15px; padding-right: 3px;}
.no-labels-form .row-customize-ja > div.col-city {padding-right: 15px; padding-left: 3px;}
}
.state-note {
white-space: nowrap;
}
.contact-form-extra {
font-size: 14px;
}
.contact-form-extra div.checkbox {
display: inline-block;
margin-right: 30px;
}
.multiple-checkboxes {
clear: both;
overflow: hidden;
}
.multiple-checkboxes div.checkbox {
display: block; float: left; width: 50%; margin-right: 0px;
}
@media (max-width: 767px) {
.multiple-checkboxes div.checkbox {float: none; margin-right: 0px; width: 100%;}
}
.multiple-checkboxes input[type="checkbox"] {
margin-top: 3px;
}
.contact-form-extra table.comments-table td {
vertical-align: middle;
}
.contact-form-extra table.comments-table td:first-child {
white-space: nowrap;
}
.contact-form-extra table.comments-table td:last-child {
width: 100%;
}
.xform h2 {
margin-top: 20px;
margin-bottom: 10px;
}
@media (max-width: 767px) {
.contact-form-extra table.comments-table, .contact-form-extra table.comments-table td,
.contact-form-extra table.comments-table tr, .contact-form-extra table.comments-table tbody {
display: block;
}
}
.pdf-brochure-form-extra {
font-size: 13px;
}
.contact-form-extra input[type="checkbox"] {
display: inline;
margin-right: 5px;
}
.contact-form-extra textarea,
.pdf-brochure-form-extra textarea {
background-image: none;
width: 100%;
height: 100px;
}
.contact-form-extra div.table-responsive,
.discontinue-form div.table-responsive,
.form-table div.table-responsive {
border: 0 none; padding: 0; margin: 0; overflow: inherit;
}
.contact-form-extra label {
display: inline;
float: none;
font-weight: normal;
font-size: 14px;
cursor: pointer;
white-space: inherit;
}
.pdf-brochure-form-extra label {
font-size: 13px;
}
.agree-block,
.agree-block-2 {
position: relative;
padding-top: 10px;
padding-bottom: 20px;
}
.agree-block-2 {
padding-bottom: 0px;
}
.cover-agree,
.cover-agree-2 {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-color: rgba(255,255,255,0.4);
text-decoration: none;
padding-top: 30px;
/* background-color: transparent !for(ie8 ie7); */
/* background-image: url(../data/i/ie8-transparent-white.png) !for(ie8 ie7); */
/* cursor: default !for(ie7 ie8 ie9); */
}
.cover-agree span,
.cover-agree-2 span {
display: none;
background-color: #999;
background-color: rgba(0,0,0,0.5);
color: #fff;
font-size: 14px;
padding: 3px 10px;
/* background-color: transparent !for(ie8 ie7); */
/* background-image: url(../data/i/ie8-transparent-black.png) !for(ie8 ie7); */
}
.agree-block input[type="checkbox"],
.agree-block-2 input[type="checkbox"] {
display: inline-block;
/* margin: 0px !for(ie9); */
/* padding: 0px !for(ie9); */
/* width: auto !for(ie9); */
/* height: auto !for(ie9); */
}
.pdf-brochure-form-extra .cover-agree span,
.pdf-brochure-form-extra .cover-agree-2 span {
font-size: 13px;
}
.cover-agree:hover span,
.cover-agree-2:hover span {
display: inline-block;
}
.newsletter-container {
margin-bottom: 20px;
}
.newsletters-group {
padding-top: 5px;
}
.newsletters-group div.checkbox {
display: inlnie-block;
margin-right: 40px;
}
.newsletter-one {
margin-bottom: 10px;
}
.newsletter-one label {
padding: 0; margin: 0;
}
.newsletter-one label span {
display: none;
}
.newsletter-one div.checkbox {
display: inline; display: inline-block;
padding: 0; margin: 0;
}
.newsletter-one div.checkbox input[type="checkbox"] {
padding: 0; margin: 0;
margin-right: 5px;
}
@media (max-width: 1024px) {
}
@media (max-width: 899px) {
.no-labels-form {
max-width: 480px;
width: 100%;
}
form .col-with-image {
display: none;
}
}
@media (max-width: 479px) {
.no-labels-form .row {
padding-top: 0px;
padding-bottom: 0px;
}
.no-labels-form .row > div,
.no-labels-form .row > div.col-lg-6:first-child, .no-labels-form .row > div.col-lg-6:last-child,
.no-labels-form .row > div.col-state, .no-labels-form .row > div.col-other-state,
.no-labels-form .row > .col-zip, .no-labels-form .row > .col-city {
width: 100%;
max-width: 300px;
float: none;
padding: 3px 15px;
}
.no-labels-form .row > div {
margin-bottom: 5px;
}
}
.contactPersonName img {display: none;}
.contactPersonName:before {font-family: 'FontAwesome'; content: '\f003'; margin-right: 5px; font-size: 14px;}
.contactPersonName:hover:before {text-decoration: none;}
.xformMultipart div.radio input[type="radio"] {
margin-top: 2px;
}
/* ---------------------- PDF BROCHRE FORM START ---------------------- */
.pdf-brochure-form .row .row {
max-width: 450px;
}
.pdf-brochure-form .row .row > div {
padding-bottom: 4px;
padding-top: 4px;
}
.pdf-brochure-form .row .row > div:first-child {
width: 35%;
}
.pdf-brochure-form .row .row > div:last-child {
width: 65%;
}
.pdf-brochure-form input[type="text"],
.pdf-brochure-form input[type="password"],
.pdf-brochure-form input[type="email"],
.pdf-brochure-form select {
width: 150px;
}
.pdf-brochure-form .help-inline,
.pdf-brochure-form .xFormError {
display: none;
}
.pdf-brochure-form input[type="radio"],
.pdf-brochure-form .radio,
.pdf-brochure-form input[type="checkbox"],
.pdf-brochure-form .checkbox {
padding: 0; margin: 0;
display: inline-block;
vertical-align: top;
}
.pdf-brochure-form input[type="radio"],
.pdf-brochure-form input[type="checkbox"] {
margin-right: 3px;
}
.pdf-brochure-form .radio,
.pdf-brochure-form .checkbox {
margin-right: 10px;
}
@media (max-width: 979px) {
.pdf-brochure-form > .row > div {
width: 100%;
float: none;
}
.pdf-brochure-form input[type="text"],
.pdf-brochure-form input[type="password"],
.pdf-brochure-form input[type="email"],
.pdf-brochure-form select {
width: 180px;
}
}
@media (max-width: 479px) {
.pdf-brochure-form .row .row > div,
.pdf-brochure-form .row .row > div:first-child,
.pdf-brochure-form .row .row > div:last-child {
width: 100%;
float: none;
padding-top: 0px;
padding-bottom: 0px;
}
.pdf-brochure-form label {
padding: 0; margin: 0;
margin-top: 7px;
}
}
/* ---------------------- PDF BROCHRE FORM END ---------------------- */
.newsletters-group {
padding-top: 5px;
}
.newsletters-group div.checkbox {
width: 45%;
display: inline-block;
}
.newsletters-group div.checkbox label {
padding: 0;
}
.newsletter-one label {
padding: 0; margin: 0;
}
.newsletter-one label span {
display: none;
}
.newsletter-one div.checkbox {
display: inline; display: inline-block;
padding: 0; margin: 0;
}
.newsletter-one div.checkbox input[type="checkbox"] {
padding: 0; margin: 0;
margin-right: 5px;
}
@media (max-width: 767px) {
.no-labels-form {
max-width: 450px;
}
.newsletters-group div.checkbox {
width: 100%;
float: none;
}
}
@media (max-width: 319px) {
.no-labels-form .row {
padding-top: 0px;
padding-bottom: 0px;
}
.no-labels-form .row > div,
.no-labels-form .row > div.col-lg-6:first-child, .no-labels-form .row > div.col-lg-6:last-child,
.no-labels-form .row > div.col-state, .no-labels-form .row > div.col-other-state,
.no-labels-form .row > .col-zip, .no-labels-form .row > .col-city {
width: 100%;
float: none;
padding: 3px 15px;
}
}
/* /call-request/366-dirItemId.1157632067.html */
.request-quote-title {padding-right: 5px;}
h2.first-title {margin-top: 0px;}
/* =Rentals Form */
/*.productsToRent {
position: relative;
}
.productsToRent .help-inline {
display: none;
}
.productToRent {
clear: both;
overflow: hidden;
border-bottom: 1px solid #d7d7d7;
padding: 10px;
background-color: #f2f2f2;
}
.productToRent.new {
background-color: #fffcdc;
border-top: 1px solid #d7d7d7;
}
.productToRent .xfProduct select {
width: 100%;
}
.xfTo {
display: inline-block;
margin-right: 20px;
}
.xfQuantity input[type="text"] {
width: 60px;
}
.add span,
.xfRemove span {
cursor: pointer;
display: inline-block;
}
.add span:before,
.xfRemove span:before {
font-family: 'FontAwesome';
font-size: 18px;
padding-right: 5px;
}
.add span:before {
content: '\f055';
color: #5F65B2;
}
.xfRemove span:before {
content: '\f057';
color: #D30000;
}
.xfDate input[type="text"] {
background-image: url("../data/i/calc.png");
background-position: 65px center;
background-repeat: no-repeat;
font-size: 11px;
padding-right: 10px;
width: 86px;
}
.xfProduct em, #xFormFieldD1835 {
display: none;
}
@media (max-width: 767px) {
.productToRent .row {
position: relative;
}
.col-xfRemove {
position: absolute;
right: 0px;
top: 20px;
}
}
@media (max-width: 479px) {
.add span {
display: block;
padding-top: 10px;
}
.xfDate input[type="text"] {
width: 70px;
background-image: none;
}
}*/
/* make calendar smaller */
#ui-datepicker-div.ui-datepicker {width: 200px;}
#ui-datepicker-div.ui-datepicker table {font-size: 11px;}
#ui-datepicker-div.ui-datepicker .ui-datepicker-title {font-size: 13px;}
#ui-datepicker-div.ui-datepicker td span,
#ui-datepicker-div.ui-datepicker td a {line-height: 1.6em;}
#ui-datepicker-div.ui-datepicker th {line-height: 1.6em;}
#ui-datepicker-div.ui-datepicker .ui-datepicker-prev,
#ui-datepicker-div.ui-datepicker .ui-datepicker-next {top: 0px;}
.ipop-popup-form.iPopBlock.styled .iPopBox {
border: 0 none;
}
.ipop-popup-form.iPopBlock.iframeType .iPopData {
overflow-y: hidden ; /* !for(-ipad -iphone) */
-webkit-overflow-scrolling: touch ; /* !for(-ipad -iphone) */
}
body.popup-form-page {
border: 0 none;
padding: 0;
}
body.popup-form-page .alert-danger {
border: 0 none;
background-color: transparent;
padding: 0px;
margin: 0px 0px 10px;
}
body.popup-form-page div.xform {
text-align: center;
}
.popup-form {
max-width: 100%;
padding: 10px 0px;
}
.popup-form h2,
html.iframe .page178C8ETC h2,
html.iframe .page2JU2RMKN .h2 {
border-bottom: 1px solid #e49900;
padding-bottom: 10px;
padding-top: 0px;
margin-bottom: 20px;
margin-top: 0px;
}
html.iframe .page178C8ETC h2 {
margin: 10px 10px 0px;
}
html.iframe .page2JU2RMKN .h2 {
margin-top: 10px;
}
html.noiframe .popup-form {
padding: 0px;
width: 600px;
max-width: 100%;
}
.popup-form .row {
clear: both;
overflow: hidden;
}
.popup-form .row > div {
float: left;
width: 50%;
}
.popup-form .row > div:only-child {
width: 100%;
float: none;
}
.popup-form .submit-container {
border-top: 1px solid #d7d7d7;
padding-top: 15px;
margin-top: 15px;
text-align: center;
}
.popup-form input[type="submit"] {
margin: 0;
}
.popup-form .submit-container input[type="submit"],
.popup-form .submit-container button,
.searchContactsForm input[type="submit"] {
border-radius: 0px;
background-color: #E7A614;
text-shadow: 0 none;
padding: 6px 12px;
background-image: none;
}
.popup-form .dynamic-placeholders input[type="text"],
.popup-form .dynamic-placeholders input[type="email"] {
width: 100%;
}
.popup-form label {
font-weight: normal;
}
.popup-form .newsletters-group div.checkbox {
margin-right: 0px;
}
.newsletters-group-container {
margin-bottom: 10px;
}
.newsletters-group-container label {
cursor: pointer;
}
@media (min-width: 480px) {
.popup-form {
padding: 20px 10px;
}
}
@media (min-width: 480px) {
/* align bottom when there is unven number of items in columns */
.popup-form .row {
display: flex;
flex-flow: row nowrap;
align-items: flex-end;
}
}
@media (max-width: 479px) {
.popup-form .row > div {
float: none;
width: 100%;
}
}
.popup-form .checkbox-container {
display: flex;
flex-flow: row nowrap;
align-items: baseline;
margin-top: 5px;
}
.popup-form .newsletters-group {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 10px;
}
@media (min-width: 550px) {
.popup-form .newsletters-group > div.checkbox {
width: -webkit-calc(50% - 15px);
width: -moz-calc(50% - 15px);
width: calc(50% - 15px);
}
}
.popup-form input#newsletter-agree,
.popup-form input[type="checkbox"]#xFormFieldD1701,
.popup-form input[type="checkbox"]#xFormFieldD1432,
.popup-form input[type="checkbox"]#xFormFieldD259,
.popup-form input[type="checkbox"]#xFormFieldD2499,
.popup-form input[type="checkbox"]#xFormFieldD257,
.popup-form input[type="checkbox"]#xFormFieldD258 {
margin-right: 5px;
}
.popup-form input#newsletter-agree + label,
.popup-form input[type="checkbox"]#xFormFieldD1701 + label,
.popup-form input[type="checkbox"]#xFormFieldD1432 + label,
.popup-form input[type="checkbox"]#xFormFieldD259 + label,
.popup-form input[type="checkbox"]#xFormFieldD2499 + label,
.popup-form input[type="checkbox"]#xFormFieldD257 + label,
.popup-form input[type="checkbox"]#xFormFieldD258 + label {
display: inline;
cursor: pointer;
}
/* custom checkbox styling START */
.popup-checkboxes div.checkbox {
padding: 0;
margin-bottom: 5px;
}
@media (min-width: 480px) {
.popup-checkboxes:not(.popup-checkboxes-float) {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-gap: 30px;
-moz-column-gap: 30px;
column-gap: 30px;
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid;
-webkit-column-fill: balance;
-moz-column-fill: balance;
column-fill: balance;
}
.popup-checkboxes-float {
display: flex;
flex-flow: row wrap;
}
.popup-checkboxes-float > * {
width: calc(50% - 15px);
margin-right: 15px;
}
}
.popup-form #newsletters-group {
margin-left: 25px;
}
.popup-form .checkboxes-group {
margin-bottom: 10px;
}
.popup-form #newsletters-group div.checkbox,
.popup-form .checkboxes-group div.checkbox {
padding: 0;
margin: 5px 0 0px;
}
@media (min-width: 480px) {
.popup-form .checkboxes-group {
display: flex;
flex-flow: row wrap;
}
.popup-form .checkboxes-group div.checkbox {
width: 50%;
}
}
#F5 .popup-form .checkboxes-group div.checkbox {
width: auto;
margin-right: 20px;
}
.popup-form #newsletters-group input[type="checkbox"],
.popup-form .newsletters-group-container > input[type="checkbox"],
.popup-form input#xFormFieldD258[type="checkbox"],
.popup-form input#xFormFieldD259[type="checkbox"],
.popup-form input#xFormFieldD1432[type="checkbox"],
.popup-form input#xFormFieldD1701[type="checkbox"],
.popup-form input#xFormFieldD2499[type="checkbox"],
.popup-checkboxes input[type="checkbox"],
.popup-form .checkboxes-group input[type="checkbox"],
.checkbox-container input[type="checkbox"] {
margin: 0;
padding: 0;
/* cannot hide because of "required" browser message */
x-display: none;
position: absolute;
opacity: 0;
cursor: pointer;
}
.popup-form #newsletters-group input[type="checkbox"] ~ span,
.popup-form .newsletters-group-container > input[type="checkbox"] ~ label,
.popup-checkboxes input[type="checkbox"] ~ span,
.popup-form .checkboxes-group input[type="checkbox"] ~ span,
.checkbox-container input[type="checkbox"] ~ label {
cursor: pointer;
display: flex !important;
flex-flow: row nowrap;
align-items: flex-start;
}
.popup-form input#xFormFieldD258[type="checkbox"] ~ label,
.popup-form input#xFormFieldD259[type="checkbox"] ~ label,
.popup-form input#xFormFieldD1432[type="checkbox"] ~ label,
.popup-form input#xFormFieldD1701[type="checkbox"] ~ label,
.popup-form .checkboxes-group input[type="checkbox"] ~ span,
.popup-form input#xFormFieldD2499[type="checkbox"] ~ label {
}
.popup-form #newsletters-group input[type="checkbox"] ~ span::before,
.popup-form .newsletters-group-container > input[type="checkbox"] ~ label::before,
.popup-form input#xFormFieldD258[type="checkbox"] ~ label::before,
.popup-form input#xFormFieldD259[type="checkbox"] ~ label::before,
.popup-form input#xFormFieldD1432[type="checkbox"] ~ label::before,
.popup-form input#xFormFieldD1701[type="checkbox"] ~ label::before,
.popup-form input#xFormFieldD2499[type="checkbox"] ~ label::before,
.popup-checkboxes input[type="checkbox"] ~ span::before,
.popup-form .checkboxes-group input[type="checkbox"] ~ span::before,
.checkbox-container input[type="checkbox"] ~ label::before {
content: '';
background-color: #e5e5e5;
display: flex;
justify-content: center;
align-items: center;
width: 15px;
height: 15px;
color: #fff;
transition: all 0.2s;
margin: 1px 10px 0 0;
font-size: 10px;
flex: 0 0 auto;
}
#F1254 .popup-form input[type="checkbox"]:not(:checked) ~ label::before,
#F1254 .popup-form input[type="checkbox"]:not(:checked) ~ span::before{
background-color: #e2e2e2;
}
.popup-form #newsletters-group div.checkbox label.checkbox,
.popup-checkboxes div.checkbox label.checkbox {
padding: 0;
margin: 0;
min-height: auto;
}
.popup-form input#xFormFieldD258[type="checkbox"] ~ label::before,
.popup-form input#xFormFieldD259[type="checkbox"] ~ label::before,
.popup-form input#xFormFieldD1432[type="checkbox"] ~ label::before,
.popup-form input#xFormFieldD1701[type="checkbox"] ~ label::before,
.popup-form input#xFormFieldD2499[type="checkbox"] ~ label::before,
.checkbox-container input[type="checkbox"] ~ label::before {
float: left;
}
.popup-form #newsletters-group input[type="checkbox"]:checked ~ span::before,
.popup-form .newsletters-group-container > input[type="checkbox"]:checked ~ label::before,
.popup-form input#xFormFieldD258[type="checkbox"]:checked ~ label::before,
.popup-form input#xFormFieldD259[type="checkbox"]:checked ~ label::before,
.popup-form input#xFormFieldD1432[type="checkbox"]:checked ~ label::before,
.popup-form input#xFormFieldD1701[type="checkbox"]:checked ~ label::before,
.popup-form input#xFormFieldD2499[type="checkbox"]:checked ~ label::before,
.popup-checkboxes input:checked ~ span::before,
.popup-form .checkboxes-group input[type="checkbox"]:checked ~ span::before,
.checkbox-container input[type="checkbox"]:checked ~ label::before {
content: '\f00c';
font-family: 'FontAwesome';
background-color: #E7A614;
}
.popup-checkboxes-other {
opacity: 0;
transform: scale(0);
transition: opacity 0.3s, margin 0.3s;
height: 0px;
width: 0px;
overflow: hidden;
margin-top: 0px;
}
.popup-checkboxes input:checked ~ .popup-checkboxes-other {
opacity: 1;
transform: scale(1);
height: auto;
width: 100%;
margin-top: 5px;
overflow: visible;
}
.popup-checkboxes-other input[type="text"] {
width: 100%;
border: 1px solid #f2f2f2;
background-color: #f2f2f2;
padding: 10px;
}
.popup-checkboxes-other input[type="text"]:focus {
box-shadow: none;
outline: none;
}
.survey-container div.radio {
width: 100%;
display: block;
float: none;
padding: 0;
margin: 0 0 5px;
}
.survey-container div.radio label input ~ span {
display: flex;
flex-flow: row nowrap;
align-items: center;
}
.survey-container div.radio label input ~ span::before {
content: '';
display: flex;
flex-flow: row nowrap;
justify-content: center;
align-items: center;
width: 13px;
height: 13px;
background-color: #ccc;
border-radius: 50%;
margin-right: 10px;
cursor: pointer;
position: relative;
}
.survey-container div.radio label input:checked ~ span::before {
background-color: #e49900;
}
.survey-container div.radio label {
position: relative;
display: block;
padding: 0;
margin: 0;
}
.survey-container div.radio label input {
opacity: 0;
position: absolute;
left: 0;
top: 0;
}
.survey-container textarea {
background-color: #f5f5f5;
border-radius: 0;
border: 0 none;
background-color: #f2f2f2;
box-shadow: none;
outline: none;
padding: 10px 15px;
}
.survey-container textarea:focus {
box-shadow: none;
outline: none;
}
html.noiframe .popup-form.survey-container {
width: 100%;
}
/* custom checkbox styling END */
/* =dymamic placeholders START */
.dynamic-placeholders-box {
max-width: 100%;
width: 400px;
}
.dynamic-placeholders > div {
position: relative;
margin-bottom: 5px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
/* custom for olympus */
x-width: 100%;
}
.dynamic-placeholders > div[xform-error] {
flex-flow: row wrap;
}
.dynamic-placeholders *[xform-error] input[type="text"],
.dynamic-placeholders *[xform-error] input[type="tel"],
.dynamic-placeholders *[xform-error] input[type="email"],
.dynamic-placeholders *[xform-error] input[type="password"],
.dynamic-placeholders *[xform-error] select,
.dynamic-placeholders *[xform-error] textarea {
background-color: #fdefef;
border-color: #fdefef;
}
.xform-error-message {
color: #B94A48;
display: none;
}
.dynamic-placeholders.row-full-width > div {
width: 100%;
padding-left: 10px;
padding-right: 10px;
display: block;
}
.dynamic-placeholders.row-full-width input[type="text"],
.dynamic-placeholders.row-full-width select,
.dynamic-placeholders.row-full-width textarea {
width: calc(100% - 7px);
}
@media (max-width: 479px) {
.dynamic-placeholders.row-full-width input[type="text"],
.dynamic-placeholders.row-full-width select,
.dynamic-placeholders.row-full-width textarea {
width: 100%;
}
}
.dynamic-placeholders > div:empty {
display: none;
}
.dynamic-placeholders input[type="text"],
.dynamic-placeholders input[type="email"],
.dynamic-placeholders input[type="password"],
.dynamic-placeholders select,
.dynamic-placeholders textarea {
height: 45px;
/* height: auto !for(ie9 ie8); */
padding: 15px 10px 0px;
/* padding: 10px !for(ie9 ie8); */
width: 400px;
/* width: 100% !for(ie8); */
max-width: 100%;
font-size: 13px;
background-color: #f2f2f2;
border-radius: 0;
border: 1px solid #f2f2f2;
box-shadow: none;
outline: none;
}
#F1254 .dynamic-placeholders input[type="text"],
#F1254 .dynamic-placeholders input[type="email"],
#F1254 .dynamic-placeholders input[type="password"],
#F1254 .dynamic-placeholders select,
#F1254 .dynamic-placeholders textarea {
background-color: #efefef;
border: 1px solid #efefef;
}
.dynamic-placeholders input[type="text"]:focus,
.dynamic-placeholders input[type="email"]:focus,
.dynamic-placeholders input[type="password"]:focus,
.dynamic-placeholders select:focus,
.dynamic-placeholders textarea:focus {
outline: none;
box-shadow: none;
}
.dynamic-placeholders textarea {
height: 150px;
width: 100%;
padding-left: 10px;
padding-right: 15px;
padding-top: 20px;
padding-bottom: 0px;
/* padding: 10px !for(ie9 ie8); */
}
.dynamic-placeholders span.selectWrapper {
display: block;
width: 100%;
}
.dynamic-placeholders select {
padding-left: 5px;
padding-left: 10px ; /* !for(webkit edge ie) */
padding-right: 10px;
padding-top: 15px;
padding-bottom: 0px;
/* padding: 10px !for(ie9 ie8); */
background-image: url(../data/i/caret.png);
background-repeat: no-repeat;
background-position: right center;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
/* padding-left: 9px !for(mac); */
}
.dynamic-placeholders input[type="checkbox"],
.dynamic-placeholders input[type="radio"] {
margin: 0; padding: 0;
margin-right: 10px;
}
.dynamic-placeholders label {
margin: 0;
position: absolute;
left: 20px;
top: 12px;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
pointer-events: none;
color: #444;
font-weight: normal;
font-size: 14px;
}
.popup-form .dynamic-placeholders label {
left: 10px;
}
.popup-form .dynamic-placeholders > div {
margin-bottom: 10px;
}
.dynamic-placeholders label {
/* display: none !important !for(ie9 ie8); */
}
.dynamic-placeholders input:focus ~ label,
.dynamic-placeholders .filled ~ label,
.dynamic-placeholders select ~ label,
.dynamic-placeholders .selectWrapper ~ label,
.dynamic-placeholders textarea:focus ~ label {
font-size: 11px;
top: 3px;
opacity: 0.7;
}
.dynamic-placeholders input[type="checkbox"] ~ label {
opacity: 1 !important;
}
.dynamic-placeholders input.filled:invalid ~ label,
.dynamic-placeholders input.clicked:invalid ~ label {
color: #b94a48;
}
.dynamic-placeholders input.not-valid,
.dynamic-placeholders .not-valid select {
border-color: #b94a48;
background-color: #f9eded;
}
.dynamic-placeholders .not-valid ~ label,
.dynamic-placeholders .not-valid,
.dynamic-placeholders .not-valid select {
color: #b94a48;
}
.alert-danger {
background-color: #f9eded;
}
.dynamic-placeholders input[type="checkbox"] ~ label,
.dynamic-placeholders input[type="radio"] ~ label {
pointer-events: inherit;
font-size: 13px;
position: static;
color: #444;
display: inline;
cursor: pointer;
}
.dynamic-placeholders input[type="checkbox"].filled:invalid ~ label,
.dynamic-placeholders input[type="radio"].filled:invalid ~ label {
color: #444;
}
/* set of checkboxes/radio buttons */
.dynamic-placeholders > div > div.radio,
.dynamic-placeholders > div > div.checkbox {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-moz-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
padding: 0;
margin: 0;
/* remove width 100% if want options to float */
width: 100%;
}
.dynamic-placeholders > div > div.radio label,
.dynamic-placeholders > div > div.radio + label,
.dynamic-placeholders > div > div.checkbox label,
.dynamic-placeholders > div > div.checkbox + label {
pointer-events: inherit;
font-size: 13px;
position: static;
color: #444;
display: inline;
cursor: pointer;
}
.dynamic-placeholders > div > div.radio + label,
.dynamic-placeholders > div > div.checkbox + label {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-moz-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
width: 100%;
font-weight: bold;
margin-bottom: 3px;
}
.dynamic-placeholders > div > div.radio > label,
.dynamic-placeholders > div > div.checkbox > label {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
}
/* file */
.dynamic-placeholders > div > .fmFileUpload,
.dynamic-placeholders > div > input[type="file"] {
width: 100%;
font-weight: normal;
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-moz-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.dynamic-placeholders > div > .fmFileUpload + label,
.dynamic-placeholders > div > input[type="file"] + label {
position: static;
font-size: 13px;
width: 100%;
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-moz-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
font-weight: bold;
margin-bottom: 5px;
}
/* remove placeholders */
.dynamic-placeholders ::-webkit-input-placeholder {
color: transparent;
}
.dynamic-placeholders ::-moz-placeholder {
color: transparent;
}
.dynamic-placeholders :-ms-input-placeholder {
color: transparent;
}
.dynamic-placeholders :-moz-placeholder {
color: transparent;
}
.dynamic-placeholders .form-error {
display: none;
}
.dynamic-placeholders > div.company-division-field,
.dynamic-placeholders > div.city-field{
display: none;
}
html[lang="ja-JP"] .dynamic-placeholders > div.company-division-field,
html[lang="ja-JP"] .dynamic-placeholders > div.city-field {
display: block;
}
@media (max-width: 479px) {
.dynamic-placeholders label {
left: 25px;
top: 17px;
}
.dynamic-placeholders input:focus ~ label,
.dynamic-placeholders .filled ~ label,
.dynamic-placeholders select ~ label,
.dynamic-placeholders .selectWrapper ~ label,
.dynamic-placeholders textarea:focus ~ label {
top: 6px;
}
}
/* =dymamic placeholders END */
/* custom for olympus */
@media (min-width: 480px) {
.no-labels-form .row.dynamic-placeholders {
margin-left: -10px;
margin-right: -10px;
}
.popup-form .row {
margin-left: -5px;
margin-right: -5px;
}
.no-labels-form .row.dynamic-placeholders > div {
padding-left: 10px;
padding-right: 10px;
}
.popup-form .row > div {
padding-left: 5px;
padding-right: 5px;
}
.no-labels-form .row.dynamic-placeholders > div.col-lg-6:last-child,
.no-labels-form .row.dynamic-placeholders > .col-zip {
padding-left: 10px;
}
.no-labels-form .row.dynamic-placeholders > div.col-state,
.no-labels-form .row.dynamic-placeholders > div.col-other-state {
padding-left: 5px;
padding-right: 5px;
}
.no-labels-form .row.dynamic-placeholders > div.col-state label,
.no-labels-form .row.dynamic-placeholders > div.col-other-state label {
left: 15px;
}
}
@media (max-width: 479px) {
.no-labels-form .row.dynamic-placeholders > div,
.no-labels-form .row.dynamic-placeholders > div.col-lg-6:first-child,
.no-labels-form .row.dynamic-placeholders > div.col-lg-6:last-child,
.no-labels-form .row.dynamic-placeholders > div.col-state,
.no-labels-form .row.dynamic-placeholders > div.col-other-state,
.no-labels-form .row.dynamic-placeholders > .col-zip,
.no-labels-form .row.dynamic-placeholders > .col-city {
max-width: 100%;
}
}
.field-desc {
width: 100%;
color: #999;
}
.field-desc span {
display: block;
}
@media (min-width: 480px) {
.field-desc {
position: relative;
margin-bottom: 25px;
}
.field-desc span {
top: -8px;
position: absolute;
}
}
.hide-form-title .form-product-title {
display: none;
}
.xform input[type="checkbox"] {
width: auto !important;
height: auto !important;
}
/* jobs form */
.jobs-form-apply.dynamic-placeholders {
margin-top: 15px;
}
.jobs-form-apply.dynamic-placeholders > div {
margin-bottom: 10px;
}
.jobs-form-apply.dynamic-placeholders input[type="text"],
.jobs-form-apply.dynamic-placeholders input[type="email"] {
width: 250px;
max-width: 100%;
}
.jobs-form-apply.dynamic-placeholders textarea {
width: 500px;
max-width: 100%;
padding-top: 20px;
padding-left: 10px;
}
.jobs-form-apply.dynamic-placeholders label {
left: 10px;
}
.jobs-form-apply.dynamic-placeholders textarea:focus,
.jobs-form-apply.dynamic-placeholders textarea.filled {
}
.jobs-form-apply.dynamic-placeholders > div.file-container {
flex-flow: column nowrap;
}
.jobs-form-apply.dynamic-placeholders > div.file-container label {
font-size: 14px;
font-weight: normal;
}
.newsletter-choose-message {
color: #b94a48;
margin-bottom: 5px;
width: 100%;
}
/* return merchandise authorization */
#C12 .dynamic-placeholders > div:not(.show-all) {
display: none;
}
#C12 #xFormFieldD2563 {
background-image: url(../data/i/input-calendar.png);
background-repeat: no-repeat;
background-position: right center;
}
/* -------------- rentals form START -------------- */
#F1193 h2 {
color: #444;
}
/*#F1193 .newsletters-group {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
}
#F1193 .newsletters-group > * {
width: calc(25% - 30px);
margin: 0px;
}
@media (max-width: 979px) {
#F1193 .newsletters-group > * {
width: calc(33.3333% - 30px);
}
}
@media (max-width: 767px) {
#F1193 .newsletters-group > * {
width: calc(33.3333% - 15px);
}
}
@media (max-width: 479px) {
#F1193 .newsletters-group > * {
width: calc(50% - 15px);
}
}
#F1193 .newsletters-group label {
display: flex;
flex-flow: row nowrap;
align-items: baseline;
}
#F1193 .newsletters-group label input {
margin-right: 5px;
}
#F1193 input#newsletter-agree {
display: inline-block;
margin-right: 5px;
}*/
.rentalH2 {
margin: 0;
}
.productsToRent {
position: relative;
}
.productsToRent .help-inline {
display: none;
}
.productToRent {
clear: both;
overflow: hidden;
padding: 10px;
background-color: #f5f5f5;
background-color: #fff;
}
.productToRent ~ .productToRent {
border-top: 1px solid #e7e7e7;
}
.productToRent.new {
background-color: #fffcdc;
background-color: #fff;
}
.productToRent .xfProduct select {
width: 100%;
}
.productToRent input[type="text"],
.productToRent select {
background-color: #F2F2F2;
border-color: #F2F2F2;
box-shadow: none;
outline: none;
}
.productToRent select:focus {
box-shadow: none;
outline: none;
}
.pr {
/* float: left;
width: 60%; */
}
.xfRemove {
}
.add {
/*position: absolute;
left: 296px;
top: 63px; */
}
.xfTo {
display: inline-block;
margin-right: 20px;
}
.xfQuantity input[type="text"] {
width: 60px;
}
.add span,
.xfRemove span {
cursor: pointer;
display: inline-block;
}
.add span:before,
.xfRemove span:before {
font-family: 'FontAwesome';
font-size: 18px;
padding-right: 5px;
}
.add span:before {
content: '\f055';
color: #5F65B2;
}
.xfRemove span:before {
content: '\f057';
color: #D30000;
}
.xfDate input[type="text"] {
background-image: url("../data/i/calc.png");
background-position: 65px center;
background-repeat: no-repeat;
font-size: 11px;
padding-right: 10px;
width: 86px;
}
.xfProduct em, #xFormFieldD1835 {
display: none;
}
@media (max-width: 767px) {
.productToRent .row {
position: relative;
}
.col-xfRemove {
position: absolute;
right: 0px;
top: 20px;
}
}
@media (max-width: 479px) {
.add span {
display: block;
padding-top: 10px;
}
.xfDate input[type="text"] {
width: 70px;
background-image: none;
}
}
/* make calendar smaller */
#ui-datepicker-div.ui-datepicker {width: 200px;}
#ui-datepicker-div.ui-datepicker table {font-size: 11px;}
#ui-datepicker-div.ui-datepicker .ui-datepicker-title {font-size: 13px;}
#ui-datepicker-div.ui-datepicker td span,
#ui-datepicker-div.ui-datepicker td a {line-height: 1.6em;}
#ui-datepicker-div.ui-datepicker th {line-height: 1.6em;}
#ui-datepicker-div.ui-datepicker .ui-datepicker-prev,
#ui-datepicker-div.ui-datepicker .ui-datepicker-next {top: 0px;}
/* -------------- rentals form END -------------- */
#F1224 hr {
margin-top: 10px;
margin-bottom: 10px;
}
/* remove -margin taskId.16813388 */
.form-horizontal .form-group {
margin-left: 0;
margin-right: 0;
}
/* taskId.16815245 2019/03/26 */
.popup-form .depends-on-01 {
display: none;
}
.popup-form .master-checkbox-container-01.master-checked ~ .depends-on-01 {
display: block;
}
.depends-on-01 textarea[required] ~ label::after {
content: '*';
color: darkred;
margin-left: 5px;
}
.radios-inline-container {
display: flex;
flex-flow: row wrap;
}
.radios-inline-container .radio,
.radios-inline-container .radio *,
.radios-inline-container .radio label,
.radios-inline-container .radio input[type="radio"] {
margin: 0;
padding: 0;
position: static;
}
.radios-inline-container > * {
display: inline-block;
}
.radios-inline-container .radio {
margin-right: 30px;
}
.radios-inline-container .radio label {
display: flex;
align-items: baseline;
}
.radios-inline-container .radio input[type="radio"] {
margin-right: 5px;
}
.depends-on-master-checkbox-container-01,
.depends-on-master-checkbox-container-02,
.depends-on-master-checkbox-container-03,
.depends-on-master-checkbox-container-04,
.depends-on-master-checkbox-container-05,
.depends-on-master-checkbox-container-06,
.master-checkbox-container-07.master-checked ~ .depends-on-master-checkbox-container-07 {
display: none;
}
.master-checkbox-container-01.master-checked ~ .depends-on-master-checkbox-container-01,
.master-checkbox-container-02.master-checked ~ .depends-on-master-checkbox-container-02,
.master-checkbox-container-03.master-checked ~ .depends-on-master-checkbox-container-03,
.master-checkbox-container-04.master-checked ~ .depends-on-master-checkbox-container-04,
.master-checkbox-container-05.master-checked ~ .depends-on-master-checkbox-container-05,
.master-checkbox-container-06.master-checked ~ .depends-on-master-checkbox-container-06,
.depends-on-master-checkbox-container-07 {
display: block;
}
.depends-on-master-checkbox-container-01 {
margin-top: 10px;
}
.depends-on-master-checkbox-container-02,
.depends-on-master-checkbox-container-03,
.depends-on-master-checkbox-container-04,
.depends-on-master-checkbox-container-05 {
padding-left: 25px;
x-margin-top: 5px;
margin-bottom: 5px;
}
.depends-on-master-checkbox-container-02 textarea,
.depends-on-master-checkbox-container-03 textarea,
.depends-on-master-checkbox-container-04 textarea,
.depends-on-master-checkbox-container-05 textarea {
height: 63px;
margin-top: 2px;
}
.master-checkbox-container-02 label,
.master-checkbox-container-03 label,
.master-checkbox-container-04 label,
.master-checkbox-container-05 label {
margin-bottom: 0;
}
#F5 .master-checkbox-container-02 input[type="checkbox"]:checked ~ label::after,
#F5 .master-checkbox-container-03 input[type="checkbox"]:checked ~ label::after,
#F5 .master-checkbox-container-04 input[type="checkbox"]:checked ~ label::after,
#F5 .master-checkbox-container-05 input[type="checkbox"]:checked ~ label::after {
content: '*';
margin-left: 5px;
color: #B94A48;
}
.depends-on-master-checkbox-container-07 input[required] ~ label::after,
.depends-on-master-checkbox-container-07 .selectWrapper ~ label::after {
content: '*';
display: inline-block;
margin-left: 5px;
color: #B94A48;
}
.uploads-container {
padding-bottom: 15px;
}
.upload-container {
padding: 10px 0px;
display: flex;
flex-flow: row nowrap;
align-items: flex-start;
border-bottom: 1px solid #e7e7e7;
}
.upload-container .form-error {
display: none;
}
.upload-container label {
order: 1;
margin-right: 10px;
}
.upload-container .fmFileUpload {
order: 2;
}
.uploader-area {
border-radius: 0;
margin: 15px 0;
cursor: pointer;
transition: all 0.5s;
border: 2px dashed #e7e7e7;
}
.uploader-area:hover {
background-color: #f5f5f5;
}
.uploader-area .btn {
border-radius: 0;
background-color: #f2f2f2;
transition: all 0.5s;
border: 0 none;
}
.uploader-area:hover .btn {
background-color: #fff;
}
.uploader-area .btn:hover,
.uploader-area .btn:focus {
background-color: #fff;
}
.uploader-area .btn::before {
font-family: 'FontAwesome';
content: '\f093';
margin-right: 10px;
color: #666;
}
.uploader-area {
/* display: none !for(ie); */
}
.uploader-area[data-count-files="3"] .uploader-instructions {
display: none;
}
.uploads-container {
display: none ; /* !for(-ie) */
}
[template-clone="uploader-error"] {
color: darkred;
}
[template-clone="uploader-thumbnail"] {
display: flex;
flex-flow: row nowrap;
align-items: center;
padding: 15px;
border: 1px solid #e7e7e7;
margin: 10px 0 0;
transition: all 0.5s;
}
[template-clone="uploader-thumbnail"]:hover {
background-color: #fff;
}
[template-clone="uploader-thumbnail"] .uploader-preview-img {
flex: 0 0 auto;
}
[template-clone="uploader-thumbnail"] div[z-var*="name"] {
flex: 1 1 auto;
padding-left: 15px;
}
[template-clone="uploader-thumbnail"] .uploader-remove {
position: static;
flex: 0 0 auto;
}
[template-clone="uploader-thumbnail"] .uploader-remove span {
display: none;
}
[template-clone="uploader-thumbnail"] .uploader-remove::before {
position: static;
content: '\f00d';
font-family: 'FontAwesome';
color: darkred;
color: #ccc;
font-size: 18px;
padding-left: 15px;
align-self: stretch;
transition: all 0.5s;
}
[template-clone="uploader-thumbnail"]:hover .uploader-remove::before {
color: darkred;
}
[template-clone="uploader-thumbnail"] .uploader-filename {
text-overflow: ellipsis;
width: 430px;
white-space: nowrap;
overflow: hidden;
}
@media (max-width: 767px) {
[template-clone="uploader-thumbnail"] .uploader-filename {
width: 200px;
}
}
#F5 div.radio {
position: relative;
padding: 0;
}
#F5 div.radio input {
position: absolute;
left: 0;
top: 3px;
padding: 0;
margin: 0;
opacity: 0;
cursor: pointer;
}
#F5 div.radio input ~ span {
display: flex;
flex-flow: row nowrap;
align-items: flex-start;
cursor: pointer;
}
#F5 div.radio input ~ span::before {
content: '';
width: 13px;
height: 13px;
display: block;
margin: 3px 10px 0 0;
flex: 0 0 auto;
background-image: url(../data/i/radio.png);
background-repeat: no-repeat;
}
#F5 div.radio:hover input ~ span::before {
background-position: -26px 0;
}
#F5 div.radio input:checked ~ span::before {
background-position: -13px 0;
}
/* taskId.16816627 2019/11/08 - show different links on mobile/desktop */
@media (min-width: 768px) {
.mobile-link {
display: none !important;
}
}
@media (max-width: 767px) {
.desktop-link {
display: none !important;
}
}
@media (max-width: 767px) {
html.noiframe #F1172 {
margin-top: 30px;
}
html.noiframe #F1172 h2 {
display: none;
}
html.noiframe #F1160 h2,
html.noiframe #C5 h2 {
margin-top: 20px;
}
html.noiframe #F1172 h2,
html.noiframe #F1160 h2,
html.noiframe #C5 h2,
html.noiframe #F1184 h2,
html.noiframe .popup-form h2 {
margin-top: 20px;
font-size: 20px;
}
html.noiframe .contactUsTable {
margin-top: 20px;
}
}
/*** END ims2017/global/contactforms.css ***/
/*** START ims2017/global/directory.css ***/
/* Directory */
/* filter form */
.form-filter {
color: #fff;
padding: 10px 20px 15px;
font-size: 13px;
margin-bottom: 20px;
clear: both;
overflow: hidden;
background: #436291;
background: -moz-linear-gradient(top, #436291 0%, #284871 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#436291), color-stop(100%,#284871));
background: -webkit-linear-gradient(top, #436291 0%,#284871 100%);
background: -o-linear-gradient(top, #436291 0%,#284871 100%);
background: -ms-linear-gradient(top, #436291 0%,#284871 100%);
background: linear-gradient(to bottom, #436291 0%,#284871 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#436291', endColorstr='#284871',GradientType=0 );
}
/* remove bootstrap required boxshadow */
select, input[type="text"], input[type="email"], input[type="tel"], textarea {
box-shadow: none;
}
.spanRequired {
color: red;
}
.form-filter label {
font-weight: normal;
font-size: 13px;
padding: 0; margin: 0;
}
.form-filter input[type="text"],
.form-filter input[type="submit"],
.form-filter select {
vertical-align: top;
padding: 6px 10px 5px;
/* height: 25px !for(ie); */
}
.form-filter input[type="text"],
.form-filter select {
border-radius: 0;
border: 0 none;
margin-right: 15px;
width: 150px;
}
.form-filter input[type="text"] {
padding: 5px 10px 4px;
}
.form-filter input[type="submit"] {
border-radius: 0;
border: 0 none;
background-color: #fff;
background-image: none;
color: #284871;
text-shadow: none;
font-weight: normal;
font-size: 13px;
padding: 7px 10px 4px;
}
@media (min-width: 1049px) {
.form-filter input[type="text"],
.form-filter select {
width: 200px;
}
}
@media (min-width: 900px) {
.form-filter-block {
float: left;
display: block;
}
}
@media (max-width: 899px) {
.form-filter-block {
float: none;
}
.form-filter input[type="text"],
.form-filter input[type="submit"],
.form-filter select {
width: 200px;
display: block;
margin-bottom: 10px;
}
.form-filter input[type="submit"] {
width: 100px;
}
}
/* search results */
.product-search-results h2 {
border-bottom: 1px solid #d7d7d7;
padding-bottom: 5px;
margin-bottom: 10px;
}
.search-products-results-block {
clear: both;
overflow: hidden;
}
.search-products-results-block-empty {
display: none;
}
.category-search {
border-bottom: 1px solid #d7d7d7;
margin-bottom: 25px;
}
.category-search .row > div {
padding-bottom: 20px;
}
.products-list {
color: #716d6d;
}
.products-list .row > div {
margin-bottom: 30px;
}
.products-list a {
color: #716d6d;
}
.products-list h3 {
color: #716d6d;
font-size: 18px;
padding: 0; margin: 0;
line-height: 1em;
margin-bottom: 10px;
}
.products-list td {
position: relative;
padding: 0;
}
.products-list td:first-child {
padding-right: 30px;
/* width: 170px !for(ie8); */
}
.new-label {
position: absolute;
top: 0px;
left: 0px;
color: #fff;
display: inline-block;
padding: 2px 6px;
background-color: #e49900;
line-height: 1em;
}
.products-list a.bookmark, .products-list a.bookmark:hover, .products-list a.bookmark:focus,
.products-list a.watchlist-remove-link, .products-list a.watchlist-remove-link:hover, .products-list a.watchlist-remove-link:focus {
color: #a2a0a0;
text-decoration: none;
}
.products-list a.bookmark:hover, .products-list a.bookmark:focus,
.products-list a.watchlist-remove-link:hover, .products-list a.watchlist-remove-link:focus {
color: #444;
}
.products-list .shortdesc {
padding-top: 15px;
}
.products-list ul {
padding: 0; margin: 0;
margin-left: 10px;
}
/* compare checkboxes */
.product-compare-box label {font-weight: normal; cursor: pointer; color: #a2a0a0;}
.product-compare-box input.checkbox[type="checkbox"] {display: inline-block; padding: 0; margin: 0; margin-bottom: 2px;}
.product-compare-box label.label-checked {text-decoration: underline; cursor: pointer; display: none;}
.compare-active .product-compare-box label.label-checked {display: inline-block; color: #e49900;}
.compare-active .product-compare-box label.label-unchecked {display: none;}
input.btn-compare-selected[type="submit"], a.btn-compare-selected {display: none;}
@media (max-width: 579px) {
.col-product {width: 100%; float: left;}
}
@media (max-width: 359px) {
.table-products-list-item-header, .table-products-list-item-header tr, .table-products-list-item-header td, .table-products-list-item-header tbody {
display: block;
}
.table-products-list-item-header td:first-child {
margin-bottom: 15px;
}
}
/* SPECIFICATIONS */
.specifications-table p {
margin: 0;
}
.specifications-table .popup-gallery-thumb {
margin: 0;
}
.specifications-table a {
color: #464eb6;
}
.specifications-table {
margin-bottom: 15px;
}
.specifications-table td,
.specifications-table th {
border-left: 1px solid #c7c7c7;
}
/* taskId.16803645 */
.specifications-table th.split-cell:first-child,
.specifications-table th[rowspan]:first-child,
.specifications-table td:first-child {
border-left: 0 none;
}
.specifications-table td.table-spacer,
.specifications-table th.table-spacer {
padding: 0; margin: 0;
border-left: 0 none;
}
/* taskId.16806881 */
/* Patch for /en/microscope/mx51/#!cms[tab]=%2Fmicroscope%2Fmx51%2Fspecifications */
.specifications-table .split-cell-duplicate + .split-cell-duplicate.split-cell-empty {
border: 0px solid transparent !important;
}
.specifications-table th.split-cell-empty,
.specifications-table th:empty {
border-left: 0 none;
}
.specifications-table th,
.specifications-table td,
.specifications-table thead > tr > th,
.specifications-table thead > tr > td,
.specifications-table tbody > tr > th,
.specifications-table tbody > tr > td,
.specifications-table tfoot > tr > th,
.specifications-table tfoot > tr > td {
padding: 8px 5px;
font-weight: normal;
font-size: 13px;
font-family: Arial, Tahoma, sans-serif;;
color: #444;
line-height: 1.3em;
border-top: 1px solid #c7c7c7;
}
html[lang="ja-JP"] .specifications-table th,
html[lang="ja-JP"] .specifications-table td,
html[lang="ja-JP"] .specifications-table thead > tr > th,
html[lang="ja-JP"] .specifications-table thead > tr > td,
html[lang="ja-JP"] .specifications-table tbody > tr > th,
html[lang="ja-JP"] .specifications-table tbody > tr > td,
html[lang="ja-JP"] .specifications-table tfoot > tr > th,
html[lang="ja-JP"] .specifications-table tfoot > tr > td {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Osaka", "Arial", "Helvetica", Sans-serif;
}
.specifications-table tbody > tr > th.split-cell-duplicate {
border-top: 0 none;
}
/* taskId.16803337 - /microscopes/upright/bx63/ (Specifications) */
/* using also js http://screencast.com/t/F7hBdng7cU
/* http://screencast.com/t/dRarh56OjZ */
.specifications-table tbody > tr > th.split-cell-empty {
border-top: 1px solid #c7c7c7;
}
/* http://screencast.com/t/EzfQvcCfc7kb */
.specifications-table tbody > tr > th.split-cell-header + th.split-cell-with-hidden {
border-top: 1px solid #c7c7c7;
}
.specifications-table tbody > tr:first-child > th,
.specifications-table tbody > tr:first-child > td {
border-top: 0 none;
}
.specifications-table th,
.specifications-table thead > tr > th,
.specifications-table tbody > tr > th,
.specifications-table tfoot > tr > th {
vertical-align: top;
}
.specifications-table td,
.specifications-table thead > tr > td,
.specifications-table tbody > tr > td,
.specifications-table tfoot > tr > td {
vertical-align: middle;
}
.specifications-table ul {
margin-top: 0;
margin-bottom: 0px;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 12px;
}
.specifications-table p {
margin: 0;
}
html[lang="ja-JP"] .specifications-table th,
html[lang="ja-JP"] .specifications-table td {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Osaka", "Arial", "Helvetica", Sans-serif;
}
.specifications-table th {
background-color: #efefef;
}
.specifications-table .dt-multienum ul {padding: 0; margin: 0; list-style-type: none;}
.specifications-table .dt-multienum li {padding: 0; margin: 0;}
/* make width depend on number of columns taskId.16806930 */
.specifications-table td:nth-child(2) {width: 50%;}
.specifications-table td:nth-child(3) {width: 33%;}
.specifications-table td:nth-child(4) {width: 25%;}
.specifications-table td:nth-child(5) {width: 20%;}
.specifications-table td:nth-child(6) {width: 16%;}
/* =PRODUCT GALLERY */
.ls-slider {
max-width: 710px;
margin: 0 auto;
}
.ls-slider-image-container {
position: relative;
}
.ls-slider-short-desc-contents {
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
padding: 10px;
background-image: none;
/* background-image: url(../data/i/ie8-transparent-white-80.png) !for(ie8); */
background-color: rgba(255,255,255,0.8);
color: #000;
display: block;
}
.ls-slider-short-desc-contents:empty {
display: none;
}
/* fix ie8 for smaller resolution taskId.16804196 */
div.ipop-ls-slider.iPopBlock.noScrollX .iPopBox {
/* max-width: 470px !for(ie8); */
}
div.iPopData .ls-slider-inner {
/* max-width: 450px !for(ie8); */
}
div.iPopData .product-gallery big {
/* font-size: 22px !for(ie8); */
/* margin-bottom: 10px !for(ie8); */
}
div.iPopData .ls-slider-image-container img {
/* max-height:250px !for(ie8); */
/* width: auto !for(ie8); */
}
div.product-gallery-paging-prev {
/* left: -30px !for(ie8); */
}
div.product-gallery-paging-next {
/* right: -30px !for(ie8); */
}
div.ipop-ls-slider .iPopClose i {
/* right: 20px !for(ie8); */
/* font-size: 20px !for(ie8); */
}
.product-gallery {
padding-left: 15px;
padding-right: 15px;
padding-bottom: 15px;
background-color: #fff;
}
.product-gallery big {
font-size: 30px;
font-weight: normal;
margin-top: 20px;
margin-bottom: 20px;
display: block;
color: #444444;
font-family: 'Roboto', Arial, Helvetica, sans-serif;
line-height: 1em;
}
html[lang="ja-JP"] .product-gallery big {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Osaka", "Arial", "Helvetica", Sans-serif;
}
.product-gallery-item {
padding: 30px;
padding-top: 0px;
}
.product-gallery-paging {
padding-bottom: 20px;
position: relative;
background-image: url(../data/i/original/microlightbox_footer_bg.jpg);
background-repeat: repeat-x;
background-position: left -1px;
}
#product-gallery-paging {
max-width: 500px;
margin: 0 auto;
}
.product-gallery-paging-item {
width: 85px;
margin: 0 auto;
background-color: #fff;
min-height: 150px;
font-size: 11px;
line-height: 1.3em;
cursor: pointer;
}
.theatre-actor.main-active .product-gallery-paging-item {
color: #fff;
background: #3e5f8c;
background: -moz-linear-gradient(top, #3e5f8c 0%, #112c57 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3e5f8c), color-stop(100%,#112c57));
background: -webkit-linear-gradient(top, #3e5f8c 0%,#112c57 100%);
background: -o-linear-gradient(top, #3e5f8c 0%,#112c57 100%);
background: -ms-linear-gradient(top, #3e5f8c 0%,#112c57 100%);
background: linear-gradient(to bottom, #3e5f8c 0%,#112c57 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e5f8c', endColorstr='#112c57',GradientType=0 );
}
.product-gallery-paging .theatre-actor {
padding-top: 11px;
}
.product-gallery-paging .main-active {
background-image: url(../data/i/original/microlightbox_active_arrow.gif);
background-position: center top;
background-repeat: no-repeat;
}
.product-gallery-paging-item span {
display: block;
padding: 5px;
}
.product-gallery-paging-control,
.product-gallery-control {
font-family: 'FontAwesome';
font-size: 24px;
cursor: pointer;
position: absolute;
top: 50%;
color: #A4A4A4;
}
.product-gallery-control {
font-size: 36px;
}
.product-gallery-paging-prev {left: 10%;}
.product-gallery-paging-next {right: 10%;}
.product-gallery-prev {left: 0;}
.product-gallery-next {right: 0;}
/* inline gallery */
/* .ls-slider-inline .ls-slider-inner {position: relative !for(ie8);} */
.ls-slider-inline .product-gallery {position: relative ;} /* !for(-ie8) */
/* .ls-slider-inline .product-gallery .product-gallery-control {top: 55%; top: 40% !for(ie8);} */
.ls-slider-inline .product-gallery .product-gallery-prev {left: -25px;}
.ls-slider-inline .product-gallery .product-gallery-next {right: -25px;}
@media (min-width: 1025px) {
.ls-slider-inline .product-gallery .product-gallery-control {color: #d7d7d7;}
.ls-slider-inline .product-gallery-paging {margin-left: 15px; margin-right: 15px;}
}
@media (max-width: 1024px) {
.ls-slider-inline .product-gallery {padding: 0;}
.ls-slider-inline .product-gallery .product-gallery-prev {left: 15px;}
.ls-slider-inline .product-gallery .product-gallery-next {right: 15px;}
}
/* popup gallery (vs. inline styles above) */
.ipop-ls-slider .iPopBox {
/* max-width: 720px !for(ie8); */
/* margin: 0 auto !for(ie8); */
}
.ipop-ls-slider .ls-slider-inner {
/* max-width: 710px !for(ie8); */
}
.ipop-ls-slider.iPopBlock {
/* z-index: 5000 !for(ie8); */
}
.product-gallery-paging-control:hover {
color: #fff;
text-shadow: 2px 2px 2px #222;
}
.ipop-ls-slider.iPopBlock.noScrollX .iPopBox {
padding-left: 40px;
padding-right: 40px;
padding-top: 40px;
}
.ipop-ls-slider .iPopClose i {
color: #A4A4A4;
font-size: 30px;
cursor: pointer;
position: absolute;
right: 10px;
top: 10px;
}
@media (max-width: 991px) {
.product-gallery-paging-next {right: 3%;}
.product-gallery-paging-prev {left: 3%;}
.product-gallery big {font-size: 24px; margin-bottom: 10px;}
}
@media (max-width: 767px) {
#product-gallery-paging {max-width: 380px;}
.product-gallery h3 {font-size: 24px;}
.product-gallery big {font-size: 20px; margin-top: 10px;}
}
@media (max-width: 599px) {
.col-product-gallery-paging-item {width: 50%;}
#product-gallery-paging {max-width: 220px;}
}
@media (max-width: 479px) {
.product-gallery-paging {display: none;}
.product-gallery h3 {font-size: 18px;}
.product-gallery-control {font-size: 24px;}
.ipop-ls-slider .iPopClose i {font-size: 24px; top: 10px; right: 10px;}
.ipop-ls-slider.iPopBlock.noScrollX .iPopBox {padding-left: 30px; padding-right: 30px;}
.ipop-ls-slider .iPopWrap {padding: 10px;}
.ls-slider-short-desc-contents {
position: relative;
padding: 10px 0 0px;
color: #444;
}
}
/* =COMPARE */
.page1D8MMDW6 .container {max-width: 100%;}
.page1D8MMDW6 .col-aside {display: none;}
.page1D8MMDW6 .col-content {width: 100%; float: none;}
.page1D8MMDW6 .table-compare tr:first-child th {
text-align: center;
font-weight: bold;
}
.page1D8MMDW6 .table-compare tr:first-child th:first-child {
text-align: left;
}
.page1D8MMDW6 .comparison-table:not(.no-left-th) tr > *:first-child {
}
.page1D8MMDW6 .table-compare th,
.page1D8MMDW6 .table-compare td {
padding: 8px 5px;
font-weight: normal;
font-family: Arial, Tahoma, sans-serif;;
color: #444;
line-height: 1.3em;
max-width: 250px;
/* fix ipad portrait issue */
white-space: normal !important;
}
html[lang="ja-JP"] .page1D8MMDW6 .table-compare th,
html[lang="ja-JP"] .page1D8MMDW6 .table-compare td {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Osaka", "Arial", "Helvetica", Sans-serif;
}
.page1D8MMDW6 .table-compare th {
background-color: #efefef;
font-weight: normal;
vertical-align: middle;
}
.page1D8MMDW6 .table-compare td {
text-align: center;
vertical-align: middle;
}
.page1D8MMDW6 .table-compare td ul {
list-style-type: none;
padding: 0;
margin: 0;
}
.page1D8MMDW6 .table-compare td li {
padding: 0; margin: 0;
}
.page1D8MMDW6 .table-responsive {
overflow-x: scroll;
overflow-y: hidden;
}
@media (min-width: 480px) {
.page1D8MMDW6 .table-compare tr:hover td {
background-color: #f2f2f2;
}
.page1D8MMDW6 .table-compare tr:hover th {
background-color: #dfdfdf;
border-color: #dfdfdf;
}
/* add horizontal line */
.page1D8MMDW6 .table-compare th,
.page1D8MMDW6 .table-compare td {
border-top: 1px solid #c7c7c7;
}
.page1D8MMDW6 .table-compare tbody > tr > th.split-cell-duplicate {
border-top: 0 none;
}
.page1D8MMDW6 .table-compare tbody > tr > th.split-cell-empty {
border-top: 1px solid #c7c7c7;
}
.page1D8MMDW6 .table-compare tbody > tr > th.split-cell-header + th.split-cell-with-hidden {
border-top: 1px solid #c7c7c7;
}
/* add vertical line taskId.16803427 */
.page1D8MMDW6 .table-compare th,
.page1D8MMDW6 .table-compare td {
border-left: 1px solid #c7c7c7;
}
.page1D8MMDW6 .table-compare th:first-child {
border-left: 0 none;
}
.page1D8MMDW6 .table-compare th.split-cell-empty, .page1D8MMDW6 .table-compare td.split-cell-empty,
.page1D8MMDW6 .table-compare th:empty, .page1D8MMDW6 .table-compare td:empty {
border-left: 0 none;
}
}
@media (max-width: 767px) {
.page1D8MMDW6 .table-responsive > .table > thead > tr > th,
.page1D8MMDW6 .table-responsive > .table > tbody > tr > th,
.page1D8MMDW6 .table-responsive > .table > tfoot > tr > th,
.page1D8MMDW6 .table-responsive > .table > thead > tr > td,
.page1D8MMDW6 .table-responsive > .table > tbody > tr > td,
.page1D8MMDW6 .table-responsive > .table > tfoot > tr > td {
white-space: inherit;
}
}
@media (min-width: 480px) and (max-width: 767px) {
.page1D8MMDW6 .table-responsive {
height: 100%;
overflow: scroll;
width: 100%;
}
}
@media (max-width: 479px) {
.page1D8MMDW6 .compare-product-name-row {
display: none;
}
.page1D8MMDW6 .table-compare th {
background-color: #fff;
border-top: 0 none;
padding-top: 3px;
padding-bottom: 3px;
font-size: 1.2em;
}
.page1D8MMDW6 .table-compare td {
padding-top: 3px;
}
.page1D8MMDW6 .table-compare th.split-cell-duplicate .hidden {
display: block !important;
visibility: visible !important;
}
.page1D8MMDW6 .table-compare th.split-cell-duplicate {
background-color: #efefef;
}
/* rewrite comparison styles */
.comparison-table:not(.no-left-th) .table-compare tr > *:not(:first-child) {
margin-left: 0px;
}
.comparison-table .table-compare tr > *:not(:first-child):before, .comparison-table.no-left-th tr > *:not(:first-child):before {
color: #08107b;
}
.page1D8MMDW6 .table-compare th.split-cell-header {
background-color: #efefef;
}
}
/* ------------------------------------- =COMPONENTS START ------------------------------------- */
.components {
clear: both;
position: relative;
}
h2.component-type {
clear: both;
padding: 0; margin: 0;
margin-top: 20px;
margin-bottom: 5px;
font-family: Arial, Tahoma, sans-serif;;
font-size: 18px;
font-weight: normal;
color: #6e6a6a;
}
html[lang="ja-JP"] h2.component-type {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Osaka", "Arial", "Helvetica", Sans-serif;
}
.component {
clear: both;
overflow: hidden;
width: 100%;
}
.component-image {
float: left;
}
.component-desc-container {
float: left;
}
h4.component-name {
padding: 0; margin: 0;
margin-bottom: 5px;
font-size: 14px;
font-family: Arial, Tahoma, sans-serif;;
color: #000;
}
html[lang="ja-JP"] h4.component-name {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Osaka", "Arial", "Helvetica", Sans-serif;
}
h4.component-name a, h4.component-name a:hover, h4.component-name a:focus {
color: #000;
padding: 0;
margin: 0;
background-color: transparent;
border: 0 none;
box-shadow: none;
color: #464eb6;
}
.component-desc {
float: left;
}
.component-desc ul {
padding: 0; margin: 0;
padding-left: 20px;
}
.components-paging {
display: inline-block;
border-radius: 3px;
overflow: hidden;
float: right;
}
.components-paging span {
border: 1px solid #d7d7d7;
border-left: 0 none;
display: inline-block;
padding: 2px 8px;
text-align: center;
cursor: pointer;
margin: 0;
}
.components-paging span.active {
background-color: #e49900;
color: #fff;
}
.component {width: 100% !important;}
.component-image {width: 19%;}
.component-desc-container {width: 81%;}
@media (max-width: 1199px) {.component-image {width: 21%;} .component-desc-container {width: 79%;}}
@media (max-width: 1099px) {.component-image {width: 23%;} .component-desc-container {width: 77%;}}
@media (max-width: 999px) {.component-image {width: 26%;} .component-desc-container {width: 74%;}}
@media (max-width: 899px) {.component-image {width: 30%;} .component-desc-container {width: 70%;}}
@media (max-width: 799px) {.component-image {width: 32%;} .component-desc-container {width: 68%;}}
@media (max-width: 767px) {.component-image {width: 26%;} .component-desc-container {width: 74%;}}
@media (max-width: 699px) {.component-image {width: 28%;} .component-desc-container {width: 72%;}}
@media (max-width: 599px) {.component-image {width: 34%;} .component-desc-container {width: 66%;}}
@media (max-width: 499px) {.component-image {width: 36%;} .component-desc-container {width: 64%; margin-top: 10px;}}
@media (min-width: 479px) {
.component {margin-left: -10px; margin-right: -10px;}
.component-image {padding-left: 10px; padding-right: 10px;}
.component-desc-container {padding-right: 10px;}
}
/* solutions configurator */
.theatre-spacer {
display: none;
}
.components .paging {
display: inline-block;
border-radius: 3px;
overflow: hidden;
position: absolute;
right: 15px;
line-height: 0em;
z-index: 1;
top: 15px;
overflow: hidden;
}
.components .components-paging {
position: absolute;
right: 15px;
top: 15px;
z-index: 1;
float: none;
}
/* taskId.16803939 align paging buttons left */
.microscopes-configurator[count="1"] .components .paging {width: 26px;}
.microscopes-configurator[count="2"] .components .paging {width: 51px;}
.microscopes-configurator[count="3"] .components .paging {width: 76px;}
.microscopes-configurator[count="4"] .components .paging {width: 101px;}
.microscopes-configurator[count="5"] .components .paging {width: 126px;}
.microscopes-configurator[count="6"] .components .paging {width: 151px;}
.microscopes-configurator[count="7"] .components .paging {width: 176px;}
.microscopes-configurator[count="8"] .components .paging {width: 201x;}
.microscopes-configurator[count="9"] .components .paging {width: 226px;}
.microscopes-configurator[count="10"] .components .paging {width: 251px;}
.microscopes-related[count="1"] .components .components-paging {width: 26px;}
.microscopes-related[count="2"] .components .components-paging {width: 51px;}
.microscopes-related[count="3"] .components .components-paging {width: 76px;}
.microscopes-related[count="4"] .components .components-paging {width: 101px;}
.microscopes-related[count="5"] .components .components-paging {width: 126px;}
.microscopes-related[count="6"] .components .components-paging {width: 151px;}
.microscopes-related[count="7"] .components .components-paging {width: 176px;}
.microscopes-related[count="8"] .components .components-paging {width: 201x;}
.microscopes-related[count="9"] .components .components-paging {width: 226px;}
.microscopes-related[count="10"] .components .components-paging {width: 251px;}
.components .paging button,
.components .microscopes-paging span {
border: 0 none;
border-radius: 0;
padding: 0; margin: 0;
background-image: none;
box-shadow: none;
text-shadow: none;
border-top: 1px solid #d7d7d7;
border-bottom: 1px solid #d7d7d7;
border-right: 1px solid #d7d7d7;
display: inline-block;
padding: 2px 8px;
text-align: center;
cursor: pointer;
margin: 0;
}
html[lang="ja-JP"] .components .paging button,
html[lang="ja-JP"] .components .components-paging span {
padding: 2px 7px;
}
.components .paging button:first-child,
.components .components-paging span:first-child {
border-left: 1px solid #d7d7d7;
}
.components .paging button.active {
background-color: #e49900;
color: #fff;
}
.component-image a.btn {
padding: 0; margin: 0; border-radius: 0; border: 0 none; background-color: #fff;
}
@media (max-width: 767px) {
.component {
border-bottom: 1px solid #efefef;
padding-bottom: 15px;
}
.components .paging,
.components .components-paging {
top: 0px;
}
}
@media (max-width: 479px) {
.component-image,
.component-image img,
.component-desc-container {
float: none;
}
.components .paging,
.components .components-paging {
position: static;
margin-top: 10px;
margin-bottom: 10px;
}
}
/* ------------------------------------- =COMPONENTS END ------------------------------------- */
/* ------------------------------------- =GEO CONTROLLED CONTENT START ------------------------------------- */
.geo-content-list .row {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.geo-content-list .row::before,
.geo-content-list .row::after {
display: none;
}
.geo-content-list .row > div {
height: auto !important ; /* !for(-ie9 -ie8) */
}
.col-geo-content-item {
margin-bottom: 30px;
}
.col-geo-content-item img {
height: auto;
width: 100%;
margin-bottom: 15px;
}
.col-geo-content-item .new-label {
margin-left: 15px;
font-size: 14px;
text-transform: uppercase;
padding: 5px 10px;
}
.col-geo-content-item:nth-child(3n+1) .new-label {
margin-left: 30px;
}
.col-geo-content-item h3 {
padding: 0; margin: 0;
margin-bottom: 10px;
font-size: $h2FontSize;
color: #444444;
line-height: 1.2em;
}
.col-geo-content-item h3 i {
margin-left: 5px;
color: #e49900;
}
.col-geo-content-item h3 a:hover {
color: #e49900;
}
.col-geo-content-item .subtitle {
color: #444;
display: block;
font-size: 10px;
margin-top: 10px;
text-transform: uppercase;
}
.col-geo-content-item a.more {
margin-top: 0px;
}
@media (max-width: 399px) {
.col-geo-content-item,
.col-geo-content-item {
width: 100%;
float: none;
}
}
/* ------------------------------------- =GEO CONTROLLED CONTENT END ------------------------------------- */
/* ------------------ =MULTIPLE CONTACT US START START ------------------ */
.contact-triggers,
.multiple-contact-submit {
display: none;
}
/* ------------------ =MULTIPLE CONTACT US START END ------------------ */
/* =VIDEO RESOURCES */
#multimedia-resources .mediaelement-current-item {
display: none !important;
}
.ipop-rd-video.iPopBlock.styled .iPopBox {
border: 0 none;
background-color: transparent;
background-color: #fff;
}
/* =BASIC DETAILS ICONS */
.basic-info-big {
width: 280px;
float: left;
margin-right: 10px;
padding-bottom: 40px;
}
.basic-info-big .basic-info-tile {
width: 54px;
height: 49px;
background-image: url(../data/i/basic-icons-big.png);
background-repeat: no-repeat;
cursor: pointer;
float: left;
margin-right: 2px;
position: relative;
color: #000;
font-size: 10px;
font-weight: bold;
word-wrap: break-word;
line-height: 1.1em;
padding-top: 53px;
}
.basic-info-big .basic-info-tile span {
position: absolute;
top: 100%;
width: 100%;
text-align: center;
}
.basic-info-big .basic-info-tile.field-objective_wd {background-position: -54px 0px;}
.basic-info-big .basic-info-tile.field-objective_magnifications {background-position: -108px 0px;}
.basic-info-big .basic-info-tile.field-objective_fn {background-position: -162px 0px;}
.basic-info-big .basic-info-tile.field-objective_na {background-position: -216px 0px;}
.basic-info-big .basic-info-tile.field-objective_immersion_liquid {background-position: 0px 0px;}
.basic-info-small {
width: 195px;
float: left;
margin-bottom: 30px;
}
.basic-info-small .basic-info-tile {
display: block;
font-family: Arial, Tahoma, sans-serif;;
font-size: 8px;
font-weight: bold;
height: 23px;
line-height: 22px;
text-align: center;
text-transform: uppercase;
width: 30px;
color: #555;
text-shadow: 1px 1px 0px #fff;
margin-right: 2px;
margin-bottom: 2px;
float: left;
cursor: pointer;
background: #e2e2e2;
background: -moz-linear-gradient(top, #e2e2e2 0%, #bababa 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(100%,#bababa));
background: -webkit-linear-gradient(top, #e2e2e2 0%,#bababa 100%);
background: -o-linear-gradient(top, #e2e2e2 0%,#bababa 100%);
background: -ms-linear-gradient(top, #e2e2e2 0%,#bababa 100%);
background: linear-gradient(to bottom, #e2e2e2 0%,#bababa 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#bababa',GradientType=0 );
}
html[lang="ja-JP"] .basic-info-tile {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Osaka", "Arial", "Helvetica", Sans-serif;
}
.basic-info-small .basic-info-tile.active-tile {
color: #fff;
text-shadow: none;
background: #3d5d8c;
background: -moz-linear-gradient(top, #3d5d8c 0%, #0f2a57 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3d5d8c), color-stop(100%,#0f2a57));
background: -webkit-linear-gradient(top, #3d5d8c 0%,#0f2a57 100%);
background: -o-linear-gradient(top, #3d5d8c 0%,#0f2a57 100%);
background: -ms-linear-gradient(top, #3d5d8c 0%,#0f2a57 100%);
background: linear-gradient(to bottom, #3d5d8c 0%,#0f2a57 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d5d8c', endColorstr='#0f2a57',GradientType=0 );
}
.basic-info-small .basic-info-tile span {
display: none;
}
.basic-info-small .basic-info-tile.field-objective_brightfield:before {content: 'BF';}
.basic-info-small .basic-info-tile.field-objective_darkfield:before {content: 'DF';}
.basic-info-small .basic-info-tile.field-objective_fluorescence_bg:before {content: 'FL';}
.basic-info-small .basic-info-tile.field-objective_dic:before {content: 'DIC';}
.basic-info-small .basic-info-tile.field-objective_uv_fluorescence:before {content: 'IR';}
.basic-info-small .basic-info-tile.field-objective_tirf:before {content: 'TIRF';}
.basic-info-small .basic-info-tile.field-objective_multiphoton:before {content: 'MPE';}
.basic-info-small .basic-info-tile.field-objective_phase_contrast:before {content: 'PH';}
.basic-info-small .basic-info-tile.field-objective_polarized_light:before {content: 'PO';}
.basic-info-small .basic-info-tile.field-objective_relief_contrast:before {content: 'RC';}
.basic-info-small .basic-info-tile.field-objective_uv_fluorescence:before {content: 'UV';}
.basic-info-small .basic-info-tile.field-objective_cytorgy:before {content: 'CY';}
.etClose {display: none !important;}
/* =POPUP VIDEO GALLERY */
.popup-video.iPopBlock.styled .iPopBox {
background-color: transparent;
border-color: transparent;
box-shadow: none;
}
.popup-video.iPopBlock.styled .iPopCloseBtn {
right: 25px;
top: 15px;
}
.multimedia-popup .mediaelement-current-item {
display: none !important;
}
/* =TRANSFORMED TABLE ON CATEGORY PAGE /advanced-solutions/ */
/* redone with flexbox */
.productLineHome {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.row-cat-box {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-align: space-between;
-webkit-align-items: space-between;
-moz-box-align: space-between;
-ms-flex-align: space-between;
align-items: space-between;
}
.col-cat-box {
padding-bottom: 15px;
}
.col-cat-box img {
margin-bottom: 15px;
}
.col-cat-box h3,
.col-cat-box .h3 {
padding: 0; margin: 0;
margin-bottom: 10px;
}
.col-cat-box h3 a,
.col-cat-box .h3 a {
display: inline-block;
padding-right: 20px;
}
.col-cat-box h3 a::after,
.col-cat-box .h3 a::after {
font-family: 'FontAwesome';
content: '\a0 \f101';
color: #e49900;
}
.col-cat-box h3 i,
.col-cat-box .h3 i {
color: #e49900;
margin-left: 5px;
}
.col-cat-box h3 a:hover,
.col-cat-box .h3 a:hover {
text-decoration: none;
color: #e49900;
}
.col-cat-box-clr {
clear: both;
overflow: hidden;
display: none;
}
.col-cat-box-clr:nth-child(4n+4) {
display: block;
}
.cat-box-img-container {
position: relative;
}
.cat-box-img-container .new-item {
position: absolute;
left: 0px;
top: 0px;
background-color: #e49900;
color: #fff;
padding: 5px 10px;
}
@media (max-width: 549px) {
.col-cat-box {
float: none;
width: 100%;
}
.col-cat-box-clr:nth-child(4n+4) {
display: none;
}
}
/* CAPTION IMAGE VIDEO */
.header-block .multimedia-popup-small .video-small-popup-icon-container i {
font-size: 30px;
text-shadow: 0px 0px 5px rgba(0,0,0,0.3);
opacity: 1;
left: 49px;
top: 32px;
}
.header-block .multimedia-popup-small .mediaelement-item,
.header-block .multimedia-popup-small .mediaelement-list {
width: auto;
height: auto !important;
}
.header-block {
position: relative;
}
@media (max-width: 767px) {
.header-block {
margin-left: 15px;
margin-right: 15px;
}
}
.header-overlay .container {
position: relative;
}
.header-thumbnails {
position: absolute;
bottom: 15px;
left: 15px;
z-index: 2;
}
.header-thumbnails-right {
position: absolute;
bottom: 15px;
right: 15px;
}
@media (max-width: 991px) {
.header-thumbnails img {
width: 90px;
}
.header-block .multimedia-popup-small .video-small-popup-icon-container i {
left: 31px;
top: 23px;
}
}
@media (max-width: 767px) {
.header-thumbnails {
display: none;
}
}
.application-geo-warning {
display: block !important;
}
.application-detail-container ~ .application-geo-warning {
display: none !important;
}
.appDesc + h2 {
margin-top: 50px;
}
/* header application */
.header-thumbnails .multimedia-popup-small,
.header-thumbnails .header-app-thumb {
float: left;
}
/* fix thunail after clicking on it */
.header-thumbnails .multimedia-popup-small.mediaelement-played {
width: auto;
}
.header-app-thumb span,
.header-block .multimedia-popup-small .h4 {
color: #111;
font-size: 13px;
font-family: 'Roboto', Arial, Helvetica, sans-serif;
display: block;
margin: 0;
clear: both;
width: 120px;
line-height: 1.1em;
}
html[lang="ja-JP"] .header-app-thumb span,
html[lang="ja-JP"] .header-block .multimedia-popup-small .h4 {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Osaka", "Arial", "Helvetica", Sans-serif;
}
.header-app-thumb span.module-label,
.header-block .multimedia-popup-small .h4.module-label {
display: none;
}
.header-app-thumb:hover {
text-decoration: none;
}
.header-app-thumb img,
.header-block .multimedia-popup-small .video-small-popup-icon-container img {
border: 1px solid #959595;
margin-right: 15px;
}
.header-thumbnails a[href*="/downloads/detail/"] {
position: relative;
}
.header-thumbnails a[href*="/downloads/detail/"]::after {
position: absolute;
top: 33px;
left: 50px;
font-family: 'FontAwesome';
font-size: 30px;
color: #fff;
width: 29px;
height: 28px;
display: block;
background-image: url(../data/i/downloads-icon.png);
background-repeat: no-repeat;
content: '';
}
@media(max-width: 991px) {
.header-thumbnails a[href*="/downloads/detail/"]::after {
top: 23px;
left: 33px;
}
}
@media (max-width: 979px) {
.header-thumbnails {
display: none;
}
}
/* copied from original site */
/* Configurator */
.extraView {
text-align: right;
padding: 10px;
}
#sortTable2 thead tr .header, #sortTable thead tr .header {
background-image: url(../data/i/bg.gif);
background-repeat: no-repeat;
background-position: right bottom;
padding-right: 10px;
cursor: pointer;
padding-bottom: 16px;
}
#sortTable2 tbody td, #sortTable tbody td {
color: #3D3D3D;
padding: 4px;
background-color: #FFF;
vertical-align: top;
font-size: 11px;
}
/* /ultrasonic-transducers/contact-transducers/ taskId.16805241 */
#sortTable2,
#sortTable {
border-top: 1px solid #c7c7c7;
border-bottom: 1px solid #c7c7c7;
}
#sortTable2 tbody td:first-child,
#sortTable tbody td:first-child,
#sortTable2 th:first-child,
#sortTable th:first-child {
border-left: 1px solid #c7c7c7;
}
#sortTable2 tbody tr.odd td, #sortTable tbody tr.odd td {
background-color: #F0F0F6;
}
#sortTable2 thead tr .headerSortUp, #sortTable thead tr .headerSortUp {
background-image: url(../data/i/asc.gif);
background-color: #faefc7;
}
#sortTable2 thead tr .headerSortDown, #sortTable thead tr .headerSortDown {
background-color: #faefc7;
background-image: url(../data/i/desc.gif);
}
.skuTableList td {
padding: 3px;
border-right: 1px solid #c7c7c7;
border-top: 1px solid #c7c7c7;
text-align: center;
}
.skuTableList thead td, .skuTableList thead th,
table.tablesorter thead tr th,
table.tablesorter tfoot tr th {
background-color: #EFEFEF;
padding: 5px;
text-align: center;
font-weight: normal;
color: black;
line-height: 16px;
font-size: 11px;
border-right: 1px solid #c7c7c7;
border-bottom: 1px solid #c7c7c7;
border-top: 0 none;
}
@media (min-width: 1200px) {
/* taskId.16800298 */
.skuTableList thead td, .skuTableList thead th {
/* /* white-space: nowrap !for(mac+firefox macos+firefox); * / */
/* /* padding: 5px 2px !for(mac+firefox macos+firefox); * / */
}
}
/* =ALL EVENTS */
/* all events table */
.row-all-events-types {
margin-left: -5px;
margin-right: -5px;
}
.row-all-events-types > div {
padding-left: 5px;
padding-right: 5px;
}
.row-all-events-types h2.h3,
.row-all-events-types h3 {
margin-bottom: 0px;
}
.row-all-events-types h2.h3 a,
.row-all-events-types h3 a {
color: #000;
background-color: #ECB40F;
display: block;
position: relative;
padding: 10px 15px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.row-all-events-types h2.h3 a:hover,
.row-all-events-types h3 a:hover {
background-color: #ECAA00;
}
.row-all-events-types h2.h3 a::after,
.row-all-events-types h3 a::after {
position: absolute;
height: 100%;
width: 50px;
display: block;
right: 0px;
top: 0px;
background-color: #ECAA00;
color: #F2C84F;
font-size: 30px;
text-align: center;
font-family: 'FontAwesome';
content: '\f141';
padding-top: 12px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.row-all-events-types h2.h3 a:hover:after,
.row-all-events-types h3 a:hover:after {
color: #ffdb74;
}
.row-all-events-types > div:nth-child(2) h2.h3 a, .row-all-events-types > div:nth-child(2) h3 a {background-color: #213B5C; color: #fff;}
.row-all-events-types > div:nth-child(2) h2.h3 a:hover, .row-all-events-types > div:nth-child(2) h3 a:hover {background-color: #1A3452;}
.row-all-events-types > div:nth-child(2) h2.h3 a::after, .row-all-events-types > div:nth-child(2) h3 a::after {background-color: #1A3452; color: #62758A;}
.row-all-events-types > div:nth-child(2) h2.h3 a:hover::after, .row-all-events-types > div:nth-child(2) h3 a:hover::after {color: #6a8bb0}
.row-all-events-types > div:nth-child(3) h2.h3 a, .row-all-events-types > div:nth-child(3) h3 a {background-color: #2DB819; color: #fff;}
.row-all-events-types > div:nth-child(3) h2.h3 a:hover, .row-all-events-types > div:nth-child(3) h3 a:hover {background-color: #2AA609;}
.row-all-events-types > div:nth-child(3) h2.h3 a::after, .row-all-events-types > div:nth-child(3) h3 a::after {background-color: #2AA609; color: #68BF4C;}
.row-all-events-types > div:nth-child(3) h2.h3 a:hover::after, .row-all-events-types > div:nth-child(3) h3 a:hover::after {color: #97ee7b;}
.row-all-events-types h2.h3 + p,
.row-all-events-types h3 + p {
overflow: hidden;
}
.row-all-events-types h2.h3 + p img,
.row-all-events-types h3 + p img {
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.row-all-events-types h2.h3:hover + p img,
.row-all-events-types h2.h3 + p:hover img,
.row-all-events-types h3:hover + p img,
.row-all-events-types h3 + p:hover img {
-moz-transform: scale(1.05,1.05);
-webkit-transform: scale(1.05,1.05);
-o-transform: scale(1.05,1.05);
-ms-transform: scale(1.05,1.05);
transform: scale(1.05,1.05);
}
.all-events-search {
margin-top: 15px;
margin-bottom: 15px;
}
.all-events-search td {
padding-right: 10px;
}
.all-events-search select {
height: 30px;
line-height: 30px;
border: 1px solid #aaa;
border-radius: 0;
height: auto;
padding: 3px;
}
.all-events-search input.yellow-btn[type="submit"],
.all-events-search a.button-reset {
display: inline-block;
padding-top: 4px;
padding-bottom: 4px;
}
.all-events-search input.yellow-btn[type="submit"] {
margin: 0;
}
.all-events-search a.button-reset,
.all-events-search a.button-reset:hover,
.all-events-search a.button-reset:focus {
background-color: #fff;
border-color: #fff;
text-decoration: underline;
font-size: 13px;
}
.all-events-table.tablesorter thead tr th,
.all-events-table.tablesorter tbody tr td {
padding: 5px;
border: 1px solid #c7c7c7;
}
.all-events-table.tablesorter thead tr th {
background-color: #efefef;
font-size: 13px;
font-family: Arial, Tahoma, sans-serif;;
color: #444;
cursor: pointer;
text-align: left;
padding: 10px 5px;
}
.all-events-table.tablesorter thead tr th label {
font-weight: normal;
padding: 0; margin: 0;
cursor: pointer;
white-space: nowrap;
}
.all-events-table.tablesorter thead tr th label:after {
font-family: 'FontAwesome';
content: '';
display: inline-block;
width: 9px;
height: 12px;
margin-left: 5px;
background-image: url(../data/i/tablesorter.png);
background-repeat: no-repeat;
background-position: -20px top;
}
.all-events-table.tablesorter thead tr th.headerSortDown label:after {
background-position: -10px top;
}
.all-events-table.tablesorter thead tr th.headerSortUp label:after {
background-position: 0px top;
}
.all-events-table.tablesorter thead tr th.td-all-events-additional-info,
.all-events-table.tablesorter thead tr th.td-all-events-additional-info label {
cursor: text;
}
.all-events-table.tablesorter thead tr th.td-all-events-additional-info label:after {
display: none;
}
.date-lang-ja,
.date-lang-zh,
.date-lang-ko {
display: none;
}
html[ja-JP] .date-lang-en,
html[zh-CN] .date-lang-en,
html[ko-KR] .date-lang-en {
display: none;
}
html[ja-JP] .date-lang-ja,
html[zh-CN] .date-lang-zh,
html[ko-KR] .date-lang-ko {
display: inline;
}
.all-events-table td ul {
list-style-type: none; padding: 0; margin: 0;
}
.all-events-table td li {
display: inline; padding: 0; margin: 0;
}
.all-events-table td li:not(:last-child):after {
content: ', ';
}
.all-events-table > tbody > tr:first-child label {
display: block; padding: 0; margin: 0; float: left;
}
.all-events-table .dirSortBox > span.dirSortBoxSelector {
display: none;
}
.all-events-table .dirSortBox {
display: table;
margin: 0;
line-height: 0em;
float: left;
margin-top: 7px;
margin-left: 5px;
}
.all-events-table .dirSortBox > span.dirSortUp,
.all-events-table .dirSortBox > span.dirSortDown {
display: table-row;
}
.all-events-table .dirSortBox > span.dirSortUp > a,
.all-events-table .dirSortBox > span.dirSortDown > a {
color: #999;
display: table-cell;
padding: 0;
}
.all-events-table .dirSortBox > span.dirSortUp > a:hover,
.all-events-table .dirSortBox > span.dirSortDown > a:hover {
color: #464eb6;
}
.all-events-table .dirSortBox > span.dirSortUp.active > a,
.all-events-table .dirSortBox > span.dirSortDown.active > a {
color: #E9B226;
}
.all-events-table .dirSortBox > span.dirSortUp > a > span,
.all-events-table .dirSortBox > span.dirSortDown > a > span {
display: none;
}
.all-events-table .dirSortBox a:before,
.all-events-table .dirSortBox a:after {
font-family: 'FontAwesome';
font-size: 12px;
float: none;
color: inherit;
display: block;
}
.all-events-table .dirSortUp a:after {
content: '\f0de';
}
.all-events-table .dirSortDown a:before {
content: '\f0dd';
}
.all-events-table .dirSortUp a:before,
.all-events-table .dirSortDown a:after {
content: '';
display: none;
}
.search-field.active .search-chosen,
.search-chosen {
background-color: #f2f2f2;
border: 1px solid #ccc;
padding-top: 1px;
padding-top: 1px ; /* !for(edge ie webkit) */
padding-bottom: 1px;
padding-bottom: 1px ; /* !for(edge ie webkit) */
padding-left: 10px;
padding-right: 30px;
display: inline-block;
cursor: pointer;
position: relative;
overflow: inherit;
}
.search-chosen {
width: 100%;
background-color: #fff;
padding-top: 4px;
padding-bottom: 2px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.search-field.active .search-control .icon:after,
.search-chosen .icon:after {
font-family: 'FontAwesome';
font-size: 11px;
content: '\f00d';
color: #666;
position: absolute;
right: 5px;
}
.search-field.active:hover .search-control .icon:after,
.search-chosen:hover .icon:after {
color: #e49900;
}
.all-events-container .rd-resources-block-collapsed .show-more {
display: none;
}
.all-events-table a[href="javascript:;"] {
color: #444;
cursor: text;
}
@media (max-width: 979px) {
table.all-events-search,
table.all-events-search tbody,
table.all-events-search tr,
table.all-events-search td {
display: block;
}
table.all-events-search {
clear: both;
overflow: hidden;
}
table.all-events-search td {
float: left;
width: 33.3333%;
}
table.all-events-search select {
width: 100%;
}
}
@media (min-width: 768px) {
.td-all-events-date {
white-space: nowrap;
}
}
@media (max-width: 767px) {
.all-events-table,
.all-events-table tbody,
.all-events-table tr,
.all-events-table td {
display: block; padding: 0; margin: 0; border: 0 none;
}
.all-events-table tr {
border-bottom: 1px solid #e7e7e7;
}
.all-events-table tr:first-child {
display: none;
}
.all-events-table td {
padding: 5px 10px 0px;
}
.all-events-table td:first-child,
.all-events-table tr:first-child + tr td:first-child {
background-color: #F7F8F8;
border-bottom: 1px solid #e7e7e7;
padding-bottom: 5px;
}
.all-events-table td:nth-child(2) {
padding-top: 5px;
}
.all-events-table td:last-child {
padding-bottom: 5px;
}
.all-events-table td:before {
content: attr(cell-title) ': ';
font-weight: bold;
}
.row-all-events-types h3 a {
font-size: 16px;
padding: 5px 10px;
}
.row-all-events-types h3 a:after {
display: none;
}
table.all-events-search td {
width: 100%;
float: none;
margin-bottom: 10px;
}
table.all-events-search select {
width: 250px;
max-width: 100%;
}
table.all-events-search td {
float: left;
width: 50%;
}
}
@media (max-width: 599px) {
.row-all-events-types h3 a {
font-size: 13px;
}
}
@media (max-width: 479px) {
.row-all-events-types > div {
width: 100%;
float: none;
}
table.all-events-search td {
width: 100%;
float: none;
}
table.all-events-search td:last-child div {
display: none;
}
}
.newItem {
background-color: #e49900;
padding: 5px 10px;
color: #fff;
display: inline-block;
position: absolute;
top: 0px;
left: 15px;
font-size: 13px;
line-height: 1em;
}
/* ------- content slideshow START -------- */
/* content slideshow */
#content-slideshow {
/* to hide arrows when needed */
z-index: 1;
}
.content-slideshow-container {
width: 800px;
max-width: 100%;
position: relative;
margin: 0 auto;
}
.landing-alt .content-slideshow-container {
width: 600px;
}
h2.content-slideshow-title {
margin-bottom: 20px;
margin-top: 0px;
color: #999;
}
.landing-alt h2.content-slideshow-title {
color: #444444;
}
.content-slideshow-figure-container {
position: relative;
}
.content-slide-desc {
position: absolute;
bottom: 0px;
left: 0px;
background-color: rgba(0,0,0,0.7);
padding: 15px;
line-height: 1.6em;
width: 100%;
z-index: 90;
}
.content-slide-desc p {
margin: 0;
}
.content-slide-desc .h3 {
margin: 0px 0px 5px;
line-height: 1.2em;
}
.content-slideshow-prev,
.content-slideshow-next {
color: #fff;
position: absolute;
top: -webkit-calc(50% - 70px);
top: -moz-calc(50% - 70px);
top: calc(50% - 70px);
font-size: 40px;
cursor: pointer;
z-index: 24;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.content-slideshow-prev::before,
.content-slideshow-next::before {
position: absolute;
top: 5px;
left: 5px;
width: -webkit-calc(100% - 10px);
width: -moz-calc(100% - 10px);
width: calc(100% - 10px);
height: -webkit-calc(100% - 10px);
height: -moz-calc(100% - 10px);
height: calc(100% - 10px);
background-color: rgba(0,0,0,0.5);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
content: '';
z-index: 1;
-webkit-transition: opacity 0.5s linear,
z-index 0 linear 0.6s;
-o-transition: opacity 0.5s linear,
z-index 0 linear 0.6s;
-moz-transition: opacity 0.5s linear,
z-index 0 linear 0.6s;
transition:
opacity 0.5s linear,
z-index 0 linear 0.6s;
}
#content-slideshow[position="first"] ~ .content-slideshow-prev,
#content-slideshow[position="last"] ~ .content-slideshow-next,
.hide-prev .content-slideshow-prev,
.hide-next .content-slideshow-next {
opacity: 0;
z-index: 0;
cursor: default;
pointer-events: none;
}
@media (min-width: 980px) {
.hide-prev .content-slideshow-prev,
.hide-next .content-slideshow-next {
opacity: 1;
cursor: pointer;
pointer-events: auto;
}
}
.content-slideshow-prev i,
.content-slideshow-next i {
position: relative;
z-index: 2;
}
.content-slideshow-prev {
left: 15px;
}
.content-slideshow-next {
right: 15px;
}
.content-slideshow-paging {
position: absolute;
right: 0px;
bottom: 6px;
z-index: 24;
}
@media (min-width: 980px) {
.content-slideshow-prev .fa-chevron-circle-left,
.content-slideshow-next .fa-chevron-circle-right {
display: none;
}
.content-slideshow-prev,
.content-slideshow-next {
font-size: 80px;
color: #999;
top: calc(50% - 95px);
}
.content-slideshow-prev {
left: -60px;
}
.content-slideshow-next {
right: -60px;
}
.content-slideshow-prev::before,
.content-slideshow-next::before {
display: none;
}
}
@media (max-width: 979px) {
.content-slideshow-prev .fa-angle-left,
.content-slideshow-next .fa-angle-right {
display: none;
}
}
@media (min-width: 600px) {
.content-slideshow-paging {
right: -webkit-calc(50% - 50px);
right: -moz-calc(50% - 50px);
right: calc(50% - 50px);
}
}
.content-slideshow-paging span {
width: 15px;
height: 15px;
display: inline-block;
background-color: #cccccc;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
margin-left: 10px;
cursor: pointer;
}
.content-slideshow-paging span.active {
background-color: #E49900;
cursor: default;
}
@media (min-width: 480px) {
.content-slide-desc p,
.content-slide-desc .h3 {
color: #fff;
}
}
@media (max-width: 479px) {
.content-slide-desc {
position: static;
}
.content-slide-desc .h3 {
margin-top: 5px;
}
.content-slide-desc {
background-color: transparent;
padding: 0px;
}
.content-slideshow-prev,
.content-slideshow-next {
font-size: 30px;
}
}
@media (max-width: 479px) {.content-slideshow-prev, .content-slideshow-next {top: 150px;}}
@media (max-width: 465px) {.content-slideshow-prev, .content-slideshow-next {top: 145px;}}
@media (max-width: 449px) {.content-slideshow-prev, .content-slideshow-next {top: 140px;}}
@media (max-width: 424px) {.content-slideshow-prev, .content-slideshow-next {top: 130px;}}
@media (max-width: 410px) {.content-slideshow-prev, .content-slideshow-next {top: 125px;}}
@media (max-width: 399px) {.content-slideshow-prev, .content-slideshow-next {top: 120px;}}
@media (max-width: 374px) {.content-slideshow-prev, .content-slideshow-next {top: 115px;}}
@media (max-width: 349px) {.content-slideshow-prev, .content-slideshow-next {top: 105px;}}
@media (max-width: 339px) {.content-slideshow-prev, .content-slideshow-next {top: 100px;}}
@media (max-width: 324px) {.content-slideshow-prev, .content-slideshow-next {top: 95px;}}
/* flip */
/* flip effect new START */
.content-slideshow-flip-images {
width: 100%;
height: 100%;
position: relative;
-webkit-transition: -webkit-transform 1s;
transition: -webkit-transform 1s;
-o-transition: -o-transform 1s;
-moz-transition: transform 1s, -moz-transform 1s;
transition: transform 1s;
transition: transform 1s, -webkit-transform 1s, -moz-transform 1s, -o-transform 1s;
-webkit-transform-style: preserve-3d ; /* !for(-ie) */
-moz-transform-style: preserve-3d ; /* !for(-ie) */
transform-style: preserve-3d ; /* !for(-ie) */
}
.content-slideshow-flip-images.flipped {
-webkit-transform: rotateY( 180deg ) ; /* !for(-ie) */
-moz-transform: rotateY( 180deg ) ; /* !for(-ie) */
transform: rotateY( 180deg ) ; /* !for(-ie) */
}
.content-slideshow-flip-images img.img-flip {
display: block;
height: auto;
width: 100%;
position: absolute;
top: 0px;
left: 0px;
/* ipad fix: description was half hiding on flip */
z-index: 89;
-webkit-backface-visibility: hidden ; /* !for(-ie) */
-moz-backface-visibility: hidden ; /* !for(-ie) */
backface-visibility: hidden ; /* !for(-ie) */
}
.content-slideshow-flip-images img.img-flip-back {
-webkit-transform: rotateY( 180deg ) ; /* !for(-ie) */
-moz-transform: rotateY( 180deg ) ; /* !for(-ie) */
transform: rotateY( 180deg ) ; /* !for(-ie) */
}
.content-slideshow-flip-buttons {
margin-top: 10px;
}
.content-slideshow-flip-buttons button {
text-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
background-color: #F2F2F2;
border-color: #F2F2F2;
font-size: 15px;
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-weight: normal;
outline: none;
margin-right: 10px;
padding: 6px 12px;
line-height: 1.6em;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
background-color: #f2f2f2;
border-color: #f2f2f2;
color: #444;
}
html[lang="ja-JP"] .content-slideshow-flip-buttons button {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Osaka", "Arial", "Helvetica", Sans-serif;
}
.content-slideshow-flip-buttons button:hover,
.content-slideshow-flip-buttons button:focus {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
background-color: #E49900;
border-color: #E49900;
outline: none;
color: #fff;
}
.content-slideshow-flip-buttons button.button-flip-active {
background-color: #E49900;
border-color: #E49900;
color: #fff;
cursor: default;
}
.content-slideshow-flip-images.flipped img.img-flip-back {
/* opacity: 1 !for(ie); */
/* -webkit-transition: all 0.3s !for(ie); */
/* -o-transition: all 0.3s !for(ie); */
/* -moz-transition: all 0.3s !for(ie); */
/* transition: all 0.3s !for(ie); */
}
.content-slideshow-flip-images img.img-flip-back {
/* opacity: 0 !for(ie); */
/* -webkit-transition: all 0.3s !for(ie); */
/* -o-transition: all 0.3s !for(ie); */
/* -moz-transition: all 0.3s !for(ie); */
/* transition: all 0.3s !for(ie); */
}
/* fix collapsing buttons and paging on the smallest resolution */
@media (max-width: 369px) {
.content-slideshow-flip-buttons {margin-top: 40px;}
.content-slideshow-paging {width: 100%; text-align: center; bottom: 45px;}
}
/* flip effect new END */
/* simple slide */
.content-slide-simple {
padding-bottom: 45px;
position: relative;
}
.content-slide-simple figure a {
margin: 0;
}
.content-slide-simple figure img {
margin: 0;
}
.content-slide-simple .content-slide-desc {
bottom: 45px;
}
@media (max-width: 479px) {
/* fix overlapping taskId.16813382 */
.content-slide-simple {
padding-bottom: 10px;
}
.content-slideshow-paging {
position: static;
text-align: center;
width: 100%;
}
.content-slide-dragger .content-slideshow-flip-buttons {
display: none;
}
}
/* box */
.content-slide-box-details {
background-color: #f5f5f5;
padding: 20px 30px;
}
.content-slide-box-details {
line-height: 1.6em;
}
.content-slide-box .title {
margin-top: 0;
}
.content-slide-box .subtitle {
margin-top: 0;
}
.content-slide-box .more {
margin-top: 0;
}
/* ------- content slideshow END ---------- */
/* custom slideshow */
.custom-slideshow {
overflow: hidden; /* If you want zoom to cover H1 above the image then move this into *[cms-page="13808"] section above. */
position: relative;
width: 100%;
height: 480px;
margin: 0 auto;
text-align: center;
}
.custom-slideshow img {
max-width: 400px;
max-height: 100%;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: -webkit-transform 1s linear 0s;
transition: -webkit-transform 1s linear 0s;
-o-transition: -o-transform 1s linear 0s;
-moz-transition: transform 1s linear 0s, -moz-transform 1s linear 0s;
transition: transform 1s linear 0s;
transition: transform 1s linear 0s, -webkit-transform 1s linear 0s, -moz-transform 1s linear 0s, -o-transform 1s linear 0s;
}
@media (max-width: 767px) {
.custom-slideshow {
height: 300px;
}
.custom-slideshow.on-screen {
height: 300px;
}
#cmsContent13808 .cmsPanelContents {
padding: 0;
}
}
/* ------------------- dragger START ------------------- */
.draggable-container {
width: 800px;
max-width: 100%;
height: auto;
position: relative;
overflow: hidden;
}
.draggable-container > img {
width: 100%;
max-width: 100%;
height: auto;
}
.tv_container {
x-background-image: url('/data/Image/Content/Content-Slideshow/Brightness2(2).jpg');
background-position: 0 0px;
background-repeat: no-repeat;
background-color: transparent;
-moz-background-size: auto 100%;
-o-background-size: auto 100%;
background-size: auto 100%;
width: 800px;
max-width: 100%;
height: 100%;
position: absolute;
left: 0px;
top: 0px;
}
.tv_cover {
position: absolute;
x-background-image: url('/data/Image/Content/Content-Slideshow/Brightness1(2).jpg');
background-position: 0 0px;
background-repeat: no-repeat;
background-color: transparent;
-moz-background-size: auto 100%;
-o-background-size: auto 100%;
background-size: auto 100%;
width:50%;
max-width: 100%;
height:100%;
top: 0px;
left: 0px;
}
.ui-resizable-e {
cursor: ew-resize;
width: 97px;
right: -49px;
background-image: url(../data/i/drag-arrows.png);
background-position: center -webkit-calc(50% - 30px);
background-position: center -moz-calc(50% - 30px);
background-position: center calc(50% - 30px);
background-repeat: no-repeat;
background-color: transparent;
}
.tv_cover[style*="10px"] {
x-width: 0px !important;
}
@media (max-width: 479px) {
.ui-resizable-e {
background-position: center center;
}
}
/* ------------------- dragger END ------------------- */
/* video START */
.content-slide-video .mediaelement-details {
position: relative;
}
.content-slide-video .mediaelement-details::after {
content: '\f01d';
font-family: 'FontAwesome';
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
color: #fff;
font-size: 60px;
text-shadow: 0 0 2px rgba(0,0,0,0.5);
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-flow: column nowrap;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.content-slide-video {
padding-bottom: 20px;
}
.content-slide-video h4 {
margin-top: 10px;
}
.content-slide-video[data-ar="43"] {
padding: 0 0 45px;
}
.content-slide-video[data-ar="43"] h4 {
position: absolute;
bottom: 0px;
left: 0;
}
.content-slide-video[data-ar="43"] > img {
width: 100%;
height: auto;
}
.content-slide-video[data-ar="43"] .mediaelement {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
background-color: #000;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-flow: column nowrap;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: -webkit-calc(100% - 45px);
height: -moz-calc(100% - 45px);
height: calc(100% - 45px);
}
/* video END */
/* ------------------ training members START ------------------ */
/* training-members map */
.training-members-map {
margin-bottom: 30px;
}
/* training-members form */
.training-members-form-container {
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
padding-bottom: 30px;
border-bottom: 1px solid #d7d7d7;
}
.training-members-form-container > div {
width: calc(33.3333% - 60px);
}
.training-members-form-container > div:last-child {
width: 120px;
}
.training-members-form-container input[type="text"],
.training-members-form-container select {
border: 1px solid #d7d7d7;
width: 100%;
}
.training-members-form-container .btn {
padding: 12px 20px;
border-radius: 0px;
background-color: transparent;
border-color: transparent;
color: #464eb6;
text-decoration: underline;
padding-left: 0px;
padding-right: 0px;
}
.training-members-form-container label {
left: 10px;
top: 12px;
}
@media (max-width: 979px) {
.training-members-form-container {
flex-flow: row wrap;
}
.training-members-form-container > div {
width: calc(33.3333% - 10px);
}
.training-members-form-container > div:last-child {
width: 100%;
text-align: center;
}
.training-members-form-container .btn {
padding-top: 6px;
padding-bottom: 6px;
}
}
@media (max-width: 479px) {
.training-members-form-container > div {
width: 100%;
margin-bottom: 10px;
}
}
/* training-members list */
.training-members > div {
padding-top: 30px;
padding-bottom: 30px;
border-bottom: 1px dashed #d7d7d7;
}
.training-member {
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
margin-bottom: 15px;
position: relative;
background-color: #f5f5f5;
padding: 20px;
margin-bottom: 20px;
}
.training-member a {
text-decoration: underline;
}
.training-member h3 {
margin-top: 0px;
margin-bottom: 5px;
}
.training-member-desc ul {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
-webkit-column-gap: 30px;
-moz-column-gap: 30px;
column-gap: 30px;
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid;
-webkit-column-fill: balance;
-moz-column-fill: balance;
column-fill: balance;
}
.online-label {
background-color: #e49900;
padding: 3px 6px;
display: inline-block;
color: #fff;
position: absolute;
right: 20px;
top: -15px;
}
@media (max-width: 979px) {
.training-member {
flex-flow: column nowrap;
padding-right: 200px;
}
.training-member-logo {
position: absolute;
right: 15px;
top: 15px;
}
.training-member-desc ul {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
}
@media (min-width: 768px) {
.training-member-logo {
align-self: center;
}
}
@media (max-width: 479px) {
.training-member {
padding: 15px;
}
.training-member-logo {
position: static;
}
.training-member > div {
margin-bottom: 10px;
}
.training-member > div:nth-child(1) {
order: 2;
}
.training-member > div:nth-child(2) {
order: 3;
}
.training-member > div:nth-child(3) {
order: 1;
}
.training-member-desc ul {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
}
.online-label {
right: auto;
left: 20px;
}
}
.training-members-list .notice {
margin-top: 15px;
}
/* ------------------ training members END ------------------ */
.info-panel {
display: flex;
flex-flow: row nowrap;
align-items: center;
margin: 20px 0px 20px 0px;
border-bottom: 1px solid #e7e7e7;
padding: 0px 0px 20px 20px;
}
@media (max-width: 767px) {
.info-panel {
flex-flow: column nowrap;
align-items: flex-start;
justify-content: flex-start;
/* taskId.16816735 2019/12/04 center on mobile */
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
}
.video-share-icons {
display: flex;
flex-flow: row nowrap;
align-items: baseline;
}
.more-info-on {
display: flex;
flex-flow: row wrap;
}
@media (max-width: 767px) {
/* taskId.16816735 2019/12/04 center on mobile */
.more-info-on {
justify-content: center;
}
}
.more-info-on label {
margin: 0;
padding: 7px 0px 5px 15px;
line-height: 1.6em;
font-family: Arial, Tahoma, sans-serif;;
font-size: 13px;
/* taskId.16816735 2019/12/04 text color should be default to inherit custom text color */
/* color: #444; */
}
.more-info-on select {
padding: 7px 30px 5px 12px;
margin: 0 10px;
line-height: lineHeight;
cursor: pointer;
border: 0 none;
background-color: #f5f5f5;
font-size: 13px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
/* padding: 7px 5px 5px !for(ie); */
background-image: url(../data/i/caret.png) ; /* !for(-ie) */
background-repeat: no-repeat ; /* !for(-ie) */
background-position: right center ; /* !for(-ie) */
}
.more-info-on button {
display: inline-block;
background-image: none;
background-color: #E49900;
color: #fff;
border-radius: 0;
border: 0 none;
padding: 7px 12px 5px 12px;
line-height: lineHeight;
font-weight: normal;
text-shadow: none;
text-transform: uppercase;
font-size: 13px;
display: none;
}
.more-info-on select:focus,
.more-info-on button:focus {
outline: none;
box-shadow: none;
border: 0 none;
}
@media (max-width: 767px) {
.more-info-on label {
width: 100%;
/* taskId.16816735 2019/12/04 center on mobile */
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
.more-info-on select {
max-width: calc(100% - 60px);
padding-left: 8px;
/* taskId.16816735 2019/12/04 center on mobile */
margin-left: 0px;
margin-right: 10px;
}
}
.video-gallery-wrapper .video-desc {
padding: 0 20px 10px 20px;
}
.video-gallery-wrapper .video-contact {
padding: 0 20px 20px 20px;
}
.video-gallery-wrapper .video-contact .btn,
.video-gallery-wrapper .video-contact .btn:hover,
.video-gallery-wrapper .video-contact .btn:focus {
border-radius: 0;
background-color: #e49900;
color: #fff;
box-shadow: none;
border: 0 none;
}
/* ----------------------- configurator START ------------------------ */
.page-configurator-compare .container {
width: 100%;
max-width: 100%;
padding: 0;
}
.ipop-configurator-compare.iPopBlock.styled .iPopBox {
border: 0 none;
}
.configurator {
text-align: center;
font-size: 13px;
font-family: Arial, Tahoma, sans-serif;;
}
.configurator,
.configurator tbody,
.configurator td {
display: block;
}
.configurator tr {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
}
.configurator td {
width: calc(20% - 15px);
margin-bottom: 20px;
display: flex;
flex-flow: column nowrap;
}
@media (max-width: 1024px) {
.configurator td {
width: calc(25% - 15px);
}
}
@media (max-width: 979px) {
.configurator td {
width: calc(33.3333% - 15px);
}
}
@media (max-width: 767px) {
.configurator td {
width: calc(50% - 10px);
}
}
@media (max-width: 399px) {
.configurator td {
width: 100%;
}
}
@media (min-width: 980px) {
.configurator[data-count="4"] td {
width: calc(25% - 10px);
}
}
.configurator td:empty {
padding: 0;
margin: 0;
border: 0 none;
visibility: hidden;
}
.configurator-product {
background-color: #f7f7f7;
padding: 20px 0px;
margin: 0 0 10px;
flex-flow: column nowrap;
flex: 1 1 auto;
border: 2px solid transparent;
}
.configurator-product img {
/* width: 250px !for(ie); */
}
.configurator-title-container {
padding: 0 15px;
margin: 0 0 5px 0;
}
.configurator-details-container {
text-align: left;
padding: 0 15px;
line-height: 1.4em;
}
.configurator-container .configurator .configurator-details-container ul {
margin: 0 0 0 20px;
padding: 0;
}
.configurator-container .configurator .configurator-details-container ul li {
padding: 0;
margin: 0;
}
@media (max-width: 767px) {
.configurator img {
width: 200px !important;
max-width: 100%;
height: auto !important;
}
}
.configurator a.more {
display: flex;
align-items: baseline;
flex-flow: row-reverse nowrap;
text-align: left;
justify-content: flex-end;
}
.configurator a.more::after {
margin: 0 5px 0 0;
}
.configurator td.compare-checked .configurator-product {
border: 2px solid #e49900;
}
.configurator .more {
text-align: left;
}
.configurator-title-container {
display: flex;
flex-flow: column nowrap;
}
.configurator-container .configurator .configurator-title-container .h3 {
color: #e49900;
margin: 0;
font-size: 20px;
min-height: 50px;
}
.configurator-dsx-1000.configurator-container .configurator .configurator-title-container .h3 {
min-height: inherit;
margin-bottom: 5px;
}
.configurator-container .configurator .configurator-title-container h3 {
margin: 0;
font-size: 20px;
}
.configurator figure {
margin-top: auto;
}
.compare-button {
display: none;
text-align: center;
margin-top: 15px;
}
.configurator-container .compare-button {
display: block;
}
.configurator-container .compare-button a.link,
.configurator-container .compare-button a.link:hover,
.configurator-container .compare-button a.link:focus {
color: #e49900;
font-size: 18px;
font-weight: normal;
display: block;
text-decoration: underline;
}
.configurator-container .compare-button a.btn,
.configurator-container .compare-button a.btn:hover,
.configurator-container .compare-button a.btn:focus {
padding: 10px 25px;
background-color: #e49900;
border: 0 none;
color: #fff;
font-weight: bold;
display: inline-block;
font-size: 18px;
border-radius: 0;
margin-bottom: 10px;
}
.configurator-product-desc {
margin-top: 5px;
}
.configurator-compare-box {
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: center;
}
.configurator-compare-box label {
font-weight: normal;
cursor: pointer;
}
.configurator-compare-box label.label-checked {
font-weight: bold;
color: #e49900;
text-decoration: underline;
}
.configurator-container:not(.compare-active) .label-checked,
.configurator-container.compare-active td.compare-checked .label-unchecked,
.configurator-container.compare-active td:not(.compare-checked) .label-checked {
display: none;
}
.configurator .label-act {
color: #e49900;
font-weight: bold;
}
.configurator-compare-box input[type="checkbox"] {
opacity: 0;
position: absolute;
left: 0;
top: 0;
z-index: 0;
}
.configurator-compare-box label.label-checkbox {
background-color: #e2e2e2;
width: 16px;
height: 16px;
margin-right: 7px;
display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
cursor: pointer;
color: transparent;
z-index: 1;
position: relative;
transition: all 0.3s;
font-size: 12px;
color: transparent;
}
.configurator-compare-box input[type="checkbox"]:checked ~ label.label-checkbox {
background-color: #e49900;
color: #fff;
}
.configurator-specifications {
table-layout: fixed;
}
.configurator-specifications th,
.configurator-specifications td {
font-size: 13px;
padding: 5px 10px;
border-bottom: 1px solid #e7e7e7;
border-right: 1px solid #e7e7e7;
line-height: 1.6em;
}
.configurator-specifications th:last-child,
.configurator-specifications td:last-child {
border-right: 0 none;
}
.configurator-specifications tr:last-child th,
.configurator-specifications tr:last-child td {
border-bottom: 0 none;
}
.configurator-specifications th {
background-color: #f5f5f5;
font-weight: normal;
vertical-align: top;
}
.configurator-specifications tr:first-child th {
font-weight: bold;
}
.configurator-specifications td {
text-align: center;
background-color: #fff;
}
.configurator-specifications i.fa-check {
color: #47B657;
}
.configurator-specifications i.fa-close {
color: #DA4042;
}
.configurator-specifications tr:first-child th {
width: 10%;
font-weight: bold;
}
.configurator-specifications tr:first-child th:nth-child(2) {
width: 20%;
}
.configurator-specifications tr:first-child th:nth-child(n+3) {
text-align: center;
}
.configurator-specifications-2 th,
.configurator-specifications-2 td {
font-size: 13px;
padding: 5px 10px;
border-right: 1px solid #e7e7e7;
border-bottom: 1px solid #e7e7e7;
}
.configurator-specifications-2 th:last-child,
.configurator-specifications-2 td:last-child {
border-right: 0 none;
}
.configurator-specifications-2 tr:last-child th,
.configurator-specifications-2 tr:last-child td {
border-bottom: 0 none;
}
.configurator-specifications-2 {
table-layout: fixed;
}
@media (min-width: 1200px) {
div[table-class*="configurator-specifications"],
div[table-class*="configurator-specifications-2"] {
padding-left: calc((100% - 1170px)/2) !important;
padding-right: calc((100% - 1170px)/2) !important;
}
}
.configurator-specifications-2 th {
background-color: #f5f5f5;
font-weight: normal;
vertical-align: top;
}
.configurator-specifications-2 tr:first-child th {
font-weight: bold;
}
.configurator-specifications-2 td {
text-align: center;
}
.configurator-specifications-2 i.fa-check {
color: #47B657;
}
.configurator-specifications-2 i.fa-close {
color: #DA4042;
}
.configurator-specifications-2 tr:nth-child(1) th,
.configurator-specifications-2 tr:nth-child(2) th {
font-weight: bold;
text-align: center;
}
.configurator-specifications-2 tr:nth-child(1) th:first-child,
.configurator-specifications-2 tr:nth-child(2) th:first-child {
text-align: left;
font-weight: normal;
}
.configurator-specifications-2 tr:nth-child(2) th {
width: 11%;
}
.configurator-specifications-2 tr.graph td {
height: 100px;
position: relative;
padding-right: 15px;
}
.configurator-specifications-2 tr.graph td::before,
.configurator-specifications-2 tr.graph td::after {
position: absolute;
width: 10px !important;
height: 100%;
content: '';
background-color: #f5f5f5;
position: absolute;
right: 0;
bottom: 0;
top: auto !important;
left: auto !important;
z-index: 1;
}
.configurator-specifications-2 tr.graph td::after {
background-color: #474EB6;
height: 50%;
z-index: 2;
}
.configurator-specifications-2 tr.graph td[data-graph="17%"]::after {height: 17%;}
.configurator-specifications-2 tr.graph td[data-graph="25%"]::after {height: 25%;}
.configurator-specifications-2 tr.graph td[data-graph="33%"]::after {height: 33%;}
.configurator-specifications-2 tr.graph td[data-graph="66%"]::after {height: 66%;}
.configurator-specifications-2 tr.graph td[data-graph="100%"]::after {height: 100%;}
@media (min-width: 768px) {
.compare-mobile-link {
display: none;
}
}
.configurator-compare img {
max-width: 100%;
height: auto !important;
}
.configurator-compare tr.row-image td {
padding: 10px;
}
.configurator-compare th,
.configurator-compare td {
padding: 5px 10px;
border-top: 1px solid #e7e7e7;
border-right: 1px solid #e7e7e7;
}
.configurator-compare tr:last-child th {
border-bottom: 1px solid #e7e7e7;
}
.configurator-compare th {
background-color: #f5f5f5;
font-weight: normal;
}
.configurator-compare th:first-child {
border-right: 0 none;
}
.configurator-compare th:not(:first-child) {
text-align: center;
}
.configurator-compare[data-dir-id="dsxcomparison"] th {
text-align: left;
vertical-align: top;
}
.configurator-compare td {
text-align: center;
position: relative;
}
@media (max-width: 767px) {
.configurator-compare td {
text-align: left;
}
}
@media (min-width: 768px) {
.configurator-compare td[data-graph] {
height: 100px;
position: relative;
padding-right: 15px;
}
.configurator-compare td[data-graph] div.graph,
.configurator-compare td[data-graph] div.graph div {
position: absolute;
width: 10px !important;
height: 100%;
content: '';
background-color: #f5f5f5;
position: absolute;
right: 0;
bottom: 0;
top: auto !important;
left: auto !important;
z-index: 1;
}
.configurator-compare td[data-graph] div.graph div {
background-color: #474EB6;
height: 50%;
z-index: 2;
}
}
.configurator-compare td span[value="yes"],
.configurator-compare td span[value="no"],
.configurator-compare td[data-value="yes"],
.configurator-compare td[data-value="no"] {
font-size: 0px;
line-height: 0;
}
@media (min-width: 768px) {
.configurator-compare td span[value="yes"]::before,
.configurator-compare td span[value="no"]::before,
.configurator-compare td[data-value="yes"]::before,
.configurator-compare td[data-value="no"]::before {
font-family: 'FontAwesome';
contnet: '';
font-size: 13px;
line-height: 1.6em;
}
.configurator-compare td span[value="yes"]::before,
.configurator-compare td[data-value="yes"]::before {
color: #47B657; content: '\f00c';
}
.configurator-compare td span[value="no"]::before,
.configurator-compare td[data-value="no"]::before {
color: #DA4042; content: '\f00d';
}
.configurator-compare td[data-value="yes-system-upgrade-required"]::before {
font-family: 'FontAwesome';
color: #47B657;
content: '\f00c';
margin-right: 5px;
}
}
@media (max-width: 767px) {
.configurator-compare td span[value="yes"]::after,
.configurator-compare td span[value="no"]::after,
.configurator-compare td[data-value="yes"]::after,
.configurator-compare td[data-value="no"]::after {
font-family: 'FontAwesome';
contnet: '';
font-size: 13px;
line-height: 1.6em;
}
.configurator-compare td span[value="yes"]::after,
.configurator-compare td[data-value="yes"]::after {
color: #47B657; content: '\f00c';
}
.configurator-compare td span[value="no"]::after,
.configurator-compare td[data-value="no"]::after {
color: #DA4042; content: '\f00d';
}
.configurator-compare td[data-value="yes-system-upgrade-required"]::after {
font-family: 'FontAwesome';
color: #47B657;
content: '\f00c';
margin-left: 5px;
}
}
.configurator-compare {
table-layout: fixed;
}
.configurator-compare[data-cols="8"] td {width: 11%;}
.configurator-compare[data-cols="7"] td {width: 12%;}
.configurator-compare[data-cols="6"] td {width: 14%;}
.configurator-compare[data-cols="5"] td {width: 16%;}
.configurator-compare[data-cols="4"] td {width: 20%;}
.configurator-compare[data-cols="3"] td {width: 25%;}
.configurator-compare[data-cols="2"] td {width: 33%;}
.configurator-compare[data-dir-id="dsxcomparison"][data-cols="8"] td {width: 11%;}
.configurator-compare[data-dir-id="dsxcomparison"][data-cols="7"] td {width: 10%;}
.configurator-compare[data-dir-id="dsxcomparison"][data-cols="6"] td {width: 12%;}
.configurator-compare[data-dir-id="dsxcomparison"][data-cols="5"] td {width: 14%;}
.configurator-compare[data-dir-id="dsxcomparison"][data-cols="4"] td {width: 16%;}
.configurator-compare[data-dir-id="dsxcomparison"][data-cols="3"] td {width: 20%;}
.configurator-compare[data-dir-id="dsxcomparison"][data-cols="2"] td {width: 25%;}
@media (max-width: 767px) {
div[table-class*="configurator-compare"].table-responsive {
overflow: inherit;
}
.configurator-compare {
table-layout: auto;
}
}
.configurator-compare[data-dir-id="dsxcomparison"] th ul {
padding: 0;
margin: 0 0 0 20px;
}
.configurator-compare[data-dir-id="dsxcomparison"] th.split-cell-with-hidden {
border-top: 0 none;
}
.configurator-compare[data-dir-id="dsxcomparison"] th:nth-child(2):not(:empty) {
border-left: 1px solid #e7e7e7;
}
/* USAGE: */
/* <div class="flex-row">IV88300Y <a sys:tr="content" class="tt nw r" content="Built-to-order">?</a></div> */
/* .flex-row is optional */
/* .nw - for CSS white-space: nowrap; */
/* .r - for CSS tooltip will be directed from the right to the left */
/* .c - for CSS tooltip will be aligned to the center */
table.configurator-specifications .flex-row,
table.configurator-specifications-2 .flex-row {
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: center;
}
table.configurator-specifications td .flex-row,
able.configurator-specifications-2 td .flex-row {
justify-content: center;
}
table.configurator-specifications th:not(:first-child) .flex-row,
table.configurator-specifications-2 td .flex-row {
justify-content: center;
}
table.configurator-specifications td .flex-row.l,
table.configurator-specifications-2 td .flex-row.l {
justify-content: flex-start;
}
table.configurator-specifications .tt,
table.configurator-specifications-2 .tt {
font-size: 10px;
font-weight: bold;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
width: 13px;
height: 13px;
border-radius: 50%;
background-color: #e49900;
color: #fff !important;
cursor: pointer;
position: relative;
flex: 0 0 auto;
align-self: flex-start;
margin: 6px 0 0 3px;
}
table.configurator-specifications .fa ~ .tt,
table.configurator-specifications-2 .fa ~ .tt {
margin-top: 3px;
}
table.configurator-specifications .tt.nw,
table.configurator-specifications-2 .tt.nw {
white-space: nowrap;
}
table.configurator-specifications .tt::after,
table.configurator-specifications-2 .tt::after {
content: attr(content);
background-color: #fff;
position: absolute;
bottom: calc(100% + 5px);
left: -10px;
color: #444;
font-weight: normal;
padding: 5px 10px;
border: 1px solid #e7e7e7;
text-align: left;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
opacity: 0;
transition: all 0.3s;
font-size: 13px;
font-weight: normal;
min-width: 150px;
}
table.configurator-specifications .tt:hover::after,
table.configurator-specifications .tt:focus::after,
table.configurator-specifications-2 .tt:hover::after,
table.configurator-specifications-2 .tt:focus::after {
opacity: 1;
}
table.configurator-specifications .tt.c::after,
table.configurator-specifications-2 .tt.c::after {
width: 200px;
left: -100px;
text-align: center;
}
table.configurator-specifications .tt.r::after,
table.configurator-specifications-2 .tt.r::after {
left: auto;
right: -10px;
}
.configurator-specifications caption,
.configurator-specifications-2 caption {
text-align: left;
padding-bottom: 5px;
border-bottom: 1px solid #e49900;
margin-bottom: 15px;
}
@media (max-width: 1199px) {
div[table-class*="configurator-specifications"].table-responsive,
div[table-class*="configurator-specifications-2"].table-responsive {
padding-left: 15px;
padding-right: 15px;
}
}
@media (max-width: 767px) {
div[table-class*="configurator-specifications"].table-responsive,
div[table-class*="configurator-specifications-2"].table-responsive,
div[table-class*="notransform"].table-responsive {
overflow-x: scroll !important;
}
.configurator-specifications,
.configurator-specifications-2 {
table-layout: auto;
}
}
.page-configurator-compare .sticky-scroller {
display: none;
}
/* ----------------------- configurator END ------------------------ */
/*** END ims2017/global/directory.css ***/
/*** START ims2017/global/events.css ***/
/* =OLYMPUS EVENTS */
.pastWebinarsBtn {
position: absolute;
right: 15px;
top: 0px;
}
.row .col-sidebar {display: none;}
.row .col-content-with-sidebar {width: 100%; float: none;}
body h1.caption {
border-bottom: 0 none;
}
.sortbyFilter select,
.locationFilter .blockLabel,
.sortbyFilter .blockLabel {
display: block;
}
.locationFilter select {
padding: 4px;
border: 1px solid #ccc;
border-radius: 4px;
font-size: 13px;
}
.dirCatNav {
border-bottom: 1px solid #c7c7c7;
clear: both;
overflow: hidden;
margin-top: 40px;
}
/* http://www.olympus-ims.com/en/webinar-calendar/ */
.page4G9W4P64 .dirCatNav {margin-top: 0px;}
.dirCatNav > div {
float: left;
position: relative;
}
.dirCatNav a {
font-size: 11px;
color: #777777;
display: block;
padding: 10px 7px;
height: 40px;
}
.dirCatNav a:before {
content: 'All';
background-color: #8C8C8C;
border-radius: 3px;
color: #fff;
margin-right: 3px;
padding: 1px 4px;
text-transform: uppercase;
font-size: 9px;
position: absolute;
top: 10px;
left: 10px;
line-height: 1.6em;
}
.dirCatNav div#tab1166016515 a:before, .dirCatNav div#tab1166017254 a:before {content: 'EC';}
.dirCatNav div#tab1166016516 a:before, .dirCatNav div#tab1166017255 a:before {content: 'HSV';}
.dirCatNav div#tab1166016517 a:before, .dirCatNav div#tab1166017256 a:before {content: 'RVI';}
.dirCatNav div#tab1166016518 a:before, .dirCatNav div#tab1166017257 a:before {content: 'UT';}
.dirCatNav div#tab1166016519 a:before, .dirCatNav div#tab1166017258 a:before {content: 'IM';}
.dirCatNav div#tab1166016528 a:before, .dirCatNav div#tab1166017259 a:before {content: 'XRF';}
.dirCatNav a span {
padding-left: 30px;
line-height: 1.1em;
display: block;
}
.dirCatNav a span#cat1166016520, .dirCatNav a span#cat1166017253 {} /* ALL */
.dirCatNav a span#cat1166016515, .dirCatNav a span#cat1166017254 {padding-left: 27px;} /* EC */
.dirCatNav a span#cat1166016516, .dirCatNav a span#cat1166017255 {padding-left: 33px;} /* HSV */
.dirCatNav a span#cat1166016517, .dirCatNav a span#cat1166017256 {} /* RVI */
.dirCatNav a span#cat1166016518, .dirCatNav a span#cat1166017257 {padding-left: 25px;} /* UT */
.dirCatNav a span#cat1166016519, .dirCatNav a span#cat1166017258 {padding-left: 25px;} /* IM */
.dirCatNav a span#cat1166016528, .dirCatNav a span#cat1166017259 {padding-left: 33px;} /* XRF */
.row-tradeshow-content {
border-bottom: 1px solid #E7E7E7;
margin: 0;
padding: 5px 5px 15px;
vertical-align: top;
}
html[lang="ja-JP"] .row-tradeshow-content {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Osaka", "Arial", "Helvetica", Sans-serif;
}
.row-tradeshow-content ul {list-style-type: none; padding: 0; margin: 0;}
.row-tradeshow-content li {padding: 0; margin: 0;}
.dirNavCat1act a {
color: #464EB6 ;
border: 1px solid #c7c7c7;
border-bottom: 1px solid #fff;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #fbfbfb 11%, #eaeaea 50%, #f9f9f9 89%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(11%,#fbfbfb), color-stop(50%,#eaeaea), color-stop(89%,#f9f9f9), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#fbfbfb 11%,#eaeaea 50%,#f9f9f9 89%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#fbfbfb 11%,#eaeaea 50%,#f9f9f9 89%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#fbfbfb 11%,#eaeaea 50%,#f9f9f9 89%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%,#fbfbfb 11%,#eaeaea 50%,#f9f9f9 89%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.dirNavCat1act a:before {
background-color: #464EB6;
}
.dirCatNav a:hover {
color: #464EB6 ;
}
.dirNavCat1:hover a:before {
background-color: #464EB6 ;
color: #fff;
}
.tradeshowTable {
border: 1px solid #c7c7c7;
border-top: 0 none;
}
.row-tradeshow-header {
padding: 10px;
margin-left: 0px;
margin-right: 0px;
background-color: #f5f5f5;
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 16px;
}
html[lang="ja-JP"] .row-tradeshow-header {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Osaka", "Arial", "Helvetica", Sans-serif;
}
.row-tradeshow-notice .notice {
padding: 15px;
}
.dirSortDown span,
.dirSortUp span {
display:none;
}
.dirSortUp a:before,
.dirSortDown a:after {
float: left;
display:block;
width: 17px;
height: 20px;
font-family: 'FontAwesome';
font-size: 20px;
font-weight: normal;
color: #E2E2E2;
margin-right: 3px;
}
.dirSortUp a:before {content: '\f151';}
.dirSortDown a:after {content: '\f150';}
.dirSortUp.active a:before, .dirSortDown.active a:after {color: #999;}
.dirSortBoxSelector {float:left;margin-right: 5px;margin-left: 5px;}
@media (min-width: 768px) {
.events-date {min-width: 120px;}
.events-technology {min-width: 120px;}
}
@media (min-width: 980px) and (max-width: 1199px) {
.dirCatNav a span#cat1166016520 {} /* ALL */
.dirCatNav a span#cat1166016515, .dirCatNav a span#cat1166017254 {width: 90px;} /* EC */
.dirCatNav a span#cat1166016516, .dirCatNav a span#cat1166017255 {width: 90px;} /* HSV */
.dirCatNav a span#cat1166016517, .dirCatNav a span#cat1166017256 {width: 100px;} /* RVI */
.dirCatNav a span#cat1166016518, .dirCatNav a span#cat1166017257 {width: 150px;} /* UT */
.dirCatNav a span#cat1166016519, .dirCatNav a span#cat1166017258 {width: 95px;} /* IM */
.dirCatNav a span#cat1166016528, .dirCatNav a span#cat1166017259 {width: 100px;} /* XRF */
}
@media (min-width: 800px) and (max-width: 979px) {
.dirNavCat1act a {height: 60px;}
.dirCatNav a span#cat1166016520, .dirCatNav a span#cat1166017253 {width: 75px;} /* ALL */
.dirCatNav a span#cat1166016515, .dirCatNav a span#cat1166017254 {width: 65px;} /* EC */
.dirCatNav a span#cat1166016516, .dirCatNav a span#cat1166017255 {width: 70px;} /* HSV */
.dirCatNav a span#cat1166016517, .dirCatNav a span#cat1166017256 {width: 80px;} /* RVI */
.dirCatNav a span#cat1166016518, .dirCatNav a span#cat1166017257 {width: 115px;} /* UT */
.dirCatNav a span#cat1166016519, .dirCatNav a span#cat1166017258 {width: 95px;} /* IM */
.dirCatNav a span#cat1166016528, .dirCatNav a span#cat1166017259 {width: 105px;} /* XRF */
}
@media (min-width: 768px) and (max-width: 799px) {
.row-tradeshow-header {font-size: 14px;}
.dirNavCat1act a {height: 80px;}
.dirCatNav a span#cat1166016520, .dirCatNav a span#cat1166017253 {width: 75px;} /* ALL */
.dirCatNav a span#cat1166016515, .dirCatNav a span#cat1166017254 {width: 65px;} /* EC */
.dirCatNav a span#cat1166016516, .dirCatNav a span#cat1166017255 {width: 70px;} /* HSV */
.dirCatNav a span#cat1166016517, .dirCatNav a span#cat1166017256 {width: 80px;} /* RVI */
.dirCatNav a span#cat1166016518, .dirCatNav a span#cat1166017257 {width: 90px;} /* UT */
.dirCatNav a span#cat1166016519, .dirCatNav a span#cat1166017258 {width: 95px;} /* IM */
.dirCatNav a span#cat1166016528, .dirCatNav a span#cat1166017259 {width: 105px;} /* XRF */
}
@media (max-width: 767px) {
.dirCatNav {
position: relative;
}
.dirCatNav > div {
width: 100%;
display: none;
}
.dirCatNav > div.dirNavCat1act {
display: block;
position: absolute;
top: 0px;
left: 0px;
}
.dirCatNav > div.dirNavCat1act:after {
font-family: 'FontAwesome';
font-size: 20px;
content: '\f0d7';
position: absolute;
top: 10px;
right: 15px;
cursor: pointer;
text-shadow: 1px 1px 0px #fff;
}
.dirCatNav > div.dirNavCat1act.expanded:after {
content: '\f0d8';
}
.dirCatNav > div a {
border-left: 1px solid #c7c7c7;
border-right: 1px solid #c7c7c7;
}
.dirCatNav > div.dirNavCat1act a {
padding-right: 30px;
}
}
@media (max-width: 559px) {
.row-tradeshow-header {
display: none;
}
.row-tradeshow-content > div {
width: 100%;
}
.row-tradeshow-content:nth-child(odd) {
background-color: #f5f5f5;
}
.row-tradeshow-content ul li {
display: inline-block;
padding-right: 5px;
}
}
/* =GERMAN */
html[lang="de-DE"] .dirCatNav a span#cat1166016518 {width: 150px;}
@media (min-width: 980px) and (max-width: 1199px) {
html[lang="de-DE"] .dirCatNav a span#cat1166016520, html[lang="de-DE"] .dirCatNav a span#cat1166017253 {width: 100px;} /* ALL */
html[lang="de-DE"] .dirCatNav a span#cat1166016515, html[lang="de-DE"] .dirCatNav a span#cat1166017254 {} /* EC */
html[lang="de-DE"] .dirCatNav a span#cat1166016516, html[lang="de-DE"] .dirCatNav a span#cat1166017255 {width: 135px;} /* HSV */
html[lang="de-DE"] .dirCatNav a span#cat1166016517, html[lang="de-DE"] .dirCatNav a span#cat1166017256 {} /* RVI */
html[lang="de-DE"] .dirCatNav a span#cat1166016518, html[lang="de-DE"] .dirCatNav a span#cat1166017257 {width: 140px;} /* UT */
html[lang="de-DE"] .dirCatNav a span#cat1166016519, html[lang="de-DE"] .dirCatNav a span#cat1166017258 {} /* IM */
html[lang="de-DE"] .dirCatNav a span#cat1166016528, html[lang="de-DE"] .dirCatNav a span#cat1166017259 {} /* XRF */
}
@media (min-width: 768px) and (max-width: 979px) {
html[lang="de-DE"] .dirCatNav a:before {display: none;}
html[lang="de-DE"] .dirCatNav a span#cat1166016520, html[lang="de-DE"] .dirCatNav a span#cat1166017253 {
padding-left: 0px; width: 65px;} /* ALL */
html[lang="de-DE"] .dirCatNav a span#cat1166016515, html[lang="de-DE"] .dirCatNav a span#cat1166017254 {
padding-left: 0px; width: 60px;} /* EC */
html[lang="de-DE"] .dirCatNav a span#cat1166016516, html[lang="de-DE"] .dirCatNav a span#cat1166017255 {
padding-left: 0px; width: 110px;} /* HSV */
html[lang="de-DE"] .dirCatNav a span#cat1166016517, html[lang="de-DE"] .dirCatNav a span#cat1166017256 {
padding-left: 0px;} /* RVI */
html[lang="de-DE"] .dirCatNav a span#cat1166016518, html[lang="de-DE"] .dirCatNav a span#cat1166017257 {
padding-left: 0px; width: 85px;} /* UT */
html[lang="de-DE"] .dirCatNav a span#cat1166016519, html[lang="de-DE"] .dirCatNav a span#cat1166017258 {
padding-left: 0px;} /* IM */
html[lang="de-DE"] .dirCatNav a span#cat1166016528, html[lang="de-DE"] .dirCatNav a span#cat1166017259 {
padding-left: 0px;} /* XRF */
}
/* =RUSSIAN */
html[lang="ru-RU"] .dirCatNav a span#cat1166016518, html[lang="ru-RU"] .dirCatNav a span#cat1166017257 {width: 170px;} /* UT */
html[lang="ru-RU"] .dirCatNav a span#cat1166016519, html[lang="ru-RU"] .dirCatNav a span#cat1166017258 {width: 115px;} /* IM */
@media (min-width: 980px) and (max-width: 1199px) {
html[lang="ru-RU"] .dirCatNav a span#cat1166016520, html[lang="ru-RU"] .dirCatNav a span#cat1166017253 {width: 103px;} /* ALL */
html[lang="ru-RU"] .dirCatNav a span#cat1166016515, html[lang="ru-RU"] .dirCatNav a span#cat1166017254 {} /* EC */
html[lang="ru-RU"] .dirCatNav a span#cat1166016516, html[lang="ru-RU"] .dirCatNav a span#cat1166017255 {width: 125px;} /* HSV */
html[lang="ru-RU"] .dirCatNav a span#cat1166016517, html[lang="ru-RU"] .dirCatNav a span#cat1166017256 {} /* RVI */
html[lang="ru-RU"] .dirCatNav a span#cat1166016518, html[lang="ru-RU"] .dirCatNav a span#cat1166017257 {width: 170px;} /* UT */
html[lang="ru-RU"] .dirCatNav a span#cat1166016519, html[lang="ru-RU"] .dirCatNav a span#cat1166017258 {width: 105px;} /* IM */
html[lang="ru-RU"] .dirCatNav a span#cat1166016528, html[lang="ru-RU"] .dirCatNav a span#cat1166017259 {} /* XRF */
}
@media (min-width: 768px) and (max-width: 979px) {
html[lang="ru-RU"] .dirCatNav a:before {display: none;}
html[lang="ru-RU"] .dirCatNav a span#cat1166016520, html[lang="ru-RU"] .dirCatNav a span#cat1166017253 {
padding-left: 0px; width: 65px;} /* ALL */
html[lang="ru-RU"] .dirCatNav a span#cat1166016515, html[lang="ru-RU"] .dirCatNav a span#cat1166017254 {
padding-left: 0px; width: 70px;} /* EC */
html[lang="ru-RU"] .dirCatNav a span#cat1166016516, html[lang="ru-RU"] .dirCatNav a span#cat1166017255 {
padding-left: 0px; width: 105px;} /* HSV */
html[lang="ru-RU"] .dirCatNav a span#cat1166016517, html[lang="ru-RU"] .dirCatNav a span#cat1166017256 {
padding-left: 0px; width: 65px;} /* RVI */
html[lang="ru-RU"] .dirCatNav a span#cat1166016518, html[lang="ru-RU"] .dirCatNav a span#cat1166017257 {
padding-left: 0px; width: 140px;} /* UT */
html[lang="ru-RU"] .dirCatNav a span#cat1166016519, html[lang="ru-RU"] .dirCatNav a span#cat1166017258 {
padding-left: 0px; width: 80px;} /* IM */
html[lang="ru-RU"] .dirCatNav a span#cat1166016528, html[lang="ru-RU"] .dirCatNav a span#cat1166017259 {
padding-left: 0px; width: 80px;} /* XRF */
}
/* --------------------------------------- =EVENTS SORTER START --------------------------------------- */
table.tablesorter.events-table {
margin: 0;
margin-top: 15px;
border-collapse: inherit;
font-size: 13px;
font-family: Arial, Tahoma, sans-serif;;
}
html[lang="ja-JP"] table.tablesorter.events-table {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Osaka", "Arial", "Helvetica", Sans-serif;
}
table.tablesorter.events-table thead th,
table.tablesorter.events-table tbody td {
padding: 10px;
font-size: 13px;
}
table.tablesorter.events-table thead th {
border-top: 0 none;
}
table.tablesorter.events-table thead tr .header {
background-image: none;
background-color: #efefef;
padding-right: 20px;
}
table.tablesorter.events-table thead tr .headerSortDown,
table.tablesorter.events-table thead tr .headerSortUp {
color: #000;
position: relative;
}
table.tablesorter.events-table thead tr .headerSortDown:after,
table.tablesorter.events-table thead tr .headerSortUp:after {
font-family: 'FontAwesome';
font-size: 12px;
position: absolute;
right: 10px;
top: 10px;
}
table.tablesorter.events-table thead tr .headerSortDown:after {content: '\f0d7';}
table.tablesorter.events-table thead tr .headerSortUp:after {content: '\f0d8';}
table.tablesorter.events-table tbody td {
border-bottom: 1px solid #efefef;
}
table.tablesorter.events-table ul {
margin: 0;
padding: 0;
padding-left: 10px;
}
.dirCategory div.table-responsive {
border: 0 none;
margin: 0; padding: 0;
overflow: inherit;
}
@media (max-width: 767px) {
table.tablesorter.events-table, table.tablesorter.events-table tbody, table.tablesorter.events-table tr, table.tablesorter.events-table tbody td {
display: block;
border: 0 none;
}
table.tablesorter.events-table thead,
table.tablesorter.events-table th {
display: none;
}
table.tablesorter.events-table thead th,
table.tablesorter.events-table tbody td {
padding: 2px 10px;
}
table.tablesorter.events-table tr:nth-child(odd) td {
background-color: #efefef;
}
table.tablesorter.events-table td.events-date:before,
table.tablesorter.events-table td.events-event-site:before,
table.tablesorter.events-table td.events-location:before {
font-family: 'FontAwesome';
padding-right: 7px;
color: #999;
}
table.tablesorter.events-table td.events-date:before {content: '\f073';}
table.tablesorter.events-table td.events-event-site:before {content: '\f041';}
table.tablesorter.events-table td.events-location:before {content: '\f0f7';}
table.tablesorter.events-table td.events-technology:before {
content: 'Booth Number: ';
display: block;
font-weight: bold;
}
table.tablesorter.events-table td.events-technology:empty:before {
content: '';
}
}
/* --------------------------------------- =EVENTS SORTER END --------------------------------------- */
/*** END ims2017/global/events.css ***/
/*** START ims2017/global/video.css ***/
/* iPop styling for video */
.ipop-featured-video.iPopBlock.styled .iPopBox {
background-color: #fff; padding: 0px; border: 0 none; overflow: hidden;
}
/*----------------------- =HOME FEATURED VIDEOS START ----------------------- */
.featured-popup-playlist .mediaelement-details {
position: relative;
display: inline-block;
float: left;
}
.featured-popup-playlist .mediaelement-details > div {
/* width: 205px !for(ie8); */
}
.featured-popup-playlist .play-btn {
position: absolute;
left: 30%;
top: 20px;
}
.ipop-featured-video.iPopBlock.styled div.iPopBox {
padding: 0;
overflow: hidden;
}
.featured-popup-playlist img.featured-video-thumb {
border: 3px solid #fff;
margin-right: 15px;
margin-bottom: 5px;
height: 54px;
}
/*----------------------- =HOME FEATURED VIDEOS END ----------------------- */
/* popup small icon video */
.video-small-popup-icon-container {
position: relative;
}
.video-small-popup-icon-container i {
position: absolute;
top: 25px;
left: 60px;
color: #fff;
opacity: 0.7;
font-size: 50px;
}
.multimedia-popup-small h4 {
display: none;
}
/* popup small icon video */
.video-big-popup-icon-container {
position: relative;
}
.video-big-popup-icon-container i {
position: absolute;
top: 60px;
left: 100px;
color: #fff;
opacity: 0.7;
font-size: 50px;
transition: all 0.2s ease-in-out;
}
/* Create SQUARED block that is responsive */
.header-block .header-video-container {
position: absolute;
left: 0px;
right: 0px;
height: 100%;
z-index: 1;
}
.header-video {
height: 80%;
min-height: 32px;
min-width: 32px;
position: absolute;
right: 5%;
top: 10%;
background-image: url('../data/i/ajax-loader.gif');
background-position: center center;
background-repeat: no-repeat;
}
img.header-video-square {
height: 100%;
width: auto !important;
display: block;
ma-height: 285px; /* initial loading stretches it too high ~900px+ */
}
/* Relative to SQUARE block: 857px x 480px is 179:100 aspect = 179% of squared block */
.header-video .mediaelement {
position: absolute;
top: 0px;
right: 0px;
width: 179%;
}
.header-video .mediaelement-aspect { /* Initial size to avoid oveflowing */
padding-top: 20%;
}
.multimedia-popup-big .mejs-container .mejs-controls {
opacity: 0;
}
.multimedia-popup-big .mediaelement-playing:hover .mejs-controls {
opacity: 1;
}
.multimedia-popup-big h4 {
display: none;
}
.multimedia-popup-big .mediaelement-player {
width: auto;
}
.header-block .header-video-container:empty {
display: none;
}
@media (min-width: 480px) and (max-width: 767px) {
.header-block .header-video-container {
position: relative;
float: none;
right: auto;
left: 0px;
background-color: #f7f7f7;
min-height: 220px;
}
.header-video .mediaelement {
position: relative;
right: auto;
left: 15px;
width: auto;
}
.header-video {
width: auto !important;
right: auto;
left: 0px;
top: 110px;
}
img.header-video-square {
display: none;
}
}
@media (max-width: 767px) {
.header-video .mediaelement {
width: 150%;
}
}
/*** END ims2017/global/video.css ***/
/*** START ims2017/global/downloads.css ***/
/* Downloads */
.dldItemGroup .col-dld-title strong {padding: 5px; display: block;}
@media (max-width: 479px) {
.dldItemGroup .col-dld-title, .dldItemGroup .col-dld-version-all {width: 100%; float: none;}
}
/* ---------------- =ACCORDION START -----------------------*/
.ui-accordion .ui-accordion-header {
padding: 0; margin: 0;
padding-left: 0px;
/* padding-left: 0px !important !for(ie8); */
padding-top: 10px;
padding-bottom: 10px;
font-size: 18px;
font-weight: 300;
border-radius: 0;
border: 0 none;
border-bottom: 1px solid #D4D4D4;
text-shadow: 1px 1px 0px #fff;
background-color: #fff;
background-image: none;
}
.ui-accordion .ui-accordion-header.ui-state-active {
border-bottom: 0 none;
background-color: #fff;
background-image: none;
}
.ui-accordion .ui-accordion-header:before {
font-family: 'FontAwesome';
content: '\f105';
padding-right: 10px;
color: #6E6E6E;
}
.ui-accordion .ui-accordion-header.ui-state-active:before {
content: '\f107';
}
.ui-accordion .ui-state-default .ui-icon {
background-image: none; padding: 0; margin: 0;
}
.ui-accordion .ui-accordion-header a {
color: #6E6E6E;
}
.ui-accordion .ui-accordion-header:hover a {
color: #e49900;
}
.ui-accordion .ui-accordion-content {
border-color: #d4d4d4;
line-height: 1.6em;
padding-left: 20px;
padding-right: 20px;
padding-top: 0px;
background-image: none;
border: 0 none;
}
.ui-accordion .ui-accordion-content-active {
height: auto !important;
border-bottom: 1px solid #d7d7d7;
}
.ui-accordion .ui-accordion-content a {
color: #464eb6;
}
/* ---------------- =ACCORDION END -----------------------*/
/* Software Downloads */
.rssNotification {
background-image: url(../data/c/notificationRss.png); background-repeat: no-repeat;
display: block;
height: 167px; width: 237px;
position: absolute; right: 16px; top: 16px;
}
.rssNotification span {display: none;}
@media (max-width: 767px) {
.rssNotification {
position: static;
}
}
.ui-accordion .ui-accordion-content .downloadItem {
border-bottom: 1px dotted #d7d7d7;
padding-top: 7px;
padding-bottom: 7px;
position: relative;
}
.ui-accordion .ui-accordion-content .downloadItem:last-child {
border-bottom: 0 none;
}
.ui-accordion .ui-accordion-content .downloadItem h3 {
padding: 0; margin: 0;
font-size: 13px;
font-weight: normal;
font-family: Arial, Tahoma, sans-serif;;
padding-right: 120px;
}
.ui-accordion .ui-accordion-content .downloadItem h3 a {
color: #444;
}
.ui-accordion .ui-accordion-content a.donwloadItemLink {
padding: 2px 6px;
display: inline-block;
border-radius: 0px;
color: #fff;
text-decoration: none;
font-size: 9px;
color: #fff;
line-height: 1.6em;
position: absolute;
right: 60px;
top: 4px;
background-color: #666;
}
.donwloadItemVersion {
padding-left: 10px;
color: #323232;
font-size: 9px;
font-weight: bold;
position: absolute;
right: 10px;
top: 7px;
}
.downloadSelector {
/* taskId.16815494 */
/* border-bottom: 1px solid #d9d9d9;
padding-bottom: 10px;
margin-bottom: 10px;
*/
/* clear: both; to avoid underflowing PDF previews: taskId.16806128 */
overflow: hidden;
}
.downloadDetailBoxTab .downloadSelector {
padding: 0; margin: 0; border: 0 none;
}
.downloadDetailBox {
width: 700px;
padding-right: 20px;
}
@media (max-width: 600px) {
.downloadDetailBox {
max-width: 100%;
width: 100%;
}
}
/* taskId.16815494 */
/*
.btn-download, .btn-download:hover, .btn-download:focus,
.btn-download-2, .btn-download-2:hover, .btn-download-2:focus {
border: 1px solid #ccc;
color: #333;
padding: 4px 12px;
display: inline-block;
border-radius: 4px;
text-shadow: none;
font-size: 12px;
background-color: #EFEFEF;
white-space: nowrap;
background: #f9f9f9;
background: -moz-linear-gradient(top, #f9f9f9 0%, #efefef 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#efefef));
background: -webkit-linear-gradient(top, #f9f9f9 0%,#efefef 100%);
background: -o-linear-gradient(top, #f9f9f9 0%,#efefef 100%);
background: -ms-linear-gradient(top, #f9f9f9 0%,#efefef 100%);
background: linear-gradient(to bottom, #f9f9f9 0%,#efefef 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#efefef',GradientType=0 );
}
*/
.btn-download-2, .btn-download-2:hover, .btn-download-2:focus {
background-color: #EFEFEF;
background-image: none;
color: #8a8a8a;
}
table.download-file-details th,
table.download-file-details td {
padding: 5px 10px;
border: 1px solid #ddd;
vertical-align: middle;
}
table.download-file-details th {
white-space: nowrap;
background-color: #f3f3f3;
}
@media (max-width: 399px) {
table.download-file-details,
table.download-file-details tbody,
table.download-file-details td,
table.download-file-details tr {
display: block; margin: 0; border: 0 none; padding: 0;
}
table.download-file-details th {
display: none;
}
table.download-file-details td {
border-bottom: 1px solid #ddd;
padding: 5px 10px;
}
table.download-file-details td:before {
content: attr(header-name) ": ";
display: inline-block;
width: 100px;
}
}
table.download-file-details-noborder td {
vertical-align: middle;
padding-right: 10px;
padding-top: 5px;
padding-bottom: 5px;
}
@media (max-width: 479px) {
table.download-file-details-noborder,
table.download-file-details-noborder tr,
table.download-file-details-noborder tbody,
table.download-file-details-noborder td {
display: block; padding: 0; margin: 0; border: 0 none;
}
table.download-file-details-noborder td {
padding-bottom: 5px;
display: inline-block;
padding-right: 10px;
}
table.download-file-details-noborder td:first-child {
display: block;
}
table.download-file-details-noborder td:last-child {
padding-right: 0px;
}
table.download-file-details-noborder tr {
padding-bottom: 15px;
}
}
/* taskId.16815494 */
.downloadDetailBox select {
background-color: #f5f5f5;
border: 1px solid #e7e7e7;
padding: 6px 12px;
}
.downloadDetailBox .descFiles h3 {
padding-left: 0px;
font-size: 20px;
}
.downloadDetailBox .descFiles {
min-height: 300px;
}
.downloadDetailBoxTab .descFiles {
min-height: inherit;
}
.downloadDetailBox .noPopup {
min-height: 100px;
padding-left: 5px;
}
.downloadDetailBox .downloadFiles {
float: right;
width: 220px;
}
.latestFiles {
padding-top: 10px;
background-image: url(../data/i/downloadDetail.png);
background-position: top left;
background-repeat: no-repeat;
}
.downloadVersion {
padding: 0 10px 10px;
background-image: url(../data/i/downloadDetail.png);
background-position: bottom left;
background-repeat: no-repeat;
}
.downloadVersion a {
display: block;
font-weight: bold;
font-size: 13px;
}
.lastVersion {
font-weight: bold;
color: #424242;
font-size: 14px;
overflow: hidden;
margin-bottom: 10px;
}
.lastVersion span {
float: left;
}
.donwloadItemVersionBox {
font-size: 9px;
color: #fff;
text-shadow: 1px 1px #000;
background-color: #4A4A4A;
box-shadow: inset 2px 2px 2px rgba(0,0,0,0.4);
border-radius: 2px;
padding: 0px 3px;
display: block;
margin-left: 4px;
float: left;
}
@media (max-width: 479px) {
.ui-accordion .ui-accordion-content .downloadItem {
clear: both;
overflow: hidden;
}
.ui-accordion .ui-accordion-content .downloadItem h3 {
padding-right: 0px;
padding-bottom: 4px;
}
.ui-accordion .ui-accordion-content a.donwloadItemLink {
position: static;
float: left;
}
.donwloadItemVersion {
position: static;
float: right;
}
}
.downloadDetailBox th {
border-color: #d7d7d7;
}
.downloadDetailBox table {
border-color: #d7d7d7;
}
/* START: taskId.16805465: resource's popup preview of PDF files */
.downloadItem .pdf-preview[data-preview-count="0"] {
display: none;
}
.downloadItem .pdf-preview {
margin-right: 15px;
float: left;
width: 300px;
height: 450px;
}
.downloadItem .pdf-preview img {
display: block;
width: 100%;
max-width: 100%;
max-height: 100%;
height: auto !important;
margin: auto auto;
}
.downloadItem .pdf-preview + .table-responsive {
float: left;
}
@media (max-width: 767px) {
.downloadItem .descFiles {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.downloadItem .descFiles > * {
width: 100%;
}
.downloadItem h3 {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.downloadItem .downloadSelector {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
}
.downloadItem .descFilesText {
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3;
}
.downloadItem .pdf-preview {
-webkit-box-ordinal-group: 5;
-webkit-order: 4;
-ms-flex-order: 4;
order: 4;
width: 300px;
}
}
/* END: taskId.16805465: resource's popup preview of PDF files */
.descFilesText {
/* clear: both; taskId.16806142, taskId.16805465 */
overflow: hidden;
}
/* history files */
.historyFiles {
width: 100%;
max-width: 900px;
margin-left: -15px;
margin-right: -15px;
}
.historyFiles > .descFiles,
.historyFiles > .downloadFiles {
float: left;
padding-left: 15px;
padding-right: 15px;
}
.historyFiles > .descFiles {
width: 75%;
}
.historyFiles .descFiles table table {
width: auto !important;
margin-top: 10px;
}
.historyFiles > .descFiles h4 {
padding: 0; margin: 0;
}
.historyFiles > .downloadFiles {
width: 25%;
padding-top: 15px;
}
.historyFiles .descFiles table td {
border: 0 none;
padding: 3px 10px;
}
.historyFiles .descFiles table table td {
border: 1px solid #d7d7d7;
}
.historyFiles .descFiles table td:nth-child(2):before {white-space: nowrap;}
.historyFiles .descFiles table table td:nth-child(2):before {white-space: normal;}
.historyFiles .descFiles table td:nth-child(3):before {min-width: 150px;}
.historyFiles .descFiles table table td:nth-child(3):before {min-width: none;}
.historyFiles .descFiles table tr:nth-child(odd) {
background-color: #f2f2f2;
}
.historyFiles .descFiles table th {
padding: 10px;
text-shadow: 1px 1px 0px #fff;
background: #f2f2f2;
background: -moz-linear-gradient(top, #f2f2f2 0%, #d8d8d8 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#d8d8d8));
background: -webkit-linear-gradient(top, #f2f2f2 0%,#d8d8d8 100%);
background: -o-linear-gradient(top, #f2f2f2 0%,#d8d8d8 100%);
background: -ms-linear-gradient(top, #f2f2f2 0%,#d8d8d8 100%);
background: linear-gradient(to bottom, #f2f2f2 0%,#d8d8d8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#d8d8d8',GradientType=0 );
}
.historyFiles .hLinks {
text-align: left;
}
.historyFiles .hLinks a {
margin-right: 3px;
}
.historyFiles .descFiles table table tr:first-child td {
background-image: none;
font-weight: normal;
}
@media (max-width: 767px) {
.historyFiles > .descFiles, .historyFiles > .downloadFiles {width: 100%; float: none;}
.historyFiles .descFiles div.table-responsive {
border: 0 none;
padding: 0; margin: 0;
overflow: inherit;
}
}
@media (max-width: 479px) {
.historyFiles .descFiles table th {display: none;}
.historyFiles .descFiles table td, .historyFiles .descFiles table tr, .historyFiles .descFiles table table, .historyFiles .descFiles table tbody {display: block;}
.historyFiles .descFiles table td:before {font-weight: bold;}
.historyFiles .descFiles table td:nth-child(1):before {content: 'Version: ';}
.historyFiles .descFiles table td:nth-child(2):before {content: 'Release Date: ';}
.historyFiles .descFiles table td:nth-child(3):before {content: 'Download: ';}
/* table in table */
.historyFiles .descFiles table table {
border: 1px solid #d7d7d7;
border-collapse: collapse;
border-spacing: 0;
}
.historyFiles .descFiles table table caption {
display: block;
}
.historyFiles .descFiles table table td:nth-child(1):before,
.historyFiles .descFiles table table td:nth-child(2):before,
.historyFiles .descFiles table table td:nth-child(3):before {
content: '';
}
.historyFiles .descFiles table table td {
border: 0 none;
}
.historyFiles .descFiles table table tr:nth-child(odd) td {
background-color: #f2f2f2;
border-collapse: collapse;
border-spacing: 0;
}
}
#downloadItemGroup {
padding-left: 15px;
}
/* .taskId.16815494 */
.downloads-popup-title {
border-bottom: 1px solid #e49900;
padding: 0 0 5px;
margin: 0px 0 15px;
}
.downloads-contact-box {
margin-top: 30px;
}
.downloads-contact-box .btn,.downloads-contact-box .btn:hover,.downloads-contact-box .btn:focus,
.btn-download, .btn-download:hover, .btn-download:focus,
.btn-download-2, .btn-download-2:hover, .btn-download-2:focus {
background-color: #e49900;
border-radius: 0;
border: 0 none;
color: #fff;
padding: 6px 12px;
line-height: 1.6em;
font-size: 13px;
}
.downloads-contact-box span.file-type-info {
text-transform: lowercase;
}
/*** END ims2017/global/downloads.css ***/
/*** START ims2017/global/resources.css ***/
/* =RESOURCES */
/* ipop customization for resources */
.ipop-all-fields-empty .iPopCloseBtn {
background-image: none; width: 20px; height: 20px; color: #ccc; font-size: 20px;
-ms-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.ipop-all-fields-empty .iPopCloseBtn:hover {
color: #efefef; font-size: 24px;
}
.ipop-all-fields-empty .iPopCloseBtn:before {
content: '\f00d';
font-family: 'FontAwesome';
}
.ipop-all-fields-empty.iPopBlock.styled .iPopBox {
background-color: #fff;
border-radius: 5px;
}
.ipop-all-fields-empty h3 {
margin: 0; padding: 0;
padding: 10px;
}
/* hide footer sitemap on resources page */
/* cancelled taskId.16803717 - remove this CSS snippet a little later */
/* #page6017 .extraContent, #page6017 .copyright {display: none !important;} */
/* resources search form */
.rd-search-form {
font-size: 12px;
border-bottom: 1px solid #d7d7d7;
padding-bottom: 15px;
}
/* taskId.16803954 remove heading */
.rd-search-form h3, .rd-search-form .h3 {
display: none;
}
.selected-filter-dummy {
/* width: 150px !important !for(ie8); */
}
.rd-search-form label.control-label {
font-weight: normal;
padding-top: 3px;
text-align: left;
}
.rd-search-form input[type="text"],
.rd-search-form select {
padding: 2px;
width: 150px;
max-width: 100%;
height: auto;
border-radius: 0;
border: 1px solid #aaa;
height: auto;
/* max-width: none !for(ie8); */
/* min-width: 150px !for(ie8); */
}
/* browser/language differences */
.rd-search-form input[type="text"] {
}
.rd-search-form select {
padding: 3px 2px 2px;
}
html[lang="ja-JP"] .rd-search-form select {
padding: 2px 2px 1px;
padding: 3px 2px 3px ; /* !for(webkit) */
}
@media (min-width: 1200px) {
.rd-search-form input[type="text"] {
width: 245px;
}
}
.rd-search-form select:focus {
/* width: auto !for(ie8); */
/* position: relative !for(ie8); */
}
.rd-search-form select {
padding: 3px ; /* !for(webkit) */
}
.rd-search-form input[type="submit"],
.rd-search-form input[type="reset"] {
color: #fff;
padding: 3px 10px;
border: 1px solid #e4a511;
font-size: 13px;
font-weight: bold;
height: auto;
text-shadow: 1px 1px 0px #B74300;
}
.rd-search-form input[type="submit"] {
background: #f7d88f;
background: -moz-linear-gradient(top, #f7d88f 0%, #ff9d00 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7d88f), color-stop(100%,#ff9d00));
background: -webkit-linear-gradient(top, #f7d88f 0%,#ff9d00 100%);
background: -o-linear-gradient(top, #f7d88f 0%,#ff9d00 100%);
background: -ms-linear-gradient(top, #f7d88f 0%,#ff9d00 100%);
background: linear-gradient(to bottom, #f7d88f 0%,#ff9d00 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7d88f', endColorstr='#ff9d00',GradientType=0 );
}
.rd-search-form input[type="reset"],
.rd-search-form input[type="reset"]:hover,
.rd-search-form input[type="reset"]:focus {
background-color: #fff;
background-image: none;
border: 1px solid #fff;
font-weight: normal;
color: #444;
text-shadow: none;
text-decoration: underline;
margin: 0;
margin-left: 5px;
}
/* cell with fields */
.rd-search-fields {
clear: both;
overflow: hidden;
display: flex;
flex-flow: row wrap;
}
.rd-search-fields > div.form-group {
float: left;
padding: 0; margin: 0;
margin-right: 15px;
margin-bottom: 10px;
height: 50px;
width: 150px;
/* width: 165px !for(ie8); */
/* overflow: hidden !for(ie8); */
}
.rd-search-fields > div#solution {
display: none;
}
.rd-search-fields > div.form-group > * {
display: block;
float: none;
padding: 0; margin: 0;
width: auto;
/* width: 165px !for(ie8); */
}
.rd-search-fields > div > label {
white-space: nowrap;
}
.rd-search-buttons {
padding-bottom: 13px;
align-self: flex-end;
/* display: block !for(ie8); */
/* clear: both !for(ie8); */
}
.rd-search-buttons .form-group {
margin-left: 0px;
margin-right: 0px;
}
.rd-search-buttons div {
padding: 0; margin: 0;
display: inline-block;
vertical-align: top;
}
.rd-search-buttons input[type="submit"] {
margin: 0;
}
/* resources search results */
/* taskId.16805261 */
.rd-search-results h3, .rd-search-results .h3 {display: none;}
.rd-search-results {
display: flex;
flex-flow: row wrap;
}
.rd-search-default,
body.parent28CCHPIS .rd-resources-block {
/* width: 50%; */
/* taskId.16815729 */
width: 100%;
border-bottom: 1px solid #d7d7d7;
padding-bottom: 10px;
margin-bottom: 10px;
clear: both;
overflow: hidden;
}
.rd-resources-block,
body.parent28CCHPIS .rd-resource {
clear: both;
overflow: hidden;
width: 100%;
}
.rd-resources-block h2 {
color: #666666;
cursor: pointer;
font-size: 18px;
display: flex;
flex-flow: row nowrap;
align-items: center;
}
body.parent28CCHPIS .rd-resources-block h2 .rd-results-count {
margin-left: 5px;
}
.rd-resources-block h2.nothing-to-expand {
cursor: text;
}
.rd-resources-block h2::before {
font-family: 'FontAwesome';
content: '\f078';
padding-right: 8px;
font-size: 13px;
}
.rd-resources-block-collapsed h2::before {
content: '\f054';
}
.rd-resource {
margin-bottom: 10px;
overflow: hidden;
width: 50%;
}
.rd-search-default .rd-resource {
/* taskId.16815729 */
width: 50%;
}
@media (max-width: 1023px) {
/* taskId.16815729 */
.rd-search-default .rd-resource {
width: 100%;
}
}
/* taskId.16815729 */
.rd-search-default .rd-resource:nth-child(odd) {
padding-right: 20px;
}
.rd-resource img {
width: 75px;
height: 50px;
}
.rd-resources-block-collapsed .rd-resource {
display: none;
}
.rd-resource a {
color: #666;
font-size: 12px;
}
.rd-resources-block .show-more {
clear: both;
overflow: hidden;
color: #EC950A;
display: none;
}
.rd-resources-block-collapsed .show-more {
display: block;
}
@media (min-width: 992px) {
.rd-resources-container {
padding-left: 16px;
}
}
@media (min-width: 768px) {
.rd-resources-container {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
}
.rd-resource {
margin-left: 0px;
margin-right: 0px;
}
/* taskId.16815729 remove this */
/*
.rd-resource:nth-child(odd) {
padding-right: 20px;
}
*/
}
@media (max-width: 991px) {
.rd-resource {
width: 100%;
float: none;
clear: both;
overflow: hidden;
margin-left: 0;
margin-right: 0px;
}
}
.row-rd-with-featured .col-rd-with-featured-items {
width: 82%; float: left;
}
.row-rd-with-featured .col-rd-with-featured-featured {
width: 18%; float: right;
background-color: #f2f2f2;
margin-top: 30px;
padding-bottom: 15px;
padding-top: 15px;
}
.row-rd-with-featured .col-rd-with-featured-featured h3 {
margin-top: 5px;
}
@media (max-width: 1199px) {
.row-rd-with-featured .col-rd-with-featured-items {width: 80%;}
.row-rd-with-featured .col-rd-with-featured-featured {width: 20%;}
}
@media (max-width: 991px) {
.row-rd-with-featured .col-rd-with-featured-items {width: 75%;}
.row-rd-with-featured .col-rd-with-featured-featured {width: 25%;}
}
@media (max-width: 767px) {
.row-rd-with-featured .col-rd-with-featured-items, .row-rd-with-featured .col-rd-with-featured-featured {float: none; width: 100%;}
}
.rd-featured-items {
clear: both;
overflow: hidden;
background-color: #F7F7F7;
padding: 10px;
margin-top: 30px;
}
.rd-featured-items h3 {
margin-top: 5px;
margin-bottom: 0px;
}
.rd-featured-item big {
font-size: 13px;
display: block;
margin-top: 5px;
}
@media (min-width: 768px) {
.rd-featured-item {
margin-top: 20px;
border-top: 1px solid #d7d7d7;
padding-top: 25px;
}
.rd-featured-item:first-child {
margin-top: 0px;
padding-top: 0px;
border-top: 0 none;
}
}
/* ../www.olympusndt.com.rd/install/scripts/search-ui.css doesn't support browser selectors */
.selected-filter-dummy {
padding: 5px 5px 1px ; /* !for(webkit) */
line-height: 15px ; /* !for(webkit) */
}
/* in product tabs show cursor as pointer as it is collapsed by default */
.cmsPanelContents .rd-resources-block h2.nothing-to-expand {
cursor: pointer;
}
.cmsPanelContents .rd-resources-block h2::before {
font-family: 'FontAwesome';
content: '\f107';
padding-right: 8px;
font-size: 18px;
}
.cmsPanelContents .rd-resources-block-collapsed h2::before {
content: '\f105';
}
.cmsPanelContents .rd-resource {
margin-bottom: 10px;
}
.cmsPanelContents .rd-resource a,
.ui-widget-content .cmsPanelContents .rd-resource a {
color: #666;
font-size: 12px;
}
.cmsPanelContents .rd-resources-block .show-more {
/*display: none;*/
margin-bottom: 10px;
margin-top: 10px;
}
.cmsPanelContents .rd-resources-block h2:first-child {
border-top: 1px solid #d7d7d7;
}
.cmsPanelContents .rd-resources-block:first-child h2:first-child {
border-top: 0 none;
}
.cmsPanelContents .rd-resources-block h2 {
padding-top: 10px;
padding-bottom: 10px;
padding-left: 15px;
margin: 0;
color: #464eb6;
}
.cmsPanelContents .rd-resources-block h2:hover {
background-color: #f3f3f3;
}
/* taskId.16815729 */
table.resources-tutorials {
border: 1px solid #e7e7e7;
table-layout: fixed;
width: 100%;
margin-top: 30px;
}
table.resources-tutorials h3,
table.resources-tutorials h4,
table.resources-tutorials h5,
table.resources-tutorials p,
table.resources-tutorials img {
margin: 0;
}
table.resources-tutorials h3,
table.resources-tutorials h4,
table.resources-tutorials h5 {
margin-bottom: 5px;
}
table.resources-tutorials img {
border: 2px solid #444;
}
table.resources-tutorials > tbody > tr > td {
background-color: #f5f5f5;
vertical-align: top;
}
table.resources-tutorials table {
width: 100%;
}
table.resources-tutorials table td {
padding: 0px;
}
table.resources-tutorials table td:first-child {
width: 150px;
padding-right: 20px;
}
@media (min-width: 1024px) {
table.resources-tutorials > tbody > tr > td {
padding: 30px 30px 0px;
}
table.resources-tutorials > tbody > tr > td:first-child:not(:only-child) {
padding-right: 0;
}
table.resources-tutorials > tbody > tr:last-child > td {
padding-bottom: 30px;
}
}
@media (max-width: 1023px) {
table.resources-tutorials,
table.resources-tutorials > tbody,
table.resources-tutorials > tbody > tr,
table.resources-tutorials > tbody > tr > td {
display: block;
width: 100%;
padding: 0;
margin: 0;
background-color: #f5f5f5;
}
table.resources-tutorials {
padding: 30px 30px 0;
}
table.resources-tutorials > tbody > tr:first-child,
table.resources-tutorials table {
margin-bottom: 30px;
}
}
@media (max-width: 767px) {
table.resources-tutorials,
table.resources-tutorials > tbody,
table.resources-tutorials > tbody > tr,
table.resources-tutorials > tbody > tr > td {
display: block;
width: 100%;
padding: 0;
margin: 0;
background-color: #f5f5f5;
}
table.resources-tutorials {
padding: 15px 15px 0;
}
table.resources-tutorials > tbody > tr:first-child,
table.resources-tutorials table {
margin-bottom: 15px;
}
}
@media (max-width: 575px) {
table.resources-tutorials table,
table.resources-tutorials table tbody,
table.resources-tutorials table tr,
table.resources-tutorials table td {
display: block;
width: 100%;
}
table.resources-tutorials table {
margin-bottom: 25px;
}
table.resources-tutorials table h4 {
margin-top: 10px;
}
}
ul.resources-side-nav,
ul.resources-side-nav ul {
list-style-type: none;
padding: 0;
margin: 0;
background-color: #f5f5f5;
}
ul.resources-side-nav li {
padding: 0;
margin: 0;
}
ul.resources-side-nav a {
display: block;
padding: 5px 15px;
color: #333;
border-bottom: 1px solid #e7e7e7;
transition: all 0.5s;
}
ul.resources-side-nav ul li:last-child a {
border-bottom: 0 none;
}
ul.resources-side-nav ul a:hover {
color: #e49900;
}
ul.resources-side-nav > li {
border-top: 20px solid #fff;
}
ul.resources-side-nav > li > a {
font-weight: bold;
font-size: 15px;
color: #777;
padding: 10px 15px;
pointer-events: none;
cursor: text;
}
body.page-resources-content-type .rd-search-results {
margin-top: 30px;
}
body.page-resources-content-type .rd-search-results h2 {
display: none;
}
body.page-resources-content-type .rd-resources-block-collapsed .rd-resource {
display: block;
}
body.page-resources-content-type .rd-resources-container {
padding-left: 0;
}
/* hide blogs */
.rd-search-default[data-resourcecontenttype="Blog"],
.rd-search-default[data-resourcecontenttype="Tutorial"],
.rd-search-default[data-resourcecontenttype="FAQ"],
.rd-search-default[data-resourcecontenttype="SlideShare"],
#resourcecontenttypeInput option[value="Blog"],
#resourcecontenttypeInput option[value="Tutorial"],
#resourcecontenttypeInput option[value="FAQ"],
#resourcecontenttypeInput option[value="SlideShare"] {
display: none;
}
body.page-resources .side-box-custom.hidden-xs {
display: block !important;
}
/*** END ims2017/global/resources.css ***/
/*** START ims2017/global/products-navigation.css ***/
/* Products Navigation */
/* =PRODUCTS NAVIGATION */
@media (min-width: 768px) {#main-navbar-ul > li:first-child > ul {display: none;} /* hide real dropdown */}
.container {
position: relative;
}
.products-navigation-container {
position: absolute;
top: 39px;
left: 0px;
width: 100%;
z-index: 20;
}
.products-navigation,
.products-navigation-content {
background-color: #fff;
display: none;
/* taskId.16801576 */
/* overflow: hidden; */
margin-left: 15px;
margin-right: 15px;
border-bottom: 1px solid #CECECE;
border-left: 1px solid #CECECE;
border-right: 1px solid #CECECE;
}
.products-navigation-content {
border: 0 none;
margin-left: -15px;
margin-right: -15px;
display: block;
}
.products-navigation img {
margin-top: 10px;
width: 100%;
}
.products-navigation h3,
.products-navigation-content h3 {
padding: 0; margin: 0;
margin-bottom: 5px;
margin-top: 10px;
font-family: Arial, Tahoma, sans-serif;;
position: relative;
}
html[lang="ja-JP"] .products-navigation h3,
html[lang="ja-JP"] .products-navigation-content h3 {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Osaka", "Arial", "Helvetica", Sans-serif;
}
.products-navigation h3 a,
.products-navigation-content h3 a {
font-size: 15px;
font-weight: 300;
font-family: 'Roboto', Arial, Helvetica, sans-serif;
background-color: #E9B126;
color: #000;
padding: 7px;
padding-right: 30px;
display: block;
line-height: 1.1em;
}
html[lang="ja-JP"] .products-navigation h3 a,
html[lang="ja-JP"] .products-navigation-content h3 a {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Osaka", "Arial", "Helvetica", Sans-serif;
}
.products-navigation h3 a:hover,
.products-navigation-content h3 a:hover {
color: #000;
}
.products-navigation h3 a:after,
.products-navigation-content h3 a:after {
background-color: #E7A805;
color: #FFCC4D;
content: "\f141";
display: block;
font-family: "FontAwesome";
font-size: 20px;
padding-top: 8px;
position: absolute;
right: 0;
text-align: center;
top: 0;
transition: all 0.2s ease-in-out 0s;
height: 100%;
width: 30px;
}
.products-navigation h3 a:hover:after,
.products-navigation-content h3 a:hover:after {
background-color: #E9B126;
color: #FFDB74;
}
.products-navigation .products-navigation-block:nth-child(2) h3 a,
.products-navigation-content .products-navigation-block:nth-child(2) h3 a {
background-color: #253C5B;
color: #fff;
}
.products-navigation .products-navigation-block:nth-child(2) h3 a:after,
.products-navigation-content .products-navigation-block:nth-child(2) h3 a:after {
background-color: #1B334F;
color: #3F5675;
}
.products-navigation .products-navigation-block:nth-child(2) h3 a:hover:after,
.products-navigation-content .products-navigation-block:nth-child(2) h3 a:hover:after {
background-color: #253C5B;
color: #6A8BB0;
}
.products-navigation .products-navigation-block:nth-child(3) h3 a,
.products-navigation-content .products-navigation-block:nth-child(3) h3 a {
background-color: #2EB624;
color: #fff;
}
.products-navigation .products-navigation-block:nth-child(3) h3 a:after,
.products-navigation-content .products-navigation-block:nth-child(3) h3 a:after {
background-color: #1EA312;
color: #40C536;
}
.products-navigation .products-navigation-block:nth-child(3) h3 a:hover:after,
.products-navigation-content .products-navigation-block:nth-child(3) h3 a:hover:after {
background-color: #2EB624;
color: #97EE7B;
}
.products-navigation .products-navigation-block:nth-child(4) h3 a,
.products-navigation-content .products-navigation-block:nth-child(4) h3 a {
background-color: #f3f3f3;
}
.products-navigation .products-navigation-block:nth-child(4) h3 a:after,
.products-navigation-content .products-navigation-block:nth-child(4) h3 a:after {
background-color: #e8e8e8;
color: #ffffff;
}
.products-navigation .products-navigation-block:nth-child(4) h3 a:hover:after,
.products-navigation-content .products-navigation-block:nth-child(4) h3 a:hover:after {
background-color: #f3f3f3;
color: #ffffff;
}
.products-navigation ul,
.products-navigation-content ul {
padding: 0; margin: 0; list-style-type: none;
font-size: 12px;
}
.products-navigation li,
.products-navigation-content li {
padding: 0; margin: 0;
position: relative;
display: table;
}
.products-navigation li.pageId4839,
.products-navigation li.pageId4837,
.products-navigation li.pageId4840,
.sideBar li.pageId4839,
.sideBar li.pageId4837,
.sideBar li.pageId4840 {
display: none !important;
}
.products-navigation ul ul,
.products-navigation-content ul ul {
display: none;
position: absolute;
margin: 0;
padding: 10px;
top: -10px;
left: 100%;
background-color: #f9f9f9;
-moz-box-shadow: 0 0 4px rgba(0,0,0,0.3);
-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.3);
box-shadow: 0 0 4px rgba(0,0,0,0.3);
z-index: 20;
width: 200px;
/* border: 1px solid #d7d7d7 !for(ie8); */
}
.products-navigation-content .products-by-block {
border: 1px solid #CECECE;
}
.products-navigation-block {
margin-bottom: 15px;
}
.products-navigation-content .products-navigation-block {
margin-top: 0px;
}
.products-navigation-block1 li {
/* z-index: 40 !for(ie7); */
/* zoom: 1 !for(ie7); */
}
.products-navigation-block2 li {
/* z-index: 30 !for(ie7); */
/* zoom: 1 !for(ie7); */
}
.products-navigation-block3 li {
/* z-index: 20 !for(ie7); */
/* zoom: 1 !for(ie7); */
}
.products-navigation-block3 ul ul ul,
.products-navigation-block4 ul ul {
left: auto;
right: 105%;
}
.products-navigation ul ul.mouseOver {
display: block;
}
.products-navigation a {
color: #000;
}
.products-navigation a:hover,
.products-navigation .mouseOverChild a {
color: #e49900;
text-decoration: none;
}
.products-navigation .mouseOverChild ul a {
color: #000;
}
.products-navigation .mouseOverChild ul a:hover {
color: #e49900;
}
.products-by-block {
border-top: 1px solid #CECECE;
padding: 10px;
background-color: #f5f5f5;
}
.products-by-block form {
margin: 0; padding: 0;
}
.products-by-block input[type="text"] {
border: 1px solid #CECECE;
border-right: 0 none;
padding: 3px 8px;
}
.products-by-block input[type="text"].defValProdName {
color: #666;
}
.products-by-block input[type="submit"] {
border: 0 none;
border: 1px solid #3C439B;
border-left: 0 none;
padding: 3px 8px;
cursor: pointer;
color: #fff;
font-family: Georgia, "Times New Roman", Times, serif;
text-transform: lowercase;
background-color: #f5f5f5;
}
html[lang="ja-JP"] .products-by-block input[type="submit"] {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Osaka", "Arial", "Helvetica", Sans-serifpanese;
}
.products-by-block label {
color: #FF9000;
font-size: 16px;
padding-right: 10px;
font-weight: normal;
}
@media (max-width: 767px) {
.products-navigation img {
display: none;
}
}
@media (max-width: 479px) {
.products-navigation-content .products-navigation-block {
width: 100%;
float: left;
}
}
/*** END ims2017/global/products-navigation.css ***/
/*** START ims2017/global/mediaplayer.css ***/
/* Olympus videos are 4:3 - set new default */
body .mediaelement-player .mediaelement-aspect {
/* padding-top: 56.25%; 16:9 ratio - padding-top in % is relative to the width! */
padding-top: 75%; /* 4:3 */
}
/* Logo on hover */
/* .mediaelement-player .mejs-inner:after { */
/* transition: 1s opacity; */
/* opacity: 0.8; */
/* background-image: url("../data/i/player-logo.png"); */
/* background-size: 100% auto; */
/* background-repeat: no-repeat; */
/* background-position: center top; */
/* content:""; */
/* position: absolute; */
/* top: 5%; */
/* left: 5%; */
/* width: 20%; */
/* height: 50%; */
/* } */
/* .mediaelement-player.mediaelement-playing .mejs-inner:after { */
/* opacity: 0; */
/* } */
.mediaelement .mediaelement-player {
-ms-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
/* add spacing for player in popup iframe */
#page3847 .mejs-video,
#page3847 .video-gallery-playlist {
margin-left: 15px;
}
/* media player */
/*.mediaelement-player {
width: 50%;
}
.mediaelement-played {
width: 100%;
}
.mediaelement-item {
width: 33.3333%;
float: left;
}
.mediaelement:not([popup]) .mediaelement-item.mediaelement-active {
display: none;
}
.mediaelement-item h4 {
height: 38px;
line-height: 1.3em;
max-width: 230px;
}
.mediaelement-item .media-desc {
display: none;
}
.mediaelement-current-item img {
display: none;
}
.mediaelement-current-item .media-desc {
float: right;
padding-left: 20px;
width: 50%;
}
.mediaelement-list {
clear: both;
overflow: hidden;
}
.mediaelement .message-loading {
background-image: url(../data/i/ajax-loader-02.gif);
}
.mejs-overlay-loading {
border-radius: 10px;
width: 60px;
height: 60px;
}
.mejs-overlay-loading span {
background-image: url(../data/i/ajax-loader-02.gif);
width: 60px;
height: 60px;
opacity: 1;
}
@media (max-width: 767px) {
.mediaelement-item {
width: 50%;
}
.mediaelement-player {
width: 100%;
max-width: 480px;
}
.mediaelement-current-item .media-desc {
width: 100%;
float: none;
padding-left: 0px;
}
}
@media (max-width: 519px) {
.mediaelement-item {
width: 100%;
float: none;
}
.mediaelement-player {
max-width: none;
}
}
*/
/* custom styles for video player */
.mejs-container .mejs-controls {
background: #fdfdfd;
background: -moz-linear-gradient(top, #fdfdfd 0%, #f5f5f5 49%, #e5e6e7 50%, #dedfe0 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(49%,#f5f5f5), color-stop(50%,#e5e6e7), color-stop(100%,#dedfe0));
background: -webkit-linear-gradient(top, #fdfdfd 0%,#f5f5f5 49%,#e5e6e7 50%,#dedfe0 100%);
background: -o-linear-gradient(top, #fdfdfd 0%,#f5f5f5 49%,#e5e6e7 50%,#dedfe0 100%);
background: -ms-linear-gradient(top, #fdfdfd 0%,#f5f5f5 49%,#e5e6e7 50%,#dedfe0 100%);
background: linear-gradient(to bottom, #fdfdfd 0%,#f5f5f5 49%,#e5e6e7 50%,#dedfe0 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#dedfe0',GradientType=0 );
}
/* move controls below the video taskId.16811785 START */
.multimedia-player-simple .mediaelement-player {
margin-bottom: 30px !important;
}
.multimedia-player-simple .mejs-container .mejs-controls {
top: 100% !important;
opacity: 1 !important;
bottom: auto !important;
}
/* move controls below the video taskId.16811785 END */
.mejs-controls .mejs-button button {
background-image: url(../data/i/player-sprite.png);
}
.no-svg .mejs-controls .mejs-button button {
background-image: url(../data/i/player-sprite.png);
}
.mejs-container .mejs-controls .mejs-time span {
color: #333;
}
.mejs-controls .mejs-time-rail .mejs-time-current {
background: #555555;
background: -moz-linear-gradient(top, #555555 0%, #333333 50%, #555555 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#555555), color-stop(50%,#333333), color-stop(100%,#555555));
background: -webkit-linear-gradient(top, #555555 0%,#333333 50%,#555555 100%);
background: -o-linear-gradient(top, #555555 0%,#333333 50%,#555555 100%);
background: -ms-linear-gradient(top, #555555 0%,#333333 50%,#555555 100%);
background: linear-gradient(to bottom, #555555 0%,#333333 50%,#555555 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555555', endColorstr='#555555',GradientType=0 );
}
.mejs-controls .mejs-time-rail .mejs-time-loaded {
background: #555555;
background: -moz-linear-gradient(top, #888888 0%, #666666 50%, #888888 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#888888), color-stop(50%,#333333), color-stop(100%,#888888));
background: -webkit-linear-gradient(top, #888888 0%,#666666 50%,#888888 100%);
background: -o-linear-gradient(top, #888888 0%,#666666 50%,#888888 100%);
background: -ms-linear-gradient(top, #888888 0%,#666666 50%,#888888 100%);
background: linear-gradient(to bottom, #888888 0%,#666666 50%,#888888 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#888888', endColorstr='#888888',GradientType=0 );
}
.mejs-controls .mejs-time-rail .mejs-time-total {
background: #cccccc;
background: -moz-linear-gradient(top, #cccccc 0%, #eeeeee 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cccccc), color-stop(100%,#eeeeee));
background: -webkit-linear-gradient(top, #cccccc 0%,#eeeeee 100%);
background: -o-linear-gradient(top, #cccccc 0%,#eeeeee 100%);
background: -ms-linear-gradient(top, #cccccc 0%,#eeeeee 100%);
background: linear-gradient(to bottom, #cccccc 0%,#eeeeee 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#eeeeee',GradientType=0 );
}
/* play button */
.mejs-overlay-button {
background-image: url(../data/i/player-play.png);
top: calc(50% - 15px);
}
/* captions */
.mejs-controls .mejs-captions-button .mejs-captions-selector ul li input,
.mejs-controls .mejs-captions-button .mejs-captions-selector ul li label {
display: inline-block;
margin: 0; padding: 0;
width: auto;
}
.mejs-controls .mejs-captions-button .mejs-captions-selector ul li label {
margin-left: 3px;
}
.mejs-container-fullscreen .mejs-captions-layer {
font-size: 200%;
line-height: 1.1em;
}
/* Replace CC with "Subtitles" */
.mejs-controls .mejs-captions-button {
width: 80px !important;
}
.mejs-controls .mejs-captions-button button {
width: inherit;
height: 100%;
margin: 0px;
padding: 0px;
background-image: none !important;
text-shadow: none;
}
.mejs-controls .mejs-captions-button button:after {
content: "Subtitles";
display: inline-block;
padding-top: 8px;
font-size: 12px;
color: #333;
font-family: Helvetica,Arial;
}
html[lang="ja-JP"] .mejs-controls .mejs-captions-button button:after {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Osaka", "Arial", "Helvetica", Sans-serif;
content: "字幕";
font-size: 13px;
}
.mejs-controls .mejs-captions-enabled button:after {
content: "Subtitles ON";
}
/* ------------------------ RESPONSIVE VIDEO GALLERY PLAYER START ------------------------ */
.video-gallery-wrapper .productNamePopUp a {
position: static; top: auto; right: auto;
float: right;
margin-top: 15px;
margin-bottom: 10px;
margin-right: 15px;
}
.video-gallery-wrapper {
position: relative;
max-width: 850px;
clear: both;
}
/* compensate .container padding on iframe popup video */
html.iframe .video-gallery-wrapper {
margin-left: -15px;
margin-right: -15px;
}
h5.related-video-title {
position: absolute;
left: 75%;
top: 0px;
color: #444;
font-size: 20px;
background-color: #fff;
margin: 0;
padding: 5px 0px;
}
.multimedia-video-gallery {
}
.video-gallery-current-item {
width: 100%;
}
.video-gallery-player {
width: 71%;
float: left;
}
.no-playlist .video-gallery-player {
width: 100%;
float: none;
}
.video-gallery-playlist {
width: 25%;
float: left;
overflow: auto;
clear: none;
margin-left: 15px;
}
.video-gallery-current-item h4 {
color: #262c85;
font-size: 20px;
}
.video-gallery-current-item h4 small {
display: none;
}
.video-gallery-current-item .media-desc {
display: none;
}
.video-gallery-playlist .mediaelement-list-inner {
padding-right: 15px;
}
.featured-popup-playlist .mediaelement-list-inner {
padding-top: 0px;
}
.video-gallery-playlist .mediaelement-item h4 {
height: auto;
margin: 5px 10px;
color: #464eb6;
font-size: 13px;
font-weight: normal;
}
.video-gallery-playlist .mediaelement-item h4 small {
font-size: 12px;
color: #444;
display: block;
line-height: 1.3em;
margin-top: 5px;
}
.video-gallery-playlist .mediaelement-item h4 small ~ small {
display: none;
}
.video-gallery-playlist .mediaelement-details {
margin-bottom: 15px;
}
.video-gallery-player {
margin: 0% 2%;
}
.video-gallery-current-item .mediaelement-details {
padding-left: 15px;
padding-right: 15px;
}
.video-gallery-playlist .mediaelement-item {
/* border: 1px solid #ccc !for(ie8); */
/* margin-bottom: 7px !for(ie8); */
/* width: 100% !for(ie8); */
/* float: none !for(ie8); */
}
.video-gallery-playlist .mediaelement-item img {
/* width: 100% !for(ie8); */
}
.productNamePopUp a {
color: #e49900;
}
.mediaelement-details .media-desc {
display: none;
color: red;
}
@media (min-width: 768px) {
.video-gallery-playlist .mediaelement-item {
border: 1px solid #ccc;
margin-bottom: 7px;
width: 100%;
float: none;
}
.mediaelement-list-inner {
padding-top: 40px;
}
.header-thumbnails .mediaelement-list-inner {
padding-top: 0px;
}
.video-gallery-playlist .mediaelement-list-inner {
padding-right: 0px;
}
}
@media (max-width: 767px) {
.mediaelement-list.video-gallery-playlist .mediaelement-list-inner {
padding-left: 15px;
}
.mediaelement-current-item.video-gallery-current-item,
.mediaelement-player.video-gallery-player,
.mediaelement-list.video-gallery-playlist {
width: 100%;
float: none;
}
.video-gallery-playlist {
/* rewrite js defined height */
height: auto !important;
}
.video-gallery-playlist:before {
content: 'Related Videos';
display: block;
margin-top: 20px;
margin-bottom: 10px;
margin-left: 15px;
font-size: 20px;
color: #444;
}
.video-gallery-playlist .mediaelement-item {
width: 33.3333%;
float: left;
}
.video-gallery-playlist .mediaelement-item h4 {
margin-left: 0px;
}
}
@media (max-width: 659px) {
.video-gallery-playlist .mediaelement-item {
width: 50%;
}
}
@media (max-width: 439px) {
.video-gallery-playlist .mediaelement-item {
width: 100%;
float: none;
}
}
/* ------------------------ RESPONSIVE VIDEO GALLERY PLAYER END ------------------------ */
/* ----------------------- ONE VIDEO START -------------------------- */
.product .mediaelement-player.one-video-player {
width: 500px;
max-width: 100%;
}
.mediaelement-player.one-video-player {
/*width: 70%;*/
max-width: 480px;
margin-bottom: 15px;
}
@media (max-width: 767px) {
.mediaelement-player.one-video-player {
width: 100%;
max-width: 480px;
}
}
/* ----------------------- ONE VIDEO END -------------------------- */
/*----------------------- =HOME FEATURED VIDEOS START ----------------------- */
.featured-videos-title {
margin-top: 5px;
margin-bottom: 2px;
font-weight: bold;
}
.featured-popup-playlist {
position: relative;
}
.featured-popup-playlist .mediaelement-item {
width: 100%;
float: none;
}
.featured-popup-playlist .play-btn {
position: absolute;
left: 43%;
top: 50px;
}
.ipop-featured-video.iPopBlock.styled div.iPopBox {
padding: 0;
}
@media (max-height: 549px) {
.ipop-featured-video.iPopBlock.styled div.iPopBox {
overflow-x: hidden;
overflow-y: auto;
}
}
/*----------------------- =HOME FEATURED VIDEOS END ----------------------- */
.mejs-controls .mejs-captions-button .mejs-captions-selector {
width: 150px;
}
@media (max-width: 767px) {
.mejs-controls .mejs-captions-button .mejs-captions-selector li,
.mejs-controls .mejs-captions-button .mejs-captions-selector ul li {
display: flex;
flex-flow: row nowrap;
align-items: center;
}
.mejs-controls .mejs-captions-button .mejs-captions-selector li > label,
.mejs-controls .mejs-captions-button .mejs-captions-selector li > input[type="radio"],
.mejs-controls .mejs-captions-button .mejs-captions-selector ul li label,
.mejs-controls .mejs-captions-button .mejs-captions-selector ul li input[type="radio"] {
line-height: 10px;
height: 10px;
}
}
/* taskId.16811522 patch for shaking video */
.mediaelement-player.video-gallery-player {
width: 600px ; /* !for(webkit) */
max-width: 100% ; /* !for(webkit) */
}
/* taskId.16811622 */
.video-popup-text-link {
color: #464eb6;
}
.video-popup-text-link:hover {
color: #e49900;
}
/*** END ims2017/global/mediaplayer.css ***/
/*** START ims2017/global/jobs.css ***/
/* Jobs */
.jobs-grid {
padding-left: 10px;
padding-right: 10px;
}
.jobs-grid .row {
border-bottom: 1px solid #ddd;
padding-top: 5px;
padding-bottom: 5px;
margin-left: -10px;
margin-right: -10px;
}
.jobs-grid .row-grid-header {
padding-top: 10px;
padding-bottom: 10px;
}
.jobs-grid .row > div {
padding-left: 10px;
padding-right: 10px;
}
.jobs-side-box {
background-color: #F4F4F4;
padding: 10px;
margin-top: 20px;
clear: both;
overflow: hidden;
}
.jobs-side-box h3 {
margin-top: 0px;
margin-bottom: 10px;
}
.jobs-side-box h3 br {
display: none;
}
.jobs-side-box .form-group {
margin-left: 0px;
margin-right: 0px;
}
.jobs-side-box input[type="text"],
.jobs-side-box select {
height: auto;
border-radius: 0;
padding: 4px;
font-size: 13px;
}
.jobs-side-box label.control-label {
padding-top: 0px;
}
.jobs-side-box .form-group {
margin-bottoM: 5px;
}
.jobs-side-box #continue > div {
margin-left: 0px;
margin-top: 5px;
padding: 0;
}
.joinNetworkBtn,
.joinNetworkBtn:hover,
.joinNetworkBtn:focus {
background-color: #D79A20;
color: #fff;
padding: 5px 10px;
display: block;
margin-top: 20px;
font-size: 16px;
font-family: 'Roboto', Arial, Helvetica, sans-serif;
text-decoration: none;
text-align: center;
}
html[lang="ja-JP"] .joinNetworkBtn,
html[lang="ja-JP"] .joinNetworkBtn:hover,
html[lang="ja-JP"] .joinNetworkBtn:focus {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Osaka", "Arial", "Helvetica", Sans-serif;
}
.jobs-grid .label-visible-xs {
display: none;
}
article .jobs-side-box {
margin-bottom: 20px;
}
/* taskId.16811006 show only iframe on French version of the page */
html[lang="fr"] .col-content .jobs-side-box, html[lang="fr"] .jobs-grid {display: none;}
article .jobs-side-box .form-horizontal {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-moz-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-moz-box-align: end;
-ms-flex-align: end;
align-items: flex-end
}
article .jobs-side-box .form-horizontal > div {
/* width: -webkit-calc(20% - 5px) !for(ie9 ie10); */
/* width: -moz-calc(20% - 5px) !for(ie9 ie10); */
/* width: calc(20% - 5px) !for(ie9 ie10); */
-webkit-box-flex: 0;
-webkit-flex: 0 0 -webkit-calc(20% - 5px);
-moz-box-flex: 0;
-ms-flex: 0 0 calc(20% - 5px);
flex: 0 0 calc(20% - 5px);
padding-right: 20px;
}
article .jobs-side-box .form-horizontal > div:last-child {
width: 100px;
-webkit-box-flex: 0;
-webkit-flex: 0 0 100px;
-moz-box-flex: 0;
-ms-flex: 0 0 100px;
flex: 0 0 100px;
}
@media (max-width: 979px) {
article .jobs-side-box .form-horizontal {
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
article .jobs-side-box .form-horizontal > div {
/* width: -webkit-calc(33.3333% - 5px) !for(ie9 ie10); */
/* width: -moz-calc(33.3333% - 5px) !for(ie9 ie10); */
/* width: calc(33.3333% - 5px) !for(ie9 ie10); */
-webkit-box-flex: 0;
-webkit-flex: 0 0 -webkit-calc(33.3333% - 5px);
-moz-box-flex: 0;
-ms-flex: 0 0 calc(33.3333% - 5px);
flex: 0 0 calc(33.3333% - 5px);
}
}
@media (max-width: 479px) {
article .jobs-side-box .form-horizontal > div {
/* width: -webkit-calc(50% - 5px) !for(ie9 ie10); */
/* width: -moz-calc(50% - 5px) !for(ie9 ie10); */
/* width: calc(50% - 5px) !for(ie9 ie10); */
-webkit-box-flex: 0;
-webkit-flex: 0 0 -webkit-calc(50% - 5px);
-moz-box-flex: 0;
-ms-flex: 0 0 calc(50% - 5px);
flex: 0 0 calc(50% - 5px);
}
}
@media (max-width: 349px) {
article .jobs-side-box .form-horizontal {
display: block;
}
article .jobs-side-box .form-horizontal > div {
width: 100%;
}
}
@media (max-width: 767px) {
.jobs-grid .row > div {
width: 100%;
float: none;
}
.row-grid-header {
display: none;
}
.joinNetworkBtn, .joinNetworkBtn:hover, .joinNetworkBtn:focus {
margin-top: 0;
}
.page4E7UGOAV .side-box-1,
.parent4E7UGOAV .side-box-1 {
display: none;
}
/*.jobs-side-box .form-horizontal {
margin-left: -10px;
margin-right: -10px;
}
.jobs-side-box .form-group {
width: 33.3333%;
float: left;
padding-left: 10px;
padding-right: 10px;
}
.jobs-side-box input[type="submit"] {
margin-top: 14px;
}*/
}
@media (max-width: 479px) {
/*.jobs-side-box .form-group {
width: 50%;
}
.jobs-side-box input[type="submit"] {
margin-top: 0px;
}*/
}
@media (max-width: 319px) {
/*.jobs-side-box .form-group {
width: 100%;
float: none;
}*/
}
/* apply form */
form[action*="ndt-jobs/detail"] .form-group {
clear: both;
overflow: hidden;
padding: 0; margin: 0;
padding-bottom: 10px;
}
form[action*="ndt-jobs/detail"] .form-group > * {
display: block;
float: left;
padding: 0;
margin: 0;
}
form[action*="ndt-jobs/detail"] .form-group > label {
width: 150px;
text-align: left;
font-weight: normal;
}
form[action*="ndt-jobs/detail"] .form-group > div {
width: 200px;
}
input[type="file"].form-control {
border: 0 none;
padding: 0; margin: 0;
height: auto;
width: auto;
box-shadow: none;
}
form[action*="ndt-jobs/detail"] textarea {
border: 1px solid #ccc;
border-radius: 3px;
padding: 4px;
width: 300px;
height: 150px;
max-width: 100%;
}
form[action*="ndt-jobs/detail"] input[type="checkbox"] {
padding: 0; margin: 0;
float: none;
margin-right: 5px;
}
.btn#apply {
background-color: #e49900;
color: #fff;
font-weight: bold;
}
/* custom cms-page class taskId.16811006 */
body.rewrite-external-css .row {
width: auto;
font-family: Arial, Tahoma, sans-serif;;
font-size: 13px;
line-height: 1.6em;
padding: 0;
border: 0 none;
}
body.rewrite-external-css .jobs-grid .row {
border-bottom: 1px solid #ddd;
padding-top: 5px;
padding-bottom: 5px;
margin-left: -10px;
margin-right: -10px;
}
body.rewrite-external-css .jobs-grid .row-grid-header {
padding-top: 10px;
padding-bottom: 10px;
}
body.rewrite-external-css #maincontent {
width: auto;
padding: 0px;
}
body.rewrite-external-css .jobs-side-box ~ div .jobs-grid {
margin-top: 30px;
}
body.rewrite-external-css #maincontent .row {
margin: 0;
padding: 5px 10px;
border-bottom: 1px solid #ddd;
}
/*** END ims2017/global/jobs.css ***/
/*** START ims2017/global/slideshow.css ***/
/* home slideshow */
.home-slideshow {
position: relative;
margin-bottom: 20px;
}
.page2VMJB1OR .home-slideshow {
margin-bottom: 0px;
}
@media (min-width: 1920px) {
.home-slideshow {
width: 1920px;
max-width: 100%;
margin: 0 auto;
}
}
.home-slide {
position: relative;
}
.home-slideshow-caption {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}
.home-slideshow-caption * {
color: #fff;
}
.dark-text * {
color: #000;
}
.home-slideshow img {
width: 100%;
height: auto;
}
.slide-lg {
display: block;
}
.slide-sm {
display: none;
}
.slideshow-paging {
width: 100%;
bottom: 10px;
left: 0px;
text-align: center;
z-index: 24;
margin-top: 10px;
}
.slideshow-paging[data-overlay="1"] {
position: absolute;
margin-top: 0px;
}
.slideshow-paging span {
width: 15px;
height: 15px;
display: inline-block;
border-radius: 50%;
background-color: rgba(0,0,0,0.9);
margin-right: 10px;
cursor: pointer;
}
.slideshow-paging[data-overlay="1"] span {
border: 1px solid #DBDCE0;
}
.slideshow-paging span.active {
background-color: #dbdce0;
cursor: default;
}
.home-slideshow-caption-container {
padding: 30px 30px 15px;
width: 60%;
}
html[lang="ja-JP"] .home-slideshow-caption-container {
width: 100%;
}
.home-slideshow-caption .h1 {font-size: 30px; margin-top: 0px; margin-bottom: 0px;}
.home-slideshow-caption .h2 {font-size: 17px; margin-bottom: 0px; margin-top: 10px;}
@media (max-width: 979px) {
.home-slideshow-caption .h1 {font-size: 24px;}
.home-slideshow-caption .h2 {font-size: 15px;}
.home-slideshow-caption-container {
padding: 20px 20px 10px;
}
}
/* font size for fullwidth slideshow */
.home-slideshow[data-ar="ar-3-1-1170-390"] .home-slideshow-caption .h1 {font-size: 30px; margin-bottom: 10px;}
.home-slideshow[data-ar="ar-3-1-1170-390"] .home-slideshow-caption .h2 {font-size: 17px;}
@media (max-width: 979px) {
.home-slideshow[data-ar="ar-3-1-1170-390"] .home-slideshow-caption .h1 {font-size: 30px;}
.home-slideshow[data-ar="ar-3-1-1170-390"] .home-slideshow-caption .h2 {font-size: 18px;}
}
@media (max-width: 767px) {
.home-slideshow {
display: none;
}
}
@media (max-width: 559px) {
.slide-lg {
display: none;
}
.slide-sm {
display: block;
}
.home-slideshow-caption-container {
background-color: rgba(0,0,0,0.5);
padding: 15px;
}
.dark-text .home-slideshow-caption-container {
background-color: rgba(255,255,255,0.5);
}
.slideshow-paging {
text-align: left;
padding-left: 15px;
}
}
/* custom text position */
.home-slide[data-caption-position="lb"] .home-slideshow-caption,
.home-slide[data-caption-position="rb"] .home-slideshow-caption,
.home-slide[data-caption-position="rt"] .home-slideshow-caption {
display: flex;
flex-flow: column nowrap;
}
.home-slide[data-caption-position="lb"] .home-slideshow-caption {
justify-content: flex-end;
}
.home-slide[data-caption-position="rb"] .home-slideshow-caption {
justify-content: flex-end;
align-items: flex-end;
text-align: right;
}
.home-slide[data-caption-position="rt"] .home-slideshow-caption {
align-items: flex-end;
text-align: right;
}
.home-slide[data-caption-position="lb"] .home-slideshow-caption-container,
.home-slide[data-caption-position="rb"] .home-slideshow-caption-container{
padding: 15px 30px 30px;
}
@media (max-width: 979px) {
.home-slide[data-caption-position="lb"] .home-slideshow-caption-container,
.home-slide[data-caption-position="rb"] .home-slideshow-caption-container{
padding: 10px 20px 20px;
}
}
.home-slideshow-caption .btn {
background-color: transparent;
border: 2px solid;
border-radius: 0;
padding: 6px 20px;
margin-top: 15px;
font-size: 17px;
font-family: Arial, Tahoma, sans-serif;2;
font-weight: 300;
font-weight: normal;
transition: all 0.3s;
line-height: 1.6em;
}
@media (max-width: 767px) {
.home-slideshow-caption .btn {
font-size: 16px;
padding: 3px 20px;
margin-top: 10px;
}
}
.home-slideshow-caption .btn::after {
content: '\f101';
margin-left: 7px;
font-family: 'FontAwesome';
}
.dark-text.home-slideshow-caption .btn {
color: #08107b;
}
.light-text.home-slideshow-caption .btn {
color: #fff;
}
.dark-text.home-slideshow-caption .btn:hover,
.dark-text.home-slideshow-caption .btn:focus,
.home-slideshow-caption .btn:hover,
.home-slideshow-caption .btn:focus {
color: #e49900;
opacity: 1;
}
/*** END ims2017/global/slideshow.css ***/
/*** START ims2017/landing/common.css ***/
/* ---------------------------------- */
/* COPY/PASTE SUBPAGE COMMON.CSS HERE */
/* DON'T MAKE OTHER CHANGES HERE */
/* CHANGE ONLY LANDING.CSS */
/* ---------------------------------- */
/* Common CSS for this layout */
html.iframe header,
html.iframe .navbar,
html.iframe footer,
html.iframe .share-box,
html.iframe .copyright,
html.iframe #scrollUp,
html.iframe .printlink,
html.iframe .breadcrumb,
html.iframe .body-page-title,
html.iframe .side-boxe-1,
html.iframe .hide-in-iframe {
display: none !important;
}
/* removed as it creates scrolling on contact popup form taskId.16811548 */
/*html.iframe .container {
padding-left: 0px;
padding-right: 0px;
}*/
/* taskId.16812002 a/b testing */
.side-navigation-container .custom-display ul.left2 {
display: none;
}
.side-navigation-container .custom-display[data-page-id="11612"] ul.left2 {
display: block;
}
.cms-content img:not([src^='https://maps']) { /* Danny: added :not(...) to limit the scope and avoid killing google maps taskId.16810075 */
max-width: 100% !important;
height: auto !important;
}
/* taskId.16806758 fix chrome issue table vs. image */
.cms-content table img[width] {
max-width: none !important ; /* !for(webkit) */
}
/* CMS Tabs */
.cmsTabBlock .ui-widget {
font-family: Arial, Tahoma, sans-serif;;
font-size: 13px;
line-height: 1.6em;
}
.cmsTabBlock .ui-widget-content a {
color: #464eb6;
}
html[lang="ja-JP"] .cmsTabBlock .ui-widget {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Osaka", "Arial", "Helvetica", Sans-serif;
}
.cmsTabBlock .ui-widget-content,
.cmsTabBlock .ui-widget-header {
padding: 0;
border: 0 none;
background-image: none;
background-color: transparent;
border-radius: 0;
}
.cmsTabBlock .ui-widget-header {
border-bottom: 10px solid #e2e2e2;
margin-bottom: 15px;
margin-top: 25px;
}
.cmsTabBlock .ui-tabs .ui-tabs-nav li {
background-image: none;
background-color: #8F8F8F;
border-radius: 0;
border: 0 none;
color: #fff;
margin-right: 5px;
}
.cmsTabBlock .ui-tabs .ui-tabs-nav li.ui-tabs-active {
background-color: #E2E2E2;
color: #000;
}
.cmsTabBlock .ui-tabs .ui-tabs-nav li a {
color: #fff;
}
.cmsTabBlock .ui-tabs .ui-tabs-nav li.ui-tabs-active a {
background-color: #E2E2E2;
color: #000;
}
.cmsTabBlock .ui-tabs .ui-tabs-nav li.hideFromTabs {
display: none;
}
.cmsTabBlock .ui-widget-content {
color: #444;
font-size: 13px;
font-family: Arial, Tahoma, sans-serif;;
}
html[lang="ja-JP"] .cmsTabBlock .ui-widget-content {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Osaka", "Arial", "Helvetica", Sans-serif;
}
@media (max-width: 1024px) {
.cmsTabBlock .cmsPanel {
font-size: 14px;
padding: 0; margin: 0;
border-bottom: 3px solid #fff;
}
.cmsTabBlock .cmsPanelTitle {
background-color: #E2E2E2;
color: #000;
font-size: 14px;
font-family: Arial, Tahoma, sans-serif;;
padding: 0; margin: 0;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 30px;
padding-right: 15px;
position: relative;
}
html[lang="ja-JP"] .cmsTabBlock .cmsPanel {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Osaka", "Arial", "Helvetica", Sans-serif;
}
.cmsTabBlock .collapsed .cmsPanelTitle {
background-color: #f3f3f3;
color: #444;
}
.cmsTabBlock .cmsPanelTitle:before {
font-family: 'FontAwesome';
content: '\f107';
padding-right: 5px;
position: absolute;
left: 15px;
top: 10px;
}
.cmsTabBlock .collapsed .cmsPanelTitle:before {
content: '\f105';
}
.cmsTabBlock .cmsPanelContents {
padding: 10px 0px;
}
}
@media (min-width: 768px) {
.content {
min-height: 400px;
}
}
/* for some reason didn't work from sidebar boxes.css */
/* #demo-request-link .requestDemoBoxDesc {display: none !for(ie8);} */
/* contact buttons for product page (small resolution */
.product-contact-xs {
display: none;
margin-top: 15px;
}
.product-contact-xs .row {
margin-left: -5px;
margin-right: -5px;
}
.product-contact-xs .row > div {
padding-left: 5px;
padding-right: 5px;
}
.product-contact-xs .requestDemoBoxDesc {
display: none;
}
.product-contact-xs a {
background-color: #e49900;
color: #fff;
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 16px;
display: block;
text-align: center;
padding: 5px;
}
html[lang="ja-JP"] .product-contact-xs a {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Osaka", "Arial", "Helvetica", Sans-serif;
}
@media (max-width: 767px) {
body.product .product-contact-xs,
.pageAB6A8A1R .product-contact-xs {
display: block;
}
}
@media (max-width: 479px) {
.product-contact-xs .row > div {
width: 100%;
float: none;
}
.product-contact-xs a {
margin-bottom: 3px;
text-align: left;
}
.product-contact-xs a:before {
content: '\f105';
font-family: 'FontAwesome';
margin-left: 10px;
margin-right: 10px;
}
}
/* hide marked title */
.hideTopLevelHeader .page-title-container .caption-level {
visibility: hidden;
height: 5px;
}
@media (max-width: 767px) {
.hideTopLevelHeader .page-title-container .caption-level {
height: 0px;
}
}
/* copied from original site */
/* Configurator */
.extraView {
text-align: right;
padding: 10px;
}
#sortTable2 thead tr .header, #sortTable thead tr .header {
background-image: url(../data/i/bg.gif);
background-repeat: no-repeat;
background-position: right bottom;
padding-right: 10px;
cursor: pointer;
padding-bottom: 16px;
}
#sortTable2 tbody td, #sortTable tbody td {
color: #3D3D3D;
padding: 4px;
background-color: #FFF;
vertical-align: top;
font-size: 11px;
}
#sortTable2 tbody tr.odd td, #sortTable tbody tr.odd td {
background-color: #F0F0F6;
}
#sortTable2 thead tr .headerSortUp, #sortTable thead tr .headerSortUp {
background-image: url(../data/i/asc.gif);
background-color: #faefc7;
}
#sortTable2 thead tr .headerSortDown, #sortTable thead tr .headerSortDown {
background-color: #faefc7;
background-image: url(../data/i/desc.gif);
}
.skuTableList td {
padding: 3px;
border-right: 1px solid #888;
border-top: 1px solid #888;
text-align: center;
}
.skuTableList thead td, .skuTableList thead th,
table.tablesorter thead tr th,
table.tablesorter tfoot tr th {
background-color: #f4d25c;
padding: 5px;
text-align: center;
font-weight: normal;
color: black;
line-height: 16px;
font-size: 11px;
border-right: 1px solid #888;
border-bottom: 1px solid #888;
border-top: 0 none;
}
@media (min-width: 1200px) {
/* taskId.16800298 */
.skuTableList thead td, .skuTableList thead th {
/* /* white-space: nowrap !for(mac+firefox macos+firefox); * / */
/* /* padding: 5px 2px !for(mac+firefox macos+firefox); * / */
}
}
/* Thickness Transducers Directory */
.default-no-results-message {
display: none;
}
#sortTable.tt thead tr .header {
padding-top: 10px;
padding-bottom: 10px;
padding-right: 20px;
background-position: right 60%;
}
#sortTable.tt {
margin-top: 30px;
}
#sortTable.tt thead tr .tt-notes {
padding-right: 5px;
background-image: none !important;
}
#sortTable.tt tbody tr .tt-notes {
text-align: center;
}
#sortTable .tt-notes .fa-info-circle {
color: #f5be00;
font-size: 15px;
cursor: pointer;
margin-top: 3px;
}
.cluetip-default h3#cluetip-title {
background-color: #f2f2f2;
color: #333;
}
.cluetip-default,
.cluetip-default #cluetip-title a,
.cluetip-default #cluetip-outer {
background-color: #fff;
color: #333;
}
*, *:before, *:after {
box-sizing: border-box;
}
.cluetip-icon {
background-color: #faefc7;
border-bottom: 1px solid #787878;
border-right: 1px solid #787878;
cursor: pointer;
display: inline-block;
height: 15px;
margin-left: 3px;
width: 15px;
display: block;
margin: 0 auto;
}
.iPopBlock.styled.ipop-help div.iPopBox {
padding: 0;
border: 0 none;
}
.iPopBlock.styled.ipop-help div.iPopBox h4 {
margin: 0;
padding: 7px 10px;
background-color: #f2f2f2;
}
.iPopBlock.styled.ipop-help div.iPopBox {
/* /* width: 450px !for(ie8); * / */
}
.iPopBlock.styled.ipop-help div.iPopBox p {
padding: 7px 10px;
margin-bottom: 0px;
}
.filter-form {
padding: 10px;
}
.filter-form table td,
.filter-form table tr:first-child td {
padding: 5px 10px;
vertical-align: middle;
}
.tt-directory #sortTable th {
padding-right: 20px;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
}
.product-options-popup {
max-width: 300px;
}
.product-options-popup h3 {
margin: 0 0 5px;
}
.applicationsDetail .row {
/* clear: both !for(ie); */
/* overflow: hidden !for(ie); */
}
/* rss /service-and-support/downloads/subscribe/ */
.rssTitle {
font-size: 26px;
font-family: 'Roboto', Arial, Helvetica, sans-serif;
margin-bottom: 10px;
margin-top: 20px;
}
.rssTitle:before {
font-family: 'FontAwesome';
content: '\f143';
color: #e49900;
margin-right: 10px;
}
.feeds {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.feed {
background-color: #f2f2f2;
padding: 10px;
margin-bottom: 20px;
width: -webkit-calc(50% - 10px);
width: -moz-calc(50% - 10px);
width: calc(50% - 10px);
border-bottom: 3px solid #d7d7d7;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
}
.rssSubscrive {
padding-right: 5px;
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-moz-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.rssLink {
padding-right: 5px;
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-moz-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.rssFeedTitle {
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-moz-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
#subscribeForm input[type="email"],
#subscribeForm input[type="text"],
#subscribeForm select {
border: 1px solid #d7d7d7;
padding: 3px;
}
@media(max-width: 979px) {
.feed {
margin-bottom: 10px;
width: -webkit-calc(50% - 5px);
width: -moz-calc(50% - 5px);
width: calc(50% - 5px);
}
}
@media (min-width: 480px) {
#subscribeForm {
display: table;
}
#subscribeForm > div {
display: table-row;
padding: 0; margin: 0;
}
#subscribeForm > div > div {
display: table-cell;
padding: 0; margin: 0;
padding-bottom: 10px;
padding-right: 10px;
width: 50%;
}
}
@media (max-width: 479px) {
.feed {
width: 100%;
}
#subscribeForm > div {
margin-bottom: 10px;
}
}
.addeventatc_dropdown .copyx {
display: none !important;
}
/* ---------------------------- gating START ---------------------------- */
/*
- there is a script in common.js
- #C15 form is used to protect content
- add class "gating" to CMS
- taskId.16814715
*/
.ipop-gating.iPopBlock {
background-color: rgba(0,0,0,0.9);
}
body.gating .cms-content,
body.gating .header-block,
body.gating .col-aside,
body.gating #C15,
body.gating .body-page-title,
body.gating .col-content > h2,
body.gating .col-content > .formerTable {
display: none;
}
body.gating .col-content {
width: 100%
}
body.gating.show-gating-content .cms-content,
body.gating.show-gating-content .header-block,
body.gating.show-gating-content .col-aside,
body.gating.show-gating-form #C15,
body.gating.show-gating-form .col-content > h2,
body.gating.show-gating-form .col-content > .formerTable,
body.gating.show-gating-content .body-page-title {
display: block;
}
body.gating.show-gating-content.page4YNB36HC .body-page-title,
body.gating.show-gating-content .col-content > h2,
body.gating.show-gating-content .col-content > .formerTable {
display: none;
}
body.gating .col-content h2 {
border-bottom: 1px solid #e49900;
padding-bottom: 10px;
margin-bottom: 20px;
}
body.gating #C15 {
background-color: #f5f5f5;
padding: 30px;
}
@media (max-width: 979px) {
body.gating #C15 {
padding: 15px;
}
}
body.gating #C15 input[type="text"],
body.gating #C15 input[type="password"],
body.gating #C15 input[type="email"],
body.gating #C15 select {
background-color: #fff;
}
body.gating #C15 h3 {
margin-top: 0;
}
body.gating .col-content > .formerTable > .row > div:first-child {
width: calc(100% - 600px);
}
body.gating .col-content > .formerTable > .row > div:last-child {
width: 600px;
}
@media (max-width: 979px) {
body.gating .col-content > .formerTable > .row > div:first-child,
body.gating .col-content > .formerTable > .row > div:last-child {
width: 100%;
}
body.gating .col-content > .formerTable > .row > div:last-child {
max-width: 600px;
}
}
/* ---------------------------- gating END ---------------------------- */
/*** END ims2017/landing/common.css ***/
/*** START ims2017/landing/landing.css ***/
/* Landing */
@media (min-width: 768px) and (max-width: 1023px) {
header.header .container {
flex-flow: column nowrap;
}
.header-container-left {
margin-bottom: 10px;
}
body.header-small header.header,
body.header-small .header-placeholder {
height: 109px;
}
}
/* reset global styles */
html[lang="en-US"] .navbar,
html[lang="zh-CN"] .navbar,
html[lang="hu-HU"] .navbar,
html[lang="ko-KR"] .navbar,
html[lang="pt-PT"] .navbar {
margin-right: 0;
}
@media (max-width: 1199px) and (min-width: 768px) {
.header-container-right {
flex-flow: row nowrap;
align-items: center;
}
}
@media (min-width: 768px) and (max-width: 1199px) {
.navbar-nav > li > a {
padding-top: 0;
padding-bottom: 0;
}
}
@media (max-width: 1199px) and (min-width: 768px) {
.navbar-nav > li:last-child > a {
padding-right: 15px;
}
}
@media (max-width: 1023px) and (min-width: 768px) {
.top-extra-container {
margin-bottom: 0px;
}
}
body {
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
@media (min-width: 980px) {
h2, .h2 {
font-size: 36px;
}
}
.ui-widget {
font-size: 13px;
}
.cmsTabBlock .cmsPanel {
font-size: 13px;
}
.navbar-buttons {
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
margin-right: 30px;
}
@media (min-width: 768px) and (max-width: 1199px) {
.navbar-buttons {
margin-right: 15px;
}
}
@media (max-width: 1199px) {
}
@media (max-width: 979px) {
.navbar-buttons {
}
}
@media (max-width: 767px) {
.navbar-buttons {
}
}
.navbar-buttons a {
background-color: #e49900;
color: #fff;
padding: 5px 15px;
display: inline-block;
text-decoration: none;
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 16px;
z-index: 22;
border: 0 none;
line-height: 1.6em;
border: 0 none;
margin-left: 15px;
}
@media (min-width: 768px) and (max-width: 1199px) {
.navbar-buttons a {
background-color: transparent;
font-weight: bold;
font-family: Arial, Tahoma, sans-serif;;
color: #E49900;
font-size: 17px;
padding: 0 10px;
margin: 0;
border: 0 none;
}
.navbar-buttons a i {
display: none;
}
}
@media (max-width: 767px) {
.navbar-buttons {
position: absolute;
right: 0;
top: 94px;
z-index: 1000;
}
.navbar-buttons a {
background-color: transparent;
font-weight: normal;
font-family: Arial, Tahoma, sans-serif;;
color: #E49900;
font-size: 13px;
padding: 0px;
margin: 0;
border: 0 none;
text-transform: uppercase;
}
.navbar-buttons a i {
display: none;
}
}
@media (min-width: 480px) and (max-width: 767px) {
.navbar-buttons {
top: 58px;
}
.navbar {
top: 45px;
}
}
.navbar-buttons p:first-child a {
margin-left: 0;
}
html[lang="ja-JP"] .navbar-buttons a {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Osaka", "Arial", "Helvetica", Sans-serif;
}
.navbar-buttons p {
padding: 0; margin: 0; display: inline;
}
.navbar-small .navbar-buttons {
/* bottom: 10px !for(ie9);
*/
}
@media (max-width: 979px) {
.navbar-small .navbar-buttons {
margin-top: 2px ;
/* !for(webkit) */
}
}
.navbar-buttons a:hover,
.navbar-buttons a:focus {
text-decoration: none;
}
.navbar-header button {
text-align: left;
}
@media (min-width: 980px) {
.row-main {
clear: both;
overflow: hidden;
}
.col-aside, .col-article {
float: right;
}
.col-aside {
width: 260px;
padding-top: 70px;
}
.col-aside:empty {
display: none;
}
.col-article {
width: calc(100% - 260px);
}
.col-aside:empty + .col-article {
width: 100%;
}
.col-aside > * {
padding-left: 30px;
}
}
@media (max-width: 979px) {
.row-main {
display: flex;
flex-flow: column-reverse nowrap;
}
.col-article,
.col-aside {
width: 100%;
float: none;
}
.col-aside {
padding-top: 20px;
padding-bottom: 20px;
}
}
body:not(.page-tabs) .cmsTabBox .cmsPanel {
display: block !important;
padding-top: 1px;
}
body:not(.page-tabs) .cmsTabBox .cmsPanel:not(:last-child)::after {
content: '';
height: 12px;
border: 0;
display: block;
box-shadow: inset 0 12px 12px -12px rgba(0, 0, 0, 0.1);
}
body:not(.page-tabs) .content .cms-content {
width: 1170px;
max-width: 100%;
margin: 0 auto;
padding: 0px 0px 20px;
}
body:not(.page-tabs) .content {
padding-bottom: 0px;
}
body:not(.page-tabs) .content .cmsTabs {
display: none;
}
body:not(.page-tabs) .cmsPanelTitle {
display: block !important;
width: 1170px;
max-width: 100%;
margin: 0 auto;
margin-top: 30px;
padding: 0px 0px 20px;
font-weight: 300;
font-size: 26px;
background-color: transparent;
color: #444;
}
body:not(.page-tabs) .cmsPanelContents .cms-content h1:first-child,
body:not(.page-tabs) .cmsPanelContents .cms-content h2:first-child,
body:not(.page-tabs) .cmsPanelContents .cms-content h3:first-child,
body:not(.page-tabs) .cmsPanelContents .cms-content h4:first-child {
margin-top: 0px;
}
@media (max-width: 979px) {
body:not(.page-tabs) .cmsPanelContents {
display: block !important;
}
body:not(.page-tabs) .cmsTabBlock .cmsPanelTitle,
body:not(.page-tabs) .cmsTabBlock .collapsed .cmsPanelTitle {
background-color: transparent;
color: #444444;
cursor: text !important;
font-size: 24px;
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-weight: 300;
margin: 20px 0 10px;
border-bottom: 1px solid #d7d7d7;
padding: 0 0 5px;
width: -webkit-calc(100% - 30px);
width: -moz-calc(100% - 30px);
width: calc(100% - 30px);
}
html[lang="ja-JP"] body:not(.page-tabs) .cmsTabBlock .cmsPanelTitle,
html[lang="ja-JP"] body:not(.page-tabs) .cmsTabBlock .collapsed .cmsPanelTitle {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Osaka", "Arial", "Helvetica", Sans-serif;
}
body:not(.page-tabs) .cmsTabBlock .cmsPanelTitle::before,
body:not(.page-tabs) .cmsTabBlock .collapsed .cmsPanelTitle::before {
display: none;
}
}
/* =zoom slideshow START */
/* Moved to: http://www.olympus-lifescience.com/modules/common.tags/widgets/zoom-slideshow/resources/zoom-slideshow.css */
/* =zoom slideshow END */
.subpage-slideshow-container {
border-top: 0 none;
overflow: hidden;
}
.body-page-title {
border-bottom: 0 none;
margin-left: 0px;
margin-right: 0px;
}
h1.pageTitle {
margin-top: 10px;
margin-bottom: 15px;
}
@media (max-width: 979px) {
h1.pageTitle {
font-size: 20px;
}
}
@media (max-width: 479px) {
.body-page-title {
background-color: #162540;
}
h1.pageTitle {
color: #fff;
}
}
/* landing aside */
.landing-aside {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.landing-aside video {
max-width: 100%;
height: auto;
}
.landing-aside video[poster] {
max-width: 100%;
height: auto;
}
.video-100IPLEX_00012 {
x-background-image: url(/data/File/Animations/100IPLEX_00012.jpg);
background-repeat: no-repeat;
background-position: left top;
-moz-background-size: 100% 10px;
-o-background-size: 100% 10px;
background-size: 100% 10px;
}
@media (min-width: 980px) {
.landing-aside h2 {
font-size: 40px;
}
}
@media (min-width: 768px) {
.landing-aside > * {
width: 50%;
}
.landing-aside > *:first-child {
padding-right: 100px;
}
}
@media (max-width: 767px) {
.landing-aside {
-webkit-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
}
.landing-aside > div {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-moz-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.landing-aside > figure {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-moz-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
}
/* video (measurement) customization */
.landing-alt #cmsContent13831,
.landing-alt #cmsContent13820 {
padding-top: 35px;
padding-bottom: 35px;
}
.landing-alt #cmsContent13831 video,
.landing-alt #cmsContent13820 video {
width: 375px;
height: 500px;
}
/* temporary iplex styles */
/* originally restricted to .pageJLJ6GNCQ /replaced with .container-landing START */
body:not(.page-tabs) .header-block + .container {
padding: 0; margin: 0;
width: 100%;
max-width: 100%;
}
body:not(.page-tabs) .header-block + .container::before,
body:not(.page-tabs) .header-block + .container::after {
display: none;
}
body:not(.page-tabs) .container-landing .cmsPanel {
padding-top: 50px;
padding-bottom: 50px;
font-size: 16px;
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-weight: 300;
line-height: 1.8em;
}
html[lang="ja-JP"] body:not(.page-tabs) .container-landing .cmsPanel {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Osaka", "Arial", "Helvetica", Sans-serif;
}
body:not(.page-tabs) .container-landing .cmsPanel:nth-child(odd) {
background-color: #f5f5f5;
}
/*.container-landing #cmsContent13810.cmsPanel:nth-child(even),
.container-landing #cmsContent13810.cmsPanel:nth-child(odd),
.container-landing #cmsContent13820.cmsPanel:nth-child(even),
.container-landing #cmsContent13820.cmsPanel:nth-child(odd) {
background-color: #1F1F21;
color: #fff;
}
.container-landing #cmsContent13810.cmsPanel:nth-child(even) h2,
.container-landing #cmsContent13810.cmsPanel:nth-child(odd) h2,
.container-landing #cmsContent13820.cmsPanel:nth-child(even) h2,
.container-landing #cmsContent13820.cmsPanel:nth-child(odd) h2 {
color: #fff;
}*/
body:not(.page-tabs) .container-landing .cmsTabBox .cmsPanel:not(:last-child)::after {
display: none;
}
body:not(.page-tabs) .container-landing .cmsPanelTitle {
display: none !important;
}
body:not(.page-tabs) .container-landing .content .cms-content {
padding: 0px 15px;
}
body:not(.page-tabs) .container-landing .short-description h1 {
font-size: 30px;
line-height: 1.1em;
margin: 30px 0px;
}
/* originally restricted to .pageJLJ6GNCQ /replaced with .container-landing END */
.page-title-container {
width: 100%;
}
@media (min-width: 480px) {
h1.pageTitle {
width: 100%; padding-left: 4.5%; padding-top: 3%; font-size: 40px;
}
}
@media (min-width: 480px) and (max-width: 1199px) {
h1.pageTitle {
padding-left: 3%; font-size: 36px;
}
}
@media (min-width: 480px) and (max-width: 979px) {
h1.pageTitle {
padding-left: 2%; font-size: 30px;
}
}
@media (min-width: 480px) and (max-width: 767px) {
h1.pageTitle {
padding-left: 1%; padding-top: 0px; font-size: 24px;
}
}
@media (max-width: 767px) {
.pageJLJ6GNCQ .cmsPanel,
.pageIKM6HIW1 .cmsPanel {
padding-top: 30px;
padding-bottom: 30px;
font-size: 14px;
}
}
@media (min-width: 1200px) {
body.page-tabs h1.pageTitle {
font-size: 50px;
}
}
/* fix 980-1024px empty sections */
@media (min-width: 980px) and (max-width: 1024px) {
#pageTabs1 .cmsPanel.collapsed .cmsPanelContents {
display: block;
}
}
.subpage-slideshow-bg-block {
display: block;
}
/* zoom effect customization */
#cmsContent13808,
#cmsContent13818,
#cmsContent13829 {
overflow: hidden;
padding-bottom: 0px;
padding-top: 30px;
border: 0 none;
}
#cmsContent13808 .cmsPanelContents ,
#cmsContent13818 .cmsPanelContents ,
#cmsContent13829 .cmsPanelContents {
padding: 0;
}
html body .content .cms-content[cms-page="13808"],
html body .content .cms-content[cms-page="13818"],
html body .content .cms-content[cms-page="13829"] {
/* .custom-slideshow on this page must go full width because of overflow: hidden; */
width: 100%;
padding: 0px;
}
#cmsContent13808 h2,
#cmsContent13818 h2,
#cmsContent13829 h2 {
width: 1170px;
max-width: 100%;
margin: 0 auto;
padding: 0 15px 10px;
line-height: 1.3em;
text-align: left;
color: #999;
}
.landing-alt #cmsContent13808 h2,
.landing-alt #cmsContent13818 h2,
.landing-alt #cmsContent13829 h2 {
color: #444444;
}
@media (min-width: 768px) {
.landing-extra-buttons {
display: none;
}
}
@media (max-width: 767px) {
.landing-extra-buttons {
margin-top: 20px;
display: flex;
flex-flow: row wrap;
justify-content: space-between;
}
.landing-extra-buttons a {
background-color: #E49900;
border: 1px solid #E49900;
border-radius: 0;
text-align: left;
color: #fff;
width: calc(50% - 10px);
font-size: 16px;
font-family: 'Roboto', Arial, Helvetica, sans-serif;
}
.landing-extra-buttons a:hover,
.landing-extra-buttons a:focus {
background-color: #E49900;
border: 1px solid #E49900;
color: #fff;
}
}
@media (max-width: 479px) {
.landing-extra-buttons a {
width: 100%;
margin-bottom: 10px;
}
}
/* David's alternative landing page /landing/videoscopes/iplex-nx2/ */
/* custom landing page */
#cmsContent13840.cmsPanel {
padding: 0;
background-image: url(/data/Image/IPLEX-NX/temp/iplex-nx-caption-image-bg.jpg?ver4);
background-repeat: repeat-x;
background-color: transparent;
border: 0 none;
}
#cmsContent13840 .cms-content {
padding: 0;
}
#cmsContent13840.cmsPanel .cmsPanelContents {
padding: 0;
}
.landing-caption-image {
position: relative;
}
.landing-caption-image h1 {
position: absolute;
top: 15%;
left:15px;
font-size: 57px;
line-height: 1.1em;
}
@media (max-width: 979px) {
.landing-caption-image h1 {
font-size: 45px;
}
}
@media (max-width: 767px) {
.landing-caption-image h1 {
font-size: 30px;
}
}
@media (max-width: 479px) {
.landing-caption-image h1 {
position: static;
padding-left: 15px;
padding-bottom: 10px;
padding-top: 10px;
background-color: #fff;
}
}
/* special request taskId.16810033 */
@media (min-width: 980px) and (max-width: 1366px) {
#cmsContent13840.cmsPanel {
background-size: auto 480px;
}
.landing-caption-image img {
height: 480px;
}
}
@media (min-width: 480px) {.landing-caption-image-xxs {display: none;}}
@media (max-width: 479px) {.landing-caption-image-lg {display: none;}}
.no-caption-image .subpage-slideshow-container,
.no-caption-image .body-page-title {
display: none;
}
a.landing-large-button {
background-color: #08107B;
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 30px;
display: inline-block;
padding: 10px 20px;
text-decoration: none;
color: #fff;
}
a.landing-large-button i {
color: #EAB734;
font-size: 32px;
}
/* customize alignment */
@media (min-width: 1200px) {
.navbar-collapse {
padding-left: 0;
}
.navbar-nav > li:first-child > a {
padding-left: 0;
}
}
@media (max-width: 767px) {
.body-page-title {
margin-bottom: 15px;
background-color: #f2f2f2;
}
.body-page-title * {
color: #333 !important;
}
}
/* resolve conflict of the form styling and landing page styling */
.landing-hide {
display: none;
}
.dynamic-placeholders input[type="text"],
.dynamic-placeholders input[type="email"],
.dynamic-placeholders input[type="password"],
.dynamic-placeholders select,
.dynamic-placeholders textarea,
.popup-form .dynamic-placeholders label,
.popup-form label,
.popup-form .newsletters-group {
font-family: Arial, Tahoma, sans-serif;;
line-height: 1.6em;
font-size: 13px;
color: #444;
font-weight: normal;
}
html[lang="ja-JP"] .dynamic-placeholders input[type="text"],
html[lang="ja-JP"] .dynamic-placeholders input[type="email"],
html[lang="ja-JP"] .dynamic-placeholders input[type="password"],
html[lang="ja-JP"] .dynamic-placeholders select,
html[lang="ja-JP"] .dynamic-placeholders textarea,
html[lang="ja-JP"] .popup-form .dynamic-placeholders label,
html[lang="ja-JP"] .popup-form label {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Osaka", "Arial", "Helvetica", Sans-serif;
}
.popup-form input[type="submit"] {
font-family: Arial, Tahoma, sans-serif;;
font-size: 13px;
}
html[lang="ja-JP"] input[type="submit"] {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Osaka", "Arial", "Helvetica", Sans-serif;
}
.popup-form h2,
.popup-form .h2 {
font-size: 26px;
}
input#xFormFieldD1432[type="checkbox"] ~ label::before {
transform: translate(0,5px);
}
/* /landing/the-vanta-series/ */
html.noiframe input#xFormFieldD1432[type="checkbox"] ~ label::before {
transform: translateY(0);
}
/*** END ims2017/landing/landing.css ***/
/* TIME: 0.071684122085571 */