@font-face {
font-family: "Rogue Sans Ext W00 Medium";
src: url(//www.durabook.com.cn/wp-content/themes/wp-sigma-child/assets/fonts/1de825364b158049a712f2a308665917.eot); src: url(//www.durabook.com.cn/wp-content/themes/wp-sigma-child/assets/fonts/1de825364b158049a712f2a308665917.eot?#iefix)
format("embedded-opentype"),
url(//www.durabook.com.cn/wp-content/themes/wp-sigma-child/assets/fonts/1de825364b158049a712f2a308665917.woff2) format("woff2"),
url(//www.durabook.com.cn/wp-content/themes/wp-sigma-child/assets/fonts/1de825364b158049a712f2a308665917.woff) format("woff"),
url(//www.durabook.com.cn/wp-content/themes/wp-sigma-child/assets/fonts/1de825364b158049a712f2a308665917.ttf) format("truetype"),
url(//www.durabook.com.cn/wp-content/themes/wp-sigma-child/assets/fonts/1de825364b158049a712f2a308665917.svg#Rogue Sans Ext W00 Medium)
format("svg"); font-display: swap;
} input[type="search"]::-ms-clear {
display: none;
width: 0;
height: 0;
}
input[type="search"]::-ms-reveal {
display: none;
width: 0;
height: 0;
} input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
display: none;
}
.last-link a {
border: 2px solid #fff;
opacity: 0;
}
.is-sticky-product-contents .last-link a {
opacity: 1;
}
.product-feature-content .vc_column-inner {
height: auto !important;
-ms-flex-item-align: center !important;
-ms-grid-row-align: center !important;
align-self: center !important;
}
.products-overview {
background-image: url(//www.durabook.com.cn/wp-content/themes/wp-sigma-child/assets/img/durabook-graphic-element.png);
background-repeat: no-repeat;
}
.btn {
white-space: nowrap;
}
.table.table-specs tbody {
width: 100%;
}
.table.table-specs tbody > tr > td:first-child {
font-weight: bold;
color: #004998;
}
.single-products #cshero-header-inner #cshero-header.header-fixed {
position: relative;
}
#content .entry-content img {
border: 0;
}
#cshero-header-navigation .main-navigation li ul:not(.wg-menu-item) {
margin: 0;
top: 100.6%;
z-index: 1;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
min-width: 225px;
border-top: 2px solid #004998; }
.product-list-features.vc_row-fluid > div {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.breadcrumbs-wrapper {
border-bottom: 1px solid #2b303a;
color: #8a8a8a;
}
.breadcrumbs-wrapper a:hover {
color: #ffffff;
}
.searchandfilter ul li {
display: inline-block;
}
.searchandfilter ul li.sf-field-search,
.searchandfilter ul li.sf-field-taxonomy-dl_model,
.searchandfilter ul li.sf-field-taxonomy-dl_os,
.searchandfilter ul li.sf-field-taxonomy-dl_category {
float: left;
padding-right: 1em;
}
.searchandfilter ul li li {
padding: 0;
}
.searchandfilter ul li.sf-field-search {
width: 100%;
}
.searchandfilter ul li.sf-field-search label {
width: 100%;
}
.searchandfilter ul li.sf-field-taxonomy-dl_type {
clear: both;
display: inline-block;
width: 100%;
border-bottom: 1px solid #428bca;
padding-bottom: 0;
position: relative;
}
.searchandfilter ul li input.sf-input-radio {
position: absolute;
left: -99999em;
top: -99999em;
}
.searchandfilter ul li input.sf-input-radio + label {
cursor: pointer;
float: left;
border: 1px solid #fff;
border-bottom: 0;
background-color: #fff;
margin-right: -1px;
padding: 0.5em 1em;
position: relative;
margin-bottom: -7px !important;
color: #a4a4a4;
}
.searchandfilter ul li input.sf-input-radio + label:hover {
background-color: #eaeaea;
color: #000000;
}
.searchandfilter ul li input.sf-input-radio:checked + label {
background-color: #fff;
border-color: #428bca;
z-index: 1;
margin-bottom: -8px !important;
color: #004998;
}
.hover-content {
-webkit-transition: all 1s;
transition: all 1s;
}
.hover-content:hover {
background: #004a99;
color: white;
}
.hover-content:hover a,
.hover-content:hover h2 {
color: #ffffff;
}
.hover-content:hover .btn {
background-color: #103358;
}
.menu-class p {
font-weight: bold;
font-size: 1.3em;
}
#navbar-outline-content a.nav-link.active {
background: #4480b3;
}
.single-products nav.navbar-light .navbar-nav a.nav-link {
color: #fff;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: bold;
font-size: 16px;
}
.single-products nav.navbar-light .navbar-nav .nav-link:hover {
color: #fff;
background: rgba(13, 94, 186, 0.65);
}
.lang-fr nav.navbar-light .navbar-nav a.nav-link,
.lang-es nav.navbar-light .navbar-nav a.nav-link {
font-size: 12px;
overflow-wrap: break-word;
white-space: pre-line;
line-height: 1;
padding-bottom: 12px;
padding-top: 12px;
letter-spacing: 1px;
}
.lang-fr nav.navbar-light .navbar-nav a.nav-link.btn-default-alt-white,
.lang-es nav.navbar-light .navbar-nav a.nav-link.btn-default-alt-white {
max-width: initial;
}
.lang-de nav.navbar-light .navbar-nav a.nav-link {
font-size: 14px;
text-overflow: ellipsis;
white-space: nowrap;
}
.lang-de nav.navbar-light .navbar-nav a.nav-link.btn-default-alt-white {
max-width: initial;
}
.lang-ru nav.navbar-light .navbar-nav a.nav-link {
font-size: 12px;
}
.lang-ru nav.navbar-light .navbar-nav a.nav-link.btn-default-alt-white {
max-width: initial;
white-space: break-spaces;
max-width: 220px;
padding: 5px !important;
display: none;
}
@media only screen and (min-width: 1024px) {
.lang-ru nav.navbar-light .navbar-nav a.nav-link {
white-space: nowrap;
}
.lang-ru nav.navbar-light .navbar-nav a.nav-link.btn-default-alt-white {
display: block;
}
}
@media only screen and (max-width: 480px) {
.single-products nav.navbar-light .navbar-nav a.nav-link {
max-width: 75px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.single-products .navbar.collapse:not(.show) {
padding: 5px 0;
}
}
@media only screen and (max-width: 990px) {
.single-products .navbar.collapse:not(.show) {
display: block;
}
.single-products nav.navbar-light .navbar-nav a.nav-link {
font-size: 0.63em;
}
#navbar-outline-content {
z-index: 1;
}
#navbar-outline-content .navbar-nav {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
#navbar-outline-content .navbar-nav li a {
padding: 2px 1px;
}
}
@media only screen and (max-width: 480px) {
#navbar-outline-content {
width: auto;
}
#navbar-outline-content li {
text-align: center;
}
}
.is-sticky-product-contents .single-products nav {
-webkit-transition: top 0.5s;
transition: top 0.5s;
}
.is-sticky-product-contents .single-products nav.navbar-light .nav-back-up,
.is-sticky-product-contents nav.navbar-light ul .nav-back-up {
display: block;
}
#navbar-outline-content {
background-color: #004998;
}
body {
position: relative;
height: 100%;
}
.single-products #wpadminbar {
z-index: 0;
}
@media only screen and (max-width: 993px) {
.is-sticky-product-contents nav {
top: auto !important;
bottom: 0px !important;
}
#cshero-header-inner
#cshero-header
#cshero-header-logo
.page_mobile_logo
img {
height: auto !important;
}
}
.archive-container h1 {
font-size: 2.4em;
padding: 0.4em 0 0.1em 0;
font-weight: bold;
text-shadow: 2px 2px 3px #000;
line-height: 1em;
}
@media (min-width: 992px) {
.w-lg-75 {
width: 75%;
}
.w-lg-25 {
width: 25%;
}
#cshero-header-navigation .main-navigation li ul:not(.wg-menu-item) {
position: absolute; }
}
@media (min-width: 600px) {
.header-layout-4
#mega-menu-wrap-primary
#mega-menu-primary
> li.mega-menu-item
> a.mega-menu-link {
line-height: 70px;
}
.header-layout-4 #cshero-header-inner.h-style #cshero-header-wrapper {
height: 70px;
}
.header-layout-4
#cshero-header-inner
#cshero-header-navigation
.nav-button-icon {
line-height: 70px;
}
.header-layout-4
#cshero-header-inner
#cshero-header.header-fixed
#cshero-header-logo
a,
.header-layout-4
#cshero-header-inner
#cshero-header.header-fixed
#cshero-header-navigation
.nav-button-icon,
.header-layout-4
#cshero-header-inner
#cshero-header.header-fixed
#cshero-header-navigation
.main-navigation
.menu-main-menu
> li
> a,
.header-layout-4
#cshero-header-inner
#cshero-header.header-fixed
#cshero-header-navigation
.main-navigation
.menu-main-menu
> ul
> li
> a,
.header-layout-4
#cshero-header-inner
#cshero-header.header-fixed
#mega-menu-wrap-primary
#mega-menu-primary
> li.mega-menu-item
> a.mega-menu-link {
line-height: 70px;
}
.header-layout-4 #cshero-header-inner #cshero-header #cshero-header-logo a {
line-height: 70px;
}
.header-layout-4 #cshero-header-inner #cshero-header #cshero-header-logo img {
max-height: 35px;
height: auto;
}
.header-layout-4 .archive-container h1 {
font-size: 4em;
line-height: 0.9em;
} }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { #mega-menu-wrap-primary
#mega-menu-primary
li.mega-menu-item
a.mega-menu-link::before {
content: "";
}
}
@media screen and (max-width: 1240px) and (min-width: 992px) and (-ms-high-contrast: active),
screen and (max-width: 1240px) and (min-width: 992px) and (-ms-high-contrast: none) { #mega-menu-wrap-primary #mega-menu-primary .btn {
padding: 0.5em;
}
#mega-menu-wrap-primary
#mega-menu-primary
li.mega-menu-item
a.mega-menu-link::before {
content: "";
}
#mega-menu-wrap-primary
#mega-menu-primary
> li.mega-menu-item
> a.mega-menu-link {
font-size: 0.65em;
}
}
@media screen and (max-width: 1240px) and (min-width: 992px) and (-webkit-min-device-pixel-ratio: 0) { #mega-menu-wrap-primary
#mega-menu-primary
> li.mega-menu-item
> a.mega-menu-link {
font-size: 0.75em;
}
}
@media screen and (max-width: 1240px) and (min-width: 992px) {
.single-products nav.navbar-light .navbar-nav a.nav-link {
font-size: 0.65em;
}
}
@media screen and (max-width: 978px) and (min-width: 769px) {
#mega-menu-wrap-primary
#mega-menu-primary
.mega-sub-menu
.textwidget
.col-md-3 {
-ms-flex: 0 0 100%;
-webkit-box-flex: 0;
flex: 0 0 100%;
max-width: 100%;
}
}
#cshero-header-inner #cshero-header.header-fixed #cshero-header-logo a img {
max-height: 35px;
height: auto !important;
}
#cshero-header-inner #cshero-header #cshero-header-logo img {
height: auto;
}
#cshero-header-inner #cshero-header-navigation .nav-button-icon .language-top {
line-height: 40px;
}
#back_to_top.on {
bottom: 50px !important;
right: 16px !important;
}
@media screen and (max-width: 978px) and (-ms-high-contrast: active),
screen and (max-width: 978px) and (-ms-high-contrast: none) { .owl-carousel.owl-drag .owl-item {
max-height: 350px !important;
}
}
@media screen and (max-width: 1400px) and (-ms-high-contrast: active),
screen and (max-width: 1400px) and (-ms-high-contrast: none) { .owl-carousel.owl-drag .owl-item {
max-height: 420px !important;
}
}  .bottom-language-switcher-dropdown-click {
width: 15.5em;
max-width: 100%;
}
.bottom-language-switcher-dropdown-click > ul {
position: relative;
padding: 0;
margin: 0 !important;
list-style-type: none;
}
.bottom-language-switcher-dropdown-click a {
display: block;
text-decoration: none;
color: #444;
border: 1px solid #cdcdcd;
background-color: #fff;
padding: 5px 10px;
line-height: 1;
}
.bottom-language-switcher-dropdown-click .btm-ls-item-toggle {
cursor: pointer;
position: relative;
padding-right: calc(10px + 1.4em);
}
.bottom-language-switcher-dropdown-click .btm-ls-item-toggle::after {
content: "";
vertical-align: middle;
display: inline-block;
border: 0.35em solid transparent;
border-top: 0.5em solid;
position: absolute;
right: 10px;
top: calc(50% - 0.175em);
}
.bottom-language-switcher-dropdown-click .btm-ls-submenu {
display: none;
position: absolute;
top: 100%;
right: 0;
left: 0;
border-top: 1px solid #cdcdcd;
padding: 0;
margin: 0;
list-style-type: none;
z-index: 101;
}
#back_to_top.on {
bottom: 50px !important;
left: 20px !important;
}
.btn.contact-cta-button {
position: fixed;
bottom: 45px;
right: 20px;
z-index: 1;
width: fit-content;
border: 1px solid #fff !important;
} .contact-button-special .rectangle {
width: fit-content;
height: 42px;
border: 2px solid #1853a4; border-radius: 25px;
background-color: white;
display: flex;
align-items: center; justify-content: flex-start; position: relative; font-size: 14px; color: #1853a4;
padding: 0px 20px; }
.contact-button-special .rectangle span {
padding-right: 34px;
display: block;
} .contact-button-special .circle {
width: 36px;
height: 36px;
background-color: #1853a4;
border-radius: 50%;
position: absolute;
right: 2px;
top: 1px;
display: flex;
align-items: center;
justify-content: center;
color: white;
} .contact-button-special .circle-text {
padding-bottom: 2px;
padding-left: 2px;
margin: 0; }
a.contact-button-special {
text-decoration: none !important;
}
a.contact-button-special span {
text-transform: uppercase;
}
.contact-button-special:hover .rectangle {
background-color: #1853a4;
transition: all 0.3s;
color: #fff;
}