|
Server : Apache/2.4.18 (Ubuntu) System : Linux canvaswebdesign 3.13.0-71-generic #114-Ubuntu SMP Tue Dec 1 02:34:22 UTC 2015 x86_64 User : oppastar ( 1041) PHP Version : 7.0.33-0ubuntu0.16.04.15 Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority, Directory : /var/www/angkasapuraretail.com/public_html/themes/old-themes/css/ |
Upload File : |
body {
position: relative;
}
@media (min-width: 1025px) {
.n-content {
max-width: 984px;
margin-left: auto;
margin-right: auto;
}
}
.page-mypages body {
min-width: 320px;
}
.page-mypages .w-content {
width: 100%;
}
.page-mypages .n-content {
margin-top: 30px;
-webkit-overflow-scrolling: touch;
}
@media (min-width: 1025px) {
.page-mypages .n-content .w-grid {
min-width: 100%;
}
.page-mypages .n-content {
margin-left: 30px;
margin-right: 30px;
border-left: 280px solid rgba(0, 0, 0, 0);
}
}
@media (min-width: 1604px) {
.page-mypages .n-content {
margin-left: auto;
margin-right: auto;
min-width: 984px;
border-right: 280px solid rgba(0, 0, 0, 0);
}
}
.isotope > .g1,
.isotope > .g2,
.isotope > .g3,
.isotope > .g4,
.isotope > .g5,
.isotope > .g6,
.isotope > .g7,
.isotope > .g8,
.isotope > .g9,
.isotope > .g10,
.isotope > .g11,
.isotope > .g12,
.isotope > .g13,
.isotope > .g14,
.isotope > .g15,
.isotope > .g16,
.isotope > .g17,
.isotope > .g18,
.isotope > .g19,
.isotope > .g-half,
.isotope > .g-third {
margin-bottom: 30px;
}
.page-header {
margin: 0 auto;
position: relative;
display: block;
border-bottom: 1px solid var(--grey-300);
z-index: 6002;
height: 44px;
}
.page-header .w-grid {
overflow: visible;
padding: 0;
}
.htmlf .page-header {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 100;
border: none;
min-height: 31px;
}
.htmlf img[width='1px'] {
position: absolute;
top: 0;
}
.htmlf .htmlf-wrapper iframe {
margin: 0 auto;
width: 100%;
min-height: 400px;
}
#scWebEditRibbon {
z-index: 10000;
}
.w-menu {
float: left;
position: relative;
overflow: visible;
margin-top: 0;
}
.filter-menu-trigger,
.ui-facet-navigation .facets-submit {
display: none;
}
.w-main {
margin: 0 auto 16px;
overflow: hidden;
position: relative;
display: block;
}
.htmlf-wrapper.has-sticky-header {
padding-top: 46px;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.n-header ~ .htmlf-wrapper.has-sticky-header {
padding-top: 0;
}
.htmlf-wrapper.w-grid {
overflow: hidden;
max-width: none;
width: 100%;
}
.wrapper {
margin: 0;
padding: 0;
width: 100%;
overflow: auto;
}
.w-aside-column {
margin-left: 0;
}
.k-tooltip-content,
body,
button,
html,
input,
optgroup,
select,
textarea {
font-family: SansOri, SansOriFallback, sans-serif;
}
.text-small {
font-size: 12px;
}
.text-ellipsis {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
display: block;
}
.text-uppercase {
text-transform: uppercase;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.text-center {
text-align: center;
}
.word-break {
word-break: break-word;
}
.float-left {
float: left;
}
.float-right {
float: right;
}
a {
color: var(--text-primary);
text-decoration: none;
}
.active,
a:focus,
a:hover {
color: var(--primary-main);
}
.active {
font-weight: 700;
}
.link:hover {
cursor: pointer;
}
.link.active,
.link:focus,
.link:hover {
color: var(--primary-main);
}
.highlighted-link {
color: var(--text-primary);
text-decoration: underline;
}
.highlighted-link:focus,
.highlighted-link:hover {
color: var(--primary-main);
text-decoration: underline;
}
.common-link,
.highlighted-link,
.ui-link {
cursor: pointer;
}
.common-link {
font-size: 12px;
line-height: 17px;
font-weight: 700;
text-transform: uppercase;
border-bottom: 2px solid;
display: inline-block;
padding-bottom: 2px;
margin-bottom: 15px;
}
.common-link:hover {
color: var(--primary-main);
}
.w-buttons:last-of-type,
.w-controls:last-of-type {
padding: 0 5px;
}
.audible {
position: absolute !important;
left: -999em !important;
top: 0;
width: 1px;
height: 1px;
}
.icon-arrow {
display: inline-block;
padding: 2px 8px 2px 18px;
}
.inline-list li {
list-style: none;
display: inline;
}
.links-list {
list-style: none;
}
.w-error {
display: block;
border: 1px dashed #cb0252;
margin: 10px;
padding: 10px 10px 0;
font-size: 12px;
}
.error-caption {
background: rgba(0, 0, 0, 0);
font-size: 16px;
font-weight: 700;
}
.exception {
font-weight: 700;
color: #a40243;
text-shadow: 1px 1px 0 var(--common-white);
}
.toggle-exception-details {
cursor: pointer;
}
.showExceptionDetails {
font-weight: 700;
cursor: pointer;
}
.iframe-scrollbar-wrapper {
margin: 0;
width: 100%;
}
.w-iframe {
margin-bottom: 0;
position: relative;
overflow: hidden;
}
.w-iframe.new-tab {
margin: 0;
}
.totara-iframe-wrapper {
height: 680px;
margin: 0 auto 16px;
width: 100%;
display: block;
}
@media (min-width: 1025px) {
.page-mypages .totara-iframe-wrapper {
border-radius: 4px;
overflow: hidden;
background-clip: padding-box;
}
}
.ui-spinner {
display: none;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
position: absolute;
z-index: 1475;
}
.ui-spinner,
.ui-spinner.transparent {
background-color: hsla(0, 0%, 100%, 0.75);
}
.ui-spinner.empty-page {
overflow: hidden;
display: block;
}
.popup-content {
padding: 0;
height: 150px;
overflow-y: auto;
}
.popup-content .ui-logout-form {
margin: 0;
}
.popup-content .ui-logout-form .header {
margin: 0 0 10px;
}
.popup-content .ui-logout-form .w-buttons {
margin: 20px 0 0;
}
.rsArrow {
cursor: pointer;
display: block;
height: 100%;
position: absolute;
width: 40px;
z-index: 18;
top: 0;
padding: 0 5px;
}
.rsArrowLeft {
left: 0;
}
.rsArrowRight {
right: 0;
}
.rsArrowIcn {
display: block;
position: absolute;
width: 40px;
height: 40px;
left: 50%;
top: 50%;
margin-left: -20px;
margin-top: -20px;
opacity: 0.5;
cursor: pointer;
border-radius: 50%;
background: var(--common-white);
}
.rsArrowLeft .rsArrowIcn:before,
.rsArrowRight .rsArrowIcn:before {
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 40px;
line-height: 1.5;
font-size: 28px;
text-align: center;
background: none;
color: var(--text-primary);
}
.image-icons .rsArrowIcn:before {
background-repeat: no-repeat;
top: 18%;
left: 30%;
}
.rsArrow:hover .rsArrowIcn {
opacity: 1;
}
.rsArrowDisabled .rsArrowIcn {
opacity: 0.2;
}
.rsNav.rsBullets {
bottom: 15px;
height: 12px;
line-height: 12px;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
font-size: 0;
}
.rsWithBullets.nav-outside {
overflow: visible;
margin-bottom: 28px;
}
.rsNavItem.rsBullet {
cursor: pointer;
width: 8px;
height: 8px;
padding: 2px;
display: inline-block;
vertical-align: top;
margin: 0 5px;
background: rgba(0, 0, 0, 0);
border-radius: 50%;
-webkit-transition: background 0.3s ease-in-out;
transition: background 0.3s ease-in-out;
}
.rsNavItem.rsBullet span {
display: block;
width: 8px;
height: 8px;
background: var(--grey-200);
border-radius: 50%;
}
.rsNavItem.rsBullet:hover,
.rsNavItem.rsBullet:hover span,
.rsNavSelected.rsBullet,
.rsNavSelected.rsBullet span {
background: var(--secondary-main);
}
.rsNavSelected {
cursor: default;
}
.ui-product-list .rsContent {
padding-top: 10px;
}
.pbs-link-container {
padding: 10px 0;
margin: 0;
position: absolute;
top: 45px;
background: var(--grey-50);
border-bottom: 1px solid var(--grey-300);
width: 100%;
text-align: center;
display: none;
}
.pbs-link-container .name {
text-decoration: underline;
}
.pbs-link-container .v-icon-cross {
margin-left: 10px;
padding: 5px;
cursor: pointer;
font-style: normal;
}
.w-burger-menu-pbs {
position: absolute;
top: 45px;
left: 0;
height: 1px;
background: rgba(0, 0, 0, 0);
z-index: 9500;
width: 100%;
}
.w-burger-menu-pbs .pbs-link-container {
margin: 0;
top: 1px;
background: rgba(0, 0, 0, 0);
}
.page-overlay,
.w-burger-menu-pbs .v-icon-cross {
display: none;
}
.animating,
.burgermenu-opened {
overflow: hidden;
height: 100%;
width: 100%;
}
.animating .page-overlay,
.burgermenu-opened .page-overlay {
display: block;
}
.burger-menu-trigger {
cursor: pointer;
font-size: 22px;
padding-left: 0;
}
.w-burger-menu-pbs .pbs-link-container {
background: var(--common-white);
background: linear-gradient(
270deg,
var(--grey-a200) 0,
var(--common-white) 6px,
var(--common-white)
);
}
.login-iframe {
display: block;
width: 95%;
margin: 0 auto;
}
.forgot-password-iframe {
display: block;
width: calc(100% - 30px);
margin: 0;
padding: 15px;
}
.forgot-password-close {
position: absolute;
top: 7px;
right: 14px;
font-size: 18px;
cursor: pointer;
z-index: 10;
}
.forgot-password-close.v-icon-arrow-left-thin {
right: auto;
left: 14px;
}
.form-actions .forgot-password-link {
cursor: pointer;
}
.form-actions .forgot-password-link:before {
padding-right: 0.4em;
position: relative;
top: 0;
}
.ui-personal-info .photo {
float: left;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 40px;
height: 40px;
border: 2px solid var(--common-white);
margin-right: 0.8em;
background: var(--grey-a400);
border-radius: 20px;
-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.35);
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.35);
}
.ui-personal-info .name {
display: block;
margin: 5px 0 2px;
font-size: 14px;
line-height: 16px;
}
.ui-personal-info .title {
display: block;
color: var(--text-disabled);
font-size: 12px;
line-height: 14px;
text-transform: uppercase;
}
.social-profile-photo {
float: left;
padding-right: 15px;
width: 50px;
height: auto;
}
.social-profile-photo img {
height: auto;
max-height: 60px;
max-width: 100%;
}
.k-tooltip-content {
text-align: center;
padding: 12px 20px 11px;
line-height: 1.6;
}
.async-load-error {
padding: 5px;
margin-bottom: 10px;
position: absolute;
left: -999em;
top: 0;
background-color: red;
border-radius: 5px;
font-size: 15px;
}
.async-load-error.error-on {
position: static;
left: auto;
top: auto;
clear: both;
}
.async-load-error.error-fired {
background-color: rgba(0, 0, 0, 0);
-webkit-transition: background-color 1s;
transition: background-color 1s;
}
.ui-rating {
padding-top: 5px;
overflow: hidden;
}
.ui-rating .average-rating {
width: 90px;
height: 17px;
overflow: hidden;
float: left;
position: relative;
margin: 0 10px 0 0;
background: url(../fonts/stars.a5406c27d1c8518aeeccc3f1e722646e.svg) repeat-x
0 0;
text-indent: -999em;
}
.ui-rating .stars {
position: absolute;
left: 0;
top: 0;
height: 17px;
background: url(../fonts/stars.a5406c27d1c8518aeeccc3f1e722646e.svg) repeat-x
left -17.5px;
}
.no-results {
font-size: 15px;
font-weight: 600;
}
.ui-video .youku,
.ui-video .youtube {
position: relative;
padding-bottom: 56.25%;
height: 0;
margin-bottom: 1.25em;
background-color: var(--common-black);
}
.ui-video .youku iframe,
.ui-video .youku img,
.ui-video .youtube iframe,
.ui-video .youtube img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
}
.ui-video-mp4 {
width: 100%;
}
.ui-related-articles .heading {
border-color: #e8e8e8;
}
.w-box.ui-image-box,
.w-box.ui-wide-image-box {
padding: 0;
}
.ui-image-box img,
.ui-wide-image-box img {
display: block;
width: 100%;
height: auto;
}
.ui-tabs .menu-slider {
border-bottom: 4px solid var(--grey-100);
position: relative;
}
.ui-tabs .active-tab-stripe {
content: '';
position: absolute;
bottom: -4px;
height: 4px;
background-color: var(--secondary-main);
-webkit-transition: left 0.3s, width 0.3s;
transition: left 0.3s, width 0.3s;
}
.ui-tabs .tab-heading,
.ui-tabs .tab-links {
list-style: none;
font-size: 25px;
line-height: 28px;
color: var(--grey-300);
font-weight: 700;
}
.ui-tabs .tab-links {
text-align: center;
}
.ui-tabs .tab-heading {
position: relative;
display: inline-block;
vertical-align: middle;
padding: 0 22px 15px;
margin: 0 8px;
cursor: pointer;
}
.ui-tabs .tab-links .tab-heading:focus,
.ui-tabs .tab-links .tab-heading:hover {
color: var(--secondary-main);
}
.ui-tabs .tab-links .tab-heading.active {
color: var(--grey-700);
}
.ui-tabs .tab .tab-heading {
text-align: center;
max-width: none;
margin: 0;
min-height: 25px;
}
.ui-tabs .tab-links .tab-heading:only-child {
color: var(--grey-700);
font-weight: 400;
cursor: default;
}
.ui-tabs .tab-links .tab-heading.active:only-child:after {
content: none;
}
.ui-tabs .tab {
display: none;
clear: both;
font-weight: 400;
}
.ui-tabs .tab.active {
display: block;
}
.ui-tabs .tab.active.ui-product-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.ui-tabs .tab.active .tab-content {
color: var(--text-primary);
}
.ui-tabs .show-more-wrap {
overflow: hidden;
position: relative;
}
.ui-tabs .show-more-btn {
overflow: hidden;
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 60px;
cursor: pointer;
background: -webkit-gradient(
linear,
left top,
left bottom,
from(hsla(0, 0%, 100%, 0)),
color-stop(70%, #fff)
);
background: linear-gradient(hsla(0, 0%, 100%, 0), #fff 70%);
}
.ui-tabs .show-more-text {
font-weight: 700;
position: absolute;
bottom: 0;
left: 0;
right: 0;
display: block;
text-align: center;
}
.ui-tabs .tabs-separately {
border-width: 0;
}
.ui-tabs .tabs-separately .tab {
display: block;
}
.ui-tabs .tabs-separately .heading {
clear: both;
margin: 40px 0 20px;
padding-bottom: 12px;
text-align: center;
border-bottom: 1px solid var(--grey-300);
}
.ui-tabs .tabs-separately .heading:first-child {
margin-top: 0;
}
.banner:focus,
.banner:hover {
color: var(--text-primary);
}
a.banner {
display: block;
text-decoration: none;
}
.banner .common-link:focus,
.banner .common-link:hover {
text-decoration: none;
color: var(--primary-main);
}
.ui-sort-by {
width: auto;
float: right;
margin: 12px 0 0;
padding: 0;
}
.ui-sort-by fieldset {
margin: 0;
padding: 0;
border: 0;
}
.ui-sort-by label {
position: relative;
top: 3px;
margin-right: 10px;
}
.ui-sort-by .k-combobox {
float: right;
width: 110px;
}
.ui-sort-by .k-input {
font-size: 10px;
padding: 0;
min-height: 20px;
}
.ui-sort-by .k-select {
margin-top: -10px;
width: 22px;
margin-left: -23px;
}
.spell {
font-size: 11px;
line-height: 14px;
padding: 6px 10px;
margin: 0;
color: var(--text-primary);
border-bottom: 1px solid var(--grey-300);
}
.no-search-results {
margin: 10px;
font-size: 12px;
}
.w-result-summary {
clear: both;
overflow: hidden;
border-top: 1px solid var(--grey-300);
border-bottom: 1px solid var(--grey-300);
text-align: right;
min-height: 34px;
margin: 11px 0;
padding: 0;
font-size: 10px;
line-height: 10px;
text-transform: none;
vertical-align: middle;
}
.w-result-summary .ui-items-count,
.w-result-summary .ui-pagination,
.w-result-summary .ui-result-summary {
float: left;
margin: 0 10px 0 0;
line-height: 43px;
padding: 0;
}
.w-result-summary .ui-pagination {
margin: 10px 23px 0 0;
}
.w-result-summary .filtering-form {
float: right;
width: 40%;
}
.w-result-summary .control-label,
.w-result-summary .k-dropdown,
.w-result-summary .k-input {
font-size: 10px;
line-height: 10px;
}
.filtering-form .control-label {
float: right;
cursor: default;
}
.filtering-form .control-label,
.w-result-summary .k-widget .k-input {
padding: 0 10px;
line-height: 43px;
}
.w-result-summary .inline-list {
display: inline-block;
}
.w-result-summary .k-dropdown {
float: right;
border: none;
border-left: 1px solid var(--grey-300);
border-right: 1px solid var(--grey-300);
}
.w-result-summary .k-dropdown.date-filter {
width: 70%;
}
.ui-result-summary {
color: var(--grey-a700);
}
.ui-result-summary + .ui-items-count {
margin-right: 12px;
}
.ui-result-summary + .ui-items-count:before {
content: '';
position: absolute;
width: 1px;
height: 10px;
background: var(--common-black);
margin-left: -11px;
margin-top: 0;
}
.expandable {
opacity: 0;
position: absolute;
height: 0;
width: 0;
left: -999em;
overflow: hidden;
}
.expandable,
.expandable.expanded {
-webkit-transition: opacity 0.3s linear;
transition: opacity 0.3s linear;
}
.expandable.expanded {
height: auto;
}
.expandable.animated,
.expandable.expanded {
opacity: 1;
visibility: visible;
position: relative;
width: auto;
height: auto;
left: auto;
}
.expandable.animated {
display: none;
}
.expandable.expanded.animated {
opacity: 0;
display: block;
}
.toggle {
cursor: pointer;
}
.toggle:focus,
.toggle:hover {
color: var(--primary-main);
background-position: right -92px;
}
.toggle.expanded {
background-position: right -41px;
}
.toggle.expanded:focus,
.toggle.expanded:hover {
background-position: right -137px;
}
.expanded .toggle {
background-image: none;
}
.ui-product-list {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(1, auto);
grid-auto-rows: auto;
grid-auto-flow: dense;
grid-gap: 15px;
margin-top: 0;
margin-bottom: 0;
}
.ui-product-list .flexi-grid-product,
.ui-product-list .ui-product-box,
.ui-product-list .ui-product-promo-banner,
.ui-product-list .xui-product-box {
margin: 0;
width: 100%;
height: -webkit-min-content;
height: -moz-min-content;
height: min-content;
}
.ui-product-list + .progress-bar {
margin-top: 30px;
}
.ui-product-list .ui-product-promo-banner:last-child {
margin-bottom: 0;
}
.ui-product-list .flexi-grid-product .ui-product-box {
width: 100%;
}
.ui-product-list .ui-product-promo-banner.banner-size2 {
grid-column-end: span 2;
}
.personal-product-list .ui-product-list {
margin-bottom: 0;
margin-top: 30px;
padding-top: 30px;
border-top: 2px solid var(--grey-100);
}
.personal-product-list .ui-error-content {
min-height: 250px;
margin-top: 30px;
padding-top: 0;
border-top: 2px solid var(--grey-100);
}
.w-menu + .w-content .iframe-scrollbar-wrapper:first-child,
.w-menu + .w-content .w-iframe:first-child,
.w-side-menu-top + .w-content .page-heading {
margin-top: 30px;
}
.w-menu + .w-content .iframe-scrollbar-wrapper:first-child .w-iframe {
margin-top: 0;
}
.page-heading {
text-align: center;
}
.registration-box-header {
text-align: center;
margin-bottom: 35px;
}
.registration-box-header p {
max-width: 700px;
margin-top: 0;
margin-left: 0;
margin-right: 0;
text-align: left;
}
.registration-box-header .intro-text {
text-align: center;
margin: 0 auto;
}
.flags {
display: block;
}
.flags .flag {
display: inline-block;
padding: 0 5px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
max-width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
vertical-align: middle;
line-height: 15px;
border: 1px solid var(--grey-900);
color: var(--text-primary);
font-weight: 700;
font-size: 10px;
border-radius: 5px;
text-transform: uppercase;
}
.k-ie .flags .flag {
padding-top: 3px;
}
.ui-basket-products .name .flag .flag {
margin-top: 3px;
}
.flags .flag.backorder,
.flags .flag.coming-soon,
.flags .flag.no-longer-for-sale,
.flags .flag.not-sold,
.flags .flag.out-of-stock,
.flags .flag.out-of-stock-on-stock,
.flags .flag.over-product-sales-limit,
.flags .flag.sold-out {
color: #e7352a;
border-color: #e7352a;
}
.ui-stock-info-subscribe {
margin-top: 2px;
}
.ui-stock-info-subscribe.ui-accordion .long-text {
border: 1px solid #d9d9d9;
padding: 11px 15px;
}
.ui-stock-info-subscribe .ui-stock-info-subscribe > .title {
display: none;
}
.ui-stock-info-subscribe-iframe .w-iframe {
margin: 0;
padding-right: 1px;
}
.ui-subscribe-to-stock-info .ui-stock-info-subscribe {
margin-top: 0;
}
.oos-popup-content {
white-space: nowrap;
}
.oos-popup-link {
cursor: pointer;
font-size: 12px;
margin: 0 18px;
}
.page-content-image {
max-width: 734px;
position: relative;
margin: 16px 0 0;
}
.page-content-image img {
width: 734px;
max-height: 314px;
position: relative;
}
.image-B .image-B img {
width: 734px;
height: auto;
}
.image-D1,
.image-D1 img {
height: auto;
width: auto;
max-width: 734px;
}
.image-D1 {
max-height: 314px;
overflow: hidden;
}
.image-D1 img {
width: 100%;
}
.image-D2,
.image-D2 img {
width: 350px;
height: auto;
max-height: 150px;
}
.image-F,
.image-F img {
width: 350px;
height: auto;
max-height: 312px;
}
.image-H {
width: auto;
height: auto;
min-height: 200px;
max-height: 400px;
}
.image-I,
.image-I img {
width: 984px;
height: auto;
}
.image-K,
.image-K img {
width: 234px;
height: auto;
max-height: 181px;
}
.image-K img {
width: 100%;
}
.image-mC {
width: 350px;
height: auto;
max-height: 325px;
}
.image-lazy {
opacity: 0;
}
.image-ratio {
position: relative;
overflow: hidden;
min-height: 1px;
}
.image-ratio:before {
content: '';
display: block;
}
.image-ratio img,
.image-ratio video {
position: absolute;
top: 0;
left: 0;
width: auto;
height: auto;
min-height: 100%;
min-width: 100%;
max-width: 100%;
font-size: 0;
}
.ratio-16-9:before {
padding-top: 56.25%;
}
.ratio-7-9:before {
padding-top: 128.5%;
}
.image-format {
position: relative;
overflow: hidden;
}
.image-format:before {
content: '';
display: block;
width: 100%;
}
.image-format img,
.image-format video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: auto;
}
@supports ((-o-object-fit: cover) or (object-fit: cover)) {
.image-format img,
.image-format video {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 50% 50%;
object-position: 50% 50%;
}
}
.image-format-A:before {
padding-top: 38.07%;
}
.image-format-B:before {
padding-top: 28.48%;
}
.image-format-C-B:before {
padding-top: 56.94%;
}
@media screen and (min-width: 1025px) {
.image-format-C-B:before {
padding-top: 28.48%;
}
}
.image-format-C:before {
padding-top: 60%;
}
.image-format-D:before {
padding-top: 100%;
}
.ui-login-form .heading {
text-transform: uppercase;
}
.ui-mobile-login-form .heading {
font-size: 12px;
}
.ui-mobile-login-form .w-control {
margin-bottom: 10px;
}
.ui-mobile-login-form .form-actions {
margin-top: 15px;
}
.ui-mobile-login-form .login-basket {
display: block;
width: 100%;
margin-bottom: 10px;
}
.ui-online-registration-box-iframe .w-iframe {
margin-left: 13px;
margin-top: 0;
}
.ui-registration-boxes {
margin-bottom: 30px;
}
.ui-registration-boxes p {
margin-top: 0;
}
.ui-registration-boxes .page-table {
width: 600px;
margin: 0 auto 40px;
}
.ui-registration-boxes .page-box-text {
width: 190px;
float: right;
padding: 10px 15px 35px 40px;
margin-left: 35px;
border: 1px solid var(--grey-300);
}
.page-editor .ui-info-box .info-image {
height: 250px;
border: 1px dashed #d0d0d0;
}
.page-editor .ui-info-box .info-image img {
width: auto;
max-width: 100%;
}
.page-editor noscript {
display: none;
}
.ui-info-box {
margin-bottom: 15px;
}
.ui-info-box .info-image img {
width: 100%;
height: auto;
padding: 0;
margin: 0;
}
.ui-info-box .info-body {
border: 1px solid #d0d0d0;
padding: 31px;
vertical-align: middle;
text-align: center;
}
.ui-info-box .info-image + .info-body {
border-top-width: 0;
}
.ui-info-box .info-body .heading {
text-transform: uppercase;
font-size: 12px;
}
.ui-info-box .info-body .subheading {
font-family: SansOri, SansOriFallback, sans-serif;
text-transform: uppercase;
font-size: 24px;
margin-bottom: 20px;
}
.ui-tooltip {
position: absolute;
display: block;
max-width: 228px;
border: 1px solid var(--grey-300);
background: var(--common-white);
padding: 5px 10px;
font-size: 12px;
z-index: 6500;
}
.separator {
height: 1px;
background: var(--grey-300);
margin-top: 30px;
margin-bottom: 30px;
}
.headline-border-holder {
border-bottom: 1px solid var(--grey-300);
padding-bottom: 1em;
}
.ui-article-category {
color: var(--text-disabled);
text-transform: uppercase;
font-size: 12px;
line-height: 17px;
margin-bottom: 15px;
display: block;
}
.arrow-hide {
display: none !important;
}
.k-button .k-loading-image {
width: 20px;
height: 20px;
left: auto;
right: 10px;
margin-left: 0;
margin-top: -10px;
}
.w-notification-banner {
position: fixed;
bottom: 0;
left: 0;
height: 70px;
width: 100%;
z-index: 10000;
display: none;
background: var(--grey-900);
}
.w-notification-banner .message-row p {
margin: 0;
}
.w-notification-banner .w-grid {
padding: 0;
overflow: hidden;
}
.ui-notification-banner {
text-align: center;
background: var(--grey-900);
color: #fff;
height: 70px;
overflow: hidden;
}
.ui-notification-banner .content {
padding: 15px;
display: inline-block;
width: 90%;
}
.ui-notification-banner a {
color: #fff;
cursor: pointer;
font-weight: 700;
}
.notification-banner-close {
color: #fff;
float: right;
font-size: 32px;
height: 35px;
width: 25px;
}
.notification-banner-close span {
display: block;
height: 35px;
}
.notification-banner-close:focus span,
.notification-banner-close:hover span {
color: var(--primary-main);
}
.w-notification-banner.grey-theme {
background: var(--grey-100);
border-bottom: 1px solid var(--grey-300);
}
.grey-theme .ui-notification-banner {
background: var(--grey-100);
color: #000;
}
.grey-theme .ui-notification-banner a {
color: #000;
}
.add-border-bottom {
border-bottom: 1px solid var(--grey-300);
}
.font-white {
color: var(--common-white);
}
.font-black {
color: var(--text-primary);
}
.ori-dialog .k-window-content {
height: auto;
}
.ori-dialog .k-window-content > .w-buttons {
position: relative;
padding: 0;
margin-top: 10px;
}
.media {
overflow: auto;
}
.media > .k-icon {
position: relative;
display: inline-block;
width: 30px;
height: 30px;
margin: 0 5px 5px 0;
vertical-align: middle;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.media > .k-icon:before {
font-size: 38px;
}
.media > .v-icon-round-info:before {
top: 54%;
}
.w-obsolete-browsers {
width: 100%;
height: auto;
position: absolute;
top: 0;
left: 0;
z-index: 9500;
overflow: hidden;
}
.chromeframe {
margin: 32px auto 0;
background: var(--grey-300);
padding: 0.5em 20px;
font-size: 14px;
width: 940px;
position: relative;
}
.chromeframe-browsers {
margin: 0;
font-size: 14px;
}
.chromeframe-browsers li {
list-style-position: inside;
}
.chromeframe .v-icon-cross {
padding: 0 3px;
position: absolute;
top: 3px;
right: 3px;
font-size: 22px;
line-height: 20px;
cursor: pointer;
}
.chromeframe .v-icon-cross:hover {
color: #ff8c00;
}
.chromeframe .v-icon-cross span {
display: none;
}
.ui-message {
padding: 10px 0;
font-size: 15px;
margin: 10px 0;
}
.ui-message .msg {
padding: 8px 0;
margin: 0;
}
.ui-message.has-border {
border: 1px solid var(--grey-300);
padding: 10px 20px;
margin: 20px 0;
}
.ui-message.has-icon {
padding-left: 28px;
position: relative;
}
.ui-message.has-border.has-icon {
padding-left: 45px;
}
.ui-message.is-error {
border-color: red;
color: red;
}
.ui-message.has-icon:before {
font-size: 24px;
color: red;
position: absolute;
top: 15px;
left: 5px;
}
.ui-message.has-border:before {
left: 20px;
}
.k-numeric-wrap input[type='number']::-webkit-inner-spin-button,
.k-numeric-wrap input[type='number']::-webkit-outer-spin-button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin: 0;
}
.show-more-wrap {
overflow: hidden;
position: relative;
}
.show-more-wrap .show-more-btn {
overflow: hidden;
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
bottom: 0;
left: 0;
right: 0;
height: 100px;
cursor: pointer;
background: -webkit-gradient(
linear,
left top,
left bottom,
from(hsla(0, 0%, 100%, 0)),
color-stop(70%, #fff)
);
background: linear-gradient(hsla(0, 0%, 100%, 0), #fff 70%);
}
.show-more-wrap.expanded .show-more-btn {
background: none;
}
.show-more-wrap .show-more-text {
padding-bottom: 5px;
border-bottom: 2px solid var(--grey-900);
font-weight: 700;
position: absolute;
bottom: 0;
left: auto;
right: auto;
display: block;
font-size: 12px;
text-transform: uppercase;
line-height: 1;
text-align: center;
}
#youku-player-container {
position: relative;
overflow: hidden;
padding-top: 40px;
}
#breadcrumbMenuSubcontrol_context_menu .sc-breadcrumb {
max-height: 280px;
overflow-y: auto !important;
}
kendo-pdf-document .k-grid-header .k-icon {
display: none;
}
@media screen and (max-width: 479px) {
.w-grid .ui-login-form {
margin-top: 20px;
}
.rsWithBullets.nav-outside {
margin-bottom: 30px;
}
.nav-outside .rsNav.rsBullets {
bottom: -25px;
}
.ui-info-box {
display: none;
}
.registration-box-header h1.title {
font-size: 20px;
margin-bottom: 2px;
}
.registration-box-header .intro-text {
line-height: 18px;
}
.ui-online-registration-box-iframe .w-iframe {
margin-left: 0;
margin-right: 0;
}
.headline-separator {
font-size: 20px;
}
h1 .headline-separator {
font-size: 24px;
}
.image-D2,
.image-D2 img {
width: auto;
height: auto;
max-width: 100%;
}
.ui-page-content .content > img:first-child {
height: auto !important;
}
.ui-notification-banner .content {
width: 70%;
}
.oos-popup-link {
margin: 0 11px;
}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
.ui-info-box {
display: none;
}
.registration-box-header h1.title {
font-size: 20px;
margin-bottom: 2px;
}
.registration-box-header .intro-text {
line-height: 18px;
}
.ui-online-registration-box-iframe .w-iframe {
margin-left: 0;
margin-right: 0;
}
.ui-product-list {
grid-template-columns: repeat(3, 1fr);
}
.image-D1 {
width: 100%;
text-align: center;
}
.image-D1 img {
max-width: 100%;
margin: 0 auto;
}
.image-I,
.image-I img {
width: 768px;
}
.ui-page-content .content > img:first-child {
height: auto !important;
}
.ui-notification-banner .content {
width: 80%;
}
}
@media screen and (max-width: 767px) {
.w-menu + .w-content .iframe-scrollbar-wrapper:first-child,
.w-menu + .w-content .w-iframe:first-child,
.w-side-menu-top + .w-content .page-heading {
margin-top: 10px;
}
.w-menu + .w-content .iframe-scrollbar-wrapper:first-child .w-iframe {
margin-top: 0;
}
.ui-tabs .tab-heading,
.ui-tabs .tab-links {
font-size: 20px;
line-height: 23px;
}
.ui-tabs .tab-heading {
padding: 0 7px 10px;
}
}
@media screen and (min-width: 768px) and (max-width: 919px) {
.ui-page-content .content > img:first-child {
display: block;
margin-left: auto;
margin-right: auto;
}
.ui-product-list {
grid-template-columns: repeat(3, 1fr);
}
}
@media screen and (min-width: 768px) {
.image-D1,
.image-D1 img {
max-width: 100%;
margin: 0 auto;
padding: 0;
display: block;
}
.ui-page-content .content > img:first-child {
display: block;
margin-left: auto;
margin-right: auto;
}
.suggestions {
padding: 5px 0;
border-bottom: 1px solid var(--grey-300);
}
.suggestions li {
padding: 10px;
font-size: 16px;
line-height: 16px;
}
}
@media screen and (min-width: 920px) {
.ui-product-list {
grid-template-columns: repeat(4, 1fr);
grid-gap: 20px;
}
}
@media only screen and (min-width: 1025px) {
.htmlf-wrapper.has-sticky-header {
padding-top: 31px;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.n-header ~ .htmlf-wrapper.has-sticky-header {
padding-top: 0;
}
.page-header {
z-index: 5001;
height: auto;
}
.quick-order .v-icon-editorial-filled {
font-size: 20px;
font-style: normal;
float: left;
margin-right: 5px;
}
.w-filter-bar-sticky {
margin-top: 135px;
}
.w-suggestions {
margin: 0;
padding: 0;
}
.suggestions {
padding: 9px 0 8px;
border-bottom: 1px solid var(--grey-300);
}
.suggestions .selected {
background: var(--grey-100);
}
.suggestions li {
padding: 3px 10px;
font-size: 12px;
line-height: 16px;
}
.ui-product-replacement #cboxLoadedContent {
width: 790px;
}
}
.skeleton:empty {
background-color: #f6f6f7;
-webkit-animation: shine-lines 2s linear infinite;
animation: shine-lines 2s linear infinite;
background-image: linear-gradient(90deg, #f6f6f7, #d9d9d9 25%, #f6f6f7 50%);
background-size: 50% 100%;
background-repeat: no-repeat;
width: 100%;
height: 100%;
}
@-webkit-keyframes shine-lines {
0% {
background-position: 0;
}
to {
background-position: 200%;
}
}
@keyframes shine-lines {
0% {
background-position: 0;
}
to {
background-position: 200%;
}
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 700;
line-height: 1.25;
}
.h1-big {
font-size: 40px;
}
.h1 {
font-size: 35px;
}
.h2 {
font-size: 30px;
}
.h3 {
font-size: 25px;
}
.h4 {
font-size: 20px;
}
.h5 {
font-size: 15px;
}
.p {
font-size: 14px;
line-height: 19px;
}
.p-small {
font-size: 12px;
line-height: 17px;
}
.bold {
font-weight: 700;
}
.italic {
font-style: italic;
}
.uppercase {
text-transform: uppercase;
}
.caslon {
font-family: CaslonOri, Times, serif;
}
.h1.headline,
.headline h1,
h1.headline {
margin: 0 0 22px;
font-weight: 700;
}
.h1.headline,
.headline h1,
.headline h2,
.headline h3,
h1.headline,
h2.headline,
h3.headline {
text-align: center;
font-family: SansOri, SansOriFallback, sans-serif;
}
.headline h4,
.headline h5,
.headline h6,
h4.headline,
h5.headline,
h6.headline {
font-family: SansOri, SansOriFallback, sans-serif;
text-align: left;
}
.headline-serif-ll h2,
.headline-serif-ll h3,
h2.headline-serif-ll,
h3.headline-serif-ll {
text-align: left;
}
.headline-serif-lc h4,
h4.headline-serif-lc {
font-family: SansOri, SansOriFallback, sans-serif;
font-size: 20px;
color: var(--text-primary);
font-style: normal;
text-align: center;
margin: 0;
}
.headline-separator-holder {
position: relative;
z-index: 1;
clear: both;
overflow: hidden;
text-align: center;
padding: 0;
margin: 40px auto 20px;
text-transform: none;
word-wrap: break-word;
}
.headline-separator-holder.has-border {
border-bottom: 4px solid var(--grey-100);
padding-bottom: 15px;
}
.headline-separator {
position: relative;
display: inline-block;
vertical-align: top;
font-size: 35px;
line-height: 1.25;
font-weight: 600;
color: var(--grey-700);
}
h1 .headline-separator {
font-size: 30px;
}
@media screen and (max-width: 479px) {
.h1-big {
font-size: 35px;
}
.h1 {
font-size: 30px;
}
.h2 {
font-size: 25px;
}
.h3,
.headline h2,
h2.headline {
font-size: 20px;
}
.headline h3,
h3.headline {
font-size: 16px;
}
.headline-serif h1,
h1.headline-serif {
font-size: 32px;
}
.headline-serif-lc h1,
h1.headline-serif-lc {
font-size: 30px;
}
.headline-serif-lc h2,
.headline-serif-ll h2,
h2.headline-serif-lc,
h2.headline-serif-ll {
font-size: 24px;
}
.headline-separator,
.headline-serif-lc h3,
.headline-serif-ll h3,
h3.headline-serif-lc,
h3.headline-serif-ll {
font-size: 20px;
}
h1 .headline-separator {
font-size: 24px;
}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
.h1-big {
font-size: 35px;
}
.h1 {
font-size: 30px;
}
.h2 {
font-size: 25px;
}
.h3,
.headline h2,
h2.headline {
font-size: 20px;
}
.headline h3,
h3.headline {
font-size: 16px;
}
.headline-serif h1,
h1.headline-serif {
font-size: 32px;
}
.headline-serif-lc h1,
h1.headline-serif-lc {
font-size: 30px;
}
.headline-serif-lc h2,
.headline-serif-ll h2,
h2.headline-serif-lc,
h2.headline-serif-ll {
font-size: 24px;
}
.headline-serif-lc h3,
.headline-serif-ll h3,
h3.headline-serif-lc,
h3.headline-serif-ll {
font-size: 20px;
}
}
@media screen and (max-width: 767px) {
.h1.headline,
.headline h1,
h1.headline {
font-size: 25px;
margin: 0 0 10px;
}
.frontpage .headline-separator {
font-size: 25px;
}
.headline-separator {
font-size: 30px;
}
}
@media screen and (min-width: 768px) and (max-width: 919px) {
.headline-serif-lc h2,
.headline-serif-ll h2,
h2.headline-serif-lc,
h2.headline-serif-ll {
font-size: 24px;
}
}
@media screen and (min-width: 768px) {
.headline-separator-holder {
margin: 60px auto 30px;
}
}
#main {
position: relative;
z-index: 100;
}
.ui-page-content {
font-size: 14px;
line-height: 20px;
margin-bottom: 30px;
}
.ui-page-content .article {
font-size: 14px;
line-height: 20px;
max-width: 730px;
margin: 0 auto;
clear: both;
border-top: 5px solid #e8e8e8;
}
.ui-page-content .title {
font-size: 30px;
line-height: 35px;
font-weight: 700;
text-transform: uppercase;
text-align: center;
}
.ui-page-content .article:first-child {
margin-top: 0;
padding-top: 0;
border-top: 0;
}
.w-menu + .w-content .title:first-child,
.w-menu + .w-content img:first-child {
margin-top: 0;
padding-top: 0;
}
.ui-page-content h1.title-others {
font-size: 34px;
line-height: 40px;
font-family: SansOri, SansOriFallback, sans-serif;
text-align: center;
text-transform: uppercase;
font-weight: 400;
padding: 21px 0 15px;
}
.ui-page-content .intro {
font-size: 16px;
line-height: 22px;
padding: 0;
text-align: center;
text-justify: inter-word;
}
.ui-page-content .content {
font-size: 14px;
line-height: 22px;
text-align: left;
text-justify: inter-word;
}
.ui-page-content p {
text-indent: 0;
margin: 0 0 15px;
}
.ui-page-content .heading {
text-transform: uppercase;
font-size: 20px;
padding: 0;
margin-bottom: 20px;
}
.ui-page-content .publish-date {
margin-bottom: 0;
font-size: 11px;
}
.ui-page-content .article .ui-product-box,
.ui-page-content .article .w-box,
.ui-page-content.news-archive .ui-product-box,
.ui-page-content.news-archive .w-box {
float: right;
width: 180px;
margin: 0 0 15px 15px;
}
.ui-page-content .article .w-box,
.ui-page-content.news-archive .w-box {
padding: 12px;
margin-bottom: 20px;
}
.ui-page-content .article .ui-product-box,
.ui-page-content.news-archive .ui-product-box {
padding-left: 0;
padding-right: 0;
width: 215px;
margin-bottom: 0;
}
.ui-page-content .article .ui-wide-image-box,
.ui-page-content.news-archive .ui-wide-image-box {
float: none;
width: 100%;
margin-left: 0;
}
.ui-page-content .article ol,
.ui-page-content .article ul,
.ui-page-content.news-archive ol,
.ui-page-content.news-archive ul {
margin-left: 10px;
margin-bottom: 15px;
padding-left: 10px;
}
.ui-page-content .article .w-box ol,
.ui-page-content .article .w-box ul,
.ui-page-content.news-archive .w-box ol,
.ui-page-content.news-archive .w-box ul {
margin-left: 0;
padding-left: 0;
}
.ui-page-content .columns {
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2;
-moz-column-gap: 30px;
-webkit-column-gap: 30px;
grid-column-gap: 30px;
column-gap: 30px;
}
.ui-page-content.news-archive p a,
.ui-page-content article p a,
.ui-press-content article .content p a,
.w-editorial article .content a {
text-decoration: underline;
}
.ui-page-content.news-archive .columns p a.common-link:hover,
.ui-page-content.news-archive .content p a.common-link:hover,
.ui-page-content article .columns p a.common-link:hover,
.ui-page-content article .content p a.common-link:hover,
.ui-press-content article .content p a.common-link:hover,
.w-editorial article .content a.common-link:hover {
text-decoration: none;
}
.ui-page-content .inset-box p {
margin-bottom: 7px;
}
.ui-article-content img {
margin-top: 16px;
}
.ui-page-content.news-archive .headline {
margin: 30px 0;
}
.js-content-container {
overflow: hidden;
}
@media screen and (max-width: 767px) {
.ui-page-content {
margin-top: 20px;
margin-bottom: 10px;
}
.ui-page-content .title {
font-size: 25px;
line-height: 30px;
}
.ui-page-content .columns {
-moz-column-count: 1;
-webkit-column-count: 1;
column-count: 1;
-moz-column-gap: 0;
-webkit-column-gap: 0;
grid-column-gap: 0;
column-gap: 0;
}
.ui-page-content.news-archive .headline {
margin: 10px 0;
}
.ui-registration-form .k-multiselect-wrap .k-button {
width: auto;
}
}
/*# sourceMappingURL=Default.css.232564ba0f0de3cf9f53bae07ac77b1b.map*/