.linkList-big ul li a i, .linkArrowIcon {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAFN++nkAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABhJJREFUeNpi/P//PwM+wARjMO5e9x+JvQCuAmzCrrX/QTQ2jCmwa+0HZD4TFmv5UXhQXQugdAJBK5CsAmtiJORNgADCqwA5DBSQ2Bfw6gQqKAA5YAKSY1ACCVMAKWDwGYvDuF1rDQj6FSCA8Bk7AUjlQ7mB/12DNmAoQrMOZ5RjU4MsqIDua3QxdAMIJzKIIVjlYdEXiMXPCtBkbQD0LyOanACKn4GmXyDkX+RowJX0C7DEmwA2pwMEEME0iw+w4IhjkJ8eQPPXQaCfHbDqRnOeAq6QxSaOLJkA8huBwLqAUzORoY2awrA6CX/CSUBOJBexBMdE5LIPDcxHLqAc8DkTuShAdhUT3nIJki0ZgFFVgC+e94PUYhQTEI2MhMq1j9j8jEejIHrG+EBWVBGbszAyDI7QTUATO4DNZRTlKoAAokgzJYCFKNftXtcApOqRUjKolr6ApCQAqYgHxboCMJY/kOVjSO3G0A/EiUBDFpAclLvXgSzmx5XMMCyG1r33QemPkKuJdMAFaAgI4Cv8Goip6EjF2ApVuI+hxfR7fFkXOQiRcmwBkT5PAJVcMPORLQYZ2ACUmECkQbAogQFFoN4HBPT8h1nMhNbgO0Bs3IEsgRqiCBW6DzIYXmmTkJ0OAjEoOApISbWkBjmGxaCqF1pEFxAKLlh+JZQe0PSBQnMj1uxEbAIjI0sdgLalBPAWIFBfXQQqNKDQQrBHsDVY8TeDEfFIMMVi8aE9zhYyKZUELB8SUAaKwwRiSrwBq50AApBjLccJw0CU0XCPS4AKcAcpAbsCnBLSgVNB0gGmAkglQAeUgDuIN3maWeTVZ5EzHNAMBxjwQ9Lu++zDgM3sQWuurNIKff7KPu6hz61GzeJB9tbj/7LU8OKVWoLxVnj/MfyBNgsYWkoP3A0Pa5TCEWzBcBD+o8XiDuKwred1L//GXIy1RHDJ+lCBXHLp0gEfHbsRDN7LFKBQPNrEm2MYxD7+ZMLu20WpBO+YRRYnO411FhHQo538KNaS+fLRjrc4ltCyY6dVIIqKNulmluEedcy4k8RxkwCPVSXiUwJps7ga4DaU7xOPvgPD5YkEKr9WHP2Jjy5NZrsc+DhCU3TzTILgu/TanMmAUVB7585jq4J3F5mrSAA9MdCzwgpTfv6SgL8dnZVAL0x3ay218qvgR92A0EM/XPDgpbiazp0PGYfQe3jiWA9r14ax3jiYs7FPOWEov0qzKKmPawhBMctcKERRZo2nAHZ031oJlPxa8vBF6FX/9Dhs+IJ+LcXe2uBGzV/5vLOTrd5jI42kCIP7ppZYR76aPBN7vuz0I0C7VnsUIRBDkfH/taAdUAJWIFagdnAlUAJXgVwFYgVyHdCBtEAHkrm3M3Hd5WuTAz92hj/OCft2k5fkJashXmvF0R9b16Lmcna6DM994OtMkK4kNGQxk0axlUdfO98nsM3szQ4cWhfNUHhFASN4lAzkCdpWq0I056BTMt2lw/cqVcBImx5ZGUQfbS7pg0gPSpZvTpJm5gZEnroT0FTSrwL4orYS7SoYMBO5OgBtog0t3HgdjXX3JyR508YEtgO8ho8P9jTjCWCPIWAp6YREUmgCxh6P2HPrq0N8CmaFkPDWvygLANswH4tCGXbmTTv37lJOOUEFN44RUioHcEOAmWQ4Y2qtk8hcJm36iQcJJkan1YxHPVhqAB3Ch6TJY88HC8vgDZs/3PX/XCuSDJ+PEzX5/t3kz+8utWS14oFa26zHzueiiHReceuNhAiiVjwIpKh8ze73LwXcYQMmoGvkxdokljAso4BL+Bblp8VP8FnHemJYRkmL0/qiAao1TdZS176F1dhD66bL9cIHqRes1mGy1M28UgJ7w8A+u8LqUC5NRb3p/d2G+BUl+NpFh9WZ944GjI0DmNnAYPNWBsv3OSgSTykP6eRMB3ATtbCnJibyS0YH9RaOMa0K3FH86ynxFnA61f2lTB3fLhjrz3azxaqlJ4GgejSXqn7wjZzpaLSCBEORzgNMbI9n5whFNUJUM5AZEbjUUz/TrRYiM85arRYcQoonwbPz/LzDYTQ4nFqLH/57S799fQKfJJ7XE0EQVAAAAABJRU5ErkJggg==)
}
#pageMap_desktop i::after {
background-image: url(../../images/misc/page_map-arrow-gray2015.png) !important
}
.console-head {
background-color: #fff
}
.console-head-endLine {
background: #ebedee;
height: 1px;
margin-bottom: -1px
}
.console-head-main-desktop {
max-width: 1250px;
padding: 0 20px;
margin: 0 auto
}
.console-head-main-desktop>table {
width: 100%
}
.console-head-main-desktop-menuCell {
vertical-align: bottom
}
.console-head-main-desktop-logoCell {
vertical-align: bottom;
text-align: right
}
.rtl .console-head-main-desktop-logoCell {
text-align: left
}
.console-head-main-desktop-logoCell a {
display: block;
float: right;
margin: 0 -10px
}
.rtl .console-head-main-desktop-logoCell a {
float: left
}
.console-head-main-desktop-logoCell img {
max-width: none
}
.console-head-main ul {
display: block;
margin: 0;
padding: 0;
list-style: none
}
.console-head-main ul li {
display: block;
float: left;
margin: 0;
padding: 0
}
.rtl .console-head-main ul li {
float: right
}
.console-head-main ul li a .console-head-main-iconSprite {
display: block;
height: 30px
}
.console-head-main-left .console-head-main-desktop-logoCell {
text-align: left
}
.console-head-main-left .console-head-main-desktop-logoCell a {
float: left
}
.console-head-main-desktop ul {
float: left
}
.rtl .console-head-main-desktop ul {
float: right
}
.console-head-main-desktop ul li a {
display: block;
margin: 0;
padding: 10px;
text-decoration: none;
color: #5a6870;
transition: 0.25s
}
.console-head-main-desktop ul li a:hover {
background-color: #f8f9f9
}
.console-head-main-desktop ul li.console-head-main-desktop-menu a {
font-size: 15px;
font-weight: 700;
line-height: 22px;
padding: 18px 15px 10px 15px
}
.console-head-main-desktop ul li a.selected {
background-color: #ebedee;
color: #00b9ad
}
.console-head-main-desktop ul li a.selected-menumap {
background-color: #f8f9f9 !important
}
.console-head-main-desktop ul li.console-head-main-desktop-iconTab a.selected, .console-head-main-mobile ul li a.selected {
background-color: #d8dbdd;
color: #00b9ad
}
.console-head-main-desktop ul li h1 {
font-size: inherit;
font-weight: inherit;
line-height: inherit;
color: inherit;
margin: 0
}
.console-head-main-desktop-iconTab {
font-size: 11px;
font-weight: 400;
line-height: 15px
}
.console-head-main-desktop-iconTab .console-head-main-iconSprite {
width: 30px;
height: 30px;
display: block;
float: left;
margin-right: -30px
}
.console-head-main-desktop-iconTab .single, .console-head-main-desktop-iconTab .double {
display: block;
padding-left: 30px;
padding-right: 5px;
padding-top: 2px;
margin-bottom: -2px
}
.console-head-main-desktop-iconTab .single {
padding-top: 12px
}
.rtl .console-head-main-desktop-iconTab .console-head-main-iconSprite {
float: right;
margin-right: 0px;
margin-left: -30px
}
.rtl .console-head-main-desktop-iconTab .single, .rtl .console-head-main-desktop-iconTab .double {
padding-left: 5px;
padding-right: 30px
}
.console-head-main-mobile {
display: none
}
.console-head-main-mobile ul {
float: right
}
.rtl .console-head-main-mobile ul {
float: left
}
.console-head-main-mobile ul li a {
display: block;
width: 50px;
height: 50px;
overflow: hidden;
color: #5a6870;
text-decoration: none
}
.console-head-main-mobile ul li .console-head-main-iconSprite {
margin: 8px auto -5px auto
}
.console-head-main-mobile ul li a .text {
display: block;
text-align: center;
font-size: 10px;
text-overflow: ellipsis;
width: 100%;
height: 20px;
overflow: hidden;
white-space: nowrap;
line-height: 12px
}
.console-head-main-mobile ul li.console-head-main-mobile-menu {
width: 50px;
height: 50px;
overflow: hidden
}
.console-head-main-mobile ul li.console-head-main-mobile-menu a {
display: block;
width: 50px;
height: 50px;
background: #000;
position: relative
}
.console-head-main-mobile ul li.console-head-main-mobile-menu .console-head-main-mobile-menu-back {
position: absolute;
left: 0;
top: 0;
width: 50px;
height: 50px;
z-index: 11;
margin: 0
}
.console-head-main-mobile ul li.console-head-main-mobile-menu .console-head-main-mobile-menu-front {
position: absolute;
left: 0;
top: 9px;
width: 50px;
height: 26px;
z-index: 12;
transition: .4s;
margin: 0
}
.console-head-main-mobile ul li.console-head-main-mobile-menu .selected .console-head-main-mobile-menu-front {
top: 15px
}
.console-head-main-iconSprite {
display: block;
width: 30px;
height: 30px;
overflow: hidden
}
.console-head-main-iconSprite img {
display: block;
max-width: 60px;
width: 60px;
height: 120px
}
.console-head-main-iconSprite-home img {
margin: 0 -30px -90px 0
}
.console-head-main-iconSprite-cart img {
margin: -30px -30px -60px 0
}
.console-head-main-iconSprite-sites img {
margin: -60px -30px -30px 0
}
.console-head-main-iconSprite-search img {
margin: -90px -30px 0 0
}
.console-head-main-desktop a.selected .console-head-main-iconSprite img, .console-head-main-mobile a.selected .console-head-main-iconSprite img {
margin-left: -30px;
margin-right: 0
}
.console-head-content {
background: #ebedee;
min-height: 0
}
.console-head-content-initialized {
transition: 0.3s
}
.console-head-content-container {
width: 100%;
overflow: hidden;
position: relative
}
.console-head-content-tabs2 {
background: #d8dbdd
}
.console-head-content-toggleButton {
float: right;
margin: -5px 0 0 0;
padding: 0 0 0 10px;
line-height: 40px;
cursor: pointer;
font-size: 11px;
color: #9da6ab
}
.console-head-content-toggleButton b {
display: block;
float: right;
width: 16px;
height: 16px;
font-weight: 700;
text-align: center;
font-size: 16px;
text-decoration: none;
line-height: 13px;
margin: 12px 0 12px 5px;
background: #9d9d9d;
color: #fff
}
.rtl .console-head-content-toggleButton {
float: left;
padding: 0 10px 0 0
}
.rtl .console-head-content-toggleButton b {
float: left;
margin: 12px 5px 12px 0
}
ul.console-head-content-menuList {
margin: 0;
padding: 0;
list-style: none
}
.console-head-content-menuList li {
margin: 0;
padding: 0;
display: inline-block
}
#headConsole_content_menumap {
display: none;
background: #f8f9f9;
position: relative
}
.console-head-content-menumap-inner2 {
padding: 15px 0 0 0;
margin: 0 0 -5px -40px
}
.rtl .console-head-content-menumap-inner2 {
margin: 0 -40px -5px 0
}
.console-head-content-menumap-panel>.center {
min-height: 0;
overflow: hidden
}
.console-head-content-menumap-delimiter {
border-top: 1px solid #9da6ab;
clear: both;
margin-left: 40px;
padding-bottom: 20px
}
.rtl .console-head-content-menumap-delimiter {
margin-left: 0;
margin-right: 40px
}
.console-head-content-menumap-panel {
display: none
}
.console-head-content-menumap-group-horizontal {
display: table;
margin: 0 -10px 0 30px;
padding: 0 0 20px 0;
clear: both
}
.rtl .console-head-content-menumap-group-horizontal {
margin: 0 30px 0 -10px
}
.console-head-content-menumap-group-horizontal-title {
display: table-cell;
vertical-align: top;
white-space: nowrap
}
.console-head-content-menumap-group-horizontal-title a {
display: block;
font-size: 13px;
font-weight: 700;
padding: 3px 10px;
text-decoration: none;
color: #5a6870;
line-height: 125%
}
.console-head-content-menumap-group-horizontal ul {
display: table-cell;
vertical-align: middle;
list-style: none;
margin: 0;
padding: 2px 0 0 0;
font-size: 11px
}
.console-head-content-menumap-group-horizontal li {
display: inline;
padding: 0;
margin: 0
}
.console-head-content-menumap-group-horizontal li a {
display: inline-block;
padding: 3px 10px;
text-decoration: none;
color: #5a6870;
line-height: 125%
}
.console-head-content-menumap-group-vertical {
float: left;
vertical-align: top;
padding: 0 0 20px 40px;
margin: 0 -5px
}
.rtl .console-head-content-menumap-group-vertical {
float: right;
padding: 0 40px 20px 0
}
.console-head-content-menumap-group-vertical ul {
display: inline-block;
vertical-align: top;
padding: 0;
margin: 0;
list-style: none
}
.console-head-content-menumap-group-vertical li {
display: block;
margin: 0;
padding: 0
}
.console-head-content-menumap-group-vertical a {
display: block;
margin: 0;
padding: 3px 5px;
font-size: 11px;
text-decoration: none;
color: #5a6870;
line-height: 125%
}
.console-head-content-menumap-group-vertical-title a {
font-size: 13px;
font-weight: 700;
line-height: 125%
}
.console-head-content-menumap-group-verticalGroup {
display: table;
float: none;
vertical-align: top;
min-width: 200px
}
.console-head-content-menumap-group-verticalGroup-container {
display: block;
-moz-column-width: 150px;
-webkit-column-width: 150px;
-ms-column-width: 150px;
column-width: 150px
}
.console-head-content-menumap-group-verticalGroup .console-head-content-menumap-group-vertical {
display: block;
float: none;
-webkit-column-break-inside: avoid;
-moz-column-break-inside: avoid;
-ms-column-break-inside: avoid;
-o-column-break-inside: avoid;
-webkit-break-inside: avoid;
break-inside: avoid
}
.console-head-content-menumap-group-verticalGroup-spacer {
overflow: hidden;
min-width: 1px;
height: 0
}
.console-head-content-menumap-group-verticalGroup-spacer b {
display: inline-block;
width: 30px;
height: 1px
}
.console-head-content-menumap-group-horizontal-title a:hover, .console-head-content-menumap-group-horizontal li a:hover, .console-head-content-menumap-group-vertical a:hover {
color: #00b9ad
}
.console-head-content-desktopBreadcrumbs-inner {
padding-top: 15px;
padding-bottom: 5px
}
.console-head-content-desktopBreadcrumbs-inner ul {
margin-left: -10px !important
}
.rtl .console-head-content-desktopBreadcrumbs-inner ul {
margin-left: 0 !important;
margin-right: -10px !important
}
@media (max-width: 700px) {
.console-head-content-desktopBreadcrumbs-inner {
padding-top: 5px
}
}
.console-head-content-desktopBreadcrumbs-inner a, .console-head-content-desktopBreadcrumbs-inner i, .console-head-content-desktopBreadcrumbs-inner u, #headConsole_content_expandedMenu a, #headConsole_content_expandedMenu i, #headConsole_content_expandedMenu u, .console-head-content-menuMobile-expanded ul li a, .console-head-content-menuMobile-expanded ul li u {
display: block;
color: #9da6ab;
font-size: 12px;
text-decoration: none;
font-style: normal;
padding: 7px 10px 5px 10px;
line-height: 18px
}
.console-head-content-desktopBreadcrumbs-inner i {
padding-left: 0;
padding-right: 0
}
.console-head-content-desktopBreadcrumbs-inner a.selected, #headConsole_content_expandedMenu a.selected, .console-head-content-menuMobile-expanded ul li a.selected {
font-size: 14px;
padding-top: 5px;
line-height: 20px
}
.console-head-content-desktopBreadcrumbs-inner a.selected {
color: #5a6870
}
#headConsole_content_expandedMenu a.selected, .console-head-content-menuMobile-expanded ul li a.selected {
color: #00b9ad
}
.console-head-content-desktopBreadcrumbs-inner i, .console-head-content-desktopBreadcrumbs-inner u, #headConsole_content_expandedMenu i, #headConsole_content_expandedMenu u, .console-head-content-menuMobile-expanded ul li u {
color: #9da6ab
}
.console-head-content-desktopBreadcrumbs-inner a:hover, #headConsole_content_expandedMenu a:hover, .console-head-content-menuMobile-expanded ul li a:hover {
color: #5a6870
}
#headConsole_content_expandedMenu {
display: none;
padding-top: 15px;
padding-bottom: 5px
}
#headConsole_content_expandedMenu ul {
margin: 0 -10px !important
}
#headConsole_content_expandedMenu li {
line-height: 18px
}
.console-head-content-mobileMenuLevel {
width: 100%;
min-height: 1px;
overflow: hidden;
padding: 0 10px
}
.console-head-content-mobileMenuLevel-container {
position: relative
}
.console-head-content-mobileSubmenu {
display: none;
padding: 10px 0 5px 0
}
a.console-head-content-mobileSubmenu-item-link, u.console-head-content-mobileSubmenu-item-link {
display: block;
color: #5a6870;
font-size: 14px;
line-height: 20px;
text-decoration: none;
font-style: normal;
padding: 10px 0 10px 0
}
.console-head-content-mobileSubmenu-expand, .console-head-content-mobileSubmenu-collapse {
display: block;
float: right;
width: 30px;
height: 40px;
line-height: 40px;
margin-top: 5px;
margin-bottom: -5px;
cursor: pointer
}
.console-head-content-mobileSubmenu-expand b, .console-head-content-mobileSubmenu-collapse b {
display: block;
float: right;
width: 16px;
height: 16px;
font-weight: 700;
text-align: center;
font-size: 16px;
text-decoration: none;
line-height: 13px;
margin: 12px 0;
background: #9d9d9d;
color: #fff
}
.rtl .console-head-content-mobileSubmenu-expand, .rtl .console-head-content-mobileSubmenu-collapse, .rtl .console-head-content-mobileSubmenu-expand b, .rtl .console-head-content-mobileSubmenu-collapse b {
float: left
}
u.console-head-content-mobileSubmenu-item-link {
color: #9da6ab
}
.console-head-content-mobileSubmenu-item, .console-head-content-menuMobile-expanded {
padding-bottom: 5px
}
.console-head-content-menuMobile-expanded {
display: none
}
.console-head-content-menuMobile-expanded ul {
clear: none;
margin: 0 -10px 0 -10px;
padding: 5px 0 0 0;
list-style: none
}
.console-head-content-menuMobile-expanded ul li {
padding: 0 0 0 0;
display: inline-block;
vertical-align: top
}
@media (max-width: 450px) {
.console-head-content-menuMobile-expanded ul li {
float: none !important
}
}
.console-head-content-desktopSubmenu-delimiter, .console-head-content-mobileSubmenu-delimiter {
margin: 5px 0 0 20px;
height: 11px;
border-top: 1px solid #9da6ab;
position: relative
}
.rtl .console-head-content-desktopSubmenu-delimiter, .rtl .console-head-content-mobileSubmenu-delimiter {
margin-right: 20px;
margin-left: 0
}
.console-head-content-mobileSubmenu-delimiter {
margin-top: 0
}
.console-head-content-desktopSubmenu-delimiter i, .console-head-content-mobileSubmenu-delimiter i {
display: block;
font-style: normal;
color: #9da6ab !important;
font-weight: 400;
position: absolute;
top: -7px;
left: -20px;
line-height: 20px !important;
height: 20px !important;
width: 20px !important;
text-align: center;
padding: 0 !important;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%;
font-size: 16px !important
}
.rtl .console-head-content-desktopSubmenu-delimiter i, .rtl .console-head-content-mobileSubmenu-delimiter i {
left: auto;
right: -20px;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg)
}
.console-head-content-desktopSubmenu-sublevel {
padding-left: 3%
}
.rtl .console-head-content-desktopSubmenu-sublevel {
padding-left: 0;
padding-right: 3%
}
.console-head-content-mobileSubmenu-delimiter-level {
padding: 0 10px
}
.console-head-content-mobileSubmenu-delimiter-level2 {
margin-left: 3%
}
.console-head-content-mobileSubmenu-delimiter-level3 {
margin-left: 5.91%
}
.console-head-content-mobileSubmenu-delimiter-level4 {
margin-left: 8.7327%
}
.console-head-content-mobileSubmenu-delimiter-level5 {
margin-left: 11.470719%
}
.console-head-content-mobileSubmenu-delimiter-level6 {
margin-left: 14.12659743%
}
.console-head-content-mobileSubmenu-delimiter-level7 {
margin-left: 16.702799507%
}
.console-head-content-mobileSubmenu-delimiter-level8 {
margin-left: 19.201715522%
}
.console-head-content-mobileSubmenu-delimiter-level9 {
margin-left: 21.625664056%
}
.console-head-content-mobileSubmenu-delimiter-level10 {
margin-left: 23.976894135%
}
.console-head-content-mobileSubmenu-delimiter-level11 {
margin-left: 26.257587311%
}
.console-head-content-mobileSubmenu-delimiter-level12 {
margin-left: 28.469859691%
}
.console-head-content-mobileSubmenu-delimiter-level13 {
margin-left: 30.6157639%
}
.console-head-content-mobileSubmenu-delimiter-level14 {
margin-left: 32.697290983%
}
.console-head-content-mobileSubmenu-delimiter-level15 {
margin-left: 34.716372254%
}
.console-head-content-mobileSubmenu-delimiter-level16 {
margin-left: 36.674881086%
}
.console-head-content-mobileSubmenu-delimiter-level17 {
margin-left: 38.574634654%
}
.console-head-content-mobileSubmenu-delimiter-level18 {
margin-left: 40.417395614%
}
.console-head-content-mobileSubmenu-delimiter-level19 {
margin-left: 42.204873746%
}
.console-head-content-mobileSubmenu-delimiter-level20 {
margin-left: 43.938727533%
}
.rtl .console-head-content-mobileSubmenu-delimiter-level2 {
margin-left: 0;
margin-right: 3%
}
.rtl .console-head-content-mobileSubmenu-delimiter-level3 {
margin-left: 0;
margin-right: 5.91%
}
.rtl .console-head-content-mobileSubmenu-delimiter-level4 {
margin-left: 0;
margin-right: 8.7327%
}
.rtl .console-head-content-mobileSubmenu-delimiter-level5 {
margin-left: 0;
margin-right: 11.470719%
}
.rtl .console-head-content-mobileSubmenu-delimiter-level6 {
margin-left: 0;
margin-right: 14.12659743%
}
.rtl .console-head-content-mobileSubmenu-delimiter-level7 {
margin-left: 0;
margin-right: 16.702799507%
}
.rtl .console-head-content-mobileSubmenu-delimiter-level8 {
margin-left: 0;
margin-right: 19.201715522%
}
.rtl .console-head-content-mobileSubmenu-delimiter-level9 {
margin-left: 0;
margin-right: 21.625664056%
}
.rtl .console-head-content-mobileSubmenu-delimiter-level10 {
margin-left: 0;
margin-right: 23.976894135%
}
.rtl .console-head-content-mobileSubmenu-delimiter-level11 {
margin-left: 0;
margin-right: 26.257587311%
}
.rtl .console-head-content-mobileSubmenu-delimiter-level12 {
margin-left: 0;
margin-right: 28.469859691%
}
.rtl .console-head-content-mobileSubmenu-delimiter-level13 {
margin-left: 0;
margin-right: 30.6157639%
}
.rtl .console-head-content-mobileSubmenu-delimiter-level14 {
margin-left: 0;
margin-right: 32.697290983%
}
.rtl .console-head-content-mobileSubmenu-delimiter-level15 {
margin-left: 0;
margin-right: 34.716372254%
}
.rtl .console-head-content-mobileSubmenu-delimiter-level16 {
margin-left: 0;
margin-right: 36.674881086%
}
.rtl .console-head-content-mobileSubmenu-delimiter-level17 {
margin-left: 0;
margin-right: 38.574634654%
}
.rtl .console-head-content-mobileSubmenu-delimiter-level18 {
margin-left: 0;
margin-right: 40.417395614%
}
.rtl .console-head-content-mobileSubmenu-delimiter-level19 {
margin-left: 0;
margin-right: 42.204873746%
}
.rtl .console-head-content-mobileSubmenu-delimiter-level20 {
margin-left: 0;
margin-right: 43.938727533%
}
.console-head-content-cart {
display: none;
padding: 20px 0
}
.console-head-content-sites {
display: none;
padding: 10px 0
}
.console-head-content-search {
display: none;
padding: 20px 0
}
.console-head-content-delimiter {
border-top: 1px solid #9da6ab;
height: 0;
width: 100%;
overflow: hidden
}
.console-head-content-cart-container {
margin-left: -40px
}
.console-head-content-cart-title {
font-size: 19px;
font-weight: 400;
color: #00b9ad;
margin-bottom: 15px;
line-height: 125%
}
.console-head-content-cart-empty {
font-size: 14px;
margin-top: 15px
}
.console-head-content-cart-cart, .console-head-content-cart-profile {
padding-left: 40px;
float: left
}
.console-head-content-cart-cart {
width: 66.666666667%
}
.console-head-content-cart-profile {
width: 33.333333333%
}
.console-cart-products {
display: table;
width: 100%
}
.console-cart-product {
display: table-row;
width: 100%;
color: #5a6870
}
.console-cart-product-changeQuantity, .console-cart-product-quantity, .console-cart-product-texts, .console-cart-product-prices {
display: table-cell;
border-top: 1px solid #9da6ab;
padding-top: 20px;
padding-bottom: 10px
}
.console-cart-product-changeQuantity {
white-space: nowrap;
vertical-align: bottom;
width: 30px
}
.console-cart-product-changeQuantity a {
display: block;
font-size: 30px;
font-weight: 400;
width: 30px;
height: 36px;
line-height: 36px;
color: #00b9ad;
background: #fff;
text-decoration: none;
text-align: center
}
.console-cart-product-changeQuantity a:hover {
background: #5a6870
}
.console-cart-product-quantity {
font-size: 22px;
text-align: right;
white-space: nowrap;
vertical-align: bottom;
width: 60px;
padding-left: 10px;
padding-right: 10px
}
.console-cart-product-quantity:after {
display: inline;
content: ""
}
.console-cart-product-texts {
text-align: left;
vertical-align: bottom;
padding-left: 20px
}
.console-cart-product-texts-type {
font-size: 14px;
font-weight: 400
}
.console-cart-product-texts-name {
font-size: 21px;
font-weight: 700
}
.console-cart-product-prices {
text-align: right;
vertical-align: bottom;
font-size: 16px;
white-space: nowrap
}
.console-cart-product-prices-each {
font-weight: 400
}
.console-cart-product-prices-subtotal {
color: #5a6870
}
.console-cart-total b {
font-weight: 400
}
.console-cart-total {
font-size: 16px;
color: #5a6870;
padding-top: 20px;
text-align: right
}
.console-cart-total b {
font-size: 22px;
font-weight: 400
}
.console-cart-total-vatNote {
font-size: 12px;
text-align: right
}
.console-cart-buttons {
padding-top: 20px;
margin-left: -10px;
text-align: right
}
.console-cart-buttons a {
display: inline-block;
margin-left: 10px;
height: 40px;
line-height: 40px;
padding: 0 15px;
font-size: 14px;
font-weight: 700;
text-decoration: none
}
.console-cart-cartButton {
color: #fff;
background: #00b9ad
}
.console-cart-checkoutButton {
color: #fff;
background: #5a6870
}
.console-cart-cartButton:hover, .console-cart-checkoutButton:hover {
background: #fff;
color: #5a6870
}
.console-cart-note {
margin-top: 20px;
margin-bottom: -15px
}
.console-cart-product-giftCheckbox, .console-cart-product-dummyCell {
display: table-cell;
padding-top: 25px;
padding-bottom: 10px;
vertical-align: bottom
}
.console-cart-product-giftCheckbox, .console-cart-product-dummyCell, .console-cart-giftRow .console-cart-product-texts, .console-cart-giftRow .console-cart-product-prices {
border-top: none;
padding-top: 5px
}
.console-cart-product-giftCheckbox .input-checkbox {
float: right;
margin-left: -30px;
margin-top: 0
}
.console-cart-product-giftTexts .console-cart-product-texts-type {
font-size: 19px;
color: #00b9ad;
text-transform: uppercase
}
.console-cart-product-giftTexts .console-cart-product-texts-name {
font-size: 16px
}
.input-checkbox.input-onLight input+b::before {
border-color: #b9bec2
}
.console-head-content-cart-profileLinks {
margin: 0 -10px
}
.console-head-content-cart-profileLinks a {
display: block;
padding: 10px;
float: left;
text-decoration: none;
font-size: 13px;
font-weight: 700;
color: #5a6870;
line-height: 125%
}
.console-head-content-cart-links {
padding-top: 15px;
margin: 0 -10px
}
.console-head-content-cart-links a {
display: block;
padding: 6px 10px;
text-decoration: none;
line-height: 13px;
font-size: 12px;
font-weight: 400;
color: #5a6870
}
.console-head-content-cart-profileLinks a:hover, .console-head-content-cart-links a:hover {
color: #00b9ad
}
@media (max-width: 900px) {
.console-cart-product-texts-type {
font-size: 12px
}
.console-cart-product-texts-name {
font-size: 18px
}
.console-cart-product-prices {
font-size: 12px
}
.console-cart-product-prices b {
font-size: 14px
}
.console-cart-product-giftTexts .console-cart-product-texts-type {
font-size: 15px
}
.console-cart-product-giftTexts .console-cart-product-texts-name {
font-size: 13px
}
}
@media (max-width: 700px) {
.console-head-content-cart-container {
margin-left: 0
}
.console-head-content-cart-cart, .console-head-content-cart-profile {
float: none;
width: 100%;
padding-left: 0
}
.console-head-content-cart-profile {
padding-top: 60px
}
.console-cart-product-changeQuantity {
width: 20px
}
.console-cart-product-changeQuantity a {
font-size: 20px;
width: 20px;
height: 30px;
line-height: 30px
}
.console-cart-product-quantity {
width: 40px;
padding-left: 5px;
padding-right: 5px;
font-size: 18px
}
.console-cart-product-changeQuantity, .console-cart-product-quantity, .console-cart-product-texts, .console-cart-product-prices, .console-cart-product-giftCheckbox {
padding-top: 10px;
padding-bottom: 5px
}
.console-cart-product-quantity:after {
display: inline;
content: " ×"
}
.console-cart-product-texts {
padding-left: 10px
}
.console-head-content-cart-links {
padding-top: 5px
}
}
@media (max-width: 450px) {
.console-cart-product-quantity {
width: 35px;
font-size: 16px
}
.console-cart-product-texts-type {
font-size: 9px
}
.console-cart-product-texts-name {
font-size: 14px
}
.console-cart-product-prices {
font-size: 8px
}
.console-cart-product-prices b {
font-size: 12px
}
.console-cart-product-giftTexts .console-cart-product-texts-type {
font-size: 12px
}
.console-cart-product-giftTexts .console-cart-product-texts-name {
font-size: 11px
}
}
.console-head-content-sites-row {
display: block;
content: "";
clear: both;
padding: 5px 0
}
.console-head-content-sites-row:after {
display: block;
content: "";
clear: both
}
.console-head-content-sites-row .item {
float: left
}
.rtl .console-head-content-sites-row .item {
float: right
}
.console-head-content-sites-row .item a {
display: block;
padding: 5px 10px;
text-decoration: none;
color: #5a6870;
line-height: 125%
}
.console-head-content-sites-row .item a:hover, .console-head-content-sites-row .item.selected a {
color: #00b9ad
}
.console-head-content-sites-row .item.emphasis a {
font-weight: 700
}
.console-head-content-sites-row-small .item.last a {
margin-right: -10px
}
.rtl .console-head-content-sites-row-small .item.last a {
margin-right: 0;
margin-left: -10px
}
.console-head-content-sites-row-small .item a i {
display: inline-block;
width: 10px;
height: 1em;
margin-right: -10px;
border-right: 1px solid #9da6ab;
vertical-align: middle
}
.rtl .console-head-content-sites-row-small .item a i {
margin-right: 0;
margin-left: -10px;
border-right: none;
border-left: 1px solid #9da6ab
}
.console-head-content-sites-row-small {
font-size: 12px;
font-weight: 400;
margin: 0 0 0 -10px
}
.rtl .console-head-content-sites-row-small {
margin: 0 -10px 0 0
}
.console-head-content-sites-row-normal {
font-size: 14px;
font-weight: 700;
margin: 0 -15px 0 -15px
}
.console-head-content-sites-row-large {
font-size: 16px;
font-weight: 700;
margin: 0 -15px 0 -15px
}
.console-head-content-sites-row-normal .item a, .console-head-content-sites-row-large .item a {
padding: 5px 15px
}
.console-head-content-search-container {
margin-left: -40px
}
.rtl .console-head-content-search-container {
margin-left: 0;
margin-right: -40px
}
.console-head-content-search-query {
padding-left: 40px
}
.rtl .console-head-content-search-query {
padding-left: 0;
padding-right: 40px
}
.console-head-content-search-withLinks .console-head-content-search-query {
float: left;
width: 66.666666667%
}
.rtl .console-head-content-search-withLinks .console-head-content-search-query {
float: right
}
.console-head-content-search-query-inner {
display: table-row;
width: 100%;
background: #ebedee
}
.console-head-content-search-query-icon {
display: table-cell;
width: 62px;
padding: 10px 0;
vertical-align: middle
}
.console-head-content-search-query-icon-inner {
width: 61px;
height: 30px;
overflow: hidden;
border-right: 2px solid #fff
}
.rtl .console-head-content-search-query-icon-inner {
border-right: none;
border-left: 2px solid #fff
}
.console-head-content-search-query-icon-inner img {
display: block;
width: 30px;
height: 30px;
margin: 0 auto
}
.console-head-content-search-query-input {
display: table-cell;
width: 100%;
vertical-align: middle;
outline: none
}
.console-head-content-search-query-input input {
width: 100%;
margin: 0;
padding: 10px 20px;
border: none;
line-height: 30px;
font-size: 25px;
font-weight: 700;
background: transparent;
height: 50px;
display: block;
outline: none
}
.console-head-content-search-query-button {
display: table-cell;
vertical-align: middle
}
.console-head-content-search-query-button a {
display: block;
margin: 0;
padding: 10px 10px 10px 0;
text-decoration: none
}
.rtl .console-head-content-search-query-button a {
padding: 10px 0 10px 10px
}
.console-head-content-search-query-button a b {
background: #00b9ad;
line-height: 20px;
white-space: nowrap;
padding: 5px 20px;
min-width: 60px;
display: block;
color: #fff;
text-decoration: none;
font-size: 14px;
font-weight: 700;
text-align: center;
transition: 0.25s
}
.console-head-content-search-query-button a:hover, .console-head-content-search-query-button a:focus {
outline: none
}
.console-head-content-search-query-button a:hover b, .console-head-content-search-query-button a:focus b {
background: #5a6870;
transition: 0.125s
}
.console-head-content-search-linksPanel {
float: left;
width: 33.333333333%;
padding-left: 40px
}
.rtl .console-head-content-search-linksPanel {
float: right;
padding-left: 0;
padding-right: 40px
}
.console-head-content-search-links ul {
margin: -5px -10px 0 -10px;
padding: 0;
list-style: none;
display: block
}
.console-head-content-search-links li a {
margin: 0;
padding: 5px 10px;
display: block;
font-size: 14px;
font-weight: 700;
text-decoration: none;
color: #5a6870;
line-height: 125%
}
.console-head-content-search-links li a:hover {
color: #00b9ad
}
.console-head-content-search-linkSeparator {
border-top: 1px solid #9da6ab;
height: 0;
width: 100%;
overflow: hidden;
margin: 10px 0
}
.console-head-content-search-assistance {
margin: 0 -10px
}
.console-head-content-search-assistance b {
display: block;
float: left;
color: #00b9ad;
font-size: 12px;
font-weight: 400;
text-transform: uppercase;
padding: 5px 10px;
line-height: 20px
}
.rtl .console-head-content-search-assistance b {
float: right
}
.console-head-content-search-assistance ul {
margin: 0;
padding: 0;
list-style: none;
display: inline
}
.console-head-content-search-assistance ul li {
display: block;
float: left
}
.rtl .console-head-content-search-assistance ul li {
float: right
}
.console-head-content-search-assistance ul li a {
display: block;
padding: 5px 10px;
line-height: 20px;
text-decoration: none;
color: #5a6870;
font-size: 14px;
font-weight: 700
}
.console-head-content-search-assistance ul li a:hover {
color: #00b9ad
}
.console-head-content-search-query-suggestions-inner {
display: block;
margin: 0 -7px 10px -10px;
height: 30px;
overflow: hidden;
-webkit-animation: searchSuggestionsFadeIn 0.5s ease-out 1;
-moz-animation: searchSuggestionsFadeIn 0.5s ease-out 1;
-o-animation: searchSuggestionsFadeIn 0.5s ease-out 1;
animation: searchSuggestionsFadeIn 0.5s ease-out 1
}
.console-head-content-search-query-suggestions-item {
display: inline-block;
vertical-align: top
}
.console-head-content-search-query-suggestions-item a {
display: block;
height: 30px;
padding: 5px;
d: 0;
margin-left: 5px;
margin-bottom: 5px;
line-height: 20px;
text-decoration: none;
font-size: 13px;
font-weight: 700;
transition: 0.25s
}
.console-head-content-search-query-suggestions-item a:hover {
color: #00b9ad;
transition: 0.125s
}
.console-head-content-search-query-suggestions-item img {
display: block;
transition: 0.25s
}
.console-head-content-search-query-suggestions-item a:hover img {
opacity: .85;
transition: 0.125s
}
.console-head-content-search-query-suggestions-item-link img {
d: 0;
float: left;
height: 30px;
max-width: 30px;
d: 0;
margin: -5px 4px -5px 0
}
.console-head-content-search-query-suggestions-item-product a {
background: #fff;
d: 0;
margin-left: 10px
}
.console-head-content-search-query-suggestions-item+.console-head-content-search-query-suggestions-item-product a {
d: 0;
margin-left: 5px
}
.console-head-content-search-query-suggestions-item-product img {
d: 0;
float: left;
height: 24px;
max-width: 24px;
d: 0;
margin: -2px 4px -2px -2px
}
.console-head-content-search-query-suggestions-item-image a {
padding: 0 5px
}
.console-head-content-search-query-suggestions-item-image img {
max-height: 30px;
max-width: 100px
}
@-webkit-keyframes searchSuggestionsFadeIn {
from {
opacity: 0;
margin: -30px -7px 0 -10px
}
to {
opacity: 1;
margin: 0 -7px 10px -10px
}
}
@-moz-keyframes searchSuggestionsFadeIn {
from {
opacity: 0;
margin: -30px -7px 0 -10px
}
to {
opacity: 1;
margin: 0 -7px 10px -10px
}
}
@-ms-keyframes searchSuggestionsFadeIn {
from {
opacity: 0;
margin: -30px -7px 0 -10px
}
to {
opacity: 1;
margin: 0 -7px 10px -10px
}
}
@-o-keyframes searchSuggestionsFadeIn {
from {
opacity: 0;
margin: -30px -7px 0 -10px
}
to {
opacity: 1;
margin: 0 -7px 10px -10px
}
}
@keyframes searchSuggestionsFadeIn {
from {
opacity: 0;
margin: -30px -7px 0 -10px
}
to {
opacity: 1;
margin: 0 -7px 10px -10px
}
}
@media (max-width: 900px) {
.console-head-content-search-withLinks .console-head-content-search-query {
float: none;
width: 100%;
margin-bottom: 20px
}
.console-head-content-search-linksPanel {
float: none;
width: 100%
}
.console-head-content-search-links li {
float: left
}
.rtl .console-head-content-search-links li {
float: right
}
}
@media (max-width: 700px) {
.console-head-content-search-query-icon {
display: none
}
.console-head-content-search-query-input input {
padding: 10px;
font-size: 20px
}
}
.console-head-content-close {
max-width: 1220px;
padding: 0 20px;
margin: 0 auto;
height: 0;
transition: .3s
}
.console-head-content-close-inner {
float: right;
height: 0
}
.rtl .console-head-content-close-inner {
float: left
}
.console-head-content-close-button {
cursor: pointer;
padding: 0 0 0 5px;
max-width: 90px;
transition: 0.25s;
text-align: right;
color: #99a2a7;
white-space: nowrap
}
.rtl .console-head-content-close-button {
text-align: left
}
.console-head-content-close-button b {
display: inline-block;
height: 30px;
line-height: 30px;
font-size: 10px;
font-weight: 400
}
.console-head-content-close-button i {
display: inline-block;
width: 30px;
height: 30px;
vertical-align: top;
margin-bottom: -30px
}
.console-head-content-close-button i:before {
display: block;
content: "";
width: 20px;
height: 2px;
background: #5a6870;
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
margin: 14px -25px -16px 5px;
transition: 0.25s
}
.console-head-content-close-button i:after {
display: block;
content: "";
width: 20px;
height: 2px;
background: #5a6870;
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
margin: 14px -25px -16px 5px;
transition: 0.25s
}
.rtl .console-head-content-close-button i:before, .rtl .console-head-content-close-button i:after {
margin: 14px 5px -16px -25px
}
.console-head-content-close-button:hover {
background: #ebedee;
color: #5a6870;
transition: 0.125s
}
.console-head-content-cart .console-head-content-close, .console-head-content-search .console-head-content-close {
margin-top: -10px;
margin-bottom: 10px
}
@media (max-width:1220px) {
.console-head-content-close {
height: 30px
}
.console-head-content-close-button {
width: auto
}
}
.console-head-cookies {
color: #5a6870;
font-size: 12px;
display: none;
background-color: #ebedee
}
.console-head-cookies a {
color: #5a6870
}
.console-head-cookies a:hover {
color: #00b9ad
}
.console-head-cookies-container {
margin: 0 0 0 -10px;
padding: 0 0 10px 0
}
.console-head-cookies-text {
float: left;
padding: 10px 0 0 10px
}
.console-head-cookies-buttons {
float: right
}
.console-head-cookies-close, .console-head-cookies-more {
float: right;
padding: 10px 0 0 10px
}
.console-head-cookies-close a, .console-head-cookies-more a {
display: block;
margin: -5px;
padding: 5px
}
.rtl .console-head-cookies-container {
margin: 0 -10px 0 0
}
.rtl .console-head-cookies-text {
float: right;
padding: 10px 10px 0 0
}
.rtl .console-head-cookies-buttons {
float: left
}
.rtl .console-head-cookies-close, .rtl .console-head-cookies-more {
float: left;
padding: 10px 10px 0 0
}
.console-head-main-desktop-logoShort {
display: none
}
@media (max-width: 700px) {
.console-head-rwdSwitch-default .console-head-main-desktop {
display: none
}
.console-head-rwdSwitch-default .console-head-main-mobile {
display: block
}
}
@media (max-width:500px) {
.console-head-rwdSwitch-500 .console-head-main-desktop {
display: none
}
.console-head-rwdSwitch-500 .console-head-main-mobile {
display: block
}
.console-head-rwdSwitch-500 .console-head-content {
min-height: 0
}
.console-head-rwdSwitch-500 .console-head-content-close {
display: none
}
.console-head-rwdSwitch-500 #headConsole_content_menumap {
display: none !important
}
.console-head-rwdHideTexts-500 #headConsole_tabs_cart .text, .console-head-rwdHideTexts-500 #headConsole_tabs_search .text {
display: none
}
.console-head-rwdHideTexts-500 #headConsole_tabs_cart .console-head-main-iconSprite, .console-head-rwdHideTexts-500 #headConsole_tabs_search .console-head-main-iconSprite {
margin-right: 0
}
.console-head-rwdHideTexts-500 .console-head-main-desktop-logoShort {
display: block
}
.console-head-rwdHideTexts-500 .console-head-main-desktop-logoFull {
display: none
}
}
@media (max-width:550px) {
.console-head-rwdSwitch-550 .console-head-main-desktop {
display: none
}
.console-head-rwdSwitch-550 .console-head-main-mobile {
display: block
}
.console-head-rwdSwitch-550 .console-head-content {
min-height: 0
}
.console-head-rwdSwitch-550 .console-head-content-close {
display: none
}
.console-head-rwdSwitch-550 #headConsole_content_menumap {
display: none !important
}
.console-head-rwdHideTexts-550 #headConsole_tabs_cart .text, .console-head-rwdHideTexts-550 #headConsole_tabs_search .text {
display: none
}
.console-head-rwdHideTexts-550 #headConsole_tabs_cart .console-head-main-iconSprite, .console-head-rwdHideTexts-550 #headConsole_tabs_search .console-head-main-iconSprite {
margin-right: 0
}
.console-head-rwdHideTexts-550 .console-head-main-desktop-logoShort {
display: block
}
.console-head-rwdHideTexts-550 .console-head-main-desktop-logoFull {
display: none
}
}
@media (max-width:600px) {
.console-head-rwdSwitch-600 .console-head-main-desktop {
display: none
}
.console-head-rwdSwitch-600 .console-head-main-mobile {
display: block
}
.console-head-rwdSwitch-600 .console-head-content {
min-height: 0
}
.console-head-rwdSwitch-600 .console-head-content-close {
display: none
}
.console-head-rwdSwitch-600 #headConsole_content_menumap {
display: none !important
}
.console-head-rwdHideTexts-600 #headConsole_tabs_cart .text, .console-head-rwdHideTexts-600 #headConsole_tabs_search .text {
display: none
}
.console-head-rwdHideTexts-600 #headConsole_tabs_cart .console-head-main-iconSprite, .console-head-rwdHideTexts-600 #headConsole_tabs_search .console-head-main-iconSprite {
margin-right: 0
}
.console-head-rwdHideTexts-600 .console-head-main-desktop-logoShort {
display: block
}
.console-head-rwdHideTexts-600 .console-head-main-desktop-logoFull {
display: none
}
}
@media (max-width:650px) {
.console-head-rwdSwitch-650 .console-head-main-desktop {
display: none
}
.console-head-rwdSwitch-650 .console-head-main-mobile {
display: block
}
.console-head-rwdSwitch-650 .console-head-content {
min-height: 0
}
.console-head-rwdSwitch-650 .console-head-content-close {
display: none
}
.console-head-rwdSwitch-650 #headConsole_content_menumap {
display: none !important
}
.console-head-rwdHideTexts-650 #headConsole_tabs_cart .text, .console-head-rwdHideTexts-650 #headConsole_tabs_search .text {
display: none
}
.console-head-rwdHideTexts-650 #headConsole_tabs_cart .console-head-main-iconSprite, .console-head-rwdHideTexts-650 #headConsole_tabs_search .console-head-main-iconSprite {
margin-right: 0
}
.console-head-rwdHideTexts-650 .console-head-main-desktop-logoShort {
display: block
}
.console-head-rwdHideTexts-650 .console-head-main-desktop-logoFull {
display: none
}
}
@media (max-width:700px) {
.console-head-rwdSwitch-700 .console-head-main-desktop {
display: none
}
.console-head-rwdSwitch-700 .console-head-main-mobile {
display: block
}
.console-head-rwdSwitch-700 .console-head-content {
min-height: 0
}
.console-head-rwdSwitch-700 .console-head-content-close {
display: none
}
.console-head-rwdSwitch-700 #headConsole_content_menumap {
display: none !important
}
.console-head-rwdHideTexts-700 #headConsole_tabs_cart .text, .console-head-rwdHideTexts-700 #headConsole_tabs_search .text {
display: none
}
.console-head-rwdHideTexts-700 #headConsole_tabs_cart .console-head-main-iconSprite, .console-head-rwdHideTexts-700 #headConsole_tabs_search .console-head-main-iconSprite {
margin-right: 0
}
.console-head-rwdHideTexts-700 .console-head-main-desktop-logoShort {
display: block
}
.console-head-rwdHideTexts-700 .console-head-main-desktop-logoFull {
display: none
}
}
@media (max-width:750px) {
.console-head-rwdSwitch-750 .console-head-main-desktop {
display: none
}
.console-head-rwdSwitch-750 .console-head-main-mobile {
display: block
}
.console-head-rwdSwitch-750 .console-head-content {
min-height: 0
}
.console-head-rwdSwitch-750 .console-head-content-close {
display: none
}
.console-head-rwdSwitch-750 #headConsole_content_menumap {
display: none !important
}
.console-head-rwdHideTexts-750 #headConsole_tabs_cart .text, .console-head-rwdHideTexts-750 #headConsole_tabs_search .text {
display: none
}
.console-head-rwdHideTexts-750 #headConsole_tabs_cart .console-head-main-iconSprite, .console-head-rwdHideTexts-750 #headConsole_tabs_search .console-head-main-iconSprite {
margin-right: 0
}
.console-head-rwdHideTexts-750 .console-head-main-desktop-logoShort {
display: block
}
.console-head-rwdHideTexts-750 .console-head-main-desktop-logoFull {
display: none
}
}
@media (max-width:800px) {
.console-head-rwdSwitch-800 .console-head-main-desktop {
display: none
}
.console-head-rwdSwitch-800 .console-head-main-mobile {
display: block
}
.console-head-rwdSwitch-800 .console-head-content {
min-height: 0
}
.console-head-rwdSwitch-800 .console-head-content-close {
display: none
}
.console-head-rwdSwitch-800 #headConsole_content_menumap {
display: none !important
}
.console-head-rwdHideTexts-800 #headConsole_tabs_cart .text, .console-head-rwdHideTexts-800 #headConsole_tabs_search .text {
display: none
}
.console-head-rwdHideTexts-800 #headConsole_tabs_cart .console-head-main-iconSprite, .console-head-rwdHideTexts-800 #headConsole_tabs_search .console-head-main-iconSprite {
margin-right: 0
}
.console-head-rwdHideTexts-800 .console-head-main-desktop-logoShort {
display: block
}
.console-head-rwdHideTexts-800 .console-head-main-desktop-logoFull {
display: none
}
}
@media (max-width:850px) {
.console-head-rwdSwitch-850 .console-head-main-desktop {
display: none
}
.console-head-rwdSwitch-850 .console-head-main-mobile {
display: block
}
.console-head-rwdSwitch-850 .console-head-content {
min-height: 0
}
.console-head-rwdSwitch-850 .console-head-content-close {
display: none
}
.console-head-rwdSwitch-850 #headConsole_content_menumap {
display: none !important
}
.console-head-rwdHideTexts-850 #headConsole_tabs_cart .text, .console-head-rwdHideTexts-850 #headConsole_tabs_search .text {
display: none
}
.console-head-rwdHideTexts-850 #headConsole_tabs_cart .console-head-main-iconSprite, .console-head-rwdHideTexts-850 #headConsole_tabs_search .console-head-main-iconSprite {
margin-right: 0
}
.console-head-rwdHideTexts-850 .console-head-main-desktop-logoShort {
display: block
}
.console-head-rwdHideTexts-850 .console-head-main-desktop-logoFull {
display: none
}
}
@media (max-width:900px) {
.console-head-rwdSwitch-900 .console-head-main-desktop {
display: none
}
.console-head-rwdSwitch-900 .console-head-main-mobile {
display: block
}
.console-head-rwdSwitch-900 .console-head-content {
min-height: 0
}
.console-head-rwdSwitch-900 .console-head-content-close {
display: none
}
.console-head-rwdSwitch-900 #headConsole_content_menumap {
display: none !important
}
.console-head-rwdHideTexts-900 #headConsole_tabs_cart .text, .console-head-rwdHideTexts-900 #headConsole_tabs_search .text {
display: none
}
.console-head-rwdHideTexts-900 #headConsole_tabs_cart .console-head-main-iconSprite, .console-head-rwdHideTexts-900 #headConsole_tabs_search .console-head-main-iconSprite {
margin-right: 0
}
.console-head-rwdHideTexts-900 .console-head-main-desktop-logoShort {
display: block
}
.console-head-rwdHideTexts-900 .console-head-main-desktop-logoFull {
display: none
}
}
@media (max-width:950px) {
.console-head-rwdSwitch-950 .console-head-main-desktop {
display: none
}
.console-head-rwdSwitch-950 .console-head-main-mobile {
display: block
}
.console-head-rwdSwitch-950 .console-head-content {
min-height: 0
}
.console-head-rwdSwitch-950 .console-head-content-close {
display: none
}
.console-head-rwdSwitch-950 #headConsole_content_menumap {
display: none !important
}
.console-head-rwdHideTexts-950 #headConsole_tabs_cart .text, .console-head-rwdHideTexts-950 #headConsole_tabs_search .text {
display: none
}
.console-head-rwdHideTexts-950 #headConsole_tabs_cart .console-head-main-iconSprite, .console-head-rwdHideTexts-950 #headConsole_tabs_search .console-head-main-iconSprite {
margin-right: 0
}
.console-head-rwdHideTexts-950 .console-head-main-desktop-logoShort {
display: block
}
.console-head-rwdHideTexts-950 .console-head-main-desktop-logoFull {
display: none
}
}
.console-foot {
background: #fff;
clear: both;
border-top: 5px solid #00b9ad
}
.console-foot, .console-foot div.html, .console-foot a {
color: #5a6870;
text-decoration: none
}
.console-foot a:hover {
color: #00b9ad
}
.console-foot-inner {
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
padding-top: 20px;
padding-bottom: 20px
}
@media (max-width: 700px) {
.console-foot-inner {
padding-left: 10px;
padding-right: 10px
}
}
@media print {
.console-foot-inner {
width: 980px;
padding-left: 0;
padding-right: 0
}
}
.console-foot-line1 ul, .console-foot-line2 ul {
display: block;
text-align: center;
padding: 0;
list-style: none
}
.console-foot-line1 ul li, .console-foot-line2 ul li {
display: inline-block;
margin: 0;
padding: 0
}
.console-foot-line1 ul {
margin: 0 -15px
}
.console-foot-line2 ul {
margin: 0 -10px
}
.console-foot-line1 ul li>a, .console-foot-line2 ul li>a, .console-foot-line1 ul li>div.html, .console-foot-line2 ul li>div.html {
display: block
}
.console-foot-line1 ul li>a, .console-foot-line1 ul li>div.html {
padding: 10px 15px
}
.console-foot-line2 ul li>a, .console-foot-line2 ul li>div.html {
padding: 10px
}
.console-foot-line1 ul li>div.html a, .console-foot-line2 ul li>div.html a {
display: inline-block;
margin: -10px -2px;
padding: 10px 2px
}
.console-foot-line1 {
font-size: 15px;
font-weight: 700;
line-height: 115%
}
.console-foot-line2 {
font-size: 11px;
line-height: 115%
}
.console-foot-line1+.console-foot-line2 {
border-top: 1px solid #fff
}
.console-foot-line1+.console-foot-social, .console-foot-line2+.console-foot-social {
margin-top: 10px
}
.console-foot-social-inner1 {
width: 100%;
min-height: 1px;
overflow: hidden
}
.console-foot-social-inner2 {
margin: 0px -20px 0 -20px;
text-align: center
}
.console-foot-social-group {
display: inline-block;
vertical-align: bottom;
padding: 10px 20px 0 20px;
height: 46px
}
.console-foot-social-group-title {
font-size: 12px;
font-weight: 700;
line-height: 14px;
text-align: right;
float: left;
height: 36px;
padding-left: 0;
padding-right: 3px
}
.rtl .console-foot-social-group-title {
text-align: left;
float: right;
padding-left: 3px;
padding-right: 0
}
.console-foot-social-group-title-1line {
padding-top: 11px;
padding-bottom: 11px
}
.console-foot-social-group-title-2line {
padding-top: 4px;
padding-bottom: 4px
}
.console-foot-social-group-icon {
float: left;
margin-left: 2px;
background: #fff
}
.rtl .console-foot-social-group-icon {
float: right;
margin-left: 0;
margin-right: 2px
}
.console-foot-social-group-icon, .console-foot-social-group-icon a {
display: block;
width: 36px;
height: 36px
}
.console-foot-social-group-icon a:hover {
opacity: .75
}
.console-foot-social-fbLike-inner1 {
display: table-row;
height: 36px
}
.console-foot-social-fbLike-inner2 {
display: table-cell;
height: 36px;
vertical-align: middle
}
.console-foot-social-fbLike-inner2 .fb-like {
display: block !important
}
@media (max-width: 700px) {
.console-foot-inner {
padding-bottom: 70px
}
.console-foot-line1 ul, .console-foot-line2 ul {
margin: 0 -8px
}
.console-foot-line1 ul li>a, .console-foot-line1 ul li>div.html, .console-foot-line2 ul li>a, .console-foot-line2 ul li>div.html {
padding: 8px
}
.console-foot-line1 {
font-size: 13px
}
.console-foot-line2 {
font-size: 10px
}
}
@media print {
.console-head, .console-foot {
display: none
}
}
html, body {
margin: 0px;
padding: 0px;
border: none;
min-width: 1250px;
-ms-touch-action: manipulation;
touch-action: manipulation
}
iframe{
max-width: 100% !important;
}
form {
min-width: 320px
}
html {
overflow-y: scroll;
-ms-overflow-style: scrollbar
}
html, body, td, input, textarea, select {
/*font-family: 'Helvetica World W02', Arial, Helvetica, sans-serif;*/
font-family: 'Helvetica', Arial, Helvetica, sans-serif;
color: #5a6870
}
* {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
img {
border: none;
max-width: 100%;
display: block
}
table {
border-collapse: collapse;
border-spacing: 0px;
border: none
}
td {
padding: 0px
}
@media (max-width:2000px) {
html, body {
min-width: 320px
}
}
@-webkit-viewport {
width: device-width;
max-zoom: 2
}
@-moz-viewport {
width: device-width;
max-zoom: 2
}
@-ms-viewport {
width: device-width;
max-zoom: 2
}
@-o-viewport {
width: device-width;
max-zoom: 2
}
@viewport {
width: device-width;
max-zoom: 2
}
@media (max-width: 450px) {
html {
-ms-overflow-style: -ms-autohiding-scrollbar
}
}
.clear {
clear: both;
display: block
}
.clearAfter:after {
content: "";
display: block;
clear: both
}
.center {
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px
}
@media (max-width: 700px) {
.center {
padding-left: 10px;
padding-right: 10px
}
}
@media print {
.center {
width: 980px;
padding-left: 0;
padding-right: 0
}
}
.dontBreak {
-webkit-column-break-inside: avoid;
-moz-column-break-inside: avoid;
-ms-column-break-inside: avoid;
-o-column-break-inside: avoid;
-webkit-break-inside: avoid;
break-inside: avoid
}
ul.floatList {
display: block;
margin: 0;
padding: 0;
list-style: none;
clear: both
}
ul.floatList li {
display: block;
float: left;
margin: 0;
padding: 0
}
ul.floatList:after {
display: block;
clear: both;
content: ""
}
.hide {
display: none
}
.visibleOn, .visibleOnPhone, .visibleOnMobile2, .visibleOnMobile2Phone, .visibleOnMobile1, .visibleOnMobile1Phone, .visibleOnMobile1Mobile2, .visibleOnMobile1Mobile2Phone {
display: none
}
.visibleOnDesktop, .visibleOnDesktopPhone, .visibleOnDesktopMobile2, .visibleOnDesktopMobile2Phone, .visibleOnDesktopMobile1, .visibleOnDesktopMobile1Phone, .visibleOnDesktopMobile1Mobile2, .visibleOnDesktopMobile1Mobile2Phone {
display: block
}
@media (max-width: 900px) {
.visibleOn, .visibleOnPhone, .visibleOnMobile2, .visibleOnMobile2Phone, .visibleOnDesktop, .visibleOnDesktopPhone, .visibleOnDesktopMobile2, .visibleOnDesktopMobile2Phone {
display: none
}
.visibleOnMobile1, .visibleOnMobile1Phone, .visibleOnMobile1Mobile2, .visibleOnMobile1Mobile2Phone, .visibleOnDesktopMobile1, .visibleOnDesktopMobile1Phone, .visibleOnDesktopMobile1Mobile2, .visibleOnDesktopMobile1Mobile2Phone {
display: block
}
}
@media (max-width: 700px) {
.visibleOn, .visibleOnPhone, .visibleOnMobile1, .visibleOnMobile1Phone, .visibleOnDesktop, .visibleOnDesktopPhone, .visibleOnDesktopMobile1, .visibleOnDesktopMobile1Phone {
display: none
}
.visibleOnMobile2, .visibleOnMobile2Phone, .visibleOnMobile1Mobile2, .visibleOnMobile1Mobile2Phone, .visibleOnDesktopMobile2, .visibleOnDesktopMobile2Phone, .visibleOnDesktopMobile1Mobile2, .visibleOnDesktopMobile1Mobile2Phone {
display: block
}
}
@media (max-width: 450px) {
.visibleOn, .visibleOnMobile2, .visibleOnMobile1, .visibleOnMobile1Mobile2, .visibleOnDesktop, .visibleOnDesktopMobile2, .visibleOnDesktopMobile1, .visibleOnDesktopMobile1Mobile2 {
display: none
}
.visibleOnPhone, .visibleOnMobile2Phone, .visibleOnMobile1Phone, .visibleOnMobile1Mobile2Phone, .visibleOnDesktopPhone, .visibleOnDesktopMobile2Phone, .visibleOnDesktopMobile1Phone, .visibleOnDesktopMobile1Mobile2Phone {
display: block
}
}
.pageBody-start, .pageBody-end {
display: table;
clear: both;
padding: 0
}
.pageBody-end {
margin-top: 60px
}
.sprite-socialIcon {
width: 36px;
height: 36px;
overflow: hidden
}
.sprite-socialIcon img {
max-width: 160px;
width: 160px;
display: block
}
.sprite-socialIcon-facebook img {
margin: -2px -122px 0 -2px
}
.sprite-socialIcon-twitter img {
margin: -2px -82px 0 -42px
}
.sprite-socialIcon-youtube img {
margin: -2px -42px 0 -82px
}
.sprite-socialIcon-flickr img {
margin: -2px -2px 0 -122px
}
.sprite-socialIcon-rss img {
margin: -42px -122px 0 -2px
}
.sprite-socialIcon-mail img {
margin: -42px -82px 0 -42px
}
.sprite-socialIcon-print img {
margin: -42px -42px 0 -82px
}
.sprite-socialIcon-instagram img {
margin: -82px -122px 0 -2px
}
.sprite-socialIcon-vk img {
margin: -82px -82px 0 -42px
}
.sprite-socialIcon-mail2 img {
margin: -82px -42px 0 -82px
}
.sprite-socialIcon-linkedin img {
margin: -82px -2px 0 -122px
}
.sprite-socialIcon-pinterest img {
margin: -122px -122px 0 -2px
}
#pageNavCorner {
position: fixed;
z-index: 9998;
bottom: 0;
right: 0;
background: #000;
opacity: .8
}
.rtl #pageNavCorner {
right: auto;
left: 0
}
#pageNavCorner_top, #pageNavCorner_toc {
float: left
}
.rtl #pageNavCorner_top, .rtl #pageNavCorner_toc {
float: right
}
.rtl #pageNavCorner_toc img {
-webkit-transform: scaleX(-1);
-moz-transform: scaleX(-1);
-o-transform: scaleX(-1);
transform: scaleX(-1)
}
#pageNavCorner_top a, #pageNavCorner_toc a, #pageNavTos_collapse a {
display: block;
min-width: 50px;
padding: 10px 5px 26px 5px;
text-decoration: none;
color: #fff
}
#pageNavCorner_top img, #pageNavCorner_toc img, #pageNavTos_collapse img {
display: block;
width: 20px;
height: 20px;
margin: 0 auto
}
#pageNavCorner_top i, #pageNavCorner_toc i, #pageNavTos_collapse i {
display: block;
text-align: center;
font-size: 9px;
font-style: normal;
padding: 0 5px 5px 5px
}
#pageNavCorner_top, #pageNavCorner_toc, #pageNavTos {
display: none
}
@media not all and (max-width: 700px) {
#pageNavCorner_toc {
display: none !important
}
}
@media print {
#pageNavCorner, .pageBody-start, .pageBody-end {
display: none
}
}
.Sk4QuickEditBlock {
position: fixed;
right: 0;
top: 0;
max-width: 100%;
opacity: .2;
transition: .5s;
background: #fff;
color: #000;
font-size: 10px;
z-index: 19999;
padding: 0px 5px;
text-align: right
}
.Sk4QuickEditBlock:hover {
opacity: 1;
transition: .1s
}
.Sk4QuickEditBlock table, .Sk4QuickEditBlock tr, .Sk4QuickEditBlock td {
display: inline
}
.Sk4QuickEditBlock a {
display: inline-block;
padding: 2px 5px;
text-decoration: none;
font-family: Segoe UI, Arial, sans-serif;
font-weight: bold;
color: #666
}
.Sk4QuickEditBlock a:hover {
color: #00c
}
.Sk4QuickEdit-ProductListingCode {
position: absolute;
bottom: 20px;
right: 100%;
padding-right: 10px;
font-size: 10px;
color: #999;
text-align: right
}
.iconHeading-title-nofrost {
font-size: 26px;
font-weight: 700;
color: #00b9ad;
letter-spacing: 0;
margin: -3px 0 0 0;
line-height: 100%;
letter-spacing: -0.02em
}
.iconHeading-subtitle-nofrost {
font-size: 16px;
font-weight: 400;
color: #5a6870;
margin: 4px 0 0 0
}
.adGroup-item-texts-title-nofrost {
color: #00b9ad;
display: block;
font-size: 20px;
margin-top: 20px;
transition: 0.25s;
line-height: 115%;
font-weight: 700
}
.adGroup-item-texts-subtitle-nofrost {
display: block;
font-size: 18px;
margin-top: 5px;
line-height: 115%;
font-weight: 400;
color: #5a6870;
font-weight: 800
}
.adGroup-item-texts-text-nofrost {
display: block;
font-size: 16px;
line-height: 115%;
margin-top: 15px;
color: #5a6870;
font-weight: 400
}
.halfscreenBanner-image-nofrost {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
background-size: cover;
background-repeat: no-repeat;
}
.rtl .halfscreenBanner-item>a, .rtl .halfscreenBanner-image-nofrost {
left: auto;
right: 0
}
.halfscreenBanner-image-nofrost img {
display: none;
margin: auto;
max-width: none
}
@media (max-width:700px) {
.halfscreenBanner-image-nofrost {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
background-position: -240px 0 !important;
background-size: 1000px
}
.adGroup-item-texts-subtitle-nofrost {
padding-top: 50px
}
}
@media (max-width:600px) {
.halfscreenBanner-image-nofrost {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
background-repeat: no-repeat;
background-position: -340px 0 !important;
background-size: 1000px
}
.adGroup-item-texts-subtitle-nofrost {
padding-top: 40px
}
}
@media (max-width:500px) {
.adGroup-item-texts-subtitle-nofrost {
padding-top: 30px
}
.halfscreenBanner-image-nofrost {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
background-repeat: no-repeat;
background-position: -220px 0 !important;
background-size: 750px
}
}
@media (max-width:480px) {
.halfscreenBanner-image-nofrost {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
background-repeat: no-repeat;
background-position: -220px 0 !important;
background-size: 750px
}
}
@media (max-width:400px) {
.halfscreenBanner-image-nofrost {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
background-repeat: no-repeat;
background-position: -290px 0 !important;
background-size: 750px
}
}
.iconHeading-title-ifa2016 {
font-size: 16px;
font-weight: 700;
color: #5a6870;
letter-spacing: 0;
margin: -3px 0 0 0;
line-height: 100%;
letter-spacing: -0.02em
}
body {
background: #fff
}
.sideMenu-innerContainer {
padding: 40px 0 40px 0
}
#sideMenu ul {
margin: 0;
padding: 0;
list-style: none
}
#sideMenu ul li a {
display: block;
font-size: 14px;
text-decoration: none;
color: #5a6870;
padding: 8px 0;
line-height: 18px;
font-weight: 400
}
#sideMenu ul li a.selected {
color: #00b9ad
}
#sideMenu ul ul li a {
padding-left: 8%
}
#sideMenu ul ul ul li a {
padding-left: 15.36%
}
#sideMenu ul ul ul ul li a {
padding-left: 22.1312%
}
#sideMenu ul ul ul ul ul li a {
padding-left: 28.360704%
}
#sideMenu ul ul ul ul ul ul li a {
padding-left: 34.09184768%
}
#sideMenu ul ul ul ul ul ul li li a {
padding-left: 39.364499866%
}
#sideMenu ul ul ul ul ul ul li li li a {
padding-left: 44.215339876%
}
#sideMenu ul ul ul ul ul ul li li li li a {
padding-left: 48.678112686%
}
#sideMenu ul ul ul ul ul ul li li li li li a {
padding-left: 52.783863671%
}
a {
color: #5a6870;
transition: 0.25s
}
a:hover {
transition: 0.125s
}
::selection {
background: #5a6870;
color: #fff
}
::-moz-selection {
background: #5a6870;
color: #fff
}
.pageBody>.topNavigation {
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px
}
@media (max-width: 700px) {
.pageBody>.topNavigation {
padding-left: 10px;
padding-right: 10px
}
}
@media print {
.pageBody>.topNavigation {
width: 980px;
padding-left: 0;
padding-right: 0
}
}
.topNavigation {
margin-top: 25px
}
.topNavigation-inner {
margin: 0 -10px;
font-size: 0
}
.innerNavigation-top-item, .innerNavigation-top-parentSeparator {
font-size: 12px;
line-height: 18px;
font-weight: 700;
color: #5a6870;
text-decoration: none;
padding: 11px 10px;
display: inline-block;
vertical-align: top
}
.innerNavigation-top-parentSeparator {
padding-left: 0;
padding-right: 0;
color: #9da6ab
}
.innerNavigation-top-item-parent {
color: #9da6ab
}
a.innerNavigation-top-item:hover, a.innerNavigation-top-item:hover span {
color: #00b9ad
}
.innerNavigation-top-item.selected {
font-size: 20px;
padding-top: 9px;
padding-bottom: 13px;
color: #00b9ad;
text-transform: none
}
.innerNavigation-top-item.selected span {
display: inline-block;
border: 1px solid #00b9ad;
padding: 6px 9px 7px 9px;
margin: -7px 0 -8px 0;
font-size: 17px;
color: #9da6ab
}
.pageBody-start+.pageBody-start-spacer {
height: 0;
margin-bottom: 30px
}
@media (max-width: 700px) {
.pageBody-start+.pageBody-start-spacer {
margin-bottom: 20px
}
}
#pageNavTos {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
-ms-touch-action: manipulation;
touch-action: manipulation
}
#pageNavTos_background {
position: absolute;
z-index: 9997;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #000;
opacity: .5
}
#pageNavTos_panel {
position: absolute;
z-index: 9998;
bottom: 0;
left: 0;
right: 0;
max-height: 100%;
overflow: auto;
-ms-overflow-style: -ms-autohiding-scrollbar;
-webkit-overflow-scrolling: touch;
background: #000
}
#pageNavTos_panel ul {
padding: 10px 20px 60px 20px;
margin: 0;
list-style: none
}
#pageNavTos_panel ul li {
d: 0;
background-position: left center;
background-repeat: no-repeat;
-moz-background-size: 10px 10px;
-webkit-background-size: 10px 10px;
-o-background-size: 10px 10px;
background-size: 10px 10px
}
#pageNavTos_panel ul li a {
display: block;
font-size: 21px;
line-height: 100%;
font-weight: 400;
color: #fff;
margin: 0 -20px;
d: 0;
padding: 15px 20px 15px 40px;
text-decoration: none
}
#pageNavTos_collapse {
position: absolute;
z-index: 9999;
bottom: 0;
d: 0;
right: 0;
min-width: 50px;
background: #000;
background: rgba(0, 0, 0, 0.8)
}
#pageNavTos_collapse i {
color: #fff
}
.pageNavTos-panel-item-up2 {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAAH7+Yj7AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAZpJREFUeNpiYMAH/v//3wDEASA2I0wASf4CE1iGkREuCGRvwKaSASCAGAhaBGMzIQlcgEkwISk2AEmALcNiyQWAAMJlfgC6GCMuB8BMAvkFl8+RrTOAa8BjGoapRAGAAKIDgsZxA0nBgxzlTOiKoJIX0DUyoitCkoSHI0icaKsJBjhMMVFJEtlkggAggKiOGEnMJwQTEiOxGY7YFMpIgkHI+QKnwYRyILZEwoDPYEYiDWLAUWhgGkxi2DFQ7GVSDWak0CAGospPSgBAAG7r2AZgEAaiqI6J2H8KRkoTpQHsb+MiAlE/WbK445K7qpD0W36xTmNHFKNZpghGUEUxD20QG/R5NoqtJjIb0pmsWwk01RnBvFj7ai+CEbR8y8pgFqostkN1gkW3nEJVgf3jE0TPI0D7dYwDQAhCQTRzI+9/uu2sLFwYcJPVWGp4zQ9wb8u4+aIvDnu/QYbpixhFMA1KMSwNpQkWhiLCZtHIH3WMWxVZpdiAIsMib/YWMhmmQSmG5aF/SnEJlEOwlhS3QPkITEnxEeidiLPnAXS1XyPRI4P3AAAAAElFTkSuQmCC')
}
.pageNavTos-panel-item-up {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAAH7+Yj7AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAARJJREFUeNpiYCAZ/P//vwGEQWxGmABBXQABxECeRTA2hkWMjIzYLQUIIOrZiWI3XgVQt1A/NAACaDAhaLwHkBI8F4BBswFDIY4ggismJhzBihmJDOwL1A8NgAAaXhEbQIw6RjIyD0oCINpAIqIVq8GMZBiE12BGCgxiICUohjEACKBRNNwLBmILB5BhBsRW3ozEGkZsi4CRFMOIMZSRVMMIGcpIjmH4DGUk1zBchjJSYhg2QxkpNQyjDUYNw2jcyBwFlAKAAO3WSw0AIAwE0Ywj/KtDACFQ+qGHnVTAu3V1SnlfsnEHjOghSzAsfHGTBAuDkgxzQymCPUMphpmhfIJdQ/kMO0JpAttCaQZboPqlSh2aR/GnDNlkeu8AAAAASUVORK5CYII=')
}
.pageNavTos-panel-item-down {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAAH7+Yj7AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAATJJREFUeNpiYCAWMIKI////N2CVBUnglAQBgABiIN8iRkbGBhSL8GoHCCAqeQhdIT77URyILWTIdiNAAA0gYgQ6PABIG+BVBPQ5LBxxKoYFDyNSkGAoRg5D9ACHK8Yb0EiK6QAAAmiYRCDJGYZQZBNlEHqCINdg9PTASCBdGBBrEEEDcRlMMIWOPAAQQKNokBYO1EyoF4iuTYkyjJFxAyOVKlCwYURV46QYhqv4aiDXMJylDZGGYhhGqDxsINUwguUhDkNxGkZsAdtArGFEA2hrdbSpMFQBQID2yxgFABCGgeT/nxY3F6VpY3VIcLaHCLn6OE5wwZUuATJfWCv+I9Bzwz8E5Qq+EbTW7xdBQ64A5kYRKCUxyExIgqbsCpWnCIKWtA+Kz7QB1fioMhPUbus4zRmn56qJ+8A+yQAAAABJRU5ErkJggg==')
}
.pageNavTos-panel-item-down2 {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAAH7+Yj7AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAbVJREFUeNpiYMACGEHE////G5AFmYACAbhUgiQMwAKMjAhdyDoAAggrYkTWCtPOBBW4ABOAuwTGQHcaigBAAGGYidNyNGdiaID5hQmLogvICmDWM6K5CcNrDKQCgAAiGjFihAk+XxNSDHIrI7bAxRY8yFZfwBfw6FZfwBXo2Ky+gC0sGXElAoIBDlJMbJBhBQABRP0YxJcUSTYMORQpMRg5EBlxBCRxuQ1LbODz8gUojTWBYIs5Yr0MNxifQbT1Mp5EibcgIhuADB6w1A4QgNp6twEYhIEAKm/ISB4po2SkNCmIZN8HJRJB1K/g4Mz+O14+m1MqWRmLOGgZOxhtThcrL7aJPjD09HIFa1PuSkBooj5lgPYYS7lAISalPKEUk1O+0cGwb1JGE9/FlMZOB6NggULMGQFJ/+O/WZcA7Zg7DsAgDEPL/S9dCTHAUBR/KBEiYiV5iy0n96WKm+YazTAR6NwLN4JiVvgjqOaEC0FDrlqQjiZQyO5RFdfmJCj6V1IxMowCc6l4NlwCc6u4h3kcYKtU/Ln5n61iZqdnVUyFBeX4EFWxlGYMETm0s2yvds65WT5VvRTyaVwembPfAAAAAElFTkSuQmCC')
}
#pageNavTos_panel ul li.pageNavTos-panel-item-end {
opacity: .5
}
#pageNavTos_panel ul li.pageNavTos-panel-item-end a {
font-size: 12px
}
.h1-line {
display: block
}
.h1-line-small {
display: block;
font-size: .7em
}
.h1-line-small-accent {
color: #00b9ad
}
span h1 {
display: inline;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
color: inherit;
margin: 0;
padding: 0
}
.pageTitleWithBg {
max-width: 2500px;
margin: 0 auto 20px auto
}
.pageTitleWithBg-image {
background-size: cover;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1
}
.pageTitleWithBg-link a {
display: block;
float: right;
margin-top: 30px;
padding: 0 15px;
line-height: 35px;
font-size: 18px;
background: #5a6870;
color: #fff;
text-decoration: none
}
.pageTitleWithBg-link a:hover {
background: #00b9ad;
color: #fff
}
@media not all and (max-width:700px) {
.pageTitleWithBg {
position: relative;
width: 100%
}
.pageTitleWithBg-xnarrow {
min-height: 100px;
max-height: 80vh
}
.pageTitleWithBg-xnarrow .pageTitleWithBg-sizer {
min-height: 100px;
padding-bottom: 16%
}
.pageTitleWithBg-narrow {
min-height: 200px;
max-height: 80vh
}
.pageTitleWithBg-narrow .pageTitleWithBg-sizer {
min-height: 200px;
padding-bottom: 25%
}
.pageTitleWithBg-medium {
min-height: 200px;
max-height: 80vh
}
.pageTitleWithBg-medium .pageTitleWithBg-sizer {
min-height: 200px;
padding-bottom: 37.5%
}
.pageTitleWithBg-titleContainer {
position: absolute;
left: 0;
right: 0;
bottom: 0;
z-index: 3
}
.pageTitleWithBg h1 {
d: 0;
padding: 10px 30px 0 10px;
background: #fff;
d: 0;
margin: 0 0 0 -10px;
d: 0;
float: left
}
.pageTitleWithBg+.heading-subtitle {
margin-top: -10px
}
}
@media (max-width:700px) {
.pageTitleWithBg-xnarrow .pageTitleWithBg-imageContainer {
position: relative;
min-height: 100px;
padding-bottom: 16%
}
.pageTitleWithBg-narrow .pageTitleWithBg-imageContainer {
position: relative;
min-height: 200px;
padding-bottom: 25%
}
.pageTitleWithBg-medium .pageTitleWithBg-imageContainer {
position: relative;
min-height: 200px;
padding-bottom: 37.5%
}
.pageTitleWithBg h1 {
margin-top: 10px
}
.pageTitleWithBg+.heading-subtitle {
margin-top: -20px
}
}
.sideMenu-mobileSeparator {
display: none
}
.sideMenu-outerContainer {
float: left;
width: 25%;
padding: 0 20px;
margin-right: -25%;
position: relative;
z-index: 1
}
.pageBody-withSideMenu {
float: right;
width: 75%
}
@media (min-width:1360px) {
.sideMenu-outerContainer {
float: none;
width: 50%;
margin-right: -50%;
padding: 0;
position: relative;
height: 1px
}
.sideMenu-innerContainer {
position: absolute;
right: 510px;
top: 0;
left: 20px;
z-index: 500;
max-width: 300px
}
.sideMenu .sideMenu-innerContainer>ul {
max-width: 200px;
float: right
}
.sideMenu li, .sideMenu li {
width: 100%
}
.pageBody-withSideMenu {
float: right;
width: 100%
}
}
@media (min-width:1680px) {
.sideMenu-innerContainer {
left: auto;
width: 300px
}
}
@media (max-width: 700px) {
.pageBody-withSideMenu {
min-height: 0 !important
}
.sideMenu-outerContainer {
float: none;
width: 100%;
margin-right: 0;
padding: 0 10px
}
.sideMenu-innerContainer {
padding-top: 0
}
.sideMenu-mobileSeparator {
display: block
}
.pageBody-withSideMenu {
float: none;
width: 100%
}
.pageBody_container {
min-height: 0 !important
}
}
@media print {
.tertiaryMenu-top, .sideMenu, .sideMenu-mobileSeparator {
display: none
}
}
#pageMap_desktop {
margin-bottom: 20px
}
.pageMap-desktop-inner {
border: 1px solid #ebedee
}
#pageMap_desktop i {
display: inline-block;
font-style: normal;
color: #9da6ab;
font-size: 10px;
line-height: 15px;
padding: 10px
}
#pageMap_desktop i::after {
background-image: url(../../images/misc/page_map-arrow-black.png);
width: 10px;
height: 10px;
display: inline-block;
d: 0;
margin-left: 3px;
-moz-background-size: 10px 10px;
-webkit-background-size: 10px 10px;
-o-background-size: 10px 10px;
background-size: 10px 10px;
content: ""
}
#pageMap_desktop i img {
display: inline;
width: 10px;
height: 10px;
d: 0;
margin-left: 3px
}
#pageMap_desktop a {
display: inline-block;
font-style: normal;
color: #5a6870;
font-size: 11px;
line-height: 15px;
padding: 10px;
text-decoration: none
}
#pageMap_desktop a:hover {
color: #00b9ad
}
@media (max-width: 700px) {
#pageMap_desktop {
display: none
}
}
.pageBody>h1, .pageBody>#pageMap_desktop, .pageBody>h2, .pageBody>h3, .pageBody>h4, .pageBody>.heading2, .pageBody>.heading3, .pageBody>.heading4, .pageBody>.heading-subtitle, .pageBody>.paragraph, .pageBody>.table, .pageBody>.attachment, .pageBody>.separator-hr, .pageBody>.separator-hrThin, .pageBody>.separator-hrThick, .pageBody>.imageSingle, .pageBody>.imageFullWidth, .pageBody>.dealer, .pageBody>.iconHeading {
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left:20px;
padding-right:20px
}
@media (max-width: 700px) {
.pageBody>h1, .pageBody>#pageMap_desktop, .pageBody>h2, .pageBody>h3, .pageBody>h4, .pageBody>.heading2, .pageBody>.heading3, .pageBody>.heading4, .pageBody>.heading-subtitle, .pageBody>.paragraph, .pageBody>.table, .pageBody>.attachment, .pageBody>.separator-hr, .pageBody>.separator-hrThin, .pageBody>.separator-hrThick, .pageBody>.imageSingle, .pageBody>.imageFullWidth, .pageBody>.dealer, .pageBody>.iconHeading {
padding-left: 10px;
padding-right: 10px
}
}
@media print {
.pageBody>h1, .pageBody>#pageMap_desktop, .pageBody>h2, .pageBody>h3, .pageBody>h4, .pageBody>.heading2, .pageBody>.heading3, .pageBody>.heading4, .pageBody>.heading-subtitle, .pageBody>.paragraph, .pageBody>.table, .pageBody>.attachment, .pageBody>.separator-hr, .pageBody>.separator-hrThin, .pageBody>.separator-hrThick, .pageBody>.imageSingle, .pageBody>.imageFullWidth, .pageBody>.dealer, .pageBody>.iconHeading {
width: 980px;
padding-left: 0;
padding-right: 0
}
}
.paragraph {
font-size: 14px;
font-weight: 400;
margin-bottom: 20px;
line-height: 130%;
color: #5a6870;
text-align: justify;
}
.paragraph a:hover {
color: #00b9ad
}
h1, .heading1 {
font-size: 64px;
line-height: 115%;
color: #5a6870;
font-weight: 400;
margin-top: 30px;
margin-bottom: 20px
}
h2, .heading2 {
font-size: 32px;
line-height: 115%;
color: #5a6870;
font-weight: 400
}
h3, .heading3 {
font-size: 32px;
line-height: 115%;
color: #5a6870;
font-weight: 400
}
h4, .heading4, .paragraph big {
font-size: 20px;
line-height: 115%;
color: #5a6870;
font-weight: 400
}
h2, .heading2, h3, .heading3, h4, .heading4 {
margin-top: 0;
margin-bottom: 20px;
-webkit-column-break-inside: avoid;
-moz-column-break-inside: avoid;
-ms-column-break-inside: avoid;
-o-column-break-inside: avoid;
-webkit-break-inside: avoid;
break-inside: avoid;
-webkit-column-break-after: avoid;
-moz-column-break-after: avoid;
-ms-column-break-after: avoid;
-o-column-break-after: avoid;
break-after: avoid
}
h2+.paragraph, .heading2+.paragraph, h3+.paragraph, .heading3+.paragraph, h4+.paragraph, .heading4+.paragraph {
-webkit-column-break-before: avoid;
-moz-column-break-before: avoid;
-ms-column-break-before: avoid;
-o-column-break-before: avoid;
break-before: avoid
}
.heading-subtitle {
font-size: 36px;
font-weight: 700;
color: #9da6ab;
margin-bottom: 20px;
letter-spacing: 0
}
h1+.heading-subtitle, .heading1+.heading-subtitle {
margin-top: -20px
}
@media (max-width: 900px) {
h1, .heading1 {
font-size: 60px
}
h2, .heading2 {
font-size: 44px
}
h3, .heading3 {
font-size: 30px
}
h4, .heading4, .paragraph big {
font-size: 19px
}
.heading-subtitle {
font-size: 32px
}
}
@media (max-width: 700px) {
h1, .heading1 {
font-size: 48px
}
h2, .heading2 {
font-size: 38px
}
h3, .heading3 {
font-size: 24px;
font-weight: 400
}
h4, .heading4, .paragraph big {
font-size: 18px;
font-weight: 700
}
.heading-subtitle {
font-size: 26px
}
}
@media (max-width: 450px) {
h1, .heading1 {
font-size: 36px
}
h2, .heading2 {
font-size: 28px;
font-weight: 400
}
h3, .heading3 {
font-size: 21px
}
h4, .heading4, .paragraph big {
font-size: 17px
}
.heading-subtitle {
font-size: 22px
}
}
h2 a:hover, h3 a:hover, h4 a:hover, .heading2 a:hover, .heading3 a:hover, .heading4 a:hover, .paragraph big a:hover {
color: #00b9ad
}
h2 a, .heading2 a {
display: block;
text-decoration: none
}
.heading-linkButton {
d: 0;
float: right;
display: block;
line-height: .95em;
height: .95em
}
.heading-linkButton>span {
display: inline-block;
vertical-align: bottom;
font-size: 12px;
line-height: 14px;
position: relative;
d: 0;
padding: 0 27px 0 10px;
d: 0;
text-align: right;
font-weight: 400;
color: #9da6ab;
transition: 0.25s
}
.heading-linkButton>span:before {
display: block;
d: 0;
float: right;
content: "›";
vertical-align: bottom;
width: 20px;
height: 20px;
font-weight: 700;
text-align: center;
font-size: 20px;
text-decoration: none;
line-height: 16px;
background: #5a6870;
color: #fff;
transition: 0.25s;
position: absolute;
d: 0;
right: 0;
bottom: 2px
}
h2 a:hover .heading-linkButton>span, .heading2 a:hover .heading-linkButton>span {
color: #5a6870;
transition: 0.125s
}
h2 a:hover .heading-linkButton>span:before, .heading2 a:hover .heading-linkButton>span:before {
background-color: #00b9ad;
transition: 0.125s
}
.headingLink {
margin-bottom: 20px
}
.headingLink a {
display: block;
background: #f8f9f9;
d: 0;
padding: 20px 90px 20px 20px;
position: relative;
text-decoration: none
}
.headingLink a:hover {
background: transparent
}
.headingLink-arrow {
position: absolute;
top: 50%;
d: 0;
right: 20px;
transition: 0.3s ease-out
}
.headingLink-arrow img {
width: 50px;
height: 50px;
margin-top: -25px
}
.rtl .headingLink-arrow img {
-webkit-transform: scaleX(-1);
-moz-transform: scaleX(-1);
-o-transform: scaleX(-1);
transform: scaleX(-1)
}
.headingLink a:hover .headingLink-arrow {
d: 0;
right: 10px
}
@media (max-width: 900px) {
.heading-linkButton>span {
font-size: 11px;
line-height: 14px
}
}
@media (max-width: 700px) {
.heading-linkButton>span {
font-size: 10px;
line-height: 12px
}
.headingLink {
margin-bottom: 10px
}
.headingLink a {
padding: 10px 50px 10px 10px
}
.headingLink-arrow {
right: 10px
}
.headingLink-arrow img {
width: 30px;
height: 30px;
margin-top: -15px
}
.headingLink a:hover .headingLink-arrow {
right: 5px
}
}
@media (max-width: 450px) {
.heading-linkButton>span {
font-size: 9px;
line-height: 11px
}
}
h4+.paragraph, .heading4+.paragraph {
margin-top: -10px
}
.paragraph-small, .paragraph small {
font-size: 11.2px;
color: #9da6ab;
line-height: 130%
}
.paragraph-emphasis {
font-weight: 700;
font-size: 16.8px
}
.paragraph-list p {
padding-left: 40px;
text-indent: -40px
}
.paragraph p, .paragraph ul, .paragraph ol {
margin-top: 0;
margin-bottom: 0
}
.paragraph p+p, .paragraph ul+p, .paragraph ul+ul, .paragraph ul+ol, .paragraph ol+p, .paragraph ol+ul, .paragraph ol+ol {
margin-top: 1em
}
.paragraph p+ul, .paragraph p+ol {
margin-top: .5em
}
.paragraph ul {
d: 0;
padding: 0 0 0 20px;
list-style: none
}
.paragraph ul li {
padding: 0;
-webkit-column-break-inside: avoid;
-moz-column-break-inside: avoid;
-ms-column-break-inside: avoid;
-o-column-break-inside: avoid;
-webkit-break-inside: avoid;
break-inside: avoid
}
.paragraph ul li:before {
content: "• ";
width: 20px;
d: 0;
margin-left: -20px;
text-align: center;
display: block;
d: 0;
float: left
}
.paragraph ul ul li:before {
content: "· "
}
.paragraph ul li+li, .paragraph ul ul+li {
margin-top: .33em
}
.paragraph-small ul li+li, .paragraph-small ul ul+li {
margin-top: .15em
}
sub, sup {
font-size: 70%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sup {
top: -0.7em
}
sub {
bottom: -0.3em
}
.separator-hr:before, .separator-hrThin:before, .separator-hrThick:before {
border-top: 1px solid #d8dbdd;
display: block;
content: "";
width: 100%
}
.separator-hr, .separator-hrThin, .separator-hrThick {
content: " ";
margin-bottom: 20px;
-webkit-column-break-before: avoid;
-moz-column-break-before: avoid;
-ms-column-break-before: avoid;
-o-column-break-before: avoid;
break-before: avoid;
-webkit-column-break-inside: avoid;
-moz-column-break-inside: avoid;
-ms-column-break-inside: avoid;
-o-column-break-inside: avoid;
-webkit-break-inside: avoid;
break-inside: avoid
}
.separator-hr-s0 {
margin-top: 0;
margin-bottom: 0
}
.separator-hr-s2 {
margin-top: 40px;
margin-bottom: 40px
}
.separator-hr-s3 {
margin-top: 60px;
margin-bottom: 60px
}
.separator-spacer, .separator-spacer2, .separator-spacer3 {
margin-bottom: 20px;
width: 100%;
overflow: hidden
}
.separator-spacer {
height: 0
}
.separator-spacer2 {
margin-top: 20px
}
.separator-spacer3 {
margin-top: 40px
}
.separator-remove {
margin-top: -20px
}
.separator-remove2 {
margin-top: -40px
}
.separator-remove3 {
margin-top: -60px
}
.table table {
border-collapse: collapse;
margin-bottom: 20px
}
.table table tr {
-webkit-column-break-inside: avoid;
-moz-column-break-inside: avoid;
-ms-column-break-inside: avoid;
-o-column-break-inside: avoid;
-webkit-break-inside: avoid;
break-inside: avoid
}
.table .table-cell {
border: 1px solid #9da6ab;
padding: 3px 10px;
font-size: 14px;
font-weight: 400
}
.table .table-cellHeader {
border-color: #9da6ab
}
.table .table-cellFirstColumn {
border-left: none;
padding-left: 0
}
.table .table-cellLastColumn {
border-right: none;
padding-right: 0
}
.rtl .table .table-cellFirstColumn {
border-left: 1px solid #9da6ab;
border-right: none;
padding-left: 10px;
padding-right: 0
}
.rtl .table .table-cellLastColumn {
border-right: 1px solid #9da6ab;
border-left: none;
padding-right: 10px;
padding-left: 0
}
.table .table-cellFirstRow {
border-top: none;
padding-top: 0
}
.table-shaded tr {
transition: 0.25s
}
.table-shaded tr:hover {
background: #f8f9f9;
transition: 0.125s
}
.table .table-invisibleCell {
padding-left: 20px;
padding-top: 10px;
font-size: 14px;
font-weight: 400
}
.table .table-invisibleCellFirstColumn {
padding-left: 0
}
.table .table-invisibleCellFirstRow {
padding-top: 0
}
.table .table-cell, .table-invisibleCell {
color: #5a6870
}
.table .table-cellHeader, .table .table-invisibleCellHeader {
font-weight: 700
}
.table .emphasis {
font-size: 16px;
font-weight: 700
}
.table .small {
font-size: 12px
}
.attachment {
margin-bottom: 20px;
-webkit-column-break-inside: avoid;
-moz-column-break-inside: avoid;
-ms-column-break-inside: avoid;
-o-column-break-inside: avoid;
-webkit-break-inside: avoid;
break-inside: avoid
}
.attachment+.attachment {
margin-top: -10px
}
.attachment a {
display: table-row;
text-decoration: none
}
.attachment a:hover b {
color: #00b9ad;
transition: 0.125s
}
.attachment a:after {
display: block;
clear: both;
content: ""
}
.attachment img {
width: 26px;
height: 26px;
max-width: none;
display: block;
d: 0;
float: left;
d: 0;
margin-right: 10px;
margin-top: 2px
}
.attachment span {
display: table-cell;
vertical-align: middle;
height: 26px
}
.attachment b {
font-weight: 400;
font-size: 14px;
display: block;
transition: 0.25s;
line-height: 14px
}
.attachment i {
font-style: normal;
display: block;
color: #9da6ab;
font-size: 13px;
line-height: 14px;
margin-top: 2px
}
.attachment small {
font-style: normal;
font-size: 10px;
line-height: 12px;
display: block;
margin-top: 2px
}
.pageBody>.linkList {
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px
}
@media (max-width: 700px) {
.pageBody>.linkList {
padding-left: 10px;
padding-right: 10px
}
}
@media print {
.pageBody>.linkList {
width: 980px;
padding-left: 0;
padding-right: 0
}
}
h4+.linkList-nav, .heading4+.linkList-nav {
margin-top: -17px
}
.paragraph+.linkList, h2+.linkList, .heading2+.linkList, h3+.linkList, .heading3+.linkList, h4+.linkList, .heading4+.linkList {
-webkit-column-break-before: avoid;
-moz-column-break-before: avoid;
-ms-column-break-before: avoid;
-o-column-break-before: avoid;
break-before: avoid
}
.linkList {
margin-bottom: 20px;
-webkit-column-break-inside: avoid;
-moz-column-break-inside: avoid;
-ms-column-break-inside: avoid;
-o-column-break-inside: avoid;
-webkit-break-inside: avoid;
break-inside: avoid
}
.linkList-nav ul, .linkList-big ul {
list-style: none;
d: 0;
margin: 0 0 0 -20px;
padding: 0
}
.linkList-nav ul:after, .linkList-big ul:after {
content: "";
display: block;
clear: both
}
.linkList-nav ul li {
d: 0;
float: left;
d: 0;
margin-left: 20px
}
.linkList-nav ul li a {
text-decoration: none;
font-size: 16px;
line-height: 100%;
transition: 0.25s;
display: block;
d: 0;
padding: 8px 0 8px 1em;
font-weight: 700
}
.linkList-nav ul li a:hover {
color: #00b9ad;
transition: 0.125s
}
.linkList-nav ul li.linkList-nav-video a {
d: 0;
padding-left: 2em
}
.linkList-nav ul li a .diagonalLinkArrow {
color: #00b9ad
}
.linkList-big-right ul {
text-align: right
}
.linkList-big ul li {
display: inline-block;
d: 0;
margin-left: 20px;
text-align: left;
vertical-align: middle
}
.linkList-big ul li a {
display: table;
height: 40px;
text-decoration: none
}
.linkList-big ul li a b {
display: table-cell;
vertical-align: middle;
height: 40px;
color: #5a6870;
font-size: 14px;
line-height: 125%;
text-decoration: none;
text-align: right;
text-transform: uppercase;
d: 0;
padding-right: 10px;
transition: 0.25s
}
.linkList-big ul li a:hover b {
color: #00b9ad;
transition: 0.125s
}
.linkList-big ul li a i {
display: table-cell;
width: 40px;
height: 40px;
-moz-background-size: 40px 40px;
-webkit-background-size: 40px 40px;
-o-background-size: 40px 40px;
background-size: 40px 40px;
background-repeat: no-repeat;
background-position: center center
}
.linkList-big-subtle ul li a b {
color: #9da6ab
}
.linkList-nav-video i {
display: block;
width: 1.5em;
height: 1.5em;
d: 0;
float: left;
d: 0;
margin: -0.145em 0 -0.125em -2em;
border: 0.1em solid #5a6870;
transition: 0.25s;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%
}
.linkList-nav-video a:hover i {
border-color: #00b9ad;
transition: 0.125s
}
.linkList-nav-video i:before {
display: block;
content: "";
width: 0;
height: 0;
border-left: 0.45em solid #5a6870;
border-top: .32em solid transparent;
border-bottom: .32em solid transparent;
margin: .4em .5em;
transition: 0.25s
}
.linkList-nav-video a:hover i:before {
border-left-color: #00b9ad;
transition: 0.125s
}
.narrowContent .linkList-nav ul li, .narrowContent40 .linkList-nav ul li {
float: none
}
@media (max-width: 700px) {
.linkList-nav ul li a {
font-size: 14px
}
}
.image a {
display: inline-block;
vertical-align: top;
max-width: 100%
}
.imageSingle, .imageFullWidth {
margin-bottom: 20px
}
.imageFullWidth img {
width: 100%
}
.standaloneIcon {
d: 0;
float: left;
d: 0;
padding: 0 20px 20px 0;
width: 70px
}
.standaloneIcon img {
max-width: 50px;
max-height: 50px;
margin: 0 auto
}
@media (max-width: 700px) {
.standaloneIcon {
d: 0;
padding: 0 10px 10px 0;
width: 60px
}
}
.stepSliderIndicators-container {
margin: 0 -4px
}
.stepSliderIndicators .indicator {
display: block;
min-width: 38px;
padding: 18px 4px;
height: 40px;
cursor: pointer;
d: 0;
float: left;
overflow: hidden;
text-indent: -1000px;
line-height: 0
}
.stepSliderIndicators .indicator i {
content: "";
display: block;
width: 100%;
border-top: 4px solid #d8dbdd;
transition: 0.25s
}
.stepSliderIndicators .indicator:hover i, .stepSliderIndicators .indicator.hovered i {
border-top-color: #a2a4a6;
transition: 0.125s
}
.stepSliderIndicators .indicator.active i {
border-top-color: #5a6870
}
.stepSliderIndicators .indicator.active:hover i, .stepSliderIndicators .indicator.active.hovered i {
border-top-color: #2d3438
}
.smoothSliderIndicator-container {
position: relative;
width: 100%;
height: 40px;
cursor: pointer
}
.smoothSliderIndicator-container:before {
content: "";
display: block;
position: absolute;
z-index: 1;
top: 18px;
bottom: 18px;
left: 0;
right: 0;
background: #d8dbdd
}
.smoothSliderIndicator {
display: block;
position: absolute;
z-index: 2;
top: 0;
bottom: 0
}
.smoothSliderIndicator i {
display: block;
position: absolute;
z-index: 2;
top: 18px;
bottom: 18px;
background: #5a6870;
left: 0;
width: 100%;
transition: 0.25s
}
.smoothSliderIndicator-container:hover i {
background: #005d57;
transition: 0.125s
}
.tabControl-head-outer, .tabControl-heading-outer {
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
margin-bottom: 20px
}
@media (max-width: 700px) {
.tabControl-head-outer, .tabControl-heading-outer {
padding-left: 10px;
padding-right: 10px
}
}
@media print {
.tabControl-head-outer, .tabControl-heading-outer {
width: 980px;
padding-left: 0;
padding-right: 0
}
}
.tabControl-head, .tabControl-heading {
border-bottom: 1px solid #d8dbdd;
d: 0;
padding: 0 5px 0 10px
}
.tabControl-head-item, .tabControl-heading-inner {
display: inline-block;
vertical-align: top;
padding: 9px 19px;
border: 1px solid transparent;
line-height: 20px;
font-size: 16px;
margin-bottom: -1px;
d: 0;
margin-right: -1px
}
.tabControl-head-item.selected, .tabControl-heading-inner {
border-left-color: #d8dbdd;
border-top-color: #d8dbdd;
border-right-color: #d8dbdd;
background: #fff
}
.tabControl-heading-outer {
display: none
}
.tabControl-head-item {
cursor: pointer;
transition: 0.25s
}
.tabControl-head-item:hover {
color: #00b9ad;
transition: 0.125s
}
@media (max-width: 700px) {
.tabControl-head {
display: none
}
.tabControl-heading-outer {
display: block
}
.tabControl-content-panel {
display: block !important
}
}
#ajaxLoadingPanel {
position: fixed;
z-index: 11000;
width: 100%;
height: 100%;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: rgba(255, 255, 255, 0.75);
opacity: 1;
-webkit-animation: ajaxLoaderPanel 0.6s ease-in-out 1;
-moz-animation: ajaxLoaderPanel 0.6s ease-in-out 1;
-o-animation: ajaxLoaderPanel 0.6s ease-in-out 1;
animation: ajaxLoaderPanel 0.6s ease-in-out 1
}
#ajaxLoadingPanel i {
position: absolute;
z-index: 11001;
width: 0;
height: 0;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto
}
#ajaxLoadingPanel i:before, #ajaxLoadingPanel i:after {
position: relative;
content: "";
display: block;
width: 6px;
height: 6px;
border-radius: 3px;
background: #5a6870;
opacity: 0;
-webkit-animation: ajaxLoaderIndicator 1.2s ease-in-out infinite;
-moz-animation: ajaxLoaderIndicator 1.2s ease-in-out infinite;
-o-animation: ajaxLoaderIndicator 1.2s ease-in-out infinite;
animation: ajaxLoaderIndicator 1.2s ease-in-out infinite
}
#ajaxLoadingPanel i:after {
margin-top: -6px;
-webkit-animation-delay: .6s;
-moz-animation-delay: .6s;
-o-animation-delay: .6s;
animation-delay: .6s
}
@-webkit-keyframes ajaxLoaderPanel {
from {
opacity: 0
}
to {
opacity: 1
}
}
@-moz-keyframes ajaxLoaderPanel {
from {
opacity: 0
}
to {
opacity: 1
}
}
@-ms-keyframes ajaxLoaderPanel {
from {
opacity: 0
}
to {
opacity: 1
}
}
@-o-keyframes ajaxLoaderPanel {
from {
opacity: 0
}
to {
opacity: 1
}
}
@keyframes ajaxLoaderPanel {
from {
opacity: 0
}
to {
opacity: 1
}
}
@-webkit-keyframes ajaxLoaderIndicator {
from {
left: -12px;
opacity: 0
}
50% {
opacity: 1
}
to {
left: 8px;
opacity: 0
}
}
@-moz-keyframes ajaxLoaderIndicator {
from {
left: -12px;
opacity: 0
}
50% {
opacity: 1
}
to {
left: 8px;
opacity: 0
}
}
@-ms-keyframes ajaxLoaderIndicator {
from {
left: -12px;
opacity: 0
}
50% {
opacity: 1
}
to {
left: 8px;
opacity: 0
}
}
@-o-keyframes ajaxLoaderIndicator {
from {
left: -12px;
opacity: 0
}
50% {
opacity: 1
}
to {
left: 8px;
opacity: 0
}
}
@keyframes ajaxLoaderIndicator {
from {
left: -12px;
opacity: 0
}
50% {
opacity: 1
}
to {
left: 8px;
opacity: 0
}
}
.diagonalLinkArrow {
display: block;
width: 1em;
height: 1.25em;
d: 0;
float: left;
d: 0;
margin-left: -1em
}
.diagonalLinkArrow:before {
display: block;
width: 1em;
height: 1em;
line-height: 1.55em;
d: 0;
text-align: left;
content: "\25BA";
font-size: .7em;
font-style: normal;
font-weight: 700;
-webkit-transform: scaleX(0.75);
-moz-transform: scaleX(0.75);
-o-transform: scaleX(0.75);
transform: scaleX(0.75)
}
.rtl .diagonalLinkArrow:before {
content: "\25C4"
}
.linkArrowIcon {
display: block;
width: 40px;
height: 40px;
-moz-background-size: 40px 40px;
-webkit-background-size: 40px 40px;
-o-background-size: 40px 40px;
background-size: 40px 40px;
background-repeat: no-repeat;
background-position: center center
}
.pageBody>.inPageVideo {
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px
}
@media (max-width: 700px) {
.pageBody>.inPageVideo {
padding-left: 10px;
padding-right: 10px
}
}
@media print {
.pageBody>.inPageVideo {
width: 980px;
padding-left: 0;
padding-right: 0
}
}
.inPageVideo-container {
position: relative;
height: 0px;
overflow: hidden;
margin-bottom: 20px
}
.inPageVideo-container b {
position: absolute;
top: -1px;
left: -1px;
bottom: -1px;
right: -1px
}
.inPageVideo-container iframe, .inPageVideo object, .inPageVideo embed, .inPageVideo img {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%
}
.inPageVideo-clickInit {
cursor: pointer
}
.inPageVideo-clickInit i {
display: block;
position: absolute;
left: 50%;
top: 50%;
margin: -40px 0 0 -40px;
background: #fff;
opacity: .75;
width: 80px;
height: 80px;
-moz-border-radius: 40px;
-webkit-border-radius: 40px;
border-radius: 40px;
transition: 0.25s;
z-index: 2
}
.inPageVideo-clickInit i:before {
display: block;
content: "";
margin: 20px 20px 0 28px;
width: 0;
border-left: 32px solid #5a6870;
border-top: 20px solid transparent;
border-bottom: 20px solid transparent
}
.inPageVideo-clickInit:hover i {
opacity: 1;
transition: 0.125s
}
.input-textbox {
background-color: #ebedee;
color: #5a6870;
border: none;
margin: 0;
padding: 7px;
font-size: 18px;
line-height: 20px;
height: 40px;
border: 2px solid #ebedee;
transition: 0.25s;
outline: none
}
textarea.input-textbox {
height: 100px;
overflow: auto;
resize: vertical
}
select.input-textbox {
d: 0;
padding: 2px 2px 2px 7px;
line-height: 28px
}
.input-error .input-textbox, .input-error.input-textbox {
background-color: #ffbfbf;
border-color: red
}
.input-textbox:focus, .input-textbox:hover {
border-color: #00b9ad;
transition: 0.125s
}
.input-textbox.input-readonly {
background-color: transparent !important
}
.input-error .input-checkbox, .input-error.input-checkbox input+b::before {
background-color: #ffbfbf;
border-color: red
}
.input-checkbox {
width: 40px;
height: 40px;
position: relative;
margin: -5px;
display: block;
d: 0;
float: left
}
.input-checkbox input {
width: 40px;
height: 40px;
opacity: 0;
display: block;
position: absolute;
left: 0;
top: 0;
z-index: 5;
margin: 0;
padding: 0
}
.input-checkbox input+b {
display: block;
content: "";
width: 30px;
height: 30px;
padding: 0;
position: absolute;
left: 5px;
top: 5px;
overflow: hidden;
z-index: 1
}
.input-checkbox input+b::before {
display: block;
content: "";
background-color: #fff;
width: 30px;
height: 30px;
position: absolute;
left: 0;
top: 0;
z-index: 2;
transition: 0.25s;
border: 7px solid #d8dbdd;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.input-checkbox input+b+i {
display: block;
content: "";
position: absolute;
left: 5px;
right: 5px;
top: 5px;
bottom: 5px;
z-index: 4;
transition: 0.25s;
border: 2px none transparent
}
.input-checkbox input:checked+b::before {
border-width: 0;
background-color: #5a6870
}
.input-checkbox input+b::after {
display: block;
content: "";
border-left: 2px solid transparent;
border-bottom: 2px solid transparent;
width: 22px;
height: 8px;
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
margin: 4px 0 0 8px;
transition: 0.25s;
position: absolute;
z-index: 3
}
.input-checkbox input:checked+b::after {
border-left: 2px solid #fff;
border-bottom: 2px solid #fff;
transition: 0.125s
}
.input-checkbox input:focus+b::before, .input-checkbox input:active+b::before, .input-checkbox input:hover+b::before {
border-color: #00b9ad;
transition: 0.125s
}
.input-checkbox input:focus+b+i, .input-checkbox input:active+b+i, .input-checkbox input:hover+b+i {
border: 4px solid #00b9ad;
transition: 0.125s
}
.input-checkbox-radio input+b, .input-checkbox-radio input+b::before, .input-checkbox-radio input+b+i {
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px
}
.input-checkbox input:disabled+b::before {
border-width: 0;
background-color: #ebedee
}
.input-checkbox input:disabled+b+i {
display: none
}
.input-button {
display: inline-block;
line-height: 20px;
padding: 10px 20px;
background: #5a6870;
border: none;
font-size: 14px;
color: #fff;
text-transform: uppercase;
font-weight: 700;
cursor: pointer;
transition: 0.25s;
text-decoration: none;
vertical-align: bottom;
outline: none
}
.input-button:hover, .input-button:focus, .input-button:active, a:hover .input-button, a:focus .input-button, a:active .input-button {
background: #00b9ad;
transition: 0.125s
}
.input-button-main {
background: #00b9ad
}
.input-button-minor {
background: #fff;
border: 1px solid #d8dbdd;
padding: 9px 19px;
color: #5a6870
}
.input-button-main:hover, .input-button-main:focus, .input-button-main:active, a:hover .input-button-main, a:focus .input-button-main, a:active .input-button-main {
background: #5a6870
}
.input-button-minor:hover, .input-button-minor:focus, .input-button-minor:active, a:hover .input-button-minor, a:focus .input-button-minor, a:active .input-button-minor {
background: #5a6870;
border-color: #5a6870;
color: #fff
}
.input-button-list {
font-size: 0;
margin-left: -10px;
margin-top: -10px
}
.input-button-list .input-button {
margin-left: 10px;
margin-top: 10px
}
.alert-error, .alert-info, .alert-success {
d: 0;
padding: 10px 10px 10px 40px;
font-size: 14px;
font-weight: 700;
color: #fff;
line-height: 130%;
position: relative;
margin-bottom: 20px
}
.alert-error a, .alert-info a, .alert-success a {
color: #fff
}
.alert-error:before, .alert-info:before, .alert-success:before {
display: block;
font-size: 24px;
line-height: 20px;
d: 0;
left: 10px;
top: 50%;
margin-top: -10px;
width: 20px;
text-align: center;
position: absolute
}
.alert-error {
background: red
}
.alert-error:before {
content: "!";
font-weight: 700
}
.alert-info {
background: #9da6ab
}
.alert-info:before {
content: "i";
font-size: 16px;
font-weight: 700;
color: #9da6ab;
background: #fff;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
line-height: 16px;
d: 0;
padding-left: 1px;
height: 17px;
d: 0;
left: 11px;
width: 17px;
margin-top: -8.5px
}
.alert-success {
background: #5a6870
}
.alert-success:before {
content: "☻";
font-weight: 400;
line-height: 18px
}
@media (max-width: 700px) {
.input-textbox {
padding: 7px 7px
}
}
.pageBody>.backLink {
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px
}
@media (max-width: 700px) {
.pageBody>.backLink {
padding-left: 10px;
padding-right: 10px
}
}
@media print {
.pageBody>.backLink {
width: 980px;
padding-left: 0;
padding-right: 0
}
}
.backLink {
margin-bottom: 20px
}
.backLink a {
display: inline-block;
padding: 10px;
margin: -10px;
font-weight: 700;
font-size: 16px;
text-decoration: none;
color: #5a6870
}
.backLink a:before {
content: "‹ ";
display: inline
}
.backLink a:hover {
color: #00b9ad
}
@media print {
.topNavigation, #pageMap_desktop {
display: none
}
}
.iconHeading {
display: table;
margin-bottom: 20px
}
.iconHeading-icon {
display: table-cell;
vertical-align: top;
d: 0;
padding: 0 20px 0 0
}
.iconHeading-icon img {
width: 50px;
height: 50px;
min-width: 50px
}
.iconHeading-texts {
display: table-cell;
vertical-align: top
}
.iconHeading-title {
font-size: 26px;
font-weight: 700;
color: #9da6ab;
letter-spacing: 0;
margin: -3px 0 0 0;
line-height: 100%;
letter-spacing: -0.02em
}
.iconHeading-subtitle {
font-size: 16px;
font-weight: 400;
color: #00b9ad;
margin: 4px 0 0 0
}
@media (max-width: 700px) {
.iconHeading-icon {
d: 0;
padding-right: 10px
}
.iconHeading-icon img {
max-width: 45px;
max-height: 45px
}
.iconHeading-title {
font-size: 24px;
margin-top: -5px
}
.iconHeading-subtitle {
font-size: 15px
}
}
@media (max-width: 450px) {
.iconHeading-icon img {
max-width: 40px;
max-height: 40px;
min-width: 40px
}
.iconHeading-title {
font-size: 22px;
margin-top: -4px
}
.iconHeading-subtitle {
font-size: 14px
}
}
.collapsibleToggle-icon {
display: block;
width: 15px;
height: 15px;
background: #9da6ab;
position: relative;
transition: 0.25s
}
.collapsibleToggle:hover .collapsibleToggle-icon {
background: #00b9ad;
transition: 0.125s
}
.collapsibleToggle-icon:before, .collapsibleToggle-icon:after {
content: "";
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transition: 0.25s;
opacity: 0;
-moz-background-size: contain;
-webkit-background-size: contain;
-o-background-size: contain;
background-size: contain
}
.collapsibleToggle-icon:before {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADxJREFUeNrs1KEOACAIQEH0//9ZDVaKY5Nw19mDQgR0s67X+flrcWFh4TIjew6lkaPNxV6msLAw9LMFGAAWDhQUFPHhIAAAAABJRU5ErkJggg==')
}
.collapsibleToggle-icon:after {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADBJREFUeNrs0CEOACAMBMHS//8ZamoaJAIxI9dcchEA8Jt1i7s8HSmzpe8BoB0BBgAKbgQEZtzr9AAAAABJRU5ErkJggg==')
}
.collapsibleToggle-expanded .collapsibleToggle-icon:after {
opacity: 1
}
.collapsibleToggle-collapsed .collapsibleToggle-icon:before {
opacity: 1
}
.pageBody>.textWithImage {
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px
}
@media (max-width: 700px) {
.pageBody>.textWithImage {
padding-left: 10px;
padding-right: 10px
}
}
@media print {
.pageBody>.textWithImage {
width: 980px;
padding-left: 0;
padding-right: 0
}
}
.textWithImage:after {
display: block;
clear: both;
content: ""
}
.textWithImage-inner {
margin-left: -20px
}
.textWithImage .image {
margin-bottom: 20px
}
.textWithImage-part-desktop-left1, .textWithImage-part-desktop-left2, .textWithImage-part-desktop-left3, .textWithImage-part-desktop-left4 {
float: left;
clear: left;
padding-left: 20px
}
.textWithImage-part-desktop-right1, .textWithImage-part-desktop-right2, .textWithImage-part-desktop-right3, .textWithImage-part-desktop-right4 {
float: right;
clear: right;
padding-left: 20px
}
.textWithImage-part-desktop-right1, .textWithImage-part-desktop-left1 {
width: 20%
}
.textWithImage-part-desktop-right2, .textWithImage-part-desktop-left2 {
width: 40%
}
.textWithImage-part-desktop-right3, .textWithImage-part-desktop-left3 {
width: 60%
}
.textWithImage-part-desktop-right4, .textWithImage-part-desktop-left4 {
width: 80%
}
@media (max-width: 900px) {
.textWithImage-part-desktop-left1, .textWithImage-part-desktop-left2, .textWithImage-part-desktop-left3, .textWithImage-part-desktop-left4, .textWithImage-part-desktop-right1, .textWithImage-part-desktop-right2, .textWithImage-part-desktop-right3, .textWithImage-part-desktop-right4 {
float: none;
clear: none;
width: auto
}
.textWithImage-part-mobile1-left1, .textWithImage-part-mobile1-left2, .textWithImage-part-mobile1-left3 {
float: left;
clear: left;
padding-left: 20px
}
.textWithImage-part-mobile1-right1, .textWithImage-part-mobile1-right2, .textWithImage-part-mobile1-right3 {
float: right;
clear: right;
padding-left: 20px
}
.textWithImage-part-mobile1-right1, .textWithImage-part-mobile1-left1 {
width: 25%
}
.textWithImage-part-mobile1-right2, .textWithImage-part-mobile1-left2 {
width: 50%
}
.textWithImage-part-mobile1-right3, .textWithImage-part-mobile1-left3 {
width: 75%
}
}
@media (max-width: 700px) {
.textWithImage-inner {
margin-left: -20px
}
.textWithImage-part-mobile1-left1, .textWithImage-part-mobile1-left2, .textWithImage-part-mobile1-left3, .textWithImage-part-mobile1-right1, .textWithImage-part-mobile1-right2, .textWithImage-part-mobile1-right3 {
float: none;
clear: none;
width: auto
}
.textWithImage-part-mobile2-left1, .textWithImage-part-mobile2-left2 {
float: left;
clear: left;
padding-left: 20px
}
.textWithImage-part-mobile2-right1, .textWithImage-part-mobile2-right2 {
float: right;
clear: right;
padding-left: 20px
}
.textWithImage-part-mobile2-leftFull, .textWithImage-part-mobile2-rightFull {
padding-left: 20px
}
.textWithImage-part-mobile2-right1, .textWithImage-part-mobile2-left1 {
width: 33.333333333%
}
.textWithImage-part-mobile2-right2, .textWithImage-part-mobile2-left2 {
width: 66.666666667%
}
.textWithImage-image-mobile2-leftWrap {
margin-right: 20px
}
.textWithImage-image-mobile2-rightWrap {
margin-left: 20px
}
.hideOnMobile {
display: none
}
}
@media (max-width: 450px) {
.textWithImage-inner {
margin-left: 0
}
.textWithImage-part-mobile2-left1, .textWithImage-part-mobile2-left2, .textWithImage-part-mobile2-leftFull, .textWithImage-part-mobile2-right1, .textWithImage-part-mobile2-right2, .textWithImage-part-mobile2-rightFull {
float: none;
clear: none;
width: auto;
padding-left: 0
}
.textWithImage-image-mobile2-leftWrap, .textWithImage-image-mobile2-rightWrap {
margin-left: 0;
margin-right: 0
}
.textWithImage-image-phone-left {
width: 48.4375%;
float: left;
margin-right: 10px
}
.textWithImage-image-phone-right {
width: 48.4375%;
float: right;
margin-left: 10px
}
}
@media (min-width:1040px) {
.textWithImage-extend, .pageBody>.textWithImage-extend {
max-width: none;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0
}
.textWithImage-extend .textWithImage-inner {
margin-left: 0
}
.textWithImage-extend .textWithImage-part-desktop-right1, .textWithImage-extend .textWithImage-part-desktop-left1 {
width: 50%;
z-index: 1;
padding-left: 0;
padding-right: 0
}
.textWithImage-extend .textWithImage-part-desktop-right2, .textWithImage-extend .textWithImage-part-desktop-left2 {
width: 50%;
z-index: 1;
padding-left: 0;
padding-right: 0
}
.textWithImage-extend .textWithImage-part-desktop-right3, .textWithImage-extend .textWithImage-part-desktop-left3 {
width: 50%;
z-index: 2;
padding-left: 0;
padding-right: 0
}
.textWithImage-extend .textWithImage-part-desktop-right4, .textWithImage-extend .textWithImage-part-desktop-left4 {
width: 50%;
z-index: 2;
padding-left: 0;
padding-right: 0
}
.textWithImage-part-desktop-right1 .textWithImage-extend-inner {
margin-left: 310px;
margin-right: auto
}
.textWithImage-part-desktop-right2 .textWithImage-extend-inner {
margin-left: 110px;
margin-right: auto
}
.textWithImage-part-desktop-right3 .textWithImage-extend-inner {
margin-left: -90px;
margin-right: auto
}
.textWithImage-part-desktop-right4 .textWithImage-extend-inner {
margin-left: -290px;
margin-right: auto
}
.textWithImage-part-desktop-left1 .textWithImage-extend-inner {
margin-right: 310px;
margin-left: auto
}
.textWithImage-part-desktop-left2 .textWithImage-extend-inner {
margin-right: 150px;
margin-left: auto
}
.textWithImage-part-desktop-left3 .textWithImage-extend-inner {
margin-right: -90px;
margin-left: auto
}
.textWithImage-part-desktop-left4 .textWithImage-extend-inner {
margin-right: -290px;
margin-left: auto
}
.textWithImage-part-desktop-right1 .textWithImage-extend-inner-text, .textWithImage-part-desktop-left1 .textWithImage-extend-inner-text {
max-width: 180px
}
.textWithImage-part-desktop-right2 .textWithImage-extend-inner-text, .textWithImage-part-desktop-left2 .textWithImage-extend-inner-text {
max-width: 380px
}
.textWithImage-part-desktop-right3 .textWithImage-extend-inner-text, .textWithImage-part-desktop-left3 .textWithImage-extend-inner-text {
max-width: 580px
}
.textWithImage-part-desktop-right4 .textWithImage-extend-inner-text, .textWithImage-part-desktop-left4 .textWithImage-extend-inner-text {
max-width: 780px
}
.textWithImage-part-desktop-left1 .textWithImage-extend-inner-text, .textWithImage-part-desktop-left2 .textWithImage-extend-inner-text, .textWithImage-part-desktop-left3 .textWithImage-extend-inner-text, .textWithImage-part-desktop-left4 .textWithImage-extend-inner-text {
float: right;
width: 100%
}
.textWithImage-extend .textWithImage-part-desktop-left1:after, .textWithImage-extend .textWithImage-part-desktop-left2:after, .textWithImage-extend .textWithImage-part-desktop-left3:after, .textWithImage-extend .textWithImage-part-desktop-left4:after {
clear: both
}
.textWithImage-part-desktop-right1 .textWithImage-extend-inner-image, .textWithImage-part-desktop-left1 .textWithImage-extend-inner-image {
max-width: 580px
}
.textWithImage-part-desktop-right2 .textWithImage-extend-inner-image, .textWithImage-part-desktop-left2 .textWithImage-extend-inner-image {
max-width: 780px
}
.textWithImage-part-desktop-right3 .textWithImage-extend-inner-image, .textWithImage-part-desktop-left3 .textWithImage-extend-inner-image {
max-width: 980px
}
.textWithImage-part-desktop-right4 .textWithImage-extend-inner-image, .textWithImage-part-desktop-left4 .textWithImage-extend-inner-image {
max-width: 1180px
}
.textWithImage-part-desktop-left1 .textWithImage-extend-inner-image, .textWithImage-part-desktop-left2 .textWithImage-extend-inner-image, .textWithImage-part-desktop-left3 .textWithImage-extend-inner-image, .textWithImage-part-desktop-left4 .textWithImage-extend-inner-image {
margin-left: auto
}
.textWithImage-part-desktop-right1 .textWithImage-extend-inner-image, .textWithImage-part-desktop-right2 .textWithImage-extend-inner-image, .textWithImage-part-desktop-right3 .textWithImage-extend-inner-image, .textWithImage-part-desktop-right4 .textWithImage-extend-inner-image {
margin-right: auto
}
.textWithImage-part-desktop-left1 .textWithImage-extend-inner-image .image, .textWithImage-part-desktop-left2 .textWithImage-extend-inner-image .image, .textWithImage-part-desktop-left3 .textWithImage-extend-inner-image .image, .textWithImage-part-desktop-left4 .textWithImage-extend-inner-image .image, .textWithImage-part-desktop-left1 .textWithImage-extend-inner-image .inPageVideo, .textWithImage-part-desktop-left2 .textWithImage-extend-inner-image .inPageVideo, .textWithImage-part-desktop-left3 .textWithImage-extend-inner-image .inPageVideo, .textWithImage-part-desktop-left4 .textWithImage-extend-inner-image .inPageVideo {
margin-left: 20px
}
.textWithImage-part-desktop-right1 .textWithImage-extend-inner-image .image, .textWithImage-part-desktop-right2 .textWithImage-extend-inner-image .image, .textWithImage-part-desktop-right3 .textWithImage-extend-inner-image .image, .textWithImage-part-desktop-right4 .textWithImage-extend-inner-image .image, .textWithImage-part-desktop-right1 .textWithImage-extend-inner-image .inPageVideo, .textWithImage-part-desktop-right2 .textWithImage-extend-inner-image .inPageVideo, .textWithImage-part-desktop-right3 .textWithImage-extend-inner-image .inPageVideo, .textWithImage-part-desktop-right4 .textWithImage-extend-inner-image .inPageVideo {
margin-right: 20px
}
}
.navGrid {
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
margin-bottom: 20px
}
@media (max-width: 700px) {
.navGrid {
padding-left: 10px;
padding-right: 10px
}
}
@media print {
.navGrid {
width: 980px;
padding-left: 0;
padding-right: 0
}
}
.navGrid:after {
display: block;
clear: both;
content: ""
}
.navGrid-inner {
d: 0;
margin-left: -2.040816327%;
margin-top: -2.040816327%
}
.navGrid-cell {
d: 0;
float: left;
position: relative
}
.navGrid-cell a b, .navGrid .navGrid-cell a img {
transition: 0.25s
}
.navGrid-cell a:hover b {
color: #00b9ad
}
.navGrid-cell a:hover img {
opacity: .85
}
.navGrid-cell a, .navGrid-cell div.inactive {
display: block;
position: absolute;
d: 0;
right: 0;
bottom: 0;
text-decoration: none
}
.navGrid-cell img, .navGrid-cell-tape {
position: absolute;
display: block;
left: 0;
right: 0;
width: 100%
}
.navGrid-linkAd img {
height: 100%
}
.navGrid-linkItem b {
position: absolute;
display: block;
left: 0;
right: 0;
bottom: 0;
font-size: 16px;
font-weight: 700;
line-height: 125%;
color: #9da6ab
}
.navGrid-linkItem div.inactive b {
font-weight: 400
}
.navGrid-textAboveLeft .navGrid-linkItem b {
top: 0;
d: 0;
text-align: left;
text-transform: uppercase;
padding-top: 5px
}
.navGrid-textBelowCenter .navGrid-linkItem b, .navGrid-textBelowCenterBg .navGrid-linkItem b {
bottom: 0;
text-align: center
}
.navGrid-textAboveLeft .navGrid-linkItem b span {
display: block;
padding-bottom: 5px;
background-color: #fff
}
.navGrid-textBelowCenterBg .navGrid-linkItem a b, .navGrid-textBelowCenterBg .navGrid-linkItem div.inactive b {
display: table;
width: 100%;
padding: 10px;
color: #fff;
background-color: #5a6870
}
.navGrid-textBelowCenterBg .navGrid-linkItem a:hover b {
background-color: #00b9ad;
color: #fff
}
.navGrid-textBelowCenterBg .navGrid-linkItem a b span, .navGrid-textBelowCenterBg .navGrid-linkItem div.inactive b span {
display: table-cell;
vertical-align: middle
}
.navGrid-textAboveLeft .navGrid-cell img, .navGrid-textAboveLeft .navGrid-cell-tape {
bottom: 0
}
.navGrid-textBelowCenter .navGrid-cell img, .navGrid-textBelowCenter .navGrid-cell-tape, .navGrid-textBelowCenterBg .navGrid-cell img, .navGrid-textBelowCenterBg .navGrid-cell-tape {
top: 0
}
b.navGrid-linkItem-withArrow {
d: 0;
padding-left: 1em
}
.navGrid-linkItem b .diagonalLinkArrow {
margin-top: 0.125em
}
.navGrid-textBelowCenterBg .navGrid-linkItem b .diagonalLinkArrow {
display: none
}
.navGrid-blankLink a, .navGrid-blankLink div.inactive {
overflow: hidden
}
.navGrid-blankLink span {
display: table;
height: 100%;
width: 100%
}
.navGrid-blankLink span b {
display: table-cell;
vertical-align: middle;
text-align: center;
font-size: 14px;
font-weight: 700;
padding: 0 20px;
line-height: 115%;
color: #5a6870
}
.navGrid-blankLink a:hover b {
color: #00b9ad
}
.navGrid-blankLink .linkArrowIcon {
margin: 1em auto 0 auto
}
.navGrid-cell-tape {
overflow: hidden
}
.navGrid-cell-tape span {
display: block;
width: 110%;
margin: 3% -5% 0 -5%;
d: 0;
text-align: left;
padding: .5em 10%;
color: #fff;
font-weight: 700;
font-size: 14px;
line-height: 1em;
-webkit-transform: rotate(-5deg);
-moz-transform: rotate(-5deg);
-o-transform: rotate(-5deg);
transform: rotate(-5deg);
text-transform: uppercase;
background-color: #c59957;
border-bottom: 0 none #614822;
background-image: -ms-linear-gradient(left, rgba(0, 0, 0, 0.1) 0%, transparent 30%, rgba(0, 0, 0, 0.3) 100%);
background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.1) 0%, transparent 30%, rgba(0, 0, 0, 0.3) 100%);
background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.1) 0%, transparent 30%, rgba(0, 0, 0, 0.3) 100%);
background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(0, 0, 0, 0.1)), color-stop(0.3, transparent), color-stop(1, rgba(0, 0, 0, 0.3)));
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.1) 0%, transparent 30%, rgba(0, 0, 0, 0.3) 100%);
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.1) 0%, transparent 30%, rgba(0, 0, 0, 0.3) 100%)
}
.rtl .navGrid-cell-tape span {
-webkit-transform: rotate(5deg);
-moz-transform: rotate(5deg);
-o-transform: rotate(5deg);
transform: rotate(5deg)
}
.navGrid-cell-tape-accentPrimary span {
background-color: #00b9ad;
border-bottom-color: #00201e
}
.navGrid-cell-tape-accent2 span {
background-color: #551f7a;
border-bottom-color: #000
}
.navGrid-cell-tape-accent3 span {
background-color: #ec008c;
border-bottom-color: #530031
}
.navGrid-cell-icon a, .navGrid-cell-icon div.inactive {
border-top: 4px solid #d8dbdd
}
.navGrid-cell-icon span {
display: table;
position: absolute;
top: 4px;
d: 0;
left: 0;
width: 100%;
bottom: 0
}
.navGrid-cell-icon i {
display: table-cell;
width: 70px;
min-width: 70px;
height: 100%;
vertical-align: middle
}
.navGrid-cell-icon b {
display: table-cell;
width: 100%;
height: 100%;
vertical-align: middle;
font-size: 16px;
font-weight: 400
}
.navGrid-cell-icon img {
position: static;
max-width: 100%;
max-height: 100%
}
.navGrid-cell-icon a:hover {
border-top: 4px solid #00b9ad
}
.navGrid-6 .navGrid-cell-large {
width: 50%;
padding-bottom: 50%
}
.navGrid-6 .navGrid-cell-large a, .navGrid-6 .navGrid-cell-large div.inactive {
d: 0;
left: 4%;
top: 4%
}
.navGrid-6 .navGrid-cell-large.navGrid-linkItem img, .navGrid-4 .navGrid-cell-large .navGrid-cell-tape {
height: 89.893617021%
}
.navGrid-6 .navGrid-cell-large.navGrid-linkItem b {
height: 6.914893617%
}
.navGrid-textBelowCenterBg.navGrid-6 .navGrid-cell-large.navGrid-linkItem b {
height: 10.106382979%
}
.navGrid-6 .navGrid-cell-tall {
width: 16.666666667%;
padding-bottom: 33.333333333%
}
.navGrid-6 .navGrid-cell-tall a, .navGrid-6 .navGrid-cell-tall div.inactive {
d: 0;
left: 12%;
top: 6%
}
.navGrid-6 .navGrid-cell-tall.navGrid-linkItem img, .navGrid-6 .navGrid-cell-tall .navGrid-cell-tape {
height: 89.893617021%
}
.navGrid-6 .navGrid-cell-tall.navGrid-linkItem b {
height: 6.914893617%
}
.navGrid-textBelowCenterBg.navGrid-6 .navGrid-cell-tall.navGrid-linkItem b {
height: 10.106382979%
}
.navGrid-6 .navGrid-cell-normal {
width: 16.666666667%;
padding-bottom: 16.666666667%
}
.navGrid-6 .navGrid-cell-normal a, .navGrid-6 .navGrid-cell-normal div.inactive {
d: 0;
left: 12%;
top: 12%
}
.navGrid-6 .navGrid-cell-normal.navGrid-linkItem img, .navGrid-4 .navGrid-cell-normal .navGrid-cell-tape {
height: 78.409090909%
}
.navGrid-6 .navGrid-cell-normal.navGrid-linkItem b {
height: 14.772727273%
}
.navGrid-textBelowCenterBg.navGrid-4 .navGrid-cell-normal.navGrid-linkItem b {
height: 21.590909091%
}
.navGrid-6 .navGrid-cell-icon {
width: 16.666666667%;
padding-bottom: 10%
}
.navGrid-6 .navGrid-cell-icon a, .navGrid-6 .navGrid-cell-icon div.inactive {
d: 0;
left: 8%;
top: 16%;
top: 0
}
.navGrid-6 .navGrid-cell-iconExtendedPadding {
padding-top: 7.25%
}
.navGrid-6 .navGrid-cell-configurator {
width: 16.666666667%;
margin-bottom: 20%
}
.navGrid-6 .navGrid-cell-configurator a, .navGrid-6 .navGrid-cell-configurator div.inactive {
d: 0;
left: 8%;
top: 16%;
top: 0
}
.navGrid-6 .navGrid-cell-small {
width: 16.666666667%;
padding-bottom: 6.25%
}
.navGrid-6 .navGrid-cell-small a, .navGrid-6 .navGrid-cell-small div.inactive {
d: 0;
left: 8%;
top: 32%
}
.navGrid-6 .navGrid-cell-small.navGrid-linkItem b {
top: 0;
text-align: left
}
.navGrid-6 .navGrid-splitter6 {
display: block;
clear: both
}
.navGrid-6 .navGrid-splitter3 {
display: none;
clear: none
}
.navGrid-6 .navGrid-splitter2 {
display: none;
clear: none
}
.navGrid-4 .navGrid-cell-large {
width: 50%;
padding-bottom: 50%
}
.navGrid-4 .navGrid-cell-large a, .navGrid-4 .navGrid-cell-large div.inactive {
d: 0;
left: 4%;
top: 4%
}
.navGrid-4 .navGrid-cell-large.navGrid-linkItem img, .navGrid-4 .navGrid-cell-large .navGrid-cell-tape {
height: 89.0625%
}
.navGrid-4 .navGrid-cell-large.navGrid-linkItem b {
height: 8.854166667%
}
.navGrid-textBelowCenterBg.navGrid-4 .navGrid-cell-large.navGrid-linkItem b {
height: 10.9375%
}
.navGrid-4 .navGrid-cell-tall {
width: 25%;
padding-bottom: 50%
}
.navGrid-4 .navGrid-cell-tall a, .navGrid-4 .navGrid-cell-tall div.inactive {
d: 0;
left: 8%;
top: 4%
}
.navGrid-4 .navGrid-cell-tall.navGrid-linkItem img, .navGrid-4 .navGrid-cell-tall .navGrid-cell-tape {
height: 89.0625%
}
.navGrid-4 .navGrid-cell-tall.navGrid-linkItem b {
height: 8.854166667%
}
.navGrid-textBelowCenterBg.navGrid-4 .navGrid-cell-tall.navGrid-linkItem b {
height: 10.9375%
}
.navGrid-4 .navGrid-cell-normal {
width: 25%;
padding-bottom: 25%
}
.navGrid-4 .navGrid-cell-normal a, .navGrid-4 .navGrid-cell-normal div.inactive {
d: 0;
left: 8%;
top: 8%
}
.navGrid-4 .navGrid-cell-normal.navGrid-linkItem img, .navGrid-4 .navGrid-cell-normal .navGrid-cell-tape {
height: 77.173913043%
}
.navGrid-4 .navGrid-cell-normal.navGrid-linkItem b {
height: 18.47826087%
}
.navGrid-textBelowCenterBg.navGrid-4 .navGrid-cell-normal.navGrid-linkItem b {
height: 22.826086957%
}
.navGrid-4 .navGrid-cell-icon {
width: 25%;
padding-bottom: 10%
}
.navGrid-4 .navGrid-cell-icon a, .navGrid-4 .navGrid-cell-icon div.inactive {
d: 0;
left: 8%;
top: 16%;
top: 0
}
.navGrid-4 .navGrid-cell-iconExtendedPadding {
padding-top: 7.25%
}
.navGrid-4 .navGrid-cell-configurator {
width: 25%;
margin-bottom: 20%
}
.navGrid-4 .navGrid-cell-configurator a, .navGrid-4 .navGrid-cell-configurator div.inactive {
d: 0;
left: 8%;
top: 16%;
top: 0
}
.navGrid-4 .navGrid-cell-small {
width: 25%;
padding-bottom: 6.25%
}
.navGrid-4 .navGrid-cell-small a, .navGrid-4 .navGrid-cell-small div.inactive {
d: 0;
left: 8%;
top: 32%
}
.navGrid-4 .navGrid-cell-small.navGrid-linkItem b {
top: 0;
text-align: left
}
.navGrid-4 .navGrid-splitter4 {
display: block;
clear: both
}
.navGrid-4 .navGrid-splitter3 {
display: none;
clear: none
}
.navGrid-4 .navGrid-splitter2 {
display: none;
clear: none
}
.navGrid-3 .navGrid-cell-large {
width: 66.666666667%;
padding-bottom: 66.666666667%
}
.navGrid-3 .navGrid-cell-large a, .navGrid-3 .navGrid-cell-large div.inactive {
d: 0;
left: 3%;
top: 3%
}
.navGrid-3 .navGrid-cell-large.navGrid-linkItem img, .navGrid-3 .navGrid-cell-large .navGrid-cell-tape {
height: 91.237113402%
}
.navGrid-3 .navGrid-cell-large.navGrid-linkItem b {
height: 7.216494845%
}
.navGrid-textBelowCenterBg.navGrid-3 .navGrid-cell-large.navGrid-linkItem b {
height: 8.762886598%
}
.navGrid-3 .navGrid-cell-tall {
width: 33.333333333%;
padding-bottom: 66.666666667%
}
.navGrid-3 .navGrid-cell-tall a, .navGrid-3 .navGrid-cell-tall div.inactive {
d: 0;
left: 6%;
top: 3%
}
.navGrid-3 .navGrid-cell-tall.navGrid-linkItem img, .navGrid-3 .navGrid-cell-tall .navGrid-cell-tape {
height: 91.237113402%
}
.navGrid-3 .navGrid-cell-tall.navGrid-linkItem b {
height: 7.216494845%
}
.navGrid-textBelowCenterBg.navGrid-3 .navGrid-cell-tall.navGrid-linkItem b {
height: 8.762886598%
}
.navGrid-3 .navGrid-cell-normal {
width: 33.333333333%;
padding-bottom: 33.333333333%
}
.navGrid-3 .navGrid-cell-normal a, .navGrid-3 .navGrid-cell-normal div.inactive {
d: 0;
left: 6%;
top: 6%
}
.navGrid-3 .navGrid-cell-normal.navGrid-linkItem img, .navGrid-3 .navGrid-cell-normal .navGrid-cell-tape {
height: 81.914893617%
}
.navGrid-3 .navGrid-cell-normal.navGrid-linkItem b {
height: 14.893617021%
}
.navGrid-textBelowCenterBg.navGrid-3 .navGrid-cell-normal.navGrid-linkItem b {
height: 18.085106383%
}
.navGrid-3 .navGrid-cell-small {
width: 33.333333333%;
padding-bottom: 6.666666667%
}
.navGrid-3 .navGrid-cell-small a, .navGrid-3 .navGrid-cell-small div.inactive {
d: 0;
left: 6%;
top: 30%
}
.navGrid-3 .navGrid-cell-small.navGrid-linkItem b {
top: 0
}
.navGrid-3 .navGrid-splitter3 {
display: block;
clear: both
}
.navGrid-3 .navGrid-splitter2 {
display: none;
clear: none
}
.navGrid .iconLinkGroup {
display: block;
position: absolute;
right: 0;
bottom: 0;
text-decoration: none
}
.navGrid-4 .navGrid-iconsCell .iconLinkGroup {
d: 0;
left: 8%;
top: 8%
}
.navGrid-3 .navGrid-iconsCell .iconLinkGroup {
d: 0;
left: 6%;
top: 6%
}
.navGrid .iconLinkGroup a, .navGrid .iconLinkGroup div.inactive, .navGrid .iconLinkGroup img {
display: block;
position: static
}
@media (max-width: 1250px) {
.navGrid-linkItem b, .navGrid-cell-icon b, .navGrid-cell-tape span {
font-size: 1.632653061vw
}
.navGrid-6 .navGrid-cell-large {
width: 66.666666667%;
padding-bottom: 66.666666667%
}
.navGrid-6 .navGrid-cell-large a, .navGrid-6 .navGrid-cell-large div.inactive {
d: 0;
left: 3%;
top: 3%
}
.navGrid-6 .navGrid-cell-tall {
width: 33.333333333%;
padding-bottom: 66.666666667%
}
.navGrid-6 .navGrid-cell-tall a, .navGrid-6 .navGrid-cell-tall div.inactive {
d: 0;
left: 6%;
top: 3%
}
.navGrid-6 .navGrid-cell-normal {
width: 33.333333333%;
padding-bottom: 33.333333333%
}
.navGrid-6 .navGrid-cell-normal a, .navGrid-6 .navGrid-cell-normal div.inactive, .navGrid-4 .navGrid-iconsCell .iconLinkGroup {
d: 0;
left: 6%;
top: 6%
}
.navGrid-6 .navGrid-cell-icon {
width: 33.333333333%;
padding-bottom: 13.333333333%
}
.navGrid-6 .navGrid-cell-icon a, .navGrid-6 .navGrid-cell-icon div.inactive {
d: 0;
left: 6%;
top: 12%
}
.navGrid-6 .navGrid-cell-iconExtendedPadding {
padding-top: 9.420289855%
}
.navGrid-6 .navGrid-cell-configurator {
width: 33.333333333%;
padding-bottom: 13.333333333%
}
.navGrid-6 .navGrid-cell-configurator a, .navGrid-6 .navGrid-cell-configurator div.inactive {
d: 0;
left: 6%;
top: 12%
}
.navGrid-6 .navGrid-splitter6 {
display: none;
clear: none
}
.navGrid-6 .navGrid-splitter3 {
display: block;
clear: both
}
.navGrid-6 .navGrid-splitter2 {
display: none;
clear: none
}
}
@media (max-width: 900px) {
.navGrid-4 .navGrid-cell-large {
width: 66.666666667%;
padding-bottom: 66.666666667%
}
.navGrid-4 .navGrid-cell-large a, .navGrid-4 .navGrid-cell-large div.inactive {
d: 0;
left: 3%;
top: 3%
}
.navGrid-4 .navGrid-cell-tall {
width: 33.333333333%;
padding-bottom: 66.666666667%;
}
.navGrid-4 .navGrid-cell-tall a, .navGrid-4 .navGrid-cell-tall div.inactive {
d: 0;
left: 6%;
top: 3%
}
.navGrid-4 .navGrid-cell-normal {
width: 33.333333333%;
padding-bottom: 33.333333333%
}
.navGrid-4 .navGrid-cell-normal a, .navGrid-4 .navGrid-cell-normal div.inactive, .navGrid-4 .navGrid-iconsCell .iconLinkGroup {
d: 0;
left: 6%;
top: 6%
}
.navGrid-4 .navGrid-cell-icon {
width: 33.333333333%;
padding-bottom: 13.333333333%
}
.navGrid-4 .navGrid-cell-icon a, .navGrid-4 .navGrid-cell-icon div.inactive {
d: 0;
left: 6%;
top: 12%
}
.navGrid-4 .navGrid-cell-iconExtendedPadding {
padding-top: 9.420289855%
}
.navGrid-4 .navGrid-cell-configurator {
width: 33.333333333%;
padding-bottom: 13.333333333%
}
.navGrid-4 .navGrid-cell-configurator a, .navGrid-4 .navGrid-cell-configurator div.inactive {
d: 0;
left: 6%;
top: 12%
}
.navGrid-4 .navGrid-cell-small {
width: 33.333333333%;
padding-bottom: 8.333333333%
}
.navGrid-4 .navGrid-cell-small a, .navGrid-4 .navGrid-cell-small div.inactive {
d: 0;
left: 6%;
top: 24%
}
.navGrid-4 .navGrid-splitter4 {
display: none;
clear: none
}
.navGrid-4 .navGrid-splitter3 {
display: block;
clear: both
}
.navGrid-4 .navGrid-splitter2 {
display: none;
clear: none
}
.navGrid-linkItem b, .navGrid-cell-icon b, .navGrid-cell-tape span {
font-size: 1.777777778vw
}
}
@media (max-width: 700px) {
.navGrid-6 .navGrid-cell-large {
width: 100%;
padding-bottom: 100%
}
.navGrid-6 .navGrid-cell-large a, .navGrid-6 .navGrid-cell-large div.inactive {
d: 0;
left: 2%;
top: 2%
}
.navGrid-6 .navGrid-cell-tall {
width: 50%;
padding-bottom: 100%
}
.navGrid-6 .navGrid-cell-tall a, .navGrid-6 .navGrid-cell-tall div.inactive {
d: 0;
left: 4%;
top: 2%
}
.navGrid-6 .navGrid-cell-normal {
width: 50%;
padding-bottom: 50%
}
.navGrid-6 .navGrid-cell-normal a, .navGrid-6 .navGrid-cell-normal div.inactive, .navGrid-4 .navGrid-iconsCell .iconLinkGroup {
d: 0;
left: 4%;
top: 4%
}
.navGrid-6 .navGrid-cell-icon {
width: 50%;
padding-bottom: 20%
}
.navGrid-6 .navGrid-cell-icon a, .navGrid-6 .navGrid-cell-icon div.inactive {
d: 0;
left: 4%;
top: 8%
}
.navGrid-6 .navGrid-cell-iconExtendedPadding {
padding-top: 13.888888889%
}
.navGrid-6 .navGrid-cell-configurator {
width: 50%;
padding-bottom: 20%
}
.navGrid-6 .navGrid-cell-configurator a, .navGrid-6 .navGrid-cell-configurator div.inactive {
d: 0;
left: 4%;
top: 8%
}
.navGrid-6 .navGrid-cell-small {
width: 50%;
padding-bottom: 12.5%
}
.navGrid-6 .navGrid-cell-small a, .navGrid-6 .navGrid-cell-small div.inactive {
d: 0;
left: 4%;
top: 16%
}
.navGrid-6 .navGrid-splitter4 {
display: none;
clear: none
}
.navGrid-6 .navGrid-splitter3 {
display: none;
clear: none
}
.navGrid-6 .navGrid-splitter2 {
display: block;
clear: both
}
.navGrid-4 .navGrid-cell-large {
width: 100%;
padding-bottom: 100%
}
.navGrid-4 .navGrid-cell-large a, .navGrid-4 .navGrid-cell-large div.inactive {
d: 0;
left: 2%;
top: 2%
}
.navGrid-4 .navGrid-cell-tall {
width: 50%;
padding-bottom: 60%;
}
.navGrid-4 .navGrid-cell-tall a, .navGrid-4 .navGrid-cell-tall div.inactive {
d: 0;
left: 4%;
top: 2%
}
.navGrid-4 .navGrid-cell-normal {
width: 50%;
padding-bottom: 50%
}
.navGrid-4 .navGrid-cell-normal a, .navGrid-4 .navGrid-cell-normal div.inactive, .navGrid-4 .navGrid-iconsCell .iconLinkGroup {
d: 0;
left: 4%;
top: 4%
}
.navGrid-4 .navGrid-cell-icon {
width: 50%;
padding-bottom: 20%
}
.navGrid-4 .navGrid-cell-icon a, .navGrid-4 .navGrid-cell-icon div.inactive {
d: 0;
left: 4%;
top: 8%
}
.navGrid-4 .navGrid-cell-iconExtendedPadding {
padding-top: 13.888888889%
}
.navGrid-4 .navGrid-cell-configurator {
width: 50%;
padding-bottom: 20%
}
.navGrid-4 .navGrid-cell-configurator a, .navGrid-4 .navGrid-cell-configurator div.inactive {
d: 0;
left: 4%;
top: 8%
}
.navGrid-4 .navGrid-cell-small {
width: 50%;
padding-bottom: 12.5%
}
.navGrid-4 .navGrid-cell-small a, .navGrid-4 .navGrid-cell-small div.inactive {
d: 0;
left: 4%;
top: 16%
}
.navGrid-4 .navGrid-splitter4 {
display: none;
clear: none
}
.navGrid-4 .navGrid-splitter3 {
display: none;
clear: none
}
.navGrid-4 .navGrid-splitter2 {
display: block;
clear: both
}
.navGrid-3 .navGrid-cell-large {
width: 100%;
padding-bottom: 100%
}
.navGrid-3 .navGrid-cell-large a, .navGrid-3 .navGrid-cell-large div.inactive {
d: 0;
left: 2%;
top: 2%
}
.navGrid-3 .navGrid-cell-tall {
width: 50%;
padding-bottom: 100%
}
.navGrid-3 .navGrid-cell-tall a, .navGrid-3 .navGrid-cell-tall div.inactive {
d: 0;
left: 4%;
top: 2%
}
.navGrid-3 .navGrid-cell-normal {
width: 50%;
padding-bottom: 50%
}
.navGrid-3 .navGrid-cell-normal a, .navGrid-3 .navGrid-cell-normal div.inactive, .navGrid-3 .navGrid-iconsCell .iconLinkGroup {
d: 0;
left: 4%;
top: 4%
}
.navGrid-3 .navGrid-cell-small {
width: 50%;
padding-bottom: 10%
}
.navGrid-3 .navGrid-cell-small a, .navGrid-3 .navGrid-cell-small div.inactive {
d: 0;
left: 4%;
top: 20%
}
.navGrid-3 .navGrid-splitter3 {
display: none;
clear: none
}
.navGrid-3 .navGrid-splitter2 {
display: block;
clear: both
}
.navGrid-linkItem b, .navGrid-cell-icon b, .navGrid-cell-tape span {
font-size: 14px;
font-size: 3vw
}
}
@media (max-width: 450px) {
.navGrid-linkItem b, .navGrid-cell-icon b, .navGrid-cell-tape span {
font-size: 11px;
font-size: 3.111111111vw
}
.navGrid-4 .navGrid-cell-icon i {
width: 50px;
min-width: 50px
}
}
.navGridSimple {
margin-bottom: 20px
}
.navGridSimple-sda .navGridSimple-inner1 {
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px
}
@media (max-width: 700px) {
.navGridSimple-sda .navGridSimple-inner1 {
padding-left: 10px;
padding-right: 10px
}
}
@media print {
.navGridSimple-sda .navGridSimple-inner1 {
width: 980px;
padding-left: 0;
padding-right: 0
}
}
.navGridSimple-sda .navGridSimple-inner2 {
margin: -6px 0 0 -6px
}
.navGridSimple-sda-item {
float: left;
padding: 6px 0 0 6px
}
.navGridSimple-sda4 .navGridSimple-sda-item {
width: 25%
}
.navGridSimple-sda3 .navGridSimple-sda-item {
width: 33.333333333%
}
.navGridSimple-sda-item a, .navGridSimple-sda-item div.inactive {
display: block;
position: relative;
width: 100%;
padding-bottom: 85%;
overflow: hidden;
min-height: 0
}
.navGridSimple-sda-item-inner {
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
background-position: center;
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-repeat: no-repeat
}
.navGridSimple-sda-item-inner>span {
display: block;
position: absolute;
left: 8px;
right: 8px;
bottom: 8px;
padding: 12px 15px;
background: #fff;
background: rgba(255, 255, 255, 0.85);
text-align: center;
font-size: 20px;
font-weight: 700;
color: #00b9ad;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
line-height: 1.05em;
min-height: 2.1em
}
@media (max-width: 1250px) {
.navGridSimple-sda-item-inner>span {
font-size: 2.040816327vw
}
}
@media (max-width: 900px) {
.navGridSimple-sda4 .navGridSimple-sda-item {
width: 33.333333333%
}
.navGridSimple-sda4 .navGridSimple-sda-item-inner>span {
font-size: 2.444444444vw
}
}
@media (max-width: 700px) {
.navGridSimple-sda3 .navGridSimple-sda-item, .navGridSimple-sda4 .navGridSimple-sda-item {
width: 50%
}
.navGridSimple-sda3 .navGridSimple-sda-item-inner>span, .navGridSimple-sda4 .navGridSimple-sda-item-inner>span {
font-size: 3.428571429vw
}
}
.pageBody>.gallery {
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px
}
@media (max-width: 700px) {
.pageBody>.gallery {
padding-left: 10px;
padding-right: 10px
}
}
@media print {
.pageBody>.gallery {
width: 980px;
padding-left: 0;
padding-right: 0
}
}
.gallery {
margin-bottom: 20px
}
.gallery:after {
content: "";
display: block;
clear: both
}
.gallery-inner {
margin-left: -20px;
margin-top: -20px
}
.rtl .gallery-inner {
margin-left: 0;
margin-right: -20px
}
.gallery-cell {
float: left;
padding-left: 20px;
margin-top: 20px
}
.rtl .gallery-cell {
float: right;
padding-left: 0;
padding-right: 20px
}
.gallery-downloadGrid .gallery-inner {
margin-left: -10px;
margin-top: -10px
}
.rtl .gallery-downloadGrid .gallery-inner {
margin-left: 0;
margin-right: -10px
}
.gallery-downloadGrid .gallery-cell {
float: left;
padding-left: 10px;
margin-top: 10px
}
.rtl .gallery-downloadGrid .gallery-cell {
float: right;
padding-left: 0;
padding-right: 10px
}
.gallery-flow-multiline .gallery-cell {
min-width: 40px;
max-width: 100%;
text-align: center;
float: none;
display: inline-block;
vertical-align: middle
}
.gallery-flow-multiline.gallery-large .gallery-cell, .gallery-flow.gallery-large .gallery-cell img {
max-height: 300px;
max-width: 600px
}
.gallery-flow-multiline.gallery-medium .gallery-cell, .gallery-flow.gallery-medium .gallery-cell img {
max-height: 220px;
max-width: 440px
}
.gallery-flow-multiline.gallery-small .gallery-cell, .gallery-flow.gallery-small .gallery-cell img {
max-height: 100px;
max-width: 200px
}
.gallery-flow-multiline img {
width: auto;
max-width: 100%;
display: inline;
vertical-align: middle
}
.gallery-flow-multiline-desc .gallery-cell {
float: none;
display: inline-block;
vertical-align: top
}
.gallery-flow-multiline-desc .gallery-cell-desc {
min-width: 100%;
font-size: 12px;
padding-top: 5px
}
.gallery-flow.gallery-large .gallery-cell-desc {
width: 300px
}
.gallery-flow.gallery-medium .gallery-cell-desc {
width: 220px
}
.gallery-flow.gallery-small .gallery-cell-desc {
width: 100px
}
.gallery-grid.gallery-large .gallery-cell, .gallery-downloadGrid.gallery-large .gallery-cell {
width: 33.333333333%
}
.gallery-grid.gallery-medium .gallery-cell, .gallery-downloadGrid.gallery-medium .gallery-cell {
width: 20%
}
.gallery-grid.gallery-small .gallery-cell, .gallery-downloadGrid.gallery-small .gallery-cell {
width: 10%
}
.gallery-grid .gallery-cell img, .gallery-downloadGrid .gallery-cell img {
max-width: 100%;
max-height: 100%
}
.gallery-grid .gallery-cell-inner {
position: relative;
height: 0;
padding-bottom: 100%
}
.gallery-grid a {
display: block;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0
}
.gallery-grid img {
display: block;
position: absolute;
margin: auto;
left: 0;
right: 0;
top: 0;
bottom: 0
}
.gallery-downloadGrid .gallery-cell-inner {
width: 100%;
height: 100%;
border: 1px solid #d8dbdd;
position: relative
}
.gallery-downloadGrid .gallery-icon-save {
position: absolute;
left: 0;
bottom: 0
}
.gallery-downloadGrid .gallery-icon-magnify {
position: absolute;
right: 0;
bottom: 0
}
.gallery-downloadGrid .gallery-icon-save a, .gallery-downloadGrid .gallery-icon-magnify a {
display: block;
padding: 5px;
width: 40px;
height: 40px;
opacity: .5
}
.gallery-downloadGrid .gallery-icon-save a:hover, .gallery-downloadGrid .gallery-icon-magnify a:hover {
opacity: 1
}
.narrowContent60.narrowContent-atDesktop .gallery-grid.gallery-large .gallery-cell, .narrowContent60.narrowContent-atDesktop .gallery-downloadGrid.gallery-large .gallery-cell {
width: 50%
}
.narrowContent60.narrowContent-atDesktop .gallery-grid.gallery-medium .gallery-cell, .narrowContent60.narrowContent-atDesktop .gallery-downloadGrid.gallery-medium .gallery-cell {
width: 33.333333333%
}
.narrowContent60.narrowContent-atDesktop .gallery-grid.gallery-small .gallery-cell, .narrowContent60.narrowContent-atDesktop .gallery-downloadGrid.gallery-small .gallery-cell {
width: 20%
}
.narrowContent40.narrowContent-atDesktop .gallery-grid.gallery-large .gallery-cell, .narrowContent40.narrowContent-atDesktop .gallery-downloadGrid.gallery-large .gallery-cell {
width: 50%
}
.narrowContent40.narrowContent-atDesktop .gallery-grid.gallery-medium .gallery-cell, .narrowContent40.narrowContent-atDesktop .gallery-downloadGrid.gallery-medium .gallery-cell {
width: 33.333333333%
}
.narrowContent40.narrowContent-atDesktop .gallery-grid.gallery-small .gallery-cell, .narrowContent40.narrowContent-atDesktop .gallery-downloadGrid.gallery-small .gallery-cell {
width: 25%
}
.narrowContent20.narrowContent-atDesktop .gallery-grid.gallery-large .gallery-cell, .narrowContent20.narrowContent-atDesktop .gallery-downloadGrid.gallery-large .gallery-cell {
width: 100%
}
.narrowContent20.narrowContent-atDesktop .gallery-grid.gallery-medium .gallery-cell, .narrowContent20.narrowContent-atDesktop .gallery-downloadGrid.gallery-medium .gallery-cell {
width: 100%
}
.narrowContent20.narrowContent-atDesktop .gallery-grid.gallery-small .gallery-cell, .narrowContent20.narrowContent-atDesktop .gallery-downloadGrid.gallery-small .gallery-cell {
width: 50%
}
@media (max-width: 900px) {
.gallery-flow-multiline.gallery-large .gallery-cell, .gallery-flow.gallery-large .gallery-cell img {
max-height: 250px;
max-width: 500px
}
.gallery-flow-multiline.gallery-medium .gallery-cell, .gallery-flow.gallery-medium .gallery-cell img {
max-height: 180px;
max-width: 360px
}
.gallery-flow-multiline.gallery-small .gallery-cell, .gallery-flow.gallery-small .gallery-cell img {
max-height: 100px;
max-width: 200px
}
.gallery-flow-multiline-desc .gallery-cell-desc {
font-size: 11px
}
.gallery-flow.gallery-large .gallery-cell-desc {
width: 250px
}
.gallery-flow.gallery-medium .gallery-cell-desc {
width: 180px
}
.gallery-flow.gallery-small .gallery-cell-desc {
width: 100px
}
.narrowContent.narrowContent-atDesktop .gallery-grid.gallery-large .gallery-cell, .narrowContent.narrowContent-atDesktop .gallery-downloadGrid.gallery-large .gallery-cell, .gallery-grid.gallery-large .gallery-cell, .gallery-downloadGrid.gallery-large .gallery-cell {
width: 33.333333333%
}
.narrowContent.narrowContent-atDesktop .gallery-grid.gallery-medium .gallery-cell, .narrowContent.narrowContent-atDesktop .gallery-downloadGrid.gallery-medium .gallery-cell, .gallery-grid.gallery-medium .gallery-cell, .gallery-downloadGrid.gallery-medium .gallery-cell {
width: 25%
}
.narrowContent.narrowContent-atDesktop .gallery-grid.gallery-small .gallery-cell, .narrowContent.narrowContent-atDesktop .gallery-downloadGrid.gallery-small .gallery-cell, .gallery-grid.gallery-small .gallery-cell, .gallery-downloadGrid.gallery-small .gallery-cell {
width: 12.5%
}
.narrowContent60.narrowContent-atMobile1 .gallery-grid.gallery-large .gallery-cell, .narrowContent60.narrowContent-atMobile1 .gallery-downloadGrid.gallery-large .gallery-cell {
width: 50%
}
.narrowContent60.narrowContent-atMobile1 .gallery-grid.gallery-medium .gallery-cell, .narrowContent60.narrowContent-atMobile1 .gallery-downloadGrid.gallery-medium .gallery-cell {
width: 33.333333333%
}
.narrowContent60.narrowContent-atMobile1 .gallery-grid.gallery-small .gallery-cell, .narrowContent60.narrowContent-atMobile1 .gallery-downloadGrid.gallery-small .gallery-cell {
width: 25%
}
.narrowContent40.narrowContent-atMobile1 .gallery-grid.gallery-large .gallery-cell, .narrowContent40.narrowContent-atMobile1 .gallery-downloadGrid.gallery-large .gallery-cell {
width: 100%
}
.narrowContent40.narrowContent-atMobile1 .gallery-grid.gallery-medium .gallery-cell, .narrowContent40.narrowContent-atMobile1 .gallery-downloadGrid.gallery-medium .gallery-cell {
width: 50%
}
.narrowContent40.narrowContent-atMobile1 .gallery-grid.gallery-small .gallery-cell, .narrowContent40.narrowContent-atMobile1 .gallery-downloadGrid.gallery-small .gallery-cell {
width: 33.333333333%
}
.narrowContent20.narrowContent-atMobile1 .gallery-grid.gallery-large .gallery-cell, .narrowContent20.narrowContent-atMobile1 .gallery-downloadGrid.gallery-large .gallery-cell {
width: 100%
}
.narrowContent20.narrowContent-atMobile1 .gallery-grid.gallery-medium .gallery-cell, .narrowContent20.narrowContent-atMobile1 .gallery-downloadGrid.gallery-medium .gallery-cell {
width: 100%
}
.narrowContent20.narrowContent-atMobile1 .gallery-grid.gallery-small .gallery-cell, .narrowContent20.narrowContent-atMobile1 .gallery-downloadGrid.gallery-small .gallery-cell {
width: 50%
}
}
@media (max-width: 700px) {
.gallery-inner {
margin-left: -10px;
margin-top: -10px
}
.gallery-cell {
float: left;
padding-left: 10px;
margin-top: 10px
}
.gallery-downloadGrid .gallery-inner {
margin-left: -5px;
margin-top: -5px
}
.gallery-downloadGrid .gallery-cell {
float: left;
padding-left: 5px;
margin-top: 5px
}
.rtl .gallery-inner {
margin-left: 0;
margin-right: -10px
}
.rtl .gallery-cell {
float: right;
padding-left: 0;
padding-right: 10px
}
.rtl .gallery-downloadGrid .gallery-inner {
margin-left: 0;
margin-right: -5px
}
.rtl .gallery-downloadGrid .gallery-cell {
float: right;
padding-left: 0;
padding-right: 5px
}
.gallery-flow-multiline.gallery-large .gallery-cell, .gallery-flow.gallery-large .gallery-cell img {
max-height: 150px;
max-width: 300px
}
.gallery-flow-multiline.gallery-medium .gallery-cell, .gallery-flow.gallery-medium .gallery-cell img {
max-height: 120px;
max-width: 240px
}
.gallery-flow-multiline.gallery-small .gallery-cell, .gallery-flow.gallery-small .gallery-cell img {
max-height: 75px;
max-width: 150px
}
.gallery-flow-multiline-desc .gallery-cell-desc {
font-size: 9px
}
.gallery-flow.gallery-large .gallery-cell-desc {
width: 150px
}
.gallery-flow.gallery-medium .gallery-cell-desc {
width: 120px
}
.gallery-flow.gallery-small .gallery-cell-desc {
width: 75px
}
.narrowContent.narrowContent-atDesktop .gallery-grid.gallery-large .gallery-cell, .narrowContent.narrowContent-atDesktop .gallery-downloadGrid.gallery-large .gallery-cell, .narrowContent.narrowContent-atMobile1 .gallery-grid.gallery-large .gallery-cell, .narrowContent.narrowContent-atMobile1 .gallery-downloadGrid.gallery-large .gallery-cell, .gallery-grid.gallery-large .gallery-cell, .gallery-downloadGrid.gallery-large .gallery-cell {
width: 50%
}
.narrowContent.narrowContent-atDesktop .gallery-grid.gallery-medium .gallery-cell, .narrowContent.narrowContent-atDesktop .gallery-downloadGrid.gallery-medium .gallery-cell, .narrowContent.narrowContent-atMobile1 .gallery-grid.gallery-medium .gallery-cell, .narrowContent.narrowContent-atMobile1 .gallery-downloadGrid.gallery-medium .gallery-cell, .gallery-grid.gallery-medium .gallery-cell, .gallery-downloadGrid.gallery-medium .gallery-cell {
width: 25%
}
.narrowContent.narrowContent-atDesktop .gallery-grid.gallery-small .gallery-cell, .narrowContent.narrowContent-atDesktop .gallery-downloadGrid.gallery-small .gallery-cell, .narrowContent.narrowContent-atMobile1 .gallery-grid.gallery-small .gallery-cell, .narrowContent.narrowContent-atMobile1 .gallery-downloadGrid.gallery-small .gallery-cell, .gallery-grid.gallery-small .gallery-cell, .gallery-downloadGrid.gallery-small .gallery-cell {
width: 20%
}
.narrowContent60.narrowContent-atMobile2 .gallery-grid.gallery-large .gallery-cell, .narrowContent60.narrowContent-atMobile2 .gallery-downloadGrid.gallery-large .gallery-cell {
width: 100%
}
.narrowContent60.narrowContent-atMobile2 .gallery-grid.gallery-medium .gallery-cell, .narrowContent60.narrowContent-atMobile2 .gallery-downloadGrid.gallery-medium .gallery-cell {
width: 50%
}
.narrowContent60.narrowContent-atMobile2 .gallery-grid.gallery-small .gallery-cell, .narrowContent60.narrowContent-atMobile2 .gallery-downloadGrid.gallery-small .gallery-cell {
width: 33.333333333%
}
.narrowContent40.narrowContent-atMobile2 .gallery-grid.gallery-large .gallery-cell, .narrowContent40.narrowContent-atMobile2 .gallery-downloadGrid.gallery-large .gallery-cell {
width: 100%
}
.narrowContent40.narrowContent-atMobile2 .gallery-grid.gallery-medium .gallery-cell, .narrowContent40.narrowContent-atMobile2 .gallery-downloadGrid.gallery-medium .gallery-cell {
width: 50%
}
.narrowContent40.narrowContent-atMobile2 .gallery-grid.gallery-small .gallery-cell, .narrowContent40.narrowContent-atMobile2 .gallery-downloadGrid.gallery-small .gallery-cell {
width: 33.333333333%
}
.narrowContent20.narrowContent-atMobile2 .gallery-grid.gallery-large .gallery-cell, .narrowContent20.narrowContent-atMobile2 .gallery-downloadGrid.gallery-large .gallery-cell {
width: 100%
}
.narrowContent20.narrowContent-atMobile2 .gallery-grid.gallery-medium .gallery-cell, .narrowContent20.narrowContent-atMobile2 .gallery-downloadGrid.gallery-medium .gallery-cell {
width: 100%
}
.narrowContent20.narrowContent-atMobile2 .gallery-grid.gallery-small .gallery-cell, .narrowContent20.narrowContent-atMobile2 .gallery-downloadGrid.gallery-small .gallery-cell {
width: 100%
}
}
@media (max-width: 450px) {
.gallery-flow-multiline.gallery-large .gallery-cell, .gallery-flow.gallery-large .gallery-cell img {
max-height: 130px;
max-width: 260px
}
.gallery-flow-multiline.gallery-medium .gallery-cell, .gallery-flow.gallery-medium .gallery-cell img {
max-height: 80px;
max-width: 160px
}
.gallery-flow-multiline.gallery-small .gallery-cell, .gallery-flow.gallery-small .gallery-cell img {
max-height: 50px;
max-width: 100px
}
.gallery-flow-multiline-desc .gallery-cell-desc {
font-size: 8px
}
.gallery-flow.gallery-large .gallery-cell-desc {
width: 130px
}
.gallery-flow.gallery-medium .gallery-cell-desc {
width: 80px
}
.gallery-flow.gallery-small .gallery-cell-desc {
width: 50px
}
.narrowContent.narrowContent-atDesktop .gallery-grid.gallery-large .gallery-cell, .narrowContent.narrowContent-atDesktop .gallery-downloadGrid.gallery-large .gallery-cell, .narrowContent.narrowContent-atMobile1 .gallery-grid.gallery-large .gallery-cell, .narrowContent.narrowContent-atMobile1 .gallery-downloadGrid.gallery-large .gallery-cell, .narrowContent.narrowContent-atMobile2 .gallery-grid.gallery-large .gallery-cell, .narrowContent.narrowContent-atMobile2 .gallery-downloadGrid.gallery-large .gallery-cell, .gallery-grid.gallery-large .gallery-cell, .gallery-downloadGrid.gallery-large .gallery-cell {
width: 50%
}
.narrowContent.narrowContent-atDesktop .gallery-grid.gallery-medium .gallery-cell, .narrowContent.narrowContent-atDesktop .gallery-downloadGrid.gallery-medium .gallery-cell, .narrowContent.narrowContent-atMobile1 .gallery-grid.gallery-medium .gallery-cell, .narrowContent.narrowContent-atMobile1 .gallery-downloadGrid.gallery-medium .gallery-cell, .narrowContent.narrowContent-atMobile2 .gallery-grid.gallery-medium .gallery-cell, .narrowContent.narrowContent-atMobile2 .gallery-downloadGrid.gallery-medium .gallery-cell, .gallery-grid.gallery-medium .gallery-cell, .gallery-downloadGrid.gallery-medium .gallery-cell {
width: 33.333333333%
}
.narrowContent.narrowContent-Desktop .gallery-grid.gallery-small .gallery-cell, .narrowContent.narrowContent-Desktop .gallery-downloadGrid.gallery-small .gallery-cell, .narrowContent.narrowContent-atMobile1 .gallery-grid.gallery-small .gallery-cell, .narrowContent.narrowContent-atMobile1 .gallery-downloadGrid.gallery-small .gallery-cell, .narrowContent.narrowContent-atMobile2 .gallery-grid.gallery-small .gallery-cell, .narrowContent.narrowContent-atMobile2 .gallery-downloadGrid.gallery-small .gallery-cell, .gallery-grid.gallery-small .gallery-cell, .gallery-downloadGrid.gallery-small .gallery-cell {
width: 25%
}
}
.gallery-video .gallery-cell-inner {
overflow: hidden
}
.gallery-video i {
display: block;
position: absolute;
left: 50%;
top: 50%;
margin: -20px 0 0 -20px;
background: #fff;
opacity: .75;
width: 40px;
height: 40px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
transition: 0.25s
}
.gallery-video i:before {
display: block;
content: "";
margin: 10px 10px 0 14px;
width: 0;
border-left: 16px solid #5a6870;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent
}
.gallery-video a:hover i {
opacity: 1;
transition: 0.125s
}
.slidingGallery {
margin-bottom: 20px;
width: 100%;
min-height: 1px;
overflow: hidden;
-ms-touch-action: pan-y pinch-zoom;
touch-action: pan-y pinch-zoom;
position: relative
}
.slidingGallery-inner1 {
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px
}
@media (max-width: 700px) {
.slidingGallery-inner1 {
padding-left: 10px;
padding-right: 10px
}
}
@media print {
.slidingGallery-inner1 {
width: 980px;
padding-left: 0;
padding-right: 0
}
}
.slidingGallery-inner2 {
margin-left: -20px
}
.rtl .slidingGallery-inner2 {
margin-left: 0;
margin-right: -20px
}
.slidingGallery.sliderInitialized .slidingGallery-inner2 {
position: relative
}
.slidingGallery.sliderInitialized .slidingGallery-container {
position: absolute
}
.slidingGallery-cell {
padding-left: 20px;
float: left
}
.rtl .slidingGallery-cell {
padding-left: 0;
padding-right: 20px;
float: right
}
.slidingGallery-cell a {
display: block;
min-width: 50px;
min-height: 1px
}
.slidingGallery-cell a:hover {
opacity: .85
}
.slidingGallery .slidingGallery-indicator {
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px
}
@media (max-width: 700px) {
.slidingGallery .slidingGallery-indicator {
padding-left: 10px;
padding-right: 10px
}
}
@media print {
.slidingGallery .slidingGallery-indicator {
width: 980px;
padding-left: 0;
padding-right: 0
}
}
.slidingGallery.sliderNotInitialized .slidingGallery-indicator {
display: none
}
.slidingGallery .slider-clickGuardOnDrag {
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
z-index: 5;
display: none
}
.slidingGallery-video a {
position: relative;
overflow: hidden
}
.slidingGallery-video i {
display: block;
position: absolute;
left: 50%;
top: 50%;
margin: -40px 0 0 -40px;
background: #fff;
opacity: .75;
width: 80px;
height: 80px;
-moz-border-radius: 40px;
-webkit-border-radius: 40px;
border-radius: 40px;
transition: 0.25s
}
.slidingGallery-video i:before {
display: block;
content: "";
margin: 20px 20px 0 28px;
width: 0;
border-left: 32px solid #5a6870;
border-top: 20px solid transparent;
border-bottom: 20px solid transparent
}
.slidingGallery-video a:hover i {
opacity: 1;
transition: 0.125s
}
.slidingGallery-large .slidingGallery-cell, .slidingGallery-large.sliderInitialized .slidingGallery-inner2 {
height: 300px
}
.slidingGallery-medium .slidingGallery-cell, .slidingGallery-medium.sliderInitialized .slidingGallery-inner2 {
height: 220px
}
.slidingGallery-small .slidingGallery-cell, .slidingGallery-small.sliderInitialized .slidingGallery-inner2 {
height: 100px
}
.slidingGallery-large .slidingGallery-cell img {
max-height: 300px
}
.slidingGallery-medium .slidingGallery-cell img {
max-height: 220px
}
.slidingGallery-small .slidingGallery-cell img {
max-height: 100px
}
@media (max-width: 900px) {
.slidingGallery-large .slidingGallery-cell, .slidingGallery-large.sliderInitialized .slidingGallery-inner2 {
height: 250px
}
.slidingGallery-medium .slidingGallery-cell, .slidingGallery-medium.sliderInitialized .slidingGallery-inner2 {
height: 180px
}
.slidingGallery-small .slidingGallery-cell, .slidingGallery-small.sliderInitialized .slidingGallery-inner2 {
height: 100px
}
.slidingGallery-large .slidingGallery-cell img {
max-height: 250px
}
.slidingGallery-medium .slidingGallery-cell img {
max-height: 180px
}
.slidingGallery-small .slidingGallery-cell img {
max-height: 100px
}
}
@media (max-width: 700px) {
.slidingGallery-inner2 {
margin-left: -10px
}
.rtl .slidingGallery-inner2 {
margin-left: 0;
margin-right: -10px
}
.slidingGallery-cell {
padding-left: 10px
}
.rtl .slidingGallery-cell {
padding-left: 0;
padding-right: 10px
}
.slidingGallery-large .slidingGallery-cell, .slidingGallery-large.sliderInitialized .slidingGallery-inner2 {
height: 150px
}
.slidingGallery-medium .slidingGallery-cell, .slidingGallery-medium.sliderInitialized .slidingGallery-inner2 {
height: 140px
}
.slidingGallery-small .slidingGallery-cell, .slidingGallery-small.sliderInitialized .slidingGallery-inner2 {
height: 75px
}
.slidingGallery-large .slidingGallery-cell img {
max-height: 150px
}
.slidingGallery-medium .slidingGallery-cell img {
max-height: 140px
}
.slidingGallery-small .slidingGallery-cell img {
max-height: 75px
}
.slidingGallery-video i {
margin: -30px 0 0 -30px;
width: 60px;
height: 60px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px
}
.slidingGallery-video i:before {
margin: 15px 15px 0 21px;
border-left-width: 24px;
border-top-width: 15px;
border-bottom-width: 15px
}
}
@media (max-width: 450px) {
.slidingGallery-large .slidingGallery-cell, .slidingGallery-large.sliderInitialized .slidingGallery-inner2 {
height: 130px
}
.slidingGallery-medium .slidingGallery-cell, .slidingGallery-medium.sliderInitialized .slidingGallery-inner2 {
height: 80px
}
.slidingGallery-small .slidingGallery-cell, .slidingGallery-small.sliderInitialized .slidingGallery-inner2 {
height: 50px
}
.slidingGallery-large .slidingGallery-cell img {
max-height: 130px
}
.slidingGallery-medium .slidingGallery-cell img {
max-height: 80px
}
.slidingGallery-small .slidingGallery-cell img {
max-height: 50px
}
.slidingGallery-video i {
margin: -20px 0 0 -20px;
width: 40px;
height: 40px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px
}
.slidingGallery-video i:before {
margin: 10px 10px 0 14px;
border-left-width: 16px;
border-top-width: 10px;
border-bottom-width: 10px
}
}
.slidingBanners {
margin-bottom: 20px;
width: 100%;
min-height: 1px;
overflow: hidden;
-ms-touch-action: pan-y pinch-zoom;
touch-action: pan-y pinch-zoom;
position: relative
}
.slidingBanners-container1 {
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px
}
@media (max-width: 700px) {
.slidingBanners-container1 {
padding-left: 10px;
padding-right: 10px
}
}
@media print {
.slidingBanners-container1 {
width: 980px;
padding-left: 0;
padding-right: 0
}
}
.slidingBanners-container2 {
d: 0;
margin-left: -2%
}
.slidingBanners-container3 {
position: relative;
height: 0px;
overflow: visible;
padding-bottom: 31.333333333%
}
.slidingBanners .slider-clickGuardOnDrag {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 5;
display: none
}
.sliderInitialized .slidingBanners-item {
display: none
}
.slidingBanners-item {
width: 33.333333333%;
d: 0;
padding-left: 2%;
padding-bottom: 2%;
position: absolute;
d: 0;
left: 0;
top: 0;
z-index: 2
}
.slidingBanners-item>span {
position: relative;
display: block;
width: 100%;
height: 0px;
padding-bottom: 100%
}
.slidingBanners-item>span>span, .slidingBanners-item>span>a, .slidingBanners-item>span>a>span {
position: absolute;
display: block;
top: 0px;
left: 0px;
width: 100%;
height: 100%
}
.slidingBanners-double>span>span, .slidingBanners-double>span>a>span {
height: 46.808510638%
}
.slidingBanners-double>span>span+span, .slidingBanners-double>span>a>span+span {
top: auto;
bottom: 0
}
.sliderNotInitialized .slidingBanners-item+.slidingBanners-item {
d: 0;
left: 33.333333333%
}
.sliderNotInitialized .slidingBanners-item+.slidingBanners-item+.slidingBanners-item {
d: 0;
left: 66.666666667%
}
.sliderNotInitialized .slidingBanners-item+.slidingBanners-item+.slidingBanners-item+.slidingBanners-item {
display: none
}
.slidingBanners .item1 {
display: block;
d: 0;
left: 0
}
.slidingBanners .item2 {
display: block;
d: 0;
left: 33.333333333%
}
.slidingBanners .item3 {
display: block;
d: 0;
left: 66.666666667%
}
.slidingBanners .item4, .slidingBanners .item5 {
display: none
}
.slidingBanners-double-text1 {
display: block;
font-size: 21px;
color: #5a6870
}
.slidingBanners-double-text2 {
display: block;
font-size: 14px;
color: #5a6870
}
.slidingBanners-double-text1+.slidingBanners-double-text2 {
margin-top: 10px
}
.slidingBanners-item a * {
transition: 0.25s
}
.slidingBanners-item a:hover * {
transition: 0.125s
}
.slidingBanners-item a:hover .slidingBanners-double-text1 {
color: #00b9ad
}
.slidingBanners a:hover img {
opacity: .85
}
.slidingBanners-indicators {
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px
}
@media (max-width: 700px) {
.slidingBanners-indicators {
padding-left: 10px;
padding-right: 10px
}
}
@media print {
.slidingBanners-indicators {
width: 980px;
padding-left: 0;
padding-right: 0
}
}
.sliderNotInitialized .slidingBanners-indicators {
display: none
}
.slidingBanners-autoProgress {
d: 0;
float: left;
padding: 5px 4px;
cursor: pointer
}
.slidingBanners-autoProgress>div {
overflow: hidden;
width: 30px;
height: 30px
}
.slidingBanners-autoProgress img {
width: 60px;
height: 30px;
min-width: 60px
}
.sliderAutoProgressPlay img {
margin: 0 -30px 0 0
}
.sliderAutoProgressPause img {
margin: 0 0 0 -30px
}
.slidingBanners-indicators-container {
position: relative;
z-index: 3
}
.slidingBanners-item a, .slidingBanners-item img {
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0
}
.slidingBanners-item a {
overflow: hidden;
text-decoration: none
}
@media (max-width:980px) {
.slidingBanners-double-text1 {
font-size: 19.95px
}
.slidingBanners-double-text2 {
font-size: 15.2px
}
.slidingBanners-double-text1+.slidingBanners-double-text2 {
margin-top: 9.5px
}
}
@media (max-width:950px) {
.slidingBanners-double-text1 {
font-size: 18.9px
}
.slidingBanners-double-text2 {
font-size: 14.4px
}
.slidingBanners-double-text1+.slidingBanners-double-text2 {
margin-top: 9px
}
}
@media (max-width:900px) {
.slidingBanners-double-text1 {
font-size: 17.325px
}
.slidingBanners-double-text2 {
font-size: 13.2px
}
.slidingBanners-double-text1+.slidingBanners-double-text2 {
margin-top: 8.25px
}
}
@media (max-width:850px) {
.slidingBanners-double-text1 {
font-size: 15.75px
}
.slidingBanners-double-text2 {
font-size: 12px
}
.slidingBanners-double-text1+.slidingBanners-double-text2 {
margin-top: 7.5px
}
}
@media (max-width:800px) {
.slidingBanners-double-text1 {
font-size: 14.175px
}
.slidingBanners-double-text2 {
font-size: 10.8px
}
.slidingBanners-double-text1+.slidingBanners-double-text2 {
margin-top: 6.75px
}
}
@media (max-width:750px) {
.slidingBanners-double-text1 {
font-size: 12.6px
}
.slidingBanners-double-text2 {
font-size: 9.6px
}
.slidingBanners-double-text1+.slidingBanners-double-text2 {
margin-top: 6px
}
}
@media (max-width:700px) {
.slidingBanners-double-text1 {
font-size: 18.9px
}
.slidingBanners-double-text2 {
font-size: 14.4px
}
.slidingBanners-double-text1+.slidingBanners-double-text2 {
margin-top: 9px
}
}
@media (max-width:650px) {
.slidingBanners-double-text1 {
font-size: 17.700000003px
}
.slidingBanners-double-text2 {
font-size: 13.485714288px
}
.slidingBanners-double-text1+.slidingBanners-double-text2 {
margin-top: 8.42857143px
}
}
@media (max-width:600px) {
.slidingBanners-double-text1 {
font-size: 16.500000006px
}
.slidingBanners-double-text2 {
font-size: 12.571428576px
}
.slidingBanners-double-text1+.slidingBanners-double-text2 {
margin-top: 7.85714286px
}
}
@media (max-width:550px) {
.slidingBanners-double-text1 {
font-size: 15.300000009px
}
.slidingBanners-double-text2 {
font-size: 11.657142864px
}
.slidingBanners-double-text1+.slidingBanners-double-text2 {
margin-top: 7.28571429px
}
}
@media (max-width:500px) {
.slidingBanners-double-text1 {
font-size: 14.099999991px
}
.slidingBanners-double-text2 {
font-size: 10.742857136px
}
.slidingBanners-double-text1+.slidingBanners-double-text2 {
margin-top: 6.71428571px
}
}
@media (max-width:450px) {
.slidingBanners-double-text1 {
font-size: 12.899999994px
}
.slidingBanners-double-text2 {
font-size: 9.828571424px
}
.slidingBanners-double-text1+.slidingBanners-double-text2 {
margin-top: 6.14285714px
}
}
@media (max-width:400px) {
.slidingBanners-double-text1 {
font-size: 11.699999997px
}
.slidingBanners-double-text2 {
font-size: 8.914285712px
}
.slidingBanners-double-text1+.slidingBanners-double-text2 {
margin-top: 5.57142857px
}
}
@media (max-width:350px) {
.slidingBanners-double-text1 {
font-size: 10.5px
}
.slidingBanners-double-text2 {
font-size: 8px
}
.slidingBanners-double-text1+.slidingBanners-double-text2 {
margin-top: 5px
}
}
@media (max-width: 700px) {
.slidingBanners-container3 {
padding-bottom: 48%
}
.slidingBanners-item {
width: 50%
}
.slidingBanners-double>span>span, .slidingBanners-double>span>a>span {
height: 47.916666667%
}
.sliderNotInitialized .slidingBanners-item+.slidingBanners-item {
d: 0;
left: 50%
}
.sliderNotInitialized .slidingBanners-item+.slidingBanners-item+.slidingBanners-item {
display: none
}
.slidingBanners .item1 {
display: block;
d: 0;
left: 0
}
.slidingBanners .item2 {
display: block;
d: 0;
left: 50%
}
.slidingBanners .item3, .slidingBanners .item4, .slidingBanners .item5 {
display: none
}
.stepSliderIndicators .indicator.active3 i {
border-top-color: #d8dbdd !important
}
.stepSliderIndicators .indicator.active3:hover i {
border-top-color: #6c6e6f !important
}
}
.slidingDoubleBanners {
margin-bottom: 20px;
width: 100%;
min-height: 1px;
overflow: hidden;
-ms-touch-action: pan-y pinch-zoom;
touch-action: pan-y pinch-zoom;
position: relative
}
.slidingDoubleBanners-container1 {
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px
}
@media (max-width: 700px) {
.slidingDoubleBanners-container1 {
padding-left: 10px;
padding-right: 10px
}
}
@media print {
.slidingDoubleBanners-container1 {
width: 980px;
padding-left: 0;
padding-right: 0
}
}
.slidingDoubleBanners-container2 {
d: 0;
margin-left: -1.209677419%
}
.slidingDoubleBanners-container3 {
position: relative;
height: 0;
overflow: visible
}
.slidingDoubleBanners-11_6 .slidingDoubleBanners-container3 {
padding-bottom: 26.720647773%
}
.slidingDoubleBanners-square .slidingDoubleBanners-container3 {
padding-bottom: 48.987854251%
}
.slidingDoubleBanners .slider-clickGuardOnDrag {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 5;
display: none
}
.sliderInitialized .slidingDoubleBanners-item {
display: none
}
.slidingDoubleBanners-item {
width: 50%;
position: absolute;
d: 0;
left: 0;
top: 0;
z-index: 2
}
.slidingDoubleBanners-11_6 .slidingDoubleBanners-item {
padding-bottom: 26.612903226%
}
.slidingDoubleBanners-square .slidingDoubleBanners-item {
padding-bottom: 48.790322581%
}
.slidingDoubleBanners-item a {
display: block
}
.slidingDoubleBanners-item img {
position: absolute;
d: 0;
left: 2.419354839%;
d: 0;
right: 0;
top: 0;
height: 100%
}
.sliderNotInitialized .slidingDoubleBanners-item+.slidingDoubleBanners-item {
d: 0;
left: 50%
}
.sliderNotInitialized .slidingDoubleBanners-item+.slidingDoubleBanners-item+.slidingDoubleBanners-item {
display: none
}
.slidingDoubleBanners .item1 {
display: block;
d: 0;
left: 0
}
.slidingDoubleBanners .item2 {
display: block;
d: 0;
left: 50%
}
.slidingDoubleBanners .item3, .slidingDoubleBanners .item4, .slidingDoubleBanners .item5 {
display: none
}
.slidingDoubleBanners a:hover img {
opacity: .85
}
.slidingDoubleBanners-indicators {
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px
}
@media (max-width: 700px) {
.slidingDoubleBanners-indicators {
padding-left: 10px;
padding-right: 10px
}
}
@media print {
.slidingDoubleBanners-indicators {
width: 980px;
padding-left: 0;
padding-right: 0
}
}
.sliderNotInitialized .slidingDoubleBanners-indicators {
display: none
}
.slidingDoubleBanners-autoProgress {
d: 0;
float: left;
padding: 5px 4px;
cursor: pointer
}
.slidingDoubleBanners-autoProgress>div {
overflow: hidden;
width: 30px;
height: 30px
}
.slidingDoubleBanners-autoProgress img {
width: 60px;
height: 30px;
min-width: 60px
}
.slidingDoubleBanners-indicators-container {
position: relative;
z-index: 3
}
@media (max-width: 700px) {
.slidingDoubleBanners-11_6 .slidingDoubleBanners-container3 {
padding-bottom: 53.441295547%
}
.slidingDoubleBanners-square .slidingDoubleBanners-container3 {
padding-bottom: 97.975708502%
}
.slidingDoubleBanners-item {
width: 100%
}
.slidingDoubleBanners-11_6 .slidingDoubleBanners-item {
padding-bottom: 53.225806452%
}
.slidingDoubleBanners-square .slidingDoubleBanners-item {
padding-bottom: 97.580645161%
}
.slidingDoubleBanners .item2 {
display: none
}
}
.slidingDesign {
margin-bottom: 20px;
width: 100%;
min-height: 1px;
overflow: hidden;
-ms-touch-action: pan-y pinch-zoom;
touch-action: pan-y pinch-zoom;
position: relative
}
.slidingDesign-container1, .slidingDesign-indicators {
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px
}
@media (max-width: 700px) {
.slidingDesign-container1, .slidingDesign-indicators {
padding-left: 10px;
padding-right: 10px
}
}
@media print {
.slidingDesign-container1, .slidingDesign-indicators {
width: 980px;
padding-left: 0;
padding-right: 0
}
}
.slidingDesign-autoProgress {
d: 0;
float: left;
padding: 5px 4px;
cursor: pointer
}
.slidingDesign-autoProgress>div {
overflow: hidden;
width: 30px;
height: 40px
}
.slidingDesign-autoProgress img {
width: 60px;
height: 30px;
min-width: 60px
}
.slidingDesign-container2 {
height: 290px;
position: relative;
margin-left: -20px
}
.rtl .slidingDesign-container2 {
margin-left: 0;
margin-right: -20px
}
.slidingDesign-container3 {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0
}
.slidingDesign-item, .slidingDesign-item a {
position: absolute;
top: 0;
height: 290px;
text-decoration: none
}
.slidingDesign-item {
left: 0;
width: 100%
}
.rtl .slidingDesign-item {
left: auto;
right: 0
}
.slidingDesign-item a {
left: 20px;
transition: none;
right: 0
}
.rtl .slidingDesign-item a {
left: 0;
right: 20px
}
.slidingDesign-item a * {
transition: 0.25s
}
.slidingDesign-item a:hover * {
transition: 0.125s
}
.slidingDesign .slider-clickGuardOnDrag {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 5;
display: none
}
.sliderNotInitialized .slidingDesign-item+.slidingDesign-item, .sliderNotInitialized .slidingDesign-indicators {
display: none
}
.slidingDesign-image {
display: block;
float: left;
width: 58.8%;
height: 290px;
overflow: hidden
}
.rtl .slidingDesign-image {
float: right
}
.slidingDesign-image i {
display: block;
margin: 0 auto;
width: 0
}
.slidingDesign-image img {
width: 580px;
max-width: 580px;
height: 290px;
margin: 0 -290px
}
.slidingDesign-texts {
display: block;
float: right;
width: 39.2%;
height: 290px;
overflow: hidden;
padding: 0
}
.rtl .slidingDesign-texts {
float: left
}
.slidingDesign-texts-title {
display: block;
font-size: 50px;
font-weight: 400;
margin-bottom: 20px
}
.slidingDesign-texts-title span {
display: block;
line-height: 100%
}
.slidingDesign-texts-text {
display: block;
font-size: 14px;
line-height: 115%;
font-weight: 400;
margin-bottom: 20px
}
.slidingDesign-texts-linkButton {
display: inline-block;
font-size: 14px;
font-weight: 400;
text-transform: uppercase;
line-height: 26px;
padding: 0 9px;
border: 1px solid #d8dbdd;
transition: 0.25s
}
.slidingDesign a:hover .slidingDesign-texts-linkButton {
background: #5a6870;
border-color: #5a6870;
color: #fff;
transition: 0.125s
}
.slidingDesign a:hover .slidingDesign-image img {
opacity: .85
}
.slidingDesign-item-blackTheme a {
background: #000
}
.slidingDesign-item-blackTheme .slidingDesign-texts {
color: #fff
}
.slidingDesign-item-blackTheme .slidingDesign-texts-linkButton {
background: #fff;
color: #000
}
.slidingDesign-item-blackTheme a:hover .slidingDesign-texts-linkButton {
color: #fff
}
.slidingDesign-item-lightTheme a {
background: #f8f9f9
}
.slidingDesign-item-lightTheme .slidingDesign-texts {
color: #5a6870
}
.slidingDesign-item-lightTheme .slidingDesign-texts-linkButton {
background: #5a6870;
color: #fff
}
.slidingDesign-item-whiteTheme a {
background: #fff
}
.slidingDesign-item-whiteTheme .slidingDesign-texts {
color: #000
}
.slidingDesign-item-whiteTheme .slidingDesign-texts-linkButton {
background: #000;
color: #fff
}
.slidingDesign-item-classicoTheme a {
background: #e9e3db
}
.slidingDesign-item-classicoTheme .slidingDesign-texts {
color: #694222
}
.slidingDesign-item-classicoTheme .slidingDesign-texts-title {
-webkit-text-shadow: 0 0 2px #e5cb8a;
text-shadow: 0 0 2px #e5cb8a
}
.slidingDesign-item-classicoTheme .slidingDesign-texts-linkButton {
background: #694222;
color: #e9e3db
}
.slidingDesign-item-classicoTheme a:hover .slidingDesign-texts-linkButton {
background: #927d54
}
.slidingDesign-item-karimrashidTheme .slidingDesign-texts-title {
color: #eb008b
}
.slidingDesign-item-karimrashidTheme a:hover .slidingDesign-texts-linkButton {
background: #eb008b
}
.slidingDesign-item-blackTheme .slidingDesign-texts, .slidingDesign-item-lightTheme .slidingDesign-texts, .slidingDesign-item-whiteTheme .slidingDesign-texts, .slidingDesign-item-classicoTheme .slidingDesign-texts {
padding: 20px 20px 0 0
}
@media (max-width:950px) {
.slidingDesign-texts-title {
font-size: 48.469387755px
}
.slidingDesign-texts-text {
font-size: 13.892857143px
}
}
@media (max-width:900px) {
.slidingDesign-texts-title {
font-size: 45.918367347px
}
.slidingDesign-texts-text {
font-size: 13.714285714px
}
}
@media (max-width:850px) {
.slidingDesign-texts-title {
font-size: 43.367346939px
}
.slidingDesign-texts-text {
font-size: 13.535714286px
}
}
@media (max-width:800px) {
.slidingDesign-texts-title {
font-size: 40.816326531px
}
.slidingDesign-texts-text {
font-size: 13.357142857px
}
}
@media (max-width:750px) {
.slidingDesign-texts-title {
font-size: 38.265306122px
}
.slidingDesign-texts-text {
font-size: 13.178571429px
}
}
@media (max-width:700px) {
.slidingDesign-texts-title {
font-size: 35.714285714px
}
.slidingDesign-texts-text {
font-size: 13px
}
}
@media (max-width:650px) {
.slidingDesign-texts-title {
font-size: 33.163265306px
}
.slidingDesign-texts-text {
font-size: 12.821428571px
}
}
.slidingDesign-texts-title-small1 span {
font-size: .95em
}
.slidingDesign-texts-title-small2 span {
font-size: .90em
}
.slidingDesign-texts-title-small3 span {
font-size: .85em
}
.slidingDesign-texts-title-small4 span {
font-size: .80em
}
.slidingDesign-texts-title-small5 span {
font-size: .75em
}
@media (max-width:600px) {
.slidingDesign-container2 {
height: 0;
position: relative;
padding-bottom: 90%;
margin-left: -10px
}
.rtl .slidingDesign-container2 {
margin-left: 0;
margin-right: -10px
}
.slidingDesign-item, .slidingDesign-item a {
position: absolute;
top: 0;
height: 100%;
text-decoration: none
}
.slidingDesign-item {
left: 0;
width: 100%
}
.rtl .slidingDesign-item {
left: auto;
right: 0
}
.slidingDesign-item a {
left: 10px;
right: 0
}
.rtl .slidingDesign-item a {
left: 0;
right: 10px
}
.slidingDesign-image {
float: none;
width: 100%;
position: absolute;
top: 0;
left: 0;
height: 55.555555556%
}
.rtl .slidingDesign-image {
left: auto;
right: 0
}
.slidingDesign-image i, .slidingDesign-image img {
width: 100%;
height: 100%;
margin: 0
}
.slidingDesign-texts {
float: none;
width: 100%;
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 41.444444444%;
padding: 0
}
.slidingDesign-texts-title, .slidingDesign-texts-text {
margin-bottom: 10px
}
.slidingDesign-texts-linkButton {
position: absolute;
display: block;
width: 100%;
left: 0;
right: 0;
bottom: 0;
font-size: 12px;
line-height: 22px
}
.slidingDesign-item-blackTheme .slidingDesign-texts-linkButton {
background: #e5e5e5
}
.slidingDesign-item-blackTheme .slidingDesign-texts, .slidingDesign-item-lightTheme .slidingDesign-texts, .slidingDesign-item-whiteTheme .slidingDesign-texts, .slidingDesign-item-classicoTheme .slidingDesign-texts {
padding: 0 10px
}
}
@media (max-width:600px) {
.slidingDesign-texts-title {
font-size: 40px
}
.slidingDesign-texts-text {
font-size: 14px
}
}
@media (max-width:575px) {
.slidingDesign-texts-title {
font-size: 38.333333333px
}
.slidingDesign-texts-text {
font-size: 13.475px
}
}
@media (max-width:550px) {
.slidingDesign-texts-title {
font-size: 36.666666667px
}
.slidingDesign-texts-text {
font-size: 12.95px
}
}
@media (max-width:525px) {
.slidingDesign-texts-title {
font-size: 35px
}
.slidingDesign-texts-text {
font-size: 12.425px
}
}
@media (max-width:500px) {
.slidingDesign-texts-title {
font-size: 33.333333333px
}
.slidingDesign-texts-text {
font-size: 11.9px
}
}
@media (max-width:475px) {
.slidingDesign-texts-title {
font-size: 31.666666667px
}
.slidingDesign-texts-text {
font-size: 11.375px
}
}
@media (max-width:450px) {
.slidingDesign-texts-title {
font-size: 30px
}
.slidingDesign-texts-text {
font-size: 10.85px
}
}
@media (max-width:425px) {
.slidingDesign-texts-title {
font-size: 28.333333333px
}
.slidingDesign-texts-text {
font-size: 10.325px
}
}
@media (max-width:400px) {
.slidingDesign-texts-title {
font-size: 26.666666667px
}
.slidingDesign-texts-text {
font-size: 9.8px
}
}
@media (max-width:375px) {
.slidingDesign-texts-title {
font-size: 25px
}
.slidingDesign-texts-text {
font-size: 9.275px
}
}
@media (max-width:350px) {
.slidingDesign-texts-title {
font-size: 23.333333333px
}
.slidingDesign-texts-text {
font-size: 8.75px
}
}
@media (max-width:325px) {
.slidingDesign-texts-title {
font-size: 21.666666667px
}
.slidingDesign-texts-text {
font-size: 8.225px
}
}
.pageBody>.iconLinkGroup, .pageBody>.iconLinkGroupLarge {
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px
}
@media (max-width: 700px) {
.pageBody>.iconLinkGroup, .pageBody>.iconLinkGroupLarge {
padding-left: 10px;
padding-right: 10px
}
}
@media print {
.pageBody>.iconLinkGroup, .pageBody>.iconLinkGroupLarge {
width: 980px;
padding-left: 0;
padding-right: 0
}
}
.iconLinkGroup-inner, .iconLinkGroupLarge-inner {
d: 0;
margin: -20px 0 20px -20px
}
.iconLinkGroup-item {
d: 0;
float: left;
width: 33.333333333%;
padding-top: 20px;
d: 0;
padding-left: 20px
}
.iconLinkGroup-item:nth-child(3n+1) {
clear: both
}
.iconLinkGroup-item a {
display: block;
text-decoration: none
}
.iconLinkGroup-item-text {
display: block;
text-decoration: none;
font-size: 16px;
padding-top: 5px;
d: 0;
padding-left: 90px;
vertical-align: top;
font-weight: 700;
color: #5a6870;
transition: 0.25s;
line-height: 115%;
text-transform: uppercase
}
.iconLinkGroup-item a img {
display: inline-block;
d: 0;
float: left;
width: 70px;
height: 70px;
vertical-align: top;
transition: 0.25s;
border: 4px solid #f8f9f9;
-moz-border-radius: 10%;
-webkit-border-radius: 10%;
border-radius: 10%
}
.iconLinkGroup-item a:hover .iconLinkGroup-item-text {
color: #00b9ad;
transition: 0.125s
}
.iconLinkGroup-item a:hover img {
border: 2px solid #00b9ad;
padding: 2px;
transition: 0.125s
}
@media (max-width: 900px) {
.iconLinkGroup-item {
width: 50%
}
.iconLinkGroup-item:nth-child(3n+1) {
clear: none
}
.iconLinkGroup-item:nth-child(2n+1) {
clear: both
}
}
@media (max-width: 700px) {
.iconLinkGroup-item {
float: none;
width: 100%
}
.iconLinkGroup-item-text {
font-size: 16px;
padding-left: 60px
}
.iconLinkGroup-item a img {
width: 50px;
height: 50px
}
}
.narrowContent .iconLinkGroup-item {
float: none;
width: 100%
}
.iconLinkGroupLarge-item {
d: 0;
float: left;
display: table;
width: 33.333333333%;
padding-top: 20px;
d: 0;
padding-left: 20px
}
.iconLinkGroupLarge-item a {
display: table-row;
width: 100%;
text-decoration: none;
background: #f8f9f9;
color: #5a6870;
font-weight: 700
}
.iconLinkGroupLarge-item i {
display: table-cell;
width: 35%;
vertical-align: middle
}
.iconLinkGroupLarge-item b {
display: table-cell;
width: 65%;
vertical-align: top;
text-decoration: none;
font-size: 21px;
line-height: 115%;
padding-top: 15px;
d: 0;
padding-right: 10px;
font-weight: 400
}
.iconLinkGroupLarge-item img {
display: block;
width: 100%;
vertical-align: top
}
.iconLinkGroupLarge-item a:hover {
color: #00b9ad;
background: transparent
}
@media (max-width:1250px) {
.iconLinkGroupLarge-item b {
font-size: 2.45vw
}
}
@media (max-width: 900px) {
.iconLinkGroupLarge-item {
display: block
}
.iconLinkGroupLarge-item a {
display: block
}
.iconLinkGroupLarge-item i {
display: block;
width: 100%
}
.iconLinkGroupLarge-item img {
display: block;
width: 120px;
height: 120px;
margin: 0 auto
}
.iconLinkGroupLarge-item b {
display: block;
width: 100%;
padding: 0 10px;
text-align: center;
height: 60px
}
}
@media (max-width: 700px) {
.iconLinkGroupLarge-inner {
margin-top: -10px;
d: 0;
margin-left: -10px
}
.iconLinkGroupLarge-item {
display: table;
float: none;
width: 100%;
padding-top: 10px;
d: 0;
padding-left: 10px
}
.iconLinkGroupLarge-item a {
display: table-row
}
.iconLinkGroupLarge-item b {
display: table-cell;
font-size: 25px;
width: 100%;
d: 0;
text-align: left;
height: auto;
d: 0;
padding: 15px 10px 0 0
}
.iconLinkGroupLarge-item i {
display: table-cell;
width: 100px;
min-width: 100px
}
.iconLinkGroupLarge-item img {
width: 100px;
height: 100px
}
}
@media (max-width: 450px) {
.iconLinkGroupLarge-inner {
margin-top: -10px;
margin-left: -10px
}
.iconLinkGroupLarge-item b {
font-size: 20px
}
.iconLinkGroupLarge-item i {
width: 80px;
min-width: 80px
}
.iconLinkGroupLarge-item img {
width: 80px;
height: 80px
}
}
.narrowContent .iconLinkGroupLarge-item {
float: none;
width: 100%
}
.latestNews {
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px
}
@media (max-width: 700px) {
.latestNews {
padding-left: 10px;
padding-right: 10px
}
}
@media print {
.latestNews {
width: 980px;
padding-left: 0;
padding-right: 0
}
}
.latestNews-inner {
margin: 0 0 0 -20px
}
.latestNews-inner:after {
content: "";
display: block;
clear: both
}
.rtl .latestNews-inner {
margin: 0 -20px 0 0
}
.latestNews-item {
float: left;
width: 20%;
padding-left: 20px
}
.rtl .latestNews-item {
float: right;
padding-left: 0;
padding-right: 20px
}
.latestNews-item a {
display: block;
text-decoration: none;
transition: 0.25s
}
.latestNews-item a:hover {
color: #00b9ad;
transition: 0.125s
}
.latestNews-item-inner {
border-top: 4px solid #d8dbdd
}
.latestNews-title {
display: block;
font-size: 13px;
font-weight: 700;
color: #5a6870;
margin: 0;
padding-bottom: 20px;
line-height: 115%
}
.latestNews-date {
display: block;
font-size: 11px;
font-weight: 400;
color: #9da6ab;
padding-top: 10px;
margin-bottom: 5px;
line-height: 115%
}
.latestNews-moreFromNews ul {
display: block;
padding: 10px 0 0 0;
margin: 0;
list-style: none
}
.latestNews-moreFromNews ul:after {
content: "";
display: block;
clear: both
}
.latestNews-moreFromNews ul li {
font-size: 16px;
font-weight: 400;
line-height: 100%
}
.latestNews-moreFromNews ul li a {
display: block;
padding: 8px 0;
text-decoration: none;
padding-left: 1em;
transition: 0.25s
}
.rtl .latestNews-moreFromNews ul li a {
padding-left: 0;
padding-right: 1em
}
.latestNews-moreFromNews ul li a:hover {
color: #00b9ad;
transition: 0.125s
}
.latestNews-moreFromNews li a .diagonalLinkArrow {
color: #00b9ad
}
@media (max-width: 900px) {
.latestNews-item {
width: 25%
}
.latestNews-moreFromNews {
float: none;
clear: both;
width: 100%;
margin-left: -30px
}
.rtl .latestNews-moreFromNews {
margin-left: 0;
margin-right: -30px
}
.latestNews-moreFromNews ul {
padding-top: 0
}
.latestNews-moreFromNews ul li {
float: left;
margin-left: 30px
}
.rtl .latestNews-moreFromNews ul li {
float: right;
margin-left: 0;
margin-right: 30px
}
}
@media (max-width: 700px) {
.latestNews-inner {
margin: 0 0 0 -10px
}
.latestNews-inner:after {
content: "";
display: block;
clear: both
}
.rtl .latestNews-inner {
margin: 0 -10px 0 0
}
.latestNews-item {
width: 50%;
padding-left: 10px
}
.rtl .latestNews-item {
padding-left: 0;
padding-right: 10px
}
.latestNews-item:nth-child(2n+1) {
clear: both
}
}
@media (max-width: 450px) {
.latestNews-item {
float: none;
width: 100%;
padding-left: 10px
}
}
.pageBody>.subscribe {
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px
}
@media (max-width: 700px) {
.pageBody>.subscribe {
padding-left: 10px;
padding-right: 10px
}
}
@media print {
.pageBody>.subscribe {
width: 980px;
padding-left: 0;
padding-right: 0
}
}
.subscribe {
margin-bottom: 20px
}
.subscribe-inner {
display: table;
width: 100%
}
.subscribe-field {
display: table-row
}
.subscribe-label {
display: table-cell;
vertical-align: top;
white-space: nowrap;
width: 1%
}
.subscribe-label label {
display: block;
font-size: 22px;
font-weight: 700;
d: 0;
padding-right: 20px;
line-height: 115%;
color: #00b9ad
}
.subscribe-label label span {
display: block;
font-size: 16px;
line-height: 115%;
color: #9da6ab;
font-weight: 400;
margin-top: 5px
}
.subscribe-form {
display: table-cell;
vertical-align: middle;
width: 100%
}
.subscribe-form table {
width: 100%
}
.subscribe-input {
display: table-cell;
vertical-align: middle
}
.subscribe-input input {
display: block;
width: 100%;
height: 40px;
line-height: 38px;
padding: 0 14px;
font-size: 14px;
font-weight: 700;
color: #5a6870;
border: 1px solid #d8dbdd;
background: #fff
}
.subscribe-input input::-webkit-input-placeholder, .subscribe-input input:-moz-placeholder, .subscribe-input input::-moz-placeholder, .subscribe-input input:-ms-input-placeholder, .subscribe-input input:input-placeholder {
font-size: 12px;
color: #9da6ab
}
.subscribe-submit {
display: table-cell;
vertical-align: middle;
white-space: nowrap;
width: 1%
}
.subscribe-submit a {
display: block;
height: 40px;
font-size: 14px;
line-height: 40px;
padding: 0 20px;
background: #5a6870;
color: #fff;
text-decoration: none;
d: 0;
margin-left: 20px;
font-weight: 700;
text-transform: uppercase
}
.subscribe-submit a:hover, .subscribe-submit a:focus {
background: #00b9ad;
transition: 0.125s
}
.subscribe-input input.error {
border-color: red
}
.subscribe-form-error {
color: red;
font-size: 16px
}
.subscribe-success {
display: table
}
.subscribe-success img {
display: table-cell;
width: 30px;
height: 30px;
margin: -5px 10px -5px -5px;
vertical-align: middle
}
.subscribe-success span {
display: table-cell;
vertical-align: middle
}
@media (max-width: 900px) {
.subscribe-label label {
display: block;
font-size: 22px;
font-weight: 400;
padding-top: 5px
}
.subscribe-label label span {
font-size: 12px
}
}
@media (max-width: 700px) {
.subscribe-inner {
display: block
}
.subscribe-field {
display: block
}
.subscribe-label {
display: block;
width: 100%;
margin-bottom: 10px
}
.subscribe-label label {
width: 100%;
max-width: 100%;
font-size: 20px;
padding-right: 0;
padding-left: 0
}
.subscribe-form {
display: block
}
.subscribe-input input {
font-size: 14px
}
.subscribe-submit a {
d: 0;
margin-left: 10px;
padding: 0 15px;
font-size: 14px
}
.subscribe-form-error {
font-size: 14px
}
}
.introSupportBox2 {
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
margin-bottom: 20px
}
@media (max-width: 700px) {
.introSupportBox2 {
padding-left: 10px;
padding-right: 10px
}
}
@media print {
.introSupportBox2 {
width: 980px;
padding-left: 0;
padding-right: 0
}
}
.introSupportBox2-inner {
d: 0;
margin-left: -20px
}
.introSupportBox2-main {
padding-left: 20px;
float: left;
width: 66.666666667%
}
.rtl .introSupportBox2-main {
padding-left: 0;
padding-right: 20px;
float: right
}
.introSupportBox2-main a {
display: block;
width: 100%;
background: #f8f9f9;
padding: 20px 100px 20px 20px;
text-decoration: none;
position: relative
}
.rtl .introSupportBox2-main a {
padding: 20px 20px 20px 100px
}
.introSupportBox2-main a span {
display: block
}
.introSupportBox2-arrow {
position: absolute;
top: 50%;
right: 30px;
transition: 0.3s ease-out
}
.rtl .introSupportBox2-arrow {
right: auto;
left: 30px
}
.introSupportBox2-arrow img {
width: 50px;
height: 50px;
margin-top: -25px
}
.rtl .introSupportBox2-arrow img {
-webkit-transform: scaleX(-1);
-moz-transform: scaleX(-1);
-o-transform: scaleX(-1);
transform: scaleX(-1)
}
.introSupportBox2-main-title, .introSupportBox2-main-large {
font-size: 46px;
font-weight: 400;
line-height: 115%;
display: inline-block !important;
margin-right: .2em
}
.introSupportBox2-main-title {
transition: 0.25s
}
.introSupportBox2-main-small {
font-size: 16px;
font-weight: 700;
line-height: 115%;
color: #9da6ab;
margin-top: 7px
}
.introSupportBox2-main-smallEmphasis {
font-size: 16px;
font-weight: 700;
line-height: 115%;
color: #5a6870;
margin-top: 7px
}
.introSupportBox2-main-smallSubtle {
font-size: 16px;
font-weight: 400;
line-height: 115%;
text-transform: uppercase;
color: #9da6ab;
margin-top: .4em
}
.introSupportBox2-main-space {
height: 20px
}
.introSupportBox2-main-space-half {
height: 10px
}
.introSupportBox2-main a:hover {
background: transparent
}
.introSupportBox2-main a:hover .introSupportBox2-main-title {
color: #00b9ad;
transition: 0.125s
}
.introSupportBox2-main a:hover .introSupportBox2-arrow {
right: 20px
}
.rtl .introSupportBox2-main a:hover .introSupportBox2-arrow {
right: auto;
left: 20px
}
.introSupportBox2-links {
padding-left: 20px;
float: left;
width: 33.333333333%
}
.rtl .introSupportBox2-links {
padding-left: 0;
padding-right: 20px;
float: right
}
.introSupportBox2-links .linkList-nav {
margin-bottom: 0
}
@media (max-width: 900px) {
.introSupportBox2-main, .introSupportBox2-links {
width: 100%;
float: none
}
.introSupportBox2 .introSupportBox2-links .linkList-nav ul li {
float: left
}
}
@media (max-width: 700px) {
.introSupportBox2-main a {
padding: 10px 60px 10px 10px
}
.rtl .introSupportBox2-main a {
padding: 10px 10px 10px 60px
}
.introSupportBox2-arrow {
right: 10px
}
.rtl .introSupportBox2-arrow {
right: auto;
left: 10px
}
.introSupportBox2-main a:hover .introSupportBox2-arrow {
right: 5px
}
.rtl .introSupportBox2-main a:hover .introSupportBox2-arrow {
right: auto;
left: 5px
}
.introSupportBox2-main-title, .introSupportBox2-main-large {
font-size: 48px
}
.introSupportBox2-main-small, .introSupportBox2-main-smallEmphasis, .introSupportBox2-main-smallSubtle {
font-size: 15px
}
}
@media (max-width: 450px) {
.introSupportBox2-main-title, .introSupportBox2-main-large {
font-size: 38px
}
.introSupportBox2-main-small, .introSupportBox2-main-smallEmphasis, .introSupportBox2-main-smallSubtle {
font-size: 14px
}
}
.pageBody>.imageGrid {
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px
}
@media (max-width: 700px) {
.pageBody>.imageGrid {
padding-left: 10px;
padding-right: 10px
}
}
@media print {
.pageBody>.imageGrid {
width: 980px;
padding-left: 0;
padding-right: 0
}
}
.imageGrid {
margin-bottom: 20px
}
.imageGrid-gutter-tiny .imageGrid-inner {
margin: -4px 0 0 -4px
}
.imageGrid-gutter-tiny .imageGrid-image {
padding: 4px 0 0 4px
}
.imageGrid-gutter-small .imageGrid-inner {
margin: -10px 0 0 -10px
}
.imageGrid-gutter-small .imageGrid-image {
padding: 10px 0 0 10px
}
.imageGrid-gutter-regular .imageGrid-inner {
margin: -20px 0 0 -20px
}
.imageGrid-gutter-regular .imageGrid-image {
padding: 20px 0 0 20px
}
.imageGrid-gutter-large .imageGrid-inner {
margin: -40px 0 0 -40px
}
.imageGrid-gutter-large .imageGrid-image {
padding: 40px 0 0 40px
}
.imageGrid-column {
float: left
}
.imageGrid-41 .imageGrid-column1 {
width: 80%
}
.imageGrid-41 .imageGrid-column2 {
width: 20%
}
.imageGrid-32 .imageGrid-column1 {
width: 60%
}
.imageGrid-32 .imageGrid-column2 {
width: 40%
}
.imageGrid-23 .imageGrid-column1 {
width: 40%
}
.imageGrid-23 .imageGrid-column2 {
width: 60%
}
.imageGrid-14 .imageGrid-column1 {
width: 20%
}
.imageGrid-14 .imageGrid-column2 {
width: 80%
}
.imageGrid-221 .imageGrid-column1 {
width: 40%
}
.imageGrid-221 .imageGrid-column2 {
width: 40%
}
.imageGrid-31 .imageGrid-column1 {
width: 75%
}
.imageGrid-31 .imageGrid-column2 {
width: 25%
}
.imageGrid-11 .imageGrid-column1 {
width: 50%
}
.imageGrid-11 .imageGrid-column2 {
width: 50%
}
.imageGrid-13 .imageGrid-column1 {
width: 25%
}
.imageGrid-13 .imageGrid-column2 {
width: 75%
}
.imageGrid-1 .imageGrid-column1 {
width: 100%
}
.imageGrid-1 .imageGrid-column2 {
display: none
}
.imageGrid-12 .imageGrid-column1 {
width: 33.333333333%
}
.imageGrid-12 .imageGrid-column2 {
width: 66.666666667%
}
.imageGrid-image {
float: left
}
.imageGrid-image img {
width: 100%
}
.imageGrid-row-1 .imageGrid-image {
width: 100%
}
.imageGrid-row-2 .imageGrid-image {
width: 50%
}
.imageGrid-row-3 .imageGrid-image {
width: 33.333333333%
}
.imageGrid-row-4 .imageGrid-image {
width: 25%
}
.imageGrid-row-5 .imageGrid-image {
width: 20%
}
@media (max-width: 900px) {
.imageGrid-foldAtMobile1 .imageGrid-column {
width: 100%;
float: none
}
}
@media (max-width: 700px) {
.imageGrid-foldAtMobile2 .imageGrid-column {
width: 100%;
float: none
}
.imageGrid-gutter-small .imageGrid-inner {
margin: -4px 0 0 -4px
}
.imageGrid-gutter-small .imageGrid-image {
padding: 4px 0 0 4px
}
.imageGrid-gutter-regular .imageGrid-inner {
margin: -10px 0 0 -10px
}
.imageGrid-gutter-regular .imageGrid-image {
padding: 10px 0 0 10px
}
.imageGrid-gutter-large .imageGrid-inner {
margin: -20px 0 0 -20px
}
.imageGrid-gutter-large .imageGrid-image {
padding: 20px 0 0 20px
}
}
@media (max-width: 450px) {
.imageGrid-foldAtPhone .imageGrid-column {
width: 100%;
float: none
}
}
.twoColumns {
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px
}
@media (max-width: 700px) {
.twoColumns {
padding-left: 10px;
padding-right: 10px;
padding-top: 0 !important;
}
}
@media print {
.twoColumns {
width: 980px;
padding-left: 0;
padding-right: 0
}
}
.twoColumns-container {
margin-left: -20px
}
.twoColumns-column {
float: left;
padding-left: 20px
}
.twoColumns41 .twoColumns-column1, .twoColumns14 .twoColumns-column2 {
width: 80%
}
.twoColumns32 .twoColumns-column1, .twoColumns23 .twoColumns-column2 {
width: 60%
}
.twoColumns23 .twoColumns-column1, .twoColumns32 .twoColumns-column2 {
width: 40%
}
.twoColumns41 .twoColumns-column2, .twoColumns14 .twoColumns-column1 {
width: 20%
}
.twoColumns221 .twoColumns-column {
width: 40%
}
.twoColumns11 .twoColumns-column {
width: 50%
}
.rtl .twoColumns-container {
margin-left: 0;
margin-right: -20px
}
.rtl .twoColumns-column {
float: right;
padding-left: 0;
padding-right: 20px
}
.rtl .twoColumns41 .twoColumns-column1, .rtl .twoColumns14 .twoColumns-column2 {
width: 20%
}
.rtl .twoColumns32 .twoColumns-column1, .rtl .twoColumns23 .twoColumns-column2 {
width: 40%
}
.rtl .twoColumns23 .twoColumns-column1, .rtl .twoColumns32 .twoColumns-column2 {
width: 60%
}
.rtl .twoColumns41 .twoColumns-column2, .rtl .twoColumns14 .twoColumns-column1 {
width: 80%
}
.twoColumns-largeGutter .twoColumns-container {
margin-left: -40px
}
.twoColumns-largeGutter .twoColumns-column {
padding-left: 40px
}
.twoColumns-smallGutter .twoColumns-container {
margin-left: -10px
}
.twoColumns-smallGutter .twoColumns-column {
padding-left: 10px
}
@media (max-width: 900px) {
.twoColumns-foldAtMobile1 .twoColumns-container .twoColumns-column {
float: none;
width: 100%
}
}
@media (max-width: 700px) {
.twoColumns-container {
margin-left: -10px;
display: block !important;
/*padding: 20px;*/
}
.twoColumns-column {
padding-left: 10px;
}
.twoColumns-largeGutter .twoColumns-container {
margin-left: -20px
}
.twoColumns-largeGutter .twoColumns-column {
padding-left: 20px
}
.twoColumns-smallGutter .twoColumns-container {
margin-left: -5px
}
.twoColumns-smallGutter .twoColumns-column {
padding-left: 5px
}
.twoColumns-foldAtMobile2 .twoColumns-container .twoColumns-column {
float: none;
width: 100%
}
}
@media (max-width: 450px) {
.twoColumns .twoColumns-container .twoColumns-column {
float: left;
width: 100%;
}
}
.pageBody>.adGroup {
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px
}
@media (max-width: 700px) {
.pageBody>.adGroup {
padding-left: 10px;
padding-right: 10px
}
}
@media print {
.pageBody>.adGroup {
width: 980px;
padding-left: 0;
padding-right: 0
}
}
.adGroup {
margin-bottom: 20px
}
.adGroup-inner {
margin: 0 0 0 -20px
}
.rtl .adGroup-inner {
margin: 0 -20px 0 0
}
.adGroup, .adGroup a {
color: #5a6870;
display: block;
text-decoration: none
}
.adGroup a:hover .adGroup-item-texts-title {
color: #00b9ad;
transition: 0.125s
}
.adGroup-item-image, .adGroup-item-texts {
display: block
}
.adGroup-item-image img {
display: block;
width: 100%
}
.adGroup-item-texts-title {
display: block;
font-size: 20px;
margin-top: 20px;
transition: 0.25s;
line-height: 115%;
font-weight: 700
}
.adGroup-item-texts-subtitle {
display: block;
font-size: 15px;
margin-top: 5px;
line-height: 115%;
font-weight: 400;
color: #00b9ad
}
.adGroup-item-texts-text {
display: block;
font-size: 14px;
line-height: 115%;
margin-top: 15px
}
.adGroup1 .adGroup-item-image, .adGroup1 .adGroup-item-texts {
float: left;
padding-left: 20px
}
.rtl .adGroup1 .adGroup-item-image, .rtl .adGroup1 .adGroup-item-texts {
float: right;
padding-left: 0;
padding-right: 20px
}
.adGroup1 .adGroup-item-image {
width: 33.333333333%
}
.adGroup1 .adGroup-item-texts {
width: 66.666666667%
}
.adGroup1 .adGroup-item-texts-title {
margin-top: -5px
}
.adGroup2 .adGroup-inner, .adGroup3 .adGroup-inner {
margin-left: -20px
}
.rtl .adGroup2 .adGroup-inner, .rtl .adGroup3 .adGroup-inner {
margin-left: 0;
margin-right: -20px
}
.adGroup2 .adGroup-item, .adGroup3 .adGroup-item {
float: left;
padding-left: 20px
}
.rtl .adGroup2 .adGroup-item, .rtl .adGroup3 .adGroup-item {
float: right;
padding-left: 0;
padding-right: 20px
}
.adGroup2 .adGroup-item {
width: 50%
}
.adGroup3 .adGroup-item {
width: 33.333333333%
}
@media (max-width: 700px) {
.adGroup .adGroup-inner {
margin: 0
}
.adGroup .adGroup-item {
margin: 0;
padding: 0;
float: none;
width: 100%;
clear: both
}
.adGroup-item+.adGroup-item {
margin-top: 20px
}
.adGroup-item-image, .adGroup-item-texts {
float: left;
width: 50%
}
.adGroup-item-texts {
padding-left: 10px
}
.rtl .adGroup-item-image, .rtl .adGroup-item-texts {
float: right
}
.rtl .adGroup-item-texts {
padding-left: 0;
padding-right: 10px
}
.adGroup .adGroup-item-texts-title {
margin-top: -5px
}
}
@media (max-width: 450px) {
.adGroup+.adGroup {
margin-top: 40px
}
.adGroup .adGroup-item {
margin-left: 0;
width: 100%
}
.adGroup-item+.adGroup-item {
margin-top: 40px
}
.adGroup .adGroup-item-image, .adGroup .adGroup-item-texts {
float: none;
padding-left: 0;
width: 100%
}
.adGroup .adGroup-item-texts-title {
margin-top: 10px
}
}
.pageBody>.collapsible {
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px
}
@media (max-width: 700px) {
.pageBody>.collapsible {
padding-left: 10px;
padding-right: 10px
}
}
@media print {
.pageBody>.collapsible {
width: 980px;
padding-left: 0;
padding-right: 0
}
}
.collapsible-head {
margin: 0 0 20px 0;
cursor: pointer
}
.collapsible-head h2, .collapsible-head h3, .collapsible-head h4 {
display: inline;
margin: 0 20px 0 0
}
.rtl .collapsible-head h2, .rtl .collapsible-head h3, .rtl .collapsible-head h4 {
margin: 0 0 0 20px
}
.collapsible-head-toggle {
display: inline-block;
vertical-align: baseline;
height: 16px
}
.collapsible-head-toggle>div {
height: 16px;
margin-bottom: -16px;
float: right;
line-height: 16px
}
.rtl .collapsible-head-toggle>div {
float: left
}
.collapsible-head-toggle i {
display: inline-block;
vertical-align: bottom;
font-size: 10px;
line-height: 12px;
position: relative;
bottom: 0;
margin-top: -100px;
color: #9da6ab;
d: 0;
text-align: right;
d: 0;
margin-right: 25px;
margin-bottom: -2px;
font-style: normal;
transition: 0.25s
}
.collapsible-head-toggle .collapsibleToggle-icon {
display: inline;
vertical-align: bottom
}
.collapsible-head:hover .collapsible-head-toggle i {
color: #00b9ad;
transition: 0.125s
}
.collapsible-content {
min-height: 0;
width: 100%;
overflow: hidden
}
@media (max-width: 700px) {
.collapsible-head-toggle {
height: 26px
}
}
.collapsibleImageIntro-content {
display: none
}
.collapsibleImageIntro-content-top {
display: block;
height: 1px;
margin-bottom: 19px
}
.collapsibleImageIntro-content-bottom {
display: block;
height: 1px;
margin-top: -1px
}
.collapsibleImageIntro-intro {
min-height: 500px;
height: 75vh;
position: relative;
border-bottom: 5px solid #00b9ad
}
.collapsibleImageIntro-intro-image {
position: absolute;
left: 0;
width: 100%;
top: 0;
height: 100%;
z-index: 1;
background-position: center;
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-repeat: no-repeat
}
.collapsibleImageIntro-intro-texts-outer1 {
position: absolute;
left: 0;
width: 100%;
bottom: 0;
z-index: 2
}
.collapsibleImageIntro-intro-texts-outer2 {
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px
}
@media (max-width: 700px) {
.collapsibleImageIntro-intro-texts-outer2 {
padding-left: 10px;
padding-right: 10px
}
}
@media print {
.collapsibleImageIntro-intro-texts-outer2 {
width: 980px;
padding-left: 0;
padding-right: 0
}
}
.collapsibleImageIntro-intro-texts {
background: #fff;
background: rgba(255, 255, 255, 0.9);
width: 400px
}
.collapsibleImageIntro-intro-texts-title {
padding: 20px;
text-transform: uppercase;
font-size: 36px;
font-weight: 700;
letter-spacing: -0.04em;
color: #9da6ab
}
.collapsibleImageIntro-intro-texts-text {
padding: 20px;
font-weight: bold;
font-size: 16px
}
.collapsibleImageIntro-intro-texts-title+.collapsibleImageIntro-intro-texts-text {
padding-top: 0;
margin-top: -20px
}
.collapsibleImageIntro-intro-texts-button {
display: inline-block;
background-color: #00b9ad;
line-height: 30px;
padding: 0 20px;
font-size: 14px;
font-weight: 700;
color: #fff;
text-transform: uppercase;
transition: 0.25s;
cursor: pointer;
text-decoration: none
}
.collapsibleImageIntro-intro-texts-button:hover {
background-color: #5a6870;
transition: 0.125s
}
.collapsibleImageIntro-intro-texts-button-outer {
display: inline-block;
position: relative
}
.collapsibleImageIntro-intro-texts-button-toggleText {
display: block;
transition: .3s;
text-align: center;
white-space: nowrap
}
.collapsibleImageIntro-intro-texts-button-toggleText+.collapsibleImageIntro-intro-texts-button-toggleText {
margin-top: -30px
}
.collapsibleImageIntro-intro-texts-button-toggleText-expand {
opacity: 1
}
.collapsibleImageIntro-intro-texts-button-toggleText-collapse {
opacity: 0
}
.collapsibleImageIntro-expanded .collapsibleImageIntro-intro-texts-button-toggleText-expand {
opacity: 0
}
.collapsibleImageIntro-expanded .collapsibleImageIntro-intro-texts-button-toggleText-collapse {
opacity: 1
}
@media (max-width: 700px) {
.collapsibleImageIntro-intro-texts-outer2 {
margin: 0;
padding: 0
}
.collapsibleImageIntro-intro-texts {
width: 100%
}
.collapsibleImageIntro-intro-texts-title {
font-size: 18px;
padding: 10px
}
.collapsibleImageIntro-intro-texts-text {
font-size: 10px;
padding: 10px
}
.collapsibleImageIntro-intro-texts-title+.collapsibleImageIntro-intro-texts-text {
padding-top: 0;
margin-top: -10px
}
}
.pageBody>.textColumns {
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px
}
@media (max-width: 700px) {
.pageBody>.textColumns {
padding-left: 10px;
padding-right: 10px
}
}
@media print {
.pageBody>.textColumns {
width: 980px;
padding-left: 0;
padding-right: 0
}
}
.textColumns {
-moz-column-count: 3;
-webkit-column-count: 3;
column-count: 3;
-moz-column-gap: 40px;
-webkit-column-gap: 40px;
column-gap: 40px;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto
}
.narrowContent60 .textColumns, .narrowContent40 .textColumns {
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2
}
.narrowContent20 .textColumns {
-moz-column-count: 1;
-webkit-column-count: 1;
column-count: 1
}
@media (max-width: 900px) {
.textColumns {
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2
}
.narrowContent60 .textColumns, .narrowContent40 .textColumns {
-moz-column-count: 1;
-webkit-column-count: 1;
column-count: 1
}
}
@media (max-width: 700px) {
.textColumns {
-moz-column-count: 1;
-webkit-column-count: 1;
column-count: 1
}
}
.bannerRotator {
margin-bottom: 20px;
width: 100%;
min-height: 1px;
overflow: hidden;
-ms-touch-action: pan-y pinch-zoom;
touch-action: pan-y pinch-zoom;
position: relative
}
.bannerRotator-container1, .bannerRotator-indicators {
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px
}
@media (max-width: 700px) {
.bannerRotator-container1, .bannerRotator-indicators {
padding-left: 10px;
padding-right: 10px
}
}
@media print {
.bannerRotator-container1, .bannerRotator-indicators {
width: 980px;
padding-left: 0;
padding-right: 0
}
}
.bannerRotator-container2 {
height: 0;
position: relative;
padding-bottom: 50%
}
.bannerRotator-item, .bannerRotator-item a, .bannerRotator-item img {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
display: block
}
.bannerRotator-destkopImage {
display: block
}
.bannerRotator-mobileImage {
display: none
}
.sliderNotInitialized .bannerRotator-item+.bannerRotator-item, .sliderNotInitialized .bannerRotator-indicators {
display: none
}
@media (max-width: 700px) {
.bannerRotator-container2 {
padding-bottom: 100%
}
.bannerRotator-destkopImage {
display: none
}
.bannerRotator-mobileImage {
display: block
}
}
.bannerRotator-autoProgress {
d: 0;
float: left;
padding: 5px 4px;
cursor: pointer
}
.bannerRotator-autoProgress>div {
overflow: hidden;
width: 30px;
height: 40px
}
.bannerRotator-autoProgress img {
width: 60px;
height: 30px;
min-width: 60px
}
.featureText, .featureText-medium, .featureText-small {
display: table;
width: 100%;
-webkit-column-break-inside: avoid;
-moz-column-break-inside: avoid;
-ms-column-break-inside: avoid;
-o-column-break-inside: avoid;
-webkit-break-inside: avoid;
break-inside: avoid;
clear: both
}
.featureText+.separator-hrThin, .featureText+.separator-hrThick {
-webkit-column-break-inside: avoid;
-moz-column-break-inside: avoid;
-ms-column-break-inside: avoid;
-o-column-break-inside: avoid;
-webkit-break-inside: avoid;
break-inside: avoid;
-webkit-column-break-before: avoid;
-moz-column-break-before: avoid;
-ms-column-break-before: avoid;
-o-column-break-before: avoid;
break-before: avoid
}
.featureText .image img {
width: 100%
}
.featureText-2015 .iconHeading {
margin-bottom: 10px;
padding-top: 1px
}
.featureText-2015 .image, .featureText-medium .image, .featureText-large .image {
margin-bottom: 20px
}
.featureText-medium .image {
margin-bottom: 10px
}
.featureText-medium h3 {
font-weight: 400;
margin-bottom: 10px
}
.featureText-medium h4 {
font-weight: 400;
margin-bottom: 10px
}
.featureText-medium .paragraph {
font-size: 13px
}
.featureText-medium h3+.standaloneIcon, .featureText-medium h4+.standaloneIcon {
padding-top: 20px
}
.featureText-small h3 {
font-weight: 400;
font-size: 20px;
margin-bottom: 5px
}
.featureText-small h4 {
font-weight: 700;
font-size: 14px;
margin-bottom: 15px
}
.featureText-small .paragraph {
font-size: 13px
}
.featureText-small h3+.standaloneIcon, .featureText-small h4+.standaloneIcon {
padding-top: 20px
}
@media (max-width: 700px) {
.featureText-small h3 {
font-size: 18px
}
}
.pageBody>.form {
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px
}
@media (max-width: 700px) {
.pageBody>.form {
padding-left: 10px;
padding-right: 10px
}
}
@media print {
.pageBody>.form {
width: 980px;
padding-left: 0;
padding-right: 0
}
}
.form {
margin: 0 0 20px 0;
padding: 0;
border: none
}
.form-field, .form-error {
margin-left: -40px;
margin-bottom: 20px
}
.rtl .form-field, .rtl .form-error {
margin-left: 0;
margin-right: -40px
}
.form-field+.form-field {
margin-top: -10px
}
.form-field-box .form-field-label, .form-field-checks .form-field-label {
display: block;
float: left;
width: 25%;
text-align: right;
font-size: 16px;
color: #5a6870;
line-height: 20px;
padding: 10px 0 10px 40px;
position: relative;
z-index: 2
}
.rtl .form-field-box .form-field-label, .rtl .form-field-checks .form-field-label {
float: right;
text-align: left;
padding: 10px 40px 10px 0
}
.form-field-box .form-field-input, .form-field-checks .form-field-input, .form-field-consents .form-field-input {
float: left;
width: 50%;
padding-left: 40px;
position: relative;
z-index: 1
}
.rtl .form-field-box .form-field-input, .rtl .form-field-checks .form-field-input, .rtl .form-field-consents .form-field-input {
float: right;
padding-left: 0;
padding-right: 40px
}
.form-field-box .form-field-input input, .form-field-box .form-field-input textarea, .form-field-box .form-field-input select {
width: 100%
}
.form-field-input-date-dropdowns {
display: table;
max-width: 100%;
margin-left: -4px
}
.rtl .form-field-input-date-dropdowns {
margin-left: 0;
margin-right: -4px
}
.form-field-input-date-dropdowns i {
display: table-cell;
vertical-align: middle;
overflow: hidden;
padding-left: 4px
}
.rtl .form-field-input-date-dropdowns i {
padding-left: 0;
padding-right: 4px
}
.form-field-checks .field-groupTitle {
display: inline
}
.form-field-box .form-field-input-date select {
width: auto;
display: block
}
.form-field-input-date-dropdowns i.form-field-input-date-button {
display: none
}
.form-field-input-date-dropdowns option.form-field-input-date-hint, .form-field-input-date-dropdowns select.empty {
color: #9da6ab
}
.form-field-input-date-dropdowns option {
color: #5a6870
}
.form-field-input-date-button b {
display: block;
background: #ebedee;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
transition: 0.25s;
cursor: pointer;
overflow: hidden;
border: 2px solid #ebedee
}
.form-field-input-date-button b:hover {
border-color: #00b9ad;
transition: 0.125s
}
.form-field-input-date-button img {
display: block;
transition: 0.4s ease-in-out;
width: 80px;
height: 80px;
max-width: 80px;
margin-top: -42px;
margin-left: -2px;
margin-right: -2px;
margin-left: -42px
}
.rtl .form-field-input-date-button img {
margin-right: -42px
}
.form-field-input-date-button.expanded img {
margin-top: -2px
}
.form-field-input-date-calendar {
display: none;
d: 0;
margin-left: -4px
}
.form-field-input-date-calendar b {
display: block;
d: 0;
float: left;
width: 14.285714286%;
d: 0;
padding-left: 4px;
padding-top: 4px
}
.form-field-input-date-calendar i {
display: block;
d: 0;
text-align: right;
line-height: 25px;
padding-top: 8px;
overflow: hidden;
width: 100%;
height: 35px;
font-size: 14px;
font-weight: 700;
font-style: normal;
background: #f8f9f9;
d: 0;
padding-right: 3px;
transition: 0.25s;
color: #5a6870;
border: 2px solid transparent
}
.form-field-input-date-calendar b.calendar-prevMonth, .form-field-input-date-calendar b.calendar-nextMonth {
width: 28.571428571%
}
.form-field-input-date-calendar b.calendar-prevMonth i, .form-field-input-date-calendar b.calendar-nextMonth i {
line-height: 35px;
padding-top: 0;
font-size: 18px;
background: #ebedee;
cursor: pointer
}
.form-field-input-date-calendar b.calendar-prevMonth i {
d: 0;
padding-left: 3px;
d: 0;
padding-right: 0;
text-align: left
}
.form-field-input-date-calendar .calendar-day-selectable i {
cursor: pointer
}
.form-field-input-date-calendar .calendar-day-notSelectable i {
position: relative;
opacity: .5;
overflow: hidden
}
.form-field-input-date-calendar .calendar-day-notSelectable i:after {
display: block;
content: "";
position: absolute;
d: 0;
right: -23px;
bottom: -23px;
width: 40px;
height: 40px;
border-top: 1px solid #5a6870;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg)
}
.rtl .form-field-input-date-calendar .calendar-day-notSelectable i:after {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg)
}
.form-field-input-date-calendar .calendar-day-weekend i {
color: #9da6ab;
background: #ebedee
}
.form-field-input-date-calendar .calendar-day-otherMonth i {
color: #9da6ab
}
.form-field-input-date-calendar .calendar-day-selected i {
border: 2px solid #00b9ad
}
.form-field-input-date-calendar .calendar-day-selectable i:hover, .form-field-input-date-calendar b.calendar-prevMonth i:hover, .form-field-input-date-calendar b.calendar-nextMonth i:hover {
border: 2px solid #00b9ad;
transition: 0.125s
}
.form-field-input-date-calendar .calendar-container-outer1 {
margin-top: 4px;
overflow: hidden;
min-height: 1;
width: 100%
}
.form-field-input-date-calendar .calendar-container-outer2 {
margin-top: -5px;
padding-top: 1px
}
.form-field-input-date-calendar .calendar-container {
padding-bottom: 10px
}
.form-field-checks .input-checkbox {
width: 40px;
height: 40px;
position: relative;
margin: -5px 5px -35px -5px;
display: block;
float: left
}
.rtl .form-field-checks .input-checkbox {
margin: -5px -5px -35px 5px;
float: right
}
.form-field-checks .form-field-label {
padding-top: 5px
}
.form-field-checks .form-field-input, .form-field-consents .form-field-input {
margin-left: 25%;
width: 75%
}
.rtl .form-field-checks .form-field-input, .rtl .form-field-consents .form-field-input {
margin-left: 0;
margin-right: 25%
}
.form-field-checks .form-field-label+.form-field-input {
margin-left: 0;
margin-right: 0
}
.form-field-checks .form-field-input label {
display: block;
line-height: 20px;
padding: 10px 0 10px 40px;
margin: -5px 0;
float: left;
position: relative;
z-index: 9
}
.rtl .form-field-checks .form-field-input label {
padding: 10px 40px 10px 0;
float: right
}
.form-field-checks .form-field-input-item+.form-field-input-item, .form-field-consents .form-field-input-item+.form-field-input-item {
margin-top: 10px
}
.form-field-required .form-field-label:after {
content: " *";
float: right;
display: block;
text-align: right;
width: 10px;
margin: -10px -40px -10px 0;
padding: 10px 30px 10px 0
}
.rtl .form-field-required .form-field-label:after {
float: left;
text-align: left;
margin: -10px 0 -10px -40px;
padding: 10px 0 10px 30px
}
.form-content-desc {
font-size: 12px;
margin-bottom: 20px;
line-height: 115%
}
.form-field+.form-content-desc {
margin-top: -17px
}
.form-field-image {
clear: left;
padding: 0
}
.form-field-input-columns {
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2;
-moz-column-gap: 40px;
-webkit-column-gap: 40px;
column-gap: 40px
}
.form-field-input-column {
display: inline-block;
-webkit-break-inside: avoid;
break-inside: avoid;
margin-top: 0 !important
}
.form-content, .form-submit {
margin-left: -40px
}
.rtl .form-content, .rtl .form-submit {
margin-left: 0;
margin-right: -40px
}
.form-content-inner, .form-submit-inner, .form-error-inner {
margin-left: 25%;
padding-left: 40px
}
.rtl .form-content-inner, .rtl .form-submit-inner, .rtl .form-error-inner {
margin-left: 0;
margin-right: 25%;
padding-left: 0;
padding-right: 40px
}
.form-success {
padding: 20px;
background: #f8f9f9;
width: 100%
}
.form-success-inner {
display: table
}
.form-success img {
display: table-cell;
width: 30px;
height: 30px;
margin: -5px 10px -5px -5px;
vertical-align: middle
}
.rtl .form-success img {
margin: -5px -5px -5px 10px
}
.form-success-textContainer {
display: table-cell;
vertical-align: middle
}
.form-error-inner {
width: 50%
}
.form-fileup {
margin-top: -10px
}
.form-fileup-actions {
width: 100%
}
.form-fileup-inputButton {
position: relative;
overflow: hidden;
display: block;
width: 100%;
height: 40px;
transition: .3s;
margin-top: 10px
}
.form-fileup-inputButton.full {
height: 10px
}
.form-fileup-inputButton.full.done {
height: 0;
margin-top: 0
}
.form-fileup-inputButton input {
position: absolute;
top: 0;
right: 0;
margin: 0;
opacity: 0;
filter: alpha(opacity=0);
transform: scale(4);
font-size: 100px;
cursor: pointer;
z-index: 20
}
.form-field-box .form-field-input .form-fileup-inputButton input {
width: auto
}
.form-fileup-inputButton input+i {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin: 0;
display: block;
z-index: 19;
border: 2px solid transparent;
transition: 0.25s
}
.form-fileup-inputButton.disabled i {
opacity: 0
}
.form-fileup-inputButton input:focus+i, .form-fileup-inputButton input:hover+i {
border-color: #00b9ad;
transition: 0.125s
}
.form-fileup-inputButton b {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: block;
z-index: 2;
line-height: 40px;
padding-left: 10px;
font-style: normal;
font-size: 14px;
color: #5a6870;
font-weight: 700;
transition: .3s
}
.rtl .form-fileup-inputButton b {
padding-left: 0;
padding-right: 10px
}
.form-fileup-inputButton b.form-fileup-waitText {
font-weight: 400
}
.form-fileup-waitText {
opacity: 0;
filter: alpha(opacity=0)
}
.form-fileup-inputButton.disabled .form-fileup-buttonText {
opacity: 0;
filter: alpha(opacity=0)
}
.form-fileup-inputButton.disabled .form-fileup-waitText {
opacity: 1;
filter: alpha(opacity=100)
}
.form-fileup-inputButton.full .form-fileup-waitText {
opacity: 0;
filter: alpha(opacity=0)
}
.form-fileup-progress {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
display: block;
background: #fff;
border: 2px solid #ebedee
}
.form-fileup-progress-bar {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 2;
transition: width 0.6s ease 0s;
background: #ebedee
}
.rtl .form-fileup-progress, .rtl .form-fileup-progress-bar {
left: auto;
right: 0
}
.form-fileup-progress-bar-success {
background: transparent
}
.form-fileup-progress-bar-error {
background: red
}
.form-fileup-inputButton input[disabled] {
cursor: auto
}
.form-fileup-files {
padding-top: 10px
}
.form-fileup-file-item {
display: block;
position: relative;
padding: 5px 35px 5px 0;
min-height: 30px
}
.rtl .form-fileup-file-item {
padding: 5px 0 5px 35px
}
.form-fileup-file-item-name {
display: block;
word-wrap: break-word;
font-size: 14px
}
.form-fileup-file-item-warning {
display: block;
vertical-align: baseline;
color: red;
font-size: 12px
}
.form-fileup-item-actions {
display: inline
}
.form-fileup-removeIcon {
position: absolute;
top: 0;
right: 0;
width: 30px;
height: 30px;
margin: 0;
padding: 0;
border: none;
background: transparent;
cursor: pointer;
vertical-align: top
}
.rtl .form-fileup-removeIcon {
right: auto;
left: 0
}
.form-fileup-removeIcon i {
margin: 14px 5px;
display: block;
width: 20px;
height: 2px
}
.form-fileup-removeIcon i:before {
display: block;
content: "";
width: 20px;
height: 2px;
background: #5a6870;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
margin: 0 -20px -2px 0;
transition: 0.25s
}
.form-fileup-removeIcon i:after {
display: block;
content: "";
width: 20px;
height: 2px;
background: #5a6870;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
margin: 0 -20px -2px 0;
transition: 0.25s
}
.rtl .form-fileup-removeIcon i:before, .rtl .form-fileup-removeIcon i:after {
margin: 0 0 -2px -20px
}
.form-fileup-removeIcon:hover i:before, .form-fileup-removeIcon:hover i:after {
background: #00b9ad;
transition: 0.125s
}
.trustPilot_item {
margin: 40px 0
}
@media (max-width: 900px) {
.form-field-box .form-field-label, .form-field-checks .form-field-label {
width: 33.333333333%
}
.form-field-box .form-field-input, .form-field-checks .form-field-input, .form-field-consents .form-field-input, .form-error-inner {
width: 66.666666667%
}
.form-field-checks .form-field-input, .form-field-consents .form-field-input, .form-content-inner, .form-submit-inner, .form-error-inner {
margin-left: 33.333333333%
}
}
@media (max-width: 700px) {
.form-field, .form-error {
margin-left: -20px
}
.rtl .form-field, .rtl .form-error {
margin-left: 0;
margin-right: -20px
}
.form-field-box .form-field-label, .form-field-checks .form-field-label, .form-field-box .form-field-input, .form-field-checks .form-field-input, .form-field-consents .form-field-input, .form-error-inner {
padding-left: 20px
}
.rtl .form-field-box .form-field-label, .rtl .form-field-checks .form-field-label, .rtl .form-field-box .form-field-input, .rtl .form-field-checks .form-field-input, .rtl .form-field-consents .form-field-input, .rtl .form-error-inner {
padding-left: 0;
padding-right: 20px
}
.form-field-required .form-field-label:after {
margin-right: -20px;
padding-right: 10px
}
.rtl .form-field-required .form-field-label:after {
margin-right: 0;
margin-left: -20px;
padding-right: 0;
padding-left: 10px
}
.form-success {
padding: 10px
}
.form-field-input-columns {
-moz-column-count: 1;
-webkit-column-count: 1;
column-count: 1;
-moz-column-gap: 40px;
-webkit-column-gap: 40px;
column-gap: 40px
}
.form-field-image {
padding-top: 10px
}
.trustPilot_item {
margin: 20px 0
}
}
@media (max-width:500px) {
.form-field-box .form-field-label, .form-field-checks .form-field-label {
float: none;
width: 100%;
text-align: left;
padding: 0 20px 2px 20px
}
.rtl .form-field-box .form-field-label, .rtl .form-field-checks .form-field-label {
float: none;
text-align: right
}
.form-field-required .form-field-label:after {
float: none !important;
display: inline;
text-align: right;
width: auto;
margin-right: 0 !important;
margin-left: 0 !important
}
.form-field-box .form-field-input, .form-field-checks .form-field-input, .form-field-consents .form-field-input, .form-error-inner {
float: none !important;
width: 100%;
margin-left: 0 !important;
margin-right: 0 !important
}
.form-content-inner, .form-submit-inner {
margin-left: 0 !important;
margin-right: 0 !important
}
}
.pageBody>.magazineListing {
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px
}
@media (max-width: 700px) {
.pageBody>.magazineListing {
padding-left: 10px;
padding-right: 10px
}
}
@media print {
.pageBody>.magazineListing {
width: 980px;
padding-left: 0;
padding-right: 0
}
}
.magazineListing-inner {
margin-left: -20px
}
.rtl .magazineListing-inner {
margin-left: 0;
margin-right: -20px
}
.magazineListing-item {
float: left;
padding-left: 20px;
width: 50%;
margin-bottom: 10px;
min-height: 1px;
overflow: hidden
}
.rtl .magazineListing-item {
float: right;
padding-left: 0;
padding-right: 20px
}
.narrowContent .magazineListing-item {
float: none;
width: 100%
}
.magazineListing-item .magazineListing-item-mainLink {
display: block;
text-decoration: none
}
.magazineListing-item-image {
display: block;
float: left;
width: 30%;
max-width: 150px;
padding-right: 10px;
padding-bottom: 10px
}
.rtl .magazineListing-item-image {
float: right;
padding-right: 0;
padding-left: 10px
}
.magazineListing-item-image-inner {
display: block;
background: #fff
}
.magazineListing-item-image img {
transition: 0.25s;
max-height: 200px
}
.magazineListing-item-image-outline img {
border: 1px solid #d8dbdd
}
.magazineListing-item-texts {
display: block;
color: #5a6870;
padding-bottom: 10px
}
.magazineListing-item-texts-title {
display: block;
color: #5a6870;
font-size: 28px;
font-weight: 400;
transition: 0.25s;
padding-bottom: 10px;
line-height: 115%
}
.magazineListing-item-texts-desc {
display: block;
font-size: 12px;
line-height: 115%
}
.magazineListing-item-mainLink:hover .magazineListing-item-image img {
opacity: .85;
transition: 0.125s
}
.magazineListing-item-mainLink:hover .magazineListing-item-texts-title {
color: #00b9ad;
transition: 0.125s
}
.magazineListing-item-attachments {
margin-right: -20px;
background: #f8f9f9;
padding: 10px 10px 0 10px
}
.rtl .magazineListing-item-attachments {
margin-right: 0;
margin-left: -20px
}
.magazineListing-item-attachments .attachment {
display: inline-block;
vertical-align: top;
margin-top: 0 !important;
padding-right: 20px;
margin-bottom: 10px
}
.rtl .magazineListing-item-attachments .attachment {
padding-right: 0;
padding-left: 20px
}
.magazineListing-item-attachments .attachment img {
margin-right: 5px
}
@media (max-width: 900px) {
.magazineListing-item-texts-title {
font-size: 22px
}
}
@media (max-width: 700px) {
.magazineListing-item {
float: none;
width: 100%
}
.magazineListing-item-image {
width: 25%
}
.magazineListing-item-texts-title {
font-size: 24px
}
}
@media (max-width: 450px) {
.magazineListing-item-image {
width: 30%
}
.magazineListing-item-texts-title {
font-size: 18px
}
.magazineListing-item-texts-desc {
font-size: 10px
}
}
.featureGrid {
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
margin-bottom: 20px
}
@media (max-width: 700px) {
.featureGrid {
padding-left: 10px;
padding-right: 10px
}
}
@media print {
.featureGrid {
width: 980px;
padding-left: 0;
padding-right: 0
}
}
.featureGrid-inner {
margin-left: -20px
}
.featureGrid-item {
float: left
}
.featureGrid-item-small {
width: 33.333333333%
}
.featureGrid-item-medium {
width: 66.666666667%
}
.featureGrid-item-separatorAbove {
border-top: 1px solid #d8dbdd;
margin-bottom: 20px;
margin-left: 20px
}
.featureGrid-item-image, .featureGrid-item-texts {
padding-left: 20px
}
.featureGrid-item-small.featureGrid-item-textBeside3 {
width: 66.666666667%
}
.featureGrid-item-medium.featureGrid-item-textBeside3 {
width: 100%
}
.featureGrid-item-small.featureGrid-item-textBeside3 .featureGrid-item-image {
float: left;
width: 50%
}
.featureGrid-item-small.featureGrid-item-textBeside3 .featureGrid-item-texts {
float: left;
width: 50%
}
.featureGrid-item-medium.featureGrid-item-textBeside3 .featureGrid-item-image {
float: left;
width: 66.666666667%
}
.featureGrid-item-medium.featureGrid-item-textBeside3 .featureGrid-item-texts {
float: left;
width: 33.333333333%
}
.featureGrid-item-texts .linkList-nav {
margin-top: -5px
}
.featureGrid-item-image {
padding-bottom: 20px
}
.featureGrid-item .iconHeading {
margin-bottom: 15px
}
.featureGrid-rowSplitter3, .featureGrid-rowSplitter2 {
clear: both;
height: 30px
}
.featureGrid-rowSplitter2 {
display: none
}
.featureGrid-item-splitText {
cursor: pointer
}
.featureGrid-item-splitText-part2 {
display: none
}
.featureGrid-item-splitText-collapse {
opacity: 0
}
.featureGrid-item-splitText-toggle {
display: block;
font-size: 14px;
margin-top: 5px;
line-height: 1em
}
.featureGrid-item-splitText-toggle span:after {
display: inline-block;
content: "";
vertical-align: middle;
border-left: 3px solid transparent;
border-right: 3px solid transparent;
margin-left: 4px
}
.featureGrid-item-splitText-toggle+.featureGrid-item-splitText-toggle {
margin-top: -1em
}
.featureGrid-collapsedFeatures-toggle {
margin-left: 20px;
background: #00b9ad;
color: #fff
}
.featureGrid-collapsedFeatures-toggle:hover {
background: #5a6870
}
.featureGrid-collapsedFeatures-collapse {
display: none
}
.featureGrid-collapsedFeatures-content {
display: none
}
@media (max-width: 900px) {
.featureGrid .paragraph {
font-size: 13px
}
}
@media (max-width: 700px) {
.featureGrid-rowSplitter3 {
display: none
}
.featureGrid-rowSplitter2 {
display: block
}
.featureGrid-item-small {
width: 50%
}
.featureGrid-item-medium {
width: 100%
}
.featureGrid-item-image {
padding-bottom: 10px
}
.featureGrid-item .iconHeading {
margin-bottom: 10px
}
.featureGrid-item-small.featureGrid-item-textBeside3 {
width: 50%
}
.featureGrid-item-medium.featureGrid-item-textBeside3 {
width: 100%
}
.featureGrid-item-small.featureGrid-item-textBeside2 {
width: 100%
}
.featureGrid-item-medium.featureGrid-item-textBeside2 {
width: 100%
}
.featureGrid-item-small.featureGrid-item-textBeside3 .featureGrid-item-image, .featureGrid-item-small.featureGrid-item-textBeside3 .featureGrid-item-texts, .featureGrid-item-medium.featureGrid-item-textBeside3 .featureGrid-item-image, .featureGrid-item-medium.featureGrid-item-textBeside3 .featureGrid-item-texts {
float: none;
width: 100%
}
.featureGrid-item-small.featureGrid-item-textBeside2 .featureGrid-item-image {
float: left;
width: 50%
}
.featureGrid-item-small.featureGrid-item-textBeside2 .featureGrid-item-texts {
float: left;
width: 50%
}
}
@media (max-width: 450px) {
.featureGrid-rowSplitter3, .featureGrid-rowSplitter2 {
display: none
}
.featureGrid {
margin-bottom: 0
}
.featureGrid-item {
float: none;
width: 100% !important;
margin-bottom: 20px
}
.featureGrid-item-small.featureGrid-item-textBeside2 .featureGrid-item-image, .featureGrid-item-small.featureGrid-item-textBeside2 .featureGrid-item-texts {
float: none;
width: 100%
}
}
.featureGrid-evenOdd {
display: block;
max-width: 1620px;
margin: 0 auto
}
.fc-block {
position: relative
}
.half-split .row .col {
-webkit-background-size: cover;
background-size: cover;
background-position: center;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
padding: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
@media (min-width:1024px) {
.half-split .row .col {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
padding: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
}
.half-split .row .col:not(:last-of-type) {
margin: 0 0 2em
}
@media (min-width:1024px) {
.half-split .row .col:not(:last-of-type) {
margin: 0
}
}
.half-split .featureIcon {
margin-bottom: 20px
}
.half-split .featureIcon img {
width: 80px;
min-width: 80px
}
.half-split .headline {
font-size: 42px;
margin-bottom: 20px;
font-family: 'Helvetica World W02', Arial, Helvetica, sans-serif
}
.half-split .subheadline {
font-weight: 800;
font-size: 21px;
margin-bottom: 14px
}
.half-split .row .col-nopad {
padding: 0
}
.half-split .row {
margin-bottom: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
@media (min-width:1024px) {
.half-split .row {
margin-bottom: 60px;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row
}
.half-split .row:nth-of-type(2n) {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse
}
}
@media (min-width:1024px) {
.half-split.text_right .row {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse
}
.half-split.text_right .row:nth-of-type(2n) {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row
}
}
.half-split .col.image {
position: relative
}
.half-split .col.image img, .half-split .col.image video {
width: 100%
}
.supporting {
text-align: left
}
.half-split .supporting {
text-align: left;
font-size: 18px
}
.half-split .supporting_image {
max-width: 100%;
height: auto;
margin-top: 4em
}
.featureGrid-evenOdd-noImages {
margin: -80px 0 0 -80px;
font-size: 0;
padding: 0 40px;
margin-top: 80px
}
.featureGrid-evenOdd-noImages .productDetails2-features2-item {
padding: 20px 0 0 80px
}
.featureGrid-evenOdd-collapsedFeatures-toggle {
margin-top: 20px;
margin-left: 0;
display: inline-block;
font-size: 18px;
line-height: 36px;
padding: 5px 20px 5px 0;
cursor: pointer;
background: none;
color: #5a6870
}
.featureGrid-evenOdd-collapsedFeatures-toggle:hover {
background: none;
color: #00b9ad
}
.featureGrid-evenOdd-collapsedFeatures-triangle {
display: inline-block;
font-size: 36px;
padding-right: 10px;
vertical-align: bottom;
margin-left: -4px
}
@media (max-width:1024px) {
.featureGrid-evenOdd-collapsedFeatures-toggle {
margin-left: 20px
}
}
@media (max-width: 700px) {
.half-split .row .col {
padding: 10px
}
.featureGrid-evenOdd-collapsedFeatures-toggle {
margin-left: 10px
}
.featureGrid-evenOdd-noImages {
padding: 0;
margin: -10px 0 0 -10px
}
.featureGrid-evenOdd-noImages .productDetails2-features2-item {
padding: 10px 0 0 20px
}
}
.featureSlideshow {
margin-bottom: 20px;
margin-top: -20px;
padding-top: 20px;
width: 100%;
min-height: 1px;
overflow: hidden
}
.featureSlideshow-inner {
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px
}
@media (max-width: 700px) {
.featureSlideshow-inner {
padding-left: 10px;
padding-right: 10px
}
}
@media print {
.featureSlideshow-inner {
width: 980px;
padding-left: 0;
padding-right: 0
}
}
.featureSlideshow-inner2 {
position: relative;
overflow: visible !important
}
.featureSlideshow-list, .featureSlideshow-panel {
left: 0;
top: 0;
width: 100%
}
.featureSlideshow-list:before {
content: "";
display: block;
border-top: 1px solid transparent;
margin-bottom: -1px
}
.featureSlideshow-list-inner {
margin: -30px 0 0 -30px;
font-size: 0
}
.featureSlideshow-list-item {
display: inline-block;
padding: 30px 0 0 30px;
vertical-align: top;
width: 33.333333333%;
padding-bottom: 1px
}
.featureSlideshow-list-item-inner {
cursor: pointer
}
.featureSlideshow-list-item-image {
width: 100%;
transition: 0.25s
}
.featureSlideshow-list-item-inner:hover .featureSlideshow-list-item-image {
opacity: .85;
transition: 0.125s
}
.featureSlideshow-list-item-title {
font-size: 22px;
font-weight: 700;
color: #9da6ab;
margin-top: 10px
}
.featureSlideshow-list-item-more {
display: inline-block;
border-color: #00b9ad;
border-style: solid;
border-width: 1px 1px 1px 30px;
padding: 7px 10px;
min-width: 40%;
text-align: center;
text-transform: uppercase;
font-size: 12px;
line-height: 14px;
font-weight: 400;
color: #00b9ad;
margin-top: 10px;
position: relative;
transition: 0.25s
}
.featureSlideshow-list-item-inner:hover .featureSlideshow-list-item-more {
border-color: #00b9ad;
background-color: #00b9ad;
color: #fff;
transition: 0.125s
}
.featureSlideshow-list-item-more img {
position: absolute;
left: -30px;
top: 50%;
margin-top: -15px;
width: 30px;
height: 30px
}
.featureSlideshow-panel {
height: 80vh;
display: none
}
.featureSlideshow-panel-inner {
display: table;
width: 100%;
height: 100%
}
.featureSlideshow-panel-imageRow {
display: table-row;
height: 100%
}
.featureSlideshow-panel-image {
display: table-cell;
width: 100%;
height: 100%;
background-position: center;
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-repeat: no-repeat
}
.featureSlideshow-panel-image-inner {
display: block;
width: 100%;
height: 100%;
position: relative
}
.featureSlideshow-panel-textRow {
display: table-row;
height: 0
}
.featureSlideshow-panel-texts {
display: table-cell
}
.featureSlideshow-panel-texts-inner {
margin-left: -30px
}
.featureSlideshow-panel-texts-title {
float: left;
padding-left: 30px;
width: 33.333333333%;
font-size: 24px;
font-weight: 700;
color: #9da6ab;
padding-top: 30px
}
.featureSlideshow-panel-texts-title-icon {
display: block;
margin-top: 10px;
width: 95px;
height: 95px
}
.featureSlideshow-panel-texts-body {
float: left;
padding-left: 30px;
width: 66.666666667%;
padding-top: 30px;
font-size: 14px;
color: #5a6870
}
.featureSlideshow-panel-prev, .featureSlideshow-panel-next {
position: absolute;
top: 50%;
margin-top: -40px;
padding: 10px 20px;
cursor: pointer;
transition: 0.25s
}
.featureSlideshow-panel-prev {
left: 0
}
.featureSlideshow-panel-next {
right: 0
}
.featureSlideshow-panel-prev img, .featureSlideshow-panel-next img {
width: 30px;
height: 60px
}
.featureSlideshow-panel-prev:hover, .featureSlideshow-panel-next:hover {
opacity: .5;
transition: 0.125s
}
.featureSlideshow-playbutton {
display: block;
position: relative;
top: 43.5%;
margin-left: auto;
margin-right: auto;
width: 14.285714286%;
height: 100%;
z-index: 5
}
.featureSlideshow-playbutton img {
position: absolute;
margin: 0 auto;
width: 70%
}
@media (max-width: 900px) {
.featureSlideshow-list-item {
width: 50%
}
}
@media (max-width: 700px) {
.featureSlideshow-list-inner {
margin: -20px 0 0 -20px
}
.featureSlideshow-list-item {
padding: 20px 0 0 20px
}
.featureSlideshow-list-item-title {
margin-top: 7px
}
.featureSlideshow-list-item-more {
display: none
}
.featureSlideshow-panel {
height: auto
}
.featureSlideshow-panel-image-inner {
padding-bottom: 100%
}
.featureSlideshow-panel-texts-title {
float: none;
padding-left: 30px;
width: 100%;
padding-top: 15px
}
.featureSlideshow-panel-texts-title-icon {
float: left;
width: 50px;
height: 50px;
margin: 15px 10px 8px 0
}
.featureSlideshow-panel-texts-body {
float: none;
padding-left: 30px;
width: 100%;
padding-top: 10px
}
}
@media (max-width: 450px) {
.featureSlideshow-list-inner {
margin: -10px 0 0 -10px
}
.featureSlideshow-list-item {
padding: 10px 0 0 10px
}
.featureSlideshow-list-item-title {
font-size: 16px;
margin-top: 3px
}
}
.featureSlideshow-sublist {
display: none
}
.featureSlideshow-sublist-inner {
margin-left: -30px;
font-size: 0
}
.featureSlideshow-sublist-item {
display: inline-block;
vertical-align: top;
width: 33.333333333%;
padding: 30px 0 0 30px
}
.featureSlideshow-sublist-item-inner {
display: block;
border: 1px solid #00b9ad;
font-size: 18px;
font-weight: 700;
color: #00b9ad;
text-align: center;
cursor: pointer;
transition: 0.25s;
padding: 10px
}
.featureSlideshow-sublist-item-inner:hover, .featureSlideshow-sublist-item-inner.selected {
border-color: #00b9ad;
background-color: #00b9ad;
color: #fff;
transition: 0.125s
}
@media (max-width: 900px) {
.featureSlideshow-sublist-inner {
margin-left: -20px
}
.featureSlideshow-sublist-item {
padding: 20px 0 0 20px;
width: 50%
}
}
@media (max-width: 700px) {
.featureSlideshow-sublist-inner {
margin-left: -10px;
padding-top: 10px
}
.featureSlideshow-sublist-item {
padding: 10px 0 0 10px
}
.featureSlideshow-sublist-item-inner {
font-size: 14px
}
}
@media (max-width: 450px) {
.featureSlideshow-sublist-item-inner {
font-size: 14px;
padding: 10px 5px
}
}
.featureSlideshowInfinity-intro {
min-height: 500px;
height: 75vh;
position: relative;
border-bottom: 5px solid #00b9ad
}
.featureSlideshowInfinity-intro-image {
position: absolute;
left: 0;
width: 100%;
top: 0;
height: 100%;
z-index: 1;
background-position: center;
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-repeat: no-repeat
}
.featureSlideshowInfinity-intro-texts-outer1 {
position: absolute;
left: 0;
width: 100%;
bottom: 0;
z-index: 2
}
.featureSlideshowInfinity-intro-texts-outer2 {
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px
}
@media (max-width: 700px) {
.featureSlideshowInfinity-intro-texts-outer2 {
padding-left: 10px;
padding-right: 10px
}
}
@media print {
.featureSlideshowInfinity-intro-texts-outer2 {
width: 980px;
padding-left: 0;
padding-right: 0
}
}
.featureSlideshowInfinity-intro-texts {
background: #fff;
background: rgba(255, 255, 255, 0.9);
width: 400px
}
.featureSlideshowInfinity-intro-texts-title {
padding: 20px;
text-transform: uppercase;
font-size: 36px;
font-weight: 700;
letter-spacing: -0.04em;
color: #9da6ab
}
.featureSlideshowInfinity-intro-texts-text {
padding: 20px;
font-weight: bold;
font-size: 16px
}
.featureSlideshowInfinity-intro-texts-title+.featureSlideshowInfinity-intro-texts-text {
padding-top: 0;
margin-top: -20px
}
.featureSlideshowInfinity-intro-texts-button {
display: inline-block;
background-color: #00b9ad;
line-height: 30px;
padding: 0 20px;
font-size: 14px;
font-weight: 700;
color: #fff;
text-transform: uppercase;
transition: 0.25s;
cursor: pointer;
text-decoration: none
}
.featureSlideshowInfinity-intro-texts-button:hover {
background-color: #5a6870;
transition: 0.125s
}
.featureSlideshowInfinity-intro-texts-button-outer {
display: inline-block;
position: relative
}
.featureSlideshowInfinity-intro-texts-button-toggleText {
display: block;
transition: .3s;
text-align: center;
white-space: nowrap
}
.featureSlideshowInfinity-intro-texts-button-toggleText+.featureSlideshowInfinity-intro-texts-button-toggleText {
margin-top: -30px
}
.featureSlideshowInfinity-intro-texts-button-toggleText-expand {
opacity: 1
}
.featureSlideshowInfinity-intro-texts-button-toggleText-collapse {
opacity: 0
}
.featureSlideshowInfinity-expanded .featureSlideshowInfinity-intro-texts-button-toggleText-expand {
opacity: 0
}
.featureSlideshowInfinity-expanded .featureSlideshowInfinity-intro-texts-button-toggleText-collapse {
opacity: 1
}
.featureSlideshowInfinity-content {
display: none
}
.featureSlideshowInfinity-listing-inner1 {
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
padding-top: 20px;
padding-bottom: 20px
}
@media (max-width: 700px) {
.featureSlideshowInfinity-listing-inner1 {
padding-left: 10px;
padding-right: 10px
}
}
@media print {
.featureSlideshowInfinity-listing-inner1 {
width: 980px;
padding-left: 0;
padding-right: 0
}
}
.featureSlideshowInfinity-listing-inner2 {
margin: -20px 0 0 -20px
}
.featureSlideshowInfinity-listing-item {
float: left;
padding: 20px 0 0 20px;
width: 33.333333333%
}
.featureSlideshowInfinity-listing-item-inner {
width: 100%;
height: 300px;
height: 35vh;
min-height: 200px;
max-height: 400px;
background-position: center;
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
position: relative;
cursor: pointer
}
.featureSlideshowInfinity-listing-item-texts {
position: absolute;
left: 20px;
right: 20px;
bottom: 20px;
background: #fff;
background: rgba(255, 255, 255, 0.9)
}
.featureSlideshowInfinity-listing-item-texts-text {
display: block;
padding: 7px 10px;
font-size: 24px;
font-weight: 700
}
@media (max-width: 900px) {
.featureSlideshowInfinity-listing-item-texts-text {
font-size: 24px
}
}
@media (max-width: 700px) {
.featureSlideshowInfinity-listing-item-texts-text {
font-size: 16px
}
}
@media (max-width: 450px) {
.featureSlideshowInfinity-listing-item-texts-text {
font-size: 12px
}
}
.featureSlideshowInfinity-listing-item-texts-button {
display: inline-block;
background-color: #00b9ad;
line-height: 30px;
padding: 0 20px;
font-size: 14px;
font-weight: 700;
color: #fff;
text-transform: uppercase;
transition: 0.25s;
cursor: pointer;
text-decoration: none
}
.featureSlideshowInfinity-listing-item-inner:hover .featureSlideshowInfinity-listing-item-texts-button {
background-color: #5a6870;
transition: 0.125s
}
@media (max-width: 900px) {
.featureSlideshowInfinity-listing-item {
width: 50%
}
.featureSlideshowInfinity-listing-item-inner {
height: 25vh
}
}
@media (max-width: 700px) {
.featureSlideshowInfinity-intro-texts-outer2 {
margin: 0;
padding: 0
}
.featureSlideshowInfinity-intro-texts {
width: 100%
}
.featureSlideshowInfinity-intro-texts-title {
font-size: 18px;
padding: 10px
}
.featureSlideshowInfinity-intro-texts-text {
font-size: 10px;
padding: 10px
}
.featureSlideshowInfinity-intro-texts-title+.featureSlideshowInfinity-intro-texts-text {
padding-top: 0;
margin-top: -10px
}
.featureSlideshowInfinity-listing-item-inner {
min-height: 130px;
max-height: 300px
}
.featureSlideshowInfinity-listing-inner2 {
margin: -10px 0 0 -10px
}
.featureSlideshowInfinity-listing-item {
padding: 10px 0 0 10px
}
.featureSlideshowInfinity-listing-item-texts {
left: 10px;
right: 10px;
bottom: 10px
}
}
@media (max-width: 450px) {
.featureSlideshowInfinity-listing-item-texts {
left: 0;
right: 0;
bottom: 0
}
.featureSlideshowInfinity-listing-item-texts-button {
display: none
}
}
.featureSlideshowInfinity-details {
display: none
}
.featureSlideshowInfinity-details-inner {
min-height: 90vh
}
.featureSlideshowInfinity-details-table {
display: table;
height: 100%;
width: 100%;
min-height: 90vh
}
.featureSlideshowInfinity-details-featureRow {
display: table-row;
height: 100%;
width: 100%
}
.featureSlideshowInfinity-details-featureCell {
display: table-cell;
height: 100%;
width: 100%;
padding: 20px 0
}
.featureSlideshowInfinity-details-sublistRow {
display: table-row;
height: 0
}
.featureSlideshowInfinity-details-sublistCell {
display: table-cell;
height: 0;
padding-bottom: 20px
}
.featureSlideshowInfinity-details-featureContainer {
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
height: 100%
}
@media (max-width: 700px) {
.featureSlideshowInfinity-details-featureContainer {
padding-left: 10px;
padding-right: 10px
}
}
@media print {
.featureSlideshowInfinity-details-featureContainer {
width: 980px;
padding-left: 0;
padding-right: 0
}
}
.featureSlideshowInfinity-feature {
display: none;
width: 100%;
height: 100%
}
.featureSlideshowInfinity-feature-imageRow {
display: table-row;
height: 100%;
width: 100%
}
.featureSlideshowInfinity-feature-imageCell {
display: table-cell;
height: 100%;
width: 100%;
min-height: 400px;
background-position: center;
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-repeat: no-repeat
}
@media (max-width: 900px) {
.featureSlideshowInfinity-feature-imageCell {
min-height: 300px
}
}
@media (max-width: 700px) {
.featureSlideshowInfinity-feature-imageCell {
min-height: 200px
}
}
.featureSlideshowInfinity-feature-image-inner {
width: 100%;
height: 100%;
position: relative
}
.featureSlideshowInfinity-feature-prev {
position: absolute;
left: 20px;
top: 50%;
margin-top: -30px;
cursor: pointer
}
.featureSlideshowInfinity-feature-next {
position: absolute;
right: 20px;
top: 50%;
margin-top: -30px;
cursor: pointer
}
.featureSlideshowInfinity-feature-prev img, .featureSlideshowInfinity-feature-next img {
display: block;
width: 30px;
height: 60px
}
.featureSlideshowInfinity-feature-textsRow {
display: table-row;
height: 0
}
.featureSlideshowInfinity-feature-textsCell {
display: table-cell;
height: 0;
padding-top: 20px
}
.featureSlideshowInfinity-feature-texts-title {
display: block;
font-size: 36px;
font-weight: 700;
letter-spacing: -0.04em;
color: #9da6ab
}
@media (max-width: 900px) {
.featureSlideshowInfinity-feature-texts-title {
font-size: 31px
}
}
@media (max-width: 700px) {
.featureSlideshowInfinity-feature-texts-title {
font-size: 28px
}
}
@media (max-width: 450px) {
.featureSlideshowInfinity-feature-texts-title {
font-size: 24px
}
}
.featureSlideshowInfinity-feature-texts-text {
display: block;
max-width: 740px
}
.featureSlideshowInfinity-feature-texts-text .paragraph {
padding: 0;
margin: 0
}
@media (max-width: 700px) {
.featureSlideshowInfinity-feature-texts-title, .featureSlideshowInfinity-feature-texts-text {
padding: 0
}
}
.featureSlideshowInfinity-feature-texts-title+.featureSlideshowInfinity-feature-texts-text {
padding-top: 10px
}
.featureSlideshowInfinity-details-sublist {
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px
}
@media (max-width: 700px) {
.featureSlideshowInfinity-details-sublist {
padding-left: 10px;
padding-right: 10px
}
}
@media print {
.featureSlideshowInfinity-details-sublist {
width: 980px;
padding-left: 0;
padding-right: 0
}
}
.featureSlideshowInfinity-details-sublist-inner {
margin: -20px 0 0 -20px
}
.featureSlideshowInfinity-details-sublist-item {
float: left;
width: 16.666666667%;
padding: 20px 0 0 20px
}
.featureSlideshowInfinity-details-sublist-item-inner1 {
display: table;
width: 100%;
height: 60px
}
.featureSlideshowInfinity-details-sublist-item-inner2 {
display: table-cell;
width: 100%;
height: 100%;
border: 1px solid #00b9ad;
padding: 0 5px;
vertical-align: middle;
text-align: center;
font-size: 16px;
line-height: 1.15em;
color: #00b9ad;
font-weight: 700;
cursor: pointer;
transition: 0.25s
}
.featureSlideshowInfinity-details-sublist-item-inner2>span {
display: block;
width: 100%;
max-height: 58px;
overflow: hidden
}
.featureSlideshowInfinity-details-sublist-item.selected .featureSlideshowInfinity-details-sublist-item-inner2, .featureSlideshowInfinity-details-sublist-item-inner2:hover {
color: #fff;
background: #00b9ad;
transition: 0.125s
}
@media (max-width:1250px) {
.featureSlideshowInfinity-details-sublist-item {
width: 25%
}
}
@media (max-width: 700px) {
.featureSlideshowInfinity-details-sublist-inner {
margin: -10px 0 0 -10px
}
.featureSlideshowInfinity-details-sublist-item {
width: 33.333333333%;
padding: 10px 0 0 10px
}
}
@media (max-width: 450px) {
.featureSlideshowInfinity-details-sublist-item {
width: 50%
}
}
.customBanner-shopBanner {
font-size: 0px;
position: relative;
width: 100%;
padding: 3px;
overflow: hidden;
min-height: 55px;
top: 0;
left: 0;
z-index: 2;
background-size: cover;
background-color: #00b9ad
}
.customBanner-shopBanner-box-container {
padding-top: 5px;
padding-bottom: 5px;
display: block;
min-width: 100px;
width: auto !important;
height: 100%;
background-color: #00b9ad;
white-space: nowrap;
overflow: hidden;
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left: 5px;
padding-right: 20px
}
.customBanner-shopBanner-box-container a:hover .customBanner-shopBanner-box {
border: 1px solid #fff;
color: #00b9ad;
background-color: #fff;
transition: 0.25s
}
.customBanner-shopBanner-box-container a:hover .customBanner-shopBanner-box-cart {
background: url(../../images/icons/shopping_cart-inverted.png);
transition: 0.25s
}
.customBanner-shopBanner-box {
display: inline-block;
border: 1px solid #fff;
height: 45px;
width: fit-content;
margin-left: 0px;
margin-right: 3px;
color: #fff;
text-align: left;
vertical-align: middle;
font-size: 12px;
font-weight: bold;
padding: 0px;
overflow: hidden;
margin-top: auto;
margin-bottom: auto;
transition: 0.25s
}
.customBanner-shopBanner-box p {
position: relative;
margin: 0px 10px 0px 10px;
height: 100%;
line-height: 45px
}
.customBanner-shopBanner-box-cart {
display: inline-block;
border: 1px solid #fff;
height: 45px;
width: 48px;
margin-left: 0px;
margin-right: 3px;
color: #fff;
text-align: left;
vertical-align: middle;
font-size: 12px;
font-weight: bold;
padding: 0px;
overflow: hidden;
margin-top: auto;
margin-bottom: auto;
background: url(../../images/icons/shopping_cart.png);
background-color: #00b9ad;
transition: 0.25s
}
.customBanner-shopBanner-box-cart:hover {
background: url(../../images/icons/shopping_cart-inverted.png);
transition: 0.25s
}
.sweepstake {
clear: both;
width: 100%;
height: auto;
padding: 60px;
-moz-transition: 1s ease-in-out;
-o-transition: 1s ease-in-out;
-webkit-transition: 1s ease-in-out;
transition: 1s ease-in-out;
background-color: #00b9ad;
color: #fff;
min-width: 300px
}
#sweepstake-question {
width: 100%;
opacity: 1;
position: relative;
top: 0;
left: 0;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
padding: 20px;
margin-left: auto;
margin-right: auto;
max-width: 1250px;
overflow: hidden
}
#sweepstake-fail {
display: none;
width: 100%;
opacity: 0;
position: relative;
top: 0;
left: 0;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
padding: 20px;
margin-left: auto;
margin-right: auto;
max-width: 1250px
}
#sweepstake-form {
display: none;
width: 100%;
opacity: 0;
position: relative;
top: 0;
left: 0;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
padding: 20px;
margin-left: auto;
margin-right: auto;
max-width: 1250px
}
#sweepstake-footer {
width: 100%;
height: 30px;
padding: 0 30px 0 30px;
margin-left: auto;
margin-right: auto;
max-width: 1250px
}
.sweepstake h1, .sweepstake h2, .sweepstake h3, .sweepstake p {
color: #fff
}
.sweepstake h2 {
font-size: 40px;
margin-bottom: 50px
}
.sweepstake h3 {
font-size: 18px;
font-weight: 600
}
.sweepstake input[type=checkbox]:not(old), .sweepstake input[type=radio]:not(old) {
width: 28px;
margin-bottom: 10px;
padding: 0;
opacity: 0;
font-size: 18px
}
.sweepstake input[type=checkbox]:not(old)+label, .sweepstake input[type=radio]:not(old)+label {
display: inline-block;
margin-left: -28px;
padding-left: 28px;
background: url(../../images/icons/radio_buttons.png) no-repeat 0 0;
line-height: 24px
}
.sweepstake input[type=checkbox]:not(old):checked+label {
background-position: 0 -24px
}
.sweepstake input[type=radio]:not(old):checked+label {
background-position: 0 -48px
}
.sweepstake .form ul {
margin: 0;
padding: 0;
list-style: none
}
.sweepstake .form-buttons ul {
margin-left: -20px
}
.sweepstake .form-buttons ul:after {
content: "";
display: block;
clear: both
}
.sweepstake .form-buttons ul li {
float: left;
width: 25%;
margin-bottom: 20px;
padding-left: 20px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.sweepstake .form-buttons ul li:nth-child(4n+1) {
clear: left
}
.sweepstake .form-buttons ul.questions-3 li {
width: 33.333333333%
}
.sweepstake .form-buttons ul.questions-3 li:nth-child(3n+1) {
clear: left
}
.sweepstake .form-buttons ul.questions-3 li:nth-child(4n+1) {
clear: none
}
.sweepstake .form-buttons ul li input {
visibility: hidden;
position: absolute;
z-index: -1
}
.sweepstake .form-buttons ul li input:checked+label, .sweepstake .form-buttons ul li label:hover {
background-color: #5a6870;
border-color: #5a6870;
cursor: pointer;
-webkit-transition: all 0.125s;
-moz-transition: all 0.125s;
-o-transition: all 0.125s;
transition: all 0.125s
}
.sweepstake .form-buttons ul li label {
display: block;
position: relative;
border: 2px solid #fff;
background: none;
padding: 10px;
margin: 0;
text-align: center;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: 0.25s;
-moz-transition: 0.25s;
-o-transition: 0.25s;
transition: 0.25s
}
.sweepstake-button {
color: #00b9ad;
background-color: #fff;
border-top: 3px solid #5cdcc5;
border-right: 3px solid #5cdcc5;
border-bottom: 0;
border-left: 0;
font-size: 28px;
padding: 10px;
margin: 30px 0 0 3px;
width: 300px;
font-weight: 800;
cursor: pointer;
margin-left: 11px
}
.form-buttons-submit .sweepstake-button {
margin-left: 0
}
.sweepstake-return_button {
color: #00b9ad;
background-color: #fff;
border: 0;
font-size: 58px;
padding: 10px;
margin: 5px 0 0 50px;
width: 100px;
font-weight: 100;
float: left;
cursor: pointer
}
.sweepstake .leftColumn {
float: left;
height: 100%;
width: 60%
}
.sweepstake .rightColumn {
float: left;
height: 100%;
width: 40%
}
.sweepstake .paragraph {
color: #fff
}
@media (max-width:600px) {
.sweepstake-footer-left-div {
float: none !important
}
.sweepstake-footer-right-div {
float: none !important;
text-align: left !important;
padding-left: 0 !important;
padding-top: 20px
}
.sweepstake-button {
max-width: 250px
}
.sweepstake .leftColumn {
width: 100%
}
.sweepstake .rightColumn {
padding-top: 20px;
display: table;
clear: both;
width: 100%;
padding-left: 10px
}
}
@media (max-width:450px) {
.sweepstake {
padding: 0
}
.sweepstake-return_button {
clear: left;
margin-left: 55px;
margin-top: 30px
}
.sweepstake img {
margin-left: 55px
}
.sweepstake .rightColumn img {
margin-left: 0px
}
.sweepstake-button {
float: none;
width: 200px
}
#sweepstake-footer {
height: 100px
}
}
.sweepstake-button:active, .sweepstake-return_button:active {
color: #fff;
background-color: #00b9ad
}
.sweepstake img {
float: left;
width: 100px
}
.sweepstake .rightColumn img {
float: left;
width: 100%
}
.sweepstake .input-textbox {
background-color: #fff;
border-top: 3px solid #5cdcc5;
border-right: 3px solid #5cdcc5;
border-bottom: 0;
border-left: 0;
color: #00b9ad
}
.sweepstake .form-field-label {
color: #fff
}
.sweepstake .input-button {
background-color: #fff;
border-top: 3px solid #5cdcc5;
border-right: 3px solid #5cdcc5;
border-bottom: 0;
border-left: 0;
color: #00b9ad;
width: 64.5%
}
.sweepstake .alert-error {
color: #fff;
background-color: red !important
}
.sweepstake .input-error .input-textbox {
background-color: #ffbfbf;
border-top: 3px solid red;
border-right: 3px solid red;
border-bottom: 0;
border-left: 0;
color: red
}
.sweepstake a {
color: #fff !important;
text-decoration: none
}
.sweepstake a:hover {
text-decoration: underline
}
.sweepstake .form-success {
background: none
}
.sweepstake .form-success img {
display: none
}
.sweepstake .form-success-textContainer b {
font-size: 40px;
font-weight: 200;
margin-bottom: 20px;
font-family: 'Neue Helvetica W02', Arial, Helvetica, sans-serif
}
#sweepstake-container {
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding: 30px;
position: relative;
min-height: 500px
}
.sweepstake-footer-left-div {
float: left;
text-align: left;
width: auto
}
.sweepstake-footer-right-div {
float: right;
text-align: right;
width: auto;
padding-left: 20px
}
.sweepstake-footer-right-div span {
text-align: right
}
#sweepstake-footer a img {
width: 20px;
margin-left: 5px;
float: right
}
.sweepstake button:focus, .sweepstake button:active {
outline: 0;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out
}
.pageBody>.image360 {
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px
}
@media (max-width: 700px) {
.pageBody>.image360 {
padding-left: 10px;
padding-right: 10px
}
}
@media print {
.pageBody>.image360 {
width: 980px;
padding-left: 0;
padding-right: 0
}
}
.image360 {
margin-bottom: 20px
}
@media (max-width: 700px) {
.productDetails-head-image .image360-rotator-outer {
max-width: 400px;
margin-left: auto;
margin-right: auto
}
.productDetails-head-image .image360 img {
max-height: none
}
}
.image360-inner {
position: relative
}
.image360-rotator {
overflow: hidden;
position: relative;
width: 100%;
cursor: ew-resize;
cursor: grab;
cursor: -moz-grab;
cursor: -webkit-grab
}
.image360-dragging .image360-rotator {
cursor: grabbing;
cursor: -moz-grabbing;
cursor: -webkit-grabbing
}
.image360-rotator-image {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 2;
opacity: 0
}
.image360-rotator-previewImage {
position: absolute;
left: -9999px;
top: -9999px;
width: 1px;
height: 1px;
z-index: 1
}
.image360-rotator-image img, .image360-rotator-previewImage img {
width: 100%;
height: 100%
}
.image360-rotator-dragGuard {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 9999;
display: none
}
.image360-dragging .image360-controls, .image360-dragging .image360-controls>div {
opacity: .5 !important
}
.image360-controls-item {
position: absolute;
cursor: pointer;
z-index: 10
}
.image360-controls-autoplay {
left: 50%;
margin-left: -30px;
bottom: 0;
width: 60px;
height: 50px
}
.image360-controls-prev {
left: 50%;
margin-left: -80px;
bottom: 0;
width: 50px;
height: 50px
}
.image360-controls-next {
left: 50%;
margin-left: 30px;
bottom: 0;
width: 50px;
height: 50px
}
.image360-controls-magnify {
top: 0;
right: 0;
width: 40px;
height: 40px;
padding: 10px;
margin: -10px 0
}
.image360-controls-magnify a {
display: block;
margin: -10px;
padding: 10px
}
@media (max-width: 450px) {
.image360-controls-magnify {
display: none
}
}
.image360-iframe {
border: none;
padding: 0;
margin: 0;
overflow: hidden
}
.image360-iframe .image360 {
width: 100%;
height: 100%;
margin: -1px;
padding: 1px
}
.image360-iframe .image360-inner {
margin: 0 auto
}
.marketingModule-design {
margin-bottom: 20px;
display: table;
width: 100%
}
.marketingModule-design-image {
display: table-cell;
width: 50%;
vertical-align: middle;
background-position: center;
background-repeat: no-repeat;
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
background-size: cover
}
.marketingModule-design-image img {
margin: 0 auto
}
.marketingModule-design-texts {
display: table-cell;
width: 50%;
vertical-align: middle;
background-color: #f8f9f9
}
.marketingModule-design-texts-inner {
display: block;
width: 80%;
max-width: 600px;
margin: 0 auto;
padding: 10% 0;
text-align: center
}
.marketingModule-design-texts-inner>* {
margin-top: 0;
margin-bottom: 0
}
.marketingModule-design-texts-inner>*+* {
margin-top: 20px
}
.marketingModule-design-texts-image img {
margin-left: auto;
margin-right: auto
}
.marketingModule-design-texts-title {
color: #00b9ad;
font-size: 30px;
font-weight: 400
}
@media (max-width: 900px) {
.marketingModule-design-texts-title {
font-size: 27px
}
}
@media (max-width: 700px) {
.marketingModule-design-texts-title {
font-size: 24px
}
}
@media (max-width: 450px) {
.marketingModule-design-texts-title {
font-size: 21px
}
}
@media (max-width: 700px) {
.marketingModule-design {
display: block
}
.marketingModule-design-image {
display: table;
width: 100%
}
.marketingModule-design-image-inner {
display: table-cell;
vertical-align: middle;
height: 400px;
height: 60vw
}
.marketingModule-design-texts {
display: block;
width: 100%
}
.marketingModule-design-texts-inner {
width: 100%;
max-width: 100%;
margin: 0;
padding: 20px 10px
}
}
.marketingModule-grid {
font-size: 0;
-webkit-tap-highlight-color: transparent;
max-width: 2500px;
margin-bottom: 20px
}
.marketingModule-grid-inner {
margin-left: -1%;
margin-top: -1%
}
.marketingModule-grid-item {
display: inline-block;
width: 25%;
vertical-align: top;
position: relative;
overflow: hidden;
padding-left: 1%;
padding-top: 1%
}
.marketingModule-grid-item-inner {
position: relative;
transition: 0.3s ease-in-out padding-bottom;
overflow: hidden
}
.marketingModule-grid-item-inner.videoPlaying {
padding-bottom: 56.25% !important
}
.marketingModule-grid-item-4at4 .marketingModule-grid-item-inner {
padding-bottom: 40%
}
.marketingModule-grid-item>a {
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%
}
.marketingModule-grid-item-about {
display: inline-block;
width: 50%;
vertical-align: central;
position: relative;
overflow: hidden;
padding-left: 1%;
padding-top: 1%
}
.marketingModule-grid-item-about-title {
display: inline-block;
width: 100%;
font-size: 2em;
font-weight: 600;
padding: 0 10% 0 10%
}
.marketingModule-grid-item-about-title p {
font-size: 16px;
margin-top: 0
}
.marketingModule-grid-item-about-subtitle {
display: inline-block;
width: 100%;
font-size: 1em;
padding: 0 10% 0 10%
}
.marketingModule-grid-item-about-subtitle p {
margin-top: 0;
font-size: 12px;
margin-bottom: 40px
}
.marketingModule-grid-item-aboutImage {
width: 100px;
height: 100px;
background-size: contain;
background-repeat: no-repeat;
margin: 0 10% 0 10%
}
.marketingModule-grid-item-bgImage {
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out
}
.marketingModule-grid-item:hover .marketingModule-grid-item-bgImage {
-webkit-transform: scale(1.05, 1.05);
-moz-transform: scale(1.05, 1.05);
-o-transform: scale(1.05, 1.05);
transform: scale(1.05, 1.05);
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out
}
.marketingModule-grid-item-image {
display: block;
position: absolute;
left: 0;
top: 0;
width: 100px;
height: 50px;
background-size: cover
}
.marketingModule-grid-item:hover .marketingModule-grid-item-image {
-webkit-transform: scale(1.05, 1.05);
-moz-transform: scale(1.05, 1.05);
-o-transform: scale(1.05, 1.05);
transform: scale(1.05, 1.05);
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out
}
.marketingModule-grid-item-titles {
display: block;
position: absolute;
top: 0;
left: 0;
right: 0px;
z-index: 2;
background: rgba(255, 255, 255, 0.8);
padding: 10px 10px
}
.marketingModule-grid-item-titles-title {
font-size: 20px;
font-weight: 700
}
.marketingModule-grid-item-titles-subtitle {
font-size: 20px;
font-weight: 400
}
.marketingModule-grid-item-texts {
padding: 3px 0 0px;
display: none
}
.marketingModule-grid-item-texts-text {
font-size: 16px
}
.marketingModule-grid-item-texts-button {
margin-top: 20px
}
.marketingModule-grid-exposedItem-texts-button {
display: none
}
.marketingModule-grid-exposedItem .marketingModule-grid-item-titles-title {
font-size: 28px;
color: #00b9ad;
font-weight: 400;
text-align: center
}
.marketingModule-grid-exposedItem .marketingModule-grid-item-titles-subtitle {
font-size: 20px;
text-align: center
}
.marketingModule-grid-exposedItem .marketingModule-grid-item-texts {
display: none !important
}
.marketingModule-grid-exposedItem .marketingModule-grid-item-texts-text {
text-align: center
}
.marketingModule-grid-exposedItem .marketingModule-grid-item-texts-button {
display: none
}
.marketingModule-grid-exposedItem .marketingModule-grid-exposedItem-texts-button {
display: block;
position: absolute;
right: 0;
left: 0;
bottom: 0;
text-align: center;
margin-top: 0
}
.marketingModule-grid-videoItem .marketingModule-grid-item-titles {
background: none
}
.marketingModule-grid-videoItem .marketingModule-grid-item-titles-title {
color: #fff;
text-transform: uppercase;
font-size: 30px;
word-spacing: 100000px
}
.marketingModule-grid-videoItem.marketingModule-grid-item-4at4 .marketingModule-grid-item-titles-title {
font-size: 60px;
padding-left: 20%;
padding-top: 20%;
padding-left: 10%;
padding-top: 4%
}
.marketingModule-grid-videoItem i {
display: block;
position: absolute;
left: 50%;
top: 50%;
margin: -40px 0 0 -40px;
background: #fff;
opacity: .75;
width: 80px;
height: 80px;
-moz-border-radius: 40px;
-webkit-border-radius: 40px;
border-radius: 40px;
transition: 0.25s
}
.marketingModule-grid-videoItem i:before {
display: block;
content: "";
margin: 20px 20px 0 28px;
width: 0;
border-left: 32px solid #5a6870;
border-top: 20px solid transparent;
border-bottom: 20px solid transparent
}
.marketingModule-grid-videoItem a:hover i {
opacity: 1;
transition: 0.125s
}
.marketingModule-grid-videoItem.marketingModule-grid-item-4at4 i {
margin: -100px 0 0 -100px;
width: 200px;
height: 200px;
-moz-border-radius: 100px;
-webkit-border-radius: 100px;
border-radius: 100px
}
.marketingModule-grid-videoItem.marketingModule-grid-item-4at4 i:before {
margin: 50px 20px 0 71px;
width: 0;
border-left: 81px solid #5a6870;
border-top: 50px solid transparent;
border-bottom: 50px solid transparent
}
.marketingModule-grid .input-button {
padding-top: 3px;
padding-bottom: 3px
}
.marketingModule-grid-item-1at4 {
width: 25%
}
.marketingModule-grid-item-2at4 {
width: 50%
}
.marketingModule-grid-item-3at4 {
width: 75%
}
.marketingModule-grid-item-4at4 {
width: 100%
}
.marketingModule-grid-item-1at4 .marketingModule-grid-item-inner {
padding-bottom: 82.474226804%
}
.marketingModule-grid-item-2at4 .marketingModule-grid-item-inner {
padding-bottom: 40.404040404%
}
.marketingModule-grid-item-3at4 .marketingModule-grid-item-inner {
padding-bottom: 26.755852843%
}
.marketingModule-grid-item-4at4 .marketingModule-grid-item-inner {
padding-bottom: 20%
}
.marketingModule-grid-item-4at4.marketingModule-grid-videoItem .marketingModule-grid-item-inner {
padding-bottom: 40%
}
.marketingModule-grid-item-video {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 10;
display: none
}
.marketingModule-grid-item-video>div, .marketingModule-grid-item-video>iframe {
width: 100%;
height: 100%
}
@media (min-width:2500px) {
.marketingModule-grid {
margin: 0 auto 20px auto
}
}
@media (max-width:1300px) {
.marketingModule-grid-item-titles-title {
font-size: 16px
}
.marketingModule-grid-item-titles-subtitle {
font-size: 16px
}
.marketingModule-grid-item-texts-text {
font-size: 12px
}
.marketingModule-grid-exposedItem .marketingModule-grid-item-titles-title {
font-size: 16px
}
.marketingModule-grid-exposedItem .marketingModule-grid-item-titles-subtitle {
font-size: 16px
}
.marketingModule-grid-videoItem .marketingModule-grid-item-titles-title {
font-size: 26px
}
.marketingModule-grid-videoItem.marketingModule-grid-item-4at4 .marketingModule-grid-item-titles-title {
font-size: 50px
}
.marketingModule-grid-item-texts-button {
margin-top: 4px
}
}
@media (max-width: 1250px) {
.marketingModule-grid-videoItem .marketingModule-grid-item-titles-title {
font-size: 22px
}
}
@media (max-width: 900px) {
.marketingModule-grid-item-1at3 {
width: 33.333333333%
}
.marketingModule-grid-item-2at3 {
width: 66.666666667%
}
.marketingModule-grid-item-3at3 {
width: 100%
}
.marketingModule-grid-item-1at3 .marketingModule-grid-item-inner {
padding-bottom: 91.836734694%
}
.marketingModule-grid-item-2at3 .marketingModule-grid-item-inner {
padding-bottom: 45.226130653%
}
.marketingModule-grid-item-3at3 .marketingModule-grid-item-inner {
padding-bottom: 30%
}
.marketingModule-grid-item-3at3.marketingModule-grid-videoItem .marketingModule-grid-item-inner {
padding-bottom: 60%
}
.marketingModule-grid-videoItem.marketingModule-grid-item-4at4 .marketingModule-grid-item-titles-title {
font-size: 32px;
padding-left: 0px;
padding-top: 0px
}
.marketingModule-grid-videoItem.marketingModule-grid-item-4at4 i {
margin: -40px 0 0 -40px;
width: 80px;
height: 80px;
-moz-border-radius: 40px;
-webkit-border-radius: 40px;
border-radius: 40px
}
.marketingModule-grid-videoItem.marketingModule-grid-item-4at4 i:before {
margin: 20px 20px 0 28px;
width: 0;
border-left: 32px solid #5a6870;
border-top: 20px solid transparent;
border-bottom: 20px solid transparent
}
}
@media (max-width: 700px) {
.marketingModule-grid-item-1at2 {
width: 50%
}
.marketingModule-grid-item-2at2 {
width: 100%
}
.marketingModule-grid-item-1at2 .marketingModule-grid-item-inner {
padding-bottom: 100%
}
.marketingModule-grid-item-2at2 .marketingModule-grid-item-inner {
padding-bottom: 60%
}
}
@media (max-width: 450px) {
.marketingModule-grid-item-1at2 .marketingModule-grid-item-inner {
padding-bottom: 160%
}
.marketingModule-grid-item-2at2 .marketingModule-grid-item-inner {
padding-bottom: 80%
}
.marketingModule-grid-item-titles {
padding: 5px
}
.marketingModule-grid-videoItem .marketingModule-grid-item-titles-title {
font-size: 18px
}
.marketingModule-grid-videoItem.marketingModule-grid-item-4at4 .marketingModule-grid-item-titles-title {
font-size: 26px
}
}
.largeGallery {
margin-bottom: 20px;
width: 100%;
min-height: 0;
overflow: hidden;
position: relative
}
.pageBody>.largeGallery>.largeGallery-inner {
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px
}
@media (max-width: 700px) {
.pageBody>.largeGallery>.largeGallery-inner {
padding-left: 10px;
padding-right: 10px
}
}
@media print {
.pageBody>.largeGallery>.largeGallery-inner {
width: 980px;
padding-left: 0;
padding-right: 0
}
}
.slider-clickGuardOnDrag {
display: none;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 9999
}
.largeGallery-main-container {
position: relative
}
.largeGallery-main-container-screen {
height: 80vh;
min-height: 300px;
max-height: 150vw
}
.largeGallery-main-container-4-3 {
padding-bottom: 75%
}
.largeGallery-main-container-3-2 {
padding-bottom: 66.666666667%
}
.largeGallery-main-container-16-9 {
padding-bottom: 56.25%
}
.largeGallery-main.sliderNotInitialized .largeGallery-slide+.largeGallery-slide {
display: none
}
.largeGallery-main.sliderInitialized .largeGallery-slide {
position: absolute;
width: 100%;
height: 100%;
z-index: 5
}
.largeGallery-main.sliderNotInitialized .largeGallery-main-prev, .largeGallery-main.sliderNotInitialized .largeGallery-main-next {
display: none
}
.largeGallery-main-prev, .largeGallery-main-next {
position: absolute;
top: 50%;
margin-top: -25px;
z-index: 10;
width: 50px;
padding: 10px;
cursor: pointer;
transition: 0.25s
}
.largeGallery-main-prev {
left: 0
}
.largeGallery-main-next {
right: 0
}
.largeGallery-main-prev:hover, .largeGallery-main-next:hover {
background-color: rgba(255, 255, 255, 0.5);
transition: 0.125s
}
.largeGallery-slide-image {
width: 100%;
height: 100%;
background-position: center;
background-repeat: no-repeat
}
.largeGallery-slide-image-noCrop, .largeGallery-slide-image-trim {
-moz-background-size: contain;
-webkit-background-size: contain;
-o-background-size: contain;
background-size: contain
}
.largeGallery-slide-image-crop {
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
background-size: cover
}
.largeGallery-productGalleryToggle {
position: absolute;
d: 0;
right: 0;
bottom: 0;
width: 50px;
height: 50px;
cursor: pointer;
transition: 0.25s;
z-index: 11
}
.largeGallery-productGalleryToggle:hover {
background-color: rgba(255, 255, 255, 0.5);
transition: 0.125s
}
.largeGallery-productGalleryToggle>div {
position: absolute;
left: 15px;
top: 15px;
width: 20px;
height: 20px;
transition: .1s
}
.largeGallery-thumbs.sliderNotInitialized {
display: none
}
.largeGallery-thumbs {
margin-top: 20px;
font-size: 100px
}
@media (max-width: 900px) {
.largeGallery-thumbs {
font-size: 90px
}
}
@media (max-width: 700px) {
.largeGallery-thumbs {
font-size: 75px
}
}
@media (max-width: 450px) {
.largeGallery-thumbs {
font-size: 60px
}
}
.largeGallery-thumbs-inner {
position: relative;
height: 1em
}
.largeGallery-thumbs.sliderInitialized .largeGallery-thumbs-container {
position: absolute
}
.largeGallery-thumb {
float: left;
height: 1em;
min-width: .5em;
position: relative
}
.largeGallery-thumb-overlay {
position: absolute;
left: -0.5px;
right: -0.5px;
top: 0;
height: 100%;
border: 1px solid #d8dbdd;
cursor: pointer;
transition: 0.25s;
z-index: 10
}
.largeGallery-thumb.selected .largeGallery-thumb-overlay {
border: 2px solid #00b9ad;
z-index: 20
}
.largeGallery-thumb .largeGallery-thumb-overlay:hover {
border: 2px solid #5a6870;
transition: 0.125s;
z-index: 50
}
.largeGallery-thumb-image, .largeGallery-thumb-video {
height: 1em;
min-width: .5em
}
.largeGallery-thumb-image img, .largeGallery-thumb-video img {
max-height: 1em;
margin: auto
}
.largeGallery-thumb-video-ytPreview {
display: table
}
.largeGallery-thumb-video-ytPreview b {
display: block;
width: 1.28em;
height: .72em;
overflow: hidden;
margin: .14em
}
.largeGallery-thumb-video-ytPreview b img {
display: block;
width: 1.28em;
margin: -0.24em 0;
width: 1.6em;
height: 1.2em;
max-width: none;
max-height: none
}
.largeGallery-thumb-video i {
display: block;
position: absolute;
left: 50%;
top: 50%;
margin: -0.25em 0 0 -0.25em;
background: #fff;
opacity: .75;
width: .5em;
height: .5em;
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
border-radius: 100%;
transition: 0.25s
}
.largeGallery-thumb-video i:before {
display: block;
content: "";
margin: .125em .125em 0 .175em;
width: 0;
border-left: 0.2em solid #5a6870;
border-top: .125em solid transparent;
border-bottom: .125em solid transparent
}
.largeGallery-thumb-video:hover i {
opacity: 1;
transition: 0.125s
}
.largeGallery-thumb-360 {
padding: .25em .15em
}
.largeGallery-thumb-360 img {
width: .5em;
height: .5em;
max-width: .5em
}
.bgBlock {
margin: 40px 0
}
.bgBlock:before {
display: block;
content: "";
clear: both;
height: 1px;
margin: -1px 0 40px 0
}
.bgBlock:after {
display: block;
content: "";
clear: both;
height: 1px;
margin: 40px 0 -1px 0
}
.bgBlock-lightBlue {
background-color: #e9f5f3
}
.blockFeed-wrapper>h3 {
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px
}
@media (max-width: 700px) {
.blockFeed-wrapper>h3 {
padding-left: 10px;
padding-right: 10px
}
}
@media print {
.blockFeed-wrapper>h3 {
width: 980px;
padding-left: 0;
padding-right: 0
}
}
.blockFeed-wrapper>.blockFeed-itemsWrapper {
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px
}
@media (max-width: 700px) {
.blockFeed-wrapper>.blockFeed-itemsWrapper {
padding-left: 10px;
padding-right: 10px
}
}
@media print {
.blockFeed-wrapper>.blockFeed-itemsWrapper {
width: 980px;
padding-left: 0;
padding-right: 0
}
}
.blockFeed-wrapper {
padding: 20px 0
}
.blockFeed-itemsContainer {
d: 0;
margin-left: -20px
}
.blockFeed-itemContainer {
d: 0;
padding-left: 20px;
margin-bottom: 20px
}
.blockFeed-itemColspan-1 {
width: 33.333333333%
}
.blockFeed-itemColspan-2 {
width: 66.666666667%
}
.blockFeed-itemColspan-3 {
width: 100%
}
.blockFeed-item {
display: block;
text-decoration: none
}
.blockFeed-itemStyle-plain {
position: relative;
left: 0;
top: 0
}
.blockFeed-itemStyle-fancy {
height: 300px;
position: relative;
left: 0;
top: 0;
background-position: center center;
background-size: cover;
background-repeat: no-repeat
}
.blockFeed-itemColspan-1 .blockFeed-itemStyle-fancy.blockFeed-itemContainBgImage {
background-size: contain
}
.blockFeed-itemImage {
width: 100%;
height: 150px;
background-position: center center;
background-size: cover;
background-repeat: no-repeat
}
.blockFeed-itemSocial {
display: none;
position: absolute;
right: 0;
top: 0
}
.blockFeed-itemSocial:after {
content: "";
display: block;
clear: both
}
.blockFeed-itemSocial-icon {
display: none;
width: 30px;
height: 30px;
float: right;
background-color: #00b9ad;
background-image: url(../../images/social/white2.png);
background-size: 120px 90px;
background-repeat: no-repeat
}
.blockFeed-itemSocial-icon-share {
display: block;
background-position: -90px -30px
}
.blockFeed-itemSocial-icon-share.blockFeed-itemSocial-icon-share-active {
background-color: #5a6870
}
.blockFeed-itemSocial-icon-fb {
background-position: 0 0
}
.blockFeed-itemSocial-icon-tw {
background-position: -30px 0
}
.blockFeed-itemSocial-icon-em {
background-position: -30px -30px
}
.blockFeed-itemSocial-icon-pr {
background-position: -60px -30px
}
.blockFeed-itemStyle-plain .blockFeed-itemContent {
padding: 14px 24px 0 24px;
background-color: #f8f9f9
}
.blockFeed-itemStyle-fancy .blockFeed-itemContent {
padding: 14px 24px 0 24px;
width: 100%;
position: absolute;
left: 0;
bottom: 0;
background-color: rgba(0, 5, 15, 0.6)
}
.blockFeed-itemStyle-fancy .blockFeed-itemButtonContainer {
background-color: transparent
}
.blockFeed-itemTitle {
margin-bottom: 8px;
font-size: 24px;
font-weight: 700
}
.blockFeed-itemStyle-fancy .blockFeed-itemTitle {
color: #fff
}
.blockFeed-itemStyle-plain .blockFeed-itemTitle {
color: #4c5c65
}
.blockFeed-itemText {
margin: 8px 0 18px 0;
font-size: 14px
}
.blockFeed-itemStyle-fancy .blockFeed-itemText {
color: #fff
}
.blockFeed-itemStyle-plain .blockFeed-itemText {
color: #9da6ab
}
.blockFeed-itemButton {
display: inline-block;
padding: 4px 10px;
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
color: #fff;
background-color: #00b9ad
}
.blockFeed-itemTitle+.blockFeed-itemButton {
margin-top: 8px
}
@media (max-width: 900px) {
.blockFeed-itemSocial {
display: block ! important
}
}
@media (max-width: 700px) {
.blockFeed-itemsContainer {
d: 0;
margin-left: -10px
}
.blockFeed-itemContainer {
d: 0;
padding-left: 10px;
margin-bottom: 10px
}
.blockFeed-itemStyle-fancy {
height: 200px
}
.blockFeed-itemSocial-icon {
width: 25px;
height: 25px;
background-size: 100px 75px
}
.blockFeed-itemSocial-icon-share {
background-position: -75px -25px
}
.blockFeed-itemSocial-icon-fb {
background-position: 0 0
}
.blockFeed-itemSocial-icon-tw {
background-position: -25px 0
}
.blockFeed-itemSocial-icon-em {
background-position: -25px -25px
}
.blockFeed-itemSocial-icon-pr {
background-position: -50px -25px
}
.blockFeed-itemStyle-fancy .blockFeed-itemContent, .blockFeed-itemStyle-plain .blockFeed-itemContent {
padding: 12px 20px 0 20px
}
.blockFeed-itemTitle {
margin-bottom: 6px;
font-size: 20px
}
.blockFeed-itemText {
margin: 6px 0 16px 0;
font-size: 12px
}
.blockFeed-itemButton {
padding: 4px 8px;
font-size: 14px
}
}
@media (max-width: 450px) {
.blockFeed-itemColspan-1, .blockFeed-itemColspan-2 {
width: 100%
}
.blockFeed-itemSocial-icon {
width: 30px;
height: 30px;
background-size: 120px 90px
}
.blockFeed-itemSocial-icon-share {
background-position: -90px -30px
}
.blockFeed-itemSocial-icon-fb {
background-position: 0 0
}
.blockFeed-itemSocial-icon-tw {
background-position: -30px 0
}
.blockFeed-itemSocial-icon-em {
background-position: -30px -30px
}
.blockFeed-itemSocial-icon-pr {
background-position: -60px -30px
}
}
.articleConsole-wrapper {
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
margin-bottom: 20px
}
@media (max-width: 700px) {
.articleConsole-wrapper {
padding-left: 10px;
padding-right: 10px
}
}
@media print {
.articleConsole-wrapper {
width: 980px;
padding-left: 0;
padding-right: 0
}
}
.articleConsole-container {
padding-top: 20px;
padding-bottom: 20px;
border-top: 1px solid #d8dbdd;
border-bottom: 1px solid #d8dbdd
}
.articleConsole-container:after {
content: "";
display: block;
clear: both
}
.articleConsole-info {
float: left
}
.articleConsole-infoCategory, .articleConsole-infoDate {
margin-bottom: 0
}
.articleConsole-infoCategory+.articleConsole-infoDate {
margin-top: 5px
}
.articleConsole-social {
float: right;
margin-top: 6px
}
.articleConsole-social:after {
content: "";
display: block;
clear: both
}
.articleConsole-social-icon {
display: block;
width: 30px;
height: 30px;
margin: 0 10px;
float: right;
background-image: url(../../images/social/gray2.png);
background-size: 120px 90px;
background-repeat: no-repeat
}
.articleConsole-social-icon:hover {
background-image: url(../../images/social/turquoise2.png)
}
.articleConsole-social-icon:first-child {
margin-right: 0
}
.articleConsole-social-icon-share {
background-position: -90px -30px
}
.articleConsole-social-icon-fb {
background-position: 0 0
}
.articleConsole-social-icon-tw {
background-position: -30px 0
}
.articleConsole-social-icon-em {
background-position: -30px -30px
}
.articleConsole-social-icon-pr {
background-position: -60px -30px
}
@media (max-width: 700px) {
.articleConsole-social-icon {
margin: 0 5px
}
}
.productDetails-contactInfo {
display: block;
float: right;
width: 60%;
padding-left: 20px
}
.productDetails-contactInfo-standalone {
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px
}
@media (max-width: 700px) {
.productDetails-contactInfo-standalone {
padding-left: 10px;
padding-right: 10px
}
}
@media print {
.productDetails-contactInfo-standalone {
width: 980px;
padding-left: 0;
padding-right: 0
}
}
.productDetails-contactInfo-left {
float: left;
width: 100%;
padding-left: 0
}
.rtl .productDetails-contactInfo {
float: left;
padding-left: 0;
padding-right: 20px
}
.productDetails-contactInfo-inner {
padding: 0;
background: #f8f9f9;
display: none
}
.productDetails-contactInfo-contactItems {
padding: 0 5px 10px 5px
}
.productDetails-contactInfo-contactItems-title {
display: block;
padding: 10px 0 0 5px;
font-size: 14px;
color: #5a6870;
line-height: 115%
}
.rtl .productDetails-contactInfo-contactItems-title {
padding: 10px 5px 0 0
}
.productDetails-contactInfo-contactItem {
display: inline-block;
padding: 5px 0 0 5px;
vertical-align: top
}
.rtl .productDetails-contactInfo-contactItem {
padding: 5px 5px 0 0
}
.productDetails-contactInfo-contactItem-block {
display: block;
clear: both
}
.productDetails-contactInfo-contactItem a {
display: block;
height: 40px;
line-height: 40px;
padding: 0;
text-decoration: none;
background: none
}
.productDetails-contactInfo-contactItem-helper {
display: inline-block;
height: 100%;
vertical-align: middle
}
.productDetails-contactInfo-contactItem-helper span {
display: inline-block;
vertical-align: middle;
padding: 5px 5px 5px 10px
}
.productDetails-contactInfo-contactItem-block a {
height: auto
}
.productDetails-contactInfo-contactItem img {
display: inline-block;
vertical-align: middle;
max-width: 18px;
height: 18px;
transition: 0.25s
}
.productDetails-contactInfo-contactItem-logoOnly img {
max-width: 100px
}
.rtl .productDetails-contactInfo-contactItem img {
float: right
}
.productDetails-contactInfo-contactItem b {
display: inline-block;
line-height: 20px;
padding: 10px;
font-weight: 400;
font-size: 20px
}
.productDetails-contactInfo-contactItem img b {
d: 0;
padding: 10px 10px 10px 3px
}
.productDetails-contactInfo-contactItem a:hover {
color: #00b9ad
}
.productDetails-contactInfo-contactItem a:hover img {
opacity: .65;
transition: 0.125s
}
.productDetails-contactInfo-contactItems-note {
display: block;
padding: 2px 5px 0 5px;
font-size: 12px;
color: #5a6870;
line-height: 115%
}
.productDetails-contactInfo-dealerLocator a {
display: inline-block;
padding: 10px;
text-decoration: none;
font-size: 14px;
line-height: 100%
}
.productDetails-contactInfo-dealerLocator a:hover {
color: #00b9ad
}
.productDetails-contactInfo-dealerLocator .diagonalLinkArrow {
color: #00b9ad
}
.productDetails-contactInfo-dealerLocator a span {
display: inline-block;
padding-left: 1em
}
.rtl .productDetails-contactInfo-dealerLocator a span {
padding-left: 0;
padding-right: 1em
}
.productDetails-contactInfo-contactItems-container {
position: relative;
transition: 0.25s
}
.productDetails-contactInfo-contactItems-linkBlock {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #f8f9f9;
background: rgba(248, 249, 249, 0.01)
}
.productDetails-contactInfo-contactItems-container-locked {
opacity: .5
}
.productDetails-contactInfo-contactItems-container-unlocked {
opacity: 1
}
.productDetails-contactInfo-contactItems-container-unlocked .productDetails-contactInfo-contactItems-linkBlock {
display: none
}
.productDetails-contactInfo-contactItems-agreement {
display: table;
margin: 5px
}
.productDetails-contactInfo-contactItems-agreement-check {
display: table-cell;
vertical-align: middle
}
.productDetails-contactInfo-contactItems-agreement label {
display: table-cell;
vertical-align: middle;
font-size: 14px;
d: 0;
padding-left: 10px
}
.productDetails-contactInfo-contactItem-agreementText-link {
display: block;
clear: both;
font-size: 14px;
line-height: 18px;
padding: 0 5px 5px 5px
}
.productDetails-contactInfo-contactItem-agreementText-check-outer {
display: block;
clear: both;
d: 0;
padding-left: 5px
}
.productDetails-contactInfo-contactItem-agreementText-check {
display: table
}
.productDetails-contactInfo-contactItem-agreementText-check-input {
display: table-cell;
vertical-align: middle
}
.productDetails-contactInfo-contactItem-agreementText-check-label {
display: table-cell;
vertical-align: middle;
font-size: 14px;
d: 0;
padding-left: 10px
}
.productDetails-contactInfo-contactItem-underlined {
text-decoration: underline
}
.productDetails-contactInfo-contactItem-bolded {
font-weight: 700
}
@media (max-width: 700px) {
.productDetails-contactInfo {
float: none;
width: 100%
}
}
.fullscreenBanner {
position: relative;
z-index: 1;
width: 100%;
height: 100%;
max-width: 2500px;
margin: 0 auto 40px auto;
-ms-touch-action: pan-y pinch-zoom;
touch-action: pan-y pinch-zoom
}
.fullscreenBanner .slider-clickGuardOnDrag {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 10;
display: none
}
.fullscreenBanner-container {
position: relative;
width: 100%;
overflow: hidden
}
.fullscreenBanner-item {
position: absolute;
top: 0;
d: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1
}
.sliderNotInitialized .fullscreenBanner-item+.fullscreenBanner-item, .sliderInitialized .fullscreenBanner-item {
display: none
}
.sliderNotInitialized .fullscreenBanner-item, .sliderInitialized .item1 {
display: block
}
.fullscreenBanner-item>a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 5;
text-decoration: none
}
.fullscreenBanner-scrollIndicator {
position: absolute;
d: 0;
right: 0;
bottom: 0;
z-index: 15;
opacity: .5;
padding: 10px 20px;
cursor: pointer;
-moz-animation: fullscreenBanner-indicatorAnimation 2s ease-in-out infinite;
-webkit-animation: fullscreenBanner-indicatorAnimation 2s ease-in-out infinite;
animation: fullscreenBanner-indicatorAnimation 2s ease-in-out infinite
}
.fullscreenBanner-scrollIndicator img {
width: 40px;
height: 60px
}
.fullscreenBanner-image {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
background-size: cover;
background-repeat: no-repeat;
border-bottom: 5px solid #00b9ad
}
.fullscreenBanner-image img {
display: none;
margin: auto;
max-width: none
}
.fullscreenBanner-innerImage {
position: absolute;
display: block;
top: 20px;
bottom: 25px;
left: 0;
width: 100%;
z-index: 2
}
.fullscreenBanner-innerImage-inner1 {
display: table;
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
width: 100%;
height: 100%
}
@media (max-width: 700px) {
.fullscreenBanner-innerImage-inner1 {
padding-left: 10px;
padding-right: 10px
}
}
@media print {
.fullscreenBanner-innerImage-inner1 {
width: 980px;
padding-left: 0;
padding-right: 0
}
}
.fullscreenBanner-innerImage-inner2 {
display: table-cell;
width: 100%;
height: 100%
}
.fullscreenBanner-innerImage-bg {
display: block;
-moz-background-size: contain;
-webkit-background-size: contain;
-o-background-size: contain;
background-size: contain;
background-repeat: no-repeat
}
.fullscreenBanner-innerImage-oraito {
bottom: 0
}
.fullscreenBanner-item-video-splash-playIcon {
display: block;
position: absolute;
left: 50%;
top: 50%;
z-index: 2;
border-left: 80px solid #fff;
border-top: 70px solid transparent;
border-bottom: 70px solid transparent;
margin: -70px -40px
}
.fullscreenBanner-item-video-container {
display: none;
position: absolute;
left: 0;
width: 100%;
top: 0;
height: 100%;
z-index: 12
}
.fullscreenBanner-item-video {
position: absolute;
left: 0;
width: 100%;
top: 0;
height: 100%;
z-index: 13
}
.fullscreenBanner-item-video-pauseButton {
position: absolute;
left: 0;
width: 100%;
top: 0;
height: 100%;
z-index: 14;
cursor: pointer
}
.fullscreenBanner-screenFiller {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
z-index: 5
}
.fullscreenBanner iframe {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
z-index: 2
}
.fullscreenBanner-container1-2016-default+.fullscreenBanner-image {
border-bottom: none
}
.fullscreenBanner-container1-2016-default.fullscreenBanner-container1-bottomEdge-2016-default {
top: 0;
bottom: 0
}
.fullscreenBanner-container3-2016-default, .fullscreenBanner-container3-2016-basic {
display: table-cell;
width: 100%;
height: 100%;
padding: 0 20px 0 0
}
.fullscreenBanner-container-leftBottom-2016-default {
position: relative;
left: -10px
}
.fullscreenBanner-texts-2016-default {
display: block;
width: 43%;
width: calc(40% + 30px);
transition: 0.125s
}
.fullscreenBanner-texts-title-2016-default {
display: block;
padding: 30px;
text-transform: uppercase;
font-size: 46px;
font-weight: 700;
letter-spacing: -0.02em;
color: #fff;
background: #000;
background: rgba(0, 0, 0, 0.6);
line-height: 100%
}
.fullscreenBanner-texts-text-2016-default {
display: block;
padding: 20px 30px;
font-weight: normal;
font-size: 29px;
letter-spacing: -0.03em;
color: #fff;
background: #00b9ad;
background: rgba(0, 185, 173, 0.7);
text-transform: uppercase;
line-height: 100%
}
.fullscreenBanner-texts-button-2016-default {
padding: 10px 30px;
color: #fff;
background: #000;
background: rgba(0, 0, 0, 0.6)
}
.fullscreenBanner-item a:hover .fullscreenBanner-texts-button-2016-default {
color: #fff;
background: #00b9ad;
background: rgba(0, 185, 173, 0.7)
}
.verticalbadge {
position: absolute;
background: #fff;
top: 0;
width: calc(40% + 20px);
border-bottom: 7px solid #00b9ad
}
.verticalbadge-image img {
padding: 35px 20px;
max-width: 250px;
min-width: 120px
}
.fullscreenBanner-texts-2016-basic {
display: block;
width: 42%;
width: calc(40% + 20px);
transition: 0.125s
}
.fullscreenBanner-texts-title-2016-basic {
display: block;
padding: 20px;
font-size: 32px;
color: #fff;
background: rgba(0, 0, 0, 0.6);
text-transform: uppercase;
font-weight: 700;
line-height: 100%;
transition: 0.125s;
letter-spacing: -0.04em
}
.fullscreenBanner-texts-text-2016-basic {
display: block;
padding: 15px 20px 35px 20px;
font-size: 16px;
background: #fff;
background: rgba(255, 255, 255, 0.9);
font-weight: 700;
line-height: 115%
}
.fullscreenBanner-texts-title-buttonReserve-2016-basic {
padding-bottom: 50px
}
.fullscreenBanner-texts-text-buttonReserve-2016-basic {
padding-bottom: 65px
}
.fullscreenBanner-texts-button-2016-basic {
position: absolute;
d: 0;
left: 0;
bottom: 0;
padding: 7px 20px;
background: #5a6870;
color: #fff
}
.fullscreenBanner-item a:hover .fullscreenBanner-texts-button-2016-basic {
background: #00b9ad;
color: #fff;
transition: 0.125s
}
.fullscreenBanner-texts-button-2016-default, .fullscreenBanner-texts-button-2016-basic {
display: block;
line-height: 16px;
font-size: 14px;
text-transform: uppercase;
letter-spacing: 0;
text-decoration: none;
font-weight: 700;
transition: 0.25s
}
.fullscreenBanner-container1, .fullscreenBanner-container1-2016-default, .fullscreenBanner-container1-2016-basic {
position: absolute;
z-index: 3;
display: block;
left: 0;
right: 0;
top: 50px;
bottom: 75px;
margin: 0 auto;
width: 100%;
max-width: 1250px;
transition: 0.125s
}
.fullscreenBanner-container1-bottomEdge {
top: 0;
bottom: 5px
}
.fullscreenBanner-container2, .fullscreenBanner-container2-2016-default, .fullscreenBanner-container2-2016-basic {
display: table;
width: 100%;
height: 100%
}
.fullscreenBanner-container3 {
display: table-cell;
width: 100%;
height: 100%;
padding: 0 20px
}
.fullscreenBanner-container-leftTop, .fullscreenBanner-container-rightTop {
vertical-align: top
}
.fullscreenBanner-container-leftMiddle, .fullscreenBanner-container-rightMiddle {
vertical-align: middle
}
.fullscreenBanner-container-leftBottom, .fullscreenBanner-container-rightBottom, .fullscreenBanner-container-leftBottom-2016-default {
vertical-align: bottom
}
.fullscreenBanner-texts {
display: block;
background: #fff;
background: rgba(255, 255, 255, 0.9);
width: 400px;
min-height: 280px;
position: relative;
padding: 20px 20px 60px 20px;
transition: 0.125s;
display: block;
padding: 30px;
text-transform: uppercase;
font-size: 46px;
font-weight: 700;
letter-spacing: -0.02em;
color: #fff;
background: #000;
background: rgba(0,0,0,0.6);
line-height: 100%;
}
.fullscreenBanner-texts-new {
position: absolute;
z-index: 4;
display: block;
max-width: 400px;
background-color: rgba(75, 85, 87, 0.9);
bottom: 0;
left: 20px
}
.fullscreenBanner-container-leftTop .fullscreenBanner-texts, .fullscreenBanner-container-leftMiddle .fullscreenBanner-texts, .fullscreenBanner-container-leftBottom .fullscreenBanner-texts {
float: left
}
.fullscreenBanner-container-rightTop .fullscreenBanner-texts, .fullscreenBanner-container-rightMiddle .fullscreenBanner-texts, .fullscreenBanner-container-rightBottom .fullscreenBanner-texts {
float: right
}
.fullscreenBanner-texts-title {
display: block;
width: 100%;
font-size: 34px;
line-height: 45px !important;
color: #fff;
text-transform: uppercase;
font-weight: 700;
line-height: 100%;
transition: 0.125s;
letter-spacing: -0.04em;
margin-top: -0.05em;
}
.fullscreenBanner-texts-title-new {
display: block;
font-size: 38px;
font-weight: 700;
line-height: 100%;
color: #fff;
letter-spacing: -0.04em;
text-transform: uppercase
}
.fullscreenBanner-texts-box-new {
display: table;
padding: 20px
}
.fullscreenBanner-texts-text {
display: block;
font-size: 16px;
font-weight: 700;
line-height: 115%;
margin-top: 10px
}
.fullscreenBanner-texts-graphic {
display: block;
margin-top: 10px
}
.fullscreenBanner-texts-graphic img {
max-height: 100px
}
.fullscreenBanner-texts-button {
display: block;
position: absolute;
d: 0;
left: 0;
bottom: 0;
line-height: 16px;
padding: 7px 20px;
background: #5a6870;
color: #fff;
font-size: 14px;
text-transform: uppercase;
letter-spacing: 0;
text-decoration: none;
font-weight: 700;
transition: 0.25s
}
.fullscreenBanner-item a:hover .fullscreenBanner-texts-button {
background: #00b9ad;
transition: 0.125s
}
.fullscreenBanner-container1-hisense {
position: absolute;
width: 50%;
height: 100%;
z-index: 3
}
.fullscreenBanner-container1-hisense .fullscreenBanner-container-leftMiddle .fullscreenBanner-texts {
background: none;
float: none;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
min-height: unset;
padding: 140px 0 0
}
.fullscreenBanner-container1-hisense .fullscreenBanner-texts-title {
font-size: 60px;
line-height: 1.2;
text-transform: none;
margin-bottom: 35px;
padding: 0
}
.fullscreenBanner-container1-hisense .fullscreenBanner-texts-text {
font-size: 20px;
line-height: 1.666666667
}
.fullscreenBanner-container1-hisense-dark .fullscreenBanner-texts-title, .fullscreenBanner-container1-hisense-dark .fullscreenBanner-texts-text {
color: #5a6870
}
.fullscreenBanner-container1-hisense-light .fullscreenBanner-texts-title, .fullscreenBanner-container1-hisense-light .fullscreenBanner-texts-text {
color: #fff
}
.fullscreenBanner-container1-hisense+.fullscreenBanner-image {
border-bottom: none
}
.fullscreenBanner-innerImage-hisense .fullscreenBanner-innerImage-inner1 {
max-width: 50%;
width: 50%;
float: right
}
.fullscreenBanner-innerImage-hisense .fullscreenBanner-innerImage-bg {
margin: 0 auto;
float: none !important
}
@media (max-height:500px), (max-width: 700px) {
.fullscreenBanner-container1-hisense {
position: absolute;
width: 50%;
height: 100%;
z-index: 3
}
.fullscreenBanner-container1-hisense .fullscreenBanner-container-leftMiddle .fullscreenBanner-texts {
display: block;
background: none;
float: none;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
min-height: unset;
padding: 140px 0 0;
text-align: center
}
.fullscreenBanner-container1-hisense .fullscreenBanner-container-leftMiddle .fullscreenBanner-texts-box {
display: inline-block;
text-align: left;
max-width: 400px
}
.fullscreenBanner-container1-hisense .fullscreenBanner-texts-text {
display: block
}
.fullscreenBanner-innerImage-hisense .fullscreenBanner-innerImage-inner2 {
vertical-align: bottom !important;
padding-bottom: 10px
}
.fullscreenBanner-innerImage-hisense {
top: 80px !important
}
.fullscreenBanner-innerImage-hisense .fullscreenBanner-innerImage-bg {
background-position: center bottom !important
}
}
@media only screen and (max-width:46.9em) {
.fullscreenBanner-container1-hisense {
height: auto;
top: 80px;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%)
}
.fullscreenBanner-container1-hisense .fullscreenBanner-container-leftMiddle .fullscreenBanner-texts {
top: 0;
left: 0;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
transform: none
}
.fullscreenBanner-container1-hisense .fullscreenBanner-texts-title {
font-size: 40px
}
.fullscreenBanner-container1-hisense .fullscreenBanner-texts-text {
font-size: 16px;
display: block
}
.fullscreenBanner-innerImage-hisense .fullscreenBanner-innerImage-inner1 {
max-width: 100%;
width: 100%;
float: none
}
}
.fullscreenBanner-texts-title-2016-oraito {
display: block;
padding: 30px;
text-transform: uppercase;
font-size: 45px;
font-weight: 700;
letter-spacing: -0.02em;
color: #fff;
background: rgba(140, 0, 0, 0.75);
line-height: 100%;
margin-bottom: 6px
}
.fullscreenBanner-texts-button-2016-oraito {
display: block;
line-height: 16px;
font-size: 14px;
text-transform: uppercase;
letter-spacing: 0;
text-decoration: none;
font-weight: 700;
transition: 0.25s;
padding: 10px 30px;
color: rgba(140, 0, 0, 0.75);
background: #fff;
border-bottom: 4px solid #e12126
}
.fullscreenBanner-texts-button-2016-oraito span span {
transform: rotate(-45deg);
float: right;
font-size: 2.5em
}
.fullscreenBanner-item a:hover .fullscreenBanner-texts-button-2016-oraito {
color: #fff;
background: #bbbfc1
}
@media (max-width: 1250px) {
.fullscreenBanner-container-leftBottom-2016-default {
left: 0
}
.fullscreenBanner-texts-2016-default {
width: 42%;
width: calc(40% + 20px)
}
.fullscreenBanner-texts-title-2016-default {
font-size: 38px;
padding: 20px
}
.fullscreenBanner-texts-title-2016-oraito {
font-size: 38px;
padding: 20px
}
.fullscreenBanner-texts-text-2016-default {
font-size: 24px;
padding: 15px 20px
}
.fullscreenBanner-texts-button-2016-default {
padding: 10px 20px
}
.fullscreenBanner-texts-button-2016-oraito {
padding: 10px 20px
}
.fullscreenBanner-texts-title-2016-basic {
font-size: 28px
}
.fullscreenBanner-texts-text-2016-basic {
font-size: 14px;
padding-bottom: 25px
}
.fullscreenBanner-texts-text-buttonReserve-2016-basic {
padding-bottom: 55px
}
}
@media (max-width: 900px) {
.fullscreenBanner-texts-text-2016-default, .fullscreenBanner-texts-graphic-2016-default, .fullscreenBanner-texts-text-2016-basic, .fullscreenBanner-texts-graphic-2016-basic {
display: none
}
.fullscreenBanner-container3-2016-default, .fullscreenBanner-container3-2016-basic {
padding: 0
}
.fullscreenBanner-texts-2016-default, .fullscreenBanner-texts-2016-basic {
width: 100%
}
.fullscreenBanner-texts-button-2016-default {
color: #fff;
background: #00b9ad;
background: rgba(0, 185, 173, 0.7)
}
.fullscreenBanner-texts-button-2016-basic {
position: static;
padding-bottom: 3px;
background: #00b9ad
}
.fullscreenBanner-texts-button-2016-default, .fullscreenBanner-texts-button-2016-basic {
width: 100%
}
.fullscreenBanner-2016 .fullscreenBanner-indicators {
top: 5px;
bottom: auto
}
.fullscreenBanner-2016 .fullscreenBanner-scrollIndicator {
display: none
}
.verticalbadge {
width: 100%
}
.verticalbadge-image img {
max-width: 200px
}
}
@media (max-width: 700px) {
.fullscreenBanner-texts-title-2016-default {
font-size: 32px;
padding: 10px
}
.fullscreenBanner-texts-title-2016-oraito {
font-size: 32px;
padding: 10px
}
.fullscreenBanner-texts-title-2016-basic {
padding: 10px
}
.fullscreenBanner-texts-button-2016-default, .fullscreenBanner-texts-button-2016-basic {
padding: 5px 10px
}
.fullscreenBanner-texts-button-2016-basic {
padding-bottom: 1px
}
}
@media (max-width: 450px) {
.fullscreenBanner-texts-title-2016-default {
font-size: 24px
}
.fullscreenBanner-texts-title-2016-oraito {
font-size: 24px
}
.fullscreenBanner-texts-title-2016-basic {
font-size: 24px
}
.fullscreenBanner-texts-button-2016-default, .fullscreenBanner-texts-button-2016-basic {
font-size: 10px
}
}
@media (max-width: 900px) {
.fullscreenBanner-texts {
width: 400px
}
.fullscreenBanner-texts-title {
font-size: 38px
}
.fullscreenBanner-innerImage-oraito {
top: 0;
bottom: 0
}
.fullscreenBanner-innerImage-oraito .fullscreenBanner-innerImage-inner2 {
vertical-align: top !important
}
.fullscreenBanner-innerImage-oraito .fullscreenBanner-innerImage-bg {
background-position-y: top !important
}
}
@media (max-height:500px), (max-width: 700px) {
.fullscreenBanner-container1 {
max-width: 100%;
top: auto;
bottom: 0
}
.fullscreenBanner-container2, .fullscreenBanner-container3 {
display: block;
padding: 0
}
.fullscreenBanner-texts {
width: 100%;
min-height: 0;
float: none;
padding: 0 !important
}
.fullscreenBanner-texts-title {
font-size: 32px;
padding: 10px
}
.fullscreenBanner-texts-text, .fullscreenBanner-texts-graphic {
display: none
}
.fullscreenBanner-texts-button {
position: static;
width: 100%;
padding: 5px 10px;
background: #00b9ad
}
.fullscreenBanner-innerImage {
top: 10px;
bottom: 0
}
.fullscreenBanner-innerImage-oraito {
top: 0;
bottom: 0
}
.fullscreenBanner-innerImage-inner2 {
vertical-align: top !important
}
.fullscreenBanner-innerImage-bg {
background-position-y: top !important
}
}
@media (max-height:400px), (max-width: 450px) {
.fullscreenBanner-texts-title {
font-size: 24px
}
.fullscreenBanner-texts-button {
font-size: 10px;
padding: 2px 10px
}
}
@media (max-width: 700px) {
.fullscreenBanner-texts-new {
left: 0;
right: 0;
top: auto;
bottom: 0;
max-width: none
}
.halfscreenBanner-texts-box-new {
display: block;
padding: 10px
}
.fullscreenBanner-texts-title-new {
font-size: 30px
}
}
.sliderNotInitialized .fullscreenBanner-indicators {
display: none
}
.fullscreenBanner-indicators {
position: absolute;
left: 50%;
bottom: 0;
z-index: 6
}
.fullscreenBanner-indicators-container {
position: relative;
left: -50%
}
.fullscreenBanner-indicators .indicator {
d: 0;
float: left;
width: 40px;
height: 60px;
cursor: pointer;
overflow: hidden;
text-indent: -1000px;
line-height: 0;
transition: 0.25s
}
.fullscreenBanner-indicators .indicator i {
display: block;
width: 12px;
height: 12px;
margin: 14px auto auto auto;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 12px;
background-color: #5a6870;
background-color: rgba(90, 104, 112, 0.75);
transition: 0.25s;
-webkit-box-shadow: 0 0 2px 1px #5a6870 inset;
box-shadow: 0 0 2px 1px #5a6870 inset
}
.fullscreenBanner-indicators .indicator.active i {
width: 16px;
height: 16px;
margin: 12px auto auto auto;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
border-radius: 16px;
background-color: transparent;
background-color: rgba(90, 104, 112, 0.1);
border: 1px solid #fff;
-webkit-box-shadow: none;
box-shadow: none
}
.fullscreenBanner-indicators .indicator:hover i {
background-color: rgba(0, 185, 173, 0.8);
-webkit-box-shadow: 0 0 2px 1px #00b9ad inset;
box-shadow: 0 0 2px 1px #00b9ad inset
}
.fullscreenBanner-indicators .indicator.active:hover i {
background-color: rgba(90, 104, 112, 0.1);
border: 2px solid #00b9ad;
-webkit-box-shadow: none;
box-shadow: none
}
.fullscreenBanner-arrow {
position: absolute;
top: 50%;
margin-top: -30px;
padding: 30px;
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
border-radius: 100%;
z-index: 6;
cursor: pointer
}
.fullscreenBanner-arrow span {
display: block;
margin: -20px;
padding: 3px;
border: 2px solid transparent;
background: #fff;
background-color: rgba(255, 255, 255, 0.25);
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
border-radius: 100%;
opacity: .5;
transition: 0.25s
}
.fullscreenBanner-arrow img {
width: 30px;
height: 30px
}
.fullscreenBanner-arrow-prev {
left: 0
}
.fullscreenBanner-arrow-next {
right: 0
}
.fullscreenBanner-arrow:hover span {
border-color: #00b9ad;
background: #fff;
background-color: rgba(255, 255, 255, 0.8);
opacity: 1;
transition: 0.125s
}
@media (max-width:1120px) {
.fullscreenBanner-arrow {
display: none
}
}
@media (max-height:500px), (max-width: 700px) {
.fullscreenBanner-indicators {
top: 5px;
bottom: auto
}
.fullscreenBanner-indicators .indicator {
width: 20px;
height: 30px
}
.fullscreenBanner-indicators .indicator i {
width: 10px;
height: 10px;
margin: 10px auto auto auto;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px
}
.fullscreenBanner-indicators .indicator.active i {
width: 16px;
height: 16px;
margin: 7px auto auto auto;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px
}
.fullscreenBanner-scrollIndicator {
display: none
}
}
@-moz-keyframes fullscreenBanner-indicatorAnimation {
0% {
padding: 10px 20px 10px 20px
}
50% {
padding: 0 20px 20px 20px
}
100% {
padding: 10px 20px 10px 20px
}
}
@-webkit-keyframes fullscreenBanner-indicatorAnimation {
0% {
padding: 10px 20px 10px 20px
}
50% {
padding: 0 20px 20px 20px
}
100% {
padding: 10px 20px 10px 20px
}
}
@keyframes fullscreenBanner-indicatorAnimation {
0% {
padding: 10px 20px 10px 20px
}
50% {
padding: 0 20px 20px 20px
}
100% {
padding: 10px 20px 10px 20px
}
}
.halfscreenBanner {
position: relative;
z-index: 1;
width: 100%;
max-width: 2500px;
margin: 0 auto 40px auto;
-ms-touch-action: pan-y pinch-zoom;
touch-action: pan-y pinch-zoom
}
.halfscreenBanner .slider-clickGuardOnDrag {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 10;
display: none
}
.sliderNotInitialized .halfscreenBanner-item+.halfscreenBanner-item, .sliderInitialized .halfscreenBanner-item {
display: none
}
.sliderNotInitialized .halfscreenBanner-item, .sliderInitialized .item1 {
display: block
}
.halfscreenBanner-container {
position: relative;
width: 100%;
overflow: hidden;
min-height: calc(100vh - 230px);
}
.halfscreenBanner-sizer {
width: 100%;
padding-bottom: 33%
}
.halfscreenBanner-sizer-fullHeight {
width: 100%;
padding-bottom: 33%
}
.halfscreenBanner-item {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1
}
.rtl .halfscreenBanner-item {
left: auto;
right: 0
}
.halfscreenBanner-item>a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 5;
text-decoration: none
}
.halfscreenBanner-image {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
background-size: cover;
background-repeat: no-repeat;
background-position: center center !important;
}
.rtl .halfscreenBanner-item>a, .rtl .halfscreenBanner-image {
left: auto;
right: 0
}
.halfscreenBanner-image img {
display: none;
margin: auto;
max-width: none
}
.halfscreenBanner-centeredContainer1 {
position: absolute;
z-index: 3;
display: block;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
width: 100%;
max-width: 1250px
}
.halfscreenBanner-centeredContainer2 {
position: absolute;
z-index: 3;
display: block;
left: 20px;
right: 20px;
top: 0;
bottom: 0
}
.halfscreenBanner-texts {
position: absolute;
z-index: 4;
display: block;
max-width: 400px;
background-color: #fff;
background-color: rgba(255, 255, 255, 0.9)
}
.halfscreenBanner-texts-new {
position: absolute;
z-index: 4;
display: block;
max-width: 400px;
background-color: rgba(75, 85, 87, 0.9)
}
.halfscreenBanner-texts-leftTop, .halfscreenBanner-texts-leftBottom, .halfscreenBanner-texts-leftBottom-new {
left: 0
}
.halfscreenBanner-texts-rightTop, .halfscreenBanner-texts-rightBottom {
right: 0
}
.halfscreenBanner-texts-leftTop, .halfscreenBanner-texts-rightTop {
top: 20px
}
.halfscreenBanner-texts-leftBottom, .halfscreenBanner-texts-rightBottom {
bottom: 20px
}
.halfscreenBanner-texts-leftBottom-new {
bottom: 0
}
.halfscreenBanner-texts-box {
display: table;
padding: 20px
}
.halfscreenBanner-texts-title {
display: block;
font-size: 38px;
font-weight: 700;
line-height: 100%;
color: #9da6ab;
letter-spacing: -0.04em;
text-transform: uppercase
}
.halfscreenBanner-texts-text {
display: block;
font-size: 14px;
line-height: 115%;
font-weight: 400;
color: #00b9ad;
letter-spacing: -0.04em;
text-transform: uppercase
}
.halfscreenBanner-texts-title+.halfscreenBanner-texts-text {
margin-top: 10px
}
.halfscreenBanner-texts-graphic {
display: block;
margin-top: 10px
}
.halfscreenBanner-texts-graphic img {
width: 100%;
max-height: 100px
}
.halfscreenBanner-texts-button, .halfscreenBanner-texts-button a {
display: inline-block;
text-decoration: none
}
.halfscreenBanner-texts-button span {
display: block;
background-color: #5a6870;
line-height: 30px;
padding: 0 20px;
font-size: 14px;
font-weight: 700;
color: #fff;
text-transform: uppercase;
transition: 0.25s
}
.halfscreenBanner-item>a:hover .halfscreenBanner-texts-button span {
background-color: #00b9ad;
transition: 0.125s
}
.halfscreenBanner-texts-fullHeight {
position: absolute;
z-index: 4;
display: block;
max-width: 300px;
background-color: #5a6870;
height: 100%;
color: #fff
}
.halfscreenBanner-texts-fullHeight-box {
padding: 0
}
.halfscreenBanner-texts-fullHeight-upper {
font-size: 38px;
line-height: 100%;
color: #fff;
letter-spacing: -0.04em;
text-transform: uppercase;
padding: 20px;
height: 170px;
min-width: 300px;
height: 65%;
position: relative
}
.halfscreenBanner-texts-fullHeight-upper span {
position: absolute;
left: 20px;
bottom: 20px
}
.halfscreenBanner-texts-fullHeight-bottom {
font-size: 22px;
line-height: 115%;
color: #fff;
letter-spacing: -0.04em;
text-transform: uppercase;
background-color: #00b9ad;
min-width: 300px;
height: 35%;
min-height: 120px;
position: relative;
padding: 20px
}
.halfscreenBanner-fullHeight-badgeImage {
position: relative;
left: 210px;
top: -30px;
width: 130px;
height: 130px;
background-size: cover
}
.halfscreenBanner-screenFiller {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
z-index: 5
}
.halfscreenBanner iframe {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
z-index: 2
}
.halfscreenBanner-autoProgress {
d: 0;
float: left;
padding: 2px 10px 5px 4px;
cursor: pointer
}
.halfscreenBanner-autoProgress>div {
overflow: hidden;
width: 30px;
height: 40px
}
.halfscreenBanner-autoProgress img {
width: 60px;
height: 30px;
min-width: 60px
}
.sliderNotInitialized .halfscreenBanner-indicators {
display: none
}
.halfscreenBanner-indicators {
padding-top: 10px
}
.halfscreenBanner-indicators-container .indicator {
margin-right: 10px
}
.halfscreenBanner-indicators-container .indicator b {
display: block;
text-indent: 0;
font-size: 16px;
font-weight: 400;
white-space: nowrap;
line-height: 20px;
margin-top: -15px;
color: #9da6ab;
transition: 0.25s
}
.halfscreenBanner-indicators-container .indicator.active b {
color: #5a6870
}
.halfscreenBanner-indicators-container .indicator:hover b {
color: #5a6870;
transition: 0.125s
}
@media (min-width:1250px) {
.halfscreenBanner-centeredContainer2 {
left: 20px;
right: 20px;
top: 0;
bottom: 0
}
.halfscreenBanner-texts-leftTop, .halfscreenBanner-texts-rightTop {
top: 30px
}
.halfscreenBanner-texts-leftBottom, .halfscreenBanner-texts-rightBottom {
bottom: 30px
}
.halfscreenBanner-texts-graphic img {
width: 120%;
max-width: 120%
}
}
@media (min-width:1400px) {
.halfscreenBanner-texts-leftTop, .halfscreenBanner-texts-rightTop {
top: 40px
}
.halfscreenBanner-texts-leftBottom, .halfscreenBanner-texts-rightBottom {
bottom: 40px
}
.halfscreenBanner-texts-graphic img {
width: 135%;
max-width: 135%
}
}
@media (max-width:900px) {
.halfscreenBanner-texts-text {
font-weight: 400;
font-size: 13px
}
.halfscreenBanner-indicators-container .indicator b {
font-size: 14px;
line-height: 18px;
margin-top: -13px
}
.halfscreenBanner-texts-button span {
line-height: 28px
}
}
@media (max-width:850px) {
.halfscreenBanner-texts-text {
font-size: 12.5px
}
.halfscreenBanner-texts-button span {
line-height: 27px
}
}
@media (max-width:800px) {
.halfscreenBanner-texts-text {
font-size: 12px
}
.halfscreenBanner-texts-button span {
line-height: 26px
}
}
@media (max-width:750px) {
.halfscreenBanner-texts-text {
font-size: 11.5px
}
.halfscreenBanner-texts-button span {
line-height: 25px
}
}
@media (max-width:700px) {
.halfscreenBanner-texts-text {
font-size: 11px
}
.halfscreenBanner-texts-button span {
line-height: 24px
}
.halfscreenBanner-texts-fullHeight-upper {
height: 170px
}
}
@media (max-width: 700px) {
.halfscreenBanner-container {
min-height: 270px
}
.halfscreenBanner-sizer {
padding-bottom: 45%
}
.halfscreenBanner-sizer-fullHeight {
padding-bottom: 45%;
height: 580px
}
.halfscreenBanner-centeredContainer2 {
left: 0;
right: 0
}
.halfscreenBanner-texts {
left: 0;
right: 0;
top: auto;
bottom: 0;
max-width: none
}
.halfscreenBanner-texts-new {
left: 0;
right: 0;
top: auto;
bottom: 0;
max-width: none
}
.halfscreenBanner-texts-fullHeight {
left: 0;
right: 0;
top: auto;
bottom: 0;
max-width: none;
height: auto
}
.halfscreenBanner-texts-box {
display: block;
padding: 10px
}
.halfscreenBanner-texts-title {
font-size: 30px
}
.halfscreenBanner-texts-text {
display: none
}
.halfscreenBanner-texts-graphic img {
width: 75%;
max-width: 75%
}
.halfscreenBanner-texts-button, .halfscreenBanner-texts-button a {
display: block
}
.halfscreenBanner-texts-button span {
line-height: 24px;
padding: 0 10px;
font-size: 14px
}
.halfscreenBanner-indicators-container .indicator b {
font-size: 12px;
line-height: 15px;
margin-top: -10px
}
}
@media (max-width:500px) {
.halfscreenBanner-sizer-fullHeight {
padding-bottom: 45%;
height: 510px
}
}
@media (max-width: 450px) {
.halfscreenBanner-sizer {
padding-bottom: 60%
}
.halfscreenBanner-texts-title {
font-size: 24px
}
.halfscreenBanner-indicators-container .indicator {
margin-right: 0
}
.halfscreenBanner-indicators-container .indicator b {
display: none
}
}
.halfscreenBanner-mainLink {
float: right;
margin-right: 4px
}
.rtl .halfscreenBanner-mainLink {
float: left;
margin-right: 0;
margin-left: 4px
}
.halfscreenBanner-mainLink, .halfscreenBanner-mainLink a {
display: block;
height: 40px;
line-height: 40px
}
.halfscreenBanner-mainLink span {
display: inline-block;
vertical-align: bottom;
font-size: 12px;
line-height: 14px;
position: relative;
padding: 0 27px 10px 10px;
text-align: right;
font-weight: 400;
color: #9da6ab;
transition: 0.25s
}
.rtl .halfscreenBanner-mainLink span {
padding: 0 10px 10px 27px;
text-align: left
}
.halfscreenBanner-mainLink span:before {
display: block;
float: right;
content: "›";
vertical-align: bottom;
width: 20px;
height: 20px;
font-weight: 700;
text-align: center;
font-size: 20px;
text-decoration: none;
line-height: 16px;
background: #5a6870;
color: #fff;
transition: 0.25s;
position: absolute;
right: 0;
bottom: 12px
}
.rtl .halfscreenBanner-mainLink span:before {
float: left;
right: auto;
left: 0
}
.halfscreenBanner-mainLink a:hover span {
color: #5a6870;
transition: 0.125s
}
.halfscreenBanner-mainLink a:hover span:before {
background-color: #00b9ad;
transition: 0.125s
}
@media (max-width: 900px) {
.halfscreenBanner-mainLink span {
font-size: 11px;
line-height: 14px
}
}
@media (max-width: 700px) {
.halfscreenBanner-mainLink span {
font-size: 10px;
line-height: 12px
}
}
@media (max-width: 450px) {
.halfscreenBanner-mainLink span {
font-size: 9px;
line-height: 11px
}
}
.halfscreenBanner-shopBanner {
font-size: 0;
position: relative;
width: 100%;
padding: 3px;
overflow: hidden;
min-height: 55px;
top: 0;
left: 0;
z-index: 2;
background-size: cover;
background-color: #00b9ad;
-moz-transition: 0.25s;
-o-transition: 0.25s;
-webkit-transition: 0.25s;
transition: 0.25s
}
.halfscreenBanner-shopBanner-box-container {
-moz-transition: 0.25s;
-o-transition: 0.25s;
-webkit-transition: 0.25s;
transition: 0.25s;
padding-top: 5px;
padding-bottom: 5px;
display: block;
min-width: 100px;
width: auto !important;
height: 100%;
background-color: #00b9ad;
white-space: nowrap;
overflow: hidden;
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px
}
.halfscreenBanner-shopBanner-box-container a:hover .halfscreenBanner-shopBanner-box {
border: 1px solid #fff;
color: #00b9ad;
background-color: #fff;
-moz-transition: 0.25s;
-o-transition: 0.25s;
-webkit-transition: 0.25s;
transition: 0.25s
}
.halfscreenBanner-shopBanner-box-container a:hover .halfscreenBanner-shopBanner-box-cart {
background: url(../../images/icons/shopping_cart-inverted.png);
-moz-transition: 0.25s;
-o-transition: 0.25s;
-webkit-transition: 0.25s;
transition: 0.25s
}
.halfscreenBanner-shopBanner-box {
display: inline-block;
border: 1px solid #fff;
height: 45px;
width: fit-content;
margin-left: 0px;
margin-right: 3px;
color: #fff;
text-align: left;
vertical-align: middle;
font-size: 12px;
font-weight: bold;
padding: 0px;
overflow: hidden;
margin-top: auto;
margin-bottom: auto;
-moz-transition: 0.25s;
-o-transition: 0.25s;
-webkit-transition: 0.25s;
transition: 0.25s
}
.halfscreenBanner-shopBanner-box p {
position: relative;
margin: 0 10px 0 10px;
height: 100%;
line-height: 45px;
-moz-transition: 0;
-o-transition: 0;
-webkit-transition: 0;
transition: 0
}
.halfscreenBanner-shopBanner-box-cart {
display: inline-block;
border: 1px solid #fff;
height: 45px;
width: 48px;
margin-left: 0;
margin-right: 3px;
color: #fff;
text-align: left;
vertical-align: middle;
font-size: 12px;
font-weight: bold;
padding: 0;
overflow: hidden;
margin-top: auto;
margin-bottom: auto;
background: url(../../images/icons/shopping_cart.png);
background-color: #00b9ad;
-moz-transition: 0.25s;
-o-transition: 0.25s;
-webkit-transition: 0.25s;
transition: 0.25s
}
.headlineBanner {
position: relative;
z-index: 1;
width: 100%;
max-width: 2500px;
margin: 0 auto 40px auto;
-ms-touch-action: pan-y pinch-zoom;
touch-action: pan-y pinch-zoom
}
.headlineBanner .slider-clickGuardOnDrag {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 10;
display: none
}
.sliderNotInitialized .headlineBanner-item+.headlineBanner-item, .sliderInitialized .headlineBanner-item {
display: none
}
.sliderNotInitialized .headlineBanner-item, .sliderInitialized .item1 {
display: block
}
.headlineBanner-container {
position: relative;
width: 100%;
overflow: hidden;
min-height: 500px
}
.headlineBanner-sizer {
width: 100%;
padding-bottom: 33%
}
.headlineBanner-sizer-fullHeight {
width: 100%;
padding-bottom: 33%
}
.headlineBanner-item {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1
}
.rtl .headlineBanner-item {
left: auto;
right: 0
}
.headlineBanner-item>a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 5;
text-decoration: none
}
.headlineBanner-image {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
background-size: cover;
background-repeat: no-repeat;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out
}
.rtl .headlineBanner-item>a, .rtl .headlineBanner-image {
left: auto;
right: 0
}
.headlineBanner-image img {
display: none;
margin: auto;
max-width: none
}
.headlineBanner-item>a:hover .headlineBanner-image-zoomable {
-webkit-transform: scale(1.05, 1.05);
-moz-transform: scale(1.05, 1.05);
-o-transform: scale(1.05, 1.05);
transform: scale(1.05, 1.05);
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out
}
.headlineBanner-item:hover>.headlineBanner-image-zoomable {
-webkit-transform: scale(1.05, 1.05);
-moz-transform: scale(1.05, 1.05);
-o-transform: scale(1.05, 1.05);
transform: scale(1.05, 1.05);
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out
}
.headlineBanner-centeredContainer1 {
position: absolute;
z-index: 3;
display: block;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
width: 100%;
max-width: 1250px
}
.headlineBanner-centeredContainer2 {
position: absolute;
z-index: 3;
display: block;
left: 20px;
right: 20px;
top: 0;
bottom: 0
}
.headlineBanner-badge-img {
position: absolute;
right: 0;
top: 0;
max-height: 150px;
max-width: 340px
}
.headlineBanner-promotionalBadge-guideline {
position: absolute;
right: 0;
bottom: 0;
width: 205px;
text-align: center
}
.headlineBanner-promotionalBadge-guideline-container {
position: relative;
display: table-cell;
vertical-align: bottom;
width: inherit
}
.headlineBanner-promotionalBadge-img {
max-height: 200px;
max-width: 200px;
margin-left: auto;
right: 0;
padding-bottom: 26px;
position: absolute;
bottom: 0
}
.headlineBanner-promotionalBadge-secondary-img {
display: none;
max-width: 100px;
max-height: 100px;
float: right;
padding: 5px
}
.headlineBanner-texts {
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
padding: 0;
position: absolute;
z-index: 4;
display: block;
max-width: 50%;
bottom: 0
}
@media (max-width: 700px) {
.headlineBanner-texts {
padding-left: 10px;
padding-right: 10px
}
}
@media print {
.headlineBanner-texts {
width: 980px;
padding-left: 0;
padding-right: 0
}
}
.headlineBanner-texts-new {
position: absolute;
z-index: 4;
display: block;
max-width: 400px;
background-color: rgba(75, 85, 87, 0.9)
}
.headlineBanner-texts-leftTop, .headlineBanner-texts-leftBottom, .headlineBanner-texts-leftBottom-new {
left: 0
}
.headlineBanner-texts-rightTop, .headlineBanner-texts-rightBottom {
right: 0
}
.headlineBanner-texts-leftTop, .headlineBanner-texts-rightTop {
top: 20px
}
.headlineBanner-texts-leftBottom, .headlineBanner-texts-rightBottom {
bottom: 20px
}
.headlineBanner-texts-leftBottom-new {
bottom: 0
}
.headlineBanner-texts-box {
display: table;
padding: 0;
background-color: rgba(0, 5, 15, 0.6)
}
.headlineBanner-texts-title {
display: block;
font-size: 38px;
font-weight: 700;
line-height: 100%;
color: #fff;
letter-spacing: -0.02em;
text-transform: uppercase;
margin: 30px 30px 15px 30px
}
.headlineBanner-texts-subtitle {
display: block;
font-size: 20px;
font-weight: 400;
line-height: 100%;
color: #00b9ad;
letter-spacing: -0.04em;
text-transform: uppercase;
margin: 15px 30px
}
.headlineBanner-texts-link {
display: block;
font-size: 14px;
font-weight: 400;
line-height: 100%;
background-color: #00b9ad;
color: #fff;
letter-spacing: -0.04em;
text-transform: uppercase;
margin: 0;
padding: 7px 30px;
margin-top: 6px
}
.headlineBanner-texts-subline {
display: block;
background-color: #00b9ad;
margin: 0;
padding: 3px
}
.headlineBanner-texts-link:after {
content: "❯";
font-size: 10px;
padding-left: 10px;
vertical-align: bottom
}
.headlineBanner-texts-text {
display: block;
font-size: 14px;
line-height: 115%;
font-weight: 400;
color: #00b9ad;
letter-spacing: -0.04em;
text-transform: uppercase
}
.headlineBanner-texts-title+.headlineBanner-texts-text {
margin-top: 10px
}
.headlineBanner-texts-graphic {
display: block;
margin-top: 10px
}
.headlineBanner-texts-graphic img {
width: 100%;
max-height: 100px
}
.headlineBanner-texts-button, .headlineBanner-texts-button a {
display: inline-block;
text-decoration: none
}
.headlineBanner-texts-button span {
display: block;
background-color: #5a6870;
line-height: 30px;
padding: 0 20px;
font-size: 14px;
font-weight: 700;
color: #fff;
text-transform: uppercase;
transition: 0.25s
}
.headlineBanner-item>a:hover .headlineBanner-texts-button span {
background-color: #00b9ad;
transition: 0.125s
}
.headlineBanner-texts-fullHeight {
position: absolute;
z-index: 4;
display: block;
max-width: 300px;
background-color: #5a6870;
height: 100%;
color: #fff
}
.headlineBanner-texts-fullHeight-box {
padding: 0
}
.headlineBanner-texts-fullHeight-upper {
font-size: 38px;
line-height: 100%;
color: #fff;
letter-spacing: -0.04em;
text-transform: uppercase;
padding: 20px;
height: 170px;
min-width: 300px;
height: 65%;
position: relative
}
.headlineBanner-texts-fullHeight-upper span {
position: absolute;
left: 20px;
bottom: 20px
}
.headlineBanner-texts-fullHeight-bottom {
font-size: 22px;
line-height: 115%;
color: #fff;
letter-spacing: -0.04em;
text-transform: uppercase;
background-color: #00b9ad;
min-width: 300px;
height: 35%;
min-height: 120px;
position: relative;
padding: 20px
}
.headlineBanner-fullHeight-badgeImage {
position: relative;
left: 210px;
top: -30px;
width: 130px;
height: 130px;
background-size: cover
}
.headlineBanner-screenFiller {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
z-index: 5
}
.headlineBanner iframe {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
z-index: 2
}
.headlineBanner-autoProgress {
d: 0;
float: left;
padding: 2px 10px 5px 4px;
cursor: pointer
}
.headlineBanner-autoProgress>div {
overflow: hidden;
width: 30px;
height: 40px
}
.headlineBanner-autoProgress img {
width: 60px;
height: 30px;
min-width: 60px
}
.headlineBanner-dotindicators {
padding-top: 10px;
position: absolute;
left: 50%;
top: 5px;
bottom: auto;
z-index: 6
}
.headlineBanner-dotindicators-container {
position: relative;
left: -50%
}
.headlineBanner-dotindicators-container .indicator {
margin-right: 10px
}
.headlineBanner-dotindicators-container .indicator b {
display: block;
text-indent: 0;
font-size: 16px;
font-weight: 400;
white-space: nowrap;
line-height: 20px;
margin-top: -15px;
color: #9da6ab;
transition: 0.25s
}
.headlineBanner-dotindicators-container .indicator.active b {
color: #5a6870
}
.headlineBanner-dotindicators-container .indicator:hover b {
color: #5a6870;
transition: 0.125s
}
.headlineBanner-barindicators {
padding-top: 10px
}
.headlineBanner-barindicators-container .indicator {
margin-right: 10px
}
.headlineBanner-barindicators-container .indicator b {
display: block;
text-indent: 0;
font-size: 16px;
font-weight: 400;
white-space: nowrap;
line-height: 20px;
margin-top: -15px;
color: #9da6ab;
transition: 0.25s
}
.headlineBanner-barindicators-container .indicator.active b {
color: #5a6870
}
.headlineBanner-barindicators-container .indicator:hover b {
color: #5a6870;
transition: 0.125s
}
.headlineBanner-item-video-splash-playIcon {
display: block;
position: absolute;
left: calc(50% - 75px);
top: calc(50% - 75px);
z-index: 2;
width: 150px;
height: 150px;
background-image: url(../../images/icons/playicon.png);
background-repeat: no-repeat;
background-size: contain;
opacity: 0.6;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out
}
.headlineBanner-item>a:hover .headlineBanner-item-video-splash-playIcon {
opacity: 1
}
.headlineBanner-item-video-container {
display: none;
position: absolute;
left: 0;
width: 100%;
top: 0;
height: 100%;
z-index: 12
}
.headlineBanner-item-video {
position: absolute;
left: 0;
width: 100%;
top: 0;
height: 100%;
z-index: 13
}
.headlineBanner-item-video-pauseButton {
position: absolute;
left: 0;
width: 100%;
top: 0;
height: 100%;
z-index: 14;
cursor: pointer
}
.headlineBanner-scrollIndicator {
position: absolute;
d: 0;
right: 0;
bottom: 0;
z-index: 15;
opacity: .5;
padding: 10px 20px;
cursor: pointer;
-moz-animation: headlineBanner-indicatorAnimation 2s ease-in-out infinite;
-webkit-animation: headlineBanner-indicatorAnimation 2s ease-in-out infinite;
animation: headlineBanner-indicatorAnimation 2s ease-in-out infinite
}
.headlineBanner-scrollIndicator img {
width: 40px;
height: 60px
}
.headlineBanner-dotindicators .indicator {
d: 0;
float: left;
width: 40px;
height: 60px;
cursor: pointer;
overflow: hidden;
text-indent: -1000px;
line-height: 0;
transition: 0.25s
}
.headlineBanner-dotindicators .indicator i {
display: block;
width: 12px;
height: 12px;
margin: 14px auto auto auto;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 12px;
background-color: #5a6870;
background-color: rgba(90, 104, 112, 0.75);
transition: 0.25s;
-webkit-box-shadow: 0 0 2px 1px #5a6870 inset;
box-shadow: 0 0 2px 1px #5a6870 inset
}
.headlineBanner-dotindicators .indicator.active i {
width: 16px;
height: 16px;
margin: 12px auto auto auto;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
border-radius: 16px;
background-color: transparent;
background-color: rgba(90, 104, 112, 0.1);
border: 1px solid #fff;
-webkit-box-shadow: none;
box-shadow: none
}
.headlineBanner-dotindicators .indicator:hover i {
background-color: rgba(0, 185, 173, 0.8);
-webkit-box-shadow: 0 0 2px 1px #00b9ad inset;
box-shadow: 0 0 2px 1px #00b9ad inset
}
.headlineBanner-dotindicators .indicator.active:hover i {
background-color: rgba(90, 104, 112, 0.1);
border: 2px solid #00b9ad;
-webkit-box-shadow: none;
box-shadow: none
}
.clock-wrapper {
padding: 0 30px;
display: flex;
justify-content: center;
align-items: flex-end;
letter-spacing: -0.04em;
text-align: center;
font-size: 30px;
width: 100%;
margin-top: 10px;
opacity: 0;
-webkit-animation: fadeIn 1s 1s ease-in 1;
-moz-animation: fadeIn 1s 1s ease-in 1;
-o-animation: fadeIn 1s 1s ease-in 1;
animation: fadeIn 1s 1s ease-in 1;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
animation-fill-mode: forwards
}
.clock-wrapper .row {
display: inline-block;
padding-bottom: 10px
}
.clock-wrapper .row>span {
min-width: 70px;
padding: 5px;
margin: auto 4px auto 0;
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
border-radius: 1px;
background: #fff;
display: inline-block;
-webkit-transition: 0.25s;
-moz-transition: 0.25s;
-o-transition: 0.25s;
transition: 0.25s
}
.clock-wrapper span>span {
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
border-radius: 1px;
display: block;
font-weight: 700;
color: #00b9ad
}
.clock-wrapper span>span:last-child {
margin-right: 0
}
.clock-wrapper .smalltext {
font-size: 16px;
font-weight: normal;
color: #5a6870
}
@-webkit-keyframes fadeIn {
from {
opacity: 0
}
to {
opacity: 1
}
}
@-moz-keyframes fadeIn {
from {
opacity: 0
}
to {
opacity: 1
}
}
@keyframes fadeIn {
from {
opacity: 0
}
to {
opacity: 1
}
}
@media (min-width:1250px) {
.headlineBanner-centeredContainer2 {
left: 20px;
right: 20px;
top: 0;
bottom: 0
}
.headlineBanner-texts-leftTop, .headlineBanner-texts-rightTop {
top: 30px
}
.headlineBanner-texts-leftBottom, .headlineBanner-texts-rightBottom {
bottom: 30px
}
.headlineBanner-texts-graphic img {
width: 120%;
max-width: 120%
}
}
@media (min-width:1400px) {
.headlineBanner-texts-leftTop, .headlineBanner-texts-rightTop {
top: 40px
}
.headlineBanner-texts-leftBottom, .headlineBanner-texts-rightBottom {
bottom: 40px
}
.headlineBanner-texts-graphic img {
width: 135%;
max-width: 135%
}
}
@media (max-width:900px) {
.headlineBanner-texts-text {
font-weight: 400;
font-size: 13px
}
.headlineBanner-dotindicators-container .indicator b {
font-size: 14px;
line-height: 18px;
margin-top: -13px
}
.headlineBanner-texts-button span {
line-height: 28px
}
.clock-wrapper .row>span {
min-width: 50px;
-webkit-transition: 0.25s;
-moz-transition: 0.25s;
-o-transition: 0.25s;
transition: 0.25s
}
}
@media (max-width:850px) {
.headlineBanner-texts-text {
font-size: 12.5px
}
.headlineBanner-texts-button span {
line-height: 27px
}
}
@media (max-width:800px) {
.headlineBanner-texts-text {
font-size: 12px
}
.headlineBanner-texts-button span {
line-height: 26px
}
}
@media (max-width:750px) {
.headlineBanner-texts-text {
font-size: 11.5px
}
.headlineBanner-texts-button span {
line-height: 25px
}
}
@media (max-width:700px) {
.headlineBanner-texts-text {
font-size: 11px
}
.headlineBanner-texts-button span {
line-height: 24px
}
.headlineBanner-texts-fullHeight-upper {
height: 170px
}
}
@media (max-width: 700px) {
.headlineBanner-container {
min-height: 350px
}
.headlineBanner-sizer {
padding-bottom: 45%
}
.headlineBanner-sizer-fullHeight {
padding-bottom: 45%;
height: 580px
}
.headlineBanner-centeredContainer2 {
left: 0;
right: 0
}
.headlineBanner-texts {
padding: 0;
left: 0;
right: 0;
top: auto;
bottom: 0;
max-width: none
}
.headlineBanner-texts-new {
left: 0;
right: 0;
top: auto;
bottom: 0;
max-width: none
}
.headlineBanner-texts-fullHeight {
left: 0;
right: 0;
top: auto;
bottom: 0;
max-width: none;
height: auto
}
.headlineBanner-texts-box {
display: table;
width: 100%
}
.headlineBanner-texts-box .headlineBanner-texts-title {
font-size: 25px
}
.headlineBanner-texts-text {
display: none
}
.headlineBanner-texts-graphic img {
width: 75%;
max-width: 75%
}
.headlineBanner-texts-button, .headlineBanner-texts-button a {
display: block
}
.headlineBanner-texts-button span {
line-height: 24px;
padding: 0 10px;
font-size: 14px
}
.headlineBanner-texts-subtitle {
font-size: 15px;
line-height: 100%
}
.headlineBanner-promotionalBadge-img {
display: none
}
.headlineBanner-promotionalBadge-secondary-img {
display: block
}
.headlineBanner-badge-img {
position: relative;
float: right;
padding-left: 10px;
max-width: 100px;
max-height: 100px
}
.clock-wrapper {
justify-content: flex-start;
margin-left: 0px
}
.clock-wrapper .row>span {
min-width: 50px
}
}
@media (max-width:500px) {
.headlineBanner-sizer-fullHeight {
padding-bottom: 45%;
height: 510px
}
.headlineBanner-scrollIndicator {
display: none
}
.headlineBanner-dotindicators .indicator {
width: 20px;
height: 30px
}
.headlineBanner-dotindicators .indicator i {
width: 10px;
height: 10px;
margin: 10px auto auto auto;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px
}
.headlineBanner-dotindicators .indicator.active i {
width: 16px;
height: 16px;
margin: 7px auto auto auto;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px
}
}
@media (max-width: 450px) {
.headlineBanner-sizer {
padding-bottom: 60%
}
.headlineBanner-texts-title {
font-size: 24px
}
.headlineBanner-dotindicators-container .indicator {
margin-right: 0
}
.headlineBanner-dotindicators-container .indicator b {
display: none
}
.clock-wrapper {
font-size: 24px
}
.clock-wrapper .smalltext {
font-size: 14px
}
}
.headlineBanner-mainLink {
float: right;
margin-right: 4px
}
.rtl .headlineBanner-mainLink {
float: left;
margin-right: 0;
margin-left: 4px
}
.headlineBanner-mainLink, .headlineBanner-mainLink a {
display: block;
height: 40px;
line-height: 40px
}
.headlineBanner-mainLink span {
display: inline-block;
vertical-align: bottom;
font-size: 12px;
line-height: 14px;
position: relative;
padding: 0 27px 10px 10px;
text-align: right;
font-weight: 400;
color: #9da6ab;
transition: 0.25s
}
.rtl .headlineBanner-mainLink span {
padding: 0 10px 10px 27px;
text-align: left
}
.headlineBanner-mainLink span:before {
display: block;
float: right;
content: "›";
vertical-align: bottom;
width: 20px;
height: 20px;
font-weight: 700;
text-align: center;
font-size: 20px;
text-decoration: none;
line-height: 16px;
background: #5a6870;
color: #fff;
transition: 0.25s;
position: absolute;
right: 0;
bottom: 12px
}
.rtl .headlineBanner-mainLink span:before {
float: left;
right: auto;
left: 0
}
.headlineBanner-mainLink a:hover span {
color: #5a6870;
transition: 0.125s
}
.headlineBanner-mainLink a:hover span:before {
background-color: #00b9ad;
transition: 0.125s
}
@media (max-width: 900px) {
.headlineBanner-mainLink span {
font-size: 11px;
line-height: 14px
}
}
@media (max-width: 700px) {
.headlineBanner-mainLink span {
font-size: 10px;
line-height: 12px
}
}
@media (max-width: 450px) {
.headlineBanner-mainLink span {
font-size: 9px;
line-height: 11px
}
}
.headlineBanner-shopBanner {
font-size: 0;
position: relative;
width: 100%;
padding: 3px;
overflow: hidden;
min-height: 55px;
top: 0;
left: 0;
z-index: 2;
background-size: cover;
background-color: #00b9ad;
-moz-transition: 0.25s;
-o-transition: 0.25s;
-webkit-transition: 0.25s;
transition: 0.25s
}
.headlineBanner-shopBanner-box-container {
-moz-transition: 0.25s;
-o-transition: 0.25s;
-webkit-transition: 0.25s;
transition: 0.25s;
padding-top: 5px;
padding-bottom: 5px;
display: block;
min-width: 100px;
width: auto !important;
height: 100%;
background-color: #00b9ad;
white-space: nowrap;
overflow: hidden;
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px
}
.headlineBanner-shopBanner-box-container a:hover .headlineBanner-shopBanner-box {
border: 1px solid #fff;
color: #00b9ad;
background-color: #fff;
-moz-transition: 0.25s;
-o-transition: 0.25s;
-webkit-transition: 0.25s;
transition: 0.25s
}
.headlineBanner-shopBanner-box-container a:hover .headlineBanner-shopBanner-box-cart {
background: url(../../images/icons/shopping_cart-inverted.png);
-moz-transition: 0.25s;
-o-transition: 0.25s;
-webkit-transition: 0.25s;
transition: 0.25s
}
.headlineBanner-shopBanner-box {
display: inline-block;
border: 1px solid #fff;
height: 45px;
width: fit-content;
margin-left: 0px;
margin-right: 3px;
color: #fff;
text-align: left;
vertical-align: middle;
font-size: 12px;
font-weight: bold;
padding: 0px;
overflow: hidden;
margin-top: auto;
margin-bottom: auto;
-moz-transition: 0.25s;
-o-transition: 0.25s;
-webkit-transition: 0.25s;
transition: 0.25s
}
.headlineBanner-shopBanner-box p {
position: relative;
margin: 0 10px 0 10px;
height: 100%;
line-height: 45px;
-moz-transition: 0;
-o-transition: 0;
-webkit-transition: 0;
transition: 0
}
.headlineBanner-shopBanner-box-cart {
display: inline-block;
border: 1px solid #fff;
height: 45px;
width: 48px;
margin-left: 0;
margin-right: 3px;
color: #fff;
text-align: left;
vertical-align: middle;
font-size: 12px;
font-weight: bold;
padding: 0;
overflow: hidden;
margin-top: auto;
margin-bottom: auto;
background: url(../../images/icons/shopping_cart.png);
background-color: #00b9ad;
-moz-transition: 0.25s;
-o-transition: 0.25s;
-webkit-transition: 0.25s;
transition: 0.25s
}
@-moz-keyframes headlineBanner-indicatorAnimation {
0% {
padding: 10px 20px 10px 20px
}
50% {
padding: 0 20px 20px 20px
}
100% {
padding: 10px 20px 10px 20px
}
}
@-webkit-keyframes headlineBanner-indicatorAnimation {
0% {
padding: 10px 20px 10px 20px
}
50% {
padding: 0 20px 20px 20px
}
100% {
padding: 10px 20px 10px 20px
}
}
@keyframes headlineBanner-indicatorAnimation {
0% {
padding: 10px 20px 10px 20px
}
50% {
padding: 0 20px 20px 20px
}
100% {
padding: 10px 20px 10px 20px
}
}
.titleWithFullscreenBg {
position: relative;
z-index: 1;
width: 100%;
max-width: 2500px;
height: 100%;
margin: 0 auto 20px auto
}
.titleWithFullscreenBg-image {
width: 100%;
height: 100%;
background-size: cover;
background-repeat: no-repeat
}
.titleWithFullscreenBg-image img {
display: none;
margin: auto;
max-width: none
}
.titleWithFullscreenBg-image {
position: relative;
z-index: 3
}
@media not all and (max-width:700px) {
.titleWithFullscreenBg-texts {
position: absolute;
z-index: 4;
bottom: 0;
left: 0;
right: 0
}
.titleWithFullscreenBg h1 {
padding: 10px 30px 10px 10px;
background: #fff;
margin: 0 0 0 -10px;
display: inline-block
}
.rtl .titleWithFullscreenBg h1 {
padding: 10px 10px 10px 30px;
margin: 0 -10px 0 0
}
.titleWithFullscreenBg h1+.titleWithFullscreenBg-texts-desc {
margin-top: -10px
}
.titleWithFullscreenBg-texts-desc {
clear: both;
background: #fff;
padding: 10px;
margin-left: -10px;
margin-right: -10px
}
.titleWithFullscreenBg-texts-desc h2, .titleWithFullscreenBg-texts-desc h3 {
margin-bottom: 0
}
.titleWithFullscreenBg-texts-desc .paragraph {
margin: 0
}
.titleWithFullscreenBg-texts-desc h2+.paragraph, .titleWithFullscreenBg-texts-desc h3+.paragraph {
margin-top: 5px
}
.titleImagesWithLegend h1 {
margin-right: 50px
}
}
@media (max-width:700px) {
.titleWithFullscreenBg h1 {
margin-top: 10px
}
.titleImagesWithLegend h1 {
margin-bottom: 10px
}
}
.titleImagesWithLegend {
margin-bottom: 40px
}
.titleImagesWithLegend .titleWithFullscreenBg {
margin-bottom: 10px
}
.titleImagesWithLegend-additional {
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px
}
@media (max-width: 700px) {
.titleImagesWithLegend-additional {
padding-left: 10px;
padding-right: 10px
}
}
@media print {
.titleImagesWithLegend-additional {
width: 980px;
padding-left: 0;
padding-right: 0
}
}
.titleImagesWithLegend-additional-inner {
margin: -10px 0 0 -10px
}
.rtl .titleImagesWithLegend-additional-inner {
margin: -10px -10px 0 0
}
.titleImagesWithLegend-additional-item {
float: left;
padding: 10px 0 0 10px
}
.rtl .titleImagesWithLegend-additional-item {
float: right;
padding: 10px 10px 0 0
}
.titleImagesWithLegend-additional-item a {
display: inline-block;
vertical-align: middle;
line-height: 150px;
position: relative;
z-index: 1
}
.titleImagesWithLegend-additional-item img {
max-height: 150px;
max-width: 300px;
transition: 0.25s
}
.titleImagesWithLegend-additional-item a:hover img {
opacity: .85;
transition: 0.125s
}
.titleImagesWithLegend-number {
position: absolute;
left: 0;
bottom: 0;
right: 0
}
.titleImagesWithLegend-number span {
display: block;
position: relative;
max-width: 980px;
margin: 0 auto
}
.titleImagesWithLegend-additional-item b, .titleImagesWithLegend-number b {
position: absolute;
z-index: 4;
right: 0;
bottom: 0;
line-height: 30px;
width: 30px;
text-align: center;
display: block;
background: #00b9ad;
color: #fff;
font-size: 18px;
font-weight: 700
}
.rtl .titleImagesWithLegend-additional-item b, .titleImagesWithLegend-number b {
right: auto;
left: 0
}
.titleImagesWithLegend-titleArea {
position: relative
}
.titleImagesWithLegend-additional .titleImagesWithLegend-additional-legend {
display: table;
padding: 10px 0 0 10px;
min-width: 200px;
font-size: 14px
}
.rtl .titleImagesWithLegend-additional .titleImagesWithLegend-additional-legend {
padding: 10px 10px 0 0
}
@media (max-width: 900px) {
.titleImagesWithLegend-additional-item a {
line-height: 125px
}
.titleImagesWithLegend-additional-item img {
max-height: 125px;
max-width: 250px
}
.titleImagesWithLegend-additional .titleImagesWithLegend-additional {
font-size: 13px
}
}
@media (max-width: 700px) {
.titleImagesWithLegend-additional-inner {
margin: -5px 0 0 -5px
}
.rtl .titleImagesWithLegend-additional-inner {
margin: -5px -5px 0 0
}
.titleImagesWithLegend-additional-item {
padding: 5px 0 0 5px
}
.rtl .titleImagesWithLegend-additional-item {
padding: 5px 5px 0 0
}
.titleImagesWithLegend-additional-item a {
line-height: 100px
}
.titleImagesWithLegend-additional-item img {
max-height: 100px;
max-width: 200px
}
.titleImagesWithLegend-additional-item b, .titleImagesWithLegend-number b {
line-height: 24px;
width: 24px;
font-size: 16px
}
.titleImagesWithLegend-additional .titleImagesWithLegend-additional-legend {
padding: 5px 0 0 5px;
font-size: 12px
}
.rtl .titleImagesWithLegend-additional .titleImagesWithLegend-additional-legend {
padding: 5px 5px 0 0
}
}
@media (max-width: 450px) {
.titleImagesWithLegend-additional-item a {
line-height: 70px
}
.titleImagesWithLegend-additional-item img {
max-height: 70px;
max-width: 140px
}
.titleImagesWithLegend-additional-item b, .titleImagesWithLegend-number b {
line-height: 20px;
width: 20px;
font-size: 14px
}
.titleImagesWithLegend-additional .titleImagesWithLegend-additional-legend {
font-size: 10px
}
}
.titleWithFeatures .slider-clickGuardOnDrag {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 10;
display: none
}
.titleWithFeatures-container {
width: 100%;
height: 0;
padding-bottom: 28%;
position: relative;
overflow: hidden
}
.titleWithFeatures-slide {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.titleWithFeatures-slide a {
display: block;
text-decoration: none
}
.titleWithFeatures-slide-desktopImage, .titleWithFeatures-slide-mobileImage {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
background-position: center;
background-repeat: no-repeat;
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
background-size: cover
}
.titleWithFeatures-slide-texts, .titleWithFeatures-slide-texts2015 {
display: block;
position: absolute;
z-index: 3
}
.titleWithFeatures-slide-texts-title {
display: block;
font-weight: 700;
font-size: 22px
}
.titleWithFeatures-slide-texts-text {
display: block;
font-weight: 400;
font-size: 20px
}
.titleWithFeatures-slide-texts-title+.titleWithFeatures-slide-texts-text {
margin-top: 5px
}
.titleWithFeatures.sliderNotInitialized .titleWithFeatures-slide+.titleWithFeatures-slide {
display: none
}
.titleWithFeatures-slide-2015 {
border-bottom: 12px solid #00b9ad
}
.titleWithFeatures-slide-2015 a {
display: block;
position: absolute;
left: 0;
width: 100%;
top: 0;
bottom: -12px;
border-bottom: 12px solid #00b9ad
}
.titleWithFeatures-slide-split {
position: absolute;
border-bottom: 5px solid #00b9ad
}
.titleWithFeatures-slide-split-image-desktop, .titleWithFeatures-slide-split-image-mobile {
display: block
}
@media not all and (max-width:700px) {
.titleWithFeatures-slide-mobileImage {
background-image: none !important
}
.titleWithFeatures-slide-texts {
max-width: 440px;
top: 50%;
height: 220px;
margin-top: -110px
}
.titleWithFeatures-slide-texts-desktopRight {
padding-right: 20px
}
.titleWithFeatures-slide-texts-desktopLeft {
padding-left: 20px
}
.titleWithFeatures-slide-texts-desktop33.titleWithFeatures-slide-texts-desktopRight {
left: 67%;
width: 33%;
max-width: 440px
}
.titleWithFeatures-slide-texts-desktop33.titleWithFeatures-slide-texts-desktopLeft {
right: 67%;
width: 33%;
max-width: 440px
}
.titleWithFeatures-slide-texts-desktop50.titleWithFeatures-slide-texts-desktopRight {
left: 50%;
width: 50%;
max-width: 510px
}
.titleWithFeatures-slide-texts-desktop50.titleWithFeatures-slide-texts-desktopLeft {
right: 50%;
width: 50%;
max-width: 510px
}
.titleWithFeatures-slide-texts-desktop66.titleWithFeatures-slide-texts-desktopRight {
left: 33%;
width: 67%;
max-width: 700px
}
.titleWithFeatures-slide-texts-desktop66.titleWithFeatures-slide-texts-desktopLeft {
right: 33%;
width: 67%;
max-width: 700px
}
.titleWithFeatures-slide-texts-desktopLight {
color: #fff
}
.titleWithFeatures-slide-texts-desktopDark {
color: #000
}
.titleWithFeatures-slide-texts-button {
display: block;
position: absolute;
left: 0;
bottom: 0;
padding: 5px 10px;
text-transform: uppercase;
font-size: 14px;
font-weight: 700;
transition: 0.25s
}
.titleWithFeatures-slide-texts-desktopLeft .titleWithFeatures-slide-texts-button {
left: 20px
}
.titleWithFeatures-slide-texts-desktopLight .titleWithFeatures-slide-texts-button {
background: #fff;
color: #000
}
.titleWithFeatures-slide-texts-desktopDark .titleWithFeatures-slide-texts-button {
background: #000;
color: #fff
}
.titleWithFeatures-slide a:hover .titleWithFeatures-slide-texts-button {
transition: 0.125s;
background: #00b9ad;
color: #fff
}
.titleWithFeatures-slide-texts2015 {
top: 10%;
left: 8%;
width: 84%;
letter-spacing: 0
}
.titleWithFeatures-slide-texts2015-title {
display: block;
font-size: 18px;
font-size: 2.25vw;
font-weight: 400;
color: #69747a
}
.titleWithFeatures-slide-texts2015-text {
display: block;
font-size: 36px;
font-size: 4vw;
line-height: 100%;
height: 14.4vw;
font-weight: 700;
text-transform: uppercase;
color: #9da5ab;
margin: 5px 0 10px 0;
margin: .5vw 0 1vw 0;
letter-spacing: -0.02em
}
.titleWithFeatures-slide-texts2015-text-5lines {
font-size: 28.8px;
font-size: 3.2vw
}
.titleWithFeatures-slide-texts2015-text-6lines {
font-size: 24px;
font-size: 2.666666667vw
}
.titleWithFeatures-slide-texts2015-text-7lines {
font-size: 20.571428571px;
font-size: 2.285714286vw
}
.titleWithFeatures-slide-texts2015-text-8lines {
font-size: 18px;
font-size: 2vw
}
.titleWithFeatures-slide-texts2015-text-9lines {
font-size: 16px;
font-size: 1.777777778vw
}
.titleWithFeatures-slide-texts2015-text-10lines {
font-size: 14.4px;
font-size: 1.6vw
}
.titleWithFeatures-slide-texts2015-button {
display: inline-block;
position: static;
text-transform: uppercase;
font-size: 12px;
font-size: 1.2vw;
font-weight: 700;
background: #69747a;
color: #fff;
transition: 0.25s;
padding: .5vw 1vw
}
.titleWithFeatures-slide-2015 a:hover .titleWithFeatures-slide-texts2015-button {
background: #00b9ad;
transition: 0.125s
}
.titleWithFeatures-slide-split a {
display: block;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0
}
.titleWithFeatures-slide-split-image-desktop {
display: block;
position: absolute;
z-index: 2;
top: 0;
d: 0;
right: 0;
width: 60%;
height: 100%;
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
background-size: cover;
d: 0;
background-position: left;
background-repeat: no-repeat
}
.titleWithFeatures-slide-split-texts {
display: block;
position: absolute;
z-index: 3;
d: 0;
left: 20px;
d: 0;
right: 62%;
top: 10%;
height: 80%
}
.titleWithFeatures-slide-split-texts-title {
display: block;
font-weight: 400;
font-size: 14px;
font-size: 2vw;
color: #5a6870;
line-height: 110%;
margin-bottom: 5px
}
.titleWithFeatures-slide-split-texts-text {
display: block;
font-weight: 700;
font-size: 18px;
font-size: 2.6vw;
color: #9da6ab;
line-height: 100%;
letter-spacing: -0.03em;
text-transform: uppercase
}
.titleWithFeatures-slide-split-texts-button {
display: block;
position: absolute;
d: 0;
left: 0;
bottom: 0;
text-transform: uppercase;
font-size: 14px;
font-weight: 700;
background: #5a6870;
color: #fff;
transition: 0.25s;
padding: 5px 15px
}
.titleWithFeatures-slide-split a .titleWithFeatures-slide-split-texts-button {
background: #00b9ad;
transition: 0.125s
}
}
@media (min-width:1000px) {
.titleWithFeatures-slide-split-texts-title {
font-size: 20px;
font-size: 2vw
}
.titleWithFeatures-slide-split-texts-text {
font-size: 26px;
font-size: 2.6vw
}
}
@media (min-width:1250px) {
.titleWithFeatures-slide-split-texts {
d: 0;
left: 8%
}
}
@media (min-width:1250px) {
.titleWithFeatures-slide-split-texts-title {
font-size: 22px
}
.titleWithFeatures-slide-split-texts-text {
font-size: 32px
}
}
@media (min-width:1400px) {
.titleWithFeatures-slide-split-texts-title {
font-size: 25px
}
.titleWithFeatures-slide-split-texts-text {
font-size: 36px
}
}
@media (min-width:1250px) {
.titleWithFeatures-slide-split-texts-title {
font-size: 1.8vw
}
.titleWithFeatures-slide-split-texts-text {
font-size: 2.6vw
}
}
@media (max-width:1000px) {
.titleWithFeatures-slide-texts-title {
font-size: 20px
}
.titleWithFeatures-slide-texts-text {
font-size: 18px
}
}
@media (max-width:900px) {
.titleWithFeatures-slide-texts-title {
font-size: 18px
}
.titleWithFeatures-slide-texts-text {
font-size: 16px
}
.titleWithFeatures-slide-texts {
height: 200px;
margin-top: -100px
}
}
@media (max-width:800px) {
.titleWithFeatures-slide-texts-title {
font-size: 16px
}
.titleWithFeatures-slide-texts-text {
font-size: 14px
}
.titleWithFeatures-slide-texts {
height: 180px;
margin-top: -90px
}
}
@media (max-width:700px) {
.titleWithFeatures-container {
padding-bottom: 100%
}
.titleWithFeatures-slide-desktopImage {
background-image: none !important
}
.titleWithFeatures-slide-texts, .titleWithFeatures-slide-texts2015 {
width: 100%;
padding: 20px;
height: auto;
margin-top: 0
}
.titleWithFeatures-slide-texts-mobileTop, .titleWithFeatures-slide-texts2015-mobileTop {
top: 0
}
.titleWithFeatures-slide-texts-mobileBottom, .titleWithFeatures-slide-texts2015-mobileBottom {
bottom: 0
}
.titleWithFeatures-slide-texts-mobileLight {
color: #fff;
background: #000;
background: rgba(0, 0, 0, 0.9)
}
.titleWithFeatures-slide-texts-mobileDark {
color: #000;
background: #fff;
background: rgba(255, 255, 255, 0.9)
}
.titleWithFeatures-slide-texts-button, .titleWithFeatures-slide-texts2015-button {
display: none
}
.titleWithFeatures-slide-texts-title {
font-size: 22px
}
.titleWithFeatures-slide-texts-text {
font-size: 20px
}
.titleWithFeatures-slide-texts2015-title {
display: block;
font-size: 15px;
font-size: 5vw;
font-weight: 400;
color: #69747a
}
.titleWithFeatures-slide-texts2015-text {
display: block;
font-size: 20px;
font-size: 6vw;
font-weight: 700;
text-transform: uppercase;
line-height: 92%;
color: #9da5ab;
margin-top: 5px;
margin-top: 1.5vw
}
.titleWithFeatures-slide-texts2015-text br {
display: none
}
.titleWithFeatures-slide-split-image-mobile {
display: block;
position: absolute;
z-index: 2;
left: 0;
top: 0;
width: 100%;
height: 100%;
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center;
background-repeat: no-repeat
}
.titleWithFeatures-slide-split-texts {
position: absolute;
left: 0;
width: 100%;
z-index: 3;
background: #fff;
background: rgba(255, 255, 255, 0.9)
}
.titleWithFeatures-slide-split-texts-top {
top: 0
}
.titleWithFeatures-slide-split-texts-bottom {
bottom: 0
}
.titleWithFeatures-slide-split-texts-title {
display: block;
font-weight: 400;
font-size: 16px;
color: #5a6870;
line-height: 110%;
margin-bottom: 5px;
padding: 10px
}
.titleWithFeatures-slide-split-texts-text {
display: block;
font-weight: 700;
font-size: 24px;
color: #9da6ab;
line-height: 100%;
letter-spacing: -0.03em;
text-transform: uppercase;
padding: 10px
}
.titleWithFeatures-slide-split-texts-title+.titleWithFeatures-slide-split-texts-text {
margin-top: -20px
}
.titleWithFeatures-slide-split-texts-button {
display: block;
text-transform: uppercase;
font-size: 10px;
font-weight: 700;
background: #00b9ad;
color: #fff;
padding: 5px 15px;
margin-bottom: -5px
}
}
@media (max-width:500px) {
.titleWithFeatures-slide-texts, .titleWithFeatures-slide-texts2015 {
padding: 10px
}
.titleWithFeatures-slide-texts-title {
font-size: 20px
}
.titleWithFeatures-slide-texts-text {
font-size: 18px
}
}
@media (max-width:350px) {
.titleWithFeatures-slide-texts-title {
font-size: 18px
}
.titleWithFeatures-slide-texts-text {
font-size: 16px
}
}
.loginForm {
margin: 0 0 0 -20px
}
.loginForm:after {
content: "";
display: block;
clear: both
}
.loginForm-column {
float: left;
padding-left: 20px
}
.loginForm-column-1 {
width: 60%
}
.loginForm-column-2 {
width: 40%
}
.loginForm fieldset {
margin: 0 0 20px 0;
padding: 20px;
border: 0;
background: #f8f9f9
}
.formLogin-legend {
margin-bottom: 20px;
font-size: 24px;
font-weight: 400
}
.formLogin-legendNum {
font-weight: 400
}
.loginForm-row {
margin: 0 0 0 -20px
}
.loginForm-row:after {
content: "";
display: block;
clear: both
}
.loginForm-field {
float: left;
width: 100%;
padding-left: 20px;
margin-bottom: 20px
}
.loginForm-field-2 {
width: 50%
}
.loginForm-field label {
display: block;
margin-bottom: 3px;
font-size: 14px;
color: #5a6870
}
.loginForm-login-submit {
margin-left: -20px
}
.loginForm-lostPassword {
display: inline-block;
vertical-align: bottom;
text-decoration: underline
}
.loginForm-login-submit .input-button {
margin-left: 20px;
float: right
}
.loginForm-lostPassword {
padding: 10px;
line-height: 20px;
margin: 0 -10px -10px 10px;
position: relative;
color: #5a6870;
font-size: 16px
}
.loginForm-lostPassword:hover {
color: #00b9ad
}
.loginForm-row input[type="text"], .loginForm-row input[type="password"] {
width: 100%
}
.loginForm-row input[type="text"]:disabled {
color: #9da6ab
}
.loginForm-hint {
font-size: 12px;
margin-bottom: 20px
}
.loginForm-submit {
text-align: right
}
.loginForm-button-external {
display: table;
width: 100%;
background: #fff;
text-decoration: none
}
.loginForm-button-external:hover {
color: #fff;
background: #5a6870
}
.loginForm-button-external-icon {
display: table-cell;
width: 35px;
min-width: 35px;
vertical-align: middle
}
.loginForm-button-external-icon img {
width: 35px;
height: 35px
}
.loginForm-button-external-text {
display: table-cell;
width: 100%;
vertical-align: middle;
padding: 5px 10px
}
@media (max-width:900px) {
.loginForm-existing, .loginForm-external {
margin-left: 0
}
}
@media (max-width: 700px) {
.loginForm-column-1, .loginForm-column-2 {
float: none;
width: 100%
}
.loginForm fieldset {
padding: 10px;
border: 0;
background: #f8f9f9
}
.loginForm-row {
margin-left: -10px
}
.loginForm-field {
float: left;
width: 100%;
padding-left: 10px
}
.loginForm-field-2 {
width: 50%
}
}
@media (max-width: 450px) {
.loginForm-field, .loginForm-field-2 {
float: none;
width: 100%
}
}
.order-summary {
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2;
-moz-column-gap: 40px;
-webkit-column-gap: 40px;
column-gap: 40px
}
.order-summary-item {
-webkit-column-break-inside: avoid;
-moz-column-break-inside: avoid;
-ms-column-break-inside: avoid;
-o-column-break-inside: avoid;
-webkit-break-inside: avoid;
break-inside: avoid;
padding-bottom: 20px
}
.order-summary-item h3 {
margin-bottom: 5px
}
.order-summary-item-data {
font-size: 14px
}
.order-summary-item-data+.order-summary-item-data {
margin-top: 10px
}
@media (max-width: 700px) {
.order-summary {
-moz-column-count: 1;
-webkit-column-count: 1;
column-count: 1
}
}
.order-productList {
margin-bottom: 20px
}
.order-productList-table {
width: 100%;
border-bottom: 1px solid #ebedee
}
.order-productList-table th {
padding-bottom: 5px;
color: #5a6870;
font-weight: 400;
font-size: 20px
}
.order-productList-table td {
border-top: 1px solid #ebedee;
transition: 0.25s
}
.order-productList-gift-row td {
border-top: none
}
.order-productList-table th, .order-productList-table td {
padding-left: 10px;
padding-right: 10px
}
.order-productList-table td {
padding-top: 10px;
padding-bottom: 10px
}
.order-productList-row-thumb {
min-width: 80px;
text-align: center;
padding-right: 10px
}
.order-productList-row-thumb i {
display: block;
margin: -5px;
padding: 5px;
width: 90px;
height: 90px;
background: #fff;
line-height: 80px;
vertical-align: middle
}
.order-productList-row-thumb img {
max-width: 80px;
max-height: 80px;
margin: auto;
display: inline-block;
vertical-align: middle
}
.order-productList .order-productList-header-title {
text-align: left;
padding-left: 0
}
.order-productList-row-title {
width: 100%;
padding-left: 10px
}
.order-productList-header-quantity, .order-productList-header-price, .order-productList-header-subtotal, .order-productList-row-quantity, .order-productList-row-price, .order-productList-row-subtotal {
padding-left: 20px;
white-space: nowrap;
font-size: 18px
}
.order-productList-header-quantity, .order-productList-header-price, .order-productList-header-subtotal {
text-align: left
}
.order-productList-row-quantity, .order-productList-row-price, .order-productList-row-subtotal {
text-align: right
}
.order-productList-row-price b {
display: none
}
.order-productList .order-productList-header-subtotal {
padding-right: 0
}
.order-productList-row-delimiter {
border-bottom: 1px solid #ebedee
}
.order-productList-row-delimiter td {
padding-bottom: 10px
}
.order-productList-row:hover .order-productList-row-thumb, .order-productList-row:hover .order-productList-row-title, .order-productList-row:hover .order-productList-row-quantity, .order-productList-row:hover .order-productList-row-price, .order-productList-row:hover .order-productList-row-subtotal {
transition: 0.125s;
background: #f8f9f9
}
.order-productList-row-title a {
display: block;
text-decoration: none
}
.order-productList-row-name {
display: block;
font-size: 24px;
color: #5a6870;
transition: 0.25s
}
.order-productList-row-type {
display: block;
font-size: 14px;
font-weight: 700
}
.order-productList-row-quantity .input-textbox {
min-width: 100%;
text-align: right
}
.order-productList-row:hover .input-textbox {
background: #fff;
border-color: #fff
}
.order-productList-sums {
float: right
}
.order-productList-sums-label {
text-align: right;
padding: 10px 20px 0 0;
font-size: 14px
}
.order-productList-sums-value {
text-align: right;
padding: 10px 10px 0 0;
font-size: 18px;
width: 1px;
white-space: nowrap
}
.order-productList-sumsTotal td {
font-weight: 700
}
.order-productList-sums-vatNote {
text-align: right;
padding: 0px 10px 0 0;
font-size: 14px;
font-weight: normal !important
}
.order-productList-gift-row .order-productList-row-name {
color: #00b9ad;
text-transform: uppercase;
font-size: 18px;
display: inline
}
.order-productList-gift-row .order-productList-row-type {
font-size: 18px;
font-weight: 400;
display: inline
}
.order-productList-gift-row .order-productList-row-thumb i {
width: 60px;
height: 60px;
line-height: 50px;
margin-left: 25px
}
.order-productList-gift-row .order-productList-row-thumb img {
max-width: 50px;
max-height: 50px
}
@media (max-width: 700px) {
.order-productList-table th {
padding-bottom: 5px;
font-size: 14px
}
.order-productList-table th, .order-productList-table td {
padding-left: 5px;
padding-right: 5px
}
.order-productList-row-thumb {
min-width: 60px;
padding: 10px !important
}
.order-productList-row-thumb i {
width: 60px;
height: 60px;
line-height: 50px
}
.order-productList-row-thumb img {
max-width: 50px;
max-height: 50px
}
.order-productList-row-quantity, .order-productList-row-price, .order-productList-row-subtotal {
line-height: normal;
font-size: 14px
}
.order-productList-row-name {
font-size: 18px;
color: #5a6870;
transition: 0.25s
}
.order-productList-row-type {
font-size: 10px;
font-weight: 700
}
.order-productList-gift-row .order-productList-row-thumb i {
margin-left: -5px
}
.order-productList-gift-row .order-productList-row-name, .order-productList-gift-row .order-productList-row-type {
font-size: 16px
}
}
@media (max-width:550px) {
.order-productList-table, .order-productList-table tbody, .order-productList-table tr, .order-productList-table td {
display: block
}
.order-productList-table tr {
position: relative;
min-height: 70px
}
.order-productList-table td {
border: none
}
.order-productList-table tr {
border-top: 1px solid #ebedee
}
.order-productList-header {
display: none !important
}
.order-productList-row-thumb {
position: absolute;
left: 0;
top: 50%;
margin-top: -35px
}
.order-productList-row-title {
font-size: 12px;
float: left;
width: auto;
padding-bottom: 0 !important
}
.order-productList-row-title, .order-productList-row-quantity {
padding-left: 70px !important
}
.order-productList-row-title a {
margin: -10px;
padding: 10px
}
.order-productList-row-quantity {
float: left;
clear: both
}
.order-productList-row-quantity-static {
display: none !important
}
.order-productList-row-quantity .input-textbox {
min-width: 0
}
.order-productList-row-price {
float: right;
padding-bottom: 0 !important;
font-size: 10px;
line-height: 15px;
color: #9da6ab
}
.order-productList-row-quantity-static+.order-productList-row-price {
padding-top: 15px !important
}
.order-productList-row-price b {
display: inline;
font-weight: 400
}
.order-productList-row-subtotal {
float: right;
clear: right;
padding-top: 0 !important;
line-height: 25px;
font-size: 18px
}
.order-productList-row-name, .order-productList-row-type {
display: inline-block
}
.order-productList-row:hover .order-productList-row-thumb, .order-productList-row:hover .order-productList-row-title, .order-productList-row:hover .order-productList-row-quantity, .order-productList-row:hover .order-productList-row-price, .order-productList-row:hover .order-productList-row-subtotal {
transition: 0.125s;
background: transparent
}
.order-productList-row {
transition: 0.25s
}
.order-productList-row:hover {
transition: 0.125s;
background: #f8f9f9
}
.order-productList-sums-label {
font-size: 14px
}
.order-productList-sums-value {
font-size: 18px
}
.order-productList-table tr.order-productList-gift-row {
border-top: none
}
.order-productList-gift-row .order-productList-row-name, .order-productList-gift-row .order-productList-row-type {
font-size: 12px
}
.order-productList-gift-row .order-productList-row-quantity {
padding-top: 5px;
padding-bottom: 5px
}
.order-productList-gift-row .order-productList-row-price {
padding-top: 5px !important;
padding-bottom: 5px;
line-height: 30px;
font-size: 18px;
color: #5a6870
}
.order-productList-gift-row .order-productList-row-subtotal {
display: none
}
}
.pageBody>.shop-discountCodeInput {
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px
}
@media (max-width: 700px) {
.pageBody>.shop-discountCodeInput {
padding-left: 10px;
padding-right: 10px
}
}
@media print {
.pageBody>.shop-discountCodeInput {
width: 980px;
padding-left: 0;
padding-right: 0
}
}
.shop-discountCodeInput-inner {
padding: 20px;
background: #f8f9f9
}
.shop-discountCodeInput-inputLine {
display: table;
width: 100%
}
.shop-discountCodeInput-inputLine-inputs {
display: table-cell;
width: 100%;
vertical-align: middle
}
.shop-discountCodeInput-inputLine-inputs-inner {
display: table;
width: 100%
}
.shop-discountCodeInput-inputLine-label {
display: table-cell;
width: 1px;
vertical-align: middle;
white-space: nowrap;
font-size: 24px;
padding-right: 10px
}
.shop-discountCodeInput-inputLine-input {
display: table-cell;
width: 100%;
vertical-align: middle
}
.shop-discountCodeInput-inputLine-input input {
width: 100%
}
.shop-discountCodeInput-inputLine-button {
display: table-cell;
width: 1px;
vertical-align: middle;
white-space: nowrap;
padding-left: 10px
}
.shop-discountcodeInput-usedCodes {
padding-bottom: 10px
}
.shop-discountCodeInput-usedCodes-label {
display: inline-block;
margin-right: 5px;
font-size: 14px
}
.shop-discountCodeInput-usedCodes-list {
display: inline;
font-size: 24px
}
.shop-discountcodeInput-clear {
display: inline-block;
vertical-align: baseline;
margin: -15px -5px -7px 5px;
width: 30px;
height: 30px
}
.shop-discountcodeInput-clear:before {
display: block;
content: "";
width: 20px;
height: 2px;
background: #9da6ab;
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
margin: 14px -25px -16px 5px;
transition: 0.25s
}
.shop-discountcodeInput-clear:after {
display: block;
content: "";
width: 20px;
height: 2px;
background: #9da6ab;
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
margin: 14px -25px -16px 5px;
transition: 0.25s
}
.shop-discountcodeInput-clear:hover:before, .shop-discountcodeInput-clear:hover:after {
background: #00b9ad;
transition: 0.125s
}
@media (max-width: 700px) {
.shop-discountCodeInput-inner {
padding: 10px
}
.shop-discountCodeInput-inputLine {
display: block;
white-space: normal
}
.shop-discountCodeInput-inputLine-label {
display: block;
width: auto;
padding-right: 0;
padding-bottom: 5px;
font-size: 20px
}
.shop-discountCodeInput-inputLine-inputs {
display: block
}
.shop-discountCodeInput-usedCodes-list {
font-size: 20px
}
}
.shop-discountCodeInput .alert-error {
margin-bottom: 0;
margin-top: 10px
}
.sdaCategory {
height: 80%;
height: 80vh;
position: relative
}
.sdaCategory-categories {
min-height: 1px;
overflow: hidden;
-ms-touch-action: pan-y pinch-zoom;
touch-action: pan-y pinch-zoom;
position: relative;
border-bottom: 5px solid #00b9ad;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 241px
}
.sdaCategory-categories-inner1 {
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px
}
@media (max-width: 700px) {
.sdaCategory-categories-inner1 {
padding-left: 10px;
padding-right: 10px
}
}
@media print {
.sdaCategory-categories-inner1 {
width: 980px;
padding-left: 0;
padding-right: 0
}
}
.sdaCategory-categories-inner2 {
margin-left: -10px
}
.sdaCategory-categories-indicator {
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
margin-top: -20px
}
@media (max-width: 700px) {
.sdaCategory-categories-indicator {
padding-left: 10px;
padding-right: 10px
}
}
@media print {
.sdaCategory-categories-indicator {
width: 980px;
padding-left: 0;
padding-right: 0
}
}
.sdaCategory-categories.sliderInitialized .sdaCategory-categories-inner2 {
position: relative
}
.sdaCategory-categories.sliderInitialized .sdaCategory-categories-container {
position: absolute
}
.sdaCategory-categories.sliderInitialized .sdaCategory-categories-inner2, .sdaCategory-categories-item {
height: 241px
}
.sdaCategory-categories-item {
width: 245px;
float: left;
text-align: center;
padding-left: 10px;
padding-top: 20px
}
.sdaCategory-categories-item a {
display: block;
text-align: center;
text-decoration: none
}
.sdaCategory-categories-item-image img {
display: block;
width: 235px;
height: 181px
}
.sdaCategory-categories-item-title {
display: block;
font-size: 16px;
color: #9da6ab;
font-weight: 700;
padding-top: 10px;
transition: 0.25s;
line-height: 20px;
width: 100%;
height: 40px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
.sdaCategory-categories-item a:hover .sdaCategory-categories-item-title {
color: #00b9ad;
transition: 0.125s
}
.sdaCategory-categories-item.selected .sdaCategory-categories-item-title {
color: #fff;
background: #00b9ad;
font-size: 18px;
padding: 10px 5px 10px 5px
}
.sdaCategory-categories-item.selected a:hover .sdaCategory-categories-item-title {
color: #fff;
background: #5a6870;
transition: 0.125s
}
.sdaCategory-bottomBar {
position: absolute;
left: 0;
width: 100%;
bottom: 0;
background: #5a6870;
height: 80px
}
.sdaCategory-bottomBar-inner {
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px
}
@media (max-width: 700px) {
.sdaCategory-bottomBar-inner {
padding-left: 10px;
padding-right: 10px
}
}
@media print {
.sdaCategory-bottomBar-inner {
width: 980px;
padding-left: 0;
padding-right: 0
}
}
.sdaCategory-bottomBar-linkButton {
display: block;
float: left;
padding: 16px 0
}
.sdaCategory-bottomBar-linkButton a {
display: table;
height: 44px;
text-decoration: none;
border-spacing: 2px
}
.sdaCategory-bottomBar-linkButton-icon {
display: table-cell;
width: 44px;
height: 44px;
border: 2px solid #fff;
background: #00b9ad;
vertical-align: middle
}
.sdaCategory-bottomBar-linkButton-icon img {
display: block;
width: 40px;
height: 40px
}
.sdaCategory-bottomBar-linkButton-text {
display: table-cell;
border: 2px solid #fff;
padding: 0 5px;
vertical-align: middle;
color: #fff;
font-size: 17px;
font-weight: 700;
transition: 0.25s;
line-height: 1em
}
.sdaCategory-bottomBar-linkButton a:hover .sdaCategory-bottomBar-linkButton-text {
background: #00b9ad;
transition: 0.125s
}
.sdaCategory .fullscreenBanner {
position: absolute;
top: 241px;
bottom: 80px;
height: auto;
margin: 0;
max-width: none
}
.sdaCategory .fullscreenBanner-videoPlaying {
top: 0;
bottom: 0
}
.sdaCategory .fullscreenBanner-container {
height: 100%
}
.sdaCategory .fullscreenBanner-image {
border-bottom: none
}
.sdaCategory .fullscreenBanner-container1-bottomEdge {
bottom: 0
}
.sdaCategory .fullscreenBanner-texts {
min-height: 0;
padding: 20px
}
.sdaCategory .fullscreenBanner-texts-title {
font-size: 36px
}
.sdaCategory-banner-arrow {
position: absolute;
top: 50%;
margin-top: -40px;
padding: 10px 20px;
z-index: 6;
cursor: pointer
}
.sdaCategory-banner-arrow img {
width: 30px;
height: 60px
}
.sdaCategory-banner-arrow-prev {
left: 0
}
.sdaCategory-banner-arrow-next {
right: 0
}
@media (max-width: 900px) {
.sdaCategory-bottomBar-linkButton-text {
font-size: 15px
}
}
@media (max-width: 700px) {
.sdaCategory-categories, .sdaCategory-categories.sliderInitialized .sdaCategory-categories-inner2, .sdaCategory-categories-item {
height: 150px
}
.sdaCategory-categories-inner2 {
margin-left: -5px
}
.sdaCategory-categories-item {
width: 135px;
padding-left: 5px
}
.sdaCategory-categories-item-image img {
width: 130px;
height: 100px
}
.sdaCategory-categories-item-title {
font-size: 10px;
padding-top: 5px;
line-height: 15px;
height: 25px
}
.sdaCategory-categories-item.selected .sdaCategory-categories-item-title {
font-size: 10px;
padding: 5px
}
.sdaCategory-bottomBar {
top: 150px;
bottom: auto
}
.sdaCategory-bottomBar-linkButton-text {
font-size: 13px
}
.sdaCategory .fullscreenBanner {
position: absolute;
top: 230px;
bottom: 0
}
.sdaCategory .fullscreenBanner-videoPlaying {
top: 0;
bottom: 0
}
.sdaCategory-banner-arrow {
margin-top: -25px;
padding: 5px 10px
}
.sdaCategory-banner-arrow img {
width: 15px;
height: 30px
}
}
@media (max-width: 450px) {
.sdaCategory-bottomBar-linkButton-text {
font-size: 11px
}
}
.sdaCategory {
height: auto
}
.sdaCategory-categories {
position: static;
top: auto;
left: auto;
height: auto
}
.sdaCategory-bottomBar {
position: static;
left: auto;
bottom: auto;
height: auto
}
.sdaCategory .fullscreenBanner {
position: relative;
top: auto;
bottom: auto
}
.sdaCategory .fullscreenBanner-container {
padding-bottom: 56.25%
}
.productListing, .productDetails, .productCompare {
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px
}
@media (max-width: 700px) {
.productListing, .productDetails, .productCompare {
padding-left: 10px;
padding-right: 10px
}
}
@media print {
.productListing, .productDetails, .productCompare {
width: 980px;
padding-left: 0;
padding-right: 0
}
}
.productListing-item {
border-bottom: 1px solid #d8dbdd;
position: relative
}
.productListing-item-withImage {
min-height: 190px
}
.productListing-item-withImage .productListing-item-header, .productListing-item-withImage .productListing-item-summary {
padding-left: 170px
}
.rtl .productListing-item-withImage .productListing-item-header, .rtl .productListing-item-withImage .productListing-item-summary {
padding-left: 0;
padding-right: 170px
}
.productListing-item-archiveLink {
display: block;
margin: 20px 0;
text-decoration: none
}
.productListing-item-archiveLink:hover {
text-decoration: underline
}
.productListing-item-mainLink {
display: block;
text-decoration: none;
position: absolute;
left: 0;
top: 10px;
width: 100%;
bottom: 10px;
z-index: 5;
background-color: rgba(255, 255, 255, 0)
}
.productListing-item-content {
padding: 20px 0
}
.productListing-item-image {
position: absolute;
top: 20px;
bottom: 20px;
left: 0;
width: 150px
}
.rtl .productListing-item-image {
left: auto;
right: 0
}
.productListing-item-image-inner1 {
display: table;
width: 100%;
height: 100%
}
.productListing-item-image-inner2 {
display: table-cell;
width: 100%;
height: 100%;
vertical-align: middle
}
.productListing-item-image img {
width: 100%;
max-width: 150px;
max-height: 100%;
margin: auto;
transition: 0.25s
}
.productListing-item-mainLink:hover+.productListing-item-content .productListing-item-image img, .productListing-item-image-slider-item a:hover img {
opacity: .85;
transition: 0.125s
}
.productListing-item-image-slider-container {
position: relative;
width: 160px;
height: 150px;
overflow: hidden;
margin-left: -10px
}
.productListing-item-image-slider-item {
position: absolute;
left: 0;
top: 0;
width: 160px;
height: 100%;
z-index: 10;
padding-left: 10px
}
.rtl .productListing-item-image-slider-item {
left: auto;
right: 0
}
.sliderNotInitialized .productListing-item-image-slider-item+.productListing-item-image-slider-item {
display: none
}
.productListing-item-header {
display: block;
margin-left: -20px
}
.rtl .productListing-item-header {
margin-left: 0;
margin-right: -20px
}
.productListing-item-titles {
display: block;
float: left;
padding-left: 20px;
line-height: 115%
}
.rtl .productListing-item-titles {
float: right;
padding-left: 0;
padding-right: 20px
}
.productListing-item-title {
display: block;
font-size: 21px;
color: #9da6ab;
transition: 0.25s;
line-height: 115%;
font-weight: 700
}
.productListing-item-title span {
display: inline-block;
d: 0;
margin-right: 15px
}
.productListing-item-title i {
font-style: normal;
font-weight: 400;
color: #ec008c
}
.productListing-item-type {
display: block;
font-size: 13px;
font-weight: 400;
line-height: 115%;
color: #9da6ab;
margin-top: 5px
}
.productListing-item-mainLink:hover+.productListing-item-content .productListing-item-title, .productListing-item-content:hover .productListing-item-title {
color: #00b9ad;
transition: 0.125s
}
.productListing-item-price {
display: block;
float: right;
padding-left: 20px;
text-align: right;
line-height: 115%;
display: flex;
flex-direction: column;
}
.rtl .productListing-item-price {
float: left;
padding-left: 0;
padding-right: 20px;
text-align: left
}
.productListing-item-price small {
display: block;
text-decoration: line-through;
font-size: 16px;
font-weight: 400;
line-height: 115%
}
.productListing-item-price b {
display: inline-block;
font-size: 22px;
line-height: 115%;
color: #00b9ad;
font-weight: 400
}
.productListing-item-delivery {
display: block;
font-size: 12px;
line-height: 115%
}
.productListing-item-price-setNote {
display: block;
font-size: 12px;
line-height: 115%
}
.productListing-item-price-setData {
font-weight: 700;
color: #9da6ab;
line-height: 115%
}
.productListing-item-price-setData img {
max-width: 1.2em;
max-height: 1.2em;
display: inline-block;
vertical-align: middle
}
.productListing-item-summary {
display: block;
clear: both;
font-size: 12px;
padding-top: 10px;
line-height: 1.25em
}
.productListing-item-summary span {
overflow: hidden;
color: #9da6ab
}
.productListing-item-summary span+span:before {
content: "/";
display: inline-block;
margin: 0;
vertical-align: baseline;
color: #9da6ab
}
.productListing-item-summary b {
color: #5a6870
}
.productListing-item-availableColor i {
display: inline-block;
border: 1px solid #d8dbdd;
vertical-align: text-bottom;
margin-right: -1px;
margin-top: -1px
}
.rtl .productListing-item-availableColor i {
margin-right: 0;
margin-left: -1px
}
.productListing-item-availableColor i:last-child {
margin-right: 0 !important;
margin-left: 0 !important
}
.productListing-item-availableColor img {
display: block;
width: 20px;
height: 20px
}
.productListing-item-availableColor a {
position: relative;
z-index: 9;
padding: 1px;
margin: -1px;
display: block
}
.productListing-item-availableColor a img {
transition: 0.25s
}
.productListing-item-availableColor a:hover img {
opacity: .75;
transition: 0.125s
}
.productListing-item-availableColor b {
display: block
}
.productListing-item-availableColor-highlight-discount b::before {
display: block;
content: "-%";
position: absolute;
z-index: 11;
top: -2px;
right: 2px;
font-weight: 700;
font-style: normal;
font-size: 10px;
color: #fff;
text-decoration: none;
-webkit-text-shadow: .5px .5px 1px #000, .5px -.5px 1px #000, -.5px .5px 1px #000, -.5px -.5px 1px #000;
text-shadow: .5px .5px 1px #000, .5px -.5px 1px #000, -.5px .5px 1px #000, -.5px -.5px 1px #000;
letter-spacing: -0.5px
}
.productListing-item-availableColor-highlight-tagline b::before {
display: block;
content: "*";
position: absolute;
z-index: 11;
top: 1px;
right: 2px;
font-weight: 700;
font-style: normal;
font-size: 18px;
color: #fff;
text-decoration: none;
-webkit-text-shadow: .5px .5px 1px #000, .5px -.5px 1px #000, -.5px .5px 1px #000, -.5px -.5px 1px #000;
text-shadow: .5px .5px 1px #000, .5px -.5px 1px #000, -.5px .5px 1px #000, -.5px -.5px 1px #000
}
.productListing-item-badges {
float: left;
margin-top: -10px
}
.rtl .productListing-item-badges {
float: right
}
.productListing-item-withImage .productListing-item-badges {
padding-left: 160px
}
.rtl .productListing-item-withImage .productListing-item-badges {
padding-left: 0;
padding-right: 160px
}
.productListing-item-badge {
float: left;
padding: 10px
}
.rtl .productListing-item-badge {
float: right
}
.productListing-item-badge a {
display: block;
height: 60px;
position: relative;
padding: 10px;
margin: -10px;
z-index: 10
}
.productListing-item-badge img {
max-height: 40px;
max-width: 200px;
transition: 0.25s
}
.productListing-item-badge a:hover img {
opacity: .65;
transition: 0.125s
}
.productListing-item-commands {
float: right;
display: block;
text-align: right;
margin-right: -10px;
margin-top: -20px
}
.rtl .productListing-item-commands {
float: left;
text-align: left;
margin-right: 0;
margin-left: -10px
}
.productListing-item-command {
display: inline-block;
vertical-align: top;
padding-right: 10px;
height: 75px;
cursor: pointer;
position: relative;
z-index: 10
}
.rtl .productListing-item-command {
padding-right: 0;
padding-left: 10px
}
.productListing-item-command label {
display: inline-block;
height: 75px;
font-size: 12px;
line-height: 14px;
text-align: right;
padding-right: 50px;
margin-right: -40px;
padding-bottom: 20px;
padding-left: 20px;
vertical-align: top;
transition: 0.25s
}
.rtl .productListing-item-command label {
text-align: left;
padding-right: 20px;
margin-right: 0;
margin-left: -40px;
padding-left: 50px
}
.productListing-item-command label:hover {
color: #00b9ad;
transition: 0.125s
}
.productListing-item-commandLabel-1line {
padding-top: 32px
}
.productListing-item-commandLabel-2line {
padding-top: 26px
}
.productListing-item-command .input-checkbox {
float: none;
display: inline-block;
vertical-align: top;
margin-top: 20px;
margin-bottom: 0
}
@media (max-width: 700px) {
.productListing-item-command {
height: 65px
}
.productListing-item-command label {
font-size: 10px;
height: 65px;
line-height: 12px;
padding-right: 45px;
margin-right: -35px
}
.rtl .productListing-item-command label {
padding-left: 45px;
margin-left: -35px
}
.productListing-item-commandLabel-1line {
padding-top: 23px
}
.productListing-item-commandLabel-2line {
padding-top: 18px
}
.productListing-item-command .input-checkbox {
margin-top: 10px
}
}
@media (max-width: 700px) {
.productListing-item-withImage {
min-height: 0
}
.productListing-item-withImage .productListing-item-header, .productListing-item-withImage .productListing-item-summary, .productListing-item-withImage .productListing-item-commands {
padding-left: 0 !important;
padding-right: 0 !important
}
.productListing-item-header {
margin-left: 0;
margin-right: 0
}
.productListing-item-image {
position: static;
top: auto;
bottom: auto;
left: auto;
width: 150px;
float: left;
margin-right: 10px;
padding-bottom: 10px
}
.rtl .productListing-item-image {
float: right;
margin-right: 0;
margin-left: 10px
}
.productListing-item-image-inner1 {
display: block;
width: 100%;
height: auto
}
.productListing-item-image-inner2 {
display: block;
width: 100%;
height: auto;
vertical-align: middle
}
.productListing-item-image img {
max-width: 100%;
max-height: 100%;
margin: auto;
transition: 0.25s
}
.productListing-item-titles, .productListing-item-price {
display: table;
float: none !important;
padding-left: 0 !important;
padding-right: 0 !important;
text-align: left
}
.rtl .productListing-item-titles, .rtl .productListing-item-price {
text-align: right
}
.productListing-item-title, .productListing-item-type, .productListing-item-price small, .productListing-item-price b, .productListing-item-delivery {
display: inline-block;
vertical-align: baseline
}
.productListing-item-price {
margin-top: 10px
}
.productListing-item-price b {
font-size: 18px;
font-weight: 700
}
.productListing-item-delivery {
font-size: 11px
}
.productListing-item-summary {
clear: none;
font-size: 11px
}
.productListing-item-mainLink {
padding-bottom: 0
}
.productListing-item-mainLink:after {
content: "";
display: block;
clear: both
}
.productListing-item-withImage .productListing-item-badges {
padding-left: 0;
margin-left: -10px
}
.rtl .productListing-item-withImage .productListing-item-badges {
padding-right: 0;
margin-left: 0;
margin-right: -10px
}
}
@media (max-width: 450px) {
.productListing-item-image {
width: 120px
}
.productListing-item-image-slider-container, .productListing-item-image-slider-item {
width: 130px;
height: 120px
}
.productListing-item-delivery {
font-size: 10px
}
.productListing-item-withImage .productListing-item-badges {
padding-left: 0;
margin-left: -5px
}
.rtl .productListing-item-withImage .productListing-item-badges {
padding-left: 0;
padding-right: 0;
margin-left: 0;
margin-right: -5px
}
.productListing-item-badge {
padding: 5px
}
.productListing-item-badge a {
height: 50px
}
.productListing-item-badge img {
max-height: 30px;
max-width: 150px
}
}
.productListing-item-price-quick, .productListing-item-summary-quick {
display: none
}
.productListing-item-price b.productListing-item-price-quick-same {
color: #9da6ab
}
.productListing-item-price b.productListing-item-price-quick-less {
color: #090
}
.productListing-item-price b.productListing-item-price-quick-more {
color: red
}
.productListing-item-summary span.added, .productListing-item-summary span.better, .productListing-item-summary span.added b, .productListing-item-summary span.better b, .productListing-quickCompareLegend-statuses-added, .productListing-quickCompareLegend-statuses-better, .productListing-compareBar-quick-legend-added, .productListing-compareBar-quick-legend-better {
color: #090
}
.productListing-item-summary span.missing, .productListing-item-summary span.worse, .productListing-item-summary span.missing b, .productListing-item-summary span.worse b, .productListing-quickCompareLegend-statuses-missing, .productListing-quickCompareLegend-statuses-worse, .productListing-compareBar-quick-legend-missing, .productListing-compareBar-quick-legend-worse {
color: red
}
.productListing-item-summary span.incomparible, .productListing-item-summary span.incomparible b, .productListing-quickCompareLegend-statuses-incomparible, .productListing-compareBar-quick-legend-incomparible {
color: #c60;
font-weight: 700
}
.input-checkbox.productListing-quickCompare-checkbox input+b::before {
background-color: #d8dbdd;
border: 4px solid #d8dbdd;
background-repeat: no-repeat;
background-position: center;
-moz-background-size: 30px 30px;
-webkit-background-size: 30px 30px;
-o-background-size: 30px 30px;
background-size: 30px 30px;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAOtJREFUeNrsmtEJwzAMBTNCR8oIGcGbZaSOpLo0hVLyFyt+4t1B/0L9DkKQZC0LAAAAlCAiVptM/Y/3+NCEZNuRac+SDRXpH9kYKv1+ZeKcJiT7Zc0+oAnJtpoHKWWYKT3t7BkHT3+77gwg8/24I4jSxzI9kJxsZjBZ2YyA8rIjg5aRHVHy9We2UrJXi/r+3KP/nqVkr7Ztf9I1ZK825of0xrgFAAAAKDzsS0ur5sGqPbQaAFiNeKyGeFZjWqtBvNVVi9VlmtV1qdWFuNXKg91Si2pRn7a2pNy2pS2mKTfmiuuQAAAAcM5LgAEAsxwkWN/7WUcAAAAASUVORK5CYII=)
}
.input-checkbox.productListing-quickCompare-checkbox input+b::after {
display: none
}
.input-checkbox.productListing-quickCompare-checkbox input:checked+b::before {
background-color: #5a6870;
border-color: #5a6870
}
.productListing-compareBar {
display: none;
position: fixed;
left: 0;
right: 0;
bottom: 0;
min-width: 320px;
z-index: 9999
}
.productListing-compareBar-inner {
margin-top: -1px;
background-color: #f8f9f9;
border-top: 1px solid #d8dbdd
}
.productListing-compareBar-inner2 {
padding: 0px 20px 0 20px;
max-width: 1250px;
margin: 0 auto
}
.productListing-compareBar-inner3 {
margin-left: -40px;
padding-bottom: 15px;
overflow: hidden;
min-width: 100%;
min-height: 0
}
.rtl .productListing-compareBar-inner3 {
margin-left: 0;
margin-right: -40px
}
.productListing-compareBar-2col .productListing-compareBar-quick, .productListing-compareBar-2col .productListing-compareBar-selection {
float: left;
width: 50%
}
.rtl .productListing-compareBar-2col .productListing-compareBar-quick, .rtl .productListing-compareBar-2col .productListing-compareBar-selection {
float: right
}
.productListing-compareBar-quick {
display: none;
padding-left: 40px
}
.productListing-compareBar-selection {
padding-left: 40px
}
.rtl .productListing-compareBar-quick, .rtl .productListing-compareBar-selection {
padding-left: 0;
padding-right: 40px
}
.productListing-compareBar-barLabel {
color: #5a6870;
text-transform: uppercase;
font-size: 12px;
margin-top: 10px;
line-height: 115%
}
.productListing-compareBar-quick-legend {
color: #9da6ab;
font-size: 10px;
margin: 10px 0;
line-height: 115%
}
.productListing-compareBar-quick-legend b {
font-size: 13px
}
.productListing-compareBar-quick-legend span {
display: inline-block
}
.productListing-compareBar-quick-selection {
margin: 10px 0;
font-size: 10px
}
.productListing-compareBar-quick-selection a {
display: table;
width: 100%;
text-decoration: none
}
.productListing-compareBar-quick-selection-image {
display: table-cell;
vertical-align: middle;
padding-right: 10px
}
.rtl .productListing-compareBar-quick-selection-image {
padding-right: 0;
padding-left: 10px
}
.productListing-compareBar-quick-selection-image img {
width: 55px;
min-width: 55px;
height: 55px;
margin: 0;
transition: 0.25s
}
.productListing-compareBar-quick-selection-data {
display: table-cell;
width: 100%;
vertical-align: middle;
line-height: 115%
}
.productListing-compareBar-quick-selection-title {
display: inline-block;
font-size: 16px;
transition: 0.25s;
line-height: 115%
}
.productListing-compareBar-quick-selection-type {
font-weight: 700;
line-height: 115%
}
.productListing-compareBar-quick-selection-price {
display: inline-block;
font-size: 16px;
line-height: 115%
}
.productListing-compareBar-quick-selection-desc {
display: block;
margin-top: 2px;
line-height: 115%;
color: #9da6ab
}
.productListing-compareBar-quick-selection-desc .productListing-item-availableColor img {
width: 10px;
height: 10px
}
.productListing-compareBar-quick-selection-desc span+span:before {
display: inline;
content: "/ "
}
.productListing-compareBar-quick-selection-desc span b {
color: #5a6870
}
.productListing-compareBar-quick-selection a:hover .productListing-compareBar-quick-selection-image img {
opacity: .85;
transition: 0.125s
}
.productListing-compareBar-quick-selection a:hover .productListing-compareBar-quick-selection-title {
color: #00b9ad;
transition: 0.125s
}
.productListing-compareBar-selection-items {
margin: 0 -10px
}
.productListing-compareBar-selection-item {
float: left;
padding: 5px 10px
}
.rtl .productListing-compareBar-selection-item {
float: right
}
.productListing-compareBar-selection-item b {
font-weight: 400;
font-size: 16px;
line-height: 20px;
display: inline-block;
vertical-align: top;
padding: 5px;
margin: 0 -5px;
transition: 0.25s;
cursor: pointer
}
.productListing-compareBar-selection-item b:hover {
color: #00b9ad;
transition: 0.125s
}
.productListing-compareBar-selection-item i {
display: inline-block;
width: 30px;
height: 30px;
cursor: pointer;
background: #fff;
vertical-align: top;
margin-left: 5px
}
.rtl .productListing-compareBar-selection-item i {
margin-left: 0;
margin-right: 5px
}
.productListing-compareBar-selection-item i:before {
display: block;
content: "";
width: 20px;
height: 2px;
background: #5a6870;
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
margin: 14px 5px -16px 5px;
transition: 0.25s
}
.productListing-compareBar-selection-item i:after {
display: block;
content: "";
width: 20px;
height: 2px;
background: #5a6870;
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
margin: 14px 5px -16px 5px;
transition: 0.25s
}
.productListing-compareBar-selection-item i:hover:before, .productListing-compareBar-selection-item i:hover:after {
background: #00b9ad;
transition: 0.125s
}
.productListing-compareBar-selection-submit {
float: left;
padding: 5px 10px
}
.rtl .productListing-compareBar-selection-submit {
float: right
}
.productListing-compareBar-selection-submit a {
display: block;
background: #5a6870;
color: #fff;
padding: 0 10px;
line-height: 30px;
height: 30px;
text-transform: uppercase;
font-size: 14px;
font-weight: 700;
text-decoration: none
}
.productListing-compareBar-selection-submit a:hover {
background: #00b9ad
}
@media (max-width: 900px) {
.productListing-compareBar-2col .productListing-compareBar-quick, .productListing-compareBar-2col .productListing-compareBar-selection {
float: none;
width: 100%
}
.productListing-compareBar-2col .productListing-compareBar-quick+.productListing-compareBar-selection {
margin-top: 20px
}
}
@media (max-width: 700px) {
.productListing-compareBar-inner2 {
padding: 0px 10px 0 10px
}
.productListing-compareBar-inner3 {
padding-bottom: 0
}
.productListing-compareBar-barLabel {
font-size: 10px
}
.productListing-compareBar-quick-legend, .productListing-compareBar-quick-selection {
margin: 5px 0
}
.productListing-compareBar-quick-selection-image {
display: none
}
.productListing-compareBar-selection-items {
margin: 0 -5px;
padding-bottom: 5px
}
.productListing-compareBar-selection-item, .productListing-compareBar-selection-submit {
padding: 5px 5px
}
.productListing-compareBar-selection-item b {
font-size: 10px;
line-height: 14px
}
.productListing-compareBar-selection-item i {
width: 24px;
height: 24px
}
.productListing-compareBar-selection-item i:before, .productListing-compareBar-selection-item i:after {
margin: 11px 2px -13px 2px
}
.productListing-compareBar-selection-submit a {
font-size: 10px;
line-height: 24px;
height: 24px
}
}
@media (max-width: 450px) {
.productListing-compareBar-quick-legend {
font-size: 8px
}
.productListing-compareBar-quick-legend b {
font-size: 10px
}
.productListing-compareBar-selection-item i {
display: none
}
}
.productDetails-head {
padding-top: 40px;
margin-left: -20px
}
.rtl .productDetails-head {
margin-left: 0;
margin-right: -20px
}
.productDetails-head-titles {
float: right;
width: 60%;
padding-left: 20px
}
.productDetails-head-titles #pageMap_desktop {
margin-top: 20px
}
.rtl .productDetails-head-titles {
float: left;
padding-left: 0;
padding-right: 20px
}
.productDetails-head-title {
margin-bottom: 20px
}
.productDetails-head-title h1 {
display: inline-block;
position: relative;
margin: 0;
padding-bottom: 30px;
line-height: normal
}
.productDetails-head-title h1.no-desc {
padding-bottom: 0
}
.productDetails-head-title, .productDetails-head-title h1 {
font-size: 42px
}
@media (max-width: 900px) {
.productDetails-head-title, .productDetails-head-title h1 {
font-size: 38px
}
}
@media (max-width: 700px) {
.productDetails-head-title, .productDetails-head-title h1 {
font-size: 34px
}
}
@media (max-width: 450px) {
.productDetails-head-title, .productDetails-head-title h1 {
font-size: 30px
}
}
.productDetails-head-title-desc {
display: block;
position: absolute;
bottom: 0;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
max-width: 580px;
font-size: 25px;
font-weight: 400;
color: #9da6ab
}
.productDetails-head-title-tagline {
display: inline-block;
margin-top: 16px;
font-size: .6em;
font-weight: 400;
text-transform: uppercase;
color: #00b9ad
}
.productDetails-head-image {
float: left;
width: 40%;
padding-left: 20px;
margin-bottom: 20px
}
.rtl .productDetails-head-image {
float: right;
padding-left: 0;
padding-right: 20px
}
.productDetails-head-image-image {
display: block;
max-width: 100%;
max-height: 500px;
margin: 0 auto
}
.productDetails-head-share {
line-height: 36px;
padding-top: 20px;
min-height: 0;
overflow: hidden
}
.productDetails-head-share-inner {
d: 0;
margin-left: -21px;
d: 0;
margin-right: -20px
}
.productDetails-head-share-group {
display: inline-block;
d: 0;
padding-left: 20px;
d: 0;
padding-right: 20px;
d: 0;
border-left: 1px solid #d8dbdd
}
.productDetails-head-share-label {
font-size: 12px;
line-height: 14px;
display: inline-block;
vertical-align: middle;
height: 36px;
padding: 11px 0 0 0
}
.rtl .productDetails-head-share-label-1line, .rtl .productDetails-head-share-label-2line {
padding-right: 0;
padding-left: 3px
}
.productDetails-head-share-icon {
display: inline-block;
vertical-align: middle;
margin-left: 2px
}
.rtl .productDetails-head-share-icon {
margin-left: 0;
margin-right: 2px
}
.productDetails-head-share-icon a:hover {
opacity: .75
}
.productDetails-head-share-icon-save {
display: inline-block;
vertical-align: middle;
margin-left: 2px;
width: 22px;
height: 22px;
margin-left: 5px;
cursor: pointer
}
.productDetails-head-share-icon-save a:hover {
opacity: .75
}
.productDetails-head-summary {
float: right;
width: 60%;
padding-left: 20px;
font-size: 14px;
line-height: 22px;
margin-bottom: 20px
}
.productDetails-head-summary:after {
content: "";
display: block;
clear: both
}
.rtl .productDetails-head-summary {
float: left;
padding-left: 0;
padding-right: 20px
}
.productDetails-head-summary span {
overflow: hidden
}
.productDetails-head-summary span+span:before {
content: "/";
display: inline-block;
margin: 0;
vertical-align: baseline;
color: #9da6ab
}
.productDetails-availableColor i {
display: inline-block;
margin-top: 3px;
border: 1px solid #ebedee;
vertical-align: text-bottom
}
.productDetails-availableColor img {
display: block;
width: 15px;
height: 15px
}
.productDetails-item-badges {
float: right;
width: 60%;
padding-left: 10px;
margin-bottom: 20px
}
.rtl .productDetails-item-badges {
float: left;
padding-left: 0;
padding-right: 10px
}
.productDetails-item-badge {
float: left;
padding: 10px
}
.rtl .productDetails-item-badge {
float: right
}
.productDetails-item-badge a {
display: block;
height: 40px
}
.productDetails-item-badge img {
max-height: 40px;
max-width: 200px;
transition: 0.25s
}
.productDetails-item-badge a:hover img {
opacity: .65;
transition: 0.125s
}
.productDetails-head-variations {
float: right;
width: 60%;
padding-left: 20px;
margin-bottom: 20px
}
.productDetails-head-variations:after {
content: "";
display: block;
clear: both
}
.rtl .productDetails-head-variations {
float: left;
padding-left: 0;
padding-right: 20px
}
.productDetails-head-variations-dropdown {
background: #ebedee;
width: 100%;
height: 70px;
overflow: hidden;
position: relative;
cursor: pointer
}
.productDetails-head-variations-dropdown-inner {
position: relative;
z-index: 5;
width: 100%;
height: 100%;
transition: 0.25s;
border: 2px solid transparent
}
.productDetails-head-variations-dropdown-product {
display: table;
position: absolute;
left: 5px;
top: 50%;
height: 60px;
max-width: 100%;
margin-top: -30px;
z-index: 2
}
.rtl .productDetails-head-variations-dropdown-product {
left: auto;
right: 5px
}
.productDetails-head-variations-dropdown-image {
display: table-cell;
width: 60px;
height: 60px;
vertical-align: middle;
background: #fff
}
.productDetails-head-variations-dropdown-image img {
max-width: 50px;
max-height: 50px;
margin: auto;
transition: 0.25s
}
.productDetails-head-variations-dropdown-texts {
display: table-cell;
padding: 0 40px 0 10px;
vertical-align: middle;
font-size: 16px;
line-height: 100%
}
.rtl .productDetails-head-variations-dropdown-texts {
padding: 0 10px 0 40px
}
.productDetails-head-variations-dropdown-texts b {
display: block;
margin-bottom: 3px;
font-weight: 700
}
.productDetails-head-variations-dropdown-texts i {
display: block;
color: #9da6ab;
font-style: normal;
font-size: 12px
}
.productDetails-head-variations-dropdown-collapse {
display: none;
position: absolute;
left: 10px;
top: 50%;
white-space: nowrap;
max-width: 100%;
font-size: 12px;
line-height: 14px;
margin-top: -7px;
z-index: 3
}
.rtl .productDetails-head-variations-dropdown-collapse {
left: auto;
right: 10px
}
.productDetails-head-variations-dropdown-arrow {
position: absolute;
top: 50%;
right: 10px;
margin-top: -55px
}
.rtl .productDetails-head-variations-dropdown-arrow {
right: auto;
left: 10px
}
.productDetails-head-variations-dropdown-arrow img {
display: block;
width: 20px;
height: 65px
}
.productDetails-head-variations-dropdown-inner:hover {
border-color: #00b9ad;
transition: 0.125s
}
.productDetails-head-variations-list {
display: none;
min-height: 0;
width: 100%;
overflow: hidden
}
.productDetails-head-variations-list-inner {
margin-left: -10px;
padding-top: 10px
}
.rtl .productDetails-head-variations-list-inner {
margin-left: 0;
margin-right: -10px
}
.productDetails-head-variations-item {
float: left;
height: 60px;
padding-left: 10px
}
.rtl .productDetails-head-variations-item {
float: right;
padding-left: 0;
padding-right: 10px
}
.productDetails-head-variations-item a {
display: table;
text-decoration: none;
border: 2px solid transparent
}
.productDetails-head-variations-item-selected a {
border-color: #00b9ad
}
.productDetails-head-variations-item i {
height: 56px;
display: table-cell;
padding: 3px;
background: #fff;
vertical-align: middle
}
.productDetails-head-variations-item i img {
max-width: 50px;
max-height: 50px;
margin: auto;
transition: 0.25s
}
.productDetails-head-variations-item-texts {
display: table-cell;
vertical-align: middle;
padding: 0 5px
}
.productDetails-head-variations-item-price {
display: table-cell;
vertical-align: middle;
padding-right: 5px;
font-size: 16px;
font-weight: 400
}
.rtl .productDetails-head-variations-item-price {
padding-right: 5px
}
.productDetails-head-variations-item-texts span {
display: block;
font-size: 12px;
line-height: 12px;
margin-bottom: 2px
}
.productDetails-head-variations-item b {
display: block;
font-size: 12px;
line-height: 12px;
color: #9da6ab;
font-weight: 400;
transition: 0.25s
}
.productDetails-head-variations-item a:hover i img {
opacity: .75;
transition: 0.125s
}
.productDetails-head-variations-item a:hover b {
color: #00b9ad;
transition: 0.125s
}
@media (max-width: 900px) {
.productDetails-head-variations-dropdown-texts {
font-size: 14px
}
}
@media (max-width: 700px) {
.productDetails-head-variations-dropdown-texts {
font-size: 16px
}
}
@media (max-width: 450px) {
.productDetails-head-variations-dropdown-texts {
font-size: 12px
}
.productDetails-head-variations-item {
height: 48px;
padding-left: 5px
}
.rtl .productDetails-head-variations-item {
padding-left: 0;
padding-right: 5px
}
.productDetails-head-variations-item i {
height: 44px;
padding: 2px
}
.productDetails-head-variations-item i img {
max-width: 40px;
max-height: 40px
}
.productDetails-head-variations-item-texts {
padding-left: 3px
}
.rtl .productDetails-head-variations-item-texts {
padding-left: 0;
padding-right: 3px
}
.productDetails-head-variations-item-texts span {
font-size: 9px;
line-height: 10px;
margin-bottom: 3px
}
.productDetails-head-variations-item b {
font-size: 8px;
line-height: 8px
}
.productDetails-head-variations-item-price {
font-size: 10px
}
}
.productDetails-order {
float: right;
width: 60%;
padding-left: 20px
}
.productDetails-order:after {
content: "";
display: block;
clear: both
}
.rtl .productDetails-order {
float: left;
width: 60%;
padding-left: 0;
padding-right: 20px
}
.productDetails-order-selection {
margin-bottom: 20px
}
.productDetails-order-selection select {
width: 100%
}
.productDetails-order-actions {
margin-bottom: 20px;
padding-top: 2px
}
.productDetails-price {
font-size: 26px;
line-height: 120%;
font-weight: 400;
text-align: left;
white-space: nowrap;
color: #ec008c
}
.productDetails-price-beforeDiscount {
font-size: 12px;
text-decoration: line-through;
color: #5a6870;
line-height: 100%;
font-weight: 400;
margin-bottom: 5px
}
.productDetails-delivery {
font-size: 12px;
text-align: left;
margin-bottom: 20px;
line-height: 115%;
margin-top: 5px
}
.rtl .productDetails-price, .rtl .productDetails-delivery {
text-align: right
}
a.productDetails-order-submit {
display: inline-block;
vertical-align: top;
padding: 10px 40px;
color: #fff;
background: #00b9ad;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
text-decoration: none;
text-align: center;
margin-bottom: 20px;
line-height: 20px
}
a.productDetails-order-submit:hover {
background: #5a6870
}
a.productDetails-order-nostock {
display: inline-block;
vertical-align: top;
padding: 10px 40px;
border: 2px solid #00b9ad;
color: #00b9ad;
background: #fff;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
text-decoration: none;
text-align: center;
margin-bottom: 20px;
line-height: 20px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
a.productDetails-order-nostock:hover {
background: #00b9ad;
color: #fff
}
.productDetails-gift {
display: table;
margin-bottom: 20px
}
.productDetails-gift-check {
display: table-cell;
vertical-align: middle;
padding-right: 10px
}
.rtl .productDetails-gift-check {
padding-right: 0;
padding-left: 10px
}
.productDetails-gift-details {
display: table-cell;
vertical-align: middle
}
.productDetails-gift-details a {
display: block;
text-decoration: none
}
.productDetails-gift-title {
display: block;
font-size: 20px;
transition: 0.25s;
line-height: 115%
}
.productDetails-gift-title b {
color: #00b9ad;
font-weight: 400;
text-transform: uppercase
}
.productDetails-gift-grid {
display: table;
margin-top: 5px
}
.productDetails-gift-image, .productDetails-gift-imagePlus, .productDetails-gift-price {
display: table-cell;
vertical-align: middle
}
.productDetails-gift-image, .productDetails-gift-imagePlus {
padding-right: 5px
}
.rtl .productDetails-gift-image, .rtl .productDetails-gift-imagePlus {
padding-right: 0;
padding-left: 5px
}
.productDetails-gift-image a {
display: block;
margin: -10px;
padding: 10px;
position: relative;
z-index: 2
}
.productDetails-gift-image img {
max-width: 50px;
max-height: 50px;
transition: 0.25s
}
.productDetails-gift-imagePlus {
font-size: 26px;
line-height: 20px;
padding-bottom: 2px;
font-weight: 700
}
.productDetails-gift-price {
font-size: 26px;
line-height: 20px;
padding-bottom: 2px;
font-weight: 400;
color: #ec008c
}
.productDetails-gift-details a:hover .productDetails-gift-title {
color: #00b9ad;
transition: 0.125s
}
.productDetails-gift-details a:hover .productDetails-gift-image img, .productDetails-gift-image a:hover img {
opacity: .75;
transition: 0.125s
}
@media (max-width: 450px) {
.productDetails-gift-title {
font-size: 16px
}
.productDetails-gift-image, productDetails-gift-imagePlus {
padding-right: 2px
}
.rtl .productDetails-gift-image, .rtl productDetails-gift-imagePlus {
padding-right: 0;
padding-left: 2px
}
.productDetails-gift-image img {
max-width: 30px;
max-height: 30px
}
.productDetails-gift-imagePlus, .productDetails-gift-price {
font-size: 20px;
line-height: 16px
}
}
@media (min-width:320px), (max-width:320px) {
.productDetails-head-title-desc {
max-width: 300px
}
}
@media (min-width:370px) {
.productDetails-head-title-desc {
max-width: 350px
}
}
@media (min-width:410px) {
.productDetails-head-title-desc {
max-width: 390px
}
}
@media (min-width:450px) {
.productDetails-head-title-desc {
max-width: 430px
}
}
@media (min-width:480px) {
.productDetails-head-title-desc {
max-width: 460px
}
}
@media (min-width:540px) {
.productDetails-head-title-desc {
max-width: 520px
}
}
@media (min-width:600px) {
.productDetails-head-title-desc {
max-width: 580px
}
}
@media (min-width:640px) {
.productDetails-head-title-desc {
max-width: 620px
}
}
@media (width:700px) {
.productDetails-head-title-desc {
max-width: 680px
}
}
@media (min-width:701px) {
.productDetails-head-title-desc {
max-width: 388px
}
}
@media (min-width:720px) {
.productDetails-head-title-desc {
max-width: 400px
}
}
@media (min-width:750px) {
.productDetails-head-title-desc {
max-width: 418px
}
}
@media (min-width:765px) {
.productDetails-head-title-desc {
max-width: 427px
}
}
@media (min-width:800px) {
.productDetails-head-title-desc {
max-width: 448px
}
}
@media (min-width:900px) {
.productDetails-head-title-desc {
max-width: 508px
}
}
@media (min-width:960px) {
.productDetails-head-title-desc {
max-width: 544px
}
}
@media (min-width:980px) {
.productDetails-head-title-desc {
max-width: 556px
}
}
@media (min-width:1250px) {
.productDetails-head-title-desc {
max-width: 580px
}
}
@media (max-width: 700px) {
.productDetails-head-titles, .productDetails-head-image, .productDetails-head-summary, .productDetails-item-badges, .productDetails-head-variations, .productDetails-order {
float: none;
width: 100%
}
.productDetails-head-title {
margin-bottom: 13px
}
.productDetails-head-title h1 {
padding-bottom: 23px
}
.productDetails-head-title-desc {
font-size: 18px
}
.productDetails-head-image img {
max-height: 400px
}
.productDetails-head-title-tagline {
margin-top: 13px
}
}
@media (max-width: 450px) {
.productDetails-head-title {
margin-bottom: 11px
}
.productDetails-head-title h1 {
padding-bottom: 21px
}
.productDetails-head-title-desc {
font-size: 16px
}
.productDetails-head-image img {
max-height: 300px
}
.productDetails-head-title-tagline {
margin-top: 11px
}
.productDetails-item-badges {
padding-left: 15px
}
.rtl .productDetails-item-badges {
padding-left: 0;
padding-right: 15px
}
.productDetails-item-badge {
padding: 5px
}
.productDetails-item-badge img {
max-height: 30px;
max-width: 150px
}
}
.productDetails-whereToBuy {
display: block;
float: right;
width: 60%;
padding-left: 20px
}
.rtl .productDetails-whereToBuy {
float: left;
padding-left: 0;
padding-right: 20px
}
.productDetails-whereToBuy-inner {
padding: 0;
background: #f8f9f9;
display: none
}
.productDetails-whereToBuy-extShopLinks {
padding: 0 5px 10px 5px
}
.productDetails-whereToBuy-extShopLinks-title {
display: block;
padding: 10px 0 0 5px;
font-size: 14px;
color: #5a6870;
line-height: 115%
}
.rtl .productDetails-whereToBuy-extShopLinks-title {
padding: 10px 5px 0 0
}
.productDetails-whereToBuy-extShopLink {
display: inline-block;
padding: 5px 0 0 5px;
vertical-align: top
}
.productDetails-whereToBuy-extShopLinks-loading {
padding: 10px;
font-weight: 700
}
.rtl .productDetails-whereToBuy-extShopLink {
padding: 5px 5px 0 0
}
.productDetails-whereToBuy-extShopLink-block {
display: block;
clear: both
}
.productDetails-whereToBuy-extShopLink a {
display: block;
height: 40px;
line-height: 40px;
padding: 0;
text-decoration: none;
background: #fff
}
.productDetails-whereToBuy-extShopLink-block a {
height: auto
}
.productDetails-whereToBuy-extShopLink img {
max-width: 40px;
height: 40px;
float: left;
transition: 0.25s
}
.productDetails-whereToBuy-extShopLink-logoOnly img {
max-width: 100px
}
.rtl .productDetails-whereToBuy-extShopLink img {
float: right
}
.productDetails-whereToBuy-extShopLink b {
display: inline-block;
line-height: 20px;
padding: 10px;
font-weight: 400;
font-size: 20px
}
.productDetails-whereToBuy-extShopLink img b {
d: 0;
padding: 10px 10px 10px 3px
}
.productDetails-whereToBuy-extShopLink a:hover {
color: #00b9ad
}
.productDetails-whereToBuy-extShopLink a:hover img {
opacity: .65;
transition: 0.125s
}
.productDetails-whereToBuy-extShopLinks-note {
display: block;
padding: 2px 5px 0 5px;
font-size: 12px;
color: #5a6870;
line-height: 115%
}
.productDetails-whereToBuy-dealerLocator a {
display: inline-block;
padding: 10px;
text-decoration: none;
font-size: 14px;
line-height: 100%
}
.productDetails-whereToBuy-dealerLocator a:hover {
color: #00b9ad
}
.productDetails-whereToBuy-dealerLocator .diagonalLinkArrow {
color: #00b9ad
}
.productDetails-whereToBuy-dealerLocator a span {
display: inline-block;
padding-left: 1em
}
.rtl .productDetails-whereToBuy-dealerLocator a span {
padding-left: 0;
padding-right: 1em
}
.productDetails-whereToBuy-extShopLinks-container {
position: relative;
transition: 0.25s
}
.productDetails-whereToBuy-extShopLinks-linkBlock {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #f8f9f9;
background: rgba(248, 249, 249, 0.01)
}
.productDetails-whereToBuy-extShopLinks-container-locked {
opacity: .5
}
.productDetails-whereToBuy-extShopLinks-container-unlocked {
opacity: 1
}
.productDetails-whereToBuy-extShopLinks-container-unlocked .productDetails-whereToBuy-extShopLinks-linkBlock {
display: none
}
.productDetails-whereToBuy-extShopLinks-agreement {
display: table;
margin: 5px
}
.productDetails-whereToBuy-extShopLinks-agreement-check {
display: table-cell;
vertical-align: middle
}
.productDetails-whereToBuy-extShopLinks-agreement label {
display: table-cell;
vertical-align: middle;
font-size: 14px;
d: 0;
padding-left: 10px
}
.productDetails-whereToBuy-extShopLink-agreementText-link {
display: block;
clear: both;
font-size: 14px;
line-height: 18px;
padding: 0 5px 5px 5px
}
.productDetails-whereToBuy-extShopLink-agreementText-check-outer {
display: block;
clear: both;
d: 0;
padding-left: 5px
}
.productDetails-whereToBuy-extShopLink-agreementText-check {
display: table
}
.productDetails-whereToBuy-extShopLink-agreementText-check-input {
display: table-cell;
vertical-align: middle
}
.productDetails-whereToBuy-extShopLink-agreementText-check-label {
display: table-cell;
vertical-align: middle;
font-size: 14px;
d: 0;
padding-left: 10px
}
.productDetails-whereToBuy-extShopLink-container {
cursor: default;
margin-top: 5px;
margin-bottom: 5px
}
.productDetails-whereToBuy-extShopLink-fullwidth {
width: 100%
}
@media (max-width: 700px) {
.productDetails-whereToBuy {
float: none;
width: 100%
}
}
.productDetails-content {
margin-left: -40px
}
.productDetails-content:after {
content: "";
display: block;
clear: both
}
.rtl .productDetails-content {
margin-left: 0;
margin-right: -40px
}
.productDetails-content-features {
float: left;
width: 50%;
padding-left: 40px
}
.rtl .productDetails-content-features {
float: right;
padding-left: 0;
padding-right: 40px
}
.productDetails-content-features .linkList-nav {
margin-top: 10px;
margin-bottom: 0
}
.productDetails-content-features-item {
padding-bottom: 20px
}
.productDetails-content-features-item-withIcon {
min-height: 90px
}
.productDetails-content-features-item-icon {
d: 0;
float: left;
width: 50px;
height: 50px;
margin-bottom: -50px
}
.productDetails-content-features-item+.productDetails-content-features-item {
padding-top: 20px;
border-top: 1px solid #d8dbdd
}
.productDetails-content-features-item-title {
font-size: 26px;
font-weight: 700;
color: #9da6ab;
line-height: 100%;
letter-spacing: -0.02em
}
.productDetails-content-features-item-subtitle {
font-size: 16px;
font-weight: 400;
color: #00b9ad;
margin-top: 5px
}
.productDetails-content-features-item-text-text {
font-size: 14px;
font-weight: 400;
padding-top: 20px
}
.productDetails-content-features-item-title, .productDetails-content-features-item-subtitle, .productDetails-content-features-item-text {
d: 0;
padding-left: 75px
}
.productDetails-content-features-item .collapsibleToggle {
cursor: pointer;
position: relative;
padding: 20px 0;
margin: -20px 0
}
.productDetails-content-features-item .collapsibleToggle .productDetails-content-features-item-title {
d: 0;
padding-right: 30px
}
.productDetails-content-features-item .collapsibleToggle-icon {
position: absolute;
d: 0;
right: 0;
top: 25px
}
.productDetails-content-col2 {
float: right;
width: 50%;
padding-left: 40px
}
.rtl .productDetails-content-col2 {
float: left;
padding-left: 0;
padding-right: 40px
}
.productDetails-content-spec, .productDetails-content-manuals {
border: 1px solid #00b9ad
}
.productDetails-content-spec h4, .productDetails-content-manuals h4 {
margin: 0;
padding: 24px 19px 0 19px;
font-size: 18px;
font-weight: 700;
color: #00b9ad
}
.productDetails-dataPanel-item {
margin: 0;
padding: 20px 18px 10px 18px;
overflow: hidden;
font-size: 14px
}
.productDetails-dataPanel-item:nth-child(even) {
background-color: #f8f9f9
}
.productDetails-dataPanel-item:nth-child(even):last-child {
padding-bottom: 8px
}
.productDetails-dataPanel-item p {
margin: 0 0 10px 0;
line-height: 115%
}
.productDetails-dataPanel-iconList {
margin: 0px -5px 10px -5px;
padding-right: 5px
}
.rtl .productDetails-dataPanel-iconList {
padding-right: 0;
padding-left: 5px
}
.productDetails-dataPanel-iconList-title {
display: block;
padding-left: 5px
}
.rtl .productDetails-dataPanel-iconList-title {
padding-left: 0;
padding-right: 5px
}
.productDetails-dataPanel-iconList-full img, .productDetails-dataPanel-iconList-simple img {
display: inline-block;
vertical-align: bottom;
margin: 5px 0 0 5px;
width: 35px;
height: 35px
}
.rtl .productDetails-dataPanel-iconList-full img, .rt .productDetails-dataPanel-iconList-simple img {
margin: 5px 5px 0 0
}
.productDetails-dataPanel-iconList-withFull {
cursor: pointer
}
.productDetails-dataPanel-iconList-full {
display: none
}
.productDetails-dataPanel-iconList-full div {
display: table-row
}
.productDetails-dataPanel-iconList-full i {
display: table-cell;
width: 35px;
vertical-align: top
}
.productDetails-dataPanel-iconList-full b {
display: table-cell;
vertical-align: middle;
padding: 5px 0 0 5px;
font-weight: normal
}
.rtl .productDetails-dataPanel-iconList-full b {
padding: 5px 5px 0 0
}
.productDetails-dataPanel-iconList-toggleIcon {
display: block;
float: right
}
.productDetails-dataPanel-iconList-toggleIcon i {
display: block;
font-style: normal;
height: 16px;
line-height: 16px;
font-size: 12px;
color: #9da6ab;
d: 0;
padding-right: 18px
}
.productDetails-dataPanel-iconList-withFull:hover .productDetails-dataPanel-iconList-toggleIcon b {
background: #d8dbdd;
transition: 0.125s
}
.productDetails-dataPanel-iconList-collapse {
display: none
}
.productDetails-dataPanel-iconList .collapsibleToggle-icon {
d: 0;
float: right
}
.productDetails-content-spec+.productDetails-content-manuals {
margin-top: 20px
}
.productDetails-content-manuals select {
width: 100%;
margin: 5px 0 10px 0;
font-size: 14px;
line-height: 16px;
height: 36px
}
.productDetails-content-manuals-panel {
padding: 15px 18px
}
.productDetails-content-manuals-panel ul {
margin: 0;
padding: 0;
list-style: none
}
.productDetails-content-manuals-panel li {
margin: 0;
padding: 0
}
.productDetails-content-manuals-panel ul a {
display: table;
width: 100%;
padding: 5px 0;
text-decoration: none;
font-size: 14px
}
.productDetails-content-manuals-panel ul i {
display: table-cell;
width: 20px;
min-width: 20px;
vertical-align: middle
}
.productDetails-content-manuals-panel ul b {
display: table-cell;
width: 100%;
vertical-align: middle;
font-weight: 400;
padding-left: 5px
}
.rtl .productDetails-content-manuals-panel ul b {
padding-left: 0;
padding-right: 5px
}
.productDetails-content-manuals-panel ul img {
display: block;
width: 20px;
height: 20px
}
.productDetails-content-manuals-panel ul a:hover {
color: #00b9ad
}
.productDetails-content-manuals-panel-note {
padding: 5px 0;
text-decoration: none;
font-size: 14px;
color: #9da6ab
}
.productDetails-content-disclaimer {
margin-right: 1px;
margin-left: 1px;
margin-top: 20px
}
@media (max-width: 700px) {
.productDetails-content-features, .productDetails-content-col2 {
float: none !important;
width: 100%
}
}
.productDetails-navBar-outer, .productDetails-navBar, .productDetails-navBar-container, .productDetails-navBar-content {
height: 50px
}
.productDetails-navBar-outer {
margin: 40px 0
}
.productDetails-navBar-item a {
line-height: 50px
}
.productDetails-navBar {
background-color: #ebedee;
overflow: hidden;
position: relative;
white-space: nowrap
}
.productDetails-navBar.floated-top {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 900
}
.productDetails-navBar.floated-bottom {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
z-index: 900
}
.productDetails-navBar .slider-clickGuardOnDrag {
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
z-index: 15;
display: none
}
.productDetails-navBar-inner1 {
padding: 0
}
.productDetails-navBar-container:after {
content: "";
display: block;
clear: both
}
.productDetails-navBar-content {
float: left;
min-width: 1250px
}
.productDetails-navBar.sliderInitialized .productDetails-navBar-viewport {
position: relative;
z-index: 10
}
.productDetails-navBar.sliderInitialized .productDetails-navBar-container {
position: absolute
}
.productDetails-navBar-indicator {
position: absolute;
z-index: 5;
bottom: -20px;
left: 0;
width: 100%
}
.productDetails-navBar-indicator .smoothSliderIndicator-container:before {
display: none
}
.productDetails-navBar-indicator .smoothSliderIndicator i {
opacity: .5
}
.productDetails-navBar-content-inner {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
width: 100%;
height: 100%;
justify-content: space-between;
align-content: center
}
.productDetails-navBar-toTop, .productDetails-navBar-separator, .productDetails-navBar-item {
flex: 0 1 auto
}
.productDetails-navBar-toTop {
cursor: pointer;
padding: 12px 20px;
transition: 0.25s;
visibility: hidden
}
.productDetails-navBar-toTop.visible {
visibility: visible
}
.productDetails-navBar-toTop i {
display: block;
width: 0;
margin: 0 auto;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 10px solid;
margin-top: 2px
}
.productDetails-navBar-toTop b {
display: block;
text-align: center;
text-transform: uppercase;
font-weight: 700;
font-size: 9px;
line-height: 14px
}
.productDetails-navBar-separator {
height: 30px;
border-left: 1px solid #9da6ab;
margin: 10px 0
}
.productDetails-navBar-item {
position: relative
}
.productDetails-navBar-item a {
display: block;
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
text-decoration: none;
padding: 0 20px;
position: relative
}
.productDetails-navBar-item.selected a {
color: #00b9ad
}
.productDetails-navBar-item.selected a:before {
content: "";
position: absolute;
left: 10px;
right: 10px;
bottom: 10px;
border-bottom: 2px solid #00b9ad
}
.productDetails-navBar-toTop, .productDetails-navBar-item a {
transition: 0.25s color
}
.productDetails-navBar-toTop:hover, .productDetails-navBar-item a:hover {
color: #00b9ad;
transition: 0.125s
}
@media (max-width:1250px) {
.productDetails-navBar-content {
min-width: 99%;
min-width: 100vw
}
}
@media (max-width: 900px) {
.productDetails-navBar-item a {
font-size: 14px
}
}
@media (max-width: 700px) {
.productDetails-navBar-outer, .productDetails-navBar, .productDetails-navBar-container, .productDetails-navBar-content {
height: 40px
}
.productDetails-navBar-toTop {
padding: 12px 10px
}
.productDetails-navBar-toTop i {
border-width: 0 6px 8px 6px;
margin-top: 0
}
.productDetails-navBar-toTop b {
font-size: 8px
}
.productDetails-navBar-separator {
height: 20px
}
.productDetails-navBar-item a {
line-height: 40px;
padding: 0 10px;
font-size: 12px
}
.productDetails-navBar-item.selected a:before {
left: 5px;
right: 5px
}
}
@media (max-width: 450px) {
.productDetails-navBar-item a {
font-size: 10px
}
}
.productDetails2-head-collapsed {
d: 0;
padding-left: 20px;
margin-bottom: 0;
height: 0;
width: 100%;
overflow: hidden;
opacity: 0;
transition: 0.3s ease-in-out
}
.productDetails2-head.expanded .productDetails2-head-collapsed {
height: 80px;
margin-bottom: 20px;
opacity: 1
}
.productDetails2-head-collapsed-inner {
background: #ebedee;
border: 2px solid transparent;
cursor: pointer;
transition: 0.25s;
height: 80px;
overflow: hidden;
position: relative
}
.productDetails2-head-collapsed-inner:hover {
border-color: #00b9ad;
transition: 0.125s
}
.productDetails2-head-collapsed-title {
position: absolute;
d: 0;
padding: 0 50px 0 20px;
d: 0;
left: 0;
top: 0;
width: 100%;
height: 76px;
line-height: 76px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 0
}
.productDetails2-head-collapsed-title b {
display: inline-block;
vertical-align: top;
color: #5a6870;
font-size: 28px;
font-weight: 400;
text-transform: uppercase;
}
.productDetails2-head-collapsed-title span {
display: inline-block;
vertical-align: top;
color: #9da6ab;
font-size: 25px;
font-weight: 400;
d: 0;
margin-left: 20px
}
.productDetails2-head-collapsed-right {
position: absolute;
d: 0;
right: 0;
top: 0;
height: 76px;
line-height: 76px
}
.productDetails2-head-collapsed-price {
d: 0;
padding-right: 40px;
font-size: 26px;
font-weight: 700;
color: #ec008c
}
.productDetails2-head-collapsed-arrow {
width: 20px;
height: 20px;
overflow: hidden;
position: absolute;
d: 0;
right: 10px;
top: 50%;
margin-top: -10px
}
.productDetails2-head-collapsed-arrow img {
width: 20px;
height: 65px;
margin-top: -45px
}
.productDetails2-head-data {
d: 0;
padding-left: 20px;
margin-bottom: 20px
}
.productDetails2-head-data>div {
width: 100%;
float: none;
padding-left: 0;
padding-right: 0
}
.productDetails2-head-withGallery .productDetails2-head-data {
width: 40%;
d: 0;
float: right;
transition: 0.3s ease-in-out
}
.productDetails2-head-withGallery .productDetails2-head-relate {
width: 25%;
d: 0;
float: right;
transition: 0.3s ease-in-out;
padding-left: 25px;
}
.productDetails2-head-image {
width: 35%;
d: 0;
float: left;
d: 0;
margin-right: -100%;
d: 0;
padding-left: 20px;
transition: 0.3s ease-in-out
}
.productDetails2-head-image .largeGallery-main-container {
height: 0;
min-height: 0;
max-height: 0;
padding-bottom: 100%;
transition: 0.3s ease-in-out;
transition-property: padding-bottom
}
.productDetails2-head .largeGallery {
margin-left: -1px;
margin-right: -1px;
padding-left: 1px;
padding-right: 1px
}
.productDetails2-head .largeGallery-productGalleryToggle-expand {
opacity: 1
}
.productDetails2-head .largeGallery-productGalleryToggle-collapse {
opacity: 0
}
.productDetails2-head.expanded .largeGallery-productGalleryToggle-expand {
opacity: 0
}
.productDetails2-head.expanded .largeGallery-productGalleryToggle-collapse {
opacity: 1
}
.productDetails2-head.expanded .productDetails2-head-data ,
.productDetails2-head.expanded .productDetails2-head-relate {
opacity: 0;
-webkit-transform: scale(1, 0.01);
-moz-transform: scale(1, 0.01);
-o-transform: scale(1, 0.01);
transform: scale(1, 0.01);
margin-top: -20%;
margin-bottom: -200%
}
.productDetails2-head.expanded .productDetails2-head-image {
width: 100%
}
.productDetails2-head.expanded .largeGallery-main-container {
padding-bottom: 75%;
padding-bottom: 75vh
}
@media (orientation:portrait) {
.productDetails2-head.expanded .largeGallery-main-container {
padding-bottom: 150%;
padding-bottom: 75vh
}
}
@media (max-width: 700px) {
.productDetails2-head-data, .productDetails2-head-image {
width: 100% !important;
float: none !important
}
.productDetails2-head-relate{
display: none;
}
.productDetails2-head-collapsed {
display: none
}
.productDetails2-head .largeGallery-productGalleryToggle {
display: none
}
.productDetails2-head.expanded .productDetails2-head-data ,
.productDetails2-head.expanded .productDetails2-head-relate {
opacity: 1;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
transform: none;
margin-top: 0;
margin-bottom: 0;
transition: none
}
.productDetails2-head-image {
transition: none
}
.productDetails2-head.expanded .largeGallery-main-container {
padding-bottom: 100%
}
}
.productDetails2 a.pageMapAnchor {
position: relative;
top: -50px;
display: block
}
.productDetails2 .iconHeading {
margin: 0 0 10px 0;
min-height: 80px
}
.productDetails2 .iconHeading-icon {
padding: 0 10px 0 0
}
.productDetails2 .iconHeading-title {
color: #5a6870;
font-size: 17px;
font-weight: 400;
margin-top: 2px
}
.productDetails2 .featureGrid-item-splitText-toggle {
height: 20px;
margin-top: 10px
}
.productDetails2 .featureGrid-item-splitText-toggle+.featureGrid-item-splitText-toggle {
margin-top: -20px
}
.productDetails2 .featureGrid-item-splitText-toggle span {
display: inline-block;
line-height: 20px;
padding: 0 20px;
background: #00b9ad;
border: none;
font-size: 12px;
color: #fff;
text-transform: uppercase;
font-weight: 700;
cursor: pointer;
transition: 0.25s;
text-decoration: none;
vertical-align: bottom;
outline: none;
text-align: center;
min-width: 110px
}
.productDetails2 .featureGrid-item-splitText:hover .featureGrid-item-splitText-toggle span {
background: #5a6870;
transition: 0.125s;
color: #fff
}
.productDetails2 .featureGrid-item-splitText-toggle span:after {
display: none
}
.productDetails2-features2 {
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
margin-bottom: 20px
}
@media (max-width: 700px) {
.productDetails2-features2 {
padding-left: 10px;
padding-right: 10px
}
}
@media print {
.productDetails2-features2 {
width: 980px;
padding-left: 0;
padding-right: 0
}
}
.productDetails2-features2-inner {
margin: -20px 0 0 -20px;
font-size: 0
}
.productDetails2-features2-item {
display: inline-block;
vertical-align: top;
width: 25%;
padding: 20px 0 0 20px;
font-size: 14px;
margin-bottom: 20px
}
.productDetails2-features2-item-title {
font-size: 17px;
padding-top: 2px;
letter-spacing: inherit;
line-height: inherit
}
.productDetails2-features2-item-title-icon {
float: left;
width: 50px;
margin: -2px 10px 0 0
}
.productDetails2-features2-item .linkList-nav {
margin-top: -5px
}
@media (max-width: 1250px) {
.productDetails2-features2-item {
width: 33.333333333%
}
}
@media (max-width: 700px) {
.productDetails2-features2-item {
width: 50%
}
}
@media (max-width: 450px) {
.productDetails2-features2-item {
width: 100%
}
.productDetails2 .iconHeading {
min-height: 0
}
}
.productDetails2-dataPanel {
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px
}
@media (max-width: 700px) {
.productDetails2-dataPanel {
padding-left: 10px;
padding-right: 10px
}
}
@media print {
.productDetails2-dataPanel {
width: 980px;
padding-left: 0;
padding-right: 0
}
}
.productDetails2-dataPanel-inner {
-moz-column-count: 3;
-webkit-column-count: 3;
column-count: 3;
-moz-column-gap: 20px;
-webkit-column-gap: 20px;
column-gap: 20px
}
.productDetails2-dataPanel-title {
display: inline-block;
width: 100%;
padding: 10px 20px;
background-color: #fff
}
.productDetails2-dataPanel-item {
display: inline-block;
width: 100%;
padding: 10px 20px;
background-color: #f8f9f9
}
.productDetails2-dataPanel-item > p.item-dot, .productDetails2-dataPanel-iconList {
display: block;
margin: 0;
d: 0;
padding: 5px 0 5px 15px;
font-size: 14px
}
.productDetails2-dataPanel-item p strong, .productDetails2-dataPanel-item p b {
font-weight: 400
}
.productDetails2-dataPanel-item > p.item-dot:before, .productDetails2-dataPanel-iconList:before {
content: "•";
display: block;
d: 0;
margin: 0 0 0 -15px;
width: 15px;
d: 0;
float: left
}
.productDetails2-dataPanel-iconList-full img, .productDetails2-dataPanel-iconList-simple img {
display: inline-block;
vertical-align: bottom;
margin: 2px 0 0 0;
width: 30px;
height: 30px
}
.productDetails2-dataPanel-iconList-full {
display: table
}
.productDetails2-dataPanel-iconList-full div {
display: table-row
}
.productDetails2-dataPanel-iconList-full i {
display: table-cell;
width: 30px;
vertical-align: top
}
.productDetails2-dataPanel-iconList-full b {
display: table-cell;
vertical-align: middle;
d: 0;
padding: 2px 0 0 5px;
font-weight: normal
}
@media (max-width: 900px) {
.productDetails2-dataPanel-inner {
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2
}
}
@media (max-width: 700px) {
.productDetails2-dataPanel-inner {
-moz-column-count: 1;
-webkit-column-count: 1;
column-count: 1
}
}
.productDetails2-manuals {
padding: 40px 0;
background-color: #ebedee
}
.productDetails2-manuals-panel {
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px
}
@media (max-width: 700px) {
.productDetails2-manuals-panel {
padding-left: 10px;
padding-right: 10px
}
}
@media print {
.productDetails2-manuals-panel {
width: 980px;
padding-left: 0;
padding-right: 0
}
}
.productDetails2-manuals .input-textbox {
background-color: #fff;
width: 100%
}
.productDetails2-manuals ul {
display: block;
list-style: none;
margin: 0;
padding: 0;
font-size: 0;
margin: -30px 0 0 -30px
}
.productDetails2-manuals .input-textbox+ul {
margin-top: 0
}
.productDetails2-manuals ul li {
display: inline-block;
vertical-align: top;
margin: 0;
padding: 30px 0 0 30px
}
.productDetails2-manuals ul li a {
display: block;
margin: -15px;
padding: 15px;
text-decoration: none;
white-space: nowrap
}
.productDetails2-manuals ul li a:hover {
color: #00b9ad
}
.productDetails2-manuals ul li a img {
display: inline-block;
vertical-align: top;
width: 20px;
height: 20px;
margin-right: 10px
}
.productDetails2-manuals ul li a b {
display: inline-block;
vertical-align: top;
font-size: 14px;
font-weight: 400;
line-height: 20px
}
@media (min-width:1250px) {
.productDetails2-manuals {
padding: 60px 0
}
}
@media (max-width: 1250px) {
.productDetails2-manuals {
padding: 20px 0
}
}
.productFilter {
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
margin-bottom: 20px
}
@media (max-width: 700px) {
.productFilter {
padding-left: 10px;
padding-right: 10px
}
}
@media print {
.productFilter {
width: 980px;
padding-left: 0;
padding-right: 0
}
}
.productFilter-inner {
margin: -4px 0 0 -4px
}
.productFilter-checkbox {
display: block;
clear: both;
padding: 4px 0 0 4px
}
.productFilter-checkbox>div {
background: #f8f9f9
}
.productFilter-checkbox-label, .productFilter-dropdown label {
font-size: 10px;
font-weight: 700;
line-height: 12px;
padding: 15px 10px 5px 10px;
display: inline-block;
vertical-align: top;
text-transform: uppercase;
color: #5a6870
}
.productFilter-checkbox ul {
display: inline-block;
vertical-align: top;
padding: 0;
margin: 0;
list-style: none
}
.productFilter-checkbox li {
display: inline-block;
padding: 5px 0 5px 10px;
margin: 0;
vertical-align: top;
min-height: 40px
}
.rtl .productFilter-checkbox li {
padding: 5px 10px 5px 0
}
.productFilter-checkbox li label {
display: block;
padding: 13px 5px 5px 35px;
margin: -5px 0;
min-height: 40px;
font-size: 12px;
line-height: 14px
}
.rtl .productFilter-checkbox li label {
padding: 13px 35px 5px 5px
}
.productFilter-checkbox-2lineLabel {
padding-top: 4px !important;
padding-bottom: 4px !important
}
.productFilter-checkbox .input-checkbox {
float: none;
margin-bottom: -40px
}
.productFilter-dropdown {
float: left;
padding: 4px 0 0 4px;
width: 33.333333333%
}
.rtl .productFilter-dropdown {
float: right
}
.productFilter-dropdown>div {
display: table;
width: 100%;
background: #f8f9f9
}
.productFilter-dropdown>div>div {
display: table-row
}
.productFilter-dropdown label {
display: table-cell;
width: 1px;
white-space: nowrap;
line-height: 115%;
vertical-align: top;
padding-top: 15px
}
.productFilter-dropdown select {
display: table-cell;
width: 100%;
vertical-align: top;
max-width: 100%;
font-size: 14px;
font-weight: 700
}
.productFilter-sorting {
float: left;
padding: 4px 0 0 4px;
max-width: 100%;
min-width: 33.333333333%
}
.rtl .productFilter-sorting {
float: right
}
.productFilter-sorting select {
background-color: #5a6870;
border-color: #5a6870;
color: #fff;
font-size: 14px;
width: 100%
}
@media (max-width: 900px) {
.productFilter-dropdown {
width: 50%
}
.productFilter-sorting {
min-width: 50%
}
}
@media (max-width: 700px) {
.productFilter-dropdown, .productFilter-sorting {
width: 100%
}
}
.productCompare {
padding-top: 40px;
margin-bottom: 20px
}
.productCompare-header a {
display: block;
text-decoration: none
}
.productCompare-header-dummy, .productCompare-header-item {
display: block;
float: left;
min-height: 1px;
padding: 0 10px
}
.rtl .productCompare-header-dummy, .rtl .productCompare-header-item {
float: right
}
.productCompare-3columns .productCompare-header-dummy, .productCompare-3columns .productCompare-header-item {
width: 25%
}
.productCompare-2columns .productCompare-header-dummy, .productCompare-2columns .productCompare-header-item {
width: 33.333333333%
}
.productCompare-header-title {
display: block;
font-size: 21px;
font-weight: 700;
color: #9da6ab;
transition: 0.25s;
line-height: 115%
}
.productCompare-header-type {
display: block;
font-size: 14px;
font-weight: 400;
color: #9da6ab;
line-height: 115%
}
.productCompare-header-image {
display: block;
margin-top: 10px;
transition: 0.25s
}
.productCompare-2columns .productCompare-header-image img {
max-width: 75%
}
.productCompare-header-price {
display: block;
font-size: 22px;
line-height: 120%;
font-weight: 400;
text-align: left;
margin-top: 10px;
color: #ec008c
}
.rtl .productCompare-header-price {
text-align: right
}
.productCompare-header-price span {
white-space: nowrap
}
.productCompare-header-price-beforeDiscount {
font-size: 12px;
text-decoration: line-through;
color: #5a6870;
line-height: 100%;
font-weight: 400
}
.productCompare-header a:hover .productCompare-header-title {
color: #00b9ad;
transition: 0.125s
}
.productCompare-header a:hover .productCompare-header-image {
opacity: .85;
transition: 0.125s
}
.productCompare-groupTitle {
clear: both;
font-size: 24px;
font-weight: 400;
padding: 20px 0 5px 0;
line-height: 115%
}
.productCompare-header+.productCompare-group {
margin-top: 20px
}
.productCompare-group {
border: 1px solid #00b9ad
}
.productCompare-row {
clear: both;
transition: 0.25s
}
.productCompare-row:after {
content: "";
display: block;
clear: both
}
.productCompare-row:nth-child(even) {
background-color: #fff
}
.productCompare-row:nth-child(odd) {
background-color: #f8f9f9
}
.productCompare-row:hover {
background-color: #ebedee;
transition: 0.125s
}
.productCompare-row-title, .productCompare-row-value {
float: left;
padding: 7px 10px;
font-size: 14px;
line-height: 115%
}
.rtl .productCompare-row-title, .rtl .productCompare-row-value {
float: right
}
.productCompare-3columns .productCompare-row-title {
width: 25%
}
.productCompare-2columns .productCompare-row-title {
width: 33.333333333%
}
.productCompare-row-valueGroup {
float: right
}
.rtl .productCompare-row-valueGroup {
float: left
}
.productCompare-3columns .productCompare-row-valueGroup {
width: 75%
}
.productCompare-2columns .productCompare-row-valueGroup {
width: 66.666666667%
}
.productCompare-3columns .productCompare-row-value {
width: 33.333333333%
}
.productCompare-2columns .productCompare-row-value {
width: 50%
}
.productCompare-value-check {
display: inline-block;
vertical-align: middle;
width: .75em;
height: .75em;
line-height: .75em;
overflow: hidden;
background: #5a6870;
color: #5a6870;
text-align: center;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%
}
.productCompare-value-icons {
display: block;
margin: -5px 0 0 -5px
}
.productCompare-value-icons img {
display: inline-block;
margin: 5px 0 0 5px;
width: 35px;
height: 35px
}
@media (max-width: 900px) {
.productCompare-2columns .productCompare-header-image img {
max-width: 100%
}
.productCompare-header-price {
font-size: 20px
}
.productCompare-row-title, .productCompare-row-value {
font-size: 13px
}
}
@media (max-width: 700px) {
.productCompare-3columns .productCompare-header {
margin-left: -10px
}
.rtl .productCompare-3columns .productCompare-header {
margin-left: 0;
margin-right: -10px
}
.productCompare-3columns .productCompare-header-dummy {
display: none
}
.productCompare-3columns .productCompare-header-item {
width: 33.333333333%;
padding: 0 0 0 10px
}
.rtl .productCompare-3columns .productCompare-header-item {
padding: 0 10px 0 0
}
.productCompare-header-price {
font-size: 18px
}
.productCompare-header-price-beforeDiscount {
font-size: 10px
}
.productCompare-groupTitle {
font-size: 20px
}
.productCompare .productCompare-row-title {
width: auto;
padding-bottom: 0
}
.productCompare-row-title, .productCompare-row-value {
padding: 5px 7px;
font-size: 11px
}
.productCompare-3columns .productCompare-row-title, .productCompare-3columns .productCompare-row-value {
font-size: 10px
}
}
@media (max-width: 450px) {
.productCompare-2columns .productCompare-header {
margin-left: -10px
}
.rtl .productCompare-2columns .productCompare-header {
margin-left: 0;
margin-right: -10px
}
.productCompare-2columns .productCompare-header-dummy {
display: none
}
.productCompare-2columns .productCompare-header-item {
width: 50%;
padding: 0 0 0 10px
}
.rtl .productCompare-2columns .productCompare-header-item {
padding: 0 10px 0 0
}
.productCompare-header-title {
font-size: 16px
}
.productCompare-header-price {
font-size: 16px
}
.productCompare-header-price-beforeDiscount {
font-size: 10px
}
.productCompare-groupTitle {
font-size: 18px
}
.productCompare .productCompare-row-title, .productCompare .productCompare-row-value {
padding: 4px 5px;
font-size: 9px
}
.productCompare .productCompare-row-title {
font-weight: 700
}
.productCompare .productCompare-row-valueGroup {
width: 100%
}
}
.productCompare .compare-selection-header-container:after {
content: "";
display: block;
clear: both
}
.productCompare .compare-selection-header {
width: 75%;
margin-left: 25%
}
.productCompare .compare-selection-header:after {
content: "";
display: block;
clear: both
}
.rtl .productCompare .compare-selection-header {
margin-left: 0;
margin-right: 25%
}
.productCompare .compare-selection-product1, .productCompare .compare-selection-product2, .productCompare .compare-selection-product3 {
float: left;
width: 33%;
padding-left: 10px;
text-align: center
}
.rtl .productCompare .compare-selection-product1, .rtl .productCompare .compare-selection-product2, .rtl .productCompare .compare-selection-product3 {
float: right;
padding-left: 0;
padding-right: 10px
}
.productCompare .compare-selection-product1 select, .productCompare .compare-selection-product2 select, .productCompare .compare-selection-product3 select {
width: 100%;
margin-bottom: 20px
}
.productCompare .compare-selection-product1 b, .productCompare .compare-selection-product2 b, .productCompare .compare-selection-product3 b {
display: block;
font-size: 22px;
line-height: 115%;
text-align: center
}
.productCompare .compare-selection-productImage {
width: 150px;
margin-top: 20px
}
.productCompare .compare-results-field:after {
content: "";
display: block;
clear: both
}
.productCompare .compare-results-field:nth-child(even) {
background-color: #fff
}
.productCompare .compare-results-field:nth-child(odd) {
background-color: #f8f9f9
}
.productCompare .compare-results-group {
clear: both;
font-size: 18px;
font-weight: 400;
text-transform: uppercase;
padding-bottom: 8px;
margin-top: 40px;
border-bottom: 1px solid #ebedee
}
.productCompare .compare-results-field-title {
float: left;
width: 25%;
padding: 8px 0 8px 8px;
font-weight: 700;
font-size: 12px
}
.rtl .productCompare .compare-results-field-title {
float: right;
padding: 8px 8px 8px 0
}
.productCompare .compare-results-field-value-container {
float: right;
width: 75%;
padding: 8px 0
}
.productCompare .compare-results-field-value-container:after {
content: "";
display: block;
clear: both
}
.rtl .productCompare .compare-results-field-value-container {
float: left
}
.productCompare .compare-results-field-value1, .productCompare .compare-results-field-value2, .productCompare .compare-results-field-value3 {
float: left;
width: 33%;
padding-left: 10px
}
.rtl .productCompare .compare-results-field-value1, .rtl .productCompare .compare-results-field-value2, .rtl .productCompare .compare-results-field-value3 {
float: right;
padding-left: 0;
padding-right: 10px
}
.productCompare .compare-price {
text-align: center
}
@media print {
.productDetails-content-features .collapsible-content {
display: block !important
}
.productDetails-content-features .collapsible-head-toggle {
display: none
}
}
.productListing-item-header div[data-bv-show="inline_rating"] {
margin-top: 5px
}
#SEO_BVRRSummaryContainer {
margin-bottom: 20px
}
@media (max-width: 700px) {
#SEO_BVRRSummaryContainer {
margin-bottom: 13px
}
}
@media (max-width: 450px) {
#SEO_BVRRSummaryContainer {
margin-bottom: 11px
}
}
#SEO_BVRRContainer {
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px
}
@media (max-width: 700px) {
#SEO_BVRRContainer {
padding-left: 10px;
padding-right: 10px
}
}
@media print {
#SEO_BVRRContainer {
width: 980px;
padding-left: 0;
padding-right: 0
}
}
.newsArchive {
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px
}
@media (max-width: 700px) {
.newsArchive {
padding-left: 10px;
padding-right: 10px
}
}
@media print {
.newsArchive {
width: 980px;
padding-left: 0;
padding-right: 0
}
}
.newsArchive-navigation {
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
margin-bottom: 40px
}
@media (max-width: 700px) {
.newsArchive-navigation {
padding-left: 10px;
padding-right: 10px
}
}
@media print {
.newsArchive-navigation {
width: 980px;
padding-left: 0;
padding-right: 0
}
}
.newsArchive-navigation-inner {
margin: 0px -10px
}
.newsArchive-navigation a.newsArchive-year {
font-size: 12px;
line-height: 18px;
padding: 0;
font-weight: 700;
color: #5a6870;
text-decoration: none;
padding: 11px 10px;
display: block;
d: 0;
float: left
}
.newsArchive-navigation a.newsArchive-year:hover, .newsArchive-navigation a.newsArchive-year:hover span {
color: #00b9ad
}
.newsArchive-navigation a.newsArchive-year.newsArchive-yearActive {
font-size: 20px;
padding-top: 9px;
padding-bottom: 13px;
color: #00b9ad;
text-transform: none
}
.newsArchive-navigation a.newsArchive-year.newsArchive-yearActive span {
display: inline-block;
border: 1px solid #00b9ad;
padding: 6px 9px 7px 9px;
margin: -7px 0 -8px 0;
font-size: 17px;
color: #9da6ab
}
.newsArchive-group {
margin-bottom: 20px;
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2;
-moz-column-gap: 40px;
-webkit-column-gap: 40px;
column-gap: 40px
}
.newsArchive-group .newsArchive-item {
margin: 0 0 40px 0;
-webkit-column-break-inside: avoid;
-moz-column-break-inside: avoid;
-ms-column-break-inside: avoid;
-o-column-break-inside: avoid;
-webkit-break-inside: avoid;
break-inside: avoid;
page-break-inside: avoid;
display: inline-block
}
.newsArchive-group .newsArchive-item a {
display: block;
text-decoration: none;
transition: 0.25s
}
.newsArchive-group .newsArchive-item-title {
display: block;
font-size: 18px;
font-weight: 400;
margin: 0 0 10px 0;
transition: 0.25s;
line-height: 115%
}
.newsArchive-group .newsArchive-item a:hover .newsArchive-item-title {
color: #00b9ad;
transition: 0.125s
}
.newsArchive-group .newsArchive-item a img {
transition: 0.25s
}
.newsArchive-group .newsArchive-item a:hover img {
transition: 0.125s;
opacity: .85
}
.newsArchive-group .newsArchive-item-date {
display: block;
font-size: 12px;
font-weight: 400;
color: #9da6ab;
margin-bottom: 5px;
line-height: 115%
}
.newsArchive-group .newsArchive-item-description {
display: block;
font-size: 14px;
font-weight: 400;
d: 0;
padding-left: 50%;
d: 0;
margin-left: 10px;
line-height: 115%
}
.newsArchive-group .newsArchive-item-description:after {
content: "";
display: block;
clear: both
}
.newsArchive-group .newsArchive-item-noImage .newsArchive-item-description {
padding-left: 0;
margin-left: 0
}
.newsArchive-group .newsArchive-item-image {
display: block;
d: 0;
float: left;
width: 50%;
d: 0;
padding-right: 10px;
margin-bottom: 10px
}
.newsArchive-group .newsArchive-item-image img {
display: block;
width: 100%
}
.pageBody>.newsOverview, .pageBody>.newsArchive-group {
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
margin-bottom: 20px
}
@media (max-width: 700px) {
.pageBody>.newsOverview, .pageBody>.newsArchive-group {
padding-left: 10px;
padding-right: 10px
}
}
@media print {
.pageBody>.newsOverview, .pageBody>.newsArchive-group {
width: 980px;
padding-left: 0;
padding-right: 0
}
}
.newsOverview-viewMore {
margin-bottom: 20px;
background: #f8f9f9;
line-height: 115%
}
.newsOverview-viewMore a {
display: inline-block;
color: #5a6870;
padding: 20px
}
.newsOverview-viewMore a:hover {
color: #00b9ad
}
.newsArchive-group_hisense {
display: grid;
grid-template-columns: 50% 50%;
margin-bottom: 20px;
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2;
-moz-column-gap: 40px;
-webkit-column-gap: 40px;
column-gap: 40px
}
.newsItem_hs {
margin: 30px 10px 30px 0;
max-width: 600px;
display: grid;
grid-template-columns: 20% 80%
}
.newsItem_paneDate_hs {
padding-left: 8px
}
.newsItem_date_hs {
padding: 10px 0
}
.newsItem_paneItem_hs {
padding-left: 20px;
border-left: 1px solid lightgray;
display: flex;
flex-direction: column
}
.newsItem_paneItem_hs>a {
text-decoration: none
}
.newsItem_title_hs {
padding: 10px 10px 0 0;
font-size: 20px;
letter-spacing: 0px;
color: #00a6aa
}
.newsItem_content_hs {
display: flex;
flex-direction: row;
padding: 4px;
margin-top: 20px;
font-size: 14px;
line-height: 22px;
font-weight: 400
}
.newsItem_image_hs {
max-width: 260px;
height: auto;
padding: 0 20px 0 0
}
@media (max-width: 900px) {
.newsArchive-group_hisense {
grid-template-columns: 100%
}
.newsArchive-group .newsArchive-item-date {
font-size: 11px
}
.newsArchive .newsArchive-group .newsArchive-item-description {
font-size: 12px
}
.newsArchive-group .newsArchive-item-title {
margin: 0 0 10px 0
}
}
@media (max-width: 700px) {
.newsItem_content_hs {
flex-direction: column
}
.newsItem_hs {
grid-template-columns: 100%
}
.newsItem_paneItem_hs {
border-left: none;
padding-left: 0
}
.newsItem_paneDate_hs {
padding-left: 0
}
.newsItem_date_hs {
padding: 0
}
.newsItem_title_hs {
padding: 0
}
.newsItem_content_summary_hs {
padding-top: 8px
}
.newsArchive-group {
margin-bottom: 20px;
-moz-column-count: 1;
-webkit-column-count: 1;
column-count: 1
}
.newsArchive .newsArchive-group .newsArchive-item-description {
font-size: 14px;
padding-left: 0;
padding-right: 0;
margin-left: 0;
margin-right: 0
}
.newsArchive-group .newsArchive-item-image {
width: 30%;
d: 0;
padding-right: 10px
}
}
@media (max-width: 450px) {
.newsArchive-group .newsArchive-item-title {
font-size: 14px
}
.newsArchive-group .newsArchive-item-date {
font-size: 11px
}
.newsArchive .newsArchive-group .newsArchive-item-description {
font-size: 12px
}
}
.newsArticle {
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
margin-top: 40px
}
@media (max-width: 700px) {
.newsArticle {
padding-left: 10px;
padding-right: 10px
}
}
@media print {
.newsArticle {
width: 980px;
padding-left: 0;
padding-right: 0
}
}
.newsArticle-date {
color: #9da6ab;
font-size: 16px;
line-height: 115%
}
.newsArticle h1 {
margin-top: 10px
}
.newsArticle-content {
margin-left: -20px
}
.rtl .newsArticle-content {
margin-left: 0;
margin-right: -20px
}
.newsArticle-content-image {
padding-left: 20px;
margin-bottom: 20px
}
.rtl .newsArticle-content-image {
padding-left: 0;
padding-right: 20px
}
.newsArticle-content-image-right {
float: right;
max-width: 60%
}
.rtl .newsArticle-content-image-right {
float: left
}
.newsArticle-content-image img {
max-height: 600px
}
.newsArticle-content-text {
width: 60%;
padding-left: 20px;
display: block
}
.rtl .newsArticle-content-text {
padding-left: 0;
padding-right: 20px
}
.newsArticle-content-gallery-above {
width: 40%;
padding-left: 20px;
float: right;
clear: right
}
.rtl .newsArticle-content-gallery-above {
padding-left: 0;
padding-right: 20px;
float: left;
clear: left
}
.newsArticle-content-gallery-below {
display: none
}
@media (max-width: 700px) {
.newsArticle-content-image-right {
float: none;
max-width: 100%
}
.newsArticle-content-text {
width: 100%
}
.newsArticle-content-gallery-above {
display: none
}
.newsArticle-content-gallery-below {
display: block
}
}
.shoppingCart {
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px
}
@media (max-width: 700px) {
.shoppingCart {
padding-left: 10px;
padding-right: 10px
}
}
@media print {
.shoppingCart {
width: 980px;
padding-left: 0;
padding-right: 0
}
}
.shop-checkout-back-desktop a {
display: inline-block;
font-size: 15px;
font-weight: 700;
line-height: 22px;
padding: 18px 15px 10px 15px;
text-decoration: none
}
.shop-checkout-back-mobile a {
display: block;
float: right;
font-size: 12px;
font-weight: 700;
line-height: 50px;
padding: 0px 15px;
text-decoration: none
}
.shop-checkout-back-desktop a:hover, .shop-checkout-back-mobile a:hover {
background-color: #f8f9f9
}
.shop-cart-toCheckout {
display: block;
text-align: right;
padding-top: 20px
}
.checkout {
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
margin-top: 40px
}
@media (max-width: 700px) {
.checkout {
padding-left: 10px;
padding-right: 10px
}
}
@media print {
.checkout {
width: 980px;
padding-left: 0;
padding-right: 0
}
}
.checkout h1 small {
font-size: 40%;
font-weight: 400
}
.checkout-steps {
background-color: #f8f9f9;
padding: 10px 20px 10px 0
}
.checkout-steps div {
display: block;
float: left;
padding: 0 0 0 20px;
font-weight: 400;
color: #5a6870;
font-size: 20px;
line-height: 40px
}
.checkout-steps div.active {
color: #00b9ad
}
.checkout-steps div:after {
content: "›";
display: inline-block;
vertical-align: top;
font-size: 40px;
padding-left: 20px;
line-height: 35px;
color: #9da6ab
}
.checkout-steps div.last:after {
display: none
}
.checkout-discountCode-disclaimer {
margin-bottom: 20px
}
@media (max-width: 900px) {
.checkout-steps div {
font-size: 18px
}
.checkout-steps div:after {
font-size: 36px
}
}
@media (max-width: 700px) {
.checkout {
margin-top: 20px
}
.checkout-steps {
padding: 5px 10px 5px 0
}
.checkout-steps div {
font-size: 16px;
padding: 0 0 0 10px;
line-height: 30px
}
.checkout-steps div:after {
font-size: 32px;
line-height: 26px;
padding-left: 10px
}
}
@media (max-width: 450px) {
.checkout-steps div {
font-size: 12px;
line-height: 24px
}
.checkout-steps div:after {
font-size: 24px;
line-height: 20px
}
}
.checkout-vklopirazum {
display: block;
margin-left: -20px
}
.checkout-vklopirazum-btn {
display: block;
float: right;
width: 200px;
text-decoration: none;
margin-left: 20px;
margin-bottom: 20px;
margin-top: 40px
}
.checkout-submit {
display: block;
text-align: right;
margin-left: -20px
}
.checkout-submit-previous, .checkout-submit-next {
display: block;
float: right;
font-weight: 700;
padding: 10px 20px;
text-align: center;
min-width: 70px;
text-decoration: none;
font-size: 12px;
margin-left: 20px;
margin-bottom: 20px
}
.checkout-submit-previous b, .checkout-submit-next b {
display: block;
text-transform: uppercase;
font-size: 14px
}
.checkout-submit-previous {
color: #5a6870;
background: #ebedee
}
.checkout-submit-next {
color: #fff;
background: #00b9ad
}
.checkout-submit-previous:hover, .checkout-submit-next:hover {
color: #fff;
background: #5a6870
}
.checkout-userData-columns {
margin-left: -40px;
clear: both
}
.checkout-userData-column {
padding-left: 40px
}
.checkout-userData-column-50, .checkout-userData-field-50, .userProfile-userData-field-50 {
float: left;
width: 50%
}
.checkout-userData-fieldRow, .userProfile-userData-fieldRow {
margin-left: -10px;
clear: both;
margin-bottom: 20px
}
.checkout-userData-fieldRow:after, .userProfile-userData-fieldRow:after {
content: "";
display: block;
clear: both
}
.checkout-userData-field, .userProfile-userData-field {
padding-left: 10px
}
.checkout-userData .input-textbox, .userProfile-userData .input-textbox {
width: 100%
}
.checkout-userData-fieldRow label, .userProfile-userData-fieldRow label {
padding-bottom: 3px;
display: block;
font-size: 14px;
color: #5a6870
}
.checkout-userData-field-required label:after, .userProfile-userData-field-required label:after {
content: " *";
display: inline
}
.checkout-userData-columns .separator-hrThin, .checkout-userData-columns .separator-hrThick {
margin-left: 40px
}
.checkout-userData-addressSeparator {
display: none
}
.checkout-userData-addressSelectorRow, .userProfile-userData-addressSelectorRow {
display: table;
width: 100%
}
.checkout-userData-addressSelector, .userProfile-userData-addressSelector {
display: table-cell;
width: 100%;
vertical-align: top
}
.checkout-userData-addressSelector-remove, .userProfile-userData-addressSelector-remove {
display: table-cell;
vertical-align: top;
white-space: nowrap;
padding-left: 5px
}
.checkout-userData-cityRow-innerRow {
display: table;
width: 100%;
margin-bottom: 20px
}
.checkout-userData-field-postal, .userProfile-userData-field-postal {
display: table-cell;
min-width: 80px;
white-space: nowrap
}
.checkout-userData-field-postal input, .userProfile-userData-field-postal input {
min-width: 100%
}
.checkout-userData-field-city, .userProfile-userData-field-city {
display: table-cell;
width: 100%
}
.checkout-userData-field-country, .userProfile-userData-field-country {
display: block;
width: 100%;
margin-left: 0
}
.checkout-userData-checkbox {
margin-left: 0
}
.checkout-userData-checkbox .input-checkbox {
width: 40px;
height: 40px;
position: relative;
margin: -5px 5px -35px -5px;
display: block;
float: left
}
.checkout-userData-checkbox label {
padding: 6px 0 6px 40px;
line-height: 18px;
display: block
}
.checkout-userData-checkboxDependent {
padding-left: 40px;
margin-top: -15px
}
.checkout-userData-agentData {
display: table;
width: 100%
}
.checkout-userData-agentData-input {
display: table-cell;
width: 100%;
vertical-align: top
}
.checkout-userData-agentData-button {
display: table-cell;
padding-left: 10px;
vertical-align: top;
white-space: nowrap
}
.checkout-userData-agentData-details {
font-size: 14px;
padding-top: 4px;
display: block
}
.checkout-userData-radioColumns {
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2;
-moz-column-gap: 40px;
-webkit-column-gap: 40px;
column-gap: 40px
}
.checkout-userData-radioColumns .checkout-userData-fieldRow {
-webkit-column-break-inside: avoid;
-moz-column-break-inside: avoid;
-ms-column-break-inside: avoid;
-o-column-break-inside: avoid;
-webkit-break-inside: avoid;
break-inside: avoid
}
.checkout-userData-radioColumns .checkout-userData-checkbox label i {
display: block;
font-size: 12px;
font-style: normal;
color: #9da6ab;
line-height: 15px
}
.checkout-logotypes {
margin: 10px auto;
text-align: center
}
.checkout-logotypes img {
display: inline-block;
margin: 10px;
vertical-align: middle
}
@media (max-width: 700px) {
.checkout-userData-column-50 {
float: none;
width: 100%
}
.checkout-userData-cityRow {
display: table;
width: 100%;
margin-left: 0
}
.checkout-userData-cityRow-innerRow {
display: inline;
margin: 0
}
.checkout-userData-field-postal, .userProfile-userData-field-postal {
padding-left: 0
}
.checkout-userData-field-city, .userProfile-userData-field-city {
padding-left: 10px
}
.checkout-userData-field-country, .userProfile-userData-field-country {
display: table-cell;
width: 150px;
min-width: 150px;
padding-left: 10px
}
.checkout-userData-addressSeparator {
display: block
}
}
@media (max-width: 450px) {
.checkout-userData-cityRow {
display: block;
width: 100%;
margin-left: 0
}
.checkout-userData-cityRow-innerRow {
display: table;
margin-bottom: 20px
}
.checkout-userData-field-country, .userProfile-userData-field-country {
display: block;
width: 100%;
min-width: 100%;
padding-left: 0
}
.checkout-userData-radioColumns {
-moz-column-count: 1;
-webkit-column-count: 1;
column-count: 1
}
}
.userProfile-userData {
margin-left: -20px
}
.userProfile-userData-block {
padding-left: 20px;
float: left;
width: 50%;
vertical-align: top;
margin-bottom: 20px
}
.userProfile-userData-block-inner {
background: #f8f9f9;
padding: 20px
}
.dashboard-orderList {
display: block;
border-top: 1px solid #f8f9f9;
border-bottom: 1px solid #f8f9f9
}
.dashboard-orderList+.dashboard-orderList {
border-top: none
}
.dashboard-orderList a {
display: block;
padding: 20px 0;
color: #5a6870
}
.dashboard-orderList a:after {
content: "";
display: block;
clear: both
}
.dashboard-orderList-idBlock {
display: block;
float: left;
width: 25%;
padding-right: 10px
}
.dashboard-orderList-paymentBlock {
display: block;
float: left;
width: 25%;
padding-left: 10px;
padding-right: 20px;
text-align: right
}
.dashboard-orderList-statusBlock {
display: block;
float: left;
width: 50%;
padding-left: 20px
}
.dashboard-orderList-orderNo {
transition: 0.25s
}
.dashboard-orderList-orderNo, .dashboard-orderList-cost {
display: block;
font-size: 18px;
font-weight: 700;
line-height: 20px;
padding-bottom: 2px
}
.dashboard-orderList-orderNo i {
font-size: 11px;
color: #9da6ab;
font-style: normal
}
.dashboard-orderList-date, .dashboard-orderList-paymentType {
display: block;
font-size: 12px;
line-height: 15px
}
.dashboard-orderList-statusIcon {
float: left;
width: 30px;
padding-top: 4px;
margin-right: -30px;
margin-bottom: -34px
}
.dashboard-orderList-statusIcon img {
width: 30px;
height: 30px;
transition: 0.25s
}
.dashboard-orderList-status {
display: block;
padding-left: 40px
}
.dashboard-orderList-status b {
display: block;
font-size: 15px;
font-weight: 700;
line-height: 15px;
padding-top: 4px;
padding-bottom: 3px
}
.dashboard-orderList-status i {
display: block;
font-size: 12px;
font-style: normal;
line-height: 15px
}
.dashboard-orderList a:hover .dashboard-orderList-orderNo {
color: #00b9ad;
transition: 0.125s
}
.dashboard-orderList a:hover .dashboard-orderList-statusIcon img {
opacity: .65;
transition: 0.125s
}
@media (max-width: 700px) {
.dashboard-orderList-idBlock {
float: left;
width: auto;
padding-right: 10px
}
.dashboard-orderList-paymentBlock {
float: right;
width: auto;
padding-left: 10px;
padding-right: 0
}
.dashboard-orderList-statusBlock {
float: none;
width: 100%;
clear: both;
padding-left: 0;
padding-top: 5px
}
}
.dashboard-order-details-confirmCancellation {
margin-bottom: 20px
}
.dashboard-order-details-confirmCancellation-box {
margin-bottom: 20px;
padding: 20px;
background: #f8f9f9
}
.dashboard-order-details-confirmCancellation-box .paragraph {
margin-bottom: 10px
}
.dashboard-order-details-confirmCancellation-actions {
margin-left: -10px
}
.dashboard-order-details-confirmCancellation-actions .input-button {
display: block;
float: left;
margin-left: 10px
}
.dashboard-subscriptionItem {
margin-bottom: 20px;
display: table;
width: 100%;
text-decoration: none
}
.dashboard-subscriptionItem-image {
display: table-cell;
width: 70px;
min-width: 70px;
vertical-align: middle;
transition: 0.25s
}
.dashboard-subscriptionItem-image img {
width: 70px;
height: 70px
}
.dashboard-subscriptionItem-image-subscribed {
background-color: #5a6870
}
.dashboard-subscriptionItem-image-notSubscribed {
background-color: #9da6ab
}
.dashboard-subscriptionItem:hover .dashboard-subscriptionItem-image-subscribed {
background-color: #9da6ab;
transition: 0.125s
}
.dashboard-subscriptionItem:hover .dashboard-subscriptionItem-image-notSubscribed {
background-color: #9da6ab;
transition: 0.125s
}
.dashboard-subscriptionItem-texts {
display: table-cell;
padding-left: 20px;
width: 100%
}
.dashboard-subscriptionItem-name {
display: block;
font-size: 32px;
color: #5a6870;
font-weight: 400;
margin-top: -8px
}
.dashboard-subscriptionItem-desc {
display: block;
font-size: 14px;
margin-top: 5px
}
.dashboard-subscriptionItem .input-button {
margin-top: 10px;
transition: 0.25s
}
.dashboard-subscriptionItem:hover .input-button {
transition: 0.125s;
background: #00b9ad
}
@media (max-width: 700px) {
.dashboard-subscriptionItem-texts {
padding-left: 10px
}
.dashboard-subscriptionItem-name {
font-size: 28px
}
.dashboard-subscriptionItem-desc {
font-size: 12px
}
}
@media (max-width: 450px) {
.dashboard-subscriptionItem-image {
width: 50px;
min-width: 50px
}
.dashboard-subscriptionItem-image img {
width: 50px;
height: 50px
}
.dashboard-subscriptionItem-name {
font-size: 24px
}
.dashboard-subscriptionItem-desc {
font-size: 10px
}
}
.directory-map {
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px
}
@media (max-width: 700px) {
.directory-map {
padding-left: 10px;
padding-right: 10px
}
}
@media print {
.directory-map {
width: 980px;
padding-left: 0;
padding-right: 0
}
}
#MapCanvas {
height: 600px;
width: 100%
}
#MapCanvas img {
max-width: none
}
#MapCanvas * {
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
letter-spacing: 0
}
.directory-table {
display: table;
width: 100%
}
.directory-table-row {
display: table-row
}
.directory-table-col {
display: table-cell;
vertical-align: top
}
.directory-filter {
margin-left: -10px
}
.rtl .directory-filter {
margin-left: 0;
margin-right: -10px
}
.directory-filter-part, .directory-filter-categories {
padding-left: 10px;
margin-bottom: 10px
}
.rtl .directory-filter-part, .rtl .directory-filter-categories {
padding-left: 0;
padding-right: 10px
}
.directory-filter-part {
float: left
}
.rtl .directory-filter-part {
float: right
}
.directory-filter-part-location {
width: 60%
}
.directory-filter-part-name {
width: 40%
}
.directory-filter-part-inner {
background: #f8f9f9;
padding: 10px
}
.directory-filter-heading {
font-size: 24px;
margin-bottom: 10px;
line-height: 30px
}
.directory-filter table, td.directory-filter-input, div.directory-filter-input {
clear: both;
width: 100%
}
td.directory-filter-input, td.directory-filter-radius, div.directory-filter-input, div.directory-filter-radius {
padding-right: 5px
}
.rtl td.directory-filter-input, .rtl td.directory-filter-radius, .rtl div.directory-filter-input, .rtl div.directory-filter-radius {
padding-right: 0;
padding-left: 5px
}
.directory-filter-input input {
width: 100%
}
.directory-filter-part-location .directory-filter-heading {
float: left;
margin-bottom: 0
}
.rtl .directory-filter-part-location .directory-filter-heading {
float: right
}
.directory-filter-autolocate {
float: right;
padding-top: 13px;
font-size: 14px;
line-height: 16px;
padding-bottom: 7px;
margin-bottom: 5px
}
.rtl .directory-filter-autolocate {
float: left
}
.directory-filter-autolocate a {
display: inline-block;
padding: 10px 10px 5px 10px;
margin: -10px -10px -5px -10px;
position: relative;
z-index: 2
}
.directory-filter-autolocate a:hover {
color: #00b9ad
}
.directory-filter-categories-items {
margin: -5px 0 -5px -20px;
float: left
}
.rtl .directory-filter-categories-items {
margin: -5px -20px -5px 0;
float: right
}
.directory-filter-categories-item {
float: left;
padding-left: 20px
}
.rtl .directory-filter-categories-item {
float: right;
padding-left: 0;
padding-right: 20px
}
.directory-filter-categories-item label {
display: inline-block;
font-size: 16px;
margin: 0;
padding: 10px 0 0 5px;
min-height: 40px;
line-height: 20px
}
.rtl .directory-filter-categories-item label {
padding: 10px 5px 0 0
}
.directory-filter-categories-item .input-checkbox {
margin-top: 0;
margin-bottom: 0
}
.rtl .directory-filter-categories-item .input-checkbox {
float: right
}
.directory-filter-categories .directory-filter-heading {
margin-bottom: 0;
float: left;
padding-right: 20px
}
.rtl .directory-filter-categories .directory-filter-heading {
float: right;
padding-right: 0;
padding-left: 20px
}
.directory-resultCount {
margin-bottom: 20px;
font-size: 23px;
line-height: 130%;
margin-top: 20px
}
.directory-resultCount a {
text-decoration: none
}
.directory-resultCount a i {
text-decoration: underline
}
.directory-resultCount a:hover {
color: #00b9ad
}
#MapCanvas .directory-map-infoWindow {
width: 250px;
font-family: 'Helvetica World W02', Arial, Helvetica, sans-serif;
letter-spacing: .03em;
font-size: 13px;
font-weight: 400
}
.directory-map-infoWindow-directions {
display: inline-block;
padding-top: 5px;
font-size: 12px;
color: #9da6ab
}
.pageBody>.directoryCard {
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px
}
@media (max-width: 700px) {
.pageBody>.directoryCard {
padding-left: 10px;
padding-right: 10px
}
}
@media print {
.pageBody>.directoryCard {
width: 980px;
padding-left: 0;
padding-right: 0
}
}
.directoryCard {
margin-bottom: 20px
}
.directoryCard-inner {
display: table
}
.directoryCard p+p {
margin-top: 10px
}
.directoryCard-thumb {
display: table-cell;
padding-right: 20px;
vertical-align: top
}
.rtl .directoryCard-thumb {
padding-right: 0;
padding-left: 20px
}
.directoryCard-thumb b {
display: block;
width: 300px;
min-height: 1px;
overflow: hidden;
text-align: center
}
.directoryCard-thumb img {
width: 300px;
height: 150px;
max-width: none
}
.directoryCard-thumb-uk {
display: table-cell;
padding-right: 20px;
vertical-align: top
}
.rtl .directoryCard-thumb-uk {
padding-right: 0;
padding-left: 20px
}
.directoryCard-thumb-uk b {
display: block;
width: 150px;
min-height: 1px;
overflow: hidden;
text-align: center
}
.directoryCard-thumb-uk img {
width: 150px;
height: 150px;
max-width: none
}
.directoryCard-info {
display: table-cell;
vertical-align: top
}
.directoryCard-texts .paragraph {
margin-bottom: 10px
}
.directoryCard-texts-title {
font-size: 27px;
color: #5a6870;
font-weight: 400;
margin-bottom: 10px;
line-height: 115%
}
@media (max-width: 700px) {
.directoryCard-texts-title {
font-size: 20px
}
}
.directoryCard-texts-item {
display: block;
line-height: 115%
}
.directoryCard-texts-item b {
color: #9da6ab;
font-weight: 400
}
.directoryCard-texts-distance {
line-height: 20px;
margin-bottom: 20px;
line-height: 115%
}
.directoryCard-texts-distance a:hover {
color: #00b9ad
}
.directoryCard-texts-distance-icon {
width: 20px;
height: 20px;
display: inline-block;
vertical-align: bottom;
margin-right: 5px
}
.rtl .directoryCard-texts-distance-icon {
margin-right: 0;
margin-left: 5px
}
.directoryCard-texts-distance a {
display: inline-block;
vertical-align: bottom;
margin: -5px 5px -5px -5px;
padding: 5px
}
.rtl .directoryCard-texts-distance a {
vertical-align: bottom;
margin: -5px -5px -5px 5px
}
.directoryCard-texts-item-tel {
display: inline-block;
direction: ltr
}
.adp-step, .adp-text {
padding-left: 25px
}
.rtl .adp-step, .rtl .adp-text {
padding-left: 0;
padding-right: 25px
}
.adp, .adp table {
width: 100%
}
@media (max-width: 700px) {
.directory-filter {
margin-left: 0px
}
.directory-filter-part, .directory-filter-categories {
padding-left: 0px;
width: 100%;
float: none;
margin-bottom: 10px
}
.directory-filter-heading {
font-size: 18px;
line-height: 22px;
font-weight: 700
}
.directory-filter-autolocate {
padding-top: 4px
}
.directory-filter-part .input-button {
padding-left: 10px;
padding-right: 10px
}
.directory-filter-categories-item label {
font-size: 14px;
padding-top: 12px;
line-height: 16px
}
.directoryCard-thumb {
padding-right: 10px
}
.rtl .directoryCard-thumb {
padding-right: 0;
padding-left: 10px
}
.directoryCard-thumb b {
width: 100px
}
.directoryCard-thumb img {
width: 200px;
max-width: 200px;
height: 100px;
margin: 0 -50px
}
.directoryCard-thumb-uk {
padding-right: 10px
}
.rtl .directoryCard-thumb-uk {
padding-right: 0;
padding-left: 10px
}
.directoryCard-thumb-uk b {
width: 150px
}
.directoryCard-thumb-uk img {
width: 150px;
max-width: 150px;
height: 150px
}
}
@media (max-width: 450px) {
.directory-filter-heading {
font-size: 16px;
line-height: 20px
}
.directory-filter-autolocate {
padding-top: 3px
}
.directory-filter-input input, .directory-filter-radius select {
font-size: 14px
}
.directory-filter-categories-item label {
font-size: 12px;
padding-top: 13px;
line-height: 14px
}
.directoryCard-thumb b {
width: 70px
}
.directoryCard-thumb img {
width: 140px;
max-width: 140px;
height: 70px
}
.directoryCard-thumb-uk b {
width: 100px
}
.directoryCard-thumb-uk img {
width: 100px;
max-width: 100px;
height: 100px
}
.directory-table-row {
display: block
}
.directory-table-col {
width: 50%
}
.directory-table-col.directory-filter-input {
display: block;
width: 100%;
padding-right: 0;
padding-bottom: 5px
}
.directory-filter-part .input-button {
width: 100%
}
}
@media (max-height:649px) {
#MapCanvas {
height: 550px
}
}
@media (max-height:609px) {
#MapCanvas {
height: 500px
}
}
@media (max-height:549px) {
#MapCanvas {
height: 450px
}
}
@media (max-height:509px) {
#MapCanvas {
height: 400px
}
}
@media (max-height:449px) {
#MapCanvas {
height: 350px
}
}
@media (max-height:409px) {
#MapCanvas {
height: 300px
}
}
.dealers-filter {
margin-left: -40px
}
.dealers-filter-part {
padding-left: 40px;
width: 50%;
float: left;
margin-bottom: 20px
}
.dealers-filter-part-location {
width: 60%
}
.dealers-filter-part-name {
width: 40%
}
.dealers-filter .heading2 {
margin-bottom: 5px
}
.dealers-filter table, td.dealers-filter-input {
width: 100%
}
.dealers-filter-input input {
width: 100%;
margin: 0px;
padding: 3px 5px;
border: 1px solid #aaa;
color: #5a6870;
height: 30px;
line-height: 22px
}
.dealers-filter-radius select {
height: 30px;
line-height: 22px;
margin: 0px 0px 0px 2px;
padding: 3px 3px 3px 5px;
border: 1px solid #aaa;
color: #5a6870
}
.dealers-filter-button input {
margin: 0px 0px 0px 2px;
padding: 0px 5px;
color: #fff;
background: #333;
display: block;
border: none;
cursor: pointer;
line-height: 30px;
height: 30px;
font-size: 18px
}
@media (max-width:599px) {
.dealers-filter {
margin-left: 0px
}
.dealers-filter-part {
padding-left: 0px;
width: 100%;
float: none
}
}
.dealers-resultCount {
margin-bottom: 20px;
font-size: 23px;
line-height: 115%
}
.dealers-resultCount a {
text-decoration: none
}
.dealers-resultCount a i {
text-decoration: underline
}
.dealers-resultCount a:hover {
text-decoration: underline
}
@media (max-height:649px) {
#MapCanvas {
height: 550px
}
}
@media (max-height:609px) {
#MapCanvas {
height: 500px
}
}
@media (max-height:549px) {
#MapCanvas {
height: 450px
}
}
@media (max-height:509px) {
#MapCanvas {
height: 400px
}
}
@media (max-height:449px) {
#MapCanvas {
height: 350px
}
}
@media (max-height:409px) {
#MapCanvas {
height: 300px
}
}
.dealer {
margin-bottom: 20px
}
.dealer+.dealer {
border-top: 1px solid #aaa;
padding-top: 20px
}
.dealer p+p {
margin-top: 10px
}
.dealer-thumb {
float: left;
margin-right: 20px
}
.dealer-thumb img {
width: 150px;
max-width: none
}
.dealer-texts-desc, .dealer-texts-distance {
padding-left: 170px
}
.dealer-texts-noThumb .dealer-texts-desc {
padding-left: 0
}
@media (max-width:499px) {
.dealer-thumb img {
max-width: 100px
}
.dealer-texts-desc, .dealer-texts-distance {
padding-left: 120px
}
}
.dealer-texts-distance {
line-height: 20px
}
.dealer-texts-distance-icon {
width: 20px;
height: 20px;
display: inline-block;
vertical-align: bottom;
margin-right: 5px
}
.dealer-texts-distance a {
display: inline-block;
vertical-align: bottom;
margin: -5px 5px -5px -5px;
padding: 5px
}
.dealer-texts-left {
width: 52%;
float: left;
min-height: 160px
}
.dealer-texts-right {
width: 48%;
float: left
}
.dealer-texts-right h3 {
padding-left: 20px
}
.dealer-texts-right .dealer-product {
display: inline-block;
width: 23%;
padding-left: 0;
margin-bottom: 20px
}
.dealer-texts-right .dealer-product img {
display: block;
width: 100%;
height: auto;
margin-bottom: 5px
}
.dealer-texts-right .dealer-product .dealer-productName {
display: block;
text-align: center;
font-size: 12px
}
@media (max-width:900px) {
.dealer-texts-right .dealer-product {
width: 24%
}
}
@media (max-width:767px) {
.productFilter-checkbox li{
width: 50%;
float: left;
}
.dealer-texts-left, .dealer-texts-right {
width: 100%;
float: none;
margin-bottom: 20px
}
.dealer-texts-right {
margin-left: -10px
}
.dealer-texts-right h3 {
padding-left: 10px
}
.dealer-texts-right .dealer-product {
width: 15%;
padding-left: 10px
}
}
@media (max-width:599px) {
.dealer-texts-right .dealer-product {
width: 24%
}
}
.searchResults {
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px
}
@media (max-width: 700px) {
.searchResults {
padding-left: 10px;
padding-right: 10px
}
}
@media print {
.searchResults {
width: 980px;
padding-left: 0;
padding-right: 0
}
}
.searchResults-query {
margin-bottom: 40px
}
.searchResults-query-inner {
display: table-row;
width: 100%
}
.searchResults-query-icon {
display: table-cell;
width: 62px;
background: #ebedee;
padding: 10px 0;
vertical-align: middle
}
.searchResults-query-icon-inner {
width: 61px;
height: 30px;
overflow: hidden;
d: 0;
border-right: 2px solid #fff
}
.searchResults-query-icon-inner img {
display: block;
width: 30px;
height: 30px;
margin: 0 auto
}
.searchResults-query-input {
display: table-cell;
width: 100%;
background: #ebedee;
vertical-align: middle;
outline: none
}
.searchResults-query-input input {
width: 100%;
margin: 0;
padding: 10px 20px;
border: none;
line-height: 30px;
font-size: 25px;
font-weight: 700;
background: transparent;
height: 50px;
display: block
}
.searchResults-query-button {
display: table-cell;
vertical-align: middle
}
.searchResults-query-button a {
background: #5a6870;
line-height: 20px;
white-space: nowrap;
padding: 15px 20px;
min-width: 100px;
display: block;
d: 0;
margin: 0 0 0 20px;
color: #fff;
text-decoration: none;
font-size: 18px;
font-weight: 700;
text-align: center
}
.searchResults-query-button a:hover, .searchResults-query-button a:focus {
background: #00b9ad;
outline: none
}
.searchResults-query-note {
font-size: 11px;
padding: 10px 0 0 82px
}
.rtl .searchResults-query-note {
padding: 10px 82px 0 0
}
.searchResults-list ul {
margin: 0;
padding: 0;
list-style: none
}
.searchResults-list li {
margin: 0;
padding: 0;
border-bottom: 1px solid #d8dbdd
}
.searchResults-list li:first-child {
border-top: 1px solid #d8dbdd
}
.searchResults-listItem-link {
display: block;
padding: 20px 0;
text-decoration: none;
color: #5a6870
}
.searchResults-listItem-path {
display: block;
color: #9da6ab;
font-size: 12px;
line-height: 14px;
margin-bottom: 5px;
padding: 0 10px 2px 10px;
margin: 0 -10px;
min-width: 100%;
min-height: 0;
overflow: hidden;
transition: 0.25s
}
.searchResults-listItem-path span {
display: inline-block
}
.searchResults-listItem-name {
display: block;
font-size: 18px;
font-weight: 700;
transition: 0.25s;
line-height: 115%
}
.searchResults-listItem-link:hover .searchResults-listItem-name {
color: #00b9ad;
transition: 0.125s
}
.searchResults-listItem-nameDesc, .searchResults-listItem-product-type, .searchResults-listItem-product-desc {
display: block;
font-size: 13px;
margin-top: 5px;
line-height: 115%
}
.searchResults-listItem-product {
display: table
}
.searchResults-listItem-product-image {
display: table-cell;
vertical-align: top;
d: 0;
padding-right: 10px
}
.searchResults-listItem-product-image img {
display: block;
width: 75px
}
.searchResults-listItem-product-texts {
display: table-cell;
vertical-align: top
}
.searchResults-listItem-product-type, .searchResults-listItem-product-desc {
color: #9da6ab
}
.searchResults-listItem-product-desc {
font-size: 12px;
margin-top: 10px
}
.searchResults-listItem-product-desc b {
color: #5a6870
}
.searchResults-noHits {
font-style: italic
}
@media (max-width: 700px) {
.searchResults-query {
padding: 10px
}
.searchResults-query-icon {
display: none
}
.searchResults-query-input input {
padding: 10px;
font-size: 20px
}
.searchResults-query-button a {
margin: 0 0 0 10px;
min-width: 60px;
font-size: 14px
}
.rtl .searchResults-query-button a {
margin: 0 10px 0 0
}
.searchResults-query-note {
padding: 10px 0 0 0
}
.searchResults-listItem-product {
display: block
}
.searchResults-listItem-product:after {
content: "";
display: block;
clear: both
}
.searchResults-listItem-product-image {
display: block;
d: 0;
padding-right: 10px;
margin-bottom: 10px;
float: left
}
.searchResults-listItem-product-texts {
display: block
}
}
@media (max-width: 450px) {
.searchResults-listItem-product-image img {
width: 40px
}
}
.instructionsSearch {
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
margin-bottom: 20px
}
@media (max-width: 700px) {
.instructionsSearch {
padding-left: 10px;
padding-right: 10px
}
}
@media print {
.instructionsSearch {
width: 980px;
padding-left: 0;
padding-right: 0
}
}
.instructionsSearch-query {
margin-bottom: 40px
}
.instructionsSearch-query-inner {
display: table-row;
width: 100%
}
.instructionsSearch-query-icon {
display: table-cell;
width: 62px;
background: #ebedee;
padding: 10px 0;
vertical-align: middle
}
.instructionsSearch-query-icon-inner {
width: 61px;
height: 30px;
overflow: hidden;
d: 0;
border-right: 2px solid #fff
}
.instructionsSearch-query-icon-inner img {
display: block;
width: 30px;
height: 30px;
margin: 0 auto
}
.instructionsSearch-query-input {
display: table-cell;
width: 100%;
background: #ebedee;
vertical-align: middle;
outline: none
}
.instructionsSearch-query-input input {
width: 100%;
margin: 0;
padding: 10px 20px;
border: none;
line-height: 30px;
font-size: 25px;
font-weight: 700;
background: transparent;
height: 50px;
display: block
}
.instructionsSearch-query-button {
display: table-cell;
vertical-align: middle
}
.instructionsSearch-query-button a {
background: #5a6870;
line-height: 20px;
white-space: nowrap;
padding: 15px 20px;
min-width: 100px;
display: block;
d: 0;
margin: 0 0 0 20px;
color: #fff;
text-decoration: none;
font-size: 18px;
font-weight: 700;
text-align: center
}
.instructionsSearch-query-button a:hover, .instructionsSearch-query-button a:focus {
background: #00b9ad;
outline: none
}
.instructionsSearch-query-title {
font-size: 24px;
padding: 0 0 10px 0;
line-height: 115%
}
.instructionsSearch-query-note {
font-size: 11px;
d: 0;
padding: 10px 0 0 82px;
line-height: 115%
}
.instructionsSearch-results-row {
d: 0;
margin-left: -20px;
margin-bottom: 20px
}
.instructionsSearch-results-name {
font-size: 27px;
color: #5a6870;
font-weight: 400;
d: 0;
float: left;
width: 40%;
d: 0;
padding-left: 20px
}
@media (max-width: 700px) {
.instructionsSearch-results-name {
font-size: 20px
}
}
.instructionsSearch-results-row ul {
width: 60%;
d: 0;
float: right;
d: 0;
padding: 0 0 0 10px;
margin: -10px 0;
list-style: none
}
.instructionsSearch-results-row li {
d: 0;
float: left;
padding: 0;
margin: 0
}
.instructionsSearch-results-row li a {
display: block;
padding: 10px 10px;
margin: 0;
text-decoration: none
}
.instructionsSearch-results-row li a:hover {
color: #00b9ad
}
.instructionsSearch-results-row li span {
display: table
}
.instructionsSearch-results-row li i {
display: table-cell;
width: 20px;
min-width: 20px;
vertical-align: middle
}
.instructionsSearch-results-row li b {
display: table-cell;
vertical-align: middle;
font-weight: 400;
padding-left: 5px
}
.instructionsSearch-results-row li img {
display: block;
width: 20px;
height: 20px
}
@media (max-width: 700px) {
.instructionsSearch-query {
padding: 10px
}
.instructionsSearch-query-icon {
display: none
}
.instructionsSearch-query-input input {
padding: 10px;
font-size: 20px
}
.instructionsSearch-query-button a {
margin: 0 0 0 10px;
min-width: 60px;
font-size: 14px
}
.rtl .instructionsSearch-query-button a {
margin: 0 10px 0 0
}
.instructionsSearch-query-note {
padding: 10px 0 0 0
}
.rtl .instructionsSearch-query-note {
padding: 0 0 10px 0
}
}
@media (max-width: 450px) {
.instructionsSearch-results-name, .instructionsSearch-results-row ul {
width: 100%;
float: none;
margin-top: 0
}
}
.lockedFiles {
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px
}
@media (max-width: 700px) {
.lockedFiles {
padding-left: 10px;
padding-right: 10px
}
}
@media print {
.lockedFiles {
width: 980px;
padding-left: 0;
padding-right: 0
}
}
.lockedFiles-back-desktop a {
display: inline-block;
font-size: 15px;
font-weight: 700;
line-height: 22px;
padding: 18px 15px 10px 15px;
text-decoration: none
}
.lockedFiles-back-mobile a {
display: block;
float: right;
font-size: 12px;
font-weight: 700;
line-height: 50px;
padding: 0px 15px;
text-decoration: none
}
.lockedFiles-back-desktop a:hover, .lockedFiles-back-mobile a:hover {
background-color: #f8f9f9
}
#lightbox_overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
z-index: 10000;
background: #fff
}
#lightbox_contentArea {
position: absolute;
left: 0;
right: 60px;
top: 0;
bottom: 0;
overflow: hidden
}
#lightbox_loadingCell {
position: absolute;
z-index: 10001;
width: 0;
height: 0;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto
}
#lightbox_loadingCell:before, #lightbox_loadingCell:after {
position: relative;
content: "";
display: block;
width: 6px;
height: 6px;
border-radius: 3px;
background: #5a6870;
opacity: 0;
-webkit-animation: lightboxLoader 1.2s ease-in-out infinite;
-moz-animation: lightboxLoader 1.2s ease-in-out infinite;
-o-animation: lightboxLoader 1.2s ease-in-out infinite;
animation: lightboxLoader 1.2s ease-in-out infinite
}
#lightbox_loadingCell:after {
margin-top: -6px;
-webkit-animation-delay: .6s;
-moz-animation-delay: .6s;
-o-animation-delay: .6s;
animation-delay: .6s
}
#lightbox_contentCell {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 10002
}
#lightbox_toolbars {
position: absolute;
top: 0;
right: 0;
width: 60px;
height: 100%;
background: #f2f2f2
}
#lightbox_close {
position: absolute;
top: 0;
right: 0
}
#lightbox_navigationBar {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 60px;
height: 180px;
margin: auto 0
}
#lightbox_page {
width: 60px;
height: 40px;
line-height: 40px;
font-size: 8px;
text-align: center
}
#lightbox_page_inner {
display: inline-block;
line-height: normal;
vertical-align: middle;
padding: 0 5px
}
#lightbox_page_current {
font-size: 16px;
display: inline-block
}
#lightbox_page_total {
display: inline-block
}
#lightbox_commandBar {
position: absolute;
bottom: 0;
right: 0
}
.lightbox-icon {
width: 60px;
height: 60px;
padding: 20px;
cursor: pointer
}
.lightbox-icon img {
width: 20px;
height: 20px
}
#lightbox_save {
padding: 0
}
#lightbox_save a {
display: block;
padding: 20px
}
.lightbox-slideContainer-outer {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-ms-touch-action: pinch-zoom;
touch-action: pinch-zoom
}
.lightbox-slideContainer-outer-bgClear {
background: #fff
}
.lightbox-slideContainer-outer-bgToolbar {
background: #f2f2f2
}
.lightbox-slideContainer {
position: absolute;
top: 20px;
bottom: 20px;
left: 20px;
right: 20px;
z-index: 10003
}
.lightbox-slideContainer-table {
display: table;
width: 100%;
height: 100%
}
.lightbox-slideContainer-titleRow, .lightbox-slideContainer-descRow {
display: table-row;
height: 0
}
.lightbox-slideContainer-title.heading2 {
margin: 0;
padding: 0 0 10px 0;
text-align: center
}
.lightbox-slideContainer-imageRow {
display: table-row;
height: 100%
}
.lightbox-slideContainer-imageCell {
display: table-cell;
width: 100%;
height: 100%;
position: relative
}
.lightbox-slideContainer img {
width: auto;
height: auto;
max-width: none;
max-height: none;
position: absolute
}
.lightbox-slideContainer-desc {
margin: 0;
padding: 10px 0 0 0;
text-align: center;
font-size: 14px;
color: #5a6870
}
.lightbox-slideContainer-videoRow {
display: table-row;
height: 100%
}
.lightbox-slideContainer-videoCell {
display: table-cell;
width: 100%;
height: 100%;
position: relative
}
.lightbox-slideContainer-video-container {
position: absolute;
height: 0;
overflow: hidden
}
.lightbox-slideContainer-video-container iframe, .lightbox-slideContainer-video-container object, .lightbox-slideContainer-video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10005
}
#lightbox_dragIndicator_prev {
position: absolute;
left: 0;
top: 50%;
z-index: 10010
}
#lightbox_dragIndicator_next {
position: absolute;
right: 0;
top: 50%;
z-index: 10010
}
#lightbox_dragIndicator_close {
position: absolute;
left: 50%;
top: 0;
z-index: 10010
}
#lightbox_dragIndicator_prev span {
display: block;
margin-top: -50px;
padding: 20px;
background: #f2f2f2;
margin-left: -100px
}
#lightbox_dragIndicator_next span {
display: block;
margin-top: -50px;
padding: 20px;
background: #f2f2f2;
margin-right: -100px
}
#lightbox_dragIndicator_close span {
display: block;
margin-left: -50px;
padding: 20px;
background: #f2f2f2;
margin-top: -100px
}
#lightbox_dragIndicator_prev span, #lightbox_dragIndicator_next span, #lightbox_dragIndicator_close span {
opacity: 0;
transition-timing-function: ease-in-out;
transition-duration: .3s
}
#lightbox_dragIndicator_prev img, #lightbox_dragIndicator_next img, #lightbox_dragIndicator_close img {
width: 60px;
height: 60px
}
@media (max-width:600px), (max-height:500px) {
#lightbox_dragIndicator_prev span {
margin-top: -30px;
padding: 10px;
margin-left: -60px
}
#lightbox_dragIndicator_next span {
margin-top: -30px;
padding: 10px;
margin-right: -60px
}
#lightbox_dragIndicator_close span {
margin-left: -30px;
padding: 10px;
margin-top: -60px
}
#lightbox_dragIndicator_prev img, #lightbox_dragIndicator_next img, #lightbox_dragIndicator_close img {
width: 40px;
height: 40px
}
.lightbox-slideContainer {
top: 10px;
bottom: 10px;
left: 10px;
right: 10px
}
}
#lightbox_dragIndicator_prev.lightbox-visible span {
margin-left: 0;
opacity: 1
}
#lightbox_dragIndicator_next.lightbox-visible span {
margin-right: 0;
opacity: 1
}
#lightbox_dragIndicator_close.lightbox-visible span {
margin-top: 0;
opacity: 1
}
@-webkit-keyframes lightboxLoader {
from {
left: -12px;
opacity: 0
}
50% {
opacity: 1
}
to {
left: 8px;
opacity: 0
}
}
@-moz-keyframes lightboxLoader {
from {
left: -12px;
opacity: 0
}
50% {
opacity: 1
}
to {
left: 8px;
opacity: 0
}
}
@-ms-keyframes lightboxLoader {
from {
left: -12px;
opacity: 0
}
50% {
opacity: 1
}
to {
left: 8px;
opacity: 0
}
}
@-o-keyframes lightboxLoader {
from {
left: -12px;
opacity: 0
}
50% {
opacity: 1
}
to {
left: 8px;
opacity: 0
}
}
@keyframes lightboxLoader {
from {
left: -12px;
opacity: 0
}
50% {
opacity: 1
}
to {
left: 8px;
opacity: 0
}
}
@media (orientation:landscape) {
.rtl #lightbox_contentArea {
left: 60px;
right: 0
}
.rtl #lightbox_toolbars, .rtl #lightbox_commandBar, .rtl #lightbox_close {
right: auto;
left: 0
}
}
@media (orientation:portrait) {
#lightbox_contentArea {
left: 0;
right: 0;
bottom: 60px
}
#lightbox_toolbars {
top: auto;
width: 100%;
height: 60px;
bottom: 0
}
#lightbox_navigationBar {
width: 180px;
height: 60px;
margin: auto
}
#lightbox_close {
position: absolute;
top: 0;
right: auto;
left: 0
}
.rtl #lightbox_close {
right: 0;
left: auto
}
#lightbox_prev, #lightbox_page, .rtl #lightbox_next {
float: left
}
#lightbox_next, .rtl #lightbox_prev, .rtl #lightbox_page {
float: right
}
#lightbox_page {
height: 60px;
line-height: 60px
}
}
#botCtrl {
display: block;
width: 100px;
height: 100px;
position: fixed;
right: 45px;
bottom: 30px;
z-index: 2147483646;
background-image: url(../../images/custom/chatBot/open.png);
background-size: contain;
background-repeat: no-repeat
}
.avatar-icon #botCtrl {
background-image: none
}
#botCtrl.close {
background-image: url(../../images/custom/chatBot/close.png)
}
#botCtrl.close+.botIcon {
display: none !important
}
.botIcon {
display: block;
width: 100px;
height: 100px;
z-index: 2147483645;
position: fixed;
right: 45px;
bottom: 30px;
background-image: url(../../images/custom/chatBot/trigger_background.png);
background-size: cover;
background-repeat: no-repeat
}
.botIcon img {
width: 66.666666667px;
height: 66.666666667px;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
border: 2px solid #fff;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-top: -3px
}
.botIcon.pulse:before {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
content: "";
position: absolute;
width: 100%;
height: 100%;
-webkit-animation: pulsate1 3s;
-moz-animation: pulsate1 3s;
-o-animation: pulsate1 3s;
animation: pulsate1 3s;
-webkit-animation-direction: forwards;
animation-direction: forwards;
-webkit-animation-timing-function: steps;
animation-timing-function: steps;
-webkit-animation-delay: 2s;
-moz-animation-delay: 2s;
animation-delay: 2s;
-webkit-animation-iteration-count: 1;
-moz-animation-iteration-count: 1;
-o-animation-iteration-count: 1;
animation-iteration-count: 1;
opacity: 1;
border-radius: 50%;
border: 5px solid rgba(236, 0, 140, 0);
top: -3px;
left: 0;
background: rgba(198, 16, 0, 0)
}
@-webkit-keyframes pulsate1 {
0% {
-webkit-transform: scale(0.6);
transform: scale(0.6);
opacity: 1;
box-shadow: inset 0px 0px 25px 3px rgba(236, 0, 140, 0.75), 0px 0px 25px 10px rgba(236, 0, 140, 0.75)
}
100% {
-webkit-transform: scale(1, 1);
transform: scale(1);
opacity: 0;
box-shadow: none
}
}
@keyframes pulsate1 {
0% {
-webkit-transform: scale(0.6);
transform: scale(0.6);
opacity: 1;
box-shadow: inset 0px 0px 25px 3px rgba(236, 0, 140, 0.75), 0px 0px 25px 10px rgba(236, 0, 140, 0.75)
}
100% {
-webkit-transform: scale(1, 1);
transform: scale(1);
opacity: 0;
box-shadow: none
}
}
#bot {
position: fixed;
z-index: 2147483644;
-webkit-box-shadow: 0px 5px 15px rgba(90, 104, 112, 0.2);
box-shadow: 0px 5px 15px rgba(90, 104, 112, 0.2)
}
#bot .wc-card {
width: 186px
}
#bot .wc-adaptive-card {
width: 202px
}
#bot .wc-message-group-content {
width: 278px
}
html[lang|=sl] #bot .wc-header {
background-image: url(../../images/custom/chatBot/banner-sl.png)
}
html[lang|=en] #bot .wc-header {
background-image: url(../../images/custom/chatBot/banner-en.png)
}
html[lang|=cs] #bot .wc-header {
background-image: url(../../images/custom/chatBot/banner-cs.png)
}
html[lang|=hr] #bot .wc-header {
background-image: url(../../images/custom/chatBot/banner-hr.png)
}
html[lang|=sr] #bot .wc-header {
background-image: url(../../images/custom/chatBot/banner-sr.png)
}
body .wc-app, .wc-app button, .wc-app input, .wc-app textarea, .wc-app p {
font-family: 'Helvetica World W02', Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 130%
}
.wc-app button, .wc-app p {
font-size: 13px
}
.wc-app p {
color: #5a6870
}
.wc-app input::-moz-selection, .wc-app textarea::-moz-selection, .wc-app p::-moz-selection, .wc-app span::-moz-selection {
background: #5a6870;
color: #fff
}
.wc-app input::selection, .wc-app textarea::selection, .wc-app p::selection, .wc-app span::selection {
background: #5a6870;
color: #fff
}
.wc-app input[type=text], .wc-app textarea {
background-color: #fff;
color: #5a6870
}
.wc-app input[type=text]::-webkit-input-placeholder, .wc-app textarea::-webkit-input-placeholder {
color: #5a6870
}
.wc-app input[type=text]:-moz-placeholder, .wc-app textarea:-moz-placeholder {
color: #5a6870;
opacity: 1
}
.wc-app input[type=text]::-moz-placeholder, .wc-app textarea::-moz-placeholder {
color: #5a6870;
opacity: 1
}
.wc-app input[type=text]:-ms-input-placeholder, .wc-app textarea:-ms-input-placeholder {
color: #5a6870
}
.wc-app input[type=text]::-ms-input-placeholder, .wc-app textarea::-ms-input-placeholder {
color: #5a6870
}
.wc-app input[type=text]::placeholder, .wc-app textarea::placeholder {
color: #5a6870
}
.wc-app button {
background-color: #00b9ad;
border: 1px solid #00b9ad;
color: #fff;
cursor: pointer;
transition: .2s ease;
text-transform: uppercase
}
.wc-app h1, .wc-app h2, .wc-app h3, .wc-app h4, .wc-app p, .wc-app ul, .wc-app ol {
margin: 0;
padding: 0
}
.wc-app audio, .wc-app video {
display: block
}
.wc-hidden {
visibility: hidden
}
.wc-header {
background-color: #00b9ad;
box-shadow: 0 1px rgba(0, 0, 0, 0.2);
box-sizing: content-box;
color: #fff;
font-weight: 500;
height: 50px;
left: 0;
letter-spacing: 0.5px;
padding: 0;
position: absolute;
right: 0;
top: 0;
z-index: 1;
background-image: url(../../images/custom/chatBot/banner.png);
background-size: contain;
background-repeat: no-repeat
}
.wc-header span {
display: none
}
.wc-time {
color: #999;
margin-bottom: 10px
}
.wc-message-groups {
bottom: 40px;
left: 0;
transform: translateY(0);
outline: 0;
overflow-x: hidden;
overflow-y: scroll;
padding: 10px;
position: absolute;
right: 0;
top: 38px;
transition: transform 0.2s cubic-bezier(0, 0, 0.5, 1);
margin-top: 12px;
background-color: #fff;
box-shadow: inset 0px -15px 6px -10px rgba(90, 104, 112, 0.1)
}
.wc-message-groups.no-header {
top: 0
}
.wc-message-groups.disabled {
bottom: 0
}
.wc-message-group-content {
overflow: hidden
}
.wc-suggested-actions {
background-color: #fff;
bottom: 40px;
height: 0;
left: 0;
overflow: hidden;
position: absolute;
right: 0;
transition: height 0.2s cubic-bezier(0, 0, 0.5, 1)
}
.wc-suggested-actions.disabled {
bottom: 0
}
.wc-suggested-actions .wc-hscroll>ul {
height: 32px;
padding: 2px 5px
}
.wc-suggested-actions .wc-hscroll>ul>li {
display: inline-block;
margin: 2px;
max-width: 40%
}
.wc-suggested-actions .wc-hscroll>ul>li button {
background-color: #fff;
color: #5a6870;
min-height: 24px;
overflow: hidden;
padding: 0 3px;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
font-size: 13px;
border-color: #fff;
text-decoration: underline
}
.wc-suggested-actions .wc-hscroll>ul>li button:hover {
background-color: #fff;
border-color: #fff;
color: #00b9ad
}
.wc-suggested-actions .wc-hscroll>ul>li button:active {
background-color: #fff;
border-color: #fff;
color: #00b9ad
}
.wc-suggested-actions button.scroll {
background-color: #9da6ab;
height: 32px;
overflow: hidden;
padding: 0;
position: absolute;
top: 0;
width: 28px;
border-color: #9da6ab
}
.wc-suggested-actions button.scroll:disabled {
display: none
}
.wc-suggested-actions button.scroll:hover {
background-color: #5a6870;
border-color: #5a6870
}
.wc-suggested-actions button.scroll svg {
fill: #fff
}
.wc-suggested-actions button.scroll:hover svg {
fill: #fff
}
.wc-suggested-actions button.scroll.previous {
left: 0
}
.wc-suggested-actions button.scroll.previous svg path {
transform: translateY(1px) translateX(-2px)
}
.wc-suggested-actions button.scroll.next {
right: 0
}
.wc-suggested-actions button.scroll.next svg path {
transform: translateY(1px) translateX(-1px)
}
.wc-message-pane.show-actions .wc-message-groups {
top: 70px;
transform: translateY(-32px);
border-bottom: 1px solid #ebedee
}
.wc-message-pane.show-actions .wc-suggested-actions {
height: 32px
}
.wc-chatview-panel {
overflow: hidden;
position: absolute;
right: 0;
left: 0;
top: 0;
bottom: 0;
background-color: #fff
}
.wc-message-wrapper {
animation: animationFrames 2s;
animation-iteration-count: 1;
clear: both;
margin-bottom: 20px;
overflow: hidden;
position: relative
}
@keyframes animationFrames {
0% {
opacity: 0
}
20% {
opacity: 1
}
100% {}
}
.wc-message {
position: relative
}
.wc-message-wrapper.carousel .wc-message {
padding-right: 12px
}
.wc-message-wrapper.clickable {
background-color: transparent;
border: 1px solid transparent;
box-sizing: border-box;
cursor: pointer;
text-align: left;
width: 100%;
margin-top: 1px
}
.wc-message svg.wc-message-callout {
height: 22px;
position: absolute;
stroke: none;
top: 12px;
width: 6px
}
.wc-message-content {
padding: 12px;
word-break: break-word
}
.wc-message-content.selected {
box-shadow: 0px 1px 1px 0px #00b9ad
}
.wc-message-content img {
max-height: 320px;
max-width: 100%
}
.wc-message-content .video iframe {
border: 0;
max-width: 100%
}
.wc-message-content audio, .wc-message-content video {
max-width: 100%
}
.wc-message-content audio+h1, .wc-message-content video+h1 {
margin-top: 11px
}
.wc-message-from {
clear: left;
color: #767676;
font-size: 11px;
margin-top: 0;
visibility: hidden
}
.wc-message-from span {
display: none
}
.wc-card {
background-color: #ebedee
}
.wc-card button {
background-color: #fff;
color: #00b9ad;
min-height: 32px;
width: 100%;
padding: 0 16px
}
.wc-card button:hover {
background-color: #00b9ad;
border-color: #00b9ad;
color: #fff
}
.wc-card button:active {
background-color: #00b9ad;
border-color: #00b9ad;
color: #fff
}
.wc-card.receipt table {
border-collapse: collapse;
width: 100%
}
.wc-card.receipt th, .wc-card.receipt td {
text-align: right;
vertical-align: top
}
.wc-card.receipt th:first-child, .wc-card.receipt td:first-child {
text-align: left
}
.wc-card.receipt th {
color: #808c95;
font-size: inherit;
font-weight: normal;
line-height: 1.75
}
.wc-card.receipt thead tr:last-child th {
padding-bottom: 16px
}
.wc-card.receipt th[colspan="2"] {
color: inherit;
font-size: 15px;
font-weight: 700
}
.wc-card.receipt td {
padding: 4px 8px 0 8px
}
.wc-card.receipt td img {
float: left;
margin: 5px 8px 8px 0;
max-height: 50px;
max-width: 50px
}
.wc-card.receipt div.title {
font-weight: bolder
}
.wc-card.receipt div.subtitle {
font-weight: lighter
}
.wc-card.receipt tbody tr, .wc-card.receipt tfoot tr {
border-top: 1px solid #d2dde5
}
.wc-card.receipt tbody tr:first-child, .wc-card.receipt tfoot tr:first-child {
border-top-width: 2px
}
.wc-card.receipt tfoot td {
line-height: 2.25
}
.wc-card.receipt tfoot .total {
font-weight: bold
}
.wc-card.thumbnail img {
float: right;
margin-bottom: 10px;
margin-left: 10px;
width: 100px
}
.wc-card.signin h1 {
margin: 10px 24px 16px 14px
}
.wc-card.error {
text-align: center
}
.wc-card.error .error-icon {
fill: #ccc;
height: 56px;
margin-bottom: 2px;
margin-top: 20px;
padding-left: 12px
}
.wc-card.error .error-text {
color: #ccc;
font-weight: 600;
letter-spacing: 0.5px;
margin-bottom: 20px;
text-align: inherit
}
.wc-card .ac-container {
padding: 0 !important
}
.wc-message {
max-width: 100%
}
.wc-adaptive-card p {
margin-left: 0;
margin-right: 0
}
.wc-list>.wc-card {
margin-top: 8px
}
.wc-list>.wc-card:first-child {
margin-top: 0
}
.wc-hscroll-outer {
overflow: hidden
}
.wc-hscroll {
overflow-x: scroll;
overflow-y: hidden
}
.wc-hscroll>ul {
white-space: nowrap
}
.wc-hscroll>ul>li {
display: inline-block;
vertical-align: top;
white-space: normal
}
.wc-carousel {
position: relative
}
.wc-carousel button.scroll {
background-color: #9da6ab;
height: 28px;
overflow: hidden;
padding: 0;
position: absolute;
top: 13%;
width: 28px;
border-color: #9da6ab
}
.wc-carousel button.scroll:disabled {
display: none
}
.wc-carousel button.scroll:hover {
background-color: #5a6870;
border-color: #5a6870
}
.wc-carousel button.scroll svg {
fill: #fff
}
.wc-carousel button.scroll:hover svg {
fill: #fff
}
.wc-carousel button.scroll.previous {
left: -24px
}
.wc-carousel button.scroll.previous svg path {
transform: translateX(-2px)
}
.wc-carousel button.scroll.next {
right: -24px
}
.wc-carousel button.scroll.next svg path {
transform: translateX(-1px)
}
.wc-carousel .wc-hscroll>ul {
margin-left: -12px
}
.wc-carousel .wc-hscroll>ul>li {
padding-left: 12px
}
.wc-carousel li p {
min-height: 4em;
white-space: normal
}
.wc-carousel li .wc-adaptive-card p {
min-height: 0
}
.wc-message-from-me {
float: right;
margin-right: 6px
}
.wc-message-from-me.wc-message-from {
text-align: right
}
.wc-message-from-me .wc-message-content {
background-color: #00b9ad;
color: #fff
}
.wc-message-from-me .wc-message-content p {
color: #fff
}
.wc-message-from-me svg.wc-message-callout path {
fill: #00b9ad
}
.wc-message-from-me svg.wc-message-callout path.point-left {
display: none
}
.wc-message-from-me svg.wc-message-callout {
right: -6px;
top: -7px
}
.wc-message-from-bot {
float: left;
margin-left: 0;
padding-left: 40px;
background-image: url(../../images/custom/chatBot/avatar-small.png);
background-size: 30px;
background-repeat: no-repeat
}
.wc-message-from-bot .wc-message-content {
background-color: #ebedee;
color: #000
}
.wc-message-from-bot svg.wc-message-callout path {
fill: #ebedee
}
.wc-message-from-bot svg.wc-message-callout path.point-right {
display: none
}
.wc-message-from-bot svg.wc-message-callout {
left: 34px;
top: -6px
}
.wc-console {
bottom: 0;
box-sizing: border-box;
height: 40px;
left: 0;
position: absolute;
right: 0;
border-top: 1px solid #ebedee;
background-color: #fff
}
.wc-console>.wc-upload, .wc-console>.wc-textbox, .wc-console>.wc-send, .wc-console>.wc-mic {
position: absolute;
top: 0;
vertical-align: middle
}
.wc-console label, .wc-console button {
cursor: pointer;
display: inline-block;
height: 40px
}
.wc-console svg {
fill: #8a8a8a;
margin: 11px
}
.wc-console input[type=text], .wc-console textarea {
border: none;
height: 100%;
outline: none;
padding: 0;
resize: none;
width: 100%
}
.wc-console.has-text .wc-send svg {
fill: #00b9ad
}
.wc-console .wc-upload {
cursor: pointer;
position: relative
}
.wc-console .wc-upload svg {
height: 18px;
width: 26px
}
.wc-console #wc-upload-input {
font-size: 0;
height: 0;
left: 0;
opacity: 0;
outline: 0;
position: absolute;
top: 0;
width: 0
}
.wc-console .wc-send {
right: 0;
display: none
}
.wc-console .wc-send.hidden {
visibility: hidden
}
.wc-console.has-upload-button .wc-textbox {
left: 48px
}
.wc-console .wc-textbox {
bottom: 0;
left: 11px;
right: 11px
}
.wc-console .wc-textbox input {
background-color: transparent
}
.wc-console .wc-mic, .wc-console .wc-send {
background-color: transparent;
border: 0;
padding: 0;
right: 0
}
.wc-console .wc-mic.hidden, .wc-console .wc-send.hidden {
visibility: hidden
}
.wc-console .wc-send svg {
height: 18px;
width: 27px
}
.wc-console .wc-mic.active path#micFilling {
fill: #00b9ad
}
.wc-console .wc-mic.inactive path#micFilling {
visibility: hidden
}
.wc-console.has-text .wc-send svg {
fill: #00b9ad
}
.wc-typing {
background-image: url("data:image/gif;base64,R0lGODlhQAAYAPYBAOzv8evu8Ort7+fq7Ons7ujr7eXo6uTn6ebp6+Xn6ebo6uzu8OPm6OTm6OPm5+Tn6N/i4+Ll59/i5N7h4+Hk5uDj5evu7+Hk5d/h49PV18PFx7/BwsfJysXHyMLExdja3Nfa28vNz72/wL7Awc/S08TGyMDCw9TW2NbY2t3g4trd39bZ2szO0M7Q0dnb3djb3Nvd39ve4Nnc3dze4Nrc3t7g4tzf4dXX2d3f4d7h4tnc3tve383P0MrMzs7Q0sjKzNLU1s/R08jKy9DT1NfZ293g4efp68bIyby+v9bZ27q8vdHT1c7R0uvt78nLzM/R0tjb3ens7bO0tbS2t7GztK+xsrW3uK6vsLe4utfa3L/Awtzf4MnLzamqq5WWl66wsbm7vNrd3uXo6a2ur6yurp2en6KjpKusrZ+goKeoqers7urt7peXmIGBgYSEhHx8fJmamqipqnZ2doqLi8XHyY2NjpGSkpOUlJiYmZOTlI+QkJqbm4eIiJucnIuMjP///yH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MEY0RUJCMDNENkM4MTFFNkI5RENGRDgzMjAyQjU3QzUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MEY0RUJCMDRENkM4MTFFNkI5RENGRDgzMjAyQjU3QzUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowRjRFQkIwMUQ2QzgxMUU2QjlEQ0ZEODMyMDJCNTdDNSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowRjRFQkIwMkQ2QzgxMUU2QjlEQ0ZEODMyMDJCNTdDNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAUOAAEAIf4YT3B0aW1pemVkIHdpdGggZXpnaWYuY29tACwAAAAAQAAYAAACJoSPqcvtD6OctNqLs968+w+G4kiW5omm6sq27gvH8kzX9o3n+l0AACH5BAUHAAAALD4ACQACAAYAAAIERI5oBQAh+QQFBwAOACwsAAcAFAAJAAAEJRDISZetmJQ9uhcZyClGSY4hYjbHKqYs06ooLLuBPeM6b2u1SgQAIfkEBQcADQAsGAAHACUACQAABlFAgHAYKBqJyKRS+ahMchKnoSBYWq0Mp+rzimEiiUH1SjaCd64VioaTEo5lbA3GvaWjCmpcfnl27TZ4ent8Mmo6KW6EhXSIEGCDi4VZCG+SSUEAIfkEBQcABgAsEQAHABcACQAAB0aAAIKDAoSGh4RELD8sHwkBiJEoIUKVPSAHkJGJQZaWNQSbnJ6VMAOigzI8pDwxp6gCKUOMnhKFsAgvi59GuKkZPhkTBb6BACH5BAUHAAQALA8ABwANAAkAAAYsQICwYAgMj0LWZokSIAedpTSDREmvxaHyyjy2uN2hCqwZVLmqp2DF0bAkzyAAIfkEBRUABQAsDgAHAAoACQAABidAgDBgGAyHH5NoyUAunxuEcANdkqbVJTa7hZ6EkFFVcAx5ShmCMAgAIfkEBQcAAAAsLAAHABAACQAABC0QyClXpZWUwbsOU/AhSWmQGyiOB+Mq3rJ6zosKM22n+d2YqQzvBOOFcMOgJAIAIfkEBQcAAwAsIQAHABsACQAAB0yAAIKDAgGEh4iJKStLGTARBYmShDgoJEyYNBSRk4ouQJiZNQeFnYc5II2hJzMOBKanH6qiDK+wlBlBqxMGhreDE6m0Ub+xjBi9xYKBACH5BAUHAAYALB0ABwAQAAkAAAc+gACCAgoFg4eIGSNKSj0MiIckjJNHB5AAEiaTkzcBkC8im4w8BJ+hoj6lkBqiSC+XAUmnowOwsT8bJSiGl4EAIfkEBQcAAgAsHAAHAAsACQAABy2AAIIGDIOGRVhXijeHVYqPjIIej5QBglKUjweXmYoIkp0ClpyVhghCiRoUhoEAIfkEBRUAAgAsGwAHAAoACQAAByyAAIKCB4ODMlNkijKHY4qPMIJgj49ggpSUAQBXmIqSnRuEVJgMhiWJJQmCgQAh+QQFBwAAACwxAAcADQAJAAAEJRDICQKdgQyktrBS5h0G91WfSXYaWqjrK8rx6LL1cpf8GaY2SQQAIfkEBQcABgAsKwAHABMACQAABzyAAIKDBISGhzwbSB4ZCIeIIouLQI6PgjcmkpI4AZYDJCOak4WWQ1qiJi8Cnh8eqBiel6GbpLEgHIycsYEAIfkEBQcAAgAsKQAHAA0ACQAABzyAAIIBEhQBg4gBXHh1dWUZiQCLjZQriWWUlF2Hghh2mY14A4MVn6B7UYhmoHVSnJ13maiROFdse1YMiYEAIfkEBQcAAwAsDgAHACUACQAAB2OAA4KCBYOGh4iIETBRAI6PIIYNiZSHKWxymVUCkIcmlaAHbpmkcQCVQ6CUUqStKaeJR6qJcK2kdI6zugNltplOjh6IN7uGJr5vB44YngTFgwKYrRuPwR4dAwLPklNzbV4sj4EAIfkEBQcACgAsCwAHACcACQAAB2qAAIKDBAEACoiJiouMiQ4qBYSCLiw/LCsHho2bjF6KhpM9lpY3D4KcnAmMXaGjozECh6izihMFM5Wul5G0vQodBDY8uruyvqhcARVAxDgWxscbjQatrwOnx4mem8EZLUApkdDZClKJPIKBACH5BAUHAAoALAQABwASAAkAAAdCgACCCwEWhoOIiQMRKTQxFQYCioiMMi8fMJAEk5sQKpegjIWTEzqhNhcIo4qlpxSqnBWZroSxpi4zr5KcnTWei5yBACH5BAUHAAYALAAABwAQAAkAAAMRCLrc/rCIEIe9tOKpd/dfqCUAIfkEBRUAAQAsAAAIAAcACAAAAgaEj6nL7VAAIfkEBQcABQAsGwAHAAoACQAABzSAAIICDAODgyxSX1UeDYiLkEoIABJUkJBDADeXkZqci0eUU58ogkBVlxoEgzobVkpLqwCBACH5BAUHAAMALBMABwARAAkAAAdPgACCgwIEhoSIhTJBRx08RBSFiRQvTBoimI8VkoQ4GU4bmKFLMAqTS42iji8RAYgwqCOqQS4Mpz2hmUAxCJMqQ6mrrYmuOShPLSc2Bq6EgQAh+QQFBwAJACwHAAcAGgAJAAAHWIAAgoMBhYaEiImDFTNZRC44FAiHiomMK0A+mTaSlJWCEUVQJySaNzoYDAWfiJIfGUymkBEDrIuusLI1tJ6VDrs3pUMoKhANBLa3W4+lLym8ycqczwer0YEAIfkEBQcACwAsAAAHABYACQAABS4gIAbkaJ5oVF3HIJTpqWJ048bpVKsFjM+7xA03WgV7xOIRmUQ4jKxh0/V0+oghACH5BAUVAAEALAAABwAKAAkAAAIIhI+py+0PYQEAIfkEBQcABQAsJgAHAAwACQAAB0qAAIIEYhQGAYODN1R1bnpXN4iCGV98bZd+ZxmIFx54l6B4SodhYI2gbXZUOQAwSnqoqVMYrSV9sWUbA5NYp7IwiRgaZndmHhWDgQAh+QQFBwAHACwZAAcAGAAJAAAHboAAgoMEhYYBhImJMUMcGyNII0JANQWKimEkHUpVaWlUSkdLOFGXgxIoIY9dZWZnWCYsRBGmgikZPyJSnmhdU1pOJxKIpkW4kLy+kjfDtRWpHlhnvWOwPB8NxMXHVGevyxBqtacgQSFcTsFQtOOBACH5BAUHAAMALAkABwAgAAkAAAdtgACCgwKFhoSIiYoFFWEZPi1PJDczEQSLmIONQCElGyYckZUFmZg2KEwcHkqsPUsfEwYBpYkRMDc8R59gHkJBKzgNh7SCtriqvL2/KQzDxGIpK0FOq0jKsLLPiConLLrXNs3atS6UqDQS2eMAgQAh+QQFBwALACwAAAcAGQAJAAAHUIAAAYNNhIKHiImIDDk6ICoSCQSKlIg1MjcnmRAHk5WKFTErmqQURoafghA0KKStoQKplpCuMRUKsbKqW0S1EQOoshispQa5urtFMxO/x8iBACH5BAUHAAIALAAABwALAAkAAAIJhI+py+3xolwFACH5BAUHAAEALAAACQABAAUAAAIChF0AOw==");
background-repeat: no-repeat;
height: 20px;
width: 64px
}
.wc-animate-scroll {
left: 0;
position: absolute;
transition: left .8s ease
}
.wc-animate-scroll-rapid {
left: 0;
position: absolute;
transition: left .4s ease
}
.wc-animate-scroll-near {
left: 0;
position: absolute;
transition: left 0.3s ease-in-out
}
.format-markdown>p {
margin-bottom: 0px
}
.format-markdown>br+p, .format-markdown>br+ol, .format-markdown>br+ul {
margin-top: 8px
}
.format-markdown>br {
display: none
}
.format-markdown code {
white-space: pre-wrap
}
.format-markdown+div {
margin-top: 8px
}
.format-markdown ol {
padding-left: 30px
}
.format-markdown ul {
padding-left: 33px
}
.wc-app ::-webkit-scrollbar {
width: 8px
}
.wc-app::-webkit-scrollbar * {
background-color: transparent
}
.wc-app ::-webkit-scrollbar-thumb {
background-color: #dbdee1
}
.wc-icon-download {
display: inline-block;
height: 20px;
margin-left: 8px;
vertical-align: top;
width: 12px
}
.wc-text-download {
display: inline-block;
font-weight: 500;
text-decoration: none
}
.wc-message-from-bot a.wc-link-download:link, .wc-message-from-bot a.wc-link-download:visited {
color: #000;
opacity: 1
}
.wc-message-from-bot a.wc-link-download:link .wc-icon-download, .wc-message-from-bot a.wc-link-download:visited .wc-icon-download {
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat
}
.wc-message-from-bot a.wc-link-download:hover {
color: #00b9ad;
opacity: 1
}
.wc-message-from-bot a.wc-link-download:hover .wc-icon-download {
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat
}
.wc-message-from-bot a.wc-link-download:active {
color: #00b9ad;
opacity: 0.8
}
.wc-message-from-bot a.wc-link-download:active .wc-icon-download {
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat
}
.wc-message-from-me a.wc-link-download:link, .wc-message-from-me a.wc-link-download:visited {
color: #fff;
opacity: 1
}
.wc-message-from-me a.wc-link-download:link .wc-icon-download, .wc-message-from-me a.wc-link-download:visited .wc-icon-download {
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat
}
.wc-message-from-me a.wc-link-download:hover {
color: #fff;
opacity: 0.8
}
.wc-message-from-me a.wc-link-download:hover .wc-icon-download {
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat
}
.wc-message-from-me a.wc-link-download:active {
color: #fff;
opacity: 0.6
}
.wc-message-from-me a.wc-link-download:active .wc-icon-download {
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.wc-app input[type=text], .wc-app textarea {
font-size: 16px;
transform-origin: top left;
transform: scale(0.875)
}
}
#bot {
height: 600px;
width: 315px;
right: 60px;
bottom: 150px
}
@media (max-height:825px) {
#botCtrl, .botIcon {
bottom: 0px
}
#bot {
bottom: 100px
}
}
@media (max-height:750px) {
#botCtrl.close {
width: 80px;
height: 80px
}
#botCtrl, .botIcon {
right: 50px;
bottom: 12px
}
#bot {
right: 50px;
bottom: 20px
}
#bot .wc-console .wc-textbox {
right: 100px
}
#bot .wc-suggested-actions {
border-right: 100px solid #fff
}
}
@media (max-height:640px) {
#bot {
height: auto;
top: 20px
}
}
jdiv .wrap_mW {
z-index: 2147483643 !important
}
@media (max-width: 450px), (max-height:480px) {
#botCtrl, .botIcon {
right: 3px;
bottom: 0
}
#botCtrl.close {
right: 0;
bottom: -6px
}
#bot {
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%
}
#bot .wc-card {
width: auto
}
#bot .wc-adaptive-card {
width: auto
}
#bot .wc-message-group-content {
width: auto
}
}
#botCtrl.open:before {
content: '1';
display: block;
position: absolute;
z-index: 3;
width: 15px;
height: 15px;
line-height: 15px;
text-align: center;
right: 15px;
top: 10px;
font-size: 10px;
color: #fff;
background: #ec008c;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px
}
.botMessage {
opacity: 0;
position: fixed;
z-index: 2147483645;
right: 60px;
bottom: 130px;
display: block;
max-width: 300px;
background-color: #fff;
color: #5a6870;
font-size: 14px;
text-align: center;
-webkit-box-shadow: 0px 5px 15px rgba(90, 104, 112, 0.2);
box-shadow: 0px 5px 15px rgba(90, 104, 112, 0.2)
}
.botMessage-inner {
display: block;
padding: 45px 20px 20px 20px
}
.botMessage-avatar {
position: absolute;
max-width: 70px;
top: 0;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
.botMessage-avatar img {
max-width: 100%
}
.botMessage-avatarDesc {
display: block;
font-size: 11px;
margin-bottom: 20px;
color: #babbba
}
.botMessage-call {
display: block;
background-color: #00b9ad;
color: #fff;
padding: 10px 20px;
text-transform: uppercase;
font-weight: 700
}
@media (max-width:1220px) {
.botMessage {
right: 10px
}
}
@media (max-width: 450px), (max-height:480px) {
.botMessage {
left: 10px;
max-width: calc(100% - 20px);
padding-left: 20px;
padding-right: 20px;
padding-bottom: 20px
}
}
.pageBody>.bi2015icons, .pageBody>.bi2015navgrid {
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px
}
@media (max-width: 700px) {
.pageBody>.bi2015icons, .pageBody>.bi2015navgrid {
padding-left: 10px;
padding-right: 10px
}
}
@media print {
.pageBody>.bi2015icons, .pageBody>.bi2015navgrid {
width: 980px;
padding-left: 0;
padding-right: 0
}
}
.bi2015icons, .bi2015navgrid {
margin-bottom: 20px
}
.bi2015icons-inner {
margin-left: -20px;
margin-top: -40px;
text-align: center;
font-size: 0;
display: inline
}
.bi2015icons-item {
display: inline-block;
vertical-align: top;
padding-left: 20px;
padding-top: 40px;
width: 33.333333333%
}
.bi2015icons-item a {
display: block;
text-decoration: none
}
.bi2015icons-item-icon {
display: block;
width: 70px;
margin: 0 auto 20px auto;
position: relative;
left: 0;
top: 0
}
.bi2015icons-item-icon img {
transition: 0.25s
}
.bi2015icons-item-icon-overlay {
opacity: 0;
position: absolute;
left: 0;
top: 0
}
.bi2015icons-item-title {
display: block;
font-size: 40px;
color: #00b9ad;
line-height: 110%;
font-weight: 400;
text-align: center
}
.bi2015icons-item-text {
display: block;
font-size: 18px;
color: #5a6870;
line-height: 125%;
margin-top: 15px;
font-weight: 700;
text-align: center;
transition: 0.25s
}
.bi2015icons-item-title-new {
display: block;
font-size: 18px;
color: #5a6870;
line-height: 125%;
margin-top: 15px;
font-weight: 700;
text-align: center;
transition: 0.25s
}
.bi2015icons-item-text-new {
display: block;
font-size: 14px;
color: #5a6870;
line-height: 130%;
margin-top: 15px;
font-weight: 400;
text-align: center;
transition: 0.25s
}
.bi2015icons-item a .bi2015icons-item-title {
text-decoration: underline
}
.bi2015icons-item a:hover .bi2015icons-item-icon img {
opacity: .85;
transition: 0.125s
}
.bi2015icons-item a:hover .bi2015icons-item-icon .bi2015icons-item-icon-overlay {
opacity: 1
}
.bi2015navgrid-inner {
margin: -80px 0 0 -20px
}
.bi2015navgrid-item {
float: left;
width: 33.333333333%;
padding: 80px 0 0 20px
}
.bi2015navgrid-item a {
display: block;
position: relative;
padding-bottom: 50%;
height: 0
}
.bi2015navgrid-item-image {
display: block;
position: absolute;
z-index: 1;
left: 0;
width: 100%;
top: 0;
height: 100%;
transition: 0.25s
}
.bi2015navgrid-item-title {
display: block;
position: absolute;
z-index: 2;
left: 0;
bottom: 0;
max-width: 100%;
background: #5a6870;
color: #fff;
font-weight: 700;
font-size: 15px;
line-height: 115%;
padding: 5px 20px 5px 10px;
transition: 0.25s
}
.bi2015navgrid-item-title:after {
display: block;
position: absolute;
z-index: 3;
right: 0;
top: 50%;
margin-top: -0.5em;
width: 16px;
content: "»";
height: 1em;
line-height: 1em
}
.bi2015navgrid-item a:hover .bi2015navgrid-item-image {
opacity: .85;
transition: 0.125s
}
.bi2015navgrid-item a:hover .bi2015navgrid-item-title {
background: #00b9ad;
transition: 0.125s
}
@media (max-width: 900px) {
.bi2015icons-inner {
display: block
}
.bi2015icons-item {
width: 50%
}
.bi2015icons-item-icon {
margin-bottom: 10px
}
.bi2015icons-item-text {
margin-top: 10px
}
.bi2015icons-item-text-new {
margin-top: 10px
}
.bi2015navgrid-inner {
margin: -60px 0 0 -20px
}
.bi2015navgrid-item {
padding: 60px 0 0 20px
}
}
@media (max-width: 700px) {
.bi2015icons-item {
width: 100%;
display: block
}
.bi2015navgrid-inner {
margin: -40px 0 0 -20px
}
.bi2015navgrid-item {
padding: 40px 0 0 20px;
width: 50%
}
}
@media (max-width: 450px) {
.bi2015icons-inner {
margin-top: -20px
}
.bi2015icons-item {
padding-top: 20px
}
.bi2015icons-item-icon {
width: 50px;
margin-bottom: 5px
}
.bi2015icons-item-title {
font-size: 32px
}
.bi2015icons-item-text {
font-size: 14px;
margin-top: 5px
}
.bi2015icons-item-title-new {
font-size: 14px;
margin-top: 5px
}
.bi2015icons-item-text-new {
font-size: 14px;
margin-top: 5px
}
.bi2015navgrid-inner {
margin: -20px 0 0 -20px
}
.bi2015navgrid-item {
padding: 20px 0 0 20px;
width: 100%;
float: none
}
}
.productSet2 {
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
margin-bottom: 40px
}
@media (max-width: 700px) {
.productSet2 {
padding-left: 10px;
padding-right: 10px
}
}
@media print {
.productSet2 {
width: 980px;
padding-left: 0;
padding-right: 0
}
}
.productSet2:after {
content: "";
display: block;
clear: both
}
.productSet2+.productSet2:before {
border-top: 1px solid #d8dbdd;
display: block;
content: "";
width: 100%;
margin-top: 40px;
margin-bottom: 40px
}
.productSet2-components-plus {
font-size: 48px;
font-weight: 400;
line-height: 50px;
margin: -25px 0 -15px 0;
text-align: left;
color: #9da6ab
}
.productSet2-image {
width: 200px;
vertical-align: middle;
text-align: center;
float: left
}
.productSet2-image img {
max-width: 100%;
margin: 0 auto;
transition: 0.25s
}
.productSet2-image+.productSet2-data {
margin-left: 220px
}
.productSet2-data-title {
display: inline-block;
font-size: 21px;
font-weight: 700;
color: #5a6870;
transition: 0.25s;
color: #9da6ab;
margin-bottom: 10px;
margin-left: 50px;
font-weight: normal
}
.productSet2-components-product {
padding-left: 50px
}
.productSet2-components-product a {
display: block;
color: #5a6870;
text-decoration: none;
position: relative
}
.productSet2-components-product-row {
display: table
}
.productSet-components-product-image {
display: block;
width: 50px;
vertical-align: middle;
text-align: center
}
.productSet-components-product-image img {
max-width: 100%;
margin: 0 auto;
opacity: .65;
transition: 0.25s
}
.productSet2-components-product-texts {
display: table-cell;
vertical-align: top;
padding-left: 10px
}
.productSet2-components-product-texts-name {
color: #9da6ab
}
.productSet2-components-product-texts-type {
display: inline-block;
font-size: 16px;
font-weight: 700;
color: #9da6ab
}
.productSet2-components-product a .productSet2-components-product-texts-type {
color: #5a6870
}
.productSet2-components-product a:hover .productSet2-components-product-texts-type {
color: #00b9ad !important
}
.productSet2-components-product-texts-desc {
display: block;
font-size: 12px;
padding-top: 2px;
color: #5a6870
}
.productSet2-components-product-texts-desc b {
font-weight: 400;
color: #5a6870
}
.productSet2-components-product a img {
opacity: 1
}
.productSet2-components-product a:hover img {
opacity: .85;
transition: 0.125s
}
.productSet2-sum {
display: block;
margin-top: 10px
}
.productSet2-sum-equal {
display: inline-block;
vertical-align: middle;
width: 40px;
min-width: 40px
}
.productSet2-sum-equal span {
display: block;
font-size: 48px;
font-weight: 400;
line-height: 20px;
margin-top: -5px
}
.productSet2-sum-price {
display: inline-block;
vertical-align: middle;
border-top: 2px solid #d8dbdd;
padding-top: 5px;
text-align: right;
margin-right: 20px;
margin-left: 10px
}
.productSet2-sum-price small {
display: block;
text-decoration: line-through;
font-size: 16px;
font-weight: 700
}
.productSet2-sum-price b {
display: block;
font-size: 26px;
font-weight: 400;
color: #ec008c
}
.productSet2-sum-price-setNote {
display: block;
font-size: 12px
}
.productSet2-sum-price-setData {
font-weight: 700;
color: #9da6ab
}
.productSet2-sum-price-setData img {
max-width: 1.2em;
max-height: 1.2em;
display: inline-block;
vertical-align: middle
}
.productSet2-sum-button {
display: inline-block;
vertical-align: middle;
padding-top: 5px
}
@media (min-width:500px) {
.productSet2-image+.productSet2-data .productSet-components-product-image {
display: none
}
.productSet2-image+.productSet2-data .productSet2-components-product-texts {
padding-left: 0
}
}
@media (max-width:639px) {
.productSet2-image {
width: 150px
}
.productSet2-image+.productSet2-data {
margin-left: 170px
}
}
@media (max-width:549px) {
.productSet2-image {
width: 100px
}
.productSet2-image+.productSet2-data {
margin-left: 120px
}
}
@media (max-width:499px) {
.productSet2-image {
display: none
}
.productSet2-image+.productSet2-data {
margin-left: 0 !important
}
}
.productSet2.compact .productSet2-image {
width: 150px
}
.productSet2.compact .productSet2-image+.productSet2-data {
margin-left: 170px
}
.productSet2.compact .productSet2-components-product-texts-type {
font-weight: 400
}
.productSet2.compact .productSet2-components-product a .productSet2-components-product-texts-type {
font-weight: 700
}
@media (min-width:701px) and (max-width:800px) {
.productSet2.compact .productSet2-image {
display: none
}
.productSet2.compact .productSet2-image+.productSet2-data {
margin-left: 0
}
.productSet2.compact .productSet2-image+.productSet2-data .productSet-components-product-image {
display: block
}
.productSet2.compact .productSet2-image+.productSet2-data .productSet2-components-product-texts {
padding-left: 10px
}
}
.pageBody>.googleMaps {
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px
}
@media (max-width: 700px) {
.pageBody>.googleMaps {
padding-left: 10px;
padding-right: 10px
}
}
@media print {
.pageBody>.googleMaps {
width: 980px;
padding-left: 0;
padding-right: 0
}
}
.googleMaps {
position: relative;
margin-bottom: 40px
}
.googleMaps img {
max-width: none;
width: auto
}
.googleMaps-holder {
width: 100%
}
.googleMaps-holder-narrow {
height: 400px
}
.googleMaps-holder-large {
height: 800px;
max-height: 800px
}
.googleMaps-overlay {
position: absolute;
bottom: 20px;
right: 40px;
z-index: 5
}
.googleMaps-filterHolder {
background-color: #fff;
padding: 10px;
font-size: 13px
}
.googleMaps-filterHolder input[type="checkbox"] {
float: left;
display: block;
width: 13px;
height: 13px;
margin: 3px 5px 0 0;
padding: 0;
border: 0
}
.googleMaps-filterHolder li label span {
line-height: 160%
}
.googleMaps-overlay ul, .googleMaps-overlay li {
margin: 0;
padding: 0;
list-style-type: none;
line-height: 20px
}
.googleMaps .info-content {
max-width: 200px
}
.googleMaps .info-content .g-image, .googleMaps .info-content .g-image img {
width: 100%
}
.googleMaps .info-content div.g-image-leftWrap {
width: 30%;
float: left;
padding-right: 10px;
padding-bottom: 10px
}
.googleMaps .info-content .g-image-leftWrap img {
margin-right: 10px
}
.googleMaps .info-content div.g-image-rightWrap {
width: 30%;
float: right;
padding-left: 10px;
padding-bottom: 10px
}
.googleMaps .info-content .g-image-rightWrap img {
padding-left: 10px
}
.googleMaps .info-content h3 {
font-size: 14px
}
.googleMaps .info-content div.text {
font-size: 12px
}
.googleMaps .info-content div.text a:hover {
color: #00b9ad
}
@media (max-width: 700px) {
.googleMaps {
position: relative;
margin-bottom: 20px
}
.googleMaps-holder-narrow {
height: 300px
}
.googleMaps-overlay {
bottom: 10px;
right: 20px
}
}
@media (max-width: 450px) {
.googleMaps-overlay {
position: static;
background: none
}
.googleMaps-filterHolder {
padding: 0
}
.googleMaps-filterHolder li {
line-height: 30px
}
.googleMaps-filterHolder li input[type="checkbox"] {
height: 13px;
margin-top: 8px
}
}
@media (max-height:900px) {
.googleMaps-holder-large {
height: 850px
}
}
@media (max-height:850px) {
.googleMaps-holder-large {
height: 800px
}
}
@media (max-height:800px) {
.googleMaps-holder-large {
height: 750px
}
}
@media (max-height:750px) {
.googleMaps-holder-large {
height: 700px
}
}
@media (max-height:700px) {
.googleMaps-holder-large {
height: 650px
}
}
@media (max-height:650px) {
.googleMaps-holder-large {
height: 600px
}
}
@media (max-height:600px) {
.googleMaps-holder-large {
height: 550px
}
}
@media (max-height:550px) {
.googleMaps-holder-large {
height: 500px
}
}
@media (max-height:500px) {
.googleMaps-holder-large {
height: 450px
}
}
@media (max-height:450px) {
.googleMaps-holder-large {
height: 400px
}
}
@media (max-height:400px) {
.googleMaps-holder-large {
height: 350px
}
}
@media (max-height:350px) {
.googleMaps-holder-large {
height: 300px
}
}
.googleMaps-holder-large {
height: 90vh
}
.pageBody>.latestNewsFull {
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px
}
@media (max-width: 700px) {
.pageBody>.latestNewsFull {
padding-left: 10px;
padding-right: 10px
}
}
@media print {
.pageBody>.latestNewsFull {
width: 980px;
padding-left: 0;
padding-right: 0
}
}
.latestNewsFull {
margin-bottom: 20px
}
.latestNewsFull .latestNewsFull-item {
margin: 0 0 40px 0
}
.latestNewsFull .latestNewsFull-item:after {
content: "";
display: block;
clear: both
}
.latestNewsFull .latestNewsFull-title {
display: block;
font-size: 18px;
font-weight: 400;
margin: 0 0 10px 0
}
.latestNewsFull .latestNewsFull-item a {
text-decoration: none;
display: block
}
.latestNewsFull .latestNewsFull-item a .latestNewsFull-title {
transition: 0.25s
}
.latestNewsFull .latestNewsFull-item a:hover .latestNewsFull-title {
color: #00b9ad;
transition: 0.125s
}
.latestNewsFull .latestNewsFull-date {
display: block;
font-size: 12px;
font-weight: 400;
color: #9da6ab;
margin-bottom: 5px
}
.latestNewsFull .latestNewsFull-description {
display: table;
font-size: 14px;
font-weight: 400;
padding-left: 10px
}
.latestNewsFull .latestNewsFull-description:after {
content: "";
display: block;
clear: both
}
.latestNewsFull .latestNewsFull-item-noImage .latestNewsFull-description {
padding-left: 0;
margin-left: 0
}
.latestNewsFull .latestNewsFull-image {
display: block;
float: left;
width: 50%;
margin-bottom: 10px;
padding-right: 10px
}
.latestNewsFull .latestNewsFull-image img {
display: block;
width: 100%
}
.latestNewsFull a.latestNewsFull-viewMore {
display: inline-block;
vertical-align: top;
height: 28px;
line-height: 28px;
padding: 0 10px;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
color: #fff;
background: #5a6870;
text-decoration: none
}
.latestNewsFull a.latestNewsFull-viewMore .latestNewsFull-viewMore-arrow {
position: relative;
top: -1px;
left: 2px
}
.latestNewsFull a.latestNewsFull-viewMore:hover {
background-color: #00b9ad
}
.latestNewsFull .latestNewsFull-actions {
margin-bottom: 40px
}
@media (max-width: 900px) {
.narrowContent60 .latestNewsFull .latestNewsFull-image {
display: block;
float: left;
width: 30%
}
.narrowContent60 .latestNewsFull .latestNewsFull-date {
font-size: 11px
}
.narrowContent60 .latestNewsFull .latestNewsFull-title {
font-size: 16px
}
.narrowContent60 .latestNewsFull .latestNewsFull-description {
font-size: 12px;
font-weight: 400;
padding-left: 0;
margin-left: 0
}
.narrowContent60 .latestNewsFull .latestNewsFull-item {
margin: 0 0 20px 0
}
}
@media (max-width: 700px) {
.latestNewsFull .latestNewsFull-image {
margin-right: 10px
}
}
@media (max-width: 450px) {
.latestNewsFull .latestNewsFull-title {
font-size: 14px
}
.latestNewsFull .latestNewsFull-date {
font-size: 11px
}
}
.supportIntro {
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
margin-bottom: 20px
}
@media (max-width: 700px) {
.supportIntro {
padding-left: 10px;
padding-right: 10px
}
}
@media print {
.supportIntro {
width: 980px;
padding-left: 0;
padding-right: 0
}
}
.supportIntro-inner {
margin-left: -4px;
margin-top: -4px
}
.rtl .supportIntro-inner {
margin-left: 0;
margin-right: -4px
}
.supportIntro-main {
padding-left: 4px;
padding-top: 4px;
float: left;
width: 66.666666667%;
display: block;
position: relative
}
.rtl .supportIntro-main {
padding-left: 0;
padding-right: 4px;
float: right
}
.supportIntro-main a {
display: table;
min-height: 290px;
vertical-align: middle;
width: 100%;
text-decoration: none;
background: #f8f9f9
}
.supportIntro-main a span {
display: block
}
.supportIntro-main a>span {
display: table-cell;
vertical-align: middle;
width: 100%;
color: #9da6ab;
padding: 20px 100px 20px 20px
}
.rtl .supportIntro-main a>span {
padding: 20px 20px 20px 100px
}
.supportIntro-arrow {
position: absolute;
top: 50%;
right: 30px;
transition: 0.3s ease-out
}
.rtl .supportIntro-arrow {
right: auto;
left: 30px
}
.supportIntro-arrow img {
width: 50px;
height: 50px;
margin-top: -25px
}
.supportIntro-main-title, .supportIntro-main-large {
font-size: 46px;
font-weight: 400;
line-height: 115%;
color: #5a6870;
display: inline-block !important;
margin-right: .2em
}
.supportIntro-main-title {
transition: 0.25s
}
.supportIntro-main-small {
font-size: 16px;
font-weight: 700;
line-height: 115%
}
.supportIntro-main-smallEmphasis {
font-size: 16px;
font-weight: 700;
line-height: 115%;
color: #5a6870;
margin-top: 7px
}
.supportIntro-main-smallSubtle {
font-size: 16px;
font-weight: 400;
line-height: 115%;
text-transform: uppercase;
color: #9da6ab;
margin-top: .4em
}
.supportIntro-main-space {
height: 20px
}
.supportIntro-main-space-half {
height: 10px
}
.supportIntro-main a:hover {
background: transparent
}
.supportIntro-main a:hover .supportIntro-main-title {
color: #00b9ad;
transition: 0.125s
}
.supportIntro-main a:hover .supportIntro-arrow {
right: 20px
}
.rtl .supportIntro-main a:hover .supportIntro-arrow {
right: auto;
left: 20px
}
.supportIntro-icons {
float: left;
width: 33.333333333%
}
.rtl .supportIntro-icons {
float: right
}
.supportIntro-icon {
display: block;
width: 100%;
padding-top: 4px;
padding-left: 4px
}
.rtl .supportIntro-icon {
padding-left: 0;
padding-right: 4px
}
.supportIntro-icon a {
display: table;
width: 100%;
min-height: 143px;
background: #f8f9f9;
text-decoration: none
}
.supportIntro-icon a>span {
display: table-cell;
width: 100%;
min-height: 143px;
vertical-align: middle
}
.supportIntro-icon b {
display: block;
font-size: 25px;
font-weight: 400;
text-align: center;
vertical-align: middle;
padding: 0 10px
}
.supportIntro-icon i {
display: block;
vertical-align: middle
}
.supportIntro-icon img {
width: 70px;
height: 70px;
display: block;
margin: 0 auto
}
.supportIntro-icon a:hover {
display: table;
width: 100%;
min-height: 143px;
background: transparent;
color: #00b9ad
}
@media (max-width: 900px) {
.supportIntro-main, .supportIntro-icons {
width: 100%;
float: none
}
.supportIntro-main, .supportIntro-main a {
min-height: 0
}
.supportIntro-icon {
width: 50%;
float: left
}
}
@media (max-width: 700px) {
.supportIntro-main a {
padding: 10px 60px 10px 10px
}
.rtl .supportIntro-main a {
padding: 10px 10px 10px 60px
}
.supportIntro-arrow {
right: 10px
}
.rtl .supportIntro-arrow {
right: auto;
left: 10px
}
.supportIntro-main a:hover .supportIntro-arrow {
right: 5px
}
.rtl .supportIntro-main a:hover .supportIntro-arrow {
right: auto;
left: 5px
}
.supportIntro-main-title, .supportIntro-main-large {
font-size: 32px
}
.supportIntro-main-small, .supportIntro-main-smallEmphasis, .supportIntro-main-smallSubtle {
font-size: 15px
}
.supportIntro-icon b {
font-size: 20px
}
}
@media (max-width: 450px) {
.supportIntro-main-title, .supportIntro-main-large {
font-size: 24px
}
.supportIntro-main-small, .supportIntro-main-smallEmphasis, .supportIntro-main-smallSubtle {
font-size: 14px
}
.supportIntro-icon b {
font-size: 16px
}
}
.kitchenComponents {
margin-bottom: 20px;
width: 100%;
min-height: 1px;
overflow: hidden;
-ms-touch-action: pan-y pinch-zoom;
touch-action: pan-y pinch-zoom;
position: relative
}
.kitchenComponents-inner1, .kitchenComponents-indicator {
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px
}
@media (max-width: 700px) {
.kitchenComponents-inner1, .kitchenComponents-indicator {
padding-left: 10px;
padding-right: 10px
}
}
@media print {
.kitchenComponents-inner1, .kitchenComponents-indicator {
width: 980px;
padding-left: 0;
padding-right: 0
}
}
.kitchenComponents.sliderInitialized .kitchenComponents-inner2 {
position: relative
}
.kitchenComponents.sliderInitialized .kitchenComponents-container {
position: absolute
}
.kitchenComponents .slider-clickGuardOnDrag {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 5;
display: none
}
.kitchenComponents-glassPanels .kitchenComponents-inner2 {
margin-left: -40px;
height: 130px
}
.kitchenComponents-glassPanels-group {
float: left;
padding-left: 40px
}
.kitchenComponents-glassPanels-group-title {
margin: 0 0 10px 0 !important;
padding: 0 !important;
height: 20px;
line-height: 20px
}
.kitchenComponents-glassPanels-group-images {
white-space: nowrap;
height: 100px;
line-height: 100px;
margin-left: -20px
}
.kitchenComponents-glassPanels-group-image {
display: inline-block;
padding-left: 20px;
vertical-align: middle
}
.kitchenComponents-glassPanels-group-image a:hover {
opacity: .85
}
.kitchenComponents-glassPanels-group-image img {
display: block;
max-width: 300px;
max-height: 100px;
border: 1px solid #d8dbdd
}
.kitchenComponents-sinks .kitchenComponents-inner2 {
margin-left: -20px;
height: 120px
}
.kitchenComponents-sinks-item {
float: left;
padding-left: 20px
}
.kitchenComponents-sinks-item-image {
line-height: 100px;
height: 100px;
text-align: center
}
.kitchenComponents-sinks-item-image img {
display: inline-block;
vertical-align: middle;
max-width: 300px;
max-height: 100px
}
.kitchenComponents-sinks-item-text {
line-height: 15px;
font-size: 14px;
padding-top: 5px;
text-align: center;
white-space: nowrap
}
.kitchenComponents-handles .kitchenComponents-inner2 {
margin-left: -40px;
height: 120px
}
.kitchenComponents-handles-item {
float: left;
padding-left: 40px
}
.kitchenComponents-handles-item a {
display: block;
height: 120px;
text-decoration: none
}
.kitchenComponents-handles-item a:hover {
opacity: .85
}
.kitchenComponents-handles-item-image {
display: block;
line-height: 100px;
height: 100px;
text-align: center
}
.kitchenComponents-handles-item-image img {
display: inline-block;
vertical-align: middle;
max-width: 150px;
max-height: 100px
}
.kitchenComponents-handles-item-text {
display: block;
line-height: 15px;
font-size: 14px;
padding-top: 5px;
text-align: center;
white-space: nowrap;
color: #5a6870;
text-decoration: none;
transition: 0.25s
}
.kitchenComponents-handles-item a:hover .kitchenComponents-handles-item-text {
color: #00b9ad;
transition: 0.125s
}
.kitchenComponents-worktops .kitchenComponents-inner2 {
margin-left: -40px;
height: 120px
}
.kitchenComponents-worktops-item {
float: left;
padding-left: 40px
}
.kitchenComponents-worktops-item-image {
line-height: 100px;
height: 100px;
text-align: center
}
.kitchenComponents-worktops-item-image img {
display: inline-block;
vertical-align: middle;
max-width: 150px;
max-height: 100px
}
.kitchenComponents-worktops-item-text {
line-height: 15px;
font-size: 14px;
padding-top: 5px;
text-align: center;
white-space: nowrap;
color: #5a6870;
text-decoration: none;
transition: 0.25s
}
.kitchenComponents-worktops-all {
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px
}
@media (max-width: 700px) {
.kitchenComponents-worktops-all {
padding-left: 10px;
padding-right: 10px
}
}
@media print {
.kitchenComponents-worktops-all {
width: 980px;
padding-left: 0;
padding-right: 0
}
}
.kitchenComponents-worktops-all-inner {
margin-left: -20px;
margin-top: -20px
}
.kitchenComponents-worktops-all .kitchenComponents-worktops-item {
padding-left: 20px;
margin-top: 20px
}
.kitchenComponents-worktops-all .kitchenComponents-worktops-item-image {
line-height: 150px;
height: 150px
}
.kitchenComponents-worktops-all .kitchenComponents-worktops-item-image img {
max-width: 230px;
max-height: 150px
}
.pageBody>.outletKitchen {
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px
}
@media (max-width: 700px) {
.pageBody>.outletKitchen {
padding-left: 10px;
padding-right: 10px
}
}
@media print {
.pageBody>.outletKitchen {
width: 980px;
padding-left: 0;
padding-right: 0
}
}
.outletKitchen {
margin-bottom: 20px
}
.outletKitchen-item {
border-top: 1px solid #d8dbdd;
border-bottom: 1px solid #d8dbdd
}
.outletKitchen-item+.outletKitchen-item {
border-top: none
}
.outletKitchen-item-inner {
margin-left: -20px;
padding: 20px 0
}
.outletKitchen-item-inner:after {
content: "";
display: block;
clear: both
}
.outletKitchen-item-image {
float: left;
padding-left: 20px;
width: 60%;
position: relative;
min-height: 1px
}
.outletKitchen-item-name, .outletKitchen-item-desc {
padding-left: 20px
}
.outletKitchen-item-withImage .outletKitchen-item-name, .outletKitchen-item-withImage .outletKitchen-item-desc {
float: right;
width: 40%
}
.outletKitchen-item-name {
font-size: 28px;
margin-bottom: 10px
}
.outletKitchen-item-desc {
clear: right
}
.outletKitchen-item-desc.outletKitchen-descNoImage {
width: 100%
}
.outletKitchen-item-prices {
margin-left: -10px
}
.outletKitchen-item-priceOld {
display: inline-block;
vertical-align: middle;
margin: 3px 0 3px 10px;
position: relative;
min-width: 1px;
min-height: 1px;
overflow: hidden;
font-size: 18px
}
.outletKitchen-item-priceOld:after {
display: block;
width: 100%;
content: "";
position: absolute;
top: 45%;
border-top: 2px solid #00b9ad;
-webkit-transform: rotate(-5deg);
-moz-transform: rotate(-5deg);
-o-transform: rotate(-5deg);
transform: rotate(-5deg)
}
.outletKitchen-item-priceNew {
background: #ec008c;
color: #fff;
display: inline-block;
vertical-align: middle;
padding: 3px 5px;
font-size: 22px;
margin-left: 10px
}
.outletKitchen-item-image-overlay {
position: absolute;
left: 20px;
right: 0;
top: 0;
bottom: 0;
overflow: hidden
}
.outletKitchen-item-image-overlay-inner1 {
width: 100%;
height: 100%;
display: table
}
.outletKitchen-item-image-overlay-inner2 {
width: 100%;
height: 100%;
display: table-cell;
vertical-align: middle
}
.outletKitchen-item-image-overlayCaption {
display: block;
width: 120%;
padding: 10px 15%;
margin: 0 -10%;
background: #fff;
color: #00b9ad;
font-weight: 400;
font-size: 22px;
-webkit-transform: rotate(-15deg);
-moz-transform: rotate(-15deg);
-o-transform: rotate(-15deg);
transform: rotate(-15deg);
text-align: center;
text-transform: uppercase
}
@media (max-width: 900px) {
.outletKitchen-item-name {
font-size: 22px
}
}
@media (max-width: 700px) {
.outletKitchen-item-inner {
margin-left: -10px
}
.outletKitchen-item-image, .outletKitchen-item-name, .outletKitchen-item-desc {
clear: both;
width: 100% !important;
padding-left: 10px
}
.outletKitchen-item-image {
margin-bottom: 10px
}
.outletKitchen-item-image-overlay {
left: 10px
}
.outletKitchen-item-name {
font-size: 24px
}
}
@media (max-width: 450px) {
.outletKitchen-item-image-overlayCaption {
font-size: 16px
}
.outletKitchen-item-name {
font-size: 18px
}
.outletKitchen-item-priceOld {
font-size: 14px
}
.outletKitchen-item-priceNew {
font-size: 18px
}
}
.pageBody>.outletProducts {
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px
}
@media (max-width: 700px) {
.pageBody>.outletProducts {
padding-left: 10px;
padding-right: 10px
}
}
@media print {
.pageBody>.outletProducts {
width: 980px;
padding-left: 0;
padding-right: 0
}
}
.outletProducts {
margin-bottom: 20px
}
.outletProducts-inner {
margin-left: -40px
}
.outletProducts-separator {
margin-left: 40px;
border-top: 1px solid #d8dbdd;
clear: both
}
.outletProducts-separator-1 {
display: none
}
.outletProducts-item {
width: 50%;
float: left;
padding-left: 40px;
margin: 20px 0
}
.outletProducts-item>a {
display: block
}
.outletProducts-item-image {
display: block;
float: left;
padding-right: 10px;
width: 30%;
position: relative;
min-height: 1px
}
.outletProducts-item-image img {
margin: 0 auto;
max-height: 160px;
transition: 0.25s
}
.outletProducts-item-image-overlay {
display: block;
position: absolute;
left: 0;
right: 10px;
top: 0;
bottom: 0;
overflow: hidden
}
.outletProducts-item-image-overlay-inner1 {
width: 100%;
height: 100%;
display: table
}
.outletProducts-item-image-overlay-inner2 {
width: 100%;
height: 100%;
display: table-cell;
vertical-align: middle
}
.outletProducts-item-image-overlayCaption {
display: block;
width: 120%;
padding: 10px 10%;
margin: 0 -10%;
background: #fff;
color: #00b9ad;
font-weight: 400;
font-size: 12px;
-webkit-transform: rotate(-15deg);
-moz-transform: rotate(-15deg);
-o-transform: rotate(-15deg);
transform: rotate(-15deg);
text-align: center;
text-transform: uppercase
}
.outletProducts-item-image+.outletProducts-item-texts {
float: right;
width: 70%
}
.outletProducts-item-texts {
display: block
}
.outletProducts-item-texts-name {
display: block;
font-size: 21px;
font-weight: 700;
color: #9da6ab;
transition: 0.25s
}
.outletProducts-item-texts-type {
display: block;
font-size: 14px;
font-weight: 400;
color: #9da6ab;
margin-bottom: 10px
}
.outletProducts-item-texts-desc {
display: block;
font-size: 12px;
margin-top: 10px
}
.outletProducts-item>a:hover .outletProducts-item-texts-name {
color: #00b9ad;
transition: 0.125s
}
.outletProducts-item>a:hover .outletProducts-item-image img {
opacity: .85;
transition: 0.125s
}
.outletProducts-item-prices {
display: block;
margin-left: -10px
}
.outletProducts-item-priceOld {
display: inline-block;
vertical-align: middle;
margin: 3px 0 3px 10px;
position: relative;
min-width: 1px;
min-height: 1px;
overflow: hidden;
font-size: 18px
}
.outletProducts-item-priceOld:after {
display: block;
width: 100%;
content: "";
position: absolute;
top: 45%;
border-top: 2px solid #00b9ad;
-webkit-transform: rotate(-5deg);
-moz-transform: rotate(-5deg);
-o-transform: rotate(-5deg);
transform: rotate(-5deg)
}
.outletProducts-item-priceNew {
background: #ec008c;
color: #fff;
display: inline-block;
vertical-align: middle;
padding: 3px 5px;
font-size: 22px;
margin-left: 10px
}
@media (max-width: 900px) {
.outletProducts-item-image-overlayCaption {
font-size: 10px
}
.outletProducts-item-texts-name {
font-size: 22px
}
}
@media (max-width: 700px) {
.outletProducts-separator-1 {
display: block
}
.outletProducts-item {
width: 100%;
float: none
}
.outletProducts-item-image {
width: 25%
}
.outletProducts-item-image+.outletProducts-item-texts {
width: 75%
}
.outletProducts-item-image-overlayCaption {
font-size: 12px
}
.outletProducts-item-texts-name {
font-size: 24px
}
}
@media (max-width: 450px) {
.outletProducts-item-image {
width: 30%
}
.outletProducts-item-image+.outletProducts-item-texts {
width: 70%
}
.outletProducts-item-image-overlayCaption {
font-size: 10px
}
.outletProducts-item-priceOld {
font-size: 14px
}
.outletProducts-item-priceNew {
font-size: 16px
}
.outletProducts-item-texts-name {
font-size: 18px
}
.outletProducts-item-texts-type {
font-size: 12px
}
.outletProducts-item-texts-desc {
font-size: 10px
}
}
.pageBody>.ceramicTiles {
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px
}
@media (max-width: 700px) {
.pageBody>.ceramicTiles {
padding-left: 10px;
padding-right: 10px
}
}
@media print {
.pageBody>.ceramicTiles {
width: 980px;
padding-left: 0;
padding-right: 0
}
}
.ceramicTiles {
margin-bottom: 20px
}
.ceramicTiles-head {
margin: 0 0 20px 0;
cursor: pointer
}
.ceramicTiles-head-title {
display: inline;
margin: 0 20px 0 0;
font-size: 17px;
font-weight: 700
}
.ceramicTiles-head-toggle {
float: right;
margin-bottom: -3px;
height: 30px
}
.ceramicTiles-head-toggle-expand, .ceramicTiles-head-toggle-collapse {
height: 30px;
margin-bottom: -30px;
float: right
}
.ceramicTiles-head-toggle .collapsibleToggle-icon {
d: 0;
float: right
}
.ceramicTiles-head-toggle i {
display: inline-block;
font-size: 10px;
color: #9da6ab;
d: 0;
text-align: right;
d: 0;
padding-right: 25px;
font-style: normal;
transition: 0.25s
}
.ceramicTiles-head:hover .ceramicTiles-head-toggle i {
color: #00b9ad;
transition: 0.125s
}
.ceramicTiles-tileContainer {
position: relative;
width: 100%;
overflow: hidden
}
.ceramicTiles-full {
display: none
}
.ceramicTiles-info, .ceramicTiles-full-tiles {
margin: -30px 0 0 -30px
}
.ceramicTiles-info-tile, .ceramicTiles-full-tile {
padding: 30px 0 0 30px;
display: inline-block;
vertical-align: bottom
}
.ceramicTiles-full {
margin: -30px 0 0 -30px
}
.ceramicTiles-full-group {
padding: 30px 0 0 30px;
display: inline-block;
vertical-align: top
}
.ceramicTiles-full-group-title {
font-weight: 700;
padding-bottom: 10px;
max-width: 100%
}
.ceramicTiles-full-tile-name {
padding-top: 10px;
max-width: 300px
}
.ceramicTiles-full-group-title, .ceramicTiles-full-tile-name {
font-size: 12px;
line-height: 16px;
height: 26px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.ceramicTiles-info-tile a, .ceramicTiles-full-tile a {
padding: 15px;
margin: -15px;
display: block;
position: relative;
z-index: 1
}
.ceramicTiles-info-tile a img, .ceramicTiles-full-tile a img {
transition: 0.25s
}
.ceramicTiles-info-tile a:hover img, .ceramicTiles-full-tile a:hover img {
opacity: .85;
transition: 0.125s
}
.ceramicTiles-full-tile-withDetails {
line-height: normal
}
.ceramicTiles-full-tile-withDetails a {
display: inline-block;
vertical-align: bottom
}
.ceramicTiles-full-tile-withDetails ul {
display: inline-block;
vertical-align: bottom;
margin: 0;
padding: 0 0 0 5px;
list-style: none
}
.ceramicTiles-full-tile-withDetails ul li {
display: block;
font-size: 11px;
color: #9da6ab;
line-height: 20px
}
.ceramicTiles-full-tile-withDetails ul li b {
color: #5a6870;
font-weight: 700
}
@media (max-width: 700px) {
.ceramicTiles-head-toggle {
height: 26px
}
.ceramicTiles-head-toggle i {
font-size: 8px
}
.ceramicTiles-info {
margin: -20px 0 0 -20px
}
.ceramicTiles-info-tile {
padding: 20px 0 0 20px
}
.ceramicTiles-info-tile a {
padding: 10px;
margin: -10px
}
.ceramicTiles-full-tile-name {
font-size: 11px
}
}
@media (max-width: 450px) {
.ceramicTiles-full-tile-name {
font-size: 10px
}
}
.bathroomColors {
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
margin-bottom: 20px
}
@media (max-width: 700px) {
.bathroomColors {
padding-left: 10px;
padding-right: 10px
}
}
@media print {
.bathroomColors {
width: 980px;
padding-left: 0;
padding-right: 0
}
}
.bathroomColors table {
width: 100%
}
.bathroomColors thead td {
vertical-align: bottom;
font-weight: 400;
font-size: 20px;
padding-bottom: 5px
}
.bathroomColors thead td+td {
padding-left: 20px
}
.bathroomColors-color {
width: 100px;
min-width: 100px;
min-height: 60px;
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
border: 1px solid #d8dbdd
}
.bathroomColors tbody td {
transition: 0.25s
}
.bathroomColors tbody:hover td {
background-color: #ebedee;
transition: 0.125s
}
.bathroomColors-door, .bathroomColors-body {
padding-left: 20px;
min-width: 60px;
vertical-align: middle;
text-align: center
}
.bathroomColors-door b, .bathroomColors-body b {
color: transparent;
font-size: 0;
display: block;
margin: 0 auto;
width: 30px;
height: 30px;
padding: 5px 0 0 4px
}
.bathroomColors-door b:before, .bathroomColors-body b:before {
display: block;
content: "";
border-left: 2px solid #5a6870;
border-bottom: 2px solid #5a6870;
width: 20px;
height: 10px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg)
}
.bathroomColors-description {
padding: 5px 0 5px 20px;
width: 100%;
vertical-align: middle;
min-height: 40px;
font-size: 14px
}
.bathroomColors-separator b {
display: block;
border-top: 1px solid #d8dbdd;
margin: 5px 0 5px 10px
}
.bathroomColors-separator td {
padding: 0 !important
}
@media (max-width: 700px) {
.bathroomColors-color {
width: 50px;
min-width: 50px;
min-height: 40px
}
.bathroomColors-description {
font-size: 12px;
min-height: 35px
}
}
@media (max-width: 450px) {
.bathroomColors thead td {
font-size: 12px;
font-weight: 700
}
.bathroomColors thead td+td, .bathroomColors-door, .bathroomColors-body, .bathroomColors-description {
padding-left: 10px
}
.bathroomColors-door, .bathroomColors-body {
min-width: 40px
}
.bathroomColors-door b, .bathroomColors-body b {
width: 20px;
height: 20px;
padding: 3px 0 0 1px
}
.bathroomColors-door b:before, .bathroomColors-body b:before {
width: 16px;
height: 8px
}
.bathroomColors-description {
font-size: 10px;
min-height: 30px
}
}
.productGallery-slider {
margin-bottom: 20px;
width: 100%;
min-height: 1px;
overflow: hidden;
-ms-touch-action: pan-y pinch-zoom;
touch-action: pan-y pinch-zoom;
position: relative
}
.productGallery-slider-inner1 {
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px
}
@media (max-width: 700px) {
.productGallery-slider-inner1 {
padding-left: 10px;
padding-right: 10px
}
}
@media print {
.productGallery-slider-inner1 {
width: 980px;
padding-left: 0;
padding-right: 0
}
}
.productGallery-slider-indicator {
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
margin-top: -20px
}
@media (max-width: 700px) {
.productGallery-slider-indicator {
padding-left: 10px;
padding-right: 10px
}
}
@media print {
.productGallery-slider-indicator {
width: 980px;
padding-left: 0;
padding-right: 0
}
}
.productGallery-slider.sliderInitialized .productGallery-slider-inner2 {
position: relative
}
.productGallery-slider.sliderInitialized .productGallery-slider-container {
position: absolute
}
.productGallery-slider.sliderInitialized .productGallery-slider-inner2, .product-gallery-slider-item a {
height: 355px
}
.product-gallery-slider-item {
width: 245px;
float: left;
text-align: center
}
.product-gallery-slider-item a {
display: block;
text-align: center;
text-decoration: none
}
.product-gallery-slider-item-image {
display: block;
width: 245px
}
.product-gallery-slider-item-name {
display: block;
padding: 20px 7px 0 7px;
font-size: 21px;
font-weight: 700;
color: #9da6ab;
line-height: 100%;
transition: 0.25s
}
.product-gallery-slider-item-type {
display: block;
padding: 0 7px;
font-size: 14px;
font-weight: 400;
color: #9da6ab;
line-height: 100%
}
.product-gallery-slider-item-image img {
transition: 0.25s
}
.product-gallery-slider-item a:hover .product-gallery-slider-item-image img {
opacity: .85;
transition: 0.125s
}
.product-gallery-slider-item a:hover .product-gallery-slider-item-name {
color: #00b9ad;
transition: 0.125s
}
@media (max-width: 900px) {
.product-gallery-slider-item, .product-gallery-slider-item-image {
width: 220px
}
.productGallery-slider.sliderInitialized .productGallery-slider-inner2, .product-gallery-slider-item a {
height: 320px
}
.product-gallery-slider-item-name {
font-size: 20px;
padding-top: 15px
}
.product-gallery-slider-item-type {
font-size: 14px
}
}
@media (max-width: 700px) {
.product-gallery-slider-item, .product-gallery-slider-item-image {
width: 200px
}
.productGallery-slider.sliderInitialized .productGallery-slider-inner2, .product-gallery-slider-item a {
height: 280px
}
.product-gallery-slider-item-name {
font-size: 18px;
padding-top: 10px
}
.product-gallery-slider-item-type {
font-size: 12px
}
}
@media (max-width: 450px) {
.product-gallery-slider-item, .product-gallery-slider-item-image {
width: 130px
}
.productGallery-slider.sliderInitialized .productGallery-slider-inner2, .product-gallery-slider-item a {
height: 190px
}
.product-gallery-slider-item-name {
font-size: 13px;
padding-top: 11px
}
.product-gallery-slider-item-type {
font-size: 8px
}
}
.introSupportBox {
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
margin-bottom: 20px
}
@media (max-width: 700px) {
.introSupportBox {
padding-left: 10px;
padding-right: 10px
}
}
@media print {
.introSupportBox {
width: 980px;
padding-left: 0;
padding-right: 0
}
}
.introSupportBox-inner {
margin: 0 0 0 -20px
}
.introSupportBox-inner:after {
content: "";
display: block;
clear: both
}
.introSupportBox-image {
float: left;
width: 40%;
padding-left: 20px
}
.introSupportBox-text {
float: left;
width: 60%;
padding-left: 20px
}
.introSupportBox-phone-text {
margin: 0 0 5px 0;
font-weight: 700
}
.introSupportBox-phone-number {
margin: 0 0 20px 0;
font-size: 36px;
font-weight: 400
}
.introSupportBox-workingHours {
margin: 0 0 20px 0;
font-weight: 400
}
.introSupportBox-workingHours-title {
margin: 0 0 5px 0;
font-weight: 700
}
.introSupportBox-workingHours-time {
margin: 0 0 5px 0
}
.introSupportBox-links {
display: block;
padding: 0;
margin: 0;
list-style: none;
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2;
-moz-column-gap: 20px;
-webkit-column-gap: 20px;
column-gap: 20px
}
.introSupportBox-links:after {
content: "";
display: block;
clear: both
}
.introSupportBox-links li {
font-size: 16px;
font-weight: 400;
-webkit-column-break-inside: avoid;
-moz-column-break-inside: avoid;
-ms-column-break-inside: avoid;
-o-column-break-inside: avoid;
-webkit-break-inside: avoid;
break-inside: avoid;
line-height: 100%
}
.introSupportBox-links li a {
display: block;
padding: 8px 0 8px 1em;
text-decoration: none
}
.introSupportBox-links li a:hover {
color: #00b9ad
}
.introSupportBox-links li a .diagonalLinkArrow {
color: #00b9ad
}
@media (max-width: 700px) {
.introSupportBox-image {
float: none;
width: 100%;
display: none
}
.introSupportBox-text {
float: none;
width: 100%
}
.introSupportBox-phone-text {
font-size: 12px
}
.introSupportBox-workingHours-text {
font-size: 12px
}
}
.halfGridNav {
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px
}
@media (max-width: 700px) {
.halfGridNav {
padding-left: 10px;
padding-right: 10px
}
}
@media print {
.halfGridNav {
width: 980px;
padding-left: 0;
padding-right: 0
}
}
.halfGridNav-combined {
width: 100%;
height: 290px;
overflow: hidden;
margin-bottom: 20px;
position: relative
}
.halfGridNav-combined-link {
display: block;
text-decoration: none
}
.halfGridNav-combined-image {
display: block;
height: 290px;
background-repeat: no-repeat;
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
background-size: cover;
transition: 0.25s
}
.halfGridNav-combined-cellRight {
width: 50%;
float: right
}
.halfGridNav-combined-cellLeft {
width: 50%;
float: left
}
.halfGridNav-blackCell {
background: #000;
color: #fff
}
.halfGridNav-blackCell a {
color: #fff
}
.halfGridNav-whiteCell {
background: #fff;
color: #000
}
.halfGridNav-whiteCell a {
color: #000
}
.halfGridNav-lightCell {
background: #f8f9f9;
color: #5a6870
}
.halfGridNav-lightCell a {
color: #5a6870
}
.halfGridNav-title {
display: block;
font-size: 48px;
transition: 0.25s;
font-weight: 400;
padding: 30px 20px 10px 30px
}
.halfGridNav-combined-link:hover .halfGridNav-title {
color: #00b9ad;
transition: 0.125s
}
.halfGridNav-combined-link:hover .halfGridNav-combined-image {
opacity: .85;
transition: 0.125s
}
.halfGridNav-combined-icon {
float: left;
padding: 30px 20px 0 20px;
width: 100px;
height: 290px;
margin-bottom: -290px;
opacity: .6;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
transition: 0.25s
}
.halfGridNav-combined-icon img {
max-width: 100%;
max-height: 100px;
margin: 0 auto
}
.halfGridNav-sublinks {
display: block;
padding: 0;
margin: 0;
list-style: none;
margin-top: -5px
}
.halfGridNav-sublinks li {
display: block;
padding: 0;
margin: 0
}
.halfGridNav-sublinks a {
display: block;
text-decoration: none;
padding: 7px 0 7px 1em;
font-size: 16px;
min-height: 30px;
line-height: 100%
}
.halfGridNav-sublinks a:hover {
color: #00b9ad
}
.halfGridNav-sublinks .diagonalLinkArrow {
color: #5a6870
}
.halfGridNav-combined .halfGridNav-sublinks {
width: 50%;
float: left;
padding: 0 20px 0 30px
}
.halfGridNav-combined-textOnRight .halfGridNav-sublinks {
float: right
}
.halfGridNav-blackCell .halfGridNav-sublinks .diagonalLinkArrow {
color: #fff
}
.halfGridNav-whiteCell .halfGridNav-sublinks .diagonalLinkArrow {
color: #000
}
.halfGridNav-lightCell .halfGridNav-sublinks .diagonalLinkArrow {
color: #5a6870
}
.halfGridNav-combined-textOnRight .halfGridNav-combined-icon {
padding-left: 30px
}
.halfGridNav-combined-textOnRight .halfGridNav-title, .halfGridNav-combined-textOnRight .halfGridNav-sublinks {
padding-left: 40px
}
.halfGridNav-combined.navGridNav-withIcon .halfGridNav-title, .halfGridNav-combined.navGridNav-withIcon .halfGridNav-sublinks {
padding-left: 140px
}
.halfGridNav-combined.navGridNav-withIcon.halfGridNav-combined-textOnRight .halfGridNav-title, .halfGridNav-combined.navGridNav-withIcon.halfGridNav-combined-textOnRight .halfGridNav-sublinks {
padding-left: 150px
}
.halfGridNav-button {
position: absolute;
bottom: 10px;
right: 50%;
display: block;
min-width: 100px;
text-align: center;
font-size: 14px;
font-weight: 700;
color: #fff;
background: #5a6870;
padding: 5px 15px;
text-transform: uppercase;
transition: 0.25s
}
.halfGridNav-blackCell .halfGridNav-button {
color: #000;
background: #fff
}
.halfGridNav-whiteCell .halfGridNav-button {
color: #fff;
background: #000
}
.halfGridNav-lightCell .halfGridNav-button {
color: #fff;
background: #5a6870
}
.halfGridNav-combined-textOnRight .halfGridNav-button {
right: 0
}
.halfGridNav-combined-link:hover .halfGridNav-button {
background: #00b9ad;
color: #fff;
transition: 0.125s
}
.halfGridNav-blackCell .halfGridNav-combined-link:hover .halfGridNav-button, .halfGridNav-whiteCell .halfGridNav-combined-link:hover .halfGridNav-button {
color: #fff
}
.halfGridNav-lightCell .halfGridNav-combined-link:hover .halfGridNav-button {
color: #fff
}
@media (max-width:950px) {
.halfGridNav-title {
font-size: 44px
}
.halfGridNav-sublinks a {
font-size: 15px
}
}
@media (max-width:900px) {
.halfGridNav-combined-icon {
width: 90px
}
.halfGridNav-combined.navGridNav-withIcon .halfGridNav-title, .halfGridNav-combined.navGridNav-withIcon .halfGridNav-sublinks {
padding-left: 130px
}
.halfGridNav-combined.navGridNav-withIcon.halfGridNav-combined-textOnRight .halfGridNav-title, .halfGridNav-combined.navGridNav-withIcon.halfGridNav-combined-textOnRight .halfGridNav-sublinks {
padding-left: 140px
}
.halfGridNav-title {
font-size: 40px
}
}
@media (max-width:850px) {
.halfGridNav-combined-icon {
width: 80px
}
.halfGridNav-combined.navGridNav-withIcon .halfGridNav-title, .halfGridNav-combined.navGridNav-withIcon .halfGridNav-sublinks {
padding-left: 120px
}
.halfGridNav-combined.navGridNav-withIcon.halfGridNav-combined-textOnRight .halfGridNav-title, .halfGridNav-combined.navGridNav-withIcon.halfGridNav-combined-textOnRight .halfGridNav-sublinks {
padding-left: 130px
}
.halfGridNav-title {
font-size: 36px
}
.halfGridNav-sublinks a {
font-size: 14px
}
}
@media (max-width:800px) {
.halfGridNav-combined-icon {
width: 70px;
padding-left: 10px;
padding-right: 10px
}
.halfGridNav-combined-textOnRight .halfGridNav-combined-icon {
padding-left: 20px
}
.halfGridNav-combined.navGridNav-withIcon .halfGridNav-title, .halfGridNav-combined.navGridNav-withIcon .halfGridNav-sublinks {
padding-left: 90px
}
.halfGridNav-combined.navGridNav-withIcon.halfGridNav-combined-textOnRight .halfGridNav-title, .halfGridNav-combined.navGridNav-withIcon.halfGridNav-combined-textOnRight .halfGridNav-sublinks {
padding-left: 100px
}
.halfGridNav-title {
font-size: 32px
}
}
@media (max-width:750px) {
.halfGridNav-title {
font-size: 30px
}
.halfGridNav-sublinks a {
font-size: 13px
}
}
@media (max-width: 700px) {
.halfGridNav-combined {
width: 100%;
height: auto;
overflow: visible
}
.halfGridNav-combined.navGridNav-withSublinks.navGridNav-withButton {
padding-bottom: 35px
}
.halfGridNav-combined.navGridNav-withButton .halfGridNav-combined-link {
padding-bottom: 35px
}
.halfGridNav-combined.navGridNav-withSublinks.navGridNav-withButton .halfGridNav-combined-link {
padding-bottom: 0
}
.halfGridNav-combined-cellRight, .halfGridNav-combined-cellLeft {
width: 100%;
float: none;
clear: both
}
.halfGridNav-sublinks {
width: 100% !important;
float: none !important;
padding: 0 10px !important;
margin: 0;
clear: both
}
.halfGridNav-button {
position: absolute;
max-width: 100%;
right: 0;
bottom: 5px;
float: none
}
.halfGridNav-combined-icon {
margin: 0 !important;
padding: 10px !important;
height: auto;
width: 50px;
height: 50px
}
.halfGridNav-title {
padding: 20px !important
}
.halfGridNav-combined-hideOnPhone {
display: none
}
}
.navLine {
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
margin-bottom: 20px
}
@media (max-width: 700px) {
.navLine {
padding-left: 10px;
padding-right: 10px
}
}
@media print {
.navLine {
width: 980px;
padding-left: 0;
padding-right: 0
}
}
.navLine-inner {
margin-left: -4px;
margin-top: -4px
}
.rtl .navLine-inner {
margin-left: 0;
margin-right: -4px
}
.navLine-cell {
float: left;
padding-left: 4px;
padding-top: 4px
}
.rtl .navLine-cell {
float: right;
padding-left: 0;
padding-right: 4px
}
.navLine-normalHeight .navLine-cell-inner, .navLine-normalHeight .navLine-cell-mainLink {
height: 200px
}
.navLine-tall .navLine-cell-inner, .navLine-tall .navLine-cell-mainLink {
height: 300px
}
.navLine-cell-whiteTheme .navLine-cell-inner {
background-color: #fff
}
.navLine-cell-whiteTheme a {
color: #000
}
.navLine-cell-lightTheme .navLine-cell-inner {
background-color: #f8f9f9
}
.navLine-cell-lightTheme a {
color: #5a6870
}
.navLine-cell-blackTheme .navLine-cell-inner {
background-color: #000
}
.navLine-cell-blackTheme a {
color: #fff
}
.navLine-cell-inner {
position: relative;
width: 100%;
overflow: hidden;
background-position: center bottom;
background-repeat: no-repeat
}
.navLine-cell-inner2 {
position: absolute;
width: 100%;
min-height: 100%;
left: 0;
bottom: 0
}
.navLine-cell-mainLink {
display: block;
width: 100%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
text-decoration: none;
z-index: 2
}
.navLine-cell-title {
position: absolute;
left: 20px;
top: 20px;
right: 20px;
font-size: 27px;
font-weight: 400;
transition: 0.25s;
line-height: 110%
}
@media (max-width: 900px) {
.navLine-cell-title {
font-size: 23px
}
}
@media (max-width: 700px) {
.navLine-cell-title {
font-size: 24px
}
}
@media (max-width: 450px) {
.navLine-cell-title {
font-size: 17px
}
}
.navLine-cell-mainLink:hover .navLine-cell-title {
color: #00b9ad;
transition: 0.125s
}
.navLine-cell ul {
position: absolute;
display: block;
left: 0;
bottom: 0;
right: 0;
padding: 0 0 15px 0;
margin: 0;
z-index: 3;
list-style: none
}
.navLine-cell li {
display: block;
padding: 0;
margin: 0
}
.navLine-cell ul a {
display: block;
padding: 5px 20px;
text-decoration: none;
font-size: 20px
}
@media (max-width: 900px) {
.navLine-cell ul a {
font-size: 18px
}
}
@media (max-width: 700px) {
.navLine-cell ul a {
font-size: 18px
}
}
@media (max-width: 450px) {
.navLine-cell ul a {
font-size: 12px
}
}
.navLine-cell ul a:hover {
color: #00b9ad
}
.navLine-cell ul a span {
display: block;
padding-left: 1em
}
.rtl .navLine-cell ul a span {
padding-left: 0;
padding-right: 1em
}
@media (max-width:1250px) {
.navLine-cell-title {
font-size: 2.6vw !important
}
}
.navLine-cell-coverBg .navLine-cell-inner {
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
background-size: cover
}
.navLine-cell-icon .navLine-cell-inner {
-moz-background-size: contain;
-webkit-background-size: contain;
-o-background-size: contain;
background-size: contain
}
.navLine-1cols .navLine-cell-normalWidth {
width: 100%
}
.navLine-2cols .navLine-cell-normalWidth {
width: 50%
}
.navLine-2cols .navLine-cell-double {
width: 100%
}
.navLine-3cols .navLine-cell-normalWidth {
width: 33.333333333%
}
.navLine-3cols .navLine-cell-double {
width: 66.666666667%
}
.navLine-4cols .navLine-cell-normalWidth {
width: 25%
}
.navLine-4cols .navLine-cell-double {
width: 50%
}
.navLine-5cols .navLine-cell-normalWidth {
width: 20%
}
.navLine-5cols .navLine-cell-double {
width: 40%
}
.navLine-6cols .navLine-cell-normalWidth {
width: 16.666666667%
}
.navLine-6cols .navLine-cell-double {
width: 33.333333333%
}
.navLine-7cols .navLine-cell-normalWidth {
width: 14.285714286%
}
.navLine-7cols .navLine-cell-double {
width: 28.571428571%
}
.navLine-8cols .navLine-cell-normalWidth {
width: 12.5%
}
.navLine-8cols .navLine-cell-double {
width: 25%
}
.navLine-9cols .navLine-cell-normalWidth {
width: 11.111111111%
}
.navLine-9cols .navLine-cell-double {
width: 22.222222222%
}
.navLine-10cols .navLine-cell-normalWidth {
width: 10%
}
.navLine-10cols .navLine-cell-double {
width: 20%
}
@media (max-width: 900px) {
.navLine-tall .navLine-cell-inner, .navLine-tall .navLine-cell-mainLink {
height: 250px
}
}
@media (max-width: 700px) {
.navLine-normalHeight .navLine-cell-inner, .navLine-normalHeight .navLine-cell-mainLink {
height: 150px
}
.navLine-tall .navLine-cell-inner, .navLine-tall .navLine-cell-mainLink {
height: 250px
}
.navLine-cell-title {
font-size: 3.8vw !important
}
.navLine-3cols .navLine-cell-normalWidth, .navLine-4cols .navLine-cell-normalWidth {
width: 50%
}
.navLine-3cols .navLine-cell-double, .navLine-4cols .navLine-cell-double {
width: 100%
}
.navLine-5cols .navLine-cell-normalWidth, .navLine-6cols .navLine-cell-normalWidth {
width: 33.333333333%
}
.navLine-5cols .navLine-cell-double, .navLine-6cols .navLine-cell-double {
width: 66.666666667%
}
.navLine-7cols .navLine-cell-normalWidth, .navLine-8cols .navLine-cell-normalWidth {
width: 25%
}
.navLine-7cols .navLine-cell-double, .navLine-8cols .navLine-cell-double {
width: 50%
}
.navLine-9cols .navLine-cell-normalWidth, .navLine-10cols .navLine-cell-normalWidth {
width: 20%
}
.navLine-9cols .navLine-cell-double, .navLine-10cols .navLine-cell-double {
width: 40%
}
}
@media (max-width: 450px) {
.navLine-tall .navLine-cell-inner, .navLine-tall .navLine-cell-mainLink {
height: 170px
}
}
.floorPlan {
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
position: relative;
left: 0;
top: 0;
height: 657px;
padding-top: 20px;
margin-bottom: 20px
}
@media (max-width: 700px) {
.floorPlan {
padding-left: 10px;
padding-right: 10px
}
}
@media print {
.floorPlan {
width: 980px;
padding-left: 0;
padding-right: 0
}
}
.floorPlan h2 q, .floorPlan-mapLocations h3 {
text-transform: uppercase;
font-weight: 700
}
.floorPlan-map {
float: left;
position: relative;
left: 0;
top: 0;
width: 66.6666%
}
.floorPlan-mapLocation-highlight {
position: absolute;
right: 0;
top: 0;
width: 100%;
height: 100%;
-moz-background-size: contain;
-webkit-background-size: contain;
-o-background-size: contain;
background-size: contain;
background-repeat: no-repeat;
background-position: top left
}
.floorPlan-mapLocations {
float: left;
padding-left: 20px;
width: 33.3333%
}
.floorPlan-mapLocation {
display: block;
margin-left: -8px;
padding: 6px 8px;
text-decoration: none;
transition: none
}
.floorPlan-mapLocation-floorNum {
display: block;
float: left;
margin-right: 8px;
width: 22px;
height: 22px;
padding: 3px 0;
color: #fff;
background: #00b9ad -webkit-linear-gradient(right, #00b9ad, #66d4cd);
background: #00b9ad -o-linear-gradient(left, #00b9ad, #66d4cd);
background: #00b9ad -moz-linear-gradient(left, #00b9ad, #66d4cd);
background: #00b9ad linear-gradient(to left, #00b9ad, #66d4cd);
font-size: 80%;
text-align: center
}
.floorPlan-mapLocation:hover {
color: #fff;
background: #00b9ad -webkit-linear-gradient(right, #00b9ad, #66d4cd);
background: #00b9ad -o-linear-gradient(left, #00b9ad, #66d4cd);
background: #00b9ad -moz-linear-gradient(left, #00b9ad, #66d4cd);
background: #00b9ad linear-gradient(to left, #00b9ad, #66d4cd)
}
.floorPlan-mapLocation:hover .floorPlan-mapLocation-floorNum, .floorPlan-mapLocation:active .floorPlan-mapLocation-floorNum {
background: #fff;
color: #00b9ad
}
.floorPlan-popIn-wrapper {
position: absolute;
left: 0;
top: 20px;
width: 100%;
height: 100%;
padding: 0 20px 0 20px
}
.floorPlan-popIn {
position: relative;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #fff;
border: 1px solid #9da5ab
}
.floorPlan-popIn-close {
display: block;
float: right;
padding: 23px 20px
}
.floorPlan-popIn-close .heading-linkButton>span::before {
content: "X";
bottom: -2px;
line-height: 19px
}
a.floorPlan-popIn-close:hover .heading-linkButton>span {
color: #5a6870;
transition: all 0.125s ease 0s
}
a.floorPlan-popIn-close:hover .heading-linkButton>span::before {
background-color: #00b9ad;
transition: all 0.125s ease 0s
}
.floorPlan-popIn-presentation-primary {
float: left;
width: 55%;
padding: 40px
}
.floorPlan-popIn-presentation-secondary {
float: right;
position: absolute;
right: 0;
bottom: 0;
width: 45%;
margin-bottom: 59px;
padding: 40px
}
.floorPlan-popIn-presentation h2 {
font-size: 36px;
line-height: 100%;
margin-bottom: 15px
}
.floorPlan-popIn-presentation q {
color: #00b9ad
}
.floorPlan-popIn-presentation q span {
color: #9da5ab
}
.floorPlan-popIn-presentation-statement {
color: #00b9ad;
font-size: 24px;
margin: 15px 0
}
.floorPlan-popIn-presentation .iconHeading-title {
color: #00b9ad;
font-size: 22px;
font-weight: 400
}
.floorPlan-popIn-presentation .iconHeading-subtitle {
margin-bottom: 9px;
color: #5a6870;
font-size: 13px;
font-weight: 400;
line-height: 130%
}
.floorPlan-popIn-presentation-videoWrapper {
position: relative;
left: 0;
top: 0;
width: 458px;
height: 258px
}
.floorPlan-popIn-presentation-videoButton {
position: absolute;
left: 50%;
top: 50%;
z-index: 3;
height: 100px;
width: 100px;
margin: -50px
}
.floorPlan-popIn-presentation-video {
display: none;
position: absolute;
top: 0;
left: 0;
z-index: 50;
height: 100%;
width: 100%
}
.floorPlan-popIn-presentation-video-inner {
height: 100%;
width: 100%
}
.floorPlan-popIn-presentation .iconHeading {
margin-bottom: 20px
}
.floorPlan-popIn-presentation .iconHeading-title {
margin-bottom: 7px
}
.floorPlan-popIn-presentation .featureText .paragraph {
font-size: 13px;
margin-bottom: 9px
}
.floorPlan-popIn-presentation .linkList {
margin-bottom: 0
}
.floorPlan-popIn-presentation .linkList-nav ul li {
float: none
}
.floorPlan-popIn-navigation {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
padding: 20px;
background: #e6e6e6
}
.floorPlan-popIn-navigation a {
margin-top: 3px
}
.floorPlan-popIn-navigation a:hover .heading-linkButton>span {
color: #5a6870;
transition: all 0.125s ease 0s
}
.floorPlan-popIn-navigation a:hover .heading-linkButton>span::before {
background-color: #00b9ad;
transition: all 0.125s ease 0s
}
.floorPlan-popIn-navigation .heading-linkButton>span::before {
bottom: -2px
}
.floorPlan-popIn-navigation .heading-linkButton-reverse {
float: left
}
.floorPlan-popIn-navigation .heading-linkButton-reverse>span {
padding: 0 10px 0 27px
}
.floorPlan-popIn-navigation .heading-linkButton-reverse>span::before {
content: "‹";
float: left;
left: 0;
right: auto
}
.floorPlan-popIn-navigation-curr {
position: absolute;
left: 0;
top: 20px;
width: 100%;
text-align: center
}
.ifaFloorPlan2015 {
width: 100%;
min-height: 1px;
overflow: hidden;
margin-top: -20px;
padding: 20px 0
}
.ifaFloorPlan2015-inner {
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px
}
@media (max-width: 700px) {
.ifaFloorPlan2015-inner {
padding-left: 10px;
padding-right: 10px
}
}
@media print {
.ifaFloorPlan2015-inner {
width: 980px;
padding-left: 0;
padding-right: 0
}
}
.ifaFloorPlan2015-container {
position: relative;
overflow: visible !important
}
.ifaFloorPlan2015-intro {
top: 0;
left: 0;
width: 100%;
z-index: 1
}
.ifaFloorPlan2015-intro-map {
display: block;
float: left;
width: 66.666666667%;
position: relative
}
.ifaFloorPlan2015-intro-map-main {
width: 100%;
position: relative;
z-index: 1
}
.ifaFloorPlan2015-intro-map-main img {
width: 100%
}
.ifaFloorPlan2015-intro-map-overlay {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 2;
opacity: 0;
transition: 0.25s
}
.ifaFloorPlan2015-intro-map-overlay.hover {
opacity: 1;
transition: 0.125s
}
.ifaFloorPlan2015-intro-map-overlay img {
display: block;
width: 100%;
height: 100%
}
.ifaFloorPlan2015-intro-map-icon {
position: absolute;
z-index: 3
}
.ifaFloorPlan2015-intro-map-icon span {
display: block;
width: 70px;
height: 70px;
padding: 20px;
cursor: pointer;
margin: -35px
}
.ifaFloorPlan2015-intro-map-icon b {
display: block;
width: 30px;
height: 30px;
background: #00b9ad;
color: #fff;
font-size: 16px;
font-weight: 700;
text-align: center;
line-height: 26px;
border: 2px solid #00b9ad;
transition: 0.25s
}
.ifaFloorPlan2015-intro-map-icon.hover b {
background: #fff;
color: #00b9ad;
transition: 0.125s
}
.ifaFloorPlan2015-intro-list {
float: left;
width: 33.333333333%;
padding-left: 25px
}
.ifaFloorPlan2015-intro-list-item {
padding: 7px 5px 7px 39px;
min-height: 34px;
margin-left: -5px;
cursor: pointer;
transition: 0.25s;
font-size: 16px;
line-height: 20px
}
.ifaFloorPlan2015-intro-list-item b {
display: block;
width: 24px;
height: 24px;
font-size: 14px;
line-height: 20px;
padding: 2px 0;
float: left;
text-align: center;
margin: -2px 10px -2px -34px;
background: #00b9ad;
color: #fff;
transition: 0.25s
}
.ifaFloorPlan2015-intro-list-item.hover {
background: #00b9ad;
color: #fff;
transition: 0.0625s
}
.ifaFloorPlan2015-intro-list-item.hover b {
background: #fff;
color: #00b9ad;
transition: 0.125s
}
@media (max-width: 900px) {
.ifaFloorPlan2015-intro-map-icon span {
width: 60px;
height: 60px;
padding: 17px;
margin: -30px
}
.ifaFloorPlan2015-intro-map-icon b {
width: 26px;
height: 26px;
font-size: 14px;
line-height: 22px
}
}
@media (max-width: 700px) {
.ifaFloorPlan2015-intro-map {
float: none;
width: 100%;
margin-bottom: 10px
}
.ifaFloorPlan2015-intro-list {
float: none;
width: 100%;
padding-left: 0;
font-size: 0;
margin-left: -10px
}
.ifaFloorPlan2015-intro-list-item {
display: inline-block;
vertical-align: top;
font-size: 12px;
margin-left: 5px;
padding-left: 29px;
line-height: 14px;
min-height: 28px
}
.ifaFloorPlan2015-intro-list-item b {
width: 18px;
height: 18px;
font-size: 10px;
line-height: 14px;
padding: 2px 0;
margin: -2px 6px -2px -24px
}
}
@media (max-width: 450px) {
.ifaFloorPlan2015-intro-map-icon span {
width: 40px;
height: 40px;
padding: 10px;
margin: -20px
}
.ifaFloorPlan2015-intro-map-icon b {
width: 20px;
height: 20px;
font-size: 10px;
line-height: 16px
}
}
.ifaFloorPlan2015-panel {
border: 1px solid #00b9ad;
padding: 40px;
display: none;
top: 0;
left: 0;
width: 100%;
background: #fff;
z-index: 2
}
.ifaFloorPlan2015-panel-inner {
margin-left: -40px
}
.ifaFloorPlan2015-panel-title {
padding-left: 40px;
display: table;
width: 100%
}
.ifaFloorPlan2015-panel-title-text .heading2 {
margin-top: -0.2em;
margin-bottom: 0
}
.ifaFloorPlan2015-panel-title-text .heading2 img {
display: block;
max-height: 1.15em
}
.ifaFloorPlan2015-panel-title-close {
float: right;
line-height: 30px;
font-size: 12px;
color: #9da6ab;
margin: -10px -10px -5px 0;
padding: 5px 5px 5px 10px;
cursor: pointer;
transition: 0.25s
}
.ifaFloorPlan2015-panel-title-close i {
display: inline-block;
width: 30px;
height: 30px;
vertical-align: top;
margin-bottom: -30px
}
.ifaFloorPlan2015-panel-title-close i:before {
display: block;
content: "";
width: 20px;
height: 2px;
background: #5a6870;
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
margin: 14px -25px -16px 5px;
transition: 0.25s
}
.ifaFloorPlan2015-panel-title-close i:after {
display: block;
content: "";
width: 20px;
height: 2px;
background: #5a6870;
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
margin: 14px -25px -16px 5px;
transition: 0.25s
}
.ifaFloorPlan2015-panel-title-close:hover {
color: #5a6870;
transition: 0.125s
}
.ifaFloorPlan2015-panel-title-close:hover i:before, .ifaFloorPlan2015-panel-title-close:hover i:after {
background: #000;
transition: 0.125s
}
.ifaFloorPlan2015-panel-nav {
width: 100%;
margin-bottom: 40px;
padding-left: 40px
}
.ifaFloorPlan2015-panel-nav-link {
color: #9da6ab;
font-size: 12px;
line-height: 16px;
padding: 7px 5px;
margin: 0 -5px;
cursor: pointer;
transition: 0.25s
}
.ifaFloorPlan2015-panel-nav-link img {
width: 10px;
height: 10px;
display: inline-block;
vertical-align: top;
margin: 3px 5px 0 0
}
.ifaFloorPlan2015-panel-nav-link:hover {
color: #5a6870;
transition: 0.125s
}
.ifaFloorPlan2015-panel-nav-link-prev {
float: left;
padding-left: 25px
}
.ifaFloorPlan2015-panel-nav-link-prev img {
float: left;
margin: 3px 10px 0 -20px
}
.ifaFloorPlan2015-panel-nav-link-next {
float: right;
padding-right: 25px
}
.ifaFloorPlan2015-panel-nav-link-next img {
float: right;
margin: 3px -20px 0 10px
}
.ifaFloorPlan2015-panel-nav-separator {
height: 40px;
border-bottom: 1px solid #00b9ad;
clear: both
}
.ifaFloorPlan2015-panel-impress {
float: left;
width: 60%;
padding-left: 40px
}
.ifaFloorPlan2015-panel-impress-title {
font-size: 40px;
text-transform: uppercase;
color: #9da6ab;
letter-spacing: -0.02em;
line-height: 100%;
font-weight: 700;
margin-bottom: 10px
}
@media (max-width: 900px) {
.ifaFloorPlan2015-panel-impress-title {
font-size: 32px
}
}
@media (max-width: 700px) {
.ifaFloorPlan2015-panel-impress-title {
font-size: 32px
}
}
@media (max-width: 450px) {
.ifaFloorPlan2015-panel-impress-title {
font-size: 24px
}
}
.ifaFloorPlan2015-panel-impress-title-quoted:before {
content: "“";
color: #00b9ad;
display: inline-block;
width: 40px;
text-align: right;
margin-left: -40px
}
.ifaFloorPlan2015-panel-impress-title-quoted:after {
content: "”";
color: #00b9ad
}
.ifaFloorPlan2015-panel-impress-subtitle {
font-size: 24px;
color: #00b9ad;
line-height: 100%;
letter-spacing: -0.02em;
margin-bottom: 10px
}
@media (max-width: 900px) {
.ifaFloorPlan2015-panel-impress-subtitle {
font-size: 18px
}
}
@media (max-width: 700px) {
.ifaFloorPlan2015-panel-impress-subtitle {
font-size: 18px
}
}
@media (max-width: 450px) {
.ifaFloorPlan2015-panel-impress-subtitle {
font-size: 14px
}
}
.ifaFloorPlan2015-panel-impress-title-image {
margin-bottom: 20px
}
.ifaFloorPlan2015-panel-impress-video {
width: 100%;
margin-top: 40px;
position: relative;
padding-bottom: 56.25%
}
.ifaFloorPlan2015-panel-impress-video-splash {
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1
}
.ifaFloorPlan2015-panel-impress-video-button {
position: absolute;
left: 25%;
top: 50%;
width: 50%;
z-index: 2
}
.ifaFloorPlan2015-panel-impress-video-button a {
display: block;
margin-top: -50%;
padding: 25%;
opacity: .75
}
.ifaFloorPlan2015-panel-impress-video-button a:hover {
opacity: 1
}
.ifaFloorPlan2015-panel-impress-video-youtube {
display: none;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 5
}
.ifaFloorPlan2015-panel-impress-video-youtube-inner {
width: 100%;
height: 100%
}
.ifaFloorPlan2015-panel-impress-gallery {
display: block;
margin: 4px 0 0 -4px
}
.ifaFloorPlan2015-panel-impress-gallery-item {
float: left;
width: 20%;
padding-left: 4px
}
.ifaFloorPlan2015-panel-info {
float: right;
width: 40%;
clear: right;
padding-left: 40px
}
.ifaFloorPlan2015-panel-info-features .iconHeading-title {
color: #00b9ad;
font-size: 22px;
font-weight: 400;
letter-spacing: 0
}
.ifaFloorPlan2015-panel-info-features .iconHeading-subtitle {
margin-bottom: 9px;
color: #5a6870;
font-size: 13px;
font-weight: 400;
line-height: 125%;
letter-spacing: 0
}
.ifaFloorPlan2015-panel-info-features .iconHeading+.iconHeading {
margin-bottom: 0
}
.ifaFloorPlan2015-panel-info-features .iconHeading+.iconHeading, .ifaFloorPlan2015-panel-info-links .linkList {
margin-bottom: 0;
margin-top: 20px
}
@media (max-width:800px) {
.ifaFloorPlan2015-panel {
padding: 30px
}
.ifaFloorPlan2015-panel-inner {
margin-left: -30px
}
.ifaFloorPlan2015-panel-title, .ifaFloorPlan2015-panel-nav, .ifaFloorPlan2015-panel-impress, .ifaFloorPlan2015-panel-info {
padding-left: 30px
}
}
@media (max-width: 700px) {
.ifaFloorPlan2015-panel {
padding: 20px
}
.ifaFloorPlan2015-panel-inner {
margin-left: 0
}
.ifaFloorPlan2015-panel-title, .ifaFloorPlan2015-panel-impress, .ifaFloorPlan2015-panel-info {
float: none;
width: 100%;
padding-left: 0;
margin-bottom: 0
}
.ifaFloorPlan2015-panel-nav {
padding-left: 0;
margin-bottom: 20px
}
.ifaFloorPlan2015-panel-nav-separator {
height: 20px
}
.ifaFloorPlan2015-panel-impress, .ifaFloorPlan2015-panel-info {
margin-top: 20px
}
.ifaFloorPlan2015-panel-impress-title-quoted:before {
float: none;
width: auto;
margin-left: 0
}
.ifaFloorPlan2015-panel-impress-video {
margin-top: 20px
}
.ifaFloorPlan2015-panel-info-links .linkList {
margin-top: 10px
}
}
@media (max-width: 450px) {
.ifaFloorPlan2015-panel {
padding: 10px
}
}
.ifaFloorPlan2016 {
width: 100%;
min-height: 1px;
overflow: hidden;
margin-top: -20px;
padding: 20px 0
}
.ifaFloorPlan2016-inner {
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px
}
@media (max-width: 700px) {
.ifaFloorPlan2016-inner {
padding-left: 10px;
padding-right: 10px
}
}
@media print {
.ifaFloorPlan2016-inner {
width: 980px;
padding-left: 0;
padding-right: 0
}
}
.ifaFloorPlan2016-container {
position: relative;
overflow: visible !important
}
.ifaFloorPlan2016-intro {
top: 0;
left: 0;
width: 100%;
z-index: 1
}
.ifaFloorPlan2016-intro-map {
display: block;
float: left;
width: 66.666666667%;
position: relative
}
.ifaFloorPlan2016-intro-map-main {
width: 100%;
position: relative;
z-index: 1
}
.ifaFloorPlan2016-intro-map-main img {
width: 100%
}
.ifaFloorPlan2016-intro-map-overlay {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 2;
opacity: 0;
transition: 0.25s
}
.ifaFloorPlan2016-intro-map-overlay.hover {
opacity: 1;
transition: 0.125s
}
.ifaFloorPlan2016-intro-map-overlay img {
display: block;
width: 100%;
height: 100%
}
.ifaFloorPlan2016-intro-map-icon {
position: absolute;
z-index: 3
}
.ifaFloorPlan2016-intro-map-icon span {
display: block;
width: 70px;
height: 70px;
padding: 20px;
cursor: pointer;
margin: -35px
}
.ifaFloorPlan2016-intro-map-icon b {
display: block;
width: 30px;
height: 30px;
background: #00b9ad;
color: #fff;
font-size: 16px;
font-weight: 700;
text-align: center;
line-height: 26px;
border: 2px solid #00b9ad;
transition: 0.25s
}
.ifaFloorPlan2016-intro-map-icon.hover b {
background: #fff;
color: #00b9ad;
transition: 0.125s
}
.ifaFloorPlan2016-intro-list {
float: left;
width: 33.333333333%;
padding-left: 25px
}
.ifaFloorPlan2016-intro-list-item {
padding: 7px 5px 7px 39px;
min-height: 34px;
margin-left: -5px;
cursor: pointer;
transition: 0.25s;
font-size: 16px;
line-height: 20px
}
.ifaFloorPlan2016-intro-list-item b {
display: block;
width: 24px;
height: 24px;
font-size: 14px;
line-height: 20px;
padding: 2px 0;
float: left;
text-align: center;
margin: -2px 10px -2px -34px;
background: #00b9ad;
color: #fff;
transition: 0.25s
}
.ifaFloorPlan2016-intro-list-item.hover {
background: #00b9ad;
color: #fff;
transition: 0.0625s
}
.ifaFloorPlan2016-intro-list-item.hover b {
background: #fff;
color: #00b9ad;
transition: 0.125s
}
@media (max-width: 900px) {
.ifaFloorPlan2016-intro-map-icon span {
width: 60px;
height: 60px;
padding: 17px;
margin: -30px
}
.ifaFloorPlan2016-intro-map-icon b {
width: 26px;
height: 26px;
font-size: 14px;
line-height: 22px
}
}
@media (max-width: 700px) {
.ifaFloorPlan2016-intro-map {
float: none;
width: 100%;
margin-bottom: 10px
}
.ifaFloorPlan2016-intro-list {
float: none;
width: 100%;
padding-left: 0;
font-size: 0;
margin-left: -10px
}
.ifaFloorPlan2016-intro-list-item {
display: inline-block;
vertical-align: top;
font-size: 12px;
margin-left: 5px;
padding-left: 29px;
line-height: 14px;
min-height: 28px
}
.ifaFloorPlan2016-intro-list-item b {
width: 18px;
height: 18px;
font-size: 10px;
line-height: 14px;
padding: 2px 0;
margin: -2px 6px -2px -24px
}
}
@media (max-width: 450px) {
.ifaFloorPlan2016-intro-map-icon span {
width: 40px;
height: 40px;
padding: 10px;
margin: -20px
}
.ifaFloorPlan2016-intro-map-icon b {
width: 20px;
height: 20px;
font-size: 10px;
line-height: 16px
}
}
.ifaFloorPlan2016-panel {
border: 1px solid #00b9ad;
padding: 0;
display: none;
top: 0;
left: 0;
width: 100%;
background: #fff;
z-index: 2
}
.ifaFloorPlan2016-panel-title {
display: table;
width: 100%
}
.ifaFloorPlan2016-panel-title-close {
width: 20%;
display: table-cell;
vertical-align: top;
line-height: 30px;
font-size: 12px;
color: #9da6ab;
padding: 40px 20px;
text-align: right;
cursor: pointer;
transition: 0.25s
}
.ifaFloorPlan2016-panel-title-close i, .ifaFloorPlan2016-panel-title-close-mobile i {
display: inline-block;
width: 30px;
height: 30px;
vertical-align: top;
margin-bottom: -30px;
text-align: center
}
.ifaFloorPlan2016-panel-title-close i img, .ifaFloorPlan2016-panel-title-close-mobile i img {
display: inline-block;
width: 17px
}
.ifaFloorPlan2016-panel-title-close:hover {
color: #5a6870;
transition: 0.125s
}
.ifaFloorPlan2016-panel-title-close:hover i:before, .ifaFloorPlan2016-panel-title-close:hover i:after {
background: #000;
transition: 0.125s
}
.ifaFloorPlan2016-panel-title-close-mobile {
display: none
}
.ifaFloorPlan2016-panel-title-level1 {
width: 38%;
display: table-cell;
vertical-align: top;
background: #5a6870;
font-size: 48px;
text-transform: uppercase;
color: #fff;
font-family: 'Helvetica World W02', Arial, Helvetica, sans-serif;
font-weight: 700
}
.ifaFloorPlan2016-panel-title-level1 .ifaFloorPlan2016-panel-title-inner {
padding: 40px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.ifaFloorPlan2016-panel-title-level2 {
width: 42%;
display: table-cell;
vertical-align: top;
background: #00b9ad;
font-size: 21px;
color: #fff
}
.ifaFloorPlan2016-panel-title-level2 .ifaFloorPlan2016-panel-title-inner {
padding: 40px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.ifaFloorPlan2016-panel-content {
position: relative
}
.ifaFloorPlan2016-panel-content-line {
position: relative
}
.ifaFloorPlan2016-panel-content-line-title {
position: absolute;
top: 30px;
left: 40px;
color: #fff;
text-shadow: 1px 1px 1px #5a6870
}
.ifaFloorPlan2016-panel-content-line-titleLogo img {
float: left;
padding-right: 20px
}
.ifaFloorPlan2016-panel-content-line-titleLogo span {
float: right;
color: #fff
}
.ifaFloorPlan2016-layout-lines .ifaFloorPlan2016-layout-line {
display: none;
opacity: 0
}
.ifaFloorPlan2016-layout-lines .ifaFloorPlan2016-layout-line.active {
display: block;
opacity: 1
}
.ifaFloorPlan2016-layout-lines .ifaFloorPlan2016-panel-content-line-title {
left: 0px;
width: 100%
}
.ifaFloorPlan2016-panel-content-line-title-left {
float: left;
padding-left: 40px
}
.ifaFloorPlan2016-panel-content-line-title-left:before {
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 5px 10px 5px 0;
border-color: transparent #fff transparent transparent;
position: absolute;
left: 20px;
top: 50%;
margin-top: -5px
}
.ifaFloorPlan2016-panel-content-line-title-right {
float: right;
padding-right: 40px
}
.ifaFloorPlan2016-panel-content-line-title-right:after {
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 5px 0 5px 10px;
border-color: transparent transparent transparent #fff;
position: absolute;
right: 20px;
top: 50%;
margin-top: -5px
}
.ifaFloorPlan2016-layout-line-0 .ifaFloorPlan2016-panel-content-line-title-right, .ifaFloorPlan2016-layout-line-1 .ifaFloorPlan2016-panel-content-line-title-left {
cursor: pointer
}
.ifaFloorPlan2016-layout-line-0 .ifaFloorPlan2016-panel-content-line-title-left:before {
display: none
}
.ifaFloorPlan2016-layout-line-1 .ifaFloorPlan2016-panel-content-line-title-right:after {
display: none
}
.ifaFloorPlan2016-panel-content-group {
display: table;
width: 100%;
padding-bottom: 40px
}
.ifaFloorPlan2016-panel-content-group-image {
display: table-cell;
width: 38%;
vertical-align: top
}
.ifaFloorPlan2016-panel-content-group-image img.mobile {
display: none
}
.ifaFloorPlan2016-panel-content-group-info {
display: table-cell;
width: 62%;
vertical-align: top;
padding: 40px 40px 0px 40px
}
.ifaFloorPlan2016-panel-content-group-info-title {
font-family: 'Helvetica World W02', Arial, Helvetica, sans-serif;
font-weight: 700;
font-size: 36px;
color: #abafb1;
line-height: 100%
}
.ifaFloorPlan2016-panel-content-group-info-subtitle {
font-size: 21px;
color: #00b9ad;
padding-bottom: 40px
}
.ifaFloorPlan2016-layout-groups .ifaFloorPlan2016-panel-content-group {
display: none;
opacity: 0
}
.ifaFloorPlan2016-layout-groups .ifaFloorPlan2016-panel-content-group.active {
display: block;
opacity: 1
}
.ifaFloorPlan2016-layout-groups .ifaFloorPlan2016-panel-content-group-info {
padding-top: 20px
}
.ifaFloorPlan2016-panel-content-group-info-navigation {
margin-left: -40px
}
.ifaFloorPlan2016-panel-content-group-info-navigation ul {
list-style-type: none;
margin-left: -20px
}
.ifaFloorPlan2016-panel-content-group-info-navigation ul li {
float: left;
margin-left: 20px;
margin-bottom: 20px;
font-size: 12px;
line-heigth: 20px;
font-weight: 700;
color: #00b9ad;
border-bottom: 1px solid #fff
}
.ifaFloorPlan2016-panel-content-group-info-navigation ul li.active, .ifaFloorPlan2016-panel-content-group-info-navigation ul li:hover {
color: #abafb1;
border-bottom: 1px solid #abafb1;
cursor: pointer
}
.ifaFloorPlan2016-panel-info-links .linkList {
margin: 0
}
.ifaFloorPlan2016-panel-nav {
width: 100%;
margin-bottom: 0px;
background-color: #abafb1;
text-transform: uppercase;
padding: 0 40px
}
.ifaFloorPlan2016-panel-nav-link {
color: #fff;
font-size: 12px;
font-family: 'Helvetica World W02', Arial, Helvetica, sans-serif;
font-weight: 700;
line-height: 16px;
padding: 7px 5px;
margin: 0 -5px;
cursor: pointer;
transition: 0.25s
}
.ifaFloorPlan2016-panel-nav-link img {
width: 10px;
height: 10px;
display: inline-block;
vertical-align: top;
margin: 3px 5px 0 0
}
.ifaFloorPlan2016-panel-nav-link:hover {
color: #5a6870;
transition: 0.125s
}
.ifaFloorPlan2016-panel-nav-link-prev {
float: left;
padding-left: 25px
}
.ifaFloorPlan2016-panel-nav-link-prev img {
float: left;
margin: 3px 10px 0 -20px
}
.ifaFloorPlan2016-panel-nav-link-next {
float: right;
padding-right: 25px
}
.ifaFloorPlan2016-panel-nav-link-next img {
float: right;
margin: 3px -20px 0 10px
}
.ifaFloorPlan2016-panel-nav-separator {
height: 0px;
clear: both
}
.ifaFloorPlan2016-panel-impress {
float: left;
width: 60%;
padding-left: 40px
}
.ifaFloorPlan2016-panel-impress-title {
font-size: 40px;
text-transform: uppercase;
color: #9da6ab;
letter-spacing: -0.02em;
line-height: 100%;
font-weight: 700;
margin-bottom: 10px
}
@media (max-width: 900px) {
.ifaFloorPlan2016-panel-impress-title {
font-size: 32px
}
}
@media (max-width: 700px) {
.ifaFloorPlan2016-panel-impress-title {
font-size: 32px
}
}
@media (max-width: 450px) {
.ifaFloorPlan2016-panel-impress-title {
font-size: 24px
}
}
.ifaFloorPlan2016-panel-impress-title-quoted:before {
content: "“";
color: #00b9ad;
display: inline-block;
width: 40px;
text-align: right;
margin-left: -40px
}
.ifaFloorPlan2016-panel-impress-title-quoted:after {
content: "”";
color: #00b9ad
}
.ifaFloorPlan2016-panel-impress-subtitle {
font-size: 24px;
color: #00b9ad;
line-height: 100%;
letter-spacing: -0.02em;
margin-bottom: 10px
}
@media (max-width: 900px) {
.ifaFloorPlan2016-panel-impress-subtitle {
font-size: 18px
}
}
@media (max-width: 700px) {
.ifaFloorPlan2016-panel-impress-subtitle {
font-size: 18px
}
}
@media (max-width: 450px) {
.ifaFloorPlan2016-panel-impress-subtitle {
font-size: 14px
}
}
.ifaFloorPlan2016-panel-impress-title-image {
margin-bottom: 20px
}
.ifaFloorPlan2016-panel-impress-video {
width: 100%;
margin-top: 40px;
position: relative;
padding-bottom: 56.25%
}
.ifaFloorPlan2016-panel-impress-video-splash {
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1
}
.ifaFloorPlan2016-panel-impress-video-button {
position: absolute;
left: 25%;
top: 50%;
width: 50%;
z-index: 2
}
.ifaFloorPlan2016-panel-impress-video-button a {
display: block;
margin-top: -50%;
padding: 25%;
opacity: .75
}
.ifaFloorPlan2016-panel-impress-video-button a:hover {
opacity: 1
}
.ifaFloorPlan2016-panel-impress-video-youtube {
display: none;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 5
}
.ifaFloorPlan2016-panel-impress-video-youtube-inner {
width: 100%;
height: 100%
}
.ifaFloorPlan2016-panel-impress-gallery {
display: block;
margin: 4px 0 0 -4px
}
.ifaFloorPlan2016-panel-impress-gallery-item {
float: left;
width: 20%;
padding-left: 4px
}
.ifaFloorPlan2016-panel-info {
padding-right: 40px
}
.ifaFloorPlan2016-panel-info .linkList-nav ul li {
d: 0;
float: right
}
.ifaFloorPlan2016-panel-info .linkList-nav ul li a {
padding: 20px 0 20px 1em
}
.ifaFloorPlan2016-panel-content-group-info-features .iconHeading-title {
color: #00b9ad;
font-size: 22px;
font-weight: 400;
letter-spacing: 0
}
.ifaFloorPlan2016-panel-content-group-info-features .iconHeading-subtitle {
margin-bottom: 9px;
color: #5a6870;
font-size: 13px;
font-weight: 400;
line-height: 125%;
letter-spacing: 0
}
.ifaFloorPlan2016-panel-content-group-info-features .iconHeading+.iconHeading {
margin-bottom: 0
}
.ifaFloorPlan2016-panel-content-group-info-features .iconHeading+.iconHeading {
margin-bottom: 0;
margin-top: 20px
}
.ifaFloorPlan2016-layout-groups .ifaFloorPlan2016-panel-content-group-info-features {
margin-left: -20px;
margin-top: -20px
}
.ifaFloorPlan2016-layout-groups .ifaFloorPlan2016-panel-content-group-info-features .iconHeading {
float: left;
width: 50%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-left: 20px;
margin-top: 20px
}
.ifaFloorPlan2016-layout-groups .ifaFloorPlan2016-panel-content-group-info-features .iconHeading:nth-child(2n+1) {
clear: left
}
@media (max-width:800px) {
.ifaFloorPlan2016-panel-title-close {
display: none
}
.ifaFloorPlan2016-panel-title-close-mobile {
display: block;
padding: 20px;
text-align: right
}
.ifaFloorPlan2016-panel-title {
display: block
}
.ifaFloorPlan2016-panel-title-level1 {
display: block;
width: 100%;
font-size: 36px
}
.ifaFloorPlan2016-panel-title-level1 .ifaFloorPlan2016-panel-title-inner {
padding: 20px
}
.ifaFloorPlan2016-panel-title-level2 {
display: block;
width: 100%;
font-size: 18px
}
.ifaFloorPlan2016-panel-title-level2 .ifaFloorPlan2016-panel-title-inner {
padding: 20px
}
.ifaFloorPlan2016-panel-content-group-image {
display: block;
width: 100%
}
.ifaFloorPlan2016-panel-content-group-image img.desktop {
display: none
}
.ifaFloorPlan2016-panel-content-group-image img.mobile {
display: block;
width: 100%
}
.ifaFloorPlan2016-panel-content-group {
display: block;
padding-bottom: 20px
}
.ifaFloorPlan2016-panel-content-group-info {
padding: 20px 20px 0 20px
}
.ifaFloorPlan2016-panel-content-group-info-title {
font-size: 32px
}
.ifaFloorPlan2016-panel-content-group-info-subtitle {
font-size: 18px
}
.ifaFloorPlan2016-panel-content-group-info-navigation {
margin-bottom: 20px
}
.ifaFloorPlan2016-layout-groups .ifaFloorPlan2016-panel-content-group-info-features .iconHeading {
margin-top: 10px
}
.ifaFloorPlan2016-panel-info-links .linkList {
margin: 10px 0
}
.ifaFloorPlan2016-panel-info .linkList-nav ul li {
float: none;
padding-left: 20px
}
.ifaFloorPlan2016-panel-info .linkList-nav ul li a {
padding: 8px 0 8px 1em
}
.ifaFloorPlan2016-panel-nav {
padding: 0 20px
}
}
@media (max-width: 450px) {
.ifaFloorPlan2016-panel-title-close-mobile {
padding: 10px
}
.ifaFloorPlan2016-panel-title-level1 {
font-size: 32px
}
.ifaFloorPlan2016-panel-title-level1 .ifaFloorPlan2016-panel-title-inner {
padding: 10px
}
.ifaFloorPlan2016-panel-title-level2 {
font-size: 16px
}
.ifaFloorPlan2016-panel-title-level2 .ifaFloorPlan2016-panel-title-inner {
padding: 10px
}
.ifaFloorPlan2016-panel-content-group {
padding-bottom: 10px
}
.ifaFloorPlan2016-panel-content-group-info {
padding: 10px 10px 0 10px
}
.ifaFloorPlan2016-panel-content-group-info-title {
font-size: 28px
}
.ifaFloorPlan2016-panel-content-group-info-subtitle {
font-size: 15px;
padding-bottom: 20px
}
.ifaFloorPlan2016-panel-content-line-title {
position: relative;
top: 0;
left: 0;
background-color: #5a6870;
padding: 10px;
display: table;
width: 100%
}
.ifaFloorPlan2016-panel-content-line-titleLogo img {
display: none;
padding-right: 10px
}
.ifaFloorPlan2016-panel-content-line-titleLogo span {
float: none
}
.ifaFloorPlan2016-panel-content-line-title-left {
width: 50%;
padding-left: 0px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: table-cell;
vertical-align: middle;
float: none
}
.ifaFloorPlan2016-panel-content-line-title-right {
width: 50%;
padding-right: 0px;
text-align: right;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: table-cell;
vertical-align: middle;
float: none
}
.ifaFloorPlan2016-panel-content-line-title-left:before {
left: 10px
}
.ifaFloorPlan2016-panel-content-line-title-right:after {
right: 10px
}
.ifaFloorPlan2016-layout-line-0 .ifaFloorPlan2016-panel-content-line-title-right {
padding-right: 20px
}
.ifaFloorPlan2016-layout-line-1 .ifaFloorPlan2016-panel-content-line-title-left {
padding-left: 20px
}
.ifaFloorPlan2016-layout-groups .ifaFloorPlan2016-panel-content-group-info-features {
margin-top: 0
}
.ifaFloorPlan2016-layout-groups .ifaFloorPlan2016-panel-content-group-info-features .iconHeading {
display: block;
float: none;
width: 100%
}
.ifaFloorPlan2016-panel-info .linkList-nav ul li {
padding-left: 10px
}
.ifaFloorPlan2016-panel-nav {
padding: 0 10px;
display: table
}
.ifaFloorPlan2016-panel-nav-link {
font-size: 14px;
padding: 10px 5px;
display: table-cell;
vertical-align: middle;
width: 50%;
float: none
}
.ifaFloorPlan2016-panel-nav-link img {
display: none
}
.ifaFloorPlan2016-panel-nav-link-prev {
padding-left: 20px;
background: url(../../layouts/renderers/custom/ifaFloorPlan2016/images/arrow-left.png) no-repeat left center;
-moz-background-size: 10px 12px;
-webkit-background-size: 10px 12px;
-o-background-size: 10px 12px;
background-size: 10px 12px
}
.ifaFloorPlan2016-panel-nav-link-next {
padding-right: 20px;
background: url(../../layouts/renderers/custom/ifaFloorPlan2016/images/arrow-right.png) no-repeat right center;
-moz-background-size: 10px 12px;
-webkit-background-size: 10px 12px;
-o-background-size: 10px 12px;
background-size: 10px 12px;
text-align: right
}
}
.retroIntro-image {
position: relative;
margin-bottom: 20px;
overflow: hidden
}
.retroIntro-image-bg, .retroIntro-image-bg2 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: 50% 82%;
background-repeat: no-repeat
}
.retroIntro-image-bg {
background-image: url(../../images/custom/retro/intro-bg.jpg);
z-index: 1
}
.retroIntro-image-bg2 {
background-image: url(../../images/custom/retro/intro-bg-title.png);
z-index: 2
}
.retroIntro-image-items {
position: absolute;
z-index: 3;
top: -3%;
bottom: 20%;
left: 7%;
right: 7%
}
.retroIntro-image-items-inner {
position: absolute;
width: 100%;
top: 45%
}
.retroIntro-image-items-inner2 {
text-align: center;
font-size: 0
}
.retroIntro-image-item {
display: inline-block;
width: 33.333333333%;
padding: 1%
}
.retroIntro-image-item b {
display: block;
position: relative;
width: 100%;
padding-bottom: 100%;
margin-top: -50%;
-webkit-box-shadow: 0 15px 40px rgba(0, 0, 0, .4), 0 3px 10px rgba(0, 0, 0, .4), 0 10px 5px rgba(0, 0, 0, .1), 0 1px 4px #fff inset;
box-shadow: 0 15px 40px rgba(0, 0, 0, .4), 0 3px 10px rgba(0, 0, 0, .4), 0 10px 5px rgba(0, 0, 0, .1), 0 1px 4px #fff inset;
-webkit-box-shadow: 0 1.5vw 4vw rgba(0, 0, 0, .4), 0 .3vw 1vw rgba(0, 0, 0, .4), 0 1vw .5vw rgba(0, 0, 0, .1), 0 .1vw .4vw #fff inset;
box-shadow: 0 1.5vw 4vw rgba(0, 0, 0, .4), 0 .3vw 1vw rgba(0, 0, 0, .4), 0 1vw .5vw rgba(0, 0, 0, .1), 0 .1vw .4vw #fff inset
}
.retroIntro-image-item i {
display: block;
overflow: hidden;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%
}
.retroIntro-image-item img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 4
}
.retroIntro-image-item a {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 5;
-webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, .6), inset 0 -1px 1px rgba(0, 0, 0, .3), inset 0 20px 20px rgba(255, 255, 255, .2);
box-shadow: inset 0 1px 1px rgba(255, 255, 255, .6), inset 0 -1px 1px rgba(0, 0, 0, .3), inset 0 20px 20px rgba(255, 255, 255, .2);
-webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, .6), inset 0 -1px 1px rgba(0, 0, 0, .3), inset 0 2vw 2vw rgba(255, 255, 255, .2);
box-shadow: inset 0 1px 1px rgba(255, 255, 255, .6), inset 0 -1px 1px rgba(0, 0, 0, .3), inset 0 2vw 2vw rgba(255, 255, 255, .2)
}
.retroIntro-image-land .retroIntro-image-item b {
padding-bottom: 80%
}
.retroIntro-image-land .retroIntro-image-item img {
top: -12.5%;
height: 125%
}
.retroIntro-image-land .retroIntro-image-items-inner {
top: 50%
}
.retroIntro-image-land .retroIntro-image-items {
left: 10%;
right: 10%
}
.retroIntro-image-port .retroIntro-image-item b {
padding-bottom: 125%
}
.retroIntro-image-port .retroIntro-image-item img {
left: -12.5%;
width: 125%;
min-width: 125%
}
.retroIntro-image-port .retroIntro-image-items-inner {
top: 40%
}
.retroIntro-image-port .retroIntro-image-items {
left: 3%;
right: 3%
}
.retroIntro h1 {
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
text-align: center
}
@media (max-width: 700px) {
.retroIntro h1 {
padding-left: 10px;
padding-right: 10px
}
}
@media print {
.retroIntro h1 {
width: 980px;
padding-left: 0;
padding-right: 0
}
}
.retroIntro-image-item-overlay img {
position: relative;
top: 0px;
left: 0px;
-webkit-filter: drop-shadow(5px 5px 5px #000);
filter: drop-shadow(5px 5px 5px #000)
}
.retroIntro-playbutton {
display: block;
position: relative;
margin-left: auto;
margin-right: auto;
width: 14.285714286%;
height: 100%;
z-index: 5
}
.retroIntro-playbutton img {
position: absolute;
margin: 0 auto;
top: 40%
}
.retroPolaroids {
width: 100%;
min-height: 1px;
overflow: hidden;
margin-top: -40px;
padding-top: 80px
}
.retroPolaroids-inner {
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px
}
@media (max-width: 700px) {
.retroPolaroids-inner {
padding-left: 10px;
padding-right: 10px
}
}
@media print {
.retroPolaroids-inner {
width: 980px;
padding-left: 0;
padding-right: 0
}
}
.retroPolaroids-inner2 {
margin-left: -40px
}
.retroPolaroids-group {
float: left;
width: 33.333333333%;
padding-left: 40px
}
.retroPolaroids-group-image {
margin: 0 -10px
}
.retroPolaroids-group-image i {
display: block;
margin-bottom: 40px;
position: relative
}
.retroPolaroids-group-image b {
position: absolute;
left: 12.5%;
right: 12.5%;
bottom: 10%;
font-size: 21px;
font-weight: 700;
line-height: 25px;
letter-spacing: -0.04em;
font-style: normal;
text-transform: uppercase;
}
.retroPolaroids-group-image a {
position: absolute;
z-index: 2;
left: 0;
top: 0;
width: 100%;
height: 100%
}
.retroPolaroids-group-image u {
display: block;
position: absolute;
left: 50%;
top: 50%;
margin: -40px 0 0 -40px;
background: #fff;
opacity: .5;
width: 80px;
height: 80px;
-moz-border-radius: 40px;
-webkit-border-radius: 40px;
border-radius: 40px;
transition: 0.25s;
z-index: 3
}
.retroPolaroids-group-image u:before {
display: block;
content: "";
margin: 20px 20px 0 28px;
width: 0;
border-left: 32px solid #5a6870;
border-top: 20px solid transparent;
border-bottom: 20px solid transparent
}
@media (max-width:975px) {
.retroPolaroids-group-image b {
font-size: 24.375px
}
}
@media (max-width:950px) {
.retroPolaroids-group-image b {
font-size: 23.75px
}
}
@media (max-width:925px) {
.retroPolaroids-group-image b {
font-size: 23.125px
}
}
@media (max-width:900px) {
.retroPolaroids-group-image b {
font-size: 22.5px
}
}
@media (max-width:875px) {
.retroPolaroids-group-image b {
font-size: 21.875px
}
}
@media (max-width:850px) {
.retroPolaroids-group-image b {
font-size: 21.25px
}
}
@media (max-width:825px) {
.retroPolaroids-group-image b {
font-size: 20.625px
}
}
@media (max-width:800px) {
.retroPolaroids-group-image b {
font-size: 20px
}
}
@media (max-width:775px) {
.retroPolaroids-group-image b {
font-size: 19.375px
}
}
@media (max-width:750px) {
.retroPolaroids-group-image b {
font-size: 18.75px
}
}
@media (max-width:725px) {
.retroPolaroids-group-image b {
font-size: 18.125px
}
}
@media (max-width:700px) {
.retroPolaroids-group-image b {
font-size: 25px
}
}
@media (max-width:675px) {
.retroPolaroids-group-image b {
font-size: 24.107142857px
}
}
@media (max-width:650px) {
.retroPolaroids-group-image b {
font-size: 23.214285714px
}
}
@media (max-width:625px) {
.retroPolaroids-group-image b {
font-size: 22.321428571px
}
}
@media (max-width:600px) {
.retroPolaroids-group-image b {
font-size: 21.428571429px
}
}
@media (max-width:575px) {
.retroPolaroids-group-image b {
font-size: 20.535714286px
}
}
@media (max-width:550px) {
.retroPolaroids-group-image b {
font-size: 19.642857143px
}
}
@media (max-width:525px) {
.retroPolaroids-group-image b {
font-size: 18.75px
}
}
@media (max-width:500px) {
.retroPolaroids-group-image b {
font-size: 17.857142857px
}
}
@media (max-width:475px) {
.retroPolaroids-group-image b {
font-size: 16.964285714px
}
}
@media (max-width:450px) {
.retroPolaroids-group-image b {
font-size: 16.071428571px
}
}
@media (max-width:425px) {
.retroPolaroids-group-image b {
font-size: 15.178571429px
}
}
@media (max-width:400px) {
.retroPolaroids-group-image b {
font-size: 14.285714286px
}
}
@media (max-width:375px) {
.retroPolaroids-group-image b {
font-size: 13.392857143px
}
}
@media (max-width:350px) {
.retroPolaroids-group-image b {
font-size: 12.5px
}
}
@media (max-width:325px) {
.retroPolaroids-group-image b {
font-size: 11.607142857px
}
}
.retroPolaroids-group-image1 i {
-webkit-transform: scale(1.15, 1.15) rotate(-3deg);
-moz-transform: scale(1.15, 1.15) rotate(-3deg);
-o-transform: scale(1.15, 1.15) rotate(-3deg);
transform: scale(1.15, 1.15) rotate(-3deg)
}
.retroPolaroids-group-image2 i {
-webkit-transform: scale(1.15, 1.15) rotate(1deg);
-moz-transform: scale(1.15, 1.15) rotate(1deg);
-o-transform: scale(1.15, 1.15) rotate(1deg);
transform: scale(1.15, 1.15) rotate(1deg);
position: relative;
top: -10px;
top: -0.8vw
}
.retroPolaroids-group-image3 i {
-webkit-transform: scale(1.15, 1.15) rotate(4deg);
-moz-transform: scale(1.15, 1.15) rotate(4deg);
-o-transform: scale(1.15, 1.15) rotate(4deg);
transform: scale(1.15, 1.15) rotate(4deg);
position: relative;
top: 5px;
top: .5vw
}
.retroPolaroids-group-content-colors {
font-size: 0;
margin-bottom: 20px;
min-height: 80px
}
.retroPolaroids-group-content-color {
display: inline-block;
width: 33.333333333%;
vertical-align: top
}
.retroPolaroids-group-content-color img {
display: block;
width: 100%
}
.retroPolaroids-group-content-text {
text-align: center
}
@media (max-width:1000px) {
.retroPolaroids-group-content-colors {
min-height: 60px;
min-height: 7.85vw
}
}
@media (max-width: 700px) {
.retroPolaroids-group {
margin-bottom: 20px
}
.retroPolaroids {
margin-top: -30px;
padding-top: 30px
}
.retroPolaroids-inner2 {
margin-left: -20px
}
.retroPolaroids-group {
float: none;
width: 100%;
padding-left: 0
}
.retroPolaroids-group-image {
float: left;
margin: 0;
width: 50%;
padding-left: 10px
}
.retroPolaroids-group-content {
float: left;
padding-left: 10px;
width: 50%
}
.retroPolaroids-group-content-colors {
min-height: 0
}
.retroPolaroids-group-image i {
margin-bottom: 0;
position: static;
top: 0
}
.retroPolaroids-group-image1 i {
-webkit-transform: rotate(3deg);
-moz-transform: rotate(3deg);
-o-transform: rotate(3deg);
transform: rotate(3deg)
}
.retroPolaroids-group-image2 i {
-webkit-transform: rotate(1deg);
-moz-transform: rotate(1deg);
-o-transform: rotate(1deg);
transform: rotate(1deg)
}
.retroPolaroids-group-image3 i {
-webkit-transform: rotate(-1deg);
-moz-transform: rotate(-1deg);
-o-transform: rotate(-1deg);
transform: rotate(-1deg)
}
.retroPolaroids-group-content-text {
text-align: left
}
}
@media (max-width: 450px) {
.retroPolaroids-group-image {
margin-right: 10px
}
.retroPolaroids-group-content {
float: none;
padding-left: 30px;
width: 100%
}
.retroPolaroids-group-image i {
margin-bottom: 0;
position: static;
top: 0
}
.retroPolaroids-group-content-color {
width: 16.666666667%
}
.retroPolaroids-group-content-text {
text-align: left
}
}
.retroColorConfig {
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
margin-bottom: 20px
}
@media (max-width: 700px) {
.retroColorConfig {
padding-left: 10px;
padding-right: 10px
}
}
@media print {
.retroColorConfig {
width: 980px;
padding-left: 0;
padding-right: 0
}
}
.retroColorConfig-stepLabel {
float: left;
font-size: 14px;
line-height: 18px;
padding: 6px 10px 6px 0
}
.retroColorConfig-reset {
float: right
}
.retroColorConfig-reset a {
display: block;
font-size: 14px;
line-height: 18px;
padding: 6px 50px 6px 10px;
text-decoration: none
}
.retroColorConfig-reset a:hover {
color: #00b9ad
}
.retroColorConfig-reset img {
float: right;
width: 30px;
height: 30px;
margin: -6px -50px -6px 0
}
.retroColorConfig-options {
d: 0;
margin-left: -15px;
margin-bottom: 20px
}
.retroColorConfig-option {
display: inline-block;
vertical-align: top;
d: 0;
padding-left: 15px
}
.retroColorConfig-option label {
display: block;
line-height: 20px;
d: 0;
padding: 10px 5px 10px 40px;
d: 0;
margin: -5px 0 -5px -30px;
d: 0;
float: left;
position: relative;
z-index: 9
}
.retroColorConfig-option-info {
display: block;
float: left;
width: 20px;
height: 20px;
background: #9da6ab;
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
border-radius: 100%;
color: #fff;
position: relative;
transition: 0.25s;
cursor: pointer;
margin: 5px 0 0 0
}
.retroColorConfig-option-info:hover {
background: #5a6870;
transition: 0.125s
}
.retroColorConfig-option-info b, .retroColorConfig-option-info i {
display: block;
position: absolute;
left: 0;
top: 0;
width: 20px;
height: 20px;
line-height: 20px;
text-align: center;
font-size: 16px;
transition: .4s
}
.retroColorConfig-option-info.collapsibleToggle-collapsed b {
top: 0;
opacity: 1
}
.retroColorConfig-option-info.collapsibleToggle-expanded b {
top: 10px;
opacity: 0
}
.retroColorConfig-option-info.collapsibleToggle-collapsed i {
top: -10px;
opacity: 0
}
.retroColorConfig-option-info.collapsibleToggle-expanded i {
top: 0;
opacity: 1
}
.retroColorConfig-infoPanel-inner {
padding: 20px;
background: #f8f9f9;
margin-bottom: 20px
}
.retroColorConfig-infoPanel-inner:after {
content: "";
display: block;
margin-top: -20px
}
.retroColorConfig-panel {
display: block
}
.retroColorConfig-panel-select {
font-size: 0;
text-align: center
}
.retroColorConfig-panel-select a {
display: inline-block;
vertical-align: bottom;
max-width: 24%;
padding: 0 5%
}
.retroColorConfig-panel-select a img {
max-height: 70vh
}
.retroColorConfig-panel-select a:hover {
opacity: .65
}
.retroColorConfig-colorGroups {
margin-left: -60px;
font-size: 0
}
.retroColorConfig-colorGroups-group {
display: inline-block;
vertical-align: top;
padding-left: 60px
}
.retroColorConfig-colorGroups-colors {
margin-left: -10px
}
.retroColorConfig-colorGroups-color {
display: inline-block;
vertical-align: top;
width: 60px;
height: 60px;
position: relative
}
.retroColorConfig-colorGroups-color i {
position: absolute;
left: 10px;
top: 10px;
width: 50px;
height: 50px;
transition: 0.25s
}
.retroColorConfig-colorGroups-color-selectable i {
cursor: pointer
}
.retroColorConfig-colorGroups-color-selectable i:hover {
opacity: .75;
transition: 0.125s
}
.retroColorConfig-colorGroups-color-notAvailable {
border: 1px solid #9da6ab
}
.retroColorConfig-colorGroups-color img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%
}
.retroColorConfig-colorGroups-group-name {
display: block;
font-size: 36px;
font-weight: 700;
color: #9da6ab;
text-transform: uppercase;
padding-bottom: 10px
}
.retroColorConfig-colors {
font-size: 0;
margin-left: -10px
}
.retroColorConfig-colors .retroColorConfig-colorGroups-color {
height: 50px
}
.retroColorConfig-colors .retroColorConfig-colorGroups-color i {
width: auto;
top: 0;
right: 0
}
.retroColorConfig-panel-match-image {
width: 24%;
padding: 0 5%;
margin-left: 38%;
float: left
}
.retroColorConfig-panel-match-image img {
max-height: 70vh
}
.retroColorConfig-panel-match-link {
width: 38%;
float: right;
position: relative;
padding-top: 20%
}
.retroColorConfig-panel-match-link a {
display: block;
float: left
}
@media (max-width: 900px) {
.retroColorConfig-colorGroups-color {
width: 50px;
height: 50px
}
.retroColorConfig-colorGroups-color i {
width: 40px;
height: 40px
}
.retroColorConfig-colors .retroColorConfig-colorGroups-color {
height: 40px
}
}
@media (max-width: 700px) {
.retroColorConfig-panel-select a, .retroColorConfig-panel-match-image {
padding: 0 2%
}
.retroColorConfig-colorGroups-colors {
margin-left: -5px
}
.retroColorConfig-colorGroups-color {
width: 45px;
height: 45px
}
.retroColorConfig-colorGroups-color i {
left: 5px;
top: 5px;
width: 40px;
height: 40px
}
.retroColorConfig-colorGroups-group-name {
font-size: 28px
}
.retroColorConfig-colors {
margin-left: -5px
}
.retroColorConfig-panel-match-link a {
font-size: 12px;
line-height: 15px;
padding: 10px
}
}
@media (max-width: 450px) {
.retroColorConfig-colorGroups-colors {
margin-left: -2px
}
.retroColorConfig-colorGroups-color {
width: 32px;
height: 32px
}
.retroColorConfig-colorGroups-color i {
left: 2px;
top: 2px;
width: 30px;
height: 30px
}
.retroColorConfig-colorGroups-group-name {
font-size: 21px
}
.retroColorConfig-colors {
margin-left: -2px
}
.retroColorConfig-colors .retroColorConfig-colorGroups-color {
height: 30px
}
.retroColorConfig-panel-match-link a {
font-size: 9px;
line-height: 11px;
padding: 5px
}
}
.relatedProductGallery-slider {
margin-bottom: 20px;
width: 100%;
min-height: 1px;
overflow: hidden;
-ms-touch-action: pan-y pinch-zoom;
touch-action: pan-y pinch-zoom;
position: relative
}
.relatedProductGallery-slider .slider-clickGuardOnDrag {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 5;
display: none
}
.relatedProductGallery-slider-inner1 {
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px
}
@media (max-width: 700px) {
.relatedProductGallery-slider-inner1 {
padding-left: 10px;
padding-right: 10px
}
}
@media print {
.relatedProductGallery-slider-inner1 {
width: 980px;
padding-left: 0;
padding-right: 0
}
}
.relatedProductGallery-slider-inner2 {
d: 0;
margin-left: -60px
}
.relatedProductGallery-slider.sliderInitialized .relatedProductGallery-slider-inner2 {
position: relative;
height: 200px
}
.relatedProductGallery-slider.sliderInitialized .relatedProductGallery-slider-container {
position: absolute
}
.relatedProductGallery-slider-item {
d: 0;
padding-left: 60px;
d: 0;
float: left;
font-size: 0;
height: 220px
}
.relatedProductGallery-slider-item a {
display: block;
text-decoration: none
}
.relatedProductGallery-slider-indicator {
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px
}
@media (max-width: 700px) {
.relatedProductGallery-slider-indicator {
padding-left: 10px;
padding-right: 10px
}
}
@media print {
.relatedProductGallery-slider-indicator {
width: 980px;
padding-left: 0;
padding-right: 0
}
}
.relatedProductGallery-slider.sliderNotInitialized .relatedProductGallery-slider-indicator {
display: none
}
.relatedProductGallery-slider-item-image {
display: inline-block;
vertical-align: top;
transition: 0.25s
}
.relatedProductGallery-slider-item-image img {
max-height: 220px;
max-width: 200px;
d: 0;
margin-right: 20px
}
.relatedProductGallery-slider-item a:hover .relatedProductGallery-slider-item-image {
opacity: .85;
transition: 0.125s
}
.relatedProductGallery-slider-item-texts {
display: inline-block;
vertical-align: top;
max-width: 220px
}
.relatedProductGallery-slider-item-texts-name {
display: block;
font-size: 22px;
font-weight: 700;
color: #9da6ab;
margin-bottom: 10px
}
.relatedProductGallery-slider-item-texts-type {
display: block;
font-size: 14px;
margin-bottom: 10px
}
.relatedProductGallery-slider-item-texts-price {
display: block;
font-size: 20px;
color: #ec008c;
margin-bottom: 10px
}
.relatedProductGallery-slider-item-texts .input-button-minor {
margin-top: 20px
}
@media (max-width: 700px) {
.relatedProductGallery-slider.sliderInitialized .relatedProductGallery-slider-inner2 {
height: 140px
}
.relatedProductGallery-slider-inner2 {
d: 0;
margin-left: -30px
}
.relatedProductGallery-slider-item {
d: 0;
padding-left: 30px;
height: 160px
}
.relatedProductGallery-slider-item-image img {
max-height: 160px;
max-width: 140px;
margin-right: 10px
}
.relatedProductGallery-slider-item-texts-name {
font-size: 16px;
margin-bottom: 5px
}
.relatedProductGallery-slider-item-texts-type {
font-size: 10px;
margin-bottom: 5px
}
.relatedProductGallery-slider-item-texts-price {
font-size: 14px;
margin-bottom: 5px
}
.relatedProductGallery-slider-item-texts .input-button-minor {
padding: 4px 9px;
font-size: 12px
}
}
.recipes2015 {
margin-bottom: 20px
}
.recipes2015-categoryList {
display: block
}
.recipes2015-categoryList-inner1 {
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px
}
@media (max-width: 700px) {
.recipes2015-categoryList-inner1 {
padding-left: 10px;
padding-right: 10px
}
}
@media print {
.recipes2015-categoryList-inner1 {
width: 980px;
padding-left: 0;
padding-right: 0
}
}
.recipes2015-categoryList-inner2 {
margin: -20px 0 0 -20px;
font-size: 0
}
.recipes2015-categoryList-item {
display: inline-block;
padding: 20px 0 0 20px;
width: 50%
}
.recipes2015-categoryList-item-inner {
display: block;
position: relative;
overflow: hidden;
width: 100%;
height: 400px;
background-position: center;
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
cursor: pointer
}
.recipes2015-categoryList-item-texts {
position: absolute;
left: 20px;
right: 20px;
bottom: 20px;
background: #fff;
background: rgba(255, 255, 255, 0.8)
}
.recipes2015-categoryList-item-texts-title {
display: block;
padding: 7px 10px;
font-size: 24px;
font-weight: 700;
text-transform: uppercase
}
@media (max-width: 900px) {
.recipes2015-categoryList-item-texts-title {
font-size: 24px
}
}
@media (max-width: 700px) {
.recipes2015-categoryList-item-texts-title {
font-size: 16px
}
}
@media (max-width: 450px) {
.recipes2015-categoryList-item-texts-title {
font-size: 12px
}
}
.recipes2015-categoryList-item-texts-text {
display: block;
padding: 10px;
font-size: 14px
}
@media (max-width: 700px) {
.recipes2015-categoryList-item-texts-text {
font-size: 10px
}
}
.recipes2015-categoryList-item-texts-title+.recipes2015-categoryList-item-texts-text {
margin-top: -12px
}
.recipes2015-categoryList-item-texts-button {
display: inline-block;
background-color: #00b9ad;
line-height: 30px;
padding: 0 20px;
font-size: 14px;
font-weight: 700;
color: #fff;
text-transform: uppercase;
transition: 0.25s;
cursor: pointer;
text-decoration: none
}
.recipes2015-categoryList-item-inner:hover .recipes2015-categoryList-item-texts-button {
background-color: #5a6870;
transition: 0.125s
}
.recipes2015-category, .recipes2015-content {
display: none
}
.recipes2015-content-categoryList {
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
margin-bottom: 10px
}
@media (max-width: 700px) {
.recipes2015-content-categoryList {
padding-left: 10px;
padding-right: 10px
}
}
@media print {
.recipes2015-content-categoryList {
width: 980px;
padding-left: 0;
padding-right: 0
}
}
.recipes2015-content-categoryList-inner {
margin: 0 -10px;
font-size: 0
}
.recipes2015-content-categoryList-item {
font-size: 12px;
line-height: 18px;
height: 40px;
font-weight: 700;
color: #5a6870;
text-decoration: none;
padding: 11px 10px;
display: inline-block;
vertical-align: top;
cursor: pointer
}
.recipes2015-content-categoryList-item, .recipes2015-content-categoryList-item span {
transition: 0.25s
}
.recipes2015-content-categoryList-item:hover, .recipes2015-content-categoryList-item:hover span {
color: #00b9ad;
transition: 0.125s
}
.recipes2015-content-categoryList-item.selected {
font-size: 20px;
padding-top: 9px;
padding-bottom: 13px;
color: #00b9ad;
text-transform: none
}
.recipes2015-content-categoryList-item.selected span {
display: inline-block;
border: 1px solid #00b9ad;
padding: 6px 9px 7px 9px;
margin: -7px 0 -8px 0;
font-size: 17px;
color: #9da6ab
}
.recipes2015-recipe {
display: none
}
.recipes2015-recipe-inner1 {
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px
}
@media (max-width: 700px) {
.recipes2015-recipe-inner1 {
padding-left: 10px;
padding-right: 10px
}
}
@media print {
.recipes2015-recipe-inner1 {
width: 980px;
padding-left: 0;
padding-right: 0
}
}
.recipes2015-recipe-inner2 {
margin-left: -20px
}
.recipes2015-recipe-images {
float: left;
padding-left: 20px;
width: 50%
}
.recipes2015-recipe-image+.recipes2015-recipe-image {
margin-top: 20px
}
.recipes2015-recipe-content {
float: right;
padding-left: 20px;
width: 50%
}
.recipes2015-category-recipeSublist {
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
clear: both
}
@media (max-width: 700px) {
.recipes2015-category-recipeSublist {
padding-left: 10px;
padding-right: 10px
}
}
@media print {
.recipes2015-category-recipeSublist {
width: 980px;
padding-left: 0;
padding-right: 0
}
}
.recipes2015-category-recipeSublist-inner {
margin: 0 0 0 -20px
}
.recipes2015-category-recipeSublist-item {
float: left;
width: 16.666666667%;
padding: 20px 0 0 20px
}
.recipes2015-category-recipeSublist-item-inner1 {
display: table;
width: 100%;
height: 60px
}
.recipes2015-category-recipeSublist-item-inner2 {
display: table-cell;
width: 100%;
height: 100%;
border: 1px solid #00b9ad;
padding: 0 5px;
vertical-align: middle;
text-align: center;
font-size: 16px;
line-height: 1.15em;
color: #00b9ad;
font-weight: 700;
cursor: pointer;
transition: 0.25s
}
.recipes2015-category-recipeSublist-item-inner2>span {
display: block;
width: 100%;
max-height: 58px;
overflow: hidden
}
.recipes2015-category-recipeSublist-item.selected .recipes2015-category-recipeSublist-item-inner2, .recipes2015-category-recipeSublist-item-inner2:hover {
color: #fff;
background: #00b9ad;
transition: 0.125s
}
@media (max-width:1250px) {
.recipes2015-category-recipeSublist-item {
width: 25%
}
}
@media (max-width: 700px) {
.recipes2015-recipe-images, .recipes2015-recipe-content {
float: none;
width: 100%
}
.recipes2015-recipe-images+.recipes2015-recipe-content {
margin-top: 20px
}
.recipes2015-category-recipeSublist-inner {
margin: 0 0 0 -10px
}
.recipes2015-category-recipeSublist-item {
width: 33.333333333%;
padding: 10px 0 0 10px
}
}
@media (max-width: 450px) {
.recipes2015-category-recipeSublist-item {
width: 50%
}
}
.recipes2015-recipe-content-preparationTime, .recipes2015-recipe-content-description {
font-size: 14px;
margin-bottom: 20px
}
.recipes2015-recipe-title {
padding: 0 0 0 20px;
margin-bottom: 20px
}
.recipes2015-recipe-content-infoIcons {
display: block;
font-size: 0;
d: 0;
margin: -20px 0 20px -40px
}
.recipes2015-recipe-content-infoIcon-item {
display: inline-block;
vertical-align: top;
max-width: 50%;
d: 0;
padding: 20px 0 0 40px
}
.recipes2015-recipe-content-infoIcon-item-inner {
display: table
}
.recipes2015-recipe-content-infoIcon-item-icon {
display: table-cell;
d: 0;
padding-right: 10px;
vertical-align: middle;
height: 50px
}
.recipes2015-recipe-content-infoIcon-item-icon img {
max-width: 50px
}
.recipes2015-recipe-content-infoIcon-item-text {
display: table-cell;
vertical-align: middle;
font-size: 14px
}
@media (max-width: 900px) {
.recipes2015-recipe-content-infoIcon-item {
max-width: 100%
}
}
@media (max-width: 700px) {
.recipes2015-recipe-content-infoIcon-item {
max-width: 50%
}
}
@media (max-width: 450px) {
.recipes2015-recipe-content-infoIcon-item {
max-width: 100%
}
}
.recipes2015-recipe-content-preparation-step, .recipes2015-recipe-content-contentBlock-step {
font-size: 14px;
position: relative;
d: 0;
padding-left: 40px
}
.recipes2015-recipe-content-preparation-step-number, .recipes2015-recipe-content-contentBlock-step-number {
width: 30px;
height: 30px;
line-height: 30px;
font-size: 18px;
font-weight: bold;
text-align: center;
display: block;
d: 0;
float: left;
d: 0;
margin: 0 10px 7px -40px;
background: #00b9ad;
color: #fff
}
.recipes2015-recipe-content-preparation-note, .recipes2015-recipe-content-contentBlock-text {
font-size: 14px
}
.recipes2015-recipe-content-preparation-step+.recipes2015-recipe-content-preparation-step, .recipes2015-recipe-content-preparation-step+.recipes2015-recipe-content-preparation-note {
margin-top: 10px
}
.recipes2015-recipe-content-contentBlock>div, .recipes2015-recipe-content-contentBlock>h3, .recipes2015-recipe-content-contentBlock>h4 {
margin-top: 20px;
margin-bottom: 0
}
.imageTabs {
margin-bottom: 20px
}
.imageTabs-head {
min-height: 1px;
overflow: hidden;
-ms-touch-action: pan-y pinch-zoom;
touch-action: pan-y pinch-zoom;
position: relative;
width: 100%
}
.imageTabs-head-crop {
overflow: hidden;
width: 100%;
min-height: 0
}
.imageTabs-head-inner1 {
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px
}
@media (max-width: 700px) {
.imageTabs-head-inner1 {
padding-left: 10px;
padding-right: 10px
}
}
@media print {
.imageTabs-head-inner1 {
width: 980px;
padding-left: 0;
padding-right: 0
}
}
.imageTabs-head-inner2 {
margin-left: -10px;
overflow: visible !important
}
.imageTabs-head-indicator {
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
margin-top: -10px
}
@media (max-width: 700px) {
.imageTabs-head-indicator {
padding-left: 10px;
padding-right: 10px
}
}
@media print {
.imageTabs-head-indicator {
width: 980px;
padding-left: 0;
padding-right: 0
}
}
.imageTabs-head.sliderInitialized .imageTabs-head-inner2 {
position: relative
}
.imageTabs-head.sliderInitialized .imageTabs-head-container {
position: absolute
}
.imageTabs-head.sliderInitialized .imageTabs-head-inner2 {
height: 250px
}
.imageTabs-head-item {
width: 190px;
float: left;
text-align: center;
padding-left: 10px;
padding-top: 20px;
padding-bottom: 10px
}
.imageTabs-head-item a {
display: block;
text-align: center;
text-decoration: none
}
.imageTabs-head-item-image img {
display: block;
width: 100%
}
.imageTabs-head-item-title, .imageTabs-head-subitems-item {
display: block;
font-size: 14px;
color: #9da6ab;
font-weight: 700;
padding-top: 10px;
transition: 0.25s;
line-height: 20px;
width: 100%;
height: 40px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
.imageTabs-head-item-main, .imageTabs-head-subitems-item {
cursor: pointer
}
.imageTabs-head-item-main:hover .imageTabs-head-item-title, .imageTabs-head-subitems-item:hover {
color: #00b9ad;
transition: 0.125s
}
.imageTabs-head-item-title.selected, .imageTabs-head-subitems-item.selected {
color: #fff;
background: #00b9ad;
font-size: 14px;
padding: 10px 5px 10px 5px
}
.imageTabs-head-item-main:hover .imageTabs-head-item-title.selected, .imageTabs-head-subitems-item.selected:hover {
color: #fff;
background: #5a6870;
transition: 0.125s
}
.imageTabs-head-subitems {
display: none
}
.imageTabs-head-item.selected .imageTabs-head-subitems {
display: block
}
.imageTabs-head-indicator {
padding-top: 2px
}
.imageTabs-content-panel {
display: none
}
.imageTabs-content-panel-end {
height: 1px;
margin-top: -1px
}
@media (max-width: 700px) {
.imageTabs-head.sliderInitialized .imageTabs-head-inner2 {
height: 190px
}
.imageTabs-head-inner2 {
margin-left: -5px
}
.imageTabs-head-item {
width: 135px;
padding-left: 5px
}
.imageTabs-head-item-title, .imageTabs-head-subitems-item {
font-size: 10px;
padding-top: 5px;
line-height: 15px;
height: 25px
}
.imageTabs-head-item.selected .imageTabs-head-item-title, .imageTabs-head-subitems-item.selected {
font-size: 10px;
padding: 5px
}
}
.imageMap {
margin-bottom: 20px
}
.pageBody>.imageMap-center {
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px
}
@media (max-width: 700px) {
.pageBody>.imageMap-center {
padding-left: 10px;
padding-right: 10px
}
}
@media print {
.pageBody>.imageMap-center {
width: 980px;
padding-left: 0;
padding-right: 0
}
}
.imageMap-container {
position: relative
}
.imageMap-image, .imageMap-image img {
width: 100%
}
.imageMap-point {
position: absolute;
z-index: 5
}
.imageMap-point img {
display: block;
width: 30px;
height: 30px;
max-width: 30px;
margin: -15px;
background: #00b9ad;
cursor: pointer;
transition: 0.25s
}
.imageMap-point-large img {
width: 50px;
height: 50px;
max-width: 50px;
margin: -25px
}
.imageMap-point:hover img {
background: #5a6870;
transition: 0.125s
}
.imageMap-point-panel {
opacity: 0;
position: absolute;
transition-duration: .3s;
transition-timing-function: ease-in;
z-index: 10;
-webkit-transform: scale(0.01, 0.01);
-moz-transform: scale(0.01, 0.01);
-o-transform: scale(0.01, 0.01);
transform: scale(0.01, 0.01)
}
.imageMap-point-panel.visible {
opacity: 1;
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
transition-timing-function: ease-out
}
.imageMap-point-panel-inner {
position: absolute;
z-index: 10;
background: #fff;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5)
}
.imageMap-point-panel-bottom-right .imageMap-point-panel-inner {
top: 0;
left: 0
}
.imageMap-point-panel-bottom-left .imageMap-point-panel-inner {
top: 0;
right: 0
}
.imageMap-point-panel-top-right .imageMap-point-panel-inner {
bottom: 0;
left: 0
}
.imageMap-point-panel-top-left .imageMap-point-panel-inner {
bottom: 0;
right: 0
}
.imageMap-point-panel-left-top .imageMap-point-panel-inner {
right: 0;
bottom: 0
}
.imageMap-point-panel-left-bottom .imageMap-point-panel-inner {
right: 0;
top: 0
}
.imageMap-point-panel-right-top .imageMap-point-panel-inner {
left: 0;
bottom: 0
}
.imageMap-point-panel-right-bottom .imageMap-point-panel-inner {
left: 0;
top: 0
}
.imageMap-point-panel-bottom-right {
margin: 15px 15px -15px -15px
}
.imageMap-point-panel-bottom-left {
margin: 15px -15px -15px 15px
}
.imageMap-point-panel-top-right {
margin: -15px 15px 15px -15px
}
.imageMap-point-panel-top-left {
margin: -15px -15px 15px 15px
}
.imageMap-point-panel-right-bottom {
margin: -15px -15px 15px 15px
}
.imageMap-point-panel-left-bottom {
margin: -15px 15px 15px -15px
}
.imageMap-point-panel-right-top {
margin: 15px -15px -15px 15px
}
.imageMap-point-panel-left-top {
margin: 15px 15px -15px -15px
}
.imageMap-point-panel-largeIndicator.imageMap-point-panel-bottom-right {
margin: 25px 25px -25px -25px
}
.imageMap-point-panel-largeIndicator.imageMap-point-panel-bottom-left {
margin: 25px -25px -25px 25px
}
.imageMap-point-panel-largeIndicator.imageMap-point-panel-top-right {
margin: -25px 25px 25px -25px
}
.imageMap-point-panel-largeIndicator.imageMap-point-panel-top-left {
margin: -25px -25px 25px 25px
}
.imageMap-point-panel-largeIndicator.imageMap-point-panel-right-bottom {
margin: -25px -25px 25px 25px
}
.imageMap-point-panel-largeIndicator.imageMap-point-panel-left-bottom {
margin: -25px 25px 25px -25px
}
.imageMap-point-panel-largeIndicator.imageMap-point-panel-right-top {
margin: 25px -25px -25px 25px
}
.imageMap-point-panel-largeIndicator.imageMap-point-panel-left-top {
margin: 25px 25px -25px -25px
}
.imageMap-point-panel-row {
display: table;
width: 100%
}
.imageMap-point-panel-image {
display: table-cell;
vertical-align: top
}
.imageMap-point-panel-image img {
max-width: 180px;
max-height: 300px
}
.imageMap-point-panel-texts {
display: table-cell;
padding: 20px;
vertical-align: top
}
.imageMap-point-panel-texts-icon {
display: block;
d: 0;
float: left;
d: 0;
margin: 0 10px 5px 0
}
.imageMap-point-panel-texts-icon img {
max-width: 40px;
max-height: 40px
}
.imageMap-point-panel-texts-title {
color: #5a6870;
font-size: 16px;
min-width: 160px
}
.imageMap-point-panel-texts-text {
min-width: 160px;
font-size: 12px;
color: #9da6ab;
margin-top: 20px
}
.imageMap-point-panel-texts-link {
vertical-align: bottom;
margin-top: 20px
}
.imageMap-point-panel-texts-link a {
font-size: 12px;
font-weight: 700;
color: #00b9ad;
d: 0;
border-width: 1px 1px 1px 30px;
border-color: #00b9ad;
border-style: solid;
padding: 8px;
min-width: 130px;
text-align: center;
display: inline-block;
position: relative;
text-transform: uppercase;
text-decoration: none
}
.imageMap-point-panel-texts-link img {
position: absolute;
d: 0;
left: -30px;
top: 50%;
width: 30px;
height: 30px;
margin-top: -15px
}
@media (max-width: 700px) {
.imageMap-point-panel-image {
display: none
}
.imageMap-point-panel-texts {
padding: 10px
}
.imageMap-point-panel-texts-title {
font-size: 11px;
min-width: 120px
}
.imageMap-point-panel-texts-text {
font-size: 9px;
min-width: 120px;
margin-top: 10px
}
.imageMap-point-panel-texts-link {
margin-top: 10px
}
.imageMap-point-panel-texts-link a {
font-size: 10px;
d: 0;
border-width: 1px 1px 1px 20px;
min-width: 120px
}
.imageMap-point-panel-texts-link img {
d: 0;
left: -20px;
top: 50%;
width: 20px;
height: 20px;
margin-top: -10px
}
}
.AF-container {
margin: 40px 0;
background: #d7dadd
}
.AF-container:before {
display: block;
content: "";
clear: both;
height: 1px;
margin: -1px 0 40px 0
}
.AF-container:after {
display: block;
content: "";
clear: both;
height: 1px;
margin: 40px 0 -1px 0
}
.AF-container .form-field-input {
width: 100%
}
.AF-container .form-field-label {
width: 100%;
text-align: left
}
.AF-container .form-field-label:after {
content: ""
}
.AF-container .form-field-label span {
display: block;
margin: 0 0 15px 0;
font-size: 150%
}
.AF-container .custom-label, .AF-container .custom-label-results {
display: block;
font-size: 16px;
color: #5a6870;
line-height: 20px;
position: relative;
z-index: 2
}
.AF-container .custom-label {
padding: 10px 0 10px 40px
}
.AF-container .custom-label-results {
padding: 10px 0 10px 0
}
.AF-container .productListingItem {
background: #fff;
display: none
}
.AF-container .productListingItem {
margin: 0 0 5px 0;
padding: 10px;
height: 82px
}
.AF-container .productListingItem .image {
float: left;
margin: 5px 0 0 0
}
.AF-container .productListingItem .rightBlock {
margin: 0 0 0 62px;
height: 62px;
position: relative
}
.AF-container .productListingItem .type {
font-size: 70%;
padding: 0 100px 0 0
}
.AF-container .productListingItem .title {
font-weight: bold
}
.AF-container b.highlighted {
color: #00b9ad
}
.AF-container .productListingItem .title span {
font-size: 80%
}
.AF-container .productListingItem .foot {
position: absolute;
bottom: 0;
width: 100%
}
.AF-container .productListingItem .nrAccessories {
float: left;
font-size: 80%;
color: #00b9ad
}
.AF-container .buttonContainer {
position: absolute;
right: 0;
bottom: 0
}
.AF-container .buttonContainer .input-button {
padding: 5px 10px
}
.AF-container .showAllProducts-container {
text-align: right
}
.AF-container #showAllProducts {
float: right;
text-decoration: none
}
.AF-container .diagonalLinkArrow {
color: #00b9ad;
margin-left: 0
}
.container-fluid-socialmosaic {
background-color: #f5f5f5
}
.social-mosaic-container {
margin-left: auto;
margin-right: auto;
max-width: 1250px;
height: 100%;
padding: 20px;
-moz-columns: 313px 3;
-webkit-columns: 313px 3;
columns: 313px 3;
text-align: center;
text-align: -webkit-center;
text-align: -moz-center
}
.social-mosaic-container a {
text-decoration: none !important
}
.social-item {
width: 313px;
background-color: white;
margin-top: 20px;
-webkit-break-inside: avoid;
break-inside: avoid;
page-break-inside: avoid;
position: relative;
height: auto;
padding: 15px;
text-align: left;
overflow-wrap: break-word
}
.social-item:first-child {
margin-top: 0
}
.social-date {
font-size: 16px;
margin-bottom: 5px;
color: #9da6ab
}
.social-fb-logo {
position: absolute;
right: 15%;
top: 25px;
z-index: 2
}
.social-image {
position: relative;
width: 100%;
background-size: cover;
z-index: 1;
margin-top: 10px
}
.social-image img {
display: block;
margin-left: auto;
margin-right: auto
}
.social-video-overlay {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
z-index: 2;
background-repeat: no-repeat;
background-position: center center
}
.social-text {
font-size: 18px
}
.social-text p {
margin-top: 40px
}
.social-fb-likes {
color: #9da6ab
}
.social-fb-likes img {
padding-right: 5px;
vertical-align: middle;
display: inline-block
}
.social-fb-likes img:not(:first-child) {
margin-left: 20px
}
@media (max-width: 700px) {
.social-item:nth-of-type(1n+4) {
display: none
}
.social-mosaic-container {
-moz-columns: 280px 1;
-webkit-columns: 280px 1;
columns: 280px 1
}
.social-item {
width: 100%
}
}
.linkClickSubscribeNotification {
width: 100%;
min-height: 1px;
overflow: hidden;
margin-top: -20px;
padding: 20px 0
}
.linkClickSubscribeNotification-inner {
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px
}
@media (max-width: 700px) {
.linkClickSubscribeNotification-inner {
padding-left: 10px;
padding-right: 10px
}
}
@media print {
.linkClickSubscribeNotification-inner {
width: 980px;
padding-left: 0;
padding-right: 0
}
}
.linkClickSubscribeNotification-container {
position: relative;
overflow: visible !important
}
.linkClickSubscribeNotification-panel {
border: 1px solid #00b9ad;
padding: 40px;
display: none;
top: 0;
left: 0;
width: 100%;
background: #fff;
z-index: 2
}
.linkClickSubscribeNotification-panel-inner {
margin-left: -40px
}
.linkClickSubscribeNotification-panel-title {
padding-left: 40px;
margin-bottom: 20px;
display: table;
width: 100%
}
.linkClickSubscribeNotification-panel-title-text .heading2 {
margin-top: -0.2em;
margin-bottom: 0
}
.linkClickSubscribeNotification-panel-title-text .heading2 img {
display: block;
max-height: 1.15em
}
.linkClickSubscribeNotification-panel-title-close {
float: right;
line-height: 30px;
font-size: 12px;
color: #9da6ab;
margin: -10px -10px -5px 0;
padding: 5px 5px 5px 10px;
cursor: pointer;
transition: 0.25s
}
.linkClickSubscribeNotification-panel-title-close i {
display: inline-block;
width: 30px;
height: 30px;
vertical-align: top;
margin-bottom: -30px
}
.linkClickSubscribeNotification-panel-title-close i:before {
display: block;
content: "";
width: 20px;
height: 2px;
background: #5a6870;
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
margin: 14px -25px -16px 5px;
transition: 0.25s
}
.linkClickSubscribeNotification-panel-title-close i:after {
display: block;
content: "";
width: 20px;
height: 2px;
background: #5a6870;
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
margin: 14px -25px -16px 5px;
transition: 0.25s
}
.linkClickSubscribeNotification-panel-title-close:hover {
color: #5a6870;
transition: 0.125s
}
.linkClickSubscribeNotification-panel-title-close:hover i:before, .linkClickSubscribeNotification-panel-title-close:hover i:after {
background: #000;
transition: 0.125s
}
@media (max-width:800px) {
.linkClickSubscribeNotification-panel {
padding: 30px
}
.linkClickSubscribeNotification-panel-inner {
margin-left: -30px
}
.linkClickSubscribeNotification-panel-title, .linkClickSubscribeNotification-panel-nav, .linkClickSubscribeNotification-panel-impress, .linkClickSubscribeNotification-panel-info {
padding-left: 30px
}
}
@media (max-width: 700px) {
.linkClickSubscribeNotification-panel {
padding: 20px
}
.linkClickSubscribeNotification-panel-inner {
margin-left: 0
}
.linkClickSubscribeNotification-panel-title, .linkClickSubscribeNotification-panel-impress, .linkClickSubscribeNotification-panel-info {
float: none;
width: 100%;
padding-left: 0;
margin-bottom: 0
}
.linkClickSubscribeNotification-panel-nav {
padding-left: 0;
margin-bottom: 20px
}
.linkClickSubscribeNotification-panel-nav-separator {
height: 20px
}
}
@media (max-width: 450px) {
.linkClickSubscribeNotification-panel {
padding: 10px
}
}
.priceList {
margin-left: auto;
margin-right: auto;
padding: 20px;
max-width: 1250px
}
.contentTabs-navBar-outer {
margin: -40px 0 0 0;
height: 50px;
background-color: #00b9ad
}
.contentTabs-navBar-container {
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
height: 50px;
position: relative;
border-left: 2px solid white;
border-right: 2px solid white;
padding: 0
}
@media (max-width: 700px) {
.contentTabs-navBar-container {
padding-left: 10px;
padding-right: 10px
}
}
@media print {
.contentTabs-navBar-container {
width: 980px;
padding-left: 0;
padding-right: 0
}
}
.contentTabs-navBar-tab {
background-color: #00b9ad;
height: 50px;
float: left;
text-align: center;
padding-top: 15px;
font-weight: 700;
color: #fff;
transition: .5s;
cursor: pointer
}
.contentTabs-navBar-tab:hover {
background-color: #00a79c
}
.contentTabs-navBar-tab-active {
background-color: #fff;
color: #9da6ab
}
.contentTabs-navBar-tab-active:hover {
background-color: #e6e6e6
}
.contentTabs-navBar-tabs-2 {
width: 50%
}
.contentTabs-navBar-tabs-3 {
width: 33.333333333%
}
.contentTabs-contentTab {
width: 100%;
height: auto;
float: left;
display: none;
padding-top: 20px
}
.contentTabs-contentTab-active {
display: block
}
.contentTabs-navBar-outer a {
text-decoration: none
}
@media (max-width: 700px) {
.contentTabs-navBar-tab {
float: none;
width: 100%
}
.contentTabs-navBar-container {
padding: 0
}
}
.fridge-images {
position: relative
}
.fridge-images .explore-button {
cursor: pointer;
width: 180px;
height: 180px;
position: absolute;
top: 50%;
left: 50%;
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%)
}
.fridge-features {
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
overflow: auto
}
@media (max-width: 700px) {
.fridge-features {
padding-left: 10px;
padding-right: 10px
}
}
@media print {
.fridge-features {
width: 980px;
padding-left: 0;
padding-right: 0
}
}
.fridge-features .column {
width: 50%;
float: left;
padding-right: 20px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.fridge-features .column:last-child {
padding-right: 0
}
.fridge-features img {
width: 100%
}
.fridge-features .features {
padding: 20px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.fridge-features .features.feat .featuresborder {
padding: 20px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #00b9ad;
margin-bottom: 20px
}
.fridge-features .features .feature {
display: none
}
.fridge-features .features .feature .feature-image.scale {
overflow: hidden
}
.fridge-features .features .feature .feature-image.scale img {
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
-webkit-transition-delay: 0.5s;
-moz-transition-delay: 0.5s;
-o-transition-delay: 0.5s;
transition-delay: 0.5s
}
.fridge-features .features .feature.active .feature-image.scale img {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2)
}
.fridge-features .feature-description .title {
font-size: 35px;
color: #00b9ad;
margin-top: 30px;
line-height: 1;
margin-bottom: 10px;
text-align: left
}
.fridge-features .before-features .title {
font-size: 50px;
color: #626a6e;
margin-top: 35%;
line-height: 150%
}
.fridge-features .buttons {
display: inline-block;
color: #fff;
font-size: 16px;
font-weight: bold
}
.fridge-features .buttons>.btn {
display: block;
background: #626a6e;
padding: 10px 30px;
margin-bottom: 20px
}
.fridge-features .buttons>.btn a {
color: #fff
}
.fridge-features .buttons>.btn a:hover {
text-decoration: none
}
.feature-list {
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
margin-top: 50px;
margin-bottom: 150px
}
@media (max-width: 700px) {
.feature-list {
padding-left: 10px;
padding-right: 10px
}
}
@media print {
.feature-list {
width: 980px;
padding-left: 0;
padding-right: 0
}
}
.feature-list .box {
display: inline-block;
width: 14.285714286%;
float: left;
cursor: pointer
}
.feature-list .box img {
display: block;
margin: 0 auto
}
.fridge-features .fridge-with-features {
position: relative
}
.fridge-features .fridge-with-features .plus {
display: none;
position: absolute;
top: 0;
left: 0;
background-color: #00b9ad;
width: 30px;
cursor: pointer
}
.fridge-features .fridge-with-features .plus.active {
background: #f90;
border: 1px solid #f90
}
.fridge-features .fridge-with-features .plus img {
display: block
}
@media (max-width:768px) {
.fridge-features .column {
width: 100%;
padding: 0
}
.fridge-features .column:first-child {
padding: 0
}
}
@media (max-width:600px) {
.feature-list .box {
width: 33.333333333%;
margin-bottom: 20px
}
.fridge-images .explore-button {
width: 120px;
height: 120px
}
}
.bulliOrderForm {
width: 100%;
display: inline-block;
padding: 40px;
background-color: #ebedee;
margin-top: -40px
}
#bulliOrderForm-text {
width: 50%;
height: auto;
float: left;
padding: 20px;
text-align: center
}
#bulliOrderForm-text h3 {
font-size: 24px;
font-weight: 400;
color: #00b9ad
}
#bulliOrderForm-text p {
color: #9da6ab
}
#bulliOrderForm-text p span {
color: #00b9ad;
font-weight: 400
}
#bulliOrderForm-text p span::after {
content: ':'
}
#bulliOrderForm-text img {
margin-left: auto;
margin-right: auto;
float: none;
width: 100%;
max-width: 50vw
}
#bulliOrderForm-form {
width: 50%;
height: auto;
float: right
}
#bulliOrderForm-footer {
width: 100%;
height: 30px;
padding: 0 30px 0 30px;
margin-left: auto;
margin-right: auto;
max-width: 1250px
}
.bulliOrderForm_form_form h1, .bulliOrderForm h2, .bulliOrderForm h3, .bulliOrderForm p {
color: #00b9ad
}
.bulliOrderForm_form_form h2 {
font-size: 40px;
margin-bottom: 50px
}
.bulliOrderForm_form_form h3 {
font-size: 18px;
font-weight: 600
}
.bulliOrderForm_form_form input[type=checkbox]:not(old), .bulliOrderForm_form_form input[type=radio]:not(old) {
width: 28px;
margin-bottom: 10px;
padding: 0;
opacity: 0;
font-size: 18px
}
.bulliOrderForm_form_form input[type=checkbox]:not(old)+label, .bulliOrderForm_form_form input[type=radio]:not(old)+label {
display: inline-block;
margin-left: -28px;
padding-left: 28px;
background: url(../../images/icons/radio_buttons.png) no-repeat 0 0;
line-height: 24px
}
.bulliOrderForm_form_form input[type=checkbox]:not(old):checked+label {
background-position: 0 -24px
}
.bulliOrderForm_form_form input[type=radio]:not(old):checked+label {
background-position: 0 -48px
}
.bulliOrderForm-button {
color: #9da6ab;
border: 1px solid #9da6ab;
font-size: 28px;
padding: 10px;
margin: 30px 0 0 3px;
width: 300px;
font-weight: 800
}
.bulliOrderForm-return_button {
color: #ebedee;
background-color: #00b9ad;
border: 0;
font-size: 58px;
padding: 10px;
margin: 5px 0 0 50px;
width: 100px;
font-weight: 100;
float: left
}
.bulliOrderForm-button:active, .bulliOrderForm-return_button:active {
color: #00b9ad;
background-color: #ebedee
}
.bulliOrderForm .input-textbox {
border: 1px solid #9da6ab;
color: #9da6ab;
background-color: #ebedee
}
.bulliOrderForm .form-field-label {
color: #9da6ab
}
.bulliOrderForm .form-submit-inner {
margin-right: 25%
}
.bulliOrderForm .input-button {
background-color: #00b9ad;
color: #ebedee;
width: 60%;
margin-left: auto;
margin-right: auto;
display: block
}
.bulliOrderForm .alert-error {
color: #fff;
background-color: red !important
}
.bulliOrderForm .input-error .input-textbox {
background-color: #ffbfbf;
border-top: 3px solid red;
border-right: 3px solid red;
border-bottom: 0;
border-left: 0;
color: red
}
.bulliOrderForm a {
color: #fff;
text-decoration: none
}
.bulliOrderForm a:hover {
text-decoration: underline
}
.bulliOrderForm .form-success {
background: none
}
.bulliOrderForm .form-success img {
display: none
}
.bulliOrderForm .form-success-textContainer b {
font-size: 40px;
font-weight: 200;
margin-bottom: 20px;
font-family: 'Neue Helvetica W02', Arial, Helvetica, sans-serif
}
#bulliOrderForm-container {
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding: 30px;
position: relative;
min-height: 500px
}
.bulliOrderForm-footer-left-div {
float: left;
text-align: left;
width: auto
}
.bulliOrderForm-footer-right-div {
float: right;
text-align: right;
width: auto;
padding-left: 20px
}
.bulliOrderForm-footer-right-div span {
text-align: right
}
#bulliOrderForm-footer a img {
width: 20px;
margin-left: 5px;
float: right
}
.bulliOrderForm button:focus, .bulliOrderForm button:active {
outline: 0;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out
}
@media (max-width: 700px) {
.bulliOrderForm {
padding: 0 10px
}
#bulliOrderForm-text {
width: 100%;
float: none
}
#bulliOrderForm-form {
width: 100%;
float: none
}
}
.ifa2017-module-wrapper {
height: 515px;
width: 100%;
left: 20px;
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
position: relative;
overflow: hidden
}
.ifa2017-module-text {
width: 100%;
height: auto;
max-width: 1250px;
margin-left: auto;
margin-right: auto;
position: relative;
left: 0
}
.ifa2017-module-text-inner {
background-color: #fff;
position: relative;
width: 100%;
height: 100%
}
.ifa2017-module-text-title {
text-align: left;
font-size: 21px;
color: #5a6870;
padding: 20px
}
.ifa2017-module-text-subtitle {
text-align: left;
font-size: 16px;
color: #5a6870;
padding: 0 20px 20px 20px
}
.ifa2017-module-main {
background-color: #fff;
width: 70%;
height: 100%;
position: absolute;
left: 0
}
.ifa2017-module-main-inner {
background-color: #fff;
position: relative;
width: 100%;
height: 100%
}
.ifa2017-module-menu {
width: 30%;
height: 100%;
background-color: #fff;
position: absolute;
left: 70%;
min-width: 285px;
color: #5a6870
}
.ifa2017-module-menu-inner {
background-color: #fff;
position: relative;
width: 100%;
height: 100%;
margin-left: 10px
}
.ifa2017-module-menu-item {
width: 80%;
height: 30px;
transition: 0.5s;
margin-right: auto;
margin-bottom: 2px;
position: relative;
padding: 5px
}
.ifa2017-module-menu-item-button-number {
width: 25px;
height: 25px;
background-color: #fff;
border-radius: 25px;
border: 1px solid #5a6870;
color: #5a6870;
text-align: center;
font-size: 14px;
line-height: 25px;
position: absolute;
z-index: 2
}
.ifa2017-module-menu-item-button-main {
width: 100%;
height: 25px;
border-radius: 25px;
color: #5a6870;
text-align: center;
font-size: 14px;
position: absolute;
z-index: 1
}
.ifa2017-module-menu-item:hover {
cursor: pointer
}
.ifa2017-module-menu-item:hover .ifa2017-module-menu-item-button-label-text-shadow {
transition: 0.5s;
background-color: #5a6870
}
.ifa2017-module-menu-item:hover .ifa2017-module-menu-item-button-label-text {
color: #fff;
cursor: pointer
}
.ifa2017-module-menu-item-active {
cursor: pointer
}
.ifa2017-module-menu-item-active .ifa2017-module-menu-item-button-label-text-shadow {
transition: 0.5s;
background-color: #00b9ad
}
.ifa2017-module-menu-item-active .ifa2017-module-menu-item-button-label-text {
color: #fff;
cursor: pointer
}
.ifa2017-active {
background-color: #00b9ad;
color: #fff
}
.ifa2017-module-menu-item-button-label {
width: auto;
height: 100%;
float: left;
border-radius: 25px;
display: table;
position: absolute;
left: 35px
}
.ifa2017-module-menu-item-button-label-text {
width: 100%;
height: 100%;
border-radius: 25px;
display: table-cell;
vertical-align: middle;
text-align: left;
transition: 0.25s
}
.ifa2017-module-menu-item-button-label-text-shadow {
transition: 0.5s;
width: calc(100% + 50px);
height: 25px;
position: absolute;
top: 0;
left: -35px;
z-index: -1;
border-radius: 25px
}
.ifa2017-module-link {
color: #5a6870;
cursor: pointer;
line-height: 18px;
font-size: 16px;
font-weight: 700;
margin-left: 20px;
margin-top: 10px;
position: absolute;
left: 0;
bottom: 0
}
.ifa2017-module-link i {
box-sizing: border-box;
color: #00b9ad;
cursor: auto;
display: block;
float: left;
font-family: "Neue Helvetica W02", Arial, Helvetica, sans-serif;
font-size: 16px;
font-style: italic;
font-weight: bold;
height: 20px;
line-height: 16px;
list-style-image: none;
list-style-position: outside;
list-style-type: none;
margin-left: -16px;
text-align: left;
width: 16px
}
.ifa2017-module-link i:before {
content: "►";
display: block;
font-size: 11.2px;
font-style: normal;
font-weight: bold;
height: 11.1875px;
line-height: 17.36px;
text-align: left;
transform: matrix(0.75, 0, 0, 1, 0, 0);
width: 11.1875px
}
.ifa2017-module-main-grid {
width: 100%;
height: 100%;
transition: 0.5s
}
.ifa2017-module-main-grid-item {
width: 25%;
height: 25%;
cursor: pointer;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
opacity: 1;
transition: 0.5s;
float: left
}
.ifa2017-module-main-grid-item:hover {
transition: 0.5s
}
.ifa2017-module-main-items {
display: none;
opacity: 0;
width: 100%;
height: 100%;
position: relative;
transition: 0.5s
}
.ifa2017-module-main-line {
display: none;
opacity: 0;
width: 100%;
height: 100%;
transition: 0.5s;
z-index: 0;
position: absolute;
left: 0;
top: 0
}
.ifa2017-module-main-product {
display: none;
opacity: 0;
width: 100%;
height: 100%;
transition: 0.5s;
z-index: 0;
position: absolute;
left: 0;
top: 0
}
.ifa2017-module-main-line-inner {
position: relative;
width: 100%;
height: 100%
}
.ifa2017-module-main-line-background {
width: 100%;
height: 100%;
background-size: cover
}
.ifa2017-module-main-line-overlay {
width: 50%;
height: 100%;
position: absolute;
left: 0;
background-color: rgba(255, 255, 255, 0.9);
overflow: hidden
}
.ifa2017-module-main-line-overlay-right {
width: 50%;
height: 100%;
position: absolute;
right: 0;
overflow: hidden
}
.ifa2017-module-main-line-title {
font-size: 30px;
color: #5a6870;
margin: 20px;
text-transform: uppercase;
font-weight: 700
}
.ifa2017-module-main-line-subtitle {
font-size: 24px;
color: #00b9ad;
margin: 20px
}
.ifa2017-module-main-product-inner {
position: relative;
width: 100%;
height: 100%
}
.ifa2017-module-main-product-features {
width: calc(55% - 20px);
height: 100%;
float: left;
background-color: #fff
}
.ifa2017-module-main-product-feature {
width: 100%;
margin-bottom: 20px;
clear: both;
padding: 20px 20px 20px 0
}
.ifa2017-module-main-product-feature-textbox {
float: right;
width: calc(100% - 70px)
}
.ifa2017-module-main-product-feature-icon {
background-size: contain;
width: 50px;
height: 50px;
background-repeat: no-repeat;
float: left;
margin-right: 10px
}
.ifa2017-module-main-product-image {
width: 45%;
height: 100%;
float: right;
background-size: cover;
background-repeat: no-repeat;
background-position: center center
}
.ifa2017-module-main-product-features-header-title {
font-size: 30px;
color: #5a6870;
margin: 0 0 5px 0;
text-transform: uppercase;
font-weight: 700
}
.ifa2017-module-main-product-features-header-subtitle {
font-size: 24px;
color: #00b9ad;
margin: 5px 0 0 0
}
.ifa2017-module-main-product-features-feature-title {
color: #00b9ad;
font-size: 16px
}
.ifa2017-module-main-product-features-feature-subtitle {
color: #5a6870;
font-size: 14px
}
.ifa2017-module-main-product-features-feature-text {
color: #5a6870;
font-size: 14px;
font-weight: 700
}
.ifa2017-module-desktopfooter {
position: absolute;
left: 70%;
width: 30%;
height: 30px;
min-width: 285px
}
.ifa2017-module-desktop {
display: block
}
.ifa2017-module-mobile {
display: none
}
@media (max-width: 700px) {
.ifa2017-module-desktop {
display: none
}
.ifa2017-module-mobile {
display: block
}
}
.ifa2017-module-mobilewrapper {
height: 100%;
width: 100%;
position: relative;
overflow: hidden
}
.ifa2017-module-mobilemenuwrapper {
width: 100%;
height: 70px;
overflow: hidden
}
.ifa2017-module-mobilemenu-viewport {
width: 100%;
height: 100px;
overflow: auto;
overflow-x: auto;
overflow-y: hidden
}
.ifa2017-module-mobilemenu {
width: 2310px;
height: 100px;
background-color: #fff;
position: relative;
color: #5a6870
}
.ifa2017-module-mobilemenu-inner {
background-color: #fff;
position: relative;
width: 100%;
height: 100%
}
.ifa2017-module-mobilemenu-item {
width: 140px;
height: 100px;
transition: 0.5s;
position: relative;
padding: 5px;
display: inline-block
}
.ifa2017-module-mobilemenu-item:hover {
background-color: #00b9ad;
color: #fff
}
.ifa2017-module-mobilemenu-item-button-label-text:hover {
color: #fff
}
.ifa2017-module-mobilemenu-item-button-number {
width: 23px;
height: 23px;
background-color: #fff;
border-radius: 25px;
border: 1px solid #5a6870;
color: #5a6870;
text-align: center;
font-size: 16px;
line-height: 23px;
position: absolute;
z-index: 2
}
.ifa2017-module-mobilemenu-item-button-main {
width: 100%;
height: 25px;
color: #5a6870;
text-align: center;
font-size: 12px;
position: absolute;
z-index: 1;
top: 10px
}
.ifa2017-module-mobilemenu-item-active {
cursor: pointer
}
.ifa2017-module-mobilemenu-item-active .ifa2017-module-mobilemenu-item-button-label-text-shadow {
transition: 0.5s;
background-color: #00b9ad
}
.ifa2017-module-mobilemenu-item-active .ifa2017-module-mobilemenu-item-button-label-text {
color: #fff;
cursor: pointer
}
.ifa2017-module-mobilemenu-item-button-label {
width: 80px;
height: 100%;
float: left;
display: table;
position: absolute;
left: 35px
}
.ifa2017-module-mobilemenu-item-button-label-text {
width: 100%;
height: 100%;
top: 10px;
border-radius: 25px;
text-align: left;
transition: 0.25s;
break-inside: avoid
}
.ifa2017-module-mobilemenu-item-button-label-text-shadow {
transition: 0.5s;
width: calc(100% + 50px);
height: 25px;
position: absolute;
top: 0;
left: -35px;
z-index: -1;
border-radius: 25px
}
.ifa2017-module-mobileitems {
width: 100%;
height: 100%;
position: relative
}
.ifa2017-module-mobileitem {
width: calc(100% - 40px);
height: auto
}
.ifa2017-module-mobileitem-inner {
width: 100%;
height: 100%;
margin: 20px
}
.ifa2017-module-mobileitem-title {
font-size: 30px;
color: #5a6870;
margin: 20px;
text-transform: uppercase;
font-weight: 700
}
.ifa2017-module-mobileitem-subtitle {
font-size: 24px;
color: #00b9ad;
margin: 20px
}
.ifa2017-module-mobileitem-image {
width: 100%;
height: 100vw;
background-repeat: no-repeat;
background-size: contain;
background-position: center center
}
.ifa2017-module-mobileitem-features {
width: 100%;
height: 100%;
position: relative
}
.ifa2017-module-mobileitem-feature {
width: 100%;
height: 100%
}
.ifa2017-module-mobileitem-feature-icon {
width: 60px;
height: 60px;
background-size: contain;
background-repeat: no-repeat;
float: left;
margin-right: 20px;
margin-top: 0
}
.ifa2017-module-mobileitem-feature-textbox {
width: calc(100% - 80px);
float: left
}
.ifa2017-module-mobileitem-feature-title {
font-size: 16px;
color: #00b9ad;
margin-bottom: 0;
margin-top: 20px
}
.ifa2017-module-mobileitem-feature-subtitle {
font-size: 12px;
color: #5a6870;
margin-top: 5px
}
.ifa2017-module-mobileitem-feature-text {
font-size: 14px;
color: #5a6870;
margin-top: 5px;
font-weight: 700
}
.ifa2017-module-playicon {
width: 100%;
height: 100%;
background-position: center center;
background-size: 30%;
background-repeat: no-repeat;
background-image: url(../../images/icons/playicon.png);
cursor: pointer;
transition: 0.5s
}
.ifa2017-module-playicon:hover {
-webkit-filter: drop-shadow(1px 1px 2px #fff);
filter: drop-shadow(1px 1px 2px #fff)
}
.ifa2017-module-main-video {
width: 100%;
height: 100%;
position: absolute;
display: none;
background: #fff;
z-index: 2
}
.ifa2017-exitintent-popup {
display: none;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
text-align: center;
background-color: rgba(0, 0, 0, 0.8);
z-index: 10
}
.ifa2017-exitintent-popup-inner {
width: 100%;
height: 50%;
display: table;
top: calc(50% - 250px);
position: absolute
}
.ifa2017-exitintent-popup-messagewrapper {
background-color: #fff;
width: 60vw;
height: 60vw;
max-width: 500px;
max-height: 500px;
min-width: 300px;
min-height: 300px;
border: 1px solid rgba(0, 0, 0, 0.7);
box-shadow: -3px 3px 10px #000;
position: relative;
display: inline-block;
zoom: 1;
z-index: 11
}
.ifa2017-exitintent-popup-image {
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
width: 100%;
height: 70%;
float: left
}
.ifa2017-exitintent-popup-textwrapper {
width: calc(100% - 20px);
height: calc(30% - 20px);
float: left;
position: relative;
margin: 10px
}
.ifa2017-exitintent-popup-x {
width: 100%;
height: calc(37%)
}
.ifa2017-exitintent-popup-close {
position: absolute;
right: 5%;
top: 5%;
width: 32px;
height: 32px;
opacity: 0.3
}
.ifa2017-exitintent-popup-close:hover {
opacity: 1
}
.ifa2017-exitintent-popup-close:before, .ifa2017-exitintent-popup-close:after {
position: absolute;
left: 15px;
content: ' ';
height: 33px;
width: 2px;
background-color: #fff
}
.ifa2017-exitintent-popup-close:before {
transform: rotate(45deg)
}
.ifa2017-exitintent-popup-close:after {
transform: rotate(-45deg)
}
.ifa2017-exitintent-popup-text {
font-size: 20px;
color: #5a6870;
display: table;
height: 100%
}
.ifa2017-exitintent-popup-textinner {
display: table-cell;
text-align: left;
vertical-align: middle;
height: 100%
}
.socialLinks-wrapper {
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
margin-bottom: 20px
}
@media (max-width: 700px) {
.socialLinks-wrapper {
padding-left: 10px;
padding-right: 10px
}
}
@media print {
.socialLinks-wrapper {
width: 980px;
padding-left: 0;
padding-right: 0
}
}
.socialLinks-container:after {
content: "";
display: block;
clear: both
}
.socialLinks-info {
float: left
}
.socialLinks-infoCategory, .socialLinks-infoDate {
margin-bottom: 0
}
.socialLinks-infoCategory+.socialLinks-infoDate {
margin-top: 5px
}
.socialLinks-social {
float: right;
margin-top: 6px
}
.socialLinks-social:after {
content: "";
display: block;
clear: both
}
.socialLinks-social-icon {
display: block;
width: 30px;
height: 30px;
margin: 0 10px;
float: right;
background-image: url(../../images/social/gray2.png);
background-size: 120px 90px;
background-repeat: no-repeat
}
.socialLinks-social-icon:hover {
background-image: url(../../images/social/turquoise2.png)
}
.socialLinks-social-icon:first-child {
margin-right: 0
}
.socialLinks-social-icon-share {
background-position: -90px -30px
}
.socialLinks-social-icon-fb {
background-position: 0 0
}
.socialLinks-social-icon-tw {
background-position: -30px 0
}
.socialLinks-social-icon-em {
background-position: -30px -30px
}
.socialLinks-social-icon-pr {
background-position: -60px -30px
}
.socialLinks-negativemargin {
margin-top: -30px
}
@media (max-width: 700px) {
.socialLinks-social-icon {
margin: 0 5px
}
}
.OraitoCZSK-threeColumns {
margin: 80px 0 90px 0;
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px
}
@media (max-width: 700px) {
.OraitoCZSK-threeColumns {
padding-left: 10px;
padding-right: 10px
}
}
@media print {
.OraitoCZSK-threeColumns {
width: 980px;
padding-left: 0;
padding-right: 0
}
}
.OraitoCZSK-threeColumns h3 {
font-size: 40px;
color: black;
font-weight: 700;
text-align: center;
margin-bottom: 40px
}
.OraitoCZSK-threeColumns-row {
margin-left: -40px
}
.OraitoCZSK-threeColumns-row:after {
content: "";
display: table;
clear: both
}
.OraitoCZSK-threeColumns-column {
box-sizing: border-box;
width: 33.33333%;
float: left;
text-align: center;
padding-left: 40px
}
.OraitoCZSK-threeColumns-column img {
width: 100%;
max-width: 180px;
margin: 0 auto;
padding-bottom: 30px
}
.OraitoCZSK-threeColumns-column h4 {
font-size: 24px;
color: #9da6ab;
font-weight: 700
}
.OraitoCZSK-threeColumns-column p {
font-size: 14px;
font-weight: 400;
line-height: 150%;
padding: 0 20px;
margin: 0
}
.OraitoCZSK-threeColumns-button {
margin-top: 50px;
text-align: center
}
.OraitoCZSK-threeColumns-button a {
display: inline-block;
width: auto;
padding: 15px 22px;
border: 0;
text-align: center;
color: #fff;
background: #5a6870;
box-sizing: border-box;
border-radius: 0px;
transition: all 0.3s;
position: relative;
text-decoration: none;
font-weight: 700;
text-transform: uppercase
}
.OraitoCZSK-threeColumns-button a:hover {
background: #e12126
}
@media (max-width: 900px) {
.OraitoCZSK-threeColumns-row {
margin-left: -20px
}
.OraitoCZSK-threeColumns-column {
padding-left: 20px
}
.OraitoCZSK-threeColumns-column p {
padding: 0 10px
}
}
@media (max-width: 700px) {
.OraitoCZSK-threeColumns-column p {
padding: 0
}
.OraitoCZSK-threeColumns h3 {
font-size: 34px
}
}
@media (max-width: 450px) {
.OraitoCZSK-threeColumns-column {
margin-bottom: 50px;
float: none;
width: 100%
}
.OraitoCZSK-threeColumns-column p {
padding: 0 20px
}
.OraitoCZSK-threeColumns-button {
margin-top: 10px
}
}
.OraitoCZSK-banner {
background: black;
width: 100%
}
.OraitoCZSK-banner img {
border: none;
max-width: 100%;
display: block
}
.OraitoCZSK-banner:after {
content: "";
display: table;
clear: both
}
.OraitoCZSK-banner-part {
float: left;
box-sizing: border-box;
width: 50%;
position: relative
}
.OraitoCZSK-banner-text {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
}
.OraitoCZSK-banner-text h3 {
font-size: 44px;
color: white;
font-weight: 700;
margin-bottom: 40px;
margin-top: 0;
white-space: nowrap
}
.OraitoCZSK-banner-text p {
font-size: 18px;
font-weight: 400;
line-height: 180%;
color: white;
margin: 0
}
.OraitoCZSK-banner-text a {
margin-top: 45px;
display: inline-block;
width: auto;
font-size: 16px;
padding: 15px 22px;
border: 0;
text-align: center;
color: #fff;
background: #e12126;
box-sizing: border-box;
border-radius: 0px;
transition: all 0.3s;
position: relative;
text-decoration: none;
font-weight: 700;
margin-bottom: 3px
}
.OraitoCZSK-banner-text a:hover {
color: #d4d3d3
}
.OraitoCZSK-banner ul {
list-style: none;
margin: 0;
padding: 0
}
.OraitoCZSK-banner ul li {
float: left;
margin-bottom: 0;
width: 50%
}
@media (max-width:1400px) {
.OraitoCZSK-banner-text h3 {
margin-bottom: 30px
}
.OraitoCZSK-banner-text p {
font-size: 16px
}
.OraitoCZSK-banner-text a {
margin-top: 40px
}
}
@media (max-width:1150px) {
.OraitoCZSK-banner-text {
width: 80%
}
.OraitoCZSK-banner-text h3 {
font-size: 30px;
margin-bottom: 20px
}
.OraitoCZSK-banner-text p {
font-size: 14px
}
.OraitoCZSK-banner-text a {
font-size: 14px;
padding: 11px 18px;
margin-top: 25px
}
}
@media (max-width:900px) {
.OraitoCZSK-banner-text h3 {
font-size: 24px;
margin-bottom: 15px
}
.OraitoCZSK-banner-text a {
margin-top: 20px
}
}
@media (max-width:800px) {
.OraitoCZSK-banner-part {
display: block;
width: 100%;
text-align: center
}
.OraitoCZSK-banner-text h3 {
font-size: 40px;
margin-bottom: 40px
}
.OraitoCZSK-banner-text p {
font-size: 16px
}
.OraitoCZSK-banner-text a {
margin-top: 45px;
padding: 15px 22px;
font-size: 16px
}
}
@media (max-width:700px) {
.OraitoCZSK-banner-text h3 {
margin-bottom: 30px
}
.OraitoCZSK-banner-text a {
margin-top: 40px
}
}
@media (max-width:600px) {
.OraitoCZSK-banner-text h3 {
font-size: 30px;
margin-bottom: 20px
}
.OraitoCZSK-banner-text p {
font-size: 14px
}
.OraitoCZSK-banner-text a {
font-size: 14px;
padding: 11px 18px;
margin-top: 25px
}
}
@media (max-width:500px) {
.OraitoCZSK-banner-part:first-child {
min-height: 300px;
text-align: center
}
.OraitoCZSK-banner ul li {
float: none;
margin-bottom: 0;
width: 100%
}
}
.ana-centeredcontainer {
text-align: center;
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px
}
@media (max-width: 700px) {
.ana-centeredcontainer {
padding-left: 10px;
padding-right: 10px
}
}
@media print {
.ana-centeredcontainer {
width: 980px;
padding-left: 0;
padding-right: 0
}
}
.ana-button-pink ul {
display: inline-block;
list-style: none;
margin: 0 0 0 -20px;
padding: 0;
box-sizing: border-box
}
.ana-button-pink ul li:hover {
cursor: pointer
}
.ana-button-pink ul li {
display: inline-block;
margin-left: 20px;
text-align: left;
vertical-align: middle;
box-sizing: border-box;
list-style: none
}
.ana-button-pink ul li a {
background-color: #ec0091;
border: solid 1px #ec0091;
font-size: 16px;
font-weight: 300;
padding: 10px 0 10px 10px;
display: table;
height: 40px;
text-decoration: none;
transition: 0.25s;
box-sizing: border-box
}
.ana-button-pink ul li a i {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAPCAYAAAA2yOUNAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAABCSURBVHjaYvj//7/B////D/z//1+AAReAKvj/////CzgV/v//XwCqYFgoVPiPAAtIN2kwKIAqIsq7CXgVMDAwAAYArfHw93TzcH0AAAAASUVORK5CYII=');
background-size: 9px 15px;
display: table-cell;
width: 40px;
height: 20px;
background-repeat: no-repeat;
background-position: center center;
font-size: 16px;
font-style: italic
}
.ana-button-pink ul li a b {
color: #fff;
text-transform: uppercase
}
.exitintent-popup {
display: none;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
text-align: center;
background-color: rgba(0, 0, 0, 0.6);
z-index: 12
}
.exitintent-popup-inner {
display: table;
top: 7.5vh;
left: 7.5vw;
width: 85vw;
height: 85vh;
position: absolute
}
.exitintent-popup-messagewrapper {
background-color: rgba(0, 0, 0, 0.6);
color: #fff;
width: 85vw;
height: 85vh;
max-width: 700px;
max-height: 700px;
position: relative;
display: inline-block;
zoom: 1;
z-index: 11;
padding: 70px 30px 30px 30px;
overflow-y: auto
}
.exitintent-popup-image {
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
width: 50%;
height: 50%;
float: left;
margin-bottom: 10px;
margin-right: 10px
}
.exitintent-popup-textwrapper {
width: calc(100% - 20px);
height: calc(30% - 20px);
float: left;
position: relative;
margin: 0 10px
}
.exitintent-popup-x {
width: 100%;
height: calc(37%)
}
.exitintent-popup-close {
position: absolute;
right: 5%;
top: 5%;
width: 32px;
height: 32px;
opacity: 0.3
}
.exitintent-popup-close:hover {
opacity: 1
}
.exitintent-popup-close:before, .exitintent-popup-close:after {
position: absolute;
left: 15px;
content: ' ';
height: 33px;
width: 2px;
background-color: #fff
}
.exitintent-popup-close:before {
transform: rotate(45deg)
}
.exitintent-popup-close:after {
transform: rotate(-45deg)
}
.exitintent-popup-text {
font-size: 20px;
color: #5a6870;
display: table;
height: 100%
}
.exitintent-popup-textinner {
display: table-cell;
text-align: left;
vertical-align: middle;
height: 100%
}
.exitintent-popup-cta {
position: fixed;
right: 50px;
bottom: 0;
z-index: 20;
background-color: rgba(0, 0, 0, 0.6);
width: auto;
height: auto;
max-width: 150px;
padding: 10px;
transition: 0.5s ease-in-out
}
.exitintent-popup-cta-container {
position: relative;
width: 100%;
height: 100%;
text-align: right
}
.exitintent-popup-cta-x {
width: 100%;
height: calc(25%)
}
.exitintent-popup-cta-close {
position: relative;
right: 20%;
top: 15%;
width: 20px;
height: 20px;
opacity: 0.3;
z-index: 20
}
.exitintent-popup-cta-close:hover {
opacity: 1
}
.exitintent-popup-cta-close:before, .exitintent-popup-cta-close:after {
position: absolute;
left: 15px;
content: ' ';
height: 20px;
width: 2px;
background-color: #fff
}
.exitintent-popup-cta-close:before {
transform: rotate(45deg)
}
.exitintent-popup-cta-close:after {
transform: rotate(-45deg)
}
.exitintent-popup-cta-img {
width: 60%;
margin-left: auto;
margin-right: auto;
height: auto;
position: relative;
min-height: 100px;
background-size: contain;
background-repeat: no-repeat;
background-position: center center
}
.exitintent-popup-cta-text {
position: relative;
text-align: center;
width: 100%;
height: 100%
}
.exitintent-popup-cta-text-title {
color: #fff;
display: block;
text-transform: uppercase
}
.exitintent-popup-cta-text-subtitle {
color: #00b9ad;
text-transform: uppercase
}
.exitintent-popup-titles-subtitles {
height: 50%;
margin-bottom: 10px;
display: table
}
.exitintent-popup-titles-subtitles-container {
display: table-cell;
vertical-align: middle
}
.exitintent-popup-titles {
font-size: 30px;
padding-right: 55px;
text-align: left;
display: table;
height: auto;
padding: 20px 0;
text-transform: uppercase
}
.exitintent-popup-titles-insidewrapper {
display: table-cell;
vertical-align: middle
}
.exitintent-popup-subtitle {
text-align: left;
padding-bottom: 20px
}
.exitintent-popup-textinner .form>div {
width: 100%
}
.exitintent-popup-textinner .form .field .control-label {
font-size: 14px;
line-height: 30px;
color: #aaa;
text-transform: uppercase
}
.exitintent-popup-textinner .form .field-box .controls {
padding-left: 0;
margin-bottom: 10px
}
.exitintent-popup-textinner .form .field .checkbox-label {
min-width: 0;
color: #fff;
position: absolute
}
.exitintent-popup-textinner .form-field {
margin-bottom: 10px
}
.exitintent-popup-textinner .form-field-box .form-field-label {
float: none;
text-align: left;
width: auto;
text-transform: uppercase;
color: #fff
}
.exitintent-popup-textinner .form-field-required .form-field-label:after {
float: left;
left: 20px;
top: 10px;
position: absolute;
display: none
}
.exitintent-popup-textinner .form-field-box .form-field-input {
width: 100%
}
.exitintent-popup-textinner .form-field-box .form-field-input input {
background-color: transparent;
border-color: #fff;
margin-bottom: 20px
}
.exitintent-popup-textinner .form-field-checks .form-field-input {
margin-left: 0;
width: 100%
}
.exitintent-popup-textinner .form .field {
margin-bottom: 0
}
.exitintent-popup-textinner .input-button {
width: 100px;
background: #fff;
color: #000;
margin-top: 40px
}
.exitintent-popup-textinner .input-button:hover {
background: #e6e6e6
}
.exitintent-popup-textinner .form .field .checkbox-controls label {
font-size: 12px;
text-transform: none;
line-height: 16px;
display: block;
margin-left: 0;
color: #fff;
left: 30px;
position: relative
}
.exitintent-popup-textinner .form-error-inner {
margin-left: 0;
width: 100%
}
.exitintent-popup-textinner .control-group {
padding-bottom: 0
}
.exitintent-popup-textinner .form .submit {
float: none;
padding-left: 0
}
.exitintent-popup-textinner .form-submit-inner {
padding-left: 0
}
.exitintent-popup-textinner .form-content-inner, .exitintent-popup-textinner .form-submit-inner {
margin-left: calc(50% - 50px)
}
.exitintent-popup-textinner .form .submit a, .exitintent-popup-textinner .form .submit input {
margin-left: auto;
margin-right: auto;
background: #fff;
color: #000;
text-transform: uppercase;
margin-top: 30px;
font-size: 17px
}
.exitintent-popup-textinner .form .field input[type="text"], .exitintent-popup-textinner .form .field select {
background-color: #000;
color: #aaa
}
.exitintent-popup-textinner .form-field-checks .form-field-input label {
font-size: 12px;
color: #fff;
margin: -15px 0
}
.exitintent-popup-textinner .alert-error {
margin-top: 40px
}
@media (max-width:900px) {
.exitintent-popup-textinner .form-submit {
margin-left: 0;
margin-top: 40px
}
.exitintent-popup-textinner .form .submit a, .exitintent-popup-textinner .form .submit input {
margin-top: 10px
}
.exitintent-popup-cta {
width: 100%;
height: 80px;
bottom: 0;
max-width: none;
right: 0;
cursor: pointer
}
.exitintent-popup-cta-close {
right: 30px
}
.exitintent-popup-cta-img {
width: 20%;
margin-left: 0;
margin-right: 0;
min-height: 60px;
height: 60px;
float: left;
position: absolute
}
.exitintent-popup-cta-text {
top: 20px
}
.exitintent-popup-cta-text-title {
display: inline-block
}
.exitintent-popup-inner {
display: block;
top: 10px;
left: 10px;
width: calc(100% - 20px);
height: calc(100% - 20px);
position: absolute
}
.exitintent-popup-messagewrapper {
max-width: none;
max-height: none;
width: 100%;
height: 100%
}
.exitintent-popup-image {
margin-bottom: 10px;
margin-right: 0;
width: 100%;
height: 30%
}
.exitintent-popup-titles {
font-size: 20px;
padding-right: 0;
line-height: 30px
}
.exitintent-popup-subtitle {
font-size: 14px;
line-height: 14px;
padding-bottom: 10px;
color: #fff
}
.exitintent-popup-textinner .form .field .checkbox-controls label {
font-size: 10px;
text-transform: none;
color: #fff;
width: 100%
}
.exitintent-popup-titles-subtitles {
height: auto
}
}
@media (max-width:700px) {
.exitintent-popup-textinner .form-field-required .form-field-label:after {
left: 0
}
}
@media (max-width:500px) {
.exitintent-popup-textinner .form-field-checks .form-field-input label {
line-height: 12px
}
.exitintent-popup-textinner .form-field-required .form-field-label:after {
left: 0;
top: 0
}
.exitintent-popup-textinner .form-submit {
margin-left: 0;
margin-top: 0
}
.exitintent-popup-textinner .input-button {
width: 100%;
margin-top: 10px
}
.exitintent-popup-titles {
padding: 10px 0
}
.exitintent-popup-messagewrapper {
padding: 30px
}
}
.simplyFans-instagram {
max-width: 1250px;
padding: 17px 20px;
margin: 0 auto
}
.simplyFans-instagram:after {
content: "";
display: block;
clear: both
}
.simplyFans-instagram h3 {
text-align: center
}
.simplyFans-instagramInner {
margin-left: -2%;
width: 100%
}
.simplyFans-instagramHolder:after {
content: "";
display: block;
clear: both
}
.simplyFans-instagramPost {
float: left;
width: 33.3333%;
padding-left: 2%;
margin-bottom: 20px
}
.simplyFans-instagramPost:nth-child(3n+1) {
clear: both
}
.simplyFans-instagram h3 img {
display: inline-block;
width: 160px
}
.simplyFans-instagramTitleDelimiter {
display: inline-block;
width: 0px;
border-left: 2px solid #9da6ab;
height: 35px;
margin: 0 8px 0 10px;
vertical-align: top
}
.simplyFans-instagramTitle {
display: inline-block;
color: #9da6ab;
line-height: 35px;
vertical-align: top
}
.simplyFans-instagramLoadMoreButton i {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg)
}
.simplyFans-instagramLoadMoreFrame .linkList ul {
text-align: center
}
.mg-wrapper {
text-align: left !important
}
.mg-wrapper .mg-controls {
text-align: left;
max-width: 512px;
margin-right: auto
}
input::placeholder {
color: #5a6870;
opacity: 1
}
input:-moz-placeholder {
color: #5a6870;
opacity: 1
}
input::-moz-placeholder {
color: #5a6870;
opacity: 1
}
input::-webkit-input-placeholder {
color: #5a6870;
opacity: 1
}
input:-ms-input-placeholder {
color: #5a6870
}
input::-ms-input-placeholder {
color: #5a6870
}
.mg-controls a {
display: none
}
.mg-add-textbox {
display: none !important
}
.mg-toolbox-toggle {
display: none !important
}
.mg-wrapper:not(.usingBootstrap) .mg-controls .mg-textbox .mg-textbox-text {
width: 100% !important;
text-align: center
}
.mg-textbox-size {
display: none
}
.mg-textbox-border-width {
display: none
}
.colorpickerContainer {
display: none
}
.memegenerator-header-container {
width: 100%;
background-color: #00b9ad;
color: #fff
}
.memegenerator-header {
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
line-height: normal;
padding-top: 10px;
padding-bottom: 10px;
font-size: 45px;
font-weight: 500
}
@media (max-width: 700px) {
.memegenerator-header {
padding-left: 10px;
padding-right: 10px
}
}
@media print {
.memegenerator-header {
width: 980px;
padding-left: 0;
padding-right: 0
}
}
.memegenerator-container {
width: 100%;
height: auto;
background-color: #fff
}
.memegenerator-slide {
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 20px;
font-size: 26px;
display: none
}
@media (max-width: 700px) {
.memegenerator-slide {
padding-left: 10px;
padding-right: 10px
}
}
@media print {
.memegenerator-slide {
width: 980px;
padding-left: 0;
padding-right: 0
}
}
#memegenerator-slide-2 .memegenerator-slide-errorpanel {
display: none;
width: 100%;
background: #fff;
color: #00b9ad;
margin-bottom: 0
}
.memegenerator-container-dark {
background-color: #00b9ad;
color: #fff
}
.memegenerator-title {
color: #00b9ad;
font-size: 30px;
padding: 20px 0 10px 0
}
.memegenerator-text {
font-size: 16px;
padding: 10px 0
}
.memegenerator-icons {
width: 100%;
padding-top: 20px
}
.memegenerator-icon {
float: left;
width: 33.33%;
padding: 0 10px;
height: auto;
background-size: contain;
background-repeat: no-repeat;
text-align: center
}
.memegenerator-icon:not(:last-child) {
border-right: 1px solid #ebedee
}
.memegenerator-icon-subtitle {
font-size: 0.75em;
padding: 10px 0
}
.memegenerator-icon img {
margin: auto
}
#memegenerator-template {
width: 100%;
height: auto
}
.memegenerator-button {
display: inline-block;
font-size: 14px;
font-weight: 700;
background-color: #00b9ad;
color: #fff;
padding: 15px 25px 15px 15px;
margin: 40px 20px 40px 0px;
cursor: pointer;
text-transform: uppercase
}
.memegenerator-button span {
transform: rotate(-45deg);
float: right;
font-size: 2em;
line-height: 0.6em
}
.memegenerator-button-outlined {
display: inline-block;
font-size: 14px;
font-weight: 700;
background-color: #fff;
color: #00b9ad;
padding: 15px 25px 15px 15px;
margin: 40px 20px 40px 0px;
cursor: pointer;
border: 3px solid #00b9ad;
text-transform: uppercase
}
.memegenerator-button-outlined span {
transform: rotate(-45deg);
float: right;
font-size: 2em;
line-height: 0.6em
}
.memegenerator-button-pink {
display: inline-block;
font-size: 14px;
font-weight: 700;
background-color: #ec008c;
color: #fff;
padding: 15px 25px 15px 15px;
margin: 0px 20px 40px 0px;
cursor: pointer;
text-transform: uppercase
}
.memegenerator-button-share {
display: inline-block;
font-size: 14px;
font-weight: 700;
background-color: #ec008c;
color: #fff;
padding: 8px 25px 6px 15px;
margin: 40px 20px 40px 0px;
cursor: pointer;
text-transform: uppercase
}
.memegenerator-button-backward span {
transform: rotate(135deg) !important;
float: left !important;
font-size: 2em !important;
line-height: 0.6em !important
}
.memegenerator-button-dark span {
transform: rotate(-45deg);
float: right;
font-size: 2em;
line-height: 0.6em
}
.memegenerator-buttons {
display: inline-block
}
.memegenerator-buttons:after {
content: "";
display: block;
clear: both
}
.memegenerator-buttons .memegenerator-button-dark {
float: right
}
.memegenerator-buttons .memegenerator-button-backward {
float: left
}
.memegenerator-button-dark {
display: inline-block;
font-size: 14px;
font-weight: 700;
background-color: #00b9ad;
color: #fff;
padding: 15px 25px 15px 15px;
margin: 0px 20px 40px 0px;
cursor: pointer;
border: 2px solid #fff;
text-transform: uppercase
}
.memegenerator-slideindicator {
width: 70%;
position: relative;
padding-top: 20px;
display: inline-block
}
.memegenerator-slideindicator-line {
height: 5px;
display: inline-block;
float: left;
position: relative
}
.memegenerator-slideindicator-line-empty {
background-color: #59d1c8
}
.memegenerator-slideindicator-line-full {
background-color: #fff
}
.memegenerator-slideindicator-lines {
width: 70%;
float: right;
position: relative;
top: 23px;
padding-bottom: 60px
}
.memegenerator-slideindicator-title {
width: 30%;
overflow: hidden;
display: inline-block;
vertical-align: middle;
padding: 0 60px 20px 0;
float: left
}
.memegenerator-slideindicator-step {
border: 5px solid #fff;
background-color: #00b9ad;
color: #fff;
position: absolute;
padding: 5px;
position: relative;
width: 50px;
height: 50px;
top: -23px;
left: calc(100% - 17px);
z-index: 1;
text-align: center
}
.memegenerator-slide a {
text-decoration: none
}
.memegenerator-uploadform {
display: none;
width: 100%;
height: auto
}
.memegenerator-uploadform span {
padding-right: 30px
}
.memegenerator-uploadform input {
clear: both;
color: #fff;
font-size: 1em
}
.memegenerator-galleryTitle {
text-align: center;
margin-bottom: 20px
}
.memegenerator-sorting {
text-align: center
}
.memegenerator-sorting .productFilter-sorting {
display: inline-block;
float: none;
min-width: 200px;
max-width: 400px;
padding: 10px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.memegenerator-sorting .productFilter-sorting select {
height: 40px
}
.memegenerator-gallery {
height: auto;
width: 100%;
margin-top: 50px
}
.memegenerator-gallery-container {
height: 100%;
width: 100%;
white-space: nowrap;
overflow-y: scroll;
padding-right: 17px
}
.memegenerator-gallery-container::-webkit-scrollbar {
display: none
}
.memegenerator-gallery-item {
position: relative;
display: inline-block;
padding: 10px;
height: 200px;
width: 200px;
cursor: pointer
}
.memegenerator-gallery-item img {
max-width: 100%;
max-height: 100%;
transition: 0.125s
}
.memegenerator-gallery-item img:hover {
transition: 0.25s;
opacity: .85
}
.memegenerator-registerform .form-field label {
color: #fff
}
.memegenerator-social {
display: inline-block;
vertical-align: middle;
width: 40px;
height: 40px;
background-size: 400%;
background-image: url(../../images/social/white.png)
}
.memegenerator-social-fb {
background-position: 0 0
}
.memegenerator-social-in {
background-position: 0 80px
}
.memegenerator-gallery img {
margin-left: auto;
margin-right: auto;
width: auto
}
.memegenerator-upload-input-skewed {
position: absolute;
top: 0px;
left: 0px;
font-size: 6px;
cursor: pointer;
opacity: 0;
width: 100%;
height: 100%
}
.memegenerator-form-container {
background: #00b9ad;
width: 100%;
height: 120vh;
color: #fff;
position: absolute
}
.memegenerator-form-container .form {
margin-bottom: 0
}
.memegenerator-form-container .form-field label {
color: #fff
}
.memegenerator-form-container .input-button {
display: none
}
.memegenerator-form-container .form-success {
display: none
}
.memegenerator-form-container .linkList-nav ul li a:hover {
color: #fff
}
.memegenerator-form-container .memegen.form-error-inner {
margin-left: 25%
}
.VoteNote {
display: inline-block;
margin-top: 20px;
max-width: 566px
}
@media (max-width: 900px) {
.memegenerator-gallery {
padding-top: 40px;
margin-top: 0
}
.memegenerator-button {
margin-right: 0
}
.memegenerator-button-dark {
width: 100%;
margin: 10px 0 0;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.memegenerator-button-pink {
width: 100%;
margin: 10px 0 0;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
}
@media (max-width: 700px) {
.memegenerator-slide {
padding-bottom: 10px
}
.memegenerator-slideindicator-title {
width: 100%;
float: none;
font-size: 24px
}
.memegenerator-slideindicator-lines {
width: 100%;
float: none;
margin-top: 20px
}
.memegenerator-icon {
position: relative;
float: none;
width: 100%;
border-right: none;
border-right: none !important;
border-bottom: 1px solid #ebedee;
text-align: left
}
.memegenerator-icon:after {
content: "";
display: block;
clear: both
}
.memegenerator-icon img {
max-width: 100px;
float: left
}
.memegenerator-icon-subtitle {
font-size: 16px;
position: absolute;
left: 120px;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%)
}
.memegenerator-icon:last-child {
border: none
}
.memegenerator-button-share {
margin: 0 10px 10px 0
}
.memegenerator-button-outlined {
margin: 0 10px 10px 0
}
}
.moments-wrapper {
text-align: left !important;
background: #15b0a4;
color: white
}
.moments-wrapper .gdpr {
padding-top: 10px;
padding-left: 100px
}
.moments-wrapper .gdpr .switch-item .paragraph span {
color: white
}
.moments-wrapper .done-link {
margin-top: 10px;
display: inline-block
}
.moments-wrapper .done-link a {
color: white
}
.step {
max-width: 980px;
margin: 0 auto;
margin-bottom: 20px;
padding: 20px;
display: flex;
align-items: center
}
.step .left-side {
width: 50%
}
.step .right-side {
justify-content: center;
width: 50%
}
.step.active {
max-width: 980px;
margin: 0 auto;
border: 5px solid green;
margin-bottom: 20px
}
.moments-header {
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
line-height: normal;
padding-top: 10px;
padding-bottom: 10px;
font-size: 91px;
font-weight: 500;
text-align: center;
font-weight: bold
}
@media (max-width: 700px) {
.moments-header {
padding-left: 10px;
padding-right: 10px
}
}
@media print {
.moments-header {
width: 980px;
padding-left: 0;
padding-right: 0
}
}
.upload-btn-wrapper {
position: relative;
overflow: hidden;
display: inline-block;
margin: auto
}
.upload-btn-wrapper:hover {
cursor: pointer
}
.upload {
visibility: hidden
}
.btn {
display: inline-block;
color: white;
background-color: #eb0192;
padding: 4px 20px;
font-size: 14px;
border: 1px solid transparent;
text-transform: uppercase;
min-width: 230px;
text-align: center;
margin-bottom: 10px;
text-decoration: none
}
.btn:hover {
cursor: pointer
}
.btn-border {
display: inline-block;
color: white;
background-color: transparent;
padding: 4px 20px;
font-size: 14px;
border: 1px solid white;
text-transform: uppercase;
min-width: 230px;
text-align: center;
margin-top: 10px;
text-decoration: none
}
.btn-border:hover {
cursor: pointer
}
.btn-simple {
color: white;
font-size: 14px;
border: none;
text-transform: uppercase;
background: none;
text-decoration: none
}
.holder-btn-goback {
padding: 20px 0 0 20px
}
.btn-simple:hover {
text-decoration: underline;
cursor: pointer
}
.btn-green {
background-color: #15b0a4;
text-decoration: none
}
.btn-purple {
background-color: #eb0192;
text-decoration: none
}
.feedback {
background-color: #eb0192;
color: white;
padding: 20px;
text-align: center
}
.upload-btn-wrapper input[type=file] {
font-size: 100px;
position: absolute;
left: 0;
top: 0;
opacity: 0
}
.cropper {
width: 100%;
max-width: 640px
}
.step1 {
text-align: center;
display: block
}
.step1 .terms-link {
display: block
}
.step2 {
display: block
}
.step2 .buttons {
text-align: right
}
.step2 .buttons .btn-simple {
padding: 0 40px;
text-decoration: underline
}
.step2 .cropper-container {
margin: auto
}
.step3 .submit-form input[type=text] {
opacity: 0.75;
width: 370px;
padding: 10px;
margin-bottom: 10px;
font-size: 24px
}
.step3 .submit-form .form-label {
display: inline-block;
padding-right: 10px;
width: 100px;
text-align: right
}
.step3 .submit-form .buttons {
text-align: right
}
.step3 .submit-form .buttons .btn-simple {
margin-top: 10px;
display: inline-block;
min-width: auto;
padding: 0 40px;
text-decoration: underline
}
.step3 .submit-form .buttons .btn {
margin-top: 10px;
display: inline-block;
min-width: auto
}
.text-last {
display: block;
font-style: normal;
font-weight: normal;
font-size: 32px;
line-height: 38px
}
.big-moment {
max-width: 980px;
text-align: center;
margin: 0 auto
}
.big-moment img {
display: inline-block
}
.big-moment .btn {
min-width: initial;
margin: 10px
}
.moment-link-item {
z-index: 100
}
.moment-gallery {
margin: 0 auto;
max-width: 980px
}
.moment-gallery .moment-item {
width: 33.333333333%;
padding: 1%;
float: left;
position: relative
}
.moment-gallery .moment-item .moment-notification {
position: absolute;
top: 4%;
left: 6%;
right: 6%;
background-color: #15b0a4;
text-align: center;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
color: white;
padding: 5%
}
.moment-gallery .moment-item .votes-link {
color: #fff;
font-weight: 900
}
.moment-gallery .moment-item .votes-link hover {
color: #fff;
font-weight: 900
}
.moment-gallery .moment-item .votes {
cursor: pointer;
position: absolute;
display: block;
width: 18%;
right: 6%;
height: 18%;
bottom: 6%;
background-image: url(../../images/icons/heart.png);
background-position: center;
background-repeat: no-repeat;
background-size: 80%;
background-color: #15b0a4;
display: flex;
justify-content: center;
align-items: center;
color: white;
font-weight: bold;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
transition: all 0.5s ease-out
}
.moment-gallery .moment-item .votes:hover {
animation-name: heartbeat;
animation-iteration-count: infinite;
animation-duration: 1s
}
.moment-gallery .moment-item .votes:hover.grow {
animation-name: none
}
.moment-gallery .moment-item .votes.grow {
background-size: 100%
}
.moment-gallery .moment-item .vote {
display: none;
position: absolute;
display: block;
width: 18%;
left: 5%;
height: 18%;
top: 6%;
text-transform: uppercase;
background-position: center;
background-repeat: no-repeat;
background-color: #15b0a4;
display: flex;
justify-content: center;
align-items: center;
color: white;
font-weight: bold
}
.moment-gallery .moment-item .forward {
display: flex;
position: absolute;
width: 18%;
left: 5%;
height: 18%;
bottom: 6%;
background-image: url(../../images/custom/moments/forward.png);
text-transform: uppercase;
background-position: center;
background-repeat: no-repeat;
justify-content: center;
align-items: center;
color: white;
font-weight: bold
}
@keyframes heartbeat {
0% {
background-size: 80%
}
50% {
background-size: 60%
}
100% {
background-size: 80%
}
}
.checkbox-container {
display: block;
position: relative;
padding-left: 135px;
margin-bottom: 12px;
cursor: pointer;
font-size: 22px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.checkbox-container input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0
}
.checkbox-container .checkmark {
position: absolute;
top: 0;
left: 100px;
height: 25px;
width: 25px;
background-color: #eee
}
.checkbox-container .checkmark:after {
content: "";
position: absolute;
display: none
}
.checkbox-container input:checked~.checkmark:after {
display: block
}
.checkbox-container:hover input~.checkmark {
background-color: #ccc
}
.checkbox-container input:checked~.checkmark {
background-color: #2196f3
}
.checkbox-container .checkmark:after {
left: 9px;
top: 5px;
width: 5px;
height: 10px;
border: solid white;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg)
}
.moments-header {
margin-bottom: 20px
}
.moment-gallery {
overflow: auto;
padding: 20px 0px
}
.moment-gallery .moment-item .votes {
background-position: center 68%;
width: 20%
}
.tcds {
font-size: 12px
}
.moments-wrapper .submit-form .feedback {
margin-bottom: 20px
}
.moments-wrapper .submit-form .buttons {
margin-top: 20px
}
.moments-wrapper .submit-form .checkbox-container {
font-size: 16px
}
@media (max-width:1024px) {
.moments-header {
font-size: 40px
}
}
@media (max-width:1024px) {
.step4 {
display: block
}
.step4 .right-side, .step4 .left-side {
text-align: center
}
.step4 .right-side img, .step4 .left-side img {
display: inline-block
}
.moments-header {
font-size: 40px
}
.moments-wrapper .submit-form .form-label {
width: 100%;
text-align: left;
margin-bottom: 5px
}
.moments-wrapper .submit-form input[type="text"] {
width: 100%
}
.moments-wrapper .submit-form .checkbox-container .checkmark {
left: 0px
}
.moments-wrapper .submit-form .checkbox-container {
padding-left: 45px;
font-size: 16px
}
.moments-wrapper .step .left-side {
width: 100%
}
.moments-wrapper .step .right-side {
width: 100%
}
.hide-mobile {
display: none
}
}
@media (max-width:768px) {
.moments-header {
font-size: 24px;
padding-bottom: 0;
margin-bottom: 0
}
.moment-gallery .moment-item {
width: 50%
}
.moment-gallery .moment-item .votes {
right: 5.3%;
bottom: 5.3%;
font-size: 12px
}
.OraitoCZSK-threeColumns-column img {
max-width: 90px
}
.step3 {
display: flex;
flex-flow: column nowrap
}
.step3 .final-image img {
max-width: 60%;
margin: 0 auto
}
}
@media (max-width:550px) {
.step2 .buttons {
display: flex;
flex-direction: column-reverse;
padding-top: 15px
}
.text-last {
font-size: 18px;
line-height: 22px
}
.step3 .moment-gallery .moment-item .votes {
font-size: 11px
}
.moments-header {
font-size: 24px;
padding-bottom: 0;
margin-bottom: 0
}
.moment-gallery .moment-item {
width: 50%
}
.moment-gallery .moment-item .votes {
right: 5.3%;
bottom: 5.3%;
font-size: 12px
}
.OraitoCZSK-threeColumns-column img {
max-width: 90px
}
.step3 {
display: flex;
flex-flow: column nowrap
}
.step3 .submit-form input[type=text] {
padding: 0;
margin-bottom: 3px;
font-size: 18px
}
.step3 .final-image img {
max-width: 60%;
margin: 0 auto
}
.step3 .form-label {
font-size: 12px
}
.step3 .compliance_container {
display: flex;
flex-flow: row nowrap;
margin-top: 3px
}
.step3 .paragraph {
margin-bottom: 3px
}
.moments-wrapper .submit-form .buttons {
margin-top: 3px;
display: flex;
justify-content: space-between;
align-items: baseline
}
.moments-wrapper .submit-form .buttons .btn-simple {
padding: 0 3px 0 0
}
.moments-wrapper .gdpr {
padding-left: 0;
padding-top: 0
}
.moments-wrapper .submit-form .checkbox-container {
margin-top: 3px
}
}
@media (max-width:360px) {
.moment-gallery .moment-item {
width: 100%
}
.moment-gallery .moment-item .votes {
right: 4.3%;
bottom: 4.3%;
font-size: 11px
}
}
.form-field-consents .gdpr_newsletterBox .text {
display: block
}
.form-field-required .gdpr_newsletterBox .compliance_container .switch {
background-color: #00b9ad
}
.form-field-error .gdpr_newsletterBox .compliance_container .switch {
background-color: red
}
.form-field-error .gdpr_newsletterBox .compliance_container .switch-middle, .form-field-error .gdpr_newsletterBox .compliance_container .switch-label {
background-color: #ffbfbf
}
.form-field-error .gdpr_newsletterBox .compliance_container .switch-input.checked~.switch-middle {
background-color: #fff
}
.gdpr_newsletterBox.subscribe .subscribe-label {
padding-bottom: 20px
}
.gdpr_newsletterBox .compliance_container .linkList {
padding-left: 100px
}
.gdpr_newsletterBox .subscribe-submit {
vertical-align: bottom
}
.gdpr_newsletterBox .linkList-nav ul li a {
font-size: 14px
}
.gdpr_newsletterBox:before {
margin-right: 10px
}
.gdpr_newsletterBox .button-1 {
background-color: #ebedee
}
.gdpr_newsletterBox .alert-error, .gdpr_newsletterBox .alert-success {
background-color: transparent;
border: 2px solid #ebedee;
color: #ebedee;
width: 100%;
padding: 10px;
margin-bottom: 20px;
font-size: 22px
}
.gdpr_newsletterBox .compliance_container {
position: relative;
margin-top: 10px
}
.gdpr_newsletterBox .compliance_container:after {
content: '';
clear: both;
display: table
}
.gdpr_newsletterBox .compliance_container .first {
position: absolute;
top: 20px;
left: 0;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
min-width: 100px
}
.gdpr_newsletterBox .compliance_container .text {
padding-left: 100px
}
.gdpr_newsletterBox .compliance_container .switch {
position: relative;
z-index: 1;
display: block;
vertical-align: top;
width: 80px;
height: 40px;
padding: 2px;
margin: 0;
background-color: #ebedee;
border-radius: 30px;
cursor: pointer;
box-sizing: content-box
}
.gdpr_newsletterBox .compliance_container .switch-input {
position: absolute;
z-index: 3;
top: 0;
left: 0;
opacity: 0;
box-sizing: content-box
}
.gdpr_newsletterBox .compliance_container .switch-input>label {
display: none
}
.gdpr_newsletterBox .compliance_container .switch-middle {
position: absolute;
z-index: 2;
width: 80px;
height: 40px;
background-color: #fff;
border-radius: inherit
}
.gdpr_newsletterBox .compliance_container.white .switch-middle {
background-color: #fff
}
.gdpr_newsletterBox .compliance_container .switch-label {
position: relative;
z-index: 3;
display: block;
margin-top: 3px;
margin-left: 3px;
width: 74px;
height: 34px;
font-size: 13px;
background: #fff;
border-radius: inherit;
box-sizing: content-box
}
.gdpr_newsletterBox .compliance_container .switch-label:before, .gdpr_newsletterBox .compliance_container .switch-label:after {
position: absolute;
top: 50%;
margin-top: -0.5em;
line-height: 1;
-webkit-transition: inherit;
-moz-transition: inherit;
-o-transition: inherit;
transition: inherit;
box-sizing: content-box
}
.gdpr_newsletterBox .compliance_container .switch-label:before {
content: attr(data-off);
right: 11px;
color: #5a6870
}
.gdpr_newsletterBox .compliance_container .switch-label:after {
content: attr(data-on);
left: 11px;
color: #5a6870;
opacity: 0
}
.gdpr_newsletterBox .compliance_container.white .switch-label:after {
color: #000
}
.gdpr_newsletterBox .compliance_container .switch-input.checked~.switch-label {
background-color: #fff
}
.gdpr_newsletterBox .compliance_container.white .switch-input.checked~.switch-label {
background-color: #fff
}
.gdpr_newsletterBox .compliance_container .switch-input.checked~.switch-label:before {
opacity: 0
}
.gdpr_newsletterBox .compliance_container .switch-input.checked~.switch-label:after {
opacity: 1
}
.gdpr_newsletterBox .compliance_container .switch-handle {
position: absolute;
z-index: 4;
top: 5px;
left: 5px;
width: 34px;
height: 34px;
background-color: #5a6870;
border-radius: 100%
}
.gdpr_newsletterBox .compliance_container .switch-input.checked~.switch-handle {
left: 45px;
background-color: #00b9ad
}
.gdpr_newsletterBox .compliance_container.white .switch-input.checked~.switch-handle {
background-color: #ebedee
}
.gdpr_newsletterBox .compliance_container .switch-label, .switch-handle {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease
}
.gdpr_newsletterBox .campaigns {
margin-top: 20px
}
.gdpr_newsletterBox .campaigns:after {
content: '';
clear: both;
display: table
}
.gdpr_newsletterBox .campaigns .text {
width: 100%
}
.gdpr_newsletterBox .campaign {
float: left;
margin-right: 20px
}
.gdpr_newsletterBox .campaigns .campaign label {
display: inline-block;
cursor: pointer;
position: relative;
padding-left: 25px;
margin-right: 15px;
font-size: 13px
}
.gdpr_newsletterBox .campaigns .text {
margin-bottom: 10px
}
.gdpr_newsletterBox .campaigns .campaign>label, .gdpr_newsletterBox .campaigns .campaign input[type="checkbox"] {
display: none
}
.gdpr_newsletterBox .campaigns .campaign label:before {
content: '';
display: block;
width: 14px;
height: 14px;
margin-right: 10px;
position: absolute;
left: 0;
top: 5px;
background-color: #fff;
border: 1px solid #00b9ad
}
.gdpr_newsletterBox .campaigns.white .campaign label:before {
background-color: #fff
}
.gdpr_newsletterBox .campaigns .campaign input[type="checkbox"]:checked+label:after {
content: "";
position: absolute;
left: 4px;
top: 9px;
width: 8px;
height: 8px;
border-radius: 50%;
background-color: #00b9ad;
font-size: 14px;
color: #5a6870;
text-align: center;
line-height: 14px
}
.gdpr_newsletterBox .campaigns.white .campaign input[type="checkbox"]:checked+label:after {
background-color: #000
}
.gdpr_newsletterBox .output>div {
background-color: forestgreen;
padding: 20px;
margin-top: 40px;
color: #fff
}
@media (max-width:499px) {
.gdpr_newsletterBox .compliance_container .first {
position: relative;
top: initial;
transform: none;
margin-bottom: 10px
}
.gdpr_newsletterBox .compliance_container .text {
padding-left: 0
}
.gdpr_newsletterBox .compliance_container .linkList {
padding-left: 0
}
}
.gdpr-requests .form-submit-inner, .gdpr-requests .form-error-inner {
margin-left: 25%
}
.gdprSignup {
position: relative;
z-index: 100
}
#gdprSignup-teaser {
position: fixed;
top: 50%;
right: 0;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: right 0.3s;
-moz-transition: right 0.3s;
-o-transition: right 0.3s;
transition: right 0.3s
}
#gdprSignup-teaser.active {
right: -1000px;
-webkit-transition: right 0.3s;
-moz-transition: right 0.3s;
-o-transition: right 0.3s;
transition: right 0.3s
}
.gdprSignup-title {
position: relative;
display: block;
padding: 20px;
color: #00b9ad;
background-color: rgba(0, 0, 0, 0.9);
-webkit-transform: rotate(-90deg) translate3d(0, 0, 0);
-moz-transform: rotate(-90deg) translate3d(0, 0, 0);
-o-transform: rotate(-90deg) translate3d(0, 0, 0);
transform: rotate(-90deg) translate3d(0, 0, 0);
right: -1000px;
font-weight: 700;
cursor: pointer
}
.gdprSignup-icon {
background-color: rgba(0, 0, 0, 0.9);
cursor: pointer
}
#gdprSignup-content {
display: block;
position: fixed;
bottom: 50px;
right: -1000px;
max-width: 500px;
padding: 20px;
padding-bottom: 0;
background-color: rgba(0, 0, 0, 0.9);
-webkit-transition: right 0.3s;
-moz-transition: right 0.3s;
-o-transition: right 0.3s;
transition: right 0.3s
}
#gdprSignup-content.active {
right: 0;
-webkit-transition: right 0.3s;
-moz-transition: right 0.3s;
-o-transition: right 0.3s;
transition: right 0.3s
}
.gdprSignup-content-inner {
margin-bottom: -20px
}
.gdprSignup-content-close {
position: absolute;
right: 20px;
top: 20px;
width: 30px;
height: 30px;
line-height: 30px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
background-color: #fff;
cursor: pointer
}
.gdprSignup-content-close:before {
content: '×';
display: block;
position: relative;
top: -3px;
font-size: 30px;
color: #00b9ad;
text-align: center
}
.gdprSignup .subscribe-label {
white-space: normal
}
.gdprSignup .subscribe-label label span {
margin-top: 20px;
color: #fff
}
.gdprSignup .gdpr_newsletterBox .compliance_container {
margin-top: 20px
}
.gdprSignup .gdpr_newsletterBox .compliance_container .switch-handle {
background-color: #fff
}
.gdprSignup .gdpr_newsletterBox .compliance_container .switch-label, .gdprSignup .gdpr_newsletterBox .compliance_container .switch-middle, .gdprSignup .gdpr_newsletterBox .compliance_container .switch-input.checked~.switch-label {
background-color: rgba(0, 0, 0, 0.9)
}
.gdprSignup .gdpr_newsletterBox .compliance_container .switch-label:before, .gdprSignup .gdpr_newsletterBox .compliance_container .switch-label:after, .gdprSignup .paragraph, .gdprSignup .paragraph a, .gdprSignup .linkList-nav ul li a {
color: #fff;
font-size: 12px !important
}
.gdprSignup .paragraph a:hover, .gdprSignup .linkList-nav ul li a:hover {
color: #00b9ad
}
.gdprSignup .subscribe-success span {
color: #fff;
font-size: 12px;
padding-bottom: 20px
}
@media (max-width: 900px) {
.gdprSignup-content {
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
bottom: auto
}
}
.modulePopIn {
position: relative;
z-index: 100
}
#modulePopIn-teaser {
position: fixed;
top: 50%;
right: 0;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: right 0.3s;
-moz-transition: right 0.3s;
-o-transition: right 0.3s;
transition: right 0.3s
}
#modulePopIn-teaser.active {
right: -1000px;
-webkit-transition: right 0.3s;
-moz-transition: right 0.3s;
-o-transition: right 0.3s;
transition: right 0.3s
}
.modulePopIn-title {
position: relative;
display: block;
padding: 20px;
color: #00b9ad;
background-color: rgba(0, 0, 0, 0.9);
-webkit-transform: rotate(-90deg) translate3d(0, 0, 0);
-moz-transform: rotate(-90deg) translate3d(0, 0, 0);
-o-transform: rotate(-90deg) translate3d(0, 0, 0);
transform: rotate(-90deg) translate3d(0, 0, 0);
right: -1000px;
font-weight: 700;
cursor: pointer
}
.modulePopIn-icon {
background-color: rgba(0, 0, 0, 0.9);
cursor: pointer
}
#modulePopIn-content {
display: block;
position: fixed;
bottom: 50px;
right: -1000px;
max-width: 500px;
padding: 20px;
padding-bottom: 0;
background-color: rgba(0, 0, 0, 0.9);
-webkit-transition: right 0.3s;
-moz-transition: right 0.3s;
-o-transition: right 0.3s;
transition: right 0.3s
}
#modulePopIn-content.active {
right: 0;
-webkit-transition: right 0.3s;
-moz-transition: right 0.3s;
-o-transition: right 0.3s;
transition: right 0.3s
}
.modulePopIn-content-inner {
margin-bottom: -20px
}
.modulePopIn-content-close {
position: absolute;
right: 20px;
top: 20px;
width: 30px;
height: 30px;
line-height: 30px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
background-color: #fff;
cursor: pointer
}
.modulePopIn-content-close:before {
content: '×';
display: block;
position: relative;
top: -3px;
font-size: 30px;
color: #00b9ad;
text-align: center
}
.modulePopIn .subscribe-label {
white-space: normal
}
.modulePopIn .subscribe-label label span {
margin-top: 20px;
color: #fff
}
.modulePopIn .gdpr_newsletterBox .compliance_container {
margin-top: 20px
}
.modulePopIn .gdpr_newsletterBox .compliance_container .switch-handle {
background-color: #fff
}
.modulePopIn .gdpr_newsletterBox .compliance_container .switch-label, .modulePopIn .gdpr_newsletterBox .compliance_container .switch-middle, .modulePopIn .gdpr_newsletterBox .compliance_container .switch-input.checked~.switch-label {
background-color: rgba(0, 0, 0, 0.9)
}
.modulePopIn .gdpr_newsletterBox .compliance_container .switch-label:before, .modulePopIn .gdpr_newsletterBox .compliance_container .switch-label:after, .modulePopIn .paragraph, .modulePopIn .paragraph a, .modulePopIn .linkList-nav ul li a {
color: #fff;
font-size: 12px !important
}
.modulePopIn .paragraph a:hover, .modulePopIn .linkList-nav ul li a:hover {
color: #00b9ad
}
.modulePopIn .subscribe-success span {
color: #fff;
font-size: 12px;
padding-bottom: 20px
}
.modulePopInBox {
padding-bottom: 20px
}
.modulePopInBox_label {
display: block;
font-size: 22px;
font-weight: 700;
padding: 7px;
line-height: 115%;
color: #00b9ad
}
.modulePopInBox_label span {
display: block;
font-size: 16px;
line-height: 115%;
color: #9da6ab;
font-weight: 400;
margin-top: 5px;
padding-bottom: 20px
}
.modulePopInBox_image_container .paragraph {
font-size: 16px!important;
line-height: 115%;
color: #9da6ab;
font-weight: 400
}
.modulePopInBox_image_container {
padding-top: 26px
}
.modulePopInBox_link_container {
white-space: nowrap;
padding-bottom: 25px;
display: block
}
.modulePopInBox_link_container a {
display: inline;
height: 40px;
font-size: 14px;
line-height: 40px;
padding: 12px 40px;
background: #5a6870;
color: #fff;
text-decoration: none;
margin-left: 20px;
font-weight: 700;
text-transform: uppercase
}
.modulePopInBox_link_container a:hover {
background: #00b9ad
}
.module_Box.subscribe .subscribe-label {
padding-bottom: 20px
}
@media (max-width: 900px) {
.modulePopIn-content {
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
bottom: auto
}
}
.kitchenBanner {
position: relative;
z-index: 1;
width: 100%;
height: 100%;
margin: 0 auto 40px auto;
max-width: 2500px
}
.kitchenBanner-slides {
position: relative;
width: 100%;
overflow: hidden
}
.kitchenBanner-slide {
position: absolute;
z-index: 2;
left: 0;
right: 0;
top: 0;
bottom: 0
}
.kitchenBanner-slide+.kitchenBanner-slide {
display: none
}
.kitchenBanner-slide-image {
position: absolute;
z-index: 3;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-size: cover;
background-repeat: no-repeat
}
.kitchenBanner-slide-image img {
display: none;
margin: auto;
max-width: none
}
.kitchenBanner-slide-texts {
position: absolute;
z-index: 4;
left: 0;
right: 0;
bottom: 0
}
.kitchenBanner-slide-texts-container, .kitchenBanner-swatches-container {
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px
}
.kitchenBanner h1, .kitchenBanner .heading1 {
padding: 10px 10px 0 10px;
background: #fff;
margin: 0 -10px;
float: left
}
.kitchenBanner-slide-text {
padding: 10px 10px 55px 10px;
background: #fff;
margin: 0 -10px;
clear: both
}
.kitchenBanner-slide-text-container {
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px
}
@media (max-width: 700px) {
.kitchenBanner-slide-text-container {
padding-left: 10px;
padding-right: 10px
}
}
@media print {
.kitchenBanner-slide-text-container {
width: 980px;
padding-left: 0;
padding-right: 0
}
}
.kitchenBanner-slide-text-name {
font-size: 18px;
font-weight: 700
}
.kitchenBanner-slide-text-desc {
font-size: 14px;
font-weight: 400
}
.kitchenBanner-slide-text-name+.kitchenBanner-slide-text-desc {
margin-top: 5px
}
.kitchenBanner-swatches {
height: 40px;
position: absolute;
left: 0;
right: 0;
bottom: 0;
z-index: 15;
transition: 0.3s ease-in-out
}
.kitchenBanner-swatches-container2 {
padding: 0 10px 0 8px;
margin: 0 -10px
}
.kitchenBanner-swatch {
height: 40px;
float: left;
padding-left: 2px;
position: relative;
transition: 0.25s
}
.kitchenBanner-swatch span {
display: block;
height: 40px;
width: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
transition: 0.3s ease-in-out;
border-width: 0;
border-style: solid;
border-color: #5a6870;
border-color: rgba(90, 104, 112, 0)
}
.kitchenBanner-swatch span img {
display: block;
width: 20px;
max-width: 100%;
position: absolute;
left: 2px;
bottom: 0;
transition: 0.3s ease-in-out
}
.kitchenBanner-swatch-clickable span {
cursor: pointer
}
.kitchenBanner-swatch-selected span {
border-bottom: 5px solid #00b9ad;
margin: -10px 0 0 0;
height: 50px
}
.kitchenBanner-swatch-selected span img {
bottom: 5px
}
.kitchenBanner-swatch:hover {
opacity: .85;
transition: 0.125s
}
@media (max-width: 900px) {
.kitchenBanner-slide-text-name {
font-size: 14px
}
.kitchenBanner-slide-text-desc {
font-size: 10px
}
.kitchenBanner-swatches {
height: 30px
}
.kitchenBanner-swatch, .kitchenBanner-swatch span {
height: 30px
}
.kitchenBanner-swatch-selected span {
height: 40px
}
.kitchenBanner-slide-text {
padding-bottom: 45px
}
}
@media (max-width: 700px) {
.kitchenBanner h1, .kitchenBanner .heading1, .kitchenBanner-swatches-container2 {
margin: 0
}
.kitchenBanner-slide-texts-container, .kitchenBanner-swatches-container {
padding-left: 0;
padding-right: 0
}
.kitchenBanner-slide-text-name {
font-size: 12px
}
.kitchenBanner-slide-text-desc {
font-size: 10px
}
.kitchenBanner-slide-text-name+.kitchenBanner-slide-text-desc {
margin-top: 3px
}
.kitchenBanner-swatches {
height: 20px
}
.kitchenBanner-swatch, .kitchenBanner-swatch span {
height: 20px
}
.kitchenBanner-swatch-selected span {
height: 25px;
margin-top: -5px
}
.kitchenBanner-slide-text {
padding-bottom: 30px;
margin: 0
}
}
@media (max-height:400px) and (max-width:700px), (max-width:350px) {
.kitchenBanner-slide-text-name, .kitchenBanner-slide-text-desc {
display: none
}
.kitchenBanner-slide-text {
padding-bottom: 25px
}
}
.unsubscribe {
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px
}
@media (max-width: 700px) {
.unsubscribe {
padding-left: 10px;
padding-right: 10px
}
}
@media print {
.unsubscribe {
width: 980px;
padding-left: 0;
padding-right: 0
}
}
.recipe-ingredients, .recipe-preparation {
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
clear: both
}
@media (max-width: 700px) {
.recipe-ingredients, .recipe-preparation {
padding-left: 10px;
padding-right: 10px
}
}
@media print {
.recipe-ingredients, .recipe-preparation {
width: 980px;
padding-left: 0;
padding-right: 0
}
}
.recipe-ingredients-inner {
margin-left: -40px
}
.rtl .recipe-ingredients-inner {
margin-left: 0;
margin-right: -40px
}
.recipe-ingredients {
font-size: 14px
}
.recipe-mainImage {
float: right;
width: 66.666666667%;
padding-left: 40px;
margin-bottom: 20px
}
.rtl .recipe-mainImage {
float: left;
padding-left: 0;
padding-right: 40px
}
.recipe-ingredients-descColumn {
float: left;
width: 33.333333333%;
padding-left: 40px;
margin-bottom: 20px;
padding-top: 10px
}
.rtl .recipe-ingredients-descColumn {
float: right;
padding-left: 0;
padding-right: 40px
}
.recipe-ingredients-ingredientsColumn {
float: left;
width: 66.666666667%;
padding-left: 40px
}
.rtl .recipe-ingredients-ingredientsColumn {
float: right;
padding-left: 0;
padding-right: 40px
}
.recipe-ingredients-ingredientsColumn .recipe-ingredients-groups {
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2;
-moz-column-gap: 40px;
-webkit-column-gap: 40px;
column-gap: 40px
}
.recipe-ingredients-joinedColumn h2, .recipe-ingredients-joinedColumn .recipe-ingredients-description, .recipe-ingredients-joinedColumn .recipe-ingredients-preparationTime {
padding-left: 40px
}
.rtl .recipe-ingredients-joinedColumn h2 {
padding-left: 0;
padding-right: 40px
}
.recipe-ingredients-joinedColumn .recipe-ingredients-groups {
padding-left: 40px;
-moz-column-count: 3;
-webkit-column-count: 3;
column-count: 3;
-moz-column-gap: 40px;
-webkit-column-gap: 40px;
column-gap: 40px
}
.rtl .recipe-ingredients-joinedColumn .recipe-ingredients-groups {
padding-left: 0;
padding-right: 40px
}
.recipe-mainImage+.recipe-ingredients-joinedColumn .recipe-ingredients-groups {
-moz-column-count: 1 !important;
-webkit-column-count: 1 !important;
column-count: 1 !important;
-moz-column-gap: 0 !important;
-webkit-column-gap: 0 !important;
column-gap: 0 !important
}
.recipe-ingredients-description, .recipe-ingredients-preparationTime {
font-size: 14px;
margin-bottom: 20px;
line-height: 115%
}
.recipe-ingredients-group {
display: inline-block;
width: 100%;
-webkit-column-break-inside: avoid;
-moz-column-break-inside: avoid;
-ms-column-break-inside: avoid;
-o-column-break-inside: avoid;
-webkit-break-inside: avoid;
break-inside: avoid;
margin-bottom: 20px;
line-height: 115%
}
.recipe-ingredients-group-name {
margin-bottom: 5px !important
}
.recipe-ingredients-group ul {
margin: 0;
padding: 0;
list-style: none
}
.recipe-ingredients-group ul li {
margin: 0 0 0 20px;
padding: 0
}
.rtl .recipe-ingredients-group ul li {
margin: 0 20px 0 0
}
.recipe-ingredients-group ul li:before {
content: "• ";
display: block;
float: left;
width: 20px;
text-align: center;
margin-left: -20px
}
.rtl .recipe-ingredients-group ul li:before {
float: right;
margin-left: 0;
margin-right: -20px
}
.recipe-preparation-inner {
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2;
-moz-column-gap: 40px;
-webkit-column-gap: 40px;
column-gap: 40px
}
.recipe-preparation-step, .recipe-preparation-note {
-webkit-column-break-inside: avoid;
-moz-column-break-inside: avoid;
-ms-column-break-inside: avoid;
-o-column-break-inside: avoid;
-webkit-break-inside: avoid;
break-inside: avoid;
display: inline-block;
width: 100%;
font-size: 14px;
margin-bottom: 20px;
line-height: 115%
}
.recipe-preparation-step-number {
width: 30px;
height: 30px;
line-height: 30px;
font-size: 18px;
font-weight: bold;
text-align: center;
display: block;
d: 0;
float: left;
d: 0;
margin: 0 10px 7px 0;
background: #00b9ad;
color: #fff
}
@media (max-width: 900px) {
.recipe-ingredients-descColumn, .recipe-ingredients-ingredientsColumn {
float: none !important;
width: 100%
}
.recipe-mainImage {
width: 50%
}
.recipe-ingredients-joinedColumn .recipe-ingredients-groups {
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2
}
}
@media (max-width: 700px) {
.recipe-mainImage {
float: none !important;
width: 100%
}
.recipe-ingredients-ingredientsColumn .recipe-ingredients-groups, .recipe-ingredients-joinedColumn .recipe-ingredients-groups, .recipe-preparation-inner {
-moz-column-count: 1;
-webkit-column-count: 1;
column-count: 1;
-moz-column-gap: 0;
-webkit-column-gap: 0;
column-gap: 0
}
}
.heatPumps-calculator {
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px
}
@media (max-width: 700px) {
.heatPumps-calculator {
padding-left: 10px;
padding-right: 10px
}
}
@media print {
.heatPumps-calculator {
width: 980px;
padding-left: 0;
padding-right: 0
}
}
.heatPumps-calculator .sections .form-field {
margin-bottom: 0
}
.heatPumps-calculator .sections .form-error-inner, .heatPumps-calculator .sections .form-field-checks .form-field-input {
margin-left: 0;
width: 100%
}
.heatPumps-calculator .sections .input-textbox {
max-width: 100px
}
.heatPumps-calculator .sections select.input-textbox {
max-width: 100%
}
.heatPumps-calculator .sections {
width: 100%;
margin-bottom: 20px
}
.heatPumps-calculator .sections .section-col {
float: left;
margin-bottom: 10px
}
.heatPumps-calculator .sections .w10 {
width: 100%
}
.heatPumps-calculator .sections .w9 {
width: 90%
}
.heatPumps-calculator .sections .w8 {
width: 80%
}
.heatPumps-calculator .sections .w7 {
width: 70%
}
.heatPumps-calculator .sections .w6 {
width: 60%
}
.heatPumps-calculator .sections .w5 {
width: 50%
}
.heatPumps-calculator .sections .w4 {
width: 40%
}
.heatPumps-calculator .sections .w3 {
width: 30%
}
.heatPumps-calculator .sections .w2 {
width: 20%
}
.heatPumps-calculator .sections .w1 {
width: 10%
}
.heatPumps-calculator .sections .w12 {
width: 50%
}
.heatPumps-calculator .sections .w13 {
width: 33.333333333%
}
.heatPumps-calculator .sections .w14 {
width: 25%
}
.heatPumps-calculator .sections .w15 {
width: 20%
}
.heatPumps-calculator .sections .left {
text-align: left
}
.heatPumps-calculator .sections .right {
text-align: right
}
.heatPumps-calculator .sections .center {
text-align: center
}
.heatPumps-calculator .sections .section-Col1 {
width: 40%
}
.heatPumps-calculator .sections .section-Col2 {
width: 20%;
text-align: right
}
.heatPumps-calculator .sections .section-Col3 {
width: 40%;
text-align: right
}
.heatPumps-calculator .sections .section-Col12 {
width: 60%
}
.heatPumps-calculator .sections .section-col .sectionUnit {
display: inline-block;
min-width: 50px;
text-align: left;
margin-left: 5px
}
.heatPumps-calculator .sections .section-col .sectionResult {
font-weight: bold
}
.heatPumps-calculator .arrowUp-button b {
display: inline-block;
vertical-align: bottom;
width: 16px;
height: 16px;
font-weight: 700;
text-align: center;
font-size: 16px;
text-decoration: none;
line-height: 13px;
background: #ebedee;
color: #fff;
transition: 0.25s
}
.heatPumps-calculator .arrowUp-button b:hover {
background: #d8dbdd;
transition: 0.125s
}
.heatPumps-calculator .arrowUp-button.arrowUp-button-disabled b:hover {
background: #ebedee !important
}
.heatPumps-calculator .arrowUp-button.arrowUp-button-left {
margin-right: 10px
}
.heatPumps-calculator .arrowUp-button.arrowUp-button-right {
margin-left: 10px
}
.heatPumps-calculator .selectPercentage {
padding-bottom: 10px
}
.heatPumps-calculator .accentColor {
color: #00b9ad !important
}
.marketSelection-group {
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
margin-top: 40px
}
@media (max-width: 700px) {
.marketSelection-group {
padding-left: 10px;
padding-right: 10px
}
}
@media print {
.marketSelection-group {
width: 980px;
padding-left: 0;
padding-right: 0
}
}
.marketSelection-group h2 {
margin: 40px 0
}
.marketSelection-group ul.marketSelectionList-language {
display: block;
padding: 0;
margin: 0;
list-style: none;
margin-left: -60px
}
.marketSelection-group ul.marketSelectionList-language:after {
content: "";
display: block;
clear: both
}
.marketSelection-group ul.marketSelectionList-language li {
float: left;
margin-left: 60px
}
.marketSelection-group ul.marketSelectionList-departments {
display: block;
padding: 0;
margin: 0 0 20px 0;
list-style: none;
-moz-column-count: 3;
-webkit-column-count: 3;
column-count: 3;
-moz-column-gap: 20px;
-webkit-column-gap: 20px;
column-gap: 20px
}
.marketSelection-group ul.marketSelectionList-departments li {
font-size: 14px;
-webkit-column-break-inside: avoid;
-moz-column-break-inside: avoid;
-ms-column-break-inside: avoid;
-o-column-break-inside: avoid;
-webkit-break-inside: avoid;
break-inside: avoid
}
.marketSelection-group ul.marketSelectionList-departments li a {
display: block;
padding: 8px 0 8px 15px;
text-decoration: none;
transition: 0.25s
}
.marketSelection-group ul.marketSelectionList-departments li a:hover {
color: #00b9ad;
transition: 0.125s
}
.marketSelection-group ul.marketSelectionList-departments li a:before {
display: inline-block;
width: 15px;
content: "\25BA\0020";
font-size: 9px;
vertical-align: top;
margin-left: -15px;
margin-top: 3px
}
.marketSelection-group .marketSelectionList-consumerBrands {
display: block;
padding: 0;
margin: 0 0 20px -20px;
list-style: none
}
.marketSelection-group .marketSelectionList-consumerBrands:after {
content: "";
display: block;
clear: both
}
.marketSelection-group .marketSelectionList-consumerBrands-item {
float: left;
width: 25%;
padding-left: 20px;
margin-bottom: 20px
}
.marketSelection-group .marketSelectionList-consumerBrands-logo {
display: block;
text-align: center;
height: 60px;
line-height: 60px
}
.marketSelection-group .marketSelectionList-consumerBrands-logo img {
display: block;
vertical-align: middle;
width: 100px;
margin: 0px auto
}
.marketSelection-group .marketSelectionList-consumerBrands-select .input-textbox {
width: 100%
}
.marketSelection-group a.marketSelection-linkBig {
display: inline-block;
padding-left: 15px;
padding-top: 8px;
padding-bottom: 8px;
font-size: 16px;
font-weight: 700;
text-decoration: none;
vertical-align: top;
transition: 0.25s
}
.marketSelection-group a.marketSelection-linkBig:hover {
color: #00b9ad;
transition: 0.125s
}
.marketSelection-group a.marketSelection-linkBig:before {
display: inline-block;
width: 15px;
content: "\25BA\0020";
color: #00b9ad;
font-size: 12px;
vertical-align: top;
margin-left: -15px;
margin-top: 2px
}
.marketSelection-gorenje {
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
margin-top: 40px
}
@media (max-width: 700px) {
.marketSelection-gorenje {
padding-left: 10px;
padding-right: 10px
}
}
@media print {
.marketSelection-gorenje {
width: 980px;
padding-left: 0;
padding-right: 0
}
}
.marketSelection-gorenje h2 {
margin: 40px 0
}
.marketSelection-gorenje h3 {
padding: 0;
margin: 0 0 10px 0;
font-size: 16px;
font-weight: 700
}
.marketSelection-gorenje p {
margin: 0 0 20px 0;
font-size: 14px
}
.marketSelection-gorenje p.paragraph-small {
font-size: 12px;
margin-bottom: 0
}
.marketSelection-gorenje ul.marketSelectionList-country {
display: block;
padding: 0;
margin: 0 0 40px 0;
list-style: none;
-moz-column-count: 4;
-webkit-column-count: 4;
column-count: 4;
-moz-column-gap: 20px;
-webkit-column-gap: 20px;
column-gap: 20px
}
.marketSelection-gorenje ul.marketSelectionList-country:after {
content: "";
display: block;
clear: both
}
.marketSelection-gorenje ul.marketSelectionList-country li {
font-size: 14px;
font-weight: 400;
-webkit-column-break-inside: avoid;
-moz-column-break-inside: avoid;
-ms-column-break-inside: avoid;
-o-column-break-inside: avoid;
-webkit-break-inside: avoid;
break-inside: avoid
}
.marketSelection-gorenje ul.marketSelectionList-country li a {
display: block;
padding: 10px 0 10px 15px;
text-decoration: none;
transition: 0.25s
}
.marketSelection-gorenje ul.marketSelectionList-country li a:hover {
color: #00b9ad;
transition: 0.125s
}
.marketSelection-gorenje ul.marketSelectionList-country li a:before {
display: inline-block;
width: 15px;
margin-left: -15px;
margin-top: 3px;
content: "\25BA\0020";
font-size: 9px;
vertical-align: top;
text-decoration: none !important
}
.marketSelection-gorenje ul.marketSelectionList-language {
display: block;
padding: 0;
margin: 0 0 20px 0;
list-style: none
}
.marketSelection-gorenje ul.marketSelectionList-language:after {
content: "";
display: block;
clear: both
}
.marketSelection-gorenje ul.marketSelectionList-language li {
float: left;
padding-right: 60px
}
.marketSelection-gorenje .marketSelectionColumns {
margin: 0 0 0 -20px
}
.marketSelection-gorenje .marketSelectionColumns:after {
content: "";
display: block;
clear: both
}
.marketSelection-gorenje .marketSelectionColumn-language {
float: left;
width: 50%;
padding-left: 20px
}
.marketSelection-gorenje .marketSelectionColumn-about {
float: right;
width: 50%;
padding-left: 20px
}
.marketSelection-gorenje .marketSelection-brandsOtherBlock {
float: left;
width: 50%;
padding-left: 20px
}
.marketSelection-gorenje a.marketSelection-linkBig {
display: inline-block;
padding-left: 15px;
padding-top: 8px;
padding-bottom: 8px;
font-size: 16px;
font-weight: 700;
text-decoration: none;
vertical-align: top;
transition: 0.25s
}
.marketSelection-gorenje a.marketSelection-linkBig:hover {
color: #000;
transition: 0.125s
}
.marketSelection-gorenje a.marketSelection-linkBig:before {
display: inline-block;
width: 15px;
content: "\25BA\0020";
color: inherit;
font-size: 12px;
vertical-align: top;
margin-left: -15px;
margin-top: 2px
}
@media (max-width: 900px) {
.marketSelection-gorenje ul.marketSelectionList-country {
-moz-column-count: 3;
-webkit-column-count: 3;
column-count: 3;
-moz-column-gap: 20px;
-webkit-column-gap: 20px;
column-gap: 20px
}
}
@media (max-width:800px) {
.marketSelection-group .marketSelectionList-consumerBrands {
margin: 0 0 20px -10px
}
.marketSelection-group .marketSelectionList-consumerBrands-item {
width: 33%;
padding-left: 10px;
margin-bottom: 10px
}
.marketSelection-group .marketSelectionList-consumerBrands-item:nth-child(3n+1) {
width: 34%;
clear: left
}
}
@media (max-width: 700px) {
.marketSelection-group ul.marketSelectionList-departments {
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2;
-moz-column-gap: 10px;
-webkit-column-gap: 10px;
column-gap: 10px
}
.marketSelection-group {
margin-top: 20px
}
.marketSelection-group h2 {
margin: 20px 0
}
.marketSelection-group ul.marketSelectionList-language {
margin-left: -30px
}
.marketSelection-group ul.marketSelectionList-language li {
margin-left: 30px
}
.marketSelection-gorenje {
margin-top: 20px
}
.marketSelection-gorenje h2 {
margin: 20px 0
}
.marketSelection-gorenje ul.marketSelectionList-country {
margin-bottom: 20px;
-moz-column-count: 3;
-webkit-column-count: 3;
column-count: 3;
-moz-column-gap: 10px;
-webkit-column-gap: 10px;
column-gap: 10px
}
.marketSelection-gorenje .marketSelectionColumns {
margin: 0 0 0 -10px
}
.marketSelection-gorenje .marketSelectionColumns:after {
content: "";
display: block;
clear: both
}
.marketSelection-gorenje .marketSelectionColumn-language {
float: none;
width: 100%;
padding-left: 10px
}
.marketSelection-gorenje .marketSelectionColumn-about {
float: none;
width: 100%;
padding-left: 10px
}
.marketSelection-gorenje .marketSelection-brandsOtherBlock {
float: none;
width: 100%;
padding-left: 10px
}
}
@media (max-width:500px) {
.marketSelection-group ul.marketSelectionList-departments {
-moz-column-count: 1;
-webkit-column-count: 1;
column-count: 1;
-moz-column-gap: 10px;
-webkit-column-gap: 10px;
column-gap: 10px
}
.marketSelection-group .marketSelectionList-consumerBrands-item {
width: 50%;
padding-left: 10px;
margin-bottom: 10px
}
.marketSelection-group .marketSelectionList-consumerBrands-item:nth-child(2n+1) {
clear: left
}
.marketSelection-group .marketSelectionList-consumerBrands-item:nth-child(3n+1) {
width: 50%;
clear: none
}
}
@media (max-width: 450px) {
.marketSelection-gorenje ul.marketSelectionList-country {
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2;
-moz-column-gap: 10px;
-webkit-column-gap: 10px;
column-gap: 10px
}
.marketSelection-gorenje ul.marketSelectionList-site {
margin: 0 0 20px 0
}
.marketSelection-gorenje .marketSelection-brandsOtherBlock {
float: none;
width: 100%;
padding-top: 0
}
.marketSelection-gorenje .marketSelection-languageBlock {
float: none;
width: 100%
}
}
.toc {
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px
}
@media (max-width: 700px) {
.toc {
padding-left: 10px;
padding-right: 10px
}
}
@media print {
.toc {
width: 980px;
padding-left: 0;
padding-right: 0
}
}
.toc .sitemap {
font-size: 14px
}
.toc .sitemap-inner {
margin-left: -10px
}
.toc .sitemap a {
display: inline-block;
margin-left: 10px;
line-height: 30px;
text-decoration: none;
font-weight: 400;
transition: 0.25s
}
.toc .sitemap a:hover {
color: #00b9ad;
transition: 0.125s
}
.toc .sitemap .sitemap-group {
margin-bottom: 10px
}
.toc .sitemap a.sitemap-groupTitle {
display: inline-block;
margin-bottom: 10px;
font-size: 24px
}
.toc .sitemap a.sitemap-groupTitle.sitemap-groupTitleSingle {
margin-bottom: 0
}
.toc .sitemap a.big {
font-weight: 700
}
.toc .sitemap .separator {
margin-left: 10px
}
.toc .sitemap .unpublishedParent {
margin-bottom: 10px
}
.toc .separator-hrThin {
margin-top: 20px
}
@media (max-width: 700px) {
.toc .sitemap a.sitemap-group {
margin-bottom: 20px
}
}
.productImages-filters {
margin-left: -40px
}
.productImages-filters-tree, .productImages-filters-search {
float: left;
padding-left: 40px;
width: 50%;
margin-bottom: 40px
}
.productImages-filters-tree select {
width: 100%
}
.productImages-filters-tree-item+.productImages-filters-tree-item {
margin-top: 10px
}
.productImages-filters-search label {
display: block;
font-size: 14px;
margin-bottom: 5px
}
.productImages-filters-search-row {
display: table;
width: 100%
}
.productImages-filters-search-inputCell {
display: table-cell;
vertical-align: middle;
width: 100%
}
.productImages-filters-search-inputCell input {
width: 100%
}
.productImages-filters-search-buttonCell {
display: table-cell;
vertical-align: middle;
width: 0;
white-space: nowrap;
padding-left: 10px
}
.productImages-filters-search-resultInfo {
font-size: 14px;
padding-top: 10px
}
.productImages-filters-search-results {
margin: 5px -10px -5px -10px
}
.productImages-filters-search-results a {
display: inline-block;
padding: 5px 10px;
font-size: 14px;
text-decoration: none
}
.productImages-filters-search-results a:hover {
color: #00b9ad
}
.productImages-filters-search-results-tooManyResults {
padding-left: 10px;
font-size: 14px
}
.productImages-results-images {
margin-left: -20px
}
.productImages-results-image {
padding-left: 20px;
display: inline-block;
vertical-align: top;
width: 33.333333333%;
margin-bottom: 20px
}
.productImages-results-image i {
display: block;
border: 1px solid #ebedee
}
.productImages-results-image-icons {
margin: 0 -7px
}
.productImages-results-image a {
display: inline-block;
vertical-align: top;
color: #9da6ab
}
.productImages-results-image a img {
display: inline-block;
vertical-align: top;
width: 40px;
height: 40px;
opacity: .5;
transition: 0.25s
}
.productImages-results-image-icon1 {
display: inline-block;
vertical-align: top;
height: 40px;
font-size: 11px;
line-height: 10px;
padding: 14px 7px 0 0
}
.productImages-results-image-icon2 {
display: inline-block;
vertical-align: top;
height: 40px;
font-size: 11px;
line-height: 10px;
padding: 9px 7px 0 0
}
.productImages-results-image a:hover img {
opacity: .75;
transition: 0.125s
}
.productImages-results-image a:hover {
color: #00b9ad
}
@media (max-width: 900px) {
.productImages-results-image {
width: 50%
}
}
@media (max-width: 700px) {
.productImages-filters-tree, .productImages-filters-search {
float: none;
width: 100%;
margin-bottom: 20px
}
}
@media (max-width: 450px) {
.productImages-results-image {
width: 100%;
display: block
}
}
.asiaLanding .textWithImage-part-desktop-left3 {
padding-left: 0 !important
}
.asiaLanding .textWithImage-extend-inner-image {
margin-left: 0 !important;
max-width: 900px !important
}
.asiaLanding {
margin-top: 1px
}
.asiaLanding .asiaLanding-maps {
position: relative
}
.asiaLanding .asiaLanding-maps .asiaLanding-mapsHolder {
position: relative
}
.asiaLanding .asiaLanding-maps .asiaLanding-baseMap {
position: relative;
z-index: 101
}
.asiaLanding .asiaLanding-maps .asiaLanding-baseMap-dummy {
opacity: 0;
position: absolute;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
z-index: 105
}
.asiaLanding .asiaLanding-maps .asiaLanding-overlayMap {
position: absolute;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
z-index: 2;
opacity: 0
}
.asiaLanding .asiaLanding-maps .asiaLanding-overlayMap.activeIn {
z-index: 103
}
.asiaLanding .asiaLanding-maps .asiaLanding-overlayMap.activeOut {
z-index: 102
}
.asiaLanding .asiaLanding-maps .asiaLanding-overlayMap.active {
z-index: 101
}
.asiaLanding-maps .asiaLanding-icon {
position: absolute;
z-index: 202;
width: 10px;
height: 10px;
margin: 0;
background: transparent url(../../layouts/pages/custom/asiaLandingPage/images/highlight.png) no-repeat center;
cursor: pointer;
-moz-background-size: contain;
-webkit-background-size: contain;
-o-background-size: contain;
background-size: contain;
-webkit-transition: width 0.5s, height 0.5s, margin 0.5s;
-moz-transition: width 0.5s, height 0.5s, margin 0.5s;
-o-transition: width 0.5s, height 0.5s, margin 0.5s;
transition: width 0.5s, height 0.5s, margin 0.5s
}
.asiaLanding-maps .asiaLanding-icon.active {
width: 16px;
height: 16px;
margin: -3px;
-webkit-transition: width 0.125s, height 0.125s, margin 0.125s;
-moz-transition: width 0.125s, height 0.125s, margin 0.125s;
-o-transition: width 0.125s, height 0.125s, margin 0.125s;
transition: width 0.125s, height 0.125s, margin 0.125s
}
.asiaLanding-maps .asiaLanding-icon.in {
width: 20px;
height: 20px;
margin: -5px;
-webkit-transition: width 0.5s, height 0.5s, margin 0.5s;
-moz-transition: width 0.5s, height 0.5s, margin 0.5s;
-o-transition: width 0.5s, height 0.5s, margin 0.5s;
transition: width 0.5s, height 0.5s, margin 0.5s
}
.asiaLanding-maps .asiaLanding-icon.icon-mongolia {
top: 12%;
left: 35%
}
.asiaLanding-maps .asiaLanding-icon.icon-china {
top: 26%;
left: 49.5%
}
.asiaLanding-maps .asiaLanding-icon.icon-korea {
top: 29.8%;
left: 65.8%
}
.asiaLanding-maps .asiaLanding-icon.icon-japan {
top: 33.8%;
left: 86%
}
.asiaLanding-maps .asiaLanding-icon.icon-hong_kong {
top: 54.4%;
left: 43.9%
}
.asiaLanding-maps .asiaLanding-icon.icon-taiwan {
top: 50.2%;
left: 56.9%
}
.popup {
font-family: 'Helvetica World W02', Arial, Helvetica, Microsoft JhengHei, LiHei Pro, Microsoft YaHei, SimHei, sans-serif
}
.asiaLanding .asiaLanding-siteSelectors {
display: table;
width: 100%;
border-bottom: 2px solid #ebedee;
margin-bottom: 22px;
margin-top: 40px
}
.asiaLanding .asiaLanding-siteSelector {
display: table-row
}
.asiaLanding .asiaLanding-sitesList {
display: table-cell;
padding-bottom: 22px;
box-sizing: border-box;
padding-left: 10px
}
.asiaLanding .asiaLanding-sitesList_left {
padding-right: 10px;
padding-left: 0px
}
.asiaLanding .asiaLanding-sitesList select {
width: 100%
}
.asiaLanding .asiaLanding-logo {
display: table-row
}
.asiaLanding .asiaLanding-logoframe {
display: table-cell;
vertical-align: top;
text-align: left;
width: 50%;
padding-bottom: 11px;
padding-left: 10px
}
.asiaLanding .asiaLanding-logoframe_left {
padding-left: 0px;
padding-right: 10px
}
.asiaLanding .asiaLanding-logoframe img {
padding-right: 35%
}
.locationDescription {
position: absolute;
z-index: 301;
display: none;
width: 380px;
max-width: 100%;
background-color: #fff;
border: solid 1px #00b9ad;
padding: 10px 20px 10px 20px;
margin-top: 15px
}
.locationDescription.active, .locationDescription.activeIn {
margin-left: -140px
}
.locationDescription .countryDescription {
display: none
}
.countryDescription-frame .country {
padding: 10px 0 10px 0
}
.countryDescription-frame .country img {
float: left;
width: 50%;
max-width: 155px
}
.countryDescription-frame .country a, .countryDescription-frame .country span {
display: block;
float: right;
height: 40px;
font-size: 14px;
line-height: 40px;
padding: 0 20px;
background: #5a6870;
color: #fff;
text-decoration: none;
d: 0;
margin-left: 20px;
font-weight: 700;
text-transform: uppercase
}
.countryDescription-frame .country a:hover {
background: #00b9ad
}
.countryDescription-frame .country span {
background: #fff;
color: #5a6870
}
.mobileDescription_placeHolder {
display: none
}
@media (max-width: 700px) {
.asiaLanding .textWithImage-part-desktop-left3 {
padding-left: 20px !important
}
.locationDescription {
width: 300px
}
.asiaLanding-maps .locationDescription.active, .asiaLanding-maps .locationDescription.activeIn {
position: absolute;
left: 0px !important;
top: 60% !important;
margin-left: 0px
}
.mobileDescription_placeHolder {
display: block
}
.countryDescription-frame .country img {
max-width: 100px
}
.countryDescription-frame .country.country-single {
width: 100%
}
}
@media (max-width: 450px) {
.asiaLanding .asiaLanding-maps {
margin-left: -20px
}
}
.h1_ggn {
font-size: 54px;
font-weight: 300
}
.ggnLanding .textWithImage-part-desktop-left3 {
padding-left: 0 !important
}
.ggnLanding .textWithImage-extend-inner-image {
margin-left: 0 !important;
max-width: 900px !important
}
.ggnLanding {
margin-top: 1px
}
.ggnLanding .ggnLanding-maps {
position: relative
}
.ggnLanding .ggnLanding-maps .ggnLanding-mapsHolder {
position: relative
}
.ggnLanding .ggnLanding-maps .ggnLanding-baseMap {
position: relative;
z-index: 101
}
.ggnLanding .ggnLanding-maps .ggnLanding-baseMap-dummy {
opacity: 0;
position: absolute;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
z-index: 105
}
.ggnLanding .ggnLanding-maps .ggnLanding-overlayMap {
position: absolute;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
z-index: 2;
opacity: 0
}
.ggnLanding .ggnLanding-maps .ggnLanding-overlayMap.activeIn {
z-index: 103
}
.ggnLanding .ggnLanding-maps .ggnLanding-overlayMap.activeOut {
z-index: 102
}
.ggnLanding .ggnLanding-maps .ggnLanding-overlayMap.active {
z-index: 101
}
.ggnLanding-maps .ggnLanding-icon {
position: absolute;
z-index: 202;
width: 10px;
height: 10px;
margin: 0;
background: transparent url(../../layouts/pages/custom/ggnLandingPage/images/highlight.png) no-repeat center;
cursor: pointer;
-moz-background-size: contain;
-webkit-background-size: contain;
-o-background-size: contain;
background-size: contain;
-webkit-transition: width 0.5s, height 0.5s, margin 0.5s;
-moz-transition: width 0.5s, height 0.5s, margin 0.5s;
-o-transition: width 0.5s, height 0.5s, margin 0.5s;
transition: width 0.5s, height 0.5s, margin 0.5s
}
.ggnLanding-maps .ggnLanding-icon.active {
width: 16px;
height: 16px;
margin: -3px;
-webkit-transition: width 0.125s, height 0.125s, margin 0.125s;
-moz-transition: width 0.125s, height 0.125s, margin 0.125s;
-o-transition: width 0.125s, height 0.125s, margin 0.125s;
transition: width 0.125s, height 0.125s, margin 0.125s
}
.ggnLanding-maps .ggnLanding-icon.in {
width: 20px;
height: 20px;
margin: -5px;
-webkit-transition: width 0.5s, height 0.5s, margin 0.5s;
-moz-transition: width 0.5s, height 0.5s, margin 0.5s;
-o-transition: width 0.5s, height 0.5s, margin 0.5s;
transition: width 0.5s, height 0.5s, margin 0.5s
}
.ggnLanding-maps .ggnLanding-icon.icon-denmark {
top: 65.8%;
left: 61.4%
}
.ggnLanding-maps .ggnLanding-icon.icon-sweden {
top: 59.2%;
left: 74.1%
}
.ggnLanding-maps .ggnLanding-icon.icon-finland {
top: 55.1%;
left: 87.3%
}
.ggnLanding-maps .ggnLanding-icon.icon-norway {
top: 56.8%;
left: 57.8%
}
.ggnLanding-maps .ggnLanding-icon.icon-iceland {
top: 45%;
left: 14.3%
}
.popup {
font-family: 'Helvetica World W02', Arial, Helvetica, Microsoft JhengHei, LiHei Pro, Microsoft YaHei, SimHei, sans-serif
}
.ggnLanding-Logo {
display: block;
min-height: inherit
}
.ggnLogoBox {
display: inline-block;
width: 33%;
padding: 1%;
padding-bottom: 5px
}
.floatLeft {
float: left
}
.floatRight {
float: right
}
.ggnLogoBox img {
width: 100%;
height: auto
}
.ggnLanding .ggnLanding-siteSelectors {
display: table;
width: 100%;
border-bottom: 2px solid #ebedee;
margin-bottom: 22px;
margin-top: 40px
}
.ggnLanding .ggnLanding-siteSelector {
display: table-row
}
.ggnLanding .ggnLanding-sitesList {
display: table-cell;
padding-bottom: 22px;
box-sizing: border-box;
padding-left: 10px
}
.ggnLanding .ggnLanding-sitesList_left {
padding-right: 10px;
padding-left: 0px
}
.ggnLanding .ggnLanding-sitesList select {
width: 100%
}
.ggnLanding .ggnLanding-logoframe {
display: table-cell;
vertical-align: top;
text-align: left;
width: 50%;
padding-bottom: 11px;
padding-left: 10px
}
.ggnLanding .ggnLanding-logoframe_left {
padding-left: 0px;
padding-right: 10px
}
.ggnLanding .ggnLanding-logoframe img {
padding-right: 35%
}
.locationDescription {
position: absolute;
z-index: 301;
display: none;
width: 380px;
max-width: 100%;
background-color: #fff;
border: solid 1px #00b9ad;
padding: 10px 20px 10px 20px;
margin-top: 15px
}
.locationDescription.active, .locationDescription.activeIn {
margin-left: -140px
}
.locationDescription .countryDescription {
display: none
}
.countryDescription-frame .country {
padding: 10px 0 10px 0
}
.countryDescription-frame .country img {
float: left;
width: 50%;
max-width: 155px
}
.countryDescription-frame .country a, .countryDescription-frame .country span {
display: block;
float: right;
height: 40px;
font-size: 14px;
line-height: 40px;
padding: 0 20px;
background: #5a6870;
color: #fff;
text-decoration: none;
d: 0;
margin-left: 20px;
font-weight: 700;
text-transform: uppercase
}
.countryDescription-frame .country a:hover {
background: #00b9ad
}
.countryDescription-frame .country span {
background: #fff;
color: #5a6870
}
.mobileDescription_placeHolder {
display: none
}
.firstElement {
width: 35%
}
.secondElement {
width: 37%
}
.thirdElement {
width: 28%;
padding-left: 10px
}
.logo-popup {
max-width: 60%;
height: auto
}
.visit-link-popup {
background-color: #5a6870;
font-size: 14px;
line-height: 40px;
font-weight: 700;
padding: 6% 8%;
color: white;
text-decoration: none;
white-space: nowrap
}
.socialIcon-popup {
max-width: 60%;
height: auto
}
@media (max-width: 700px) {
.ggnLanding .textWithImage-part-desktop-left3 {
padding-left: 20px !important
}
.locationDescription {
width: 300px
}
.h1_ggn {
font-size: 34px;
font-weight: 300
}
.ggnLanding-maps .locationDescription.active, .ggnLanding-maps .locationDescription.activeIn {
position: absolute;
left: 0px !important;
top: 60% !important;
margin-left: 0px
}
.mobileDescription_placeHolder {
display: block
}
.countryDescription-frame .country img {
max-width: 100px
}
.countryDescription-frame .country.country-single {
width: 100%
}
.visit-link-popup {
font-size: 12px;
font-weight: 300
}
}
@media (max-width: 450px) {
.ggnLanding .ggnLanding-maps {
margin-left: -20px
}
}