html {
font-size: 100%;
}
body {
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #333;
}
@media screen and (min-width: 900px) {
body {
padding-top: 140px;
}
}
.wrapper {
max-width: 1600px;
margin: 0 auto;
}
.index-black-wrapper .wrapper, .index-white-wrapper .wrapper {
max-width: none;
}
img {
max-width: 100%;
}
a {
color: #eb6600;
}
a:hover {
color: #000;
}
strong {
font-weight: 600;
}
p, ul, ol {
margin: 0 0 25px;
}
h1 {
font-size: 30px;
line-height: 1;
margin: 25px 0 10px;
letter-spacing: -1px;
}
h2 {
font-size: 180%;
letter-spacing: -1px;
}
h3 {
font-size: 140%;
}
h4 {
font-size: 120%;
}
h5 {
font-size: 110%;
}
h6 {
font-size: 100%;
}
.container > div > h2, .container > div > h4, .container > div > h4, [class*="col-"] > h2, [class*="col-"] > h3, [class*="col-"] > h4 {
margin: 1.25em 0 0.5em;
}
.underline {
border-bottom: 1px solid #ababad;
padding-bottom: 6px;
}
.uppercase {
text-transform: uppercase;
letter-spacing: -1px;
}
.orange, .orange a {
color: #eb6600 !important;
}
.green, .green a {
color: #aebf10 !important;
}
hr.orange {
color: #f5b27f ;
border-color: #f5b27f ;
margin: 80px 0 60px;
}
.white {
color: #fff;
}
.btn {
margin-bottom: 2px;
}
p .btn {
margin-bottom: 4px;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
background-color: #eb6600;
border-color: #eb6600;
}
.btn-black {
color: #fff;
background-color: #333;
border-color: #333;
}
.btn-gray {
color: #666;
background-color: #eee;
border-color: #ddd;
}
.btn-darkgray {
color: #fff;
background-color: #666;
border-color: #666;
}
.btn-orange {
color: #ffffff;
background-color: #eb6600;
border-color: #eb6600;
}
.btn-orange:hover,
.btn-orange:focus,
.btn-orange:active,
.btn-orange.active,
.open > .dropdown-toggle.btn-orange,
.btn-black:hover,
.btn-black:focus,
.btn-black:active,
.btn-black.active,
.open > .dropdown-toggle.btn-black {
color: #ffffff;
background-color: #222;
border-color: #000;
}
.btn-gray:hover,
.btn-gray:focus,
.btn-gray:active,
.btn-gray.active {
color: #fff;
background-color: #bbb;
border-color: #999;
}
.btn-darkgray:hover,
.btn-darkgray:focus,
.btn-darkgray:active,
.btn-darkgray.active {
color: #fff;
background-color: #555;
border-color: #555;
}
.btn-orange:active,
.btn-orange.active,
.open > .dropdown-toggle.btn-orange {
background-image: none;
}
.btn-orange-outline {
color: #eb6600;
background-color: #fff;
border-color: #eb6600;
}
.btn-orange-outline:hover,
.btn-orange-outline:focus,
.btn-orange-outline:active,
.btn-orange-outline.active,
.open > .dropdown-toggle.btn-orange-outline {
color: #ffffff;
background-color: #eb6600;
border-color: #eb6600;
}
.btn-cleverheating {
color: #eb6600;
background-color: #fff;
border-color: #eb6600;
position: relative;
}
.btn-cleverheating:hover {
color: #eb6600;
background-color: #FFFCF9;
}
.btn-cleverheating:after {
content: 'cleverheating.se';
position: absolute;
bottom: -18px;
right: 2px;
font-size: 9px;
text-transform: uppercase;
border: 1px solid #ddd;
border-top: none;
padding: 3px 5% 1px;
color: #999;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
border-radius: 0 0 4px 4px;
}
.btn-cleverheatingfi:after {
content: 'cleverheating.fi';
}
.btn-cleverheating:hover:after {
border-color: #EAB892;
color: #EB6600;
}
.btn-smartbox {
border: 1px solid #ddd;
border-radius: 2px;
padding: 8px 30px 2px;
color: inherit;
}
.btn-smartbox img {
margin-right: 10px;
}
.btn-round {
border-radius: 50%;
background-color: #fefefe;
border: 1px solid #eee;
width: 32px;
line-height: 30px;
padding: 0;
}
.btn-square {
width: 46px;
height: 46px;
padding: 0;
}
.btn-square i {
line-height: 44px;
}
body #languages-wrapper {
background: #333333;
color: #fff;
}
body .language-items a {
color: #bbb;
}
#languages-wrapper .language-items a:hover {
color: #fff;
}
.eu-page #languages-wrapper {
background: #E0E0E0;
color: #333;
}
.eu-page .language-items a {
color: #000;
}
.toolbar-wrapper {
text-transform: uppercase;
font-size: 11px;
}
.toolbar-wrapper a:hover {
text-decoration: none;
}
.toolbar-wrapper {
background: #333;
color: #bbb;
/* border-bottom: 1px solid #666; */
}
.toolbar-wrapper a {
color: #bbb;
}
.eu-page .toolbar-wrapper {
background: #e0e0e0;
color: #333;
/* border-bottom: 1px solid #666; */
box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.2);
}
.eu-page .toolbar-wrapper a {
color: #333;
}
.toolbar-wrapper a:hover, .toolbar-wrapper .profile-select .name:hover {
background-color: #404040;
}
.eu-page .toolbar-wrapper a:hover, .eu-page .toolbar-wrapper .profile-select .name:hover {
background-color: #f5f5f5;
}
.profile-switch {
float: left;
}
.profile-switch ul {
list-style: none;
margin: 0;
padding: 0;
}
.profile-switch li {
float: left;
}
.profile-switch a {
display: inline-block;
padding: 10px 28px 6px;
}
.profile-switch .active a {
background: #fff;
/* border-left: 1px solid #666; */
/* border-right: 1px solid #666; */
/* bottom: -1px; */
position: relative;
color: #000;
border-left: 12px solid #eb6600;
/* padding-top: 6px; */
/* padding-bottom: 4px; */
}
.eu-page .toolbar-wrapper .profile-switch .active a {
background: #000;
color: #fff;
box-shadow: 0 -2px 2px rgba(0, 0, 0, 0.1);
}
.personal-tools {
text-align: right;
}
.personal-tools > div {
display: inline-block;
margin-left: 10px
}
.language-select {
padding: 10px 28px 6px;
cursor: pointer;
position: relative;
}
.language-select.active {
/* background: #404040; */
}
.eu-page .toolbar-wrapper .language-select.active {
/* background: #eee; */
}
.language-select:before {
content: "\f078";
font-family: FontAwesome;
color: #eb6600;
position: absolute;
right: 12px;
}
.language-select.active:before {
content: "\f077";
}
.ext-links ul, .profile-select ul {
list-style: none;
margin: 0;
padding: 0;
}
.ext-links li, .profile-select li {
display: inline;
position: relative;
}
.ext-links a {
padding: 10px 18px 6px 10px;
}
.ext-links a:before {
content: "\f111";
font-family: FontAwesome;
color: #eb6600;
position: absolute;
right: 8px;
font-size: 8px;
margin-top: 3px;
}
.profile-select {
position: relative;
}
.profile-select a:focus {
text-decoration: none;
outline: none;
}
.profile-select .login-icon, .profile-select span.name {
background-image: url(../img/eu-login-icon.png);
background-repeat: no-repeat;
background-position: right 12px;
padding: 10px 28px 6px 10px;
background-size: 18px;
}
.profile-select.active {
background-color: #404040;
}
.eu-page .profile-select.active {
background: #f5f5f5;
}
.profile-select .name {
padding: 10px 28px 6px;
cursor: default;
display: inline-block;
}
.profile-menu {
display: none;
text-transform: none;
position: absolute;
right: 0;
text-align: right;
z-index: 1;
background: #404040;
padding: 16px;
box-shadow: 0 3px 4px rgba(0, 0, 0, 0.5);
min-width: 200px;
}
.eu-page .toolbar-wrapper .profile-menu {
background: #f5f5f5;
box-shadow: 0 2px 1px rgba(0, 0, 0, 0.2);
border: 1px solid #ccc;
border-top: none;
}
.profile-select:hover .profile-menu {
display: block;
}
.profile-menu ul {
list-style: none;
margin: 15px -16px 0;
font-size: 13px;
border-top: 1px solid #666;
padding: 15px 0 0;
}
.profile-menu li {
}
.profile-menu a {
display: block;
color: #eee;
padding: 5px 16px;
}
.eu-page .toolbar-wrapper .profile-menu a {
color: #333;
}
.profile-menu a:hover {
color: #fff;
background: #666;
}
.eu-page .toolbar-wrapper .profile-menu a:hover {
background: #eee;
color: #000;
}
.logo-header-wrapper {
margin: 25px 0 8px;
}
.top-text-menu-wraper {
text-align: right;
}
.logo-header {
margin: 0px 0 5px;
display: inline-block;
}
.logo-header + .logo-header {
display: none;
}
.logo-header img {
max-height: 82px;
}
#logo-white {
display: none;
}
.eu-page #logo-white {
display: block;
}
.eu-page #logo-black {
display: none;
}
.btn-primary {
background-color: #eb6600;
border-color: #eb6600;
}
.btn-primary:hover {
background-color: #222;
border-color: #000;
}
.btn-search {
position: absolute;
right: 0px;
top: 0px;
padding: 5px 8px;
border: none;
background-color: transparent;
color: #eb6600;
text-transform: uppercase;
font-weight: 600;
}
.btn-search:hover {
color: #000;
background-color: transparent;
}
.search-form {
position: relative;
margin-top: 6px;
margin-right: -15px;
margin-left: 3px;
}
.search-form .form-group {
margin: 0;
}
.search-form .form-control {
border-radius: 0;
border: none;
height: 30px;
padding: 4px 12px;
}
.navbar-line {
border-top: 1px solid #eb6600;
}
.navbar-wrapper {
background: #eb6600; /* Old browsers */
background: -moz-linear-gradient(top, #eb6600 0%, #dd4e00 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eb6600), color-stop(100%,#dd4e00)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #eb6600 0%,#dd4e00 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #eb6600 0%,#dd4e00 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #eb6600 0%,#dd4e00 100%); /* IE10+ */
background: linear-gradient(to bottom, #eb6600 0%,#dd4e00 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb6600', endColorstr='#dd4e00',GradientType=0 ); /* IE6-9 */
border-bottom: 1px solid #000;
color: #fff;
}
.navbar {
margin-bottom: 0;
margin-top: 0;
min-height: 0;
border: none;
border-radius: 0;
}
.navbar-collapse {
padding: 0;
box-shadow: none;
}
.nav-tabs {
margin-bottom: 48px;
text-transform: uppercase;
font-size: 90%;
}
.nav-tabs > li {
margin-bottom: -1.2px;
}
.nav > li > a {
padding: 11px 17px;
margin-right: 0;
}
.nav-tabs > li > a {
color: #666;
outline: 0;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
color: #eb6600;
}
.nav-tabs > li.active:after {
content: '';
border-bottom: 1px solid #eb6600;
width: 100%;
position: absolute;
bottom: -10px;
}
.nav-tabs > li.active:before {
content: "\f078";
font-family: FontAwesome;
color: #eb6600;
margin: 0 4px 0 -8px;
position: absolute;
bottom: -20px;
background: #fff;
padding: 0 3px;
display: block;
z-index: 1;
left: 50%;
}
.nav-tabs a[role='tab'] .fa {
margin-right: 8px;
}
/* bordered right nav */
.nav-right:before {
content: '';
box-shadow: 0 0 40px 20px #fff;
position: absolute;
top: 43px;
}
.nav-right {
left: 50%;
width: 50%;
position: relative;
padding-right: 6px;
}
.nav-right > li {
float: right;
}
.nav-right .active {
}
.nav-right > li.active:before, .nav-right > li.active:after {
content: normal;
}
.nav-bordered > li a, .nav-bordered > li a:hover {
border: 1px solid #ddd;
}
/* logotypes list */
.logos-list, .tab-pane .logos-list {
list-style: none;
padding: 0;
margin: 20px 0 40px;
}
.logos-list:after {
content: '';
display: table;
clear: both;
}
.logos-list li {
text-align: center;
margin: 1% 2% 1% 0;
}
.logos-list li > a {
border: 1px solid #ddd;
display: table-cell;
padding: 20px 0;
height: 140px;
width: 355px;
vertical-align: middle;
}
.logos-list li img {
max-height: 98px;
}
.navbar-nav {
list-style: none;
margin: 0;
padding: 0;
color: #57585b;
font-weight: 600;
text-transform: uppercase;
}
.navbar-nav .caret {
bottom: -5px;
position: relative;
border-width: 5px;
margin-left: 4px;
}
.navbar-nav > li {
line-height: 100%;
}
.navbar-nav > li > a {
display: block;
color: #fff;
font-size: 100%;
margin-right: 1px;
line-height: 14px;
}
.navbar-nav > li > a.active {
border-top: 5px solid #eb6600;
margin-top: -7px;
padding: 17px 38px 13px;
}
.navbar-nav > li > a:hover {
text-decoration: none;
}
.main-menu > li > a {
padding: 15px 0 13px;
width: 162px;
text-align: center;
}
.main-menu .sub-arrow {
border: none !important;
padding: 4px 5px;
top: 11px;
}
.main-menu ul .sub-arrow:after {
content:"\f105";
font-family: FontAwesome;
font-weight: normal;
right: 3%;
top: 50%;
margin-top: -6px;
color: #ccc;
line-height: 12px;
display: block;
position: absolute;
}
.top-text-menu.navbar-nav .sub-arrow:after {
content: normal;
}
.content-div {
text-transform: none;
}
.sub-menu {
display: none;
}
.tab-content {
margin: 20px 0 0;
}
.lead {
font-size: 110%;
}
.tab-pane h3, .tab-pane h4 {
font-weight: 600;
color: #57585b;
}
.tab-pane h2 {
color: #eb6600;
font-weight: normal;
font-size: 160%;
}
.tab-pane img {
max-width: 100%;
}
.tab-pane ul {
margin: 20px 0;
}
.tab-pane li {
margin-bottom: 10px;
}
.image-centered {
text-align: center;
}
.round-btn {
background: #eb6600; /* Old browsers */
background: -moz-linear-gradient(top, #eb6600 0%, #dd4e00 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eb6600), color-stop(100%,#dd4e00)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #eb6600 0%,#dd4e00 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #eb6600 0%,#dd4e00 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #eb6600 0%,#dd4e00 100%); /* IE10+ */
background: linear-gradient(to bottom, #eb6600 0%,#dd4e00 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb6600', endColorstr='#dd4e00',GradientType=0 ); /* IE6-9 */
color: #fff;
border-radius: 50%;
width: 48px;
height: 48px;
line-height: 48px;
text-align: center;
display: inline-block;
cursor: pointer;
}
.round-btn:hover {
background: #eb6600;
color: #fff;
text-decoration: none;
box-shadow: inset 0 0 10px rgba(0,0,0,0.1);
}
.enlarge-btn {
position: absolute;
right: 6%;
bottom: 20%;
font-size: 300%;
font-weight: bold;
padding: 0 0 2px 2px;
}
.see-in-out {
width: 80px;
height: 80px;
line-height: 15px;
padding: 20px 2px;
position: absolute;
right: 4%;
bottom: 1%;
text-transform: uppercase;
font-size: 220%;
line-height: 140%;
}
.inside-outside-view a:focus {
outline: none;
}
.inside-view {
display: none;
position: absolute;
left: 0;
top: 0;
}
.in-out-image + .in-out-image .outside-view {
}
.cboxElement:focus {
outline: none;
}
#swipebox-overlay {
background: rgba(0,0,0,0.8);
}
/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
opacity: 0;
-webkit-transition: all 0.15s ease-out;
-moz-transition: all 0.15s ease-out;
transition: all 0.15s ease-out;
}
/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
opacity: 1;
}
/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
opacity: 0;
}
.top-text-menu {
font-weight: 600;
text-transform: uppercase;
}
footer .top-text-menu {
font-weight: normal;
float: right;
}
.navbar-nav.top-text-menu {
margin: 0;
padding: 0;
list-style: none;
float: right;
display: inline-block;
}
.bottom-text-menu {
margin: -10px 0 0;
padding: 0;
list-style: none;
}
.top-text-menu > li, .bottom-text-menu li {
margin: 0 0 6px 10px;
padding: 2px 0px 2px 10px;
display: inline-block;
border-left: 1px solid #5a5a5a;
}
.top-text-menu > li:first-child, .bottom-text-menu li:first-child {
border-left: none;
margin-left: 0;
}
.navbar-nav.top-text-menu > li > a {
padding: 2px;
color: #333;
background-color: transparent;
}
.index-black-wrapper .navbar-nav.top-text-menu > li > a {
color: #fff;
}
.eu-page .navbar-nav.top-text-menu > li > a {
color: inherit;
}
.navbar-nav.top-text-menu > li > .login-icon {
background: url(../img/login-icon.png) no-repeat right center !important;
padding: 2px 24px 2px 0;
/* margin-top: -5px; */
background-size: 18px;
}
.top-text-menu > li > .login-icon:focus {
outline: none;
}
.black-mask, .black-content-mask, .black-side-menu-mask {
position: absolute;
width: 100%;
height: 300px;
background-color: rgba(0,0,0,0.75);
display: none;
z-index: 3;
}
.black-side-menu-mask {
z-index: 3;
}
.breadcrumb {
border-radius: 0;
margin-bottom: 0;
position: absolute;
z-index: 3;
background: rgba(255, 255, 255, 0.7);
padding: 2px 10px;
margin-top: 6px;
border: none;
display: none;
}
.breadcrumb a {
color: #333;
}
.breadcrumb + h1 {
font-weight: 600;
font-size: 320%;
color: #eb6600;
text-transform: uppercase;
margin: 13px 0 50px;
}
.breadcrumb span:before {
content:"\f054";
font-family: FontAwesome;
font-size: 70%;
font-weight: bold;
color: #eb6600;
margin: 0 4px;
}
.page-tools {
float: right;
list-style: none;
margin: 5px 0 0;
font-size: 90%;
}
.page-tools li {
float: left;
margin-left: 20px;
}
.page-tools a:hover {
text-decoration: none;
}
.page-tools a:after {
content:"\f054";
font-family: FontAwesome;
font-size: 80%;
font-weight: bold;
color: #eb6600;
margin: 0 4px 0 8px;
}
.index-white-wrapper {
background: #fff;
}
.content-container {
position: relative;
background: #fff;
font-size: 117%;
}
h2.active-header {
font-size: 124%;
color: #666;
text-transform: uppercase;
border-bottom: 1px solid #999;
margin: 40px 0 17px 0;
padding-bottom: 6px;
position: relative;
font-weight: normal;
cursor: pointer;
}
h2.active-header a {
color: #666;
}
h2.active-header.expanded {
color: #eb6600;
border-bottom: 1px solid #eb6600;
}
h2.active-header.expanded a {
color: #eb6600;
}
/*
h2.active-header:after {
content: "\f054";
font-family: FontAwesome;
margin: 0 4px 0 -8px;
position: absolute;
right: 12px;
background: #fff;
padding: 0 3px;
z-index: 1;
}
*/
h2.active-header:after, .accordion-header:after {
content: "\f067";
font-family: FontAwesome;
font-size: 80%;
position: absolute;
right: 4px;
top: 50%;
margin-top: -6px;
line-height: 12px;
}
.accordion-header:after {
left: 2%;
color: #ccc;
}
/*
h2.active-header.expanded:after {
content: "\f078";
bottom: -10px;
}
*/
h2.active-header.expanded:after, .accordion-header.expanded:after {
content: "\f068";
}
.accordion-wrapper {
border: 1px solid #eee;
padding: 0 10px;
box-shadow: inset 0 -3px 0 #fbfbfb;
}
.accordion-wrapper:first-of-type {
margin-top: 10px;
}
.accordion-wrapper:last-child {
margin-bottom: 20px;
}
.accordion-wrapper .table {
margin-bottom: 10px;
}
.accordion-wrapper .accordion-header {
margin: 0 -10px;
font-size: 110%;
cursor: pointer;
position: relative;
padding: 1% 1% 1% 5%;
background: #fafafa;
letter-spacing: 0;
}
.orderstep h2 {
margin: 30px 0 20px;
}
.collapse h3, .collapsing h3 {
font-size: 122%;
font-weight: normal;
margin-top: 27px;
}
.collapse h3:first-child, .collapse h4:first-child {
margin-top: 0;
}
.tab-pane .collapse {
padding: 34px 0 50px !important;
}
.active-header + .collapse {
padding: 10px 0 50px;
}
.header-link {
float: right;
text-transform: none;
font-size: 60%;
font-weight: 300;
bottom: -8px;
position: relative;
}
.header-link a:hover {
text-decoration: none;
}
.header-link.inactive, .header-toggle {
position: absolute;
right: 0;
top: 0;
width: 100%;
text-align: right;
}
.header-link.inactive a {
display: none;
}
.header-link a.plus-collapse {
display: none;
cursor: pointer;
line-height: 150%;
font-weight: 600;
padding: 0 5px;
}
.header-link.inactive a.plus-collapse {
display: block;
}
.header-toggle a.plus-collapse {
display: block;
}
#answer .panel {
box-shadow: none;
border-bottom: 1px solid #ddd;
}
#answer .panel > h2 {
position: relative;
}
#answer a {
color: #000;
text-decoration: none;
font-weight: 600;
}
#answer a .orange {
font-weight: bold;
}
#answer h2 a:after {
content: "\f077";
font-family: FontAwesome;
font-size: 80%;
position: absolute;
right: 4px;
top: 50%;
margin-top: -6px;
line-height: 12px;
color: #eb6600;
}
#answer h2 a.collapsed:after {
content: "\f078";
}
#result-info-bottom {
margin: 50px 0 0;
}
#answer .carousel {
padding-top: 30px;
}
#answer .carousel-control {
top: 30px;
width: 5%;
}
#answer .carousel-control span.fa {
position: absolute;
top: 50%;
z-index: 5;
display: inline-block;
margin-top: -10px;
color: #fff;
font-size: 30px;
left: 50%;
margin-left: -10px;
}
#answer .carousel-indicators {
bottom: auto;
top: -10px;
}
#answer .carousel-indicators li {
border: 2px solid #D8D8D8;
width: 15px;
height: 15px;
border-radius: 50%;
}
#answer .carousel-indicators .active {
width: 24px;
height: 24px;
}
#answer .item {
padding-right: 6%;
}
#answer .item img {
max-width: 450px;
margin-right: 5%;
}
#answer .panel p > a {
color: #fff;
background: #eb6600;
border-radius: 2px;
padding: 0 3px;
font-weight: bold;
display: inline-block;
margin-bottom: 1px;
}
#result-a, #result-b, #result-c, #result-d {
padding-bottom: 30px;
}
.tab-like {
border-bottom: 1px solid #ddd;
font-size: 120%;
color: #eb6600;
margin-bottom: 30px;
}
.tab-like span {
cursor: default;
background-color: #fff;
border: 1px solid #ddd;
border-bottom-color: transparent;
display: inline-block;
margin-bottom: -1px;
border-radius: 4px 4px 0 0;
padding: 11px 17px;
}
.tab-thumb {
border: 1px solid #e4e4e4;
padding: 20px 40px 10px;
}
.tab-thumb .product-name {
font-size: 100%;
text-transform: uppercase;
height: 30px;
overflow: hidden;
text-align: center;
}
.view-thumb {
}
.view-thumb, .view-thumb-team {
margin: 40px 0;
}
.view-thumb a, .view-thumb-team a {
display: block;
color: #333;
}
.view-thumb img, .view-thumb-team img {
max-width: 100%;
}
.view-thumb h4 {
font-weight: 600;
color: #333;
}
.location {
text-transform: uppercase;
}
/* video */
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
display: block;
}
.video-slider {
position: relative;
padding-bottom: 38.3%;
padding-top: 30px;
height: 0;
overflow: hidden;
display: block;
background: #000;
}
.video-slider-overlay-top {
position: absolute;
z-index: 2;
top: 0;
bottom: 55%;
left: 0;
right: 0;
}
.video-slider-overlay-bottom {
position: absolute;
z-index: 2;
top: 55%;
bottom: 0;
left: 0;
right: 0;
}
.video-slider-overlay-top a, .video-slider-overlay-bottom a {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.close-slide {
position: absolute;
color: #fff;
z-index: 3;
top: 12px;
right: 20px;
font-size: 26px;
cursor: pointer;
display: block;
}
.video-container iframe,
.video-container object,
.video-container embed,
.video-slider iframe,
.video-slider object,
.video-slider embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.listing-videos h4 {
font-weight: normal;
font-size: 110%
}
.view-thumb h4.product-name {
font-size: 160%;
height: 48px;
margin: 5px 0 15px;
display: flex;
align-items: flex-end;
}
.view-thumb p {
margin: 0 0 10px;
}
.view-thumb-team {
font-size: 86%;
}
.team-photo, .view-thumb-team p {
margin-bottom: 10px;
}
.head h2, .head h3, .head h4 {
font-weight: 600;
color: #eb6600;
}
.content-container .fax, .content-container .phone, .content-container .email, .content-container .mobile, .content-container .vcf {
padding-left: 20px;
margin-bottom: 4px !important;
}
.content-container .fax:before, .content-container .phone:before, .content-container .email:before, .content-container .mobile:before, .content-container .vcf:before {
content: "\f1ac ";
font-family: FontAwesome;
position: absolute;
margin-left: -20px;
}
.content-container .phone:before {
content: "\f095";
}
.content-container .email:before {
content: "\f0e0";
}
.content-container .mobile:before {
content: "\f10b";
font-size: 156%;
line-height: 100%;
}
.content-container .vcf:before {
content: "\f09d";
}
.border-thumb {
border-left: 1px solid #ccc;
padding-left: 12px;
min-height: 100%;
}
.border-thumb .label {
margin: 0 2px 2px 0;
font-weight: normal;
display: inline-block;
padding: 4px 8px 4px;
border-radius: 0;
}
.listing-certificates .border-thumb {
border: 1px solid #ddd;
padding-left: 0;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
border-radius: 2px;
margin-right: 10%;
}
.listing-certificates .border-thumb a:focus {
outline: none;
}
.listing-certificates .desc {
background: #fafafa;
text-align: center;
padding: 3px;
font-size: 80%;
margin-right: 10%;
margin-top: -1px;
border: 1px solid #ddd;
}
.colors .border-thumb {
min-height: 140px;
margin-bottom: 40px;
}
.gray-line {
padding-left: 22px;
padding-right: 9%;
position: relative;
margin-top: 30px;
font-size: 125%;
font-weight: 300;
color: #222;
border-left: 5px solid #eee;
}
.col-sm-6 .collapse {
padding-bottom: 30px;
}
.swiper-slide h2 {
color: #333;
border-bottom: none;
font-weight: 300;
}
.sub-footer {
padding: 4px 0 20px;
margin-bottom: 15px;
}
.sub-footer-header {
text-transform: uppercase;
font-weight: 600;
border-left: 1px solid #fff;
padding: 0 0 5px 9px;
margin-bottom: 28px;
}
.sub-footer-header a {
color: #fff;
}
.sub-footer-item {
margin: 16px 0 3px;
float: left;
width: 24.9%;
}
.sub-footer-header .sub-footer-item {
padding-bottom: 12px;
}
.sub-footer-menu {
list-style: none;
color: #fff;
padding: 0 0 0 9px;
margin: -3px 0 0;
font-size: 92%;
min-height: 160px;
border-left: 1px solid #fff;
}
.sub-footer-menu li {
margin-bottom: 2px;
}
.sub-footer-menu a {
color: #fff;
}
footer {
padding-bottom: 40px;
background: #eb6600;
margin-top: 100px;
}
footer .top-text-menu {
margin-top: 30px;
}
footer .top-text-menu li, footer .bottom-text-menu li {
padding: 2px 0px 0 16px;
border-left-color: #fff;
}
footer .top-text-menu li a, footer .bottom-text-menu li a {
color: #fff;
}
footer .bottom-text-menu li:first-child {
margin-left: 0;
border: none;
padding-left: 0;
}
.back-to-top {
cursor: pointer;
}
.logo-footer {
max-width: 100%;
}
.logo-footer + .logo-footer {
display: none;
}
.footer-notes {
border-top: 1px solid #fff;
padding-top: 2px;
font-size: 86%;
color: #fff;
margin-top: 8px;
text-align: right;
}
::-ms-clear { width : 0; height: 0; }
::-ms-reveal { width : 0; height: 0; }
.awesome-ul {
list-style: none;
}
.awesome-ul li:before {
content:"\f046";
font-family: FontAwesome;
font-size: 24px;
color: #eb6600;
margin: 0 8px 0 -30px;
}
.swiper-container .pagination {
text-align: center;
display: block;
position: absolute;
bottom: 20px;
width: 90%;
z-index: 2;
margin-top: 15px;
left: 5%;
}
.index-page .swiper-container .pagination {
bottom: auto;
top: 0;
}
.pagination-c {
top: 5px;
}
.swiper-pagination-switch, .swiper-pagination-bullet {
display: inline-block;
padding: 6px;
border-radius: 50%;
background-color: #000000\9;
border: 1px solid #444;
border: 1px solid rgba(255, 255, 255, 0.2);
margin: 0 5px 4px;
cursor: pointer;
}
.swiper-active-switch, .swiper-pagination-bullet-active {
padding: 9px;
background-color: #000000\9;
border: 3px solid #444;
border: 3px solid rgba(255, 255, 255, 0.3);
margin: 0 2px;
box-shadow: 0 0 1px rgba(0,0,0,0.3);
}
.swiper-slide img {
max-width: 100%;
}
.swiper-full .swiper-slide > img, .swiper-full .swiper-slide > a > img {
width: 100%;
max-width: none;
}
.swiper-arrow {
display: none;
}
.swiper-full .swiper-slide {
position: relative;
min-height: 477px;
width: 100%;
}
.swiper-full {
/* max-height: 690px; */
}
.swiper-campaign {
margin: 20px 0;
}
.swiper-index {
max-height: 450px;
}
.swiper-full .swiper-slide img + *, .swiper-full .swiper-slide > a + * {
position: absolute;
z-index: 10;
top: 0;
right: 0;
left: 0;
}
.shadow-layer {
box-shadow: 0 8px 21px rgba(27, 27, 27, 0.6);
}
.anchor-menu-selector {
width: 60px;
height: 60px;
line-height: 60px;
}
.anchor-menu {
background: #eb6600 url(../img/anchor-menu-selector.png) no-repeat center;
float: left;
z-index: 30;
}
.anchor-menu li a {
padding: 18px 36px 18px 20px;
}
.anchor-menu li a:after {
content:"\f107";
font-family: FontAwesome;
font-size: 140%;
font-weight: normal;
position: absolute;
right: 6%;
top: 50%;
margin-top: -6px;
color: #000;
line-height: 12px;
}
.anchor-menu li > a:hover:after {
color: #fff;
}
#languages-wrapper, #profiles-wrapper {
background: #fafafa;
padding: 20px 0;
/* border-bottom: 1px solid #ccc; */
overflow: hidden;
/* box-shadow: inset 0 -4px 12px rgba(0,0,0,0.04); */
}
#languages-wrapper img {
max-width: 100%;
}
.map-white {
display: none;
}
.eu-page .map-black {
display: none;
}
.eu-page .map-white {
display: block;
}
.panel-selector {
float: left;
}
.panel-selector a {
padding-bottom: 4px;
border: 1px solid transparent;
margin: 3px 2px 0 10px;
line-height: 22px;
color: #666;
text-decoration: none;
font-weight: 600;
text-transform: uppercase;
outline: none;
display: block;
position: relative;
}
.panel-selector a .caret {
border-width: 5px;
}
.panel-selector a:hover {
color: #999;
}
.panel-selector a > * {
display: inline-block;
margin: 0 4px;
}
.panel-selector a:after {
content: '';
border-bottom: 1px solid #666;
width: 100%;
position: absolute;
bottom: -2px;
left: 0;
}
.panel-selector a:before {
content: "\f078";
font-family: FontAwesome;
color: #eb6600;
margin: 0 4px 0 -9px;
position: absolute;
bottom: -12px;
background: #060606;
padding: 0 3px;
display: block;
z-index: 1;
left: 50%;
font-size: 140%;
line-height: 80%;
}
.flag img {
height: 16px;
vertical-align: text-top;
}
.panel-selector-border {
padding: 0 18px;
border-left: 1px solid #eb6600;
}
.panel-selector-border .logo {
height: 28px;
}
.panel-selector-border a {
color: #666;
font-weight: 600;
}
.language-items {
list-style: none;
margin: 20px 0 0;
padding: 0;
}
.language-items li {
margin-bottom: 10px;
line-height: 86%;
white-space: nowrap;
}
.language-items li {
width: 25%;
float: left;
}
.language-items img {
width: 26px;
vertical-align: baseline;
}
.language-items a {
font-size: 80%;
text-transform: uppercase;
}
.language-items a:hover {
text-decoration: none;
color: #000;
}
.my-choice {
font-weight: normal;
}
.my-choice-badge {
height: 80px;
width: 80px;
border-radius: 50%;
background-color: #eb6600;
line-height: 76px;
font-size: 300%;
color: #fff;
text-align: center;
}
#profiles-wrapper .my-choice-badge {
float: left;
margin: 0 20px 0 0;
}
.heating-through {
margin-bottom: -50px;
display: none;
}
.index-box-container {
margin-top: -100px;
z-index: 1;
position: relative;
}
.index-promo-box {
background: #fff;
}
.index-promo-box img {
border: 1px solid #fff;
margin-bottom: 20px;
width: 100%;
z-index: 1;
position: relative;
}
.index-promo-box:before {
content:'';
background: url(../img/index-promo-box-shadow.png) no-repeat center top;
background-size: 100% 190px;
width: 100%;
height: 190px;
display: block;
position: absolute;
left: 0;
z-index: 0;
}
.swiper-mask {
background: #000;
position: absolute;
width: 100%;
height: 100%;
top: 0;
visibility: hidden;
opacity: 0;
z-index: 3;
}
.index-promo-context-wrapper {
position: absolute;
width: 100%;
height: 100%;
top: 0;
z-index: 4;
visibility: hidden;
opacity: 0;
font-size: 140%;
line-height: 120%;
}
.index-promo-context-wrapper .row > div > div {
position: absolute;
visibility: hidden;
opacity: 0;
padding: 3% 4%;
color: #fff;
}
.index-promo-context-wrapper h1 {
color: #fff;
margin: 0.25em 0;
}
.row-absolute {
position: absolute;
z-index: 10;
}
/* calculator */
.calculator {
position: relative;
}
.calculator .btn-lg {
white-space: normal;
margin-bottom: 10px;
max-width: 400px;
}
.calculator fieldset, .calculator-box, .form-box fieldset {
margin: 15px 0 0;
padding: 16px 25px;
border: 2px solid #eee;
border-radius: 3px;
background-color: #ffffff;
}
.calculator fieldset > fieldset, .form-box fieldset > fieldset {
border-radius: 0;
border-width: 2px 0 0 0;
background: none;
margin-bottom: 10px;
}
.calculator .alert, .form-box .alert {
border-width: 2px;
border-radius: 2px;
box-sizing: border-box;
}
.calculator .ambiance {
overflow: hidden;
}
.calculator legend, .form-box legend {
padding: 0 10px;
font-weight: bold;
width: auto;
margin: 0 0 0 -10px;
border: none;
}
.calculator fieldset fieldset legend, .form-box fieldset fieldset legend {
color: #aaa;
}
.popover {
max-width: none;
}
.popover-content .btn {
margin: 4px 4px 0 0;
}
.popover-content > div {
min-height: 0 !important;
display: block !important;
}
.start-again {
text-align: right;
}
.label-orange {
background: #eb6600;
}
.label-lg {
font-size: 220%;
line-height: 240%;
margin-bottom: 20px;
}
.form-control-inline {
min-width: 0;
width: auto;
display: inline;
}
.form-control-static {
margin-top: -15px;
margin-bottom: 0;
}
.form-control-static + hr {
margin-top: 3px;
margin-bottom: 13px;
margin-left: -25px;
margin-right: -25px;
}
.form-color-picker-text {
display: inline-block;
vertical-align: top;
margin-top: 6px;
}
.form-color-picker {
position: relative;
display: inline-block;
width: 28px;
height: 28px;
margin-right: 8px;
background: url('data:image/svg+xml;utf8,') center center no-repeat;
background-size: cover;
cursor: pointer;
outline: 1px solid #bbb !important;
border: 2px solid #fff;
}
.form-color-picker:focus {
outline: none;
}
.palette-color-picker-bubble {
max-width: 400px;
}
.palette-color-picker-bubble h4 {
color: #999;
font-size: 100%;
margin: 0;
padding: 3px;
}
.palette-color-picker-bubble .swatch {
position: relative;
display: inline-block;
font: 0/0 a;
width: 30px;
padding-top: 10px;
margin: 1px 4px;
outline: 1px solid #bbb;
border: 2px solid #fff;
border-radius: 3px;
cursor: pointer;
overflow: hidden;
}
.palette-color-picker-bubble .swatch.active {
outline-color: #000;
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
}
.legend-buttons {
margin: -46px 0 20px;
background: #fff;
padding: 0 10px;
}
.form-box .error, .error {
background-color: #fff6ed;
color: #F00 !important;
padding: 5px 0;
margin-top: -5px;
margin-bottom: 15px;
}
.form-box .help-inline {
padding: 5px 10px;
margin-left: 5px;
}
.form-box legend + .control-group.error {
margin-top: 15px;
}
.form-actions {
margin-top: 15px;
text-align: center;
}
.form-box-actions {
margin-top: 25px;
border: 2px solid #f0f0f0;
background: #fff;
}
.form-box-actions legend {
margin: -11px 0 -11px 10px;
background: #fff;
color: #000;
font-style: italic;
font-size: 100%;
}
.form-box-actions legend a {
color: #666;
text-decoration: none;
}
.form-box-actions legend a:hover {
color: #000;
text-decoration: none;
}
.calculator .padding-box {
padding: 20px;
margin-top: 10px;
}
.clipboard fieldset {
border: 1px solid #ccc;
background: none;
padding: 8px 25px 10px;
margin-bottom: 20px;
}
.clipboard-toggle {
position: absolute;
top: 11px;
right: 40px;
background: #fff;
padding: 0 15px;
font-size: 160%;
}
.clipboard th:before {
content: normal !important;
}
.pager .btn {
background: #fff;
border: 1px solid #ddd;
}
.alert-error {
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1;
}
.radiator-parts-divider {
border-top: 1px dashed #222;
}
.radiator-parts h4 {
margin: 2% 0 0;
font-weight: bold;
}
.form-buttons {
margin: 30px 0 0;
}
.legend-desc {
float: right;
font-weight: normal;
text-align: right;
background: #fff;
padding: 0 10px;
margin: -42px -10px 0 0;
max-width: 60%;
font-size: 80%;
font-style: italic;
}
.tooltip-helper {
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 220%;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.tooltip-helper:before {
content: "\f05a";
font-size: 115%;
}
/* spinner */
.bootstrap-touchspin, .binline-input {
display: inline-table;
width: 65%;
vertical-align: middle;
}
.help-inline {
display: inline-table;
margin: 0;
}
.fuelux .spinbox .help-inline {
bottom: -4px;
position: relative;
}
.fuelux .spinbox {
display: block;
}
.fuelux .spinbox .spinbox-up {
padding: 0 0 12px 1px;
}
.selectboxit-container .selectboxit-options,
.selectboxit-container .selectboxit,
.selectboxit-container {
width: 99%;
max-width: 100%;
}
.selectboxit-option .selectboxit-option-anchor {
padding: 0 6px;
}
.selectboxit-options.dropdown-menu {
padding-bottom: 2px;
}
.dropdown-menu > li.selectboxit-option-last a:before {
content: normal;
}
.selectboxit-container .selectboxit-options, .selectboxit-container .selectboxit, .selectboxit-container {
min-width: 0 !important;
}
.selectboxit-container .selectboxit {
border-color: #ccc;
border-radius: 4px;
}
.selectboxit-container span, .selectboxit-container .selectboxit-options a {
height: 34px;
line-height: 34px;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
background-color: #eb6600;
}
.fuelux .spinbox .spinbox-input {
max-width: 62%;
}
.download-basket .fuelux .spinbox .spinbox-input {
max-width: none;
}
.fuelux .spinbox .fa {
/* top: -4px; */
/* position: relative; */
}
.fuelux .spinbox button:focus {
outline-color: #f60;
}
.fuelux .spinbox .spinbox-buttons {
position: relative;
margin-left: -22px;
display: inline-block;
width: auto;
height: auto;
right: auto;
}
.fuelux.table-form .spinbox {
display: inline-block;
color: #000;
margin: 0;
}
.fuelux.table-form .spinbox .spinbox-buttons {
margin-left: -18px;
}
.fuelux.table-form .spinbox .spinbox-buttons .btn {
height: 14px;
margin: 0;
border: 1px solid #ccc;
background: #fff;
top: 0;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.fuelux.table-form .spinbox-input {
text-align: center;
font-size: 12px;
height: 28px;
min-width: 54px;
padding: 0 14px 0 2px;
}
.fuelux .spinbox .spinbox-up {
padding: 0 0 12px 1px;
border-top-right-radius: 4px !important;
}
.fuelux .spinbox .spinbox-buttons .btn {
padding: 0;
height: 15px;
}
.spinbox .btn .fa {
display: block;
height: 9px;
line-height: 9px;
font-weight: bold;
font-size: 12px;
}
.download-basket .fuelux .spinbox .spinbox-buttons {
position: absolute;
}
#clipboard-show-hide {
top: -6px;
position: relative;
}
#clipboard-show-hide i {
border: 1px solid #F5F5F5;
border-radius: 4px;
padding: 4px 6px;
font-size: 120%;
}
#clipboard-show-hide:hover, #clipboard-show-hide:focus {
text-decoration: none;
}
#clipboard-show-hide-icon {
background: #fff;
padding: 0 10px;
margin-top: -33px;
display: block;
}
.btn i {
margin: 0 3px;
}
#basket-simple-container {
background: #fff;
box-shadow: 0 2px 4px rgba(0,0,0,0.3);
position: fixed;
top: 133px;
right: 46px;
border: 1px solid #bebebe;
display: none;
z-index: 50000;
padding: 10px;
min-width: 100px;
max-width: 260px;
}
#basket-simple-container .download-item {
font-size: 82%;
}
#basket-simple-container:before {
content:'';
position: absolute;
top: 14px;
right: -10px;
width: 0;
height: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 10px solid #aaa;
}
#basket-simple-container:after {
content:'';
position: absolute;
top: 14px;
right: -8px;
width: 0;
height: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 10px solid #fff;
}
#basket-simple-container .download-item:first-child {
padding-top: 0;
}
#basket-simple-items {
border-bottom: 1px solid #ddd;
padding-bottom: 8px;
margin-bottom: 10px;
}
#basket-simple-container .download-item .size {
width: auto;
}
#basket-simple-container .tile-thumb {
height: auto;
margin-right: 10px;
}
#basket-simple-container .tile-thumb img {
max-height: 30px;
width: auto;
}
.download-item:after {
content: "";
display: table;
clear: both;
}
.table-xsmall {
margin: 15px 0 20px;
}
.table-xsmall th {
font-size: 11px;
text-align: center;
padding: 3px 1px;
border-bottom: 1px solid #ababab;
border-right: 1px dotted #ababab;
color: #000;
}
.table-xsmall td {
font-size: 10px;
text-align: center;
padding: 3px 1px;
}
.table-xsmall .fa {
font-size: 14px;
}
.tableGrid {
width: 100%;
border-collapse: collapse;
font-size: 1em;
table-layout: fixed;
}
.tableGrid th {
padding: 4px 5px;
font-size: 12px;
font-weight: 600;
}
.tableGrid td {
padding: 1px 5px;
border-bottom: 1px solid #ababab;
font-size: 14px;
}
.tableGrid tr:nth-child(odd) td {
background-color: #fbfbfb;
}
.tableGrid td em {
font-size: 12px;
font-style: normal;
}
.tableGrid td:nth-child(n+1) {
border-right: 1px dotted #ccc;
}
.tableGrid td:last-child {
border-right: none;
}
.tableGrid .hl td {
background: #eee !important;
}
/* side menu */
.side-menu {
position: fixed;
background: #fff;
width: 370px;
z-index: 6;
box-shadow: 4px 0 12px rgba(0, 0, 0, 0.2);
bottom: 0;
top: 0;
left: -370px;
max-width: 90%;
display: none;
}
.side-menu li a {
padding: 14px 14% 14px 3%;
display: block;
margin: -1px 0;
color: #545454;
font-weight: normal;
position: relative;
min-width: 200px;
text-decoration: none;
text-transform: uppercase;
}
.side-menu li li a {
padding: 7px 14% 7px 4%;
}
.side-menu li a:hover {
background: #eb6600; /* Old browsers */
background: -moz-linear-gradient(top, #eb6600 0%, #dd4e00 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eb6600), color-stop(100%,#dd4e00)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #eb6600 0%,#dd4e00 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #eb6600 0%,#dd4e00 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #eb6600 0%,#dd4e00 100%); /* IE10+ */
background: linear-gradient(to bottom, #eb6600 0%,#dd4e00 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb6600', endColorstr='#dd4e00',GradientType=0 ); /* IE6-9 */
color: #fff !important;
}
.side-menu li.active > a, .side-menu li.active .c a {
color: #eb6600; /* Old browsers */
font-weight: bold;
}
.side-menu-header {
background-color: #eb6600;
padding: 60px 30px 30px 60px;
color: #fff;
font-size: 130%;
}
.side-menu-header h4 {
font-size: 150%;
text-overflow: ellipsis;
overflow: hidden;
line-height: 120%;
}
.side-menu-header .close-side-menu {
background-color: #fff;
color: #eb6600;
border-radius: 50%;
width: 42px;
height: 42px;
line-height: 44px;
text-align: center;
display: block;
font-size: 120%;
padding-right: 3px;
position: absolute;
right: -12px;
top: 12px;
cursor: pointer;
}
.side-menu-content {
padding: 0 0 0 60px;
overflow: hidden;
}
.side-menu-content h3 {
color: #eb6600;
padding: 0 0 0 3%;
text-transform: uppercase;
font-weight: 600;
}
.side-menu-content ul {
list-style: none;
margin: 0;
padding: 0;
}
.side-menu-content ul ul {
margin: 0 0 10px 20px;
}
.side-menu-content > ul > li {
border-bottom: 1px solid #e8e5e1;
}
.side-menu-content > ul > li > a:after, .c a:after {
content:"\f105";
font-family: FontAwesome;
font-size: 140%;
font-weight: normal;
position: absolute;
right: 7%;
top: 50%;
margin-top: -6px;
color: #333;
line-height: 12px;
}
.c a:after {
content:"\f054";
color: #d85e00;
font-size: 110%;
}
.c a:hover:after {
color: #fff;
}
.side-menu li.active > a:after {
content:"\f107";
font-family: FontAwesome;
font-size: 140%;
font-weight: normal;
position: absolute;
right: 7%;
top: 50%;
margin-top: -6px;
line-height: 12px;
color: #d85e00;
}
.side-menu-content > ul > li > a:hover:after, .side-menu-content li.active > a:hover:after, .side-menu-content li.active > a:hover {
color: #fff;
}
.show-side-menu {
background: #eb6600; /* Old browsers */
background: -moz-linear-gradient(top, #eb6600 0%, #dd4e00 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eb6600), color-stop(100%,#dd4e00)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #eb6600 0%,#dd4e00 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #eb6600 0%,#dd4e00 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #eb6600 0%,#dd4e00 100%); /* IE10+ */
background: linear-gradient(to bottom, #eb6600 0%,#dd4e00 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb6600', endColorstr='#dd4e00',GradientType=0 ); /* IE6-9 */
color: #fff;
border-radius: 0;
width: 56px;
height: 40px;
line-height: 46px;
text-align: center;
display: block;
font-size: 100%;
position: fixed;
left: -14px;
top: 156px;
z-index: 4;
cursor: pointer;
display:none;
}
/*.show-side-menu:before {
width: 20px;
content: '';
position: fixed;
top: 0;
bottom: 0;
left: 50px;
cursor: default;
}*/
.menu-icon {
display: inline-block;
margin: 0 0 0 12px;
}
.line-icon {
display: block;
width: 22px;
height: 4px;
background: #fff;
margin-top: 3px;
}
.arrow-icon {
display: none;
font-size: 120%;
top: -4px;
position: relative;
}
/**/
/* gallery black */
.gallery-black {
padding: 40px 0 60px;
}
.gallery-black h2 {
border-bottom: 1px solid #ddd;
margin-bottom: 20px;
padding-bottom: 4px;
}
.final-tiles-gallery .tile {
border: 1px solid #eee;
background-color: transparent;
}
.final-tiles-gallery .hover {
background: none;
background: rgba(0, 0, 0, 0.2);
}
/**/
/* index */
.index-black-wrapper {
background: #000;
}
.eu-page .index-black-wrapper {
background: #fff;
}
.index-content-wrapper {
background: #fff;
z-index: 1;
position: relative;
/* padding-bottom: 60px; */
}
.index-section {
border-top: 1px solid #ccc;
padding: 40px 0;
margin: 20px 0;
}
.index-section:after {
content: '';
display: table;
clear: both;
}
.four-boxes .item {
float: left;
margin-left: 2.66%;
width: 23%;
}
.four-boxes .item a {
color: #000;
}
.four-boxes .item div.img {
overflow: hidden;
}
.four-boxes .item .img img {
width: 100%;
}
.four-boxes .item:first-child {
margin-left: 0;
}
.four-boxes .item h4 {
font-size: 100%;
line-height: normal;
padding: 0 10px;
}
.four-boxes .item h4:before {
content:"\f054";
font-family: FontAwesome;
font-size: 70%;
font-weight: bold;
color: #eb6600;
margin: 0 3px 0 -10px;
}
.index-warranty {
float: left;
margin-right: 5%;
width: 45%;
}
.warranty-badge {
width: 27%;
float: left;
margin: 0 6% 20px 0;
}
.index-social {
float: right;
text-align: right;
max-width: 30%;
margin-left: 5%;
}
.index-social ul {
list-style: none;
padding: 0;
}
.index-social li {
display: inline-block;
margin: 0 6px;
padding: 0 0 22px 6px;
border-left: 1px solid #ccc;
}
.index-social li a img {
height: 37px;
}
.iso-logos {
text-align: right;
margin: 20px 0;
float: right;
}
.index-press {
float: right;
text-align: right;
font-size: 110%;
display: inline-block;
margin: 11px 6px 0 6%;
padding: 0 0 12px 6px;
border-left: 1px solid #ccc;
line-height: 90%;
}
.index-press a {
color: #666;
}
.index-press a:hover {
color: #000;
}
.nine-slices {
z-index: 3;
position: relative;
}
.nine-slices .item {
width: 33.3%;
float: left;
position: relative;
}
.nine-slices .item a {
display: block;
padding: 6%;
text-decoration: none;
height: 100%;
word-wrap: break-word;
}
.nine-slices .item a:focus {
outline: none;
}
.nine-slices .item .item-hover a {
padding: 0;
}
.nine-slices .item .item-hover {
/* visibility: hidden; */
opacity: 0;
position: absolute;
}
.nine-slices .item img {
width: 100%;
}
.nine-slices .item:hover .item-hover {
opacity: 0 !important;
visibility: hidden !important;
}
.nine-slices.ver5 .item:hover .item-hover {
opacity: 1 !important;
visibility: visible !important;
}
.nine-slices .item.item-orange {
background: #eb6600;
color: #fff;
}
.nine-slices .item.item-orange a {
color: #fff;
}
.nine-slices .item.item-orange:hover {
background: #DF6100;
color: #fff;
}
.nine-slices .item.item-green {
background: #aebf10;
color: #fff;
}
.nine-slices .item.item-green a {
color: #fff;
}
.nine-slices .item.item-green:hover {
background: #889d06;
color: #fff;
}
.nine-slices .item.item-black {
background: #000;
color: #fff;
}
.nine-slices .item.item-black a {
color: #fff;
}
.nine-slices .item.item-black:hover {
background: #eb6600;
color: #fff;
}
.nine-slices .item.item-black:hover a {
color: #fff;
}
.nine-slices .item.item-gray {
background: #ccc;
color: #333;
}
.nine-slices .item.item-gray a {
color: #333;
}
.nine-slices .item.item-gray:hover {
background: #888;
color: #fff;
}
.nine-slices .item.item-gray:hover a {
color: #fff;
}
.nine-slices .item.item-white {
background: #fff;
color: #333;
}
.nine-slices .item.item-white a {
color: #333;
}
.nine-slices .item.item-white:hover {
background: #eee;
}
.nine-slices .item.item-white:hover a {
color: #333;
}
.item-header {
height: 50%;
display: block;
}
.item-header h3, h3.item-header {
margin: 0;
}
.item-header a {
padding: 15px 15px 0;
}
.item-content {
vertical-align: bottom;
height: 50%;
font-size: 96%;
line-height: 120%;
word-break: break-word;
}
.nine-slices .item-content a {
display: flex;
align-items: flex-end;
padding: 0 15px 15px;
}
.scroll-to-content {
position: absolute;
z-index: 2;
right: 0;
top: 30px;
font-size: 200%;
}
.quicklinks {
margin: 20px 0;
}
.quicklinks .item {
overflow: hidden;
-webkit-transform: translate3d(0,0,0);
margin-bottom: 4px;
position: relative;
}
.quicklinks .item div > * {
margin: 0;
}
.quicklinks .item a {
display: table-cell;
height: 145px;
text-decoration: none;
vertical-align: middle;
}
.quicklinks .item-orange {
background: #eb6600;
color: #fff;
}
.quicklinks .item-black {
background: #000;
color: #fff;
}
.quicklinks .item-white {
background: #fff;
color: #333;
box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
}
.quicklinks .item-white a {
color: #333;
}
.quicklinks .item-orange a, .quicklinks .item-black a {
color: #fff;
}
.quick-header {
width: 36%;
float: left;
position: relative;
}
.quick-header h2 {
font-size: 130%;
font-weight: 600;
letter-spacing: -0.02em;
}
.quick-header a {
padding: 26px 32px;
}
.quick-body {
width: 50%;
float: left;
position: relative;
}
.quick-body a {
padding: 26px 16px;
}
.quick-header:after, .quick-body:after {
content: '';
border-right: 1px solid #ddd;
height: 70%;
position: absolute;
z-index: 1;
top: 15%;
right: 0;
}
.quick-arrow {
width: 15%;
float: left;
position: absolute;
top: 0;
right: 0;
z-index: 3;
background: inherit;
}
.quicklinks .quick-arrow a, .quicklinks .quick-img a {
display: block;
}
.quick-arrow a:after {
content:"\f053";
font-family: FontAwesome;
font-size: 200%;
font-weight: normal;
position: absolute;
right: 40%;
top: 50%;
margin-top: -6px;
line-height: 12px;
cursor: pointer;
}
.quicklinks .item:hover .quick-arrow a:after {
right: 40%;
transition: right 0.3s;
}
.quicklinks .item .quick-arrow a:hover:after {
right: 60%;
}
.quick-img {
width: 47.3%;
position: absolute;
background-size: cover;
z-index: 0;
}
.moving-panel {
background: inherit;
z-index: 1;
position: relative;
right: -47.3%;
overflow: hidden;
height: 145px;
}
/**/
/* tables */
.table {
font-size: 96%;
width: 100%;
}
.table-striped {
border-collapse: separate;
border-spacing: 0 4px;
margin-top: 40px;
}
.table-striped.table-condensed {
border-collapse: collapse;
border-spacing: 0;
border-right: 1px solid #eee;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
font-size: 90%;
}
.table-responsive {
margin-top: 30px;
}
.table-responsive:first-child, h3 + .table-responsive, h4 + .table-responsive {
margin-top: 0;
}
fieldset .table-responsive {
margin-top: 10px;
}
.table-striped:first-child, h3 + .table-striped, h2 + .table-striped, h4 + .table-striped {
margin-top: 4px;
}
.table-striped td, .table-striped th {
text-align: center;
position: relative;
}
.table-left td, .table-left th {
text-align: left;
}
td.text-right, th.text-right {
text-align: right;
}
.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {
border-bottom: none;
border-top: none;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
padding: 8px 8px;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
.table > thead > tr > th, .table > tbody > tr > th {
color: #eb6600;
font-weight: 600;
background: #fff;
}
.table-condensed > thead > tr > th, .table-condensed > tbody > tr > th {
border-left: 1px solid #eee;
}
.table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th {
background: #FDFDFD;
border-bottom: 1px solid #ddd;
vertical-align: middle;
}
.table-condensed td, .table-condensed th {
padding: 3px 2px !important;
font-size: 90%;
}
.table-condensed td {
border-left: 1px solid #e5e5e5;
}
.table-striped.table-condensed > tbody > tr > th {
border-bottom: 1px solid #EDCBB4;
}
.table-striped > tbody + tbody {
border-top: 2px solid #ccc;
}
.table-striped > tbody:nth-of-type(even) > tr:first-child {
background-color: #fff;
}
.table-striped > tbody:nth-of-type(even) > tr:nth-of-type(even) {
background-color: #f9f9f9;
}
.table-striped > tbody:nth-of-type(even) > tr:nth-of-type(odd) {
background-color: #fff;
}
td.cell-hl {
background-color: #f6f6f6;
}
.table-striped > tbody > tr:nth-of-type(odd) td.cell-hl {
background-color: #eee;
}
.table-striped > tbody:nth-of-type(even) > tr:nth-of-type(even) td.cell-hl {
background-color: #eee;
}
.table-striped > tbody:nth-of-type(even) > tr:nth-of-type(odd) td.cell-hl {
background-color: #f6f6f6;
}
.table-responsive > .table-condensed > tbody > tr > th {
white-space: normal;
}
.table-form {
border-spacing: 0px 2px;
font-size: 13px;
transform: translate3d(0, 0, 0);
}
.table-form > tbody > tr > td {
padding: 2px;
vertical-align: middle;
}
.table-form > tbody > tr > td > input {
display: inline-block;
font-size: 12px;
height: 24px;
text-align: center;
}
.table-form > tbody > tr > td.featured {
background-color: #f6f6f6;
border-left: 2px solid #fff;
font-weight: bold;
}
.hl td {
background: #eb6600;
color: #fff;
}
.moglich, .o-moglich, .n-moglich {
text-align: center;
vertical-align: middle !important;
}
.moglich:after {
content: "\f111";
font-family: FontAwesome;
font-weight: normal;
margin: 0 4px;
}
.o-moglich:after {
content: "\f10c";
font-family: FontAwesome;
font-weight: normal;
margin: 0 4px;
}
.n-moglich:after {
content: "-";
font-weight: bold;
font-size: 200%;
line-height: 70%;
margin: 0 4px;
}
/**/
.basket-side-button {
position: fixed;
top: 123px;
right: -1px;
z-index: 10;
}
.basket-side-button a {
background: #000;
color: #fff;
width: 76px;
height: 42px;
line-height: 35px;
text-align: center;
display: block;
font-size: 100%;
position: fixed;
right: -6px;
/* top: 132px; */
z-index: 4;
box-shadow: 1px 1px 0 rgba(0,0,0,0.1);
cursor: pointer;
padding-right: 6px;
padding-top: 0;
}
.basket-side-button a img {
height: 26px;
margin: 2px 0 4px;
}
.basket-side-button a span {
display: inline-block;
margin-left: 6px;
margin-top: 4px;
}
.basket-side-button a:hover, .basket-side-button a:focus {
text-decoration: none;
background: #eb6600; /* Old browsers */
background: -moz-linear-gradient(top, #eb6600 0%, #dd4e00 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eb6600), color-stop(100%,#dd4e00)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #eb6600 0%,#dd4e00 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #eb6600 0%,#dd4e00 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #eb6600 0%,#dd4e00 100%); /* IE10+ */
background: linear-gradient(to bottom, #eb6600 0%,#dd4e00 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb6600', endColorstr='#dd4e00',GradientType=0 ); /* IE6-9 */
}
.download-thumb {
float: left;
width: 140px;
text-align: center;
overflow: hidden;
border: 1px solid #d5d5d5;
position: relative;
}
.download-thumb.no-border {
border: none;
}
.download-thumb img {
float: right;
max-width: none;
}
.download-thumb.no-border img {
border: none;
float: none;
}
.download-box-alt .download-thumb {
width: auto;
margin-bottom: 20px;
}
.download-box-alt .download-thumb img {
float: none ;
max-width: 100%;
}
.press-files .download-box {
height: auto;
}
.press-files .download-thumb {
width: 100%;
border-color: #eee;
}
.press-files .download-thumb img {
max-width: 100%;
float: none;
max-height: 200px;
}
.press-files .download-box h3 {
height: auto;
overflow: visible;
padding: 0;
display: block;
}
.press-files > .row > [class*="col-"]:nth-child(2n+1) {
clear: left;
}
.download-box {
margin-bottom: 50px;
padding-top: 1px;
padding-bottom: 10px;
min-height: 330px;
}
.download-box h3 {
margin-top: 5px;
}
.download-box.file-added-to-basket {
background: #fafafa;
border-color: #333;
}
.printable {
font-size: 70%;
color: #fff;
background: #333 url(../img/download-sprite.png) no-repeat 2px -200px;
padding: 2px 6px 2px 28px;
margin: 0 -4px;
overflow: auto;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
display: inline-block;
}
.download-basket .printable {
display: inline-block;
}
.download-size {
margin: 10px 0;
}
.download-actions a {
margin-bottom: 5px;
display: inline-block;
width: 96%;
color: #666;
text-decoration: none;
font-size: 80%;
line-height: 100%;
background: url(../img/download-sprite.png) no-repeat 0 100px;
padding-left: 30px;
min-height: 30px;
}
.download-actions a:hover {
color: #000;
}
.download-actions span {
display: table-cell;
height: 30px;
vertical-align: middle;
}
.download-actions .download-now {
background-position: 0 0;
}
.download-actions .view-in-browser {
background-position: 0 -46px;
}
.download-actions .add-file-to-basket {
background-position: 0 -100px;
}
.download-actions .remove-file-from-basket {
background-position: 3px -147px;
padding: 3px 4px 4px 33px;
border-radius: 4px;
margin: -4px -4px 4px;
background-color: #fff;
border: 1px solid #ddd;
box-shadow: inset 0 2px 5px #eee;
}
.group-title {
border-bottom: 1px solid #EB6600;
padding-bottom: 4px;
margin-bottom: 40px;
color: #EB6600;
}
.listing-products {
font-size: 86%;
}
.listing-products .row > h2, .row > .group-title, .listing-files > .group-title {
float: left;
position: relative;
margin-left: 15px;
margin-right: 15px;
width: 100%;
border-bottom: 1px solid #EB6600;
padding-bottom: 4px;
margin-bottom: 40px;
}
.download-basket fieldset {
margin: 15px 0 0;
padding: 10px 25px;
border: 2px solid #eee;
border-radius: 3px;
background-color: #ffffff;
}
.download-basket legend {
background: #fff;
}
.download-basket .download-link, .download-basket .basket-link {
margin-left: 0;
display: inline;
}
.basket-header {
margin: -10px 5px;
width: 25px;
}
.order-basket legend {
padding-bottom: 4px;
}
.download-item {
margin: 3px 2px;
clear: left;
margin: 5px 0 5px;
padding: 10px 0 0;
border-top: 1px solid #ddd;
}
.download-item:first-child {
border-top: none;
}
.download-item .title {
padding: 5px 0 5px;
font-weight: bold;
}
.download-item .tile-thumb {
height: 70px;
width: 50px;
margin: 2px 28px 6px 0;
float: left;
}
.download-item .size {
width: 25%;
float: left;
margin-bottom: 0;
}
.download-item .download-link {
float: right;
margin-right: 5%;
}
.download-item .remove {
float: right;
font-size: 120%;
margin-top: -3px;
}
.basket-actions {
border-top: 1px solid #ddd;
padding-top: 4px;
}
#clipboard-download-form + .download-box, #clipboard-download-form + .download-box + .download-box {
border-top: none;
margin-top: 20px;
}
.download-basket .info-empty {
padding: 15px 0px 15px 0px;
}
.basket-link:after {
content:"\F00D ";
font-family: "FontAwesome";
font-size: 16px;
line-height: 16px;
color: #eb6600;
margin-left: 5px;
}
.download-item .download-link:before {
content:"\f019 ";
font-family: "FontAwesome";
font-size: 16px;
line-height: 16px;
color: #eb6600;
margin-right: 5px;
}
.download-link:hover, .remove:hover, .download-link:hover:before, .remove:hover:after {
text-decoration: none;
color: #000;
}
.print-version {
float: right;
display: inline-block;
background: #333 url(../img/Book-Add-32.png) no-repeat center;
background-size: 70% auto;
border-radius: 4px;
width: 30px;
height: 30px;
margin-right: 5%;
}
.doc-list {
list-style: none;
}
.doc-list li {
margin-bottom: 8px;
}
.doc-list li a {
color: #333;
}
.doc-list li a:before {
content: "\f016";
font-family: FontAwesome;
font-size: 110%;
font-weight: normal;
margin-left: -24px;
color: #333;
text-decoration: none;
display: inline-block;
position: absolute;
margin-top: -4px;
}
.doc-list li > a:hover:before {
text-decoration: none;
}
.doc-list li.doc-list-pdf a:before {
content: "\f1c1";
}
.doc-list li.doc-list-xls a:before {
content: "\f1c3";
}
.doc-list li.doc-list-zip a:before {
content: "\f1c6";
}
/* product listing */
.description {
}
.context-nav {
border-left: 2px solid #eb6600;
margin: 0 0 40px 0;
padding: 2px 0 10px 30px;
}
.context-nav ul {
list-style: none;
padding-left: 0;
}
.context-nav li {
padding-left: 20px;
}
.context-nav li:before {
content:"\f101";
font-family: FontAwesome;
font-size: 140%;
font-weight: normal;
position: absolute;
margin: -5px 0 0 -20px;
}
/* content page */
.photo-right {
margin: 0 0 20px 0;
max-width: 37%;
clear: both;
}
.photo-right img {
}
.photo-right p {
margin-bottom: 4px;
}
.issue-links {
margin: 10px 0 40px;
font-weight: 600;
}
.issue-links a {
margin-left: 10px;
}
.issue-links a:hover {
text-decoration: none;
}
.issue-links i {
font-size: 150%;
}
.technology {
margin: 60px 0;
}
.technology > div {
margin-bottom: 70px;
margin-top: 70px;
}
.technology h2 {
font-size: 220%;
text-transform: uppercase;
}
.technology strong {
font-weight: bold;
}
.number-label {
background: #aaa;
color: #fff;
padding: 2px 6px;
position: absolute;
z-index: 2;
border-radius: 2px;
right: 50%;
bottom: 0;
font-weight: 600;
font-size: 130%;
min-width: 34px;
text-align: center;
border: 2px solid #fff;
}
a:hover .number-label {
background: #f66900;
}
.table-col-50, .table-col-33-66, .table-col-33-66 {
border-collapse: collapse;
width: 100%;
table-layout: fixed;
}
.table-col-50 > tr > td, .table-col-50 > tbody > tr > td {
width: 50%;
border: none;
padding: 2% 6%;
vertical-align: top;
}
.table-col-33-66 > tr > td, .table-col-33-66 > tbody > tr > td {
width: 66%;
border: none;
padding: 2% 6%;
vertical-align: top;
}
.table-col-33-66 > tr > td:first-child, .table-col-33-66 > tbody > tr > td:first-child {
width: 33%;
}
.table-col-66-33 > tr > td, .table-col-66-33 > tbody > tr > td {
width: 33%;
border: none;
padding: 2% 6%;
vertical-align: top;
}
.table-col-66-33 > tr > td:first-child, .table-col-66-33 > tbody > tr > td:first-child {
width: 66%;
}
small {
font-size: 76%;
}
label.small {
font-size: 13px;
line-height: 1.2;
padding-top: 3px !important;
}
.has-error .form-control {
border-color: #DF0400;
}
.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {
color: #DF0400;
}
.has-success .form-control {
border-color: #007B02;
}
.has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label {
color: #007B02;
}
.alert-between-small {
padding: 5px 15px 5px 15px ;
margin-bottom: 0px;
border: 1px solid transparent;
border-radius: 4px;
margin-top: 20px;
}
.modal .btn {
white-space: normal;
}
.ul-angle {
list-style: none;
margin: 10px 0 40px;
padding-left: 10px;
font-size: 120%;
font-weight: 600;
}
.ul-angle li:before {
content:"\f105";
font-family: FontAwesome;
font-weight: bold;
color: #eb6600;
margin: 0 10px 0 -10px;
}
.faq li {
margin-bottom: 10px;
}
.text-box {
border-top: 1px solid #ddd;
padding-top: 30px;
}
.zoom_button, .submit {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: normal;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
color: #ffffff;
background-color: #eb6600;
border-color: #eb6600;
}
.zoom_searchbox, .zoom_results_per_page select {
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
display: inline-block;
width: auto;
vertical-align: middle;
}
.zoom_searchform {
font-size: 120%;
}
.zoom_match {
font-size: 80%;
}
.zoom_match input[type="radio"] {
margin: 0 4px 0 20px;
}
.searchheading {
font-size: 160%;
margin: 30px 0 10px;
}
.result_pagescount {
margin-bottom: 20px;
color: #999;
}
.result_block, .result_altblock {
margin-bottom: 30px;
}
.results .infoline {
font-size: 80%;
color: #aaa;
}
.results .context {
font-size: 90%;
}
.result_pages {
font-size: 86%;
}
.result_pages a {
display: inline-block;
padding: 2px 4px;
border-radius: 4px;
background: #fff;
border: 1px solid #ddd;
color: #666;
min-width: 26px;
text-align: center;
}
.result_pages a:hover {
background: #fafafa;
border: 1px solid #ccc;
color: #222;
text-decoration: none;
}
.zoom_results_per_page {
margin-left: 20px;
}
.filterRow .field {
float: left;
}
.filter fieldset {
padding: 10px 20px;
background: #fafafa;
}
#errors {
color: #DF0400;
padding: 10px 20px;
}
.new {
font-size: 11px;
color: #fff;
background: #eb6600;
padding: 3px 4px;
display: inline-block;
position: absolute;
right: 1%;
margin-top: -20px;
border-radius: 2px;
box-shadow: 0 0 8px 2px rgba(255, 255, 255, 0.7);
}
.mega-menu .new {
top: 30px;
right: 10px;
}
.new-products .row + h2 {
margin-top: 80px;
}
.more {
text-align: right;
}
.more a {
text-decoration: none;
}
.more a:after {
content:"\f105";
font-family: FontAwesome;
color: #eb6600;
margin: 0 0 0 10px;
}
.group-title .more {
font-size: 70%;
float: right;
}
.list-inline-border {
margin-left: 0;
}
.list-inline-border li {
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
padding: 0 18px;
margin: 0 -5px 11px 0;
}
.quicklinks-txt {
text-align: center;
font-size: 108%;
font-weight: 600;
padding: 0 5%;
margin-bottom: -30px;
}
.quicklinks-txt a {
color: #333;
}
.quicklinks-txt .list-inline-border {
margin-bottom: 0;
}
.aussendist-table ~ table {
margin-bottom: 30px !important;
width: auto;
}
.aussendist-table ~ table td {
background: transparent !important;
font-size: inherit !important;
}
.aussendist-table ~ table > tbody > tr > td {
padding: 2px 10px !important;
}
.aussendist-table ~ table td img {
border-color: transparent !important;
}
/* download-box alternative */
.download-box-alt {
border-left: 1px solid #ddd;
padding-left: 26px;
padding-right: 4px;
margin: 20px 0 40px;
}
.download-box-alt h3 {
font-size: 125%;
color: #333;
margin: 0 0 20px;
}
.download-box-alt .description {
font-size: 96%;
}
.download-box-alt .pdf:before {
font-family: FontAwesome;
font-weight: normal;
margin: 0 10px 0 -28px;
color: #004563;
position: relative;
font-size: 120%;
content: "\f1c1";
padding-left: 28px;
}
.listing-download-alt [class*="col-"]:nth-child(2n+1) {
clear: left;
}
/* form Dobor Gratis */
.tbl-form-1 {
margin-bottom: 40px;
}
.tbl-form-1 td {
padding: 5px;
}
.tbl-form-1 input[type=text], .tbl-form-1 select, .tbl-form-1 textarea {
display: block;
width: 100% !important;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
border: 1px solid #ccc;
border-radius: 4px;
}
.tbl-form-1 textarea {
height: auto;
}
.tbl-form-1 label {
font-weight: normal;
}
form p.error {
padding: 20px;
margin: 40px 0;
}
/* thumb-box */
.thumb-row:after {
content: '';
clear: both;
display: table;
}
.thumb-box-module {
border-top: 1px solid #ddd;
padding-top: 38px;
margin: 10px 0 10px;
}
.thumb-box-module:after {
content: '';
clear: both;
display: table;
}
.thumb-box-img {
float: left;
width: 28%;
}
.thumb-box-name {
font-size: 180%;
color: #333;
margin: 0 0 20px 34%;
font-weight: 600;
}
.thumb-box-desc {
font-size: 96%;
margin: 0 0 5px 34%;
}
/* UFH DE temporary styling */
.products {
border-bottom: 1px solid #ddd;
margin: 40px 0;
}
.products:after {
content:'';
display: table;
clear: both;
}
.products .box-1 {
float: left;
width: 48%;
margin-right: 2%;
clear: left;
}
.products .box-2 {
float: left;
width: 48%;
margin-left: 2%;
}
.products .photo {
float: left;
padding-right: 4%;
width: 32%;
}
.products .photo a {
display: block;
width: 150px;
}
.products .photo img {
width: auto !important;
height: auto
}
.products .desc {
float: left;
width: 68%;
}
.products .desc h2 {
margin-top: 0 !important;
}
/* */
/* professionals */
#profi {
padding: 20px 20px 20px 60px;
margin: 60px 0;
background: #fafafa;
box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
}
#profi .header {
font-weight: 300;
font-size: 180%;
margin: 20px 0;
}
#profi-nav ul {
list-style: none;
padding: 0;
margin: 20px 0;
}
#profi-nav li {
border-bottom: 1px solid #aaa;
}
.profi-label {
display: inline-block;
width: 30%;
font-weight: 600;
font-size: 110%;
}
/* video */
#filmContainer {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
margin-bottom: 30px;
}
#filmContainer iframe,
#filmContainer object,
#filmContainer embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.listing-videos .view-thumb h4 + p {
max-height: 48px;
overflow: hidden;
}
.listing-videos .view-thumb h4 + p + p {
display: none;
}
/* sitemap */
.listing-sitemap ul {
list-style: none;
position: relative;
}
.listing-sitemap li {
border-left: 2px solid #f3f3f3;
position: relative;
}
.listing-sitemap li > a:before {
content:"\f178";
font-family: FontAwesome;
font-size: 140%;
font-weight: normal;
color: #ccc;
margin-right: 5px;
}
.listing-sitemap li a:hover {
text-decoration: none;
}
.listing-sitemap li:after {
content: '';
border-left: 2px solid #ccc;
position: absolute;
left: -2px;
height: 32px;
top: 0;
}
.listing-sitemap li:last-child:after {
content: '';
border-left: 2px solid #ccc;
position: absolute;
height: 17px;
}
#postcodesearchform {
min-height: 230px;
}
/**/
.color-table {
font-size: 90%;
}
.color-swatch {
width: 100px;
height: 30px;
margin: 1px 10px 1px 0;
overflow: hidden;
}
.ral_1013 {
background-color: rgb(255,245,227)
}
.ral_1023 {
background-color: rgb(252,184,033)
}
.ral_3003 {
background-color: rgb(138,018,020)
}
.ral_5002 {
background-color: rgb(0,15,117)
}
.ral_5022 {
background-color: rgb(0,8,79)
}
.ral_7035 {
background-color: rgb(212,217,219)
}
.ral_9001 {
background-color: rgb(255,252,240)
}
.ral_9002 {
background-color: rgb(240,237,230)
}
.ral_9005 {
background-color: rgb(3,5,010)
}
.ral_9006 {
background-color: rgb(166,171,181)
}
.ral_9007 {
background-color: rgb(125,122,120)
}
.ral_9010 {
background-color: rgb(250,255,255)
}
.color-agais {
background-color: rgb(215,227,221)
}
.color-bahamabeige {
background-color: rgb(226,217,192)
}
.color-calypso {
background-color: rgb(123,184,155)
}
.color-edelweiss {
background-color: rgb(253,254,255)
}
.color-jasmin {
background-color: rgb(254,245,233)
}
.color-manhattan {
background-color: rgb(210,209,203)
}
.color-natura {
background-color: rgb(240,228,195)
}
.color-pergamon {
background-color: rgb(231,231,220)
}
.icons-container:after {
content: '';
display: table;
clear: both;
}
.icons-box {
background: url(../img/icon-path.png) no-repeat 18px bottom;
padding-bottom: 20px;
min-height: 122px;
margin-bottom: 45px;
position: relative;
overflow: hidden;
margin: 1% 2% 40px 2%;
}
.icons-box:nth-child(2n+1) {
clear: left;
}
.icons-box img {
float: left;
width: 50px;
}
.icons-box h4 {
text-transform: uppercase;
}
.icons-desc {
text-align: left;
margin-left: 70px;
font-size: 96%;
}
.icons-desc p {
text-align: left;
margin: 0 20% 0 0;
}
/* radio awesome */
.radio-awesome {
padding-left: 30px;
margin-bottom: 30px;
}
.radio-awesome label {
display: inline-block;
position: relative;
padding-left: 10px;
}
.radio-awesome label::before {
content: "";
display: inline-block;
position: absolute;
width: 27px;
height: 27px;
left: 0;
top: -3px;
margin-left: -26px;
border: 1px solid #cccccc;
border-radius: 50%;
background-color: #fff;
-webkit-transition: border 0.15s ease-in-out;
-o-transition: border 0.15s ease-in-out;
transition: border 0.15s ease-in-out;
}
.radio-awesome label::after {
display: inline-block;
position: absolute;
content: " ";
width: 17px;
height: 17px;
left: 4px;
top: 2px;
margin-left: -25px;
border-radius: 50%;
background-color: #eb6600;
-webkit-transform: scale(0, 0);
-ms-transform: scale(0, 0);
-o-transform: scale(0, 0);
transform: scale(0, 0);
-webkit-transition:
-webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
-moz-transition:
-moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
-o-transition:
-o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}
.radio-awesome input[type="radio"] {
opacity: 0;
}
/*.radio-awesome input[type="radio"]:focus + label::before {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}*/
.radio-awesome input[type="radio"]:checked + label::after {
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
}
.radio-awesome input[type="radio"]:disabled + label {
opacity: 0.65;
}
.radio-awesome input[type="radio"]:disabled + label::before {
cursor: not-allowed;
}
.radio-awesome.radio-inline {
margin-top: 0;
}
.radio-primary input[type="radio"] + label::after {
background-color: #428bca;
}
.radio-primary input[type="radio"]:checked + label::before {
border-color: #428bca;
}
.radio-primary input[type="radio"]:checked + label::after {
background-color: #428bca;
}
.radio-danger input[type="radio"] + label::after {
background-color: #d9534f;
}
.radio-danger input[type="radio"]:checked + label::before {
border-color: #d9534f;
}
.radio-danger input[type="radio"]:checked + label::after {
background-color: #d9534f;
}
.radio-info input[type="radio"] + label::after {
background-color: #5bc0de;
}
.radio-info input[type="radio"]:checked + label::before {
border-color: #5bc0de;
}
.radio-info input[type="radio"]:checked + label::after {
background-color: #5bc0de;
}
.radio-warning input[type="radio"] + label::after {
background-color: #f0ad4e;
}
.radio-warning input[type="radio"]:checked + label::before {
border-color: #f0ad4e;
}
.radio-warning input[type="radio"]:checked + label::after {
background-color: #f0ad4e;
}
.radio-success input[type="radio"] + label::after {
background-color: #5cb85c;
}
.radio-success input[type="radio"]:checked + label::before {
border-color: #5cb85c;
}
.radio-success input[type="radio"]:checked + label::after {
background-color: #5cb85c;
}
/**/
/* proximity search */
.filter {
margin: 40px 0;
}
.filterTitle {
font-size: 140%;
font-weight: 600;
}
.dealerInfo {
border: 1px solid #EB6600;
padding: 1% 3%;
}
.tableDealers {
}
.tableDealers tr {
cursor: pointer;
}
.gMap img {
max-width: none !important;
}
/* feenstra */
.logo-link {
display: inline-block;
margin: 20px 5px 15px;
}
.radson-logo, .purmo-logo {
max-height: 40px;
}
.feenstra-logo, .partner-logo {
max-height: 56px;
}
.facq-logo {
width: 100px;
}
.facq-logo-link {
margin: -20px 20px 20px;
display: inline-block;
}
.logo-section {
padding: 0;
border-bottom: 1px solid #ddd;
background-color: #fff;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}
@media screen and (min-width: 900px) {
.logo-section {
position: fixed;
left: 0;
right: 0;
top: 0;
height: 74px;
z-index: 100;
}
}
.logo-section hr {
border-color: #8c8c8c;
margin-top: 32px;
}
.container-title {
margin-bottom: 40px;
}
.container-title hr {
border-color: #c5c5c5;
}
/* */
#page-w #wrapper {
padding: 20px;
}
#page-w #header-logo img, #page-w #footer img {
position: static !important;
}
#page-w #header-logo {
border-bottom: 1px solid #aaa;
padding-bottom: 20px;
}
#page-w input[type='text'], #page-w select {
margin: 0 0 4px 10px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
height: auto;
}
#page-w .submit {
width: 76px;
background: #eb6600;
border: none;
margin: 0 0 4px 10px;
padding: 6px 12px;
border: 1px solid #eb6600;
border-radius: 4px;
color: #fff;
cursor: pointer;
}
#page-w .c a:after {
content: none;
}
#page-w #f-nav {
position: absolute;
right: 30px;
top: 20px;
}
#page-w #f-nav ul {
list-style: none;
}
#cookies-policy {
overflow: hidden;
position: fixed;
z-index: 10;
right: 0;
left: 0;
bottom: 0;
background: #fbfcd2;
padding: 10px 0;
font-size: 90%;
}
#cookies-policy .close {
position: absolute;
right: 10px;
top: 5px;
font-size: 30px;
text-decoration: none;
opacity: 1;
}
#cookies-policy .close a {
color: #666;
text-decoration: none;
}
#cookies-policy .padding {
max-width: 90%;
margin: 0 auto;
}
@media (min-width: 768px) {
#cookies-policy .padding {
width: 750px;
}
}
@media (min-width: 992px) {
#cookies-policy .padding {
width: 970px;
}
}
@media (min-width: 1200px) {
#cookies-policy .padding {
width: 1170px;
}
}
@media (max-width: 991px) {
#cookies-policy .padding {
margin-top: 20px;
}
}
/* news */
.articles {
font-size: 115%;
padding: 20px 0 0;
}
.col-text .articles {
font-size: 100%;
}
.articles .news {
list-style: none;
margin-bottom: 30px;
border-bottom: 1px solid #ddd;
padding-bottom: 5px;
}
.articles .more {
font-size: 90%;
font-weight: 600;
}
.date {
font-size: 13px;
display: block;
margin: 10px 0 20px;
color: #666;
font-weight: normal;
}
.articles h3 {
font-size: 120%;
font-weight: 600;
}
a.go-back, .go-back > a, a.more, .more > a {
padding: 5px 15px 3px 0;
position: relative;
text-decoration: none;
}
a.go-back:before, .go-back > a:before, a.more:after, .more > a:after {
content: "\f104";
font-family: FontAwesome;
font-size: 140%;
font-weight: normal;
margin-right: 10px;
position: relative;
bottom: -1px;
display: inline-block;
text-decoration: underline;
}
a.go-back:hover, .go-back > a:hover, a.more:hover, .more > a:hover {
text-decoration: underline;
}
a.go-back:before, a.go-back:hover:before, .go-back > a:before, .go-back > a:hover:before, a.more:before, a.more:hover:before, .more > a:after, .more > a:hover:after {
text-decoration:none;
}
a.more:after, .more > a:after {
content: "\f105";
bottom: -1px;
}
.inline-gallery {
margin: 30px 0;
}
.inline-gallery-box {
display: inline-block;
margin: 1%;
}
.cntSeparator {
margin-top: 28px;
}
/**/
#regions ul {
padding: 0;
margin: 0;
}
#regions li {
float: left;
width: 49%;
font-size: 14px;
border: 1px solid #eee;
position: relative;
margin: 0 1% 1% 0;
list-style: none;
vertical-align: top;
cursor: pointer;
}
#regions .selected {
border: 1px solid #eb6600;
background-color: #eb6600;
color: #fff;
}
#regions img {
max-height: 80px;
max-width: none;
float: left;
display: block;
margin-right: 10px;
}
#regions .region {
float: right;
font-size: 23px;
text-align: center;
font-weight: 600;
list-style: none;
color: #aaa;
line-height: 100%;
padding: 0 10px;
margin-top: 5px;
}
#regions .name {
display: block;
/* clear: right; */
margin-top: 10px;
font-weight: 600;
position: relative;
}
#regions .tel {
display: block;
position: relative;
}
#regions .email {
font-size: 12px;
word-break: break-all;
display: block;
position: relative;
padding: 0;
}
#regions .email a {
color: inherit;
}
#regions .selected .region {
color: #fff;
font-weight: bold;
}
.region-bg {
display: block;
width: 100%;
height: 100%;
position: absolute;
z-index: 0;
}
.koordynator {
line-height: 120%;
margin: 20px 0;
}
.koordynator img {
width: 55px;
float: left;
margin: -4px 10px 0 0;
}
.region-no {
display: block;
position: absolute;
font-size: 30px;
font-weight: bold;
color: #000;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
z-index: 0;
}
.region-no.selected {
color: #fff;
z-index: 11;
}
.pl-1 {
left: 11%;
top: 24%;
}
.pl-2 {
left: 53%;
top: 11%;
}
.pl-3 {
left: 77%;
top: 25%;
}
.pl-4 {
left: 27%;
top: 65%;
}
.pl-5 {
left: 56%;
top: 55%;
}
.pl-6 {
left: 50%;
top: 77%;
}
.pl-7 {
left: 84%;
top: 68%;
}
.pl-8 {
left: 67%;
top: 39%;
}
.pl-9 {
left: 34%;
top: 41%;
}
.pl-10 {
left: 46%;
top: 27%;
}
.popover a {
word-break: break-all;
}
.waves {
margin: 12px 24px 12px 0;
}
.waves:after {
content: url(../img/hr-waves.png);
position: absolute;
right: 10px;
margin-top: -22px;
}
.region-note {
position: absolute;
width: 210px;
font-size: 90%;
z-index: 2;
}
.region-note h3 {
background-color: #F7F7F7;
display: inline-block;
padding: 8px 8px;
font-size: 20px;
font-weight: bold;
border: 1px solid #ddd;
text-transform: uppercase;
box-shadow: 2px 2px 4px #eee;
margin-top: 0;
}
.map-container {
position: relative;
}
.map-wrapper {
max-width: 80%;
margin: 20px auto;
}
.map-wrapper > div:first-child {
z-index: 1;
}
.col-xs-6 .map-wrapper {
max-width: 100%;
}
#regions .email:before {
content: none;
}
.map-wrapper ~ ul li {
list-style: none;
}
.map-wrapper ~ ul li a {
color: #333;
}
.map-wrapper ~ ul li:before {
content:"\f041";
font-family: FontAwesome;
font-weight: normal;
color: #eb6600;
font-style: normal;
margin-left: -16px;
padding-right: 9px;
}
.region-1-note {
top: 39%;
left: 2%;
}
.region-2-note {
top: 0;
right: 0;
}
.region-3-note {
top: 39%;
right: 0;
}
.list-1 {
margin-bottom: 60px;
}
.list-1 h2 {
color: #eb6600;
font-weight: 600;
}
.list-1-item {
border-top: 1px solid #ddd;
}
/* color pallete */
.color-palette {
}
.color-palette .item {
float: left;
width: 28%;
margin-right: 5%;
margin-bottom: 3px;
border-bottom: 1px solid #ddd;
position: relative;
}
.color-shade {
width: 50%;
height: 44px;
float: left;
margin-right: 5%;
border-bottom: 3px solid #fff;
}
.color-name {
font-size: 80%;
line-height: 110%;
padding-top: 8px;
}
.color-name strong {
font-size: 110%;
font-weight: 600;
display: block;
}
.standard-color {
position: absolute;
font-size: 11px;
top: 1px;
left: 4px;
}
.eu-ral-colours .color-palette, .eu-metallic-colours .color-palette {
margin: 40px 8%;
}
.eu-ral-colours .color-palette .item {
width: 20%;
margin: 0;
margin-bottom: 20px;
border-bottom: none;
text-align: center;
}
.eu-ral-colours .color-palette .color-shade {
width: 140px;
height: 140px;
background-color: #eee;
border: 12px solid #fff;
box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
margin: 5px auto;
position: relative;
float: none;
}
.eu-ral-colours .standard-color {
top: 15px;
left: 40px;
}
.eu-ral-colours .color-name, .eu-metallic-colours .color-name {
font-size: 90%;
line-height: 120%;
min-height: 55px;
}
.eu-metallic-colours .color-palette .item {
width: 30%;
margin: 0 1.5%;
margin-bottom: 80px;
border-bottom: none;
text-align: center;
background-repeat: no-repeat;
background-position: top center;
box-shadow: 0 5px 16px rgba(0, 0, 0, 0.2);
}
.eu-metallic-colours .dark.item {
color: #fff;
}
.eu-metallic-colours .color-palette .item:before {
content: '';
width: 24px;
height: 32px;
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAfCAYAAAD9cg1AAAAKQ2lDQ1BJQ0MgcHJvZmlsZQAAeNqdU3dYk/cWPt/3ZQ9WQtjwsZdsgQAiI6wIyBBZohCSAGGEEBJAxYWIClYUFRGcSFXEgtUKSJ2I4qAouGdBiohai1VcOO4f3Ke1fXrv7e371/u855zn/M55zw+AERImkeaiagA5UoU8Otgfj09IxMm9gAIVSOAEIBDmy8JnBcUAAPADeXh+dLA//AGvbwACAHDVLiQSx+H/g7pQJlcAIJEA4CIS5wsBkFIAyC5UyBQAyBgAsFOzZAoAlAAAbHl8QiIAqg0A7PRJPgUA2KmT3BcA2KIcqQgAjQEAmShHJAJAuwBgVYFSLALAwgCgrEAiLgTArgGAWbYyRwKAvQUAdo5YkA9AYACAmUIszAAgOAIAQx4TzQMgTAOgMNK/4KlfcIW4SAEAwMuVzZdL0jMUuJXQGnfy8ODiIeLCbLFCYRcpEGYJ5CKcl5sjE0jnA0zODAAAGvnRwf44P5Dn5uTh5mbnbO/0xaL+a/BvIj4h8d/+vIwCBAAQTs/v2l/l5dYDcMcBsHW/a6lbANpWAGjf+V0z2wmgWgrQevmLeTj8QB6eoVDIPB0cCgsL7SViob0w44s+/zPhb+CLfvb8QB7+23rwAHGaQJmtwKOD/XFhbnauUo7nywRCMW735yP+x4V//Y4p0eI0sVwsFYrxWIm4UCJNx3m5UpFEIcmV4hLpfzLxH5b9CZN3DQCshk/ATrYHtctswH7uAQKLDljSdgBAfvMtjBoLkQAQZzQyefcAAJO/+Y9AKwEAzZek4wAAvOgYXKiUF0zGCAAARKCBKrBBBwzBFKzADpzBHbzAFwJhBkRADCTAPBBCBuSAHAqhGJZBGVTAOtgEtbADGqARmuEQtMExOA3n4BJcgetwFwZgGJ7CGLyGCQRByAgTYSE6iBFijtgizggXmY4EImFINJKApCDpiBRRIsXIcqQCqUJqkV1II/ItchQ5jVxA+pDbyCAyivyKvEcxlIGyUQPUAnVAuagfGorGoHPRdDQPXYCWomvRGrQePYC2oqfRS+h1dAB9io5jgNExDmaM2WFcjIdFYIlYGibHFmPlWDVWjzVjHVg3dhUbwJ5h7wgkAouAE+wIXoQQwmyCkJBHWExYQ6gl7CO0EroIVwmDhDHCJyKTqE+0JXoS+cR4YjqxkFhGrCbuIR4hniVeJw4TX5NIJA7JkuROCiElkDJJC0lrSNtILaRTpD7SEGmcTCbrkG3J3uQIsoCsIJeRt5APkE+S+8nD5LcUOsWI4kwJoiRSpJQSSjVlP+UEpZ8yQpmgqlHNqZ7UCKqIOp9aSW2gdlAvU4epEzR1miXNmxZDy6Qto9XQmmlnafdoL+l0ugndgx5Fl9CX0mvoB+nn6YP0dwwNhg2Dx0hiKBlrGXsZpxi3GS+ZTKYF05eZyFQw1zIbmWeYD5hvVVgq9ip8FZHKEpU6lVaVfpXnqlRVc1U/1XmqC1SrVQ+rXlZ9pkZVs1DjqQnUFqvVqR1Vu6k2rs5Sd1KPUM9RX6O+X/2C+mMNsoaFRqCGSKNUY7fGGY0hFsYyZfFYQtZyVgPrLGuYTWJbsvnsTHYF+xt2L3tMU0NzqmasZpFmneZxzQEOxrHg8DnZnErOIc4NznstAy0/LbHWaq1mrX6tN9p62r7aYu1y7Rbt69rvdXCdQJ0snfU6bTr3dQm6NrpRuoW623XP6j7TY+t56Qn1yvUO6d3RR/Vt9KP1F+rv1u/RHzcwNAg2kBlsMThj8MyQY+hrmGm40fCE4agRy2i6kcRoo9FJoye4Ju6HZ+M1eBc+ZqxvHGKsNN5l3Gs8YWJpMtukxKTF5L4pzZRrmma60bTTdMzMyCzcrNisyeyOOdWca55hvtm82/yNhaVFnMVKizaLx5balnzLBZZNlvesmFY+VnlW9VbXrEnWXOss623WV2xQG1ebDJs6m8u2qK2brcR2m23fFOIUjynSKfVTbtox7PzsCuya7AbtOfZh9iX2bfbPHcwcEh3WO3Q7fHJ0dcx2bHC866ThNMOpxKnD6VdnG2ehc53zNRemS5DLEpd2lxdTbaeKp26fesuV5RruutK10/Wjm7ub3K3ZbdTdzD3Ffav7TS6bG8ldwz3vQfTw91jicczjnaebp8LzkOcvXnZeWV77vR5Ps5wmntYwbcjbxFvgvct7YDo+PWX6zukDPsY+Ap96n4e+pr4i3z2+I37Wfpl+B/ye+zv6y/2P+L/hefIW8U4FYAHBAeUBvYEagbMDawMfBJkEpQc1BY0FuwYvDD4VQgwJDVkfcpNvwBfyG/ljM9xnLJrRFcoInRVaG/owzCZMHtYRjobPCN8Qfm+m+UzpzLYIiOBHbIi4H2kZmRf5fRQpKjKqLupRtFN0cXT3LNas5Fn7Z72O8Y+pjLk722q2cnZnrGpsUmxj7Ju4gLiquIF4h/hF8ZcSdBMkCe2J5MTYxD2J43MC52yaM5zkmlSWdGOu5dyiuRfm6c7Lnnc8WTVZkHw4hZgSl7I/5YMgQlAvGE/lp25NHRPyhJuFT0W+oo2iUbG3uEo8kuadVpX2ON07fUP6aIZPRnXGMwlPUit5kRmSuSPzTVZE1t6sz9lx2S05lJyUnKNSDWmWtCvXMLcot09mKyuTDeR55m3KG5OHyvfkI/lz89sVbIVM0aO0Uq5QDhZML6greFsYW3i4SL1IWtQz32b+6vkjC4IWfL2QsFC4sLPYuHhZ8eAiv0W7FiOLUxd3LjFdUrpkeGnw0n3LaMuylv1Q4lhSVfJqedzyjlKD0qWlQyuCVzSVqZTJy26u9Fq5YxVhlWRV72qX1VtWfyoXlV+scKyorviwRrjm4ldOX9V89Xlt2treSrfK7etI66Trbqz3Wb+vSr1qQdXQhvANrRvxjeUbX21K3nShemr1js20zcrNAzVhNe1bzLas2/KhNqP2ep1/XctW/a2rt77ZJtrWv913e/MOgx0VO97vlOy8tSt4V2u9RX31btLugt2PGmIbur/mft24R3dPxZ6Pe6V7B/ZF7+tqdG9s3K+/v7IJbVI2jR5IOnDlm4Bv2pvtmne1cFoqDsJB5cEn36Z8e+NQ6KHOw9zDzd+Zf7f1COtIeSvSOr91rC2jbaA9ob3v6IyjnR1eHUe+t/9+7zHjY3XHNY9XnqCdKD3x+eSCk+OnZKeenU4/PdSZ3Hn3TPyZa11RXb1nQ8+ePxd07ky3X/fJ897nj13wvHD0Ivdi2yW3S609rj1HfnD94UivW2/rZffL7Vc8rnT0Tes70e/Tf/pqwNVz1/jXLl2feb3vxuwbt24m3Ry4Jbr1+Hb27Rd3Cu5M3F16j3iv/L7a/eoH+g/qf7T+sWXAbeD4YMBgz8NZD+8OCYee/pT/04fh0kfMR9UjRiONj50fHxsNGr3yZM6T4aeypxPPyn5W/3nrc6vn3/3i+0vPWPzY8Av5i8+/rnmp83Lvq6mvOscjxx+8znk98ab8rc7bfe+477rfx70fmSj8QP5Q89H6Y8en0E/3Pud8/vwv94Tz+4A5JREAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAADJmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMwNjcgNzkuMTU3NzQ3LCAyMDE1LzAzLzMwLTIzOjQwOjQyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDY0RkYzREY1ODhDMTFFNUEyQTNGODVCNDc5N0E2NEMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDY0RkYzRTA1ODhDMTFFNUEyQTNGODVCNDc5N0E2NEMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpENjRGRjNERDU4OEMxMUU1QTJBM0Y4NUI0Nzk3QTY0QyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpENjRGRjNERTU4OEMxMUU1QTJBM0Y4NUI0Nzk3QTY0QyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pn8YrXYAAAIjSURBVHjarFZbK0RRFJ7LGUZoxoRcXtCUGJdcisTINAkPiF/Co0dPnvwSkVyLScjDJInxwCTlNqY0g4TCGGtr7dqdvmNm6qxardX69tnf3muvvfaxWkyQ5LQ9RCagC+945lMBm8UcWQexfiL2mEWwBGJibnN2QKm4InMJIL9ZOxCyD2LNZhKcgFi9mQR3IFZiJsEziDm1HGrdSWZIF06TbtAhf4rJwGcpLYcVDhiUYylpgq1eXnJJUS+IxWn1CfYbAH6fC8FohtLsAHjElmX+vWSaALTCeAGZPoAfZbuDSRD7Jl1jP0iaD8ZsZ0swDmJ7lP8k+xMAj4kUabQ9cfoz3JxUmaMJ4qIjkt8FJljg9DjIjAF8kb5Pa1x+U2DALFvR560AX5UNTdxYRCBbahsAz5Xt+wF+Qfgt+yMAfxQplASofk8VvwXgu4ofBPgmLSAlCWrRDtSWi+qb8y8qx4eqR311Kow6I03gEu8JwM/YNpLaAX6oEpQZ5FBIpUHZSrwKYD+kUZUA3YVX2W4ztGY3wmT+LQaT/7XZDBfvna0DYB/6lx9JIdsvA9ylI1LFrSd4A4OK/3mlLMrBJ9HiqDjcKsEDGFQt+z03Nb3UsY0aLKBVJYiBATX8vyPO4hrgPsZvyDyh/yGVAK1CvVzHAO9W/AOAD6oEETCgnfIoL1AYPZ+E57G/BfAewsslQdjgkL3shwBeRNrJ/jJfLn3xDAvnV4ABANhcgtRtqutGAAAAAElFTkSuQmCC');
background-repeat: no-repeat;
position: absolute;
right: 10px;
top: 15px;
}
.eu-metallic-colours .color-palette .color-shade {
width: 80%;
height: 100px;
background-color: #eee;
border: 0;
margin: 5px auto 20px;
position: relative;
float: none;
border-radius: 10px;
box-shadow: 0 0 9px rgba(0, 0, 0, 0.2);
}
.eu-metallic-colours .dark .color-shade {
box-shadow: 0 0 2px rgba(255, 255, 255, 0.7);
}
.eu-metallic-colours .color-name {
position: absolute;
text-align: center;
left: 0;
right: 0;
margin-top: 10px;
color: #000;
font-size: 120%;
}
.metallic-text {
font-size: 28px;
text-transform: uppercase;
letter-spacing: -1px;
margin: 52px 0 130px;
line-height: 100%;
text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
height: 90px;
}
.metallic-text + .metallic-text {
margin-bottom: 30px;
height: auto;
}
.metallic-text .orange {
font-weight: bold;
}
.on-image-nav {
list-style: none;
position: absolute;
margin-top: -80px;
padding: 0;
left: 0;
right: 0;
text-align: center;
font-size: 24px;
}
.on-image-nav li {
display: inline-block;
margin: 0 20px;
}
.on-image-nav a {
color: #fff;
text-decoration: none;
}
.on-image-nav li.active a {
border-bottom: 2px solid #eee;
}
.on-image-nav li a:hover {
border-bottom: 2px solid #FF62A5;
}
/* superoffice */
.superoffice fieldset {
margin: 10px 0;
}
.superoffice legend {
font-size: 110%;
}
.superoffice .radio-inline {
margin-right: 5%;
margin-left: 0;
}
.form-box-disabled, .form-box-disabled legend {
color: #bbb;
}
.row-table-header {
font-size: 14px;
font-weight: 600;
}
.row-table, .row-table-header {
margin-left: -1px;
margin-right: -1px;
margin-bottom: 6px;
border-bottom: 1px solid #eb6600;
padding-bottom: 4px;
}
.row-table input {
margin-bottom: 2px;
color: #000;
}
.row-table > div, .row-table-header > div {
padding-left: 1px;
padding-right: 1px;
}
.row-table > div > .form-group {
margin: 0;
}
/* enduser styles */
.eu-social-bar.top-social-bar {
z-index: 10;
position: relative;
margin-top: -90px;
margin-bottom: 110px;
}
.eu-social-bar ul {
margin: 20px 0;
padding: 0;
text-align: right;
}
.eu-social-bar li {
display: inline;
margin-left: 6px;
}
.eu-idea-text, .eu-idea-text-small {
text-align: center;
font-size: 125%;
max-width: 940px;
margin: 0 auto;
letter-spacing: 1px;
}
.eu-idea-text {
margin: 0 auto 70px;
}
.eu-idea-text.light {
font-weight: 300;
}
.eu-idea-text-small {
font-size: 115%;
line-height: 120%;
}
.eu-idea-text h2, .eu-idea-text h3, .eu-idea-text h4 {
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
}
.eu-idea-text-small h2, .eu-idea-text-small h3, .eu-idea-text-small h4 {
font-weight: bold;
text-transform: uppercase;
}
.eu-idea-text h2 {
font-size: 160%;
margin-top: 0.75em !important;
}
.eu-idea-text-small h3 {
font-size: 130%;
margin: 12px 0 6px;
}
.eu-box {
margin: 10px 0;
}
.eu-gray-box {
background: #f3f3f3;
padding: 22px;
margin: 30px 0;
}
.eu-gray-box h2 {
margin: 0 !important;
}
.eu-white-box {
background: #fff;
padding: 22px;
margin: 0 1px 1px 0;
/* box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2); */
}
.tool-links .eu-white-box {
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}
.eu-gray-box .eu-white-box {
height: 132px;
padding-top: 44px;
}
.eu-gray-box .eu-white-box img {
height: 46px;
}
.eu-white-box h3 {
margin: 12px 0 0 !important;
text-transform: uppercase;
font-size: 140%;
color: #000;
letter-spacing: -1px;
font-weight: 600;
}
.eu-white-box {
text-align: center;
}
.eu-white-box a {
color: #000;
}
a.eu-white-box {
color: #000;
display: block;
padding-bottom: 18px;
}
a.eu-white-box .name {
display: inline-block;
margin: 8% 0 4%;
/* text-transform: uppercase; */
font-size: 140%;
letter-spacing: -1px;
font-weight: 600;
color: #333;
background-color: rgba(255, 255, 255, 0.7);
padding: 6px 22px;
box-shadow: 0 0 15px 15px rgba(255, 255, 255, 0.65);
max-width: 85%;
height: 50px;
}
.eu-white-box .video-container {
position: absolute;
right: 0;
left: 0;
top: 0;
padding-bottom: 68%;
}
.img-buttons .eu-white-box {
height: 122px;
background-size: cover;
}
.eu-gray-title {
text-align: center;
font-size: 220%;
text-transform: uppercase;
color: #eb6600;
font-weight: bold;
letter-spacing: 1px;
}
.eu-orange-box {
background: #000;
padding: 12px;
text-align: center;
color: #fff;
display: block;
height: 56px;
}
.eu-orange-box:hover, .eu-orange-box:focus {
color: #fff;
background: #eb6600;
}
.eu-orange-box .i-label {
position: static;
background: transparent;
margin: 0;
padding: 0;
width: 100%;
}
.eu-orange-box:hover .i-label:after {
color: #fff;
}
.eu-styles-buttons .eu-orange-box {
margin: 2px 0 0;
}
.eu-row:after {
content: '';
display: table;
clear: both;
}
.eu-row > [class*="col-"] {
padding: 0;
}
.eu-inspirations-index {
/* margin-bottom: 90px; */
margin-top: 16px;
}
.eu-inspirations-index > div {
margin-bottom: 20px;
}
.eu-styles-buttons {
margin-top: 16px;
}
.inspiration {
background: no-repeat center;
background-size: 100%;
background-size: cover;
height: 200px;
display: block;
color: #333;
text-align: center;
font-size: 70%;
overflow: hidden;
line-height: normal;
position: relative;
}
.i-txt {
font-size: 102%;
}
.i-txt i {
color: #eb6600;
}
.inspiration:hover, .inspiration:focus {
text-decoration: none;
color: #000;
}
.inspiration-txt {
height: auto;
font-size: 102%;
clear: left;
}
.inspiration .i-label:after {
font-size: 30px
}
.i-fh {
height: 385px;
}
.i-nh {
height: 226px;
}
.i-sh {
clear: left;
}
.i-half {
width: 50%;
float: left;
clear: none;
}
.bg-left {
background-position: left center;
}
.bg-right {
background-position: right center;
}
.right-place {
background: no-repeat center;
background-size: 100%;
background-size: cover;
height: 200px;
display: block;
text-align: center;
font-size: 70%;
line-height: normal;
position: relative;
width: 50%;
float: left;
clear: none;
}
.right-place-text {
background: #000000;
height: 400px;
padding-top: 10%;
}
.i-label {
background: #000;
color: #fff;
padding: 8px 24px;
display: inline-block;
font-size: 120%;
text-transform: uppercase;
bottom: 15px;
line-height: 100%;
letter-spacing: -2px;
left: 15px;
position: absolute;
}
.i-label:after {
content:"\f105";
font-family: FontAwesome;
font-weight: normal;
color: #eb6600;
font-size: 40px;
margin-left: 10px;
font-style: normal;
bottom: -3px;
position: relative;
}
.eu-styles .i-label {
background: transparent;
position: static;
display: block;
text-align: center;
margin: 0;
}
.right-place .i-label {
letter-spacing: 0;
text-transform: none;
line-height: normal;
padding: 5px 10px;
font-size: 130%;
}
.right-place .i-label:after {
font-size: 18px;
bottom: -3px;
line-height: 14px;
}
.i-title {
display: block;
font-size: 130%;
text-transform: uppercase;
margin: 6px 0 2px;
}
.i-desc {
width: 90%;
display: block;
margin: 0 auto;
}
.i-icon {
width: 40px;
margin-top: 20px;
margin-bottom: 10px;
}
.i-overlay {
height: 100%;
transition: all 0.3s ease;
position: relative;
bottom: -200px;
font-size: 14px;
}
.inspiration:hover .i-overlay {
display: block;
transition: all 0.3s ease;
bottom: 0;
}
.i-overlay strong {
background: #fff;
background: rgba(255, 255, 255, 0.8);
display: block;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.i-overlay strong em {
font-style: normal;
}
.vertical-center {
display: table-cell;
width: 100%;
height: 385px;
vertical-align: middle;
}
.f-retro {
font-family: 'Poiret One', 'Open Sans', cursive;
font-weight: bold;
letter-spacing: 1px;
}
.f-retro.i-label {
font-size: 240%;
top: 15px;
left: 15px;
bottom: auto;
}
.f-modern {
letter-spacing: 0;
font-weight: 300;
}
.f-modern.i-label {
font-size: 200%;
}
.f-rural {
font-family: 'Fredericka the Great', 'Open Sans', cursive;
letter-spacing: 0;
text-transform: none;
font-size: 120%;
}
img + span.f-rural {
font-family: inherit;
color: #666;
font-size: 100%;
}
.f-rural.i-label {
font-size: 290%;
line-height: 72%;
top: 15px;
bottom: auto;
}
.f-classic {
font-family: 'IM Fell Double Pica', serif;
font-style: italic;
letter-spacing: 0;
text-transform: none;
font-size: 140%;
}
.f-classic.i-label {
font-size: 200%;
line-height: 80%;
top: 15px;
bottom: auto;
}
.f-small.i-label {
font-size: 190%;
line-height: 100%;
}
.tool-links {
margin: 0 0 30px;
text-align: center;
}
.tool-links > div {
margin-left: 1.33%;
float: left;
width: 24%;
/* display: inline-block; */
}
.tool-links > div:first-child {
margin-left: 0;
}
.tool-links > div > a {
padding: 0;
}
.tool-links .name {
height: 36px;
line-height: 100%;
color: #000 !important;
}
.eu-styles, .eu-colours, .eu-warmth {
padding: 40px 0;
}
ul.list-inline + .eu-styles {
padding-top: 0;
}
.eu-styles h2 .fa, .eu-colours h2 .fa {
margin: 0 20px;
}
.eu-styles .download-box {
margin-bottom: 0;
min-height: 0;
}
.eu-styles .download-box h3 {
height: auto;
display: block;
margin: 0;
padding-top: 0;
}
.eu-styles hr, .eu-colours hr, .eu-right-place hr {
margin: 40px 0;
clear: both;
}
.eu-styles a {
color: #555;
}
.eu-styles a:hover {
color: #000;
text-decoration: none;
}
.eu-styles a i {
color: #eb6600;
}
.eu-styles-product-image {
margin: 0 5%;
}
.eu-styles a.i-label {
height: 400px;
background-size: cover;
text-shadow: 0 0 8px #000;
}
.eu-styles a.i-label > span {
position: absolute;
bottom: 6%;
top: auto;
left: 5%;
color: #fff;
font-size: 150%;
}
.eu-styles a.i-label:after {
content: none;
}
.eu-gray {
background: #6f6f6f;
background: -moz-linear-gradient(top, #6f6f6f 0%, #cacaca 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6f6f6f), color-stop(100%,#cacaca));
background: -webkit-linear-gradient(top, #6f6f6f 0%,#cacaca 100%);
background: -o-linear-gradient(top, #6f6f6f 0%,#cacaca 100%);
background: -ms-linear-gradient(top, #6f6f6f 0%,#cacaca 100%);
background: linear-gradient(to bottom, #6f6f6f 0%,#cacaca 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6f6f6f', endColorstr='#cacaca',GradientType=0 );
margin: 20px 0;
}
.eu-which-text {
padding: 4% 8% 2%;
text-align: center;
font-size: 130%;
}
.eu-which-text h2 {
color: #fff;
font-weight: bold;
text-transform: uppercase;
font-size: 170%;
}
.make-style-banner {
padding: 4% 3% 6%;
font-size: 120%;
color: #333;
background: #fcfcfc;
border: 1px solid #eee;
display: block;
text-align: center;
}
.make-style-banner .h2 {
font-size: 180%;
color: #eb6600;
font-weight: bold;
margin-bottom: 20px;
}
.make-style-banner:hover {
text-decoration: none;
}
.make-style-banner > span {
display: block;
}
.eu-warmth {
margin: 0 auto;
width: 70%;
}
.eu-warmth .image_picker_selector {
list-style: none;
padding: 0;
}
.eu-warmth .image_picker_selector .item {
width: 50%;
float: left;
}
.eu-warmth .image_picker_selector img {
width: 100%;
}
.eu-right-place .relative-cont {
position: relative;
display: block;
}
.eu-right-place .relative-cont img {
max-width: 100%;
}
.popover {
max-width: 520px;
}
.eu-right-place .popover p {
margin-bottom: 10px;
}
.eu-right-place .btn-hot-point {
background: #eb6600;
border-radius: 50%;
color: #fff;
cursor: pointer;
padding: 8px 15px;
font-weight: bold;
display: inline-block;
text-align: center;
position: absolute;
z-index: 2;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.6);
}
.eu-right-place .btn-hot-point:hover {
color: #fff;
text-decoration: none;
background: #000;
}
.eu-right-place .btn-hot-point:before {
content: "\f067";
font-family: FontAwesome;
font-size: 22px;
font-weight: normal;
display: block;
}
.switch-help {
font-size: 22px;
}
.switch-help a {
color: #333;
text-decoration: none;
}
.switch-help i {
color: #eb6600;
}
.link-profile a {
color: #333;
}
.link-profile + p {
color: #999;
font-size: 120%;
}
.link-profile i {
color: #eb6600;
}
.style-container-h, .style-container-v {
position: relative;
}
.next-prev-nav {
list-style: none;
padding: 0;
margin: 0;
position: absolute;
right: 30px;
top: 33%;
left: 30px;
}
.next-prev-nav a, .eu-right-place .arrow-left, .eu-right-place .arrow-right {
background: rgba(234, 234, 234, 0.7);
width: 70px;
height: 70px;
display: block;
color: #000;
text-align: center;
position: relative;
margin: 0 1px 1px 0;
border-radius: 50%;
float: right;
}
.next-prev-nav a:hover, .eu-right-place a:hover, .next-prev-nav a:focus, .eu-right-place a:focus {
text-decoration: none;
}
.next-prev-nav a.prev-nav {
padding-right: 10px;
float: left;
}
.next-prev-nav a:before {
content: "\f105";
font-family: FontAwesome;
position: absolute;
font-size: 50px;
margin-left: -8px;
line-height: 70px;
left: 50%;
}
.next-prev-nav a.prev-nav:before {
content: "\f104";
}
.next-prev-nav a:active:before {
margin-top: 1px;
transition: none;
}
.eu-sustainability, .eu-modul {
padding-left: 38px;
font-size: 110%;
line-height: 150%;
}
.eu-sustainability hr {
border-top: 2px solid #56b02e;
margin: 70px 0 70px -38px;
}
.eu-modul hr {
border-top: 2px solid #f4a967;
margin: 70px 0 70px -38px;
}
.eu-sustainability h2, .eu-sustainability h3 {
color: #56b02e;
}
h2.clever-benefits {
color: #333;
}
h2.clever-benefits strong {
color: #56b02e;
font-weight: bold;
}
.clever-icon-item, .eu-modul-img-item {
display: table-row;
}
.clever-icon-item > div {
padding-top: 40px;
}
.clever-icon-item .clever-icon {
padding-right: 30px;
display: table-cell;
width: 20%;
text-align: center;
vertical-align: middle;
}
.eu-modul-img-item .eu-modul-img {
padding-right: 30px;
display: table-cell;
width: 30%;
text-align: center;
vertical-align: top;
}
.eu-modul-img-item .eu-modul-img img {
margin: -15% 0 -20px;
max-height: 300px;
}
.clever-icon-item .clever-icon-description, .eu-modul-img-item .eu-modul-desc {
display: table-cell;
}
.clever-icon-item h3 {
font-weight: bold;
}
/* rotation */
.tween-slider {
margin: 20px 0;
}
.ui-slider {
position: relative;
margin: 8px auto 20px;
width: 80%;
}
.ui-widget-content {
height: 12px;
padding: 0;
border-radius: 4px;
background: #e7e5e4;
}
.ui-widget-content .ui-state-default {
width: 28px;
height: 28px;
border: 5px solid #eb6600;
border-radius: 50%;
background: #fff;
box-shadow: 0 2px 2px rgba(0,0,0,0.2);
display: block;
top: -.5em;
margin-left: -.6em;
position: absolute;
z-index: 2;
cursor: default;
}
.ui-widget-content .ui-state-default:focus {
outline: none;
}
.ui-widget-content .ui-state-default:active {
box-shadow: 0 0 4px rgba(0,0,0,0.4);
border: 5px solid #f40;
}
.ui-slider-range {
height: 12px;
padding: 0;
border-radius: 4px;
/* background: #BBBBBB; */
}
.radiator-rotate {
position: relative;
}
.colour-container-v .radiator-rotate {
margin-top: -60px;
}
.radiator-rotate > span > img {
z-index: 10;
max-width: 100%;
width: 100%;
}
.radiator-rotate > span img ~ * {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.radiator-rotate > span {
display: none;
}
.radiator-rotate > span:first-child {
display: block;
}
.radiator-rotate > span {
position: absolute;
z-index: 11;
right: 0;
top: 0;
margin-right: 0;
background-color: #fff;
display: block;
left: 0;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000;
-moz-perspective: 1000;
-ms-perspective: 1000;
perspective: 1000;
}
.radiator-rotate > span:first-child {
position: static;
}
.swatch {
padding: 5px 0 15px;
position: relative;
font-size: 70%;
text-align: center;
letter-spacing: -1px;
}
.swatch:after {
content: "";
display: block;
clear: both;
}
.swatch .swatch-item {
float: left;
margin: 0 15px 15px 0;
}
.swatch a {
display: block;
width: 25px;
height: 25px;
}
.eu-colours .swatch a {
background-image: none;
width: 65px;
height: 65px;
border-radius: 0;
background-color: #eee;
border: 4px solid #fff;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
margin-bottom: 5px;
}
.eu-colours .top-spacer {
margin-top: 40px;
}
.ral-name {
max-width: 65px;
margin: 0;
}
.goto-ral-colours {
color: #333;
}
.switch-img img {
display: block;
position: static;
}
.switch-img img ~ img {
visibility: hidden;
position: absolute;
top: 0;
}
.ral-tooltip {
background: #222;
color: #fff;
padding: 4px 20px;
position: absolute;
z-index: 2;
bottom: 5%;
left: 5% !important;
border-radius: 2px;
font-size: 90%;
text-transform: uppercase;
top: auto !important;
right: auto !important;
}
.switch-img {
position: relative;
}
.colours-may-vary {
position: absolute;
font-size: 80%;
}
/**/
.eu-locator-box {
border-left: 1px solid #ddd;
padding-top: 72px;
padding-left: 20px;
/* margin-top: 70px; */
}
.eu-locator-box a {
color: #666;
}
.eu-locator-box i {
color: #eb6600;
font-size: 13px;
}
/* showroom locator */
.eu-map {
height: 615px;
position: relative;
}
.eu-map img {
max-width: none;
}
.eu-map .gmap {
height: 100%;
}
.eu-map iframe {
width: 100%;
height: 100%;
}
.eu-map .map-floating-box {
background: #fff;
box-shadow: 0 0 8px rgba(0,0,0,0.5);
border: 1px solid #aaa;
position: absolute;
min-height: 50px;
top: 5px;
right: 5px;
overflow: hidden;
z-index: 1;
max-width: 490px;
}
.search-box-header {
padding: 12px 10px 5px;
background: #fafafa;
border-bottom: 1px solid #eee;
}
.search-box-header h5 {
font-size: 100%;
margin: 0 0 5px;
color: #666;
}
.tab-pane .map-floating-box {
margin: 10px 0;
}
.eu-map .map-floating-box .btn, .map-floating-box .form-group {
margin: 2px;
}
.your-location {
font-size: 120%;
line-height: 1;
color: #eb6600;
}
.map-floating-box .input-group-addon {
background-color: transparent;
border: none;
}
.map-floating-box .form-group {
max-width: 49.9%;
display: inline-block;
vertical-align: middle;
}
.map-floating-box div.alert {
padding: 5px 10px 5px 10px;
font-size: 80%;
margin: 0 0 10px;
border-radius: 0;
border: none;
}
.map-floating-box #errors {
padding: 0;
margin: 0 -10px;
}
.map-results {
margin: 10px 8px 0;
max-height: 350px;
overflow-y: auto;
padding-right: 12px;
}
.map-results .table {
margin-bottom: 0;
}
.map-results .table tr:first-child > td {
border-top: none;
}
.map-results .result-number {
width: 44px;
font-size: 120%;
}
.map-results .result-name {
font-size: 120%;
}
.map-results .result-details {
text-align: right;
}
.map-static-img {
float: right;
margin-left: 14px;
max-width: 30% !important;
}
.map-ajax-loader {
margin: 20px -8px 0 0;
text-align: center;
}
.infowindow {
width: 350px;
}
.infowindow-body {
margin-top: 10px;
font-size: 14px;
font-weight: normal;
}
.infowindow h4 {
margin-top: 0;
font-size: 140%;
}
.infowindow p {
margin-bottom: 10px;
}
.infowindow i, .showroom-details i {
width: 16px;
text-align: center;
}
.showroom-icons {
margin: 3px 0;
}
.showroom-icon {
display: inline-block;
margin-bottom: 2px;
}
.infowindow i {
margin-left: 3px;
margin-right: 1px;
}
.showroom-details br {
line-height: 1.8;
}
.showroom-results {
font-size: 90%;
margin: 50px 0;
display: none;
}
.showroom-results p, .showroom-results h3 {
margin: 2px 0;
}
.result-label {
color: #999;
margin-top: 4px;
display: block;
}
.show-on-map {
margin-top: 10px;
margin-left: 10px;
font-size: 90%;
display: block;
}
.show-on-map:before {
content: '\f041';
font-family: "FontAwesome";
speak: none;
font-style: normal;
font-weight: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin-right: 4px;
display: inline-block;
}
.show-on-map + .btn {
margin-top: 20px;
}
.title-line-link {
margin: 50px 0 0;
font-size: 90%;
}
.title-line-link .right-link {
text-align: right;
}
.title-line-link hr {
margin: 10px 0;
}
.title-line-link .title {
margin-top: 15px;
font-size: 110%;
font-weight: 600;
color: #666;
}
.standalone {
margin: 5% 0 8%;
}
.bigger-header h2 {
font-size: 200%;
}
.bigger-header h2:after {
font-size: 20px;
}
/* eflow campaign */
.eflow-campaign {
font-size: 110%;
font-weight: 300;
}
.eflow-campaign strong {
font-weight: bold;
}
.eflow-campaign .download-box h3 {
height: auto;
}
.eflow-campaign .download-box h3 a {
color: #333;
text-decoration: none;
}
.shadow-line {
background: url(../img/shadow-line.png) no-repeat center top;
background-size: 100% 12px;
width: 100%;
height: 12px;
margin-bottom: 20px;
}
.eflow-campaign .control-label {
font-size: 80%;
}
#dreamtrip {
height: 94px;
position: absolute;
right: 22px;
bottom: 20px;
}
#counter .count { /* golvarmeoffert counter*/
font-size: 50px;
line-height: 90px;
}
#counter .count.bottom {
line-height: 0;
}
#counter .time {
width: 70px;
height: 90px
}
.action-status {
position: absolute;
bottom: 120px;
right: 22px;
background: #fff;
background: rgba(255,255,255,0.8);
border-radius: 6px;
padding: 2px 10px;
text-transform: uppercase;
text-align: center;
font-weight: 600;
}
.eflow-campaign input[type="file"] {
font-size: 15px;
}
/* smartdesign */
.eu-smartdesign {
background: #212223;
}
.eu-smartdesign .content-container {
background: #212223;
color: #fff;
}
.eu-smartdesign .container {
position: relative;
}
.eu-smartdesign .lead {
line-height: 200%;
min-height: 180px;
}
.sd-toptext {
margin: -37px 0 20px;
position: relative;
z-index: 10;
}
.sd-iphone {
position: absolute;
right: 15px;
margin-top: -7%;
}
.sd-iphone-text {
position: absolute;
bottom: 15%;
left: 22%;
color: #eb6600;
}
.sd-iphone-text a:hover {
color: #fff;
}
.how-wrapper {
background: #fff;
color: #000;
}
.how-wrapper:after {
content: '';
display: table;
clear: both;
}
.how-item {
float: left;
position: relative;
width: 20%;
}
.how-label {
background: #000;
color: #eb6600;
width: 38px;
height: 36px;
position: absolute;
text-align: center;
line-height: 36px;
top: 23px;
left: 0;
font-size: 20px;
}
.how-item .description {
border-left: 1px solid #ddd;
padding: 20px 10px 10px 26px;
height: 78px;
margin-bottom: 18px;
}
.how-item:first-child .description {
border-left: none;
}
.sd-appstores {
margin: 30px 0 0;
text-align: right;
}
.sd-appstores a {
margin: 0 10px;
}
.sd-appstores .btn {
margin: 0 20px;
white-space: normal;
}
.sd-appstores .btn-orange:hover {
background-color: #D04B00;
border-color: #D45200;
}
/* quizz */
.sf-t2 {
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.sf-t2.sf-none .sf-viewport, .sf-t2.sf-fade .sf-viewport, .sf-t2.sf-slide .sf-viewport {
border: none;
border-radius: 0;
}
.sf-t2.sf-none .sf-viewport .sf-step, .sf-t2.sf-fade .sf-viewport .sf-step, .sf-t2.sf-slide .sf-viewport .sf-step {
padding: 0;
}
.load-wizard-box .sf-step > .sf-step-el {
padding-top: 50px;
}
.load-wizard-box .sf-viewport .sf-step-name {
font-size: 66px;
line-height: 70px;
font-weight: 300;
text-transform: uppercase;
float: left;
width: 73%;
border: none;
margin-left: 2%;
}
.wizard-box-de .sf-step-name + div {
clear: both;
display: table;
}
.sf-step-name + div .radio-awesome:first-child {
margin-top: 20px;
}
ol.thumbnails.image_picker_selector li, ul.thumbnails.image_picker_selector li {
width: 24%;
margin: 0 0 0 1.33333%;
}
ol.thumbnails.image_picker_selector li:first-child, ul.thumbnails.image_picker_selector li:first-child {
margin: 0;
}
ol.thumbnails.image_picker_selector li .thumbnail, ul.thumbnails.image_picker_selector li .thumbnail {
border: none;
}
ol.thumbnails.image_picker_selector li .thumbnail, ul.thumbnails.image_picker_selector li .thumbnail {
padding: 2px;
border-radius: 0;
margin-bottom: 0;
cursor: pointer;
}
ol.thumbnails.image_picker_selector li .thumbnail.selected, ul.thumbnails.image_picker_selector li .thumbnail.selected {
background-color: #eb6600;
}
ol.thumbnails, ul.thumbnails {
list-style-type: none;
margin: 0;
counter-reset: li-counter;
}
ol.thumbnails > li {
position: relative;
}
ol.thumbnails > li:before {
position: absolute;
bottom: 18px;
left: 18px;
color: #fff;
border: 2px solid #fff;
border-radius: 50%;
width: 40px;
height: 40px;
font-size: 22px;
line-height: 34px;
text-align: center;
content: counter(li-counter, upper-alpha);
counter-increment: li-counter;
}
.wizard-box-de ol.thumbnails > li:before {
content: normal;
}
#result-buttons {
margin-top: 30px;
}
.renovation-needs {
float: right;
width: 25%;
padding: 0 6px;
}
.quiz-images {
clear: both;
}
.quiz-steps, .sf-step-name > span {
position: absolute;
right: 0;
top: 0;
width: 96px;
padding: 0 8px;
text-align: right;
font-size: 25px;
}
.eu-quiz-black .quiz-steps {
background-color: #000;
color: #eb6600;
left: 0;
}
.question-select.valid + .thumbnails img {
opacity: 0.6;
}
.question-select.valid + .thumbnails .selected img, .question-select.valid + ol.thumbnails .selected > li:before {
opacity: 1;
}
.load-wizard-box .note {
margin: 20px 0 0 2%;
}
.wizard-box-de .note {
margin-left: 4px;
}
.load-wizard-box .prev-btn, .load-wizard-box .next-btn, .repeat-btn {
font-size: 25px;
color: #000;
text-transform: uppercase;
}
.load-wizard-box .prev-btn:hover, .load-wizard-box .next-btn:hover, .load-wizard-box .prev-btn:focus, .load-wizard-box .next-btn:focus, .repeat-btn:hover, .repeat-btn:focus {
text-decoration: none;
color: #eb6600;
}
.load-wizard-box .prev-btn .fa, .load-wizard-box .next-btn .fa, .repeat-btn .fa {
font-weight: bold;
color: #eb6600;
}
.next-btn {
float: right;
}
.prev-btn {
float: left;
}
.eu-quiz-black {
background-color: #000;
}
.eu-quiz-black .content-container {
background-color: #000;
}
.eu-quiz-black footer {
margin-top: 0;
}
.eu-quiz-black .load-box {
background: #fff;
padding-bottom: 100px;
}
.eu-quiz-black .page-title {
background: #fff;
display: block;
margin: 0;
padding: 32px 0 28px;
box-shadow: none;
}
#airorder-box .sf-nav-number {
font-size: 60px;
}
#airorder-box .sf-nav li {
height: 50px;
}
.sf-t2 .sf-nav li.sf-active, .sf-t2 .sf-nav li.sf-nav-link:not(.sf-nav-step-disabled):not(.sf-nav-unlink):hover {
background-color: #eb6600;
}
.sf-t2 .sf-nav li {
background-color: #999;
}
.sf-t2 .sf-nav-top .sf-nav-step.sf-active:after {
border-color: #eb6600;
}
/* body overlay */
html.noscroll {
position: fixed;
overflow-y: scroll;
width: 100%;
}
.body-overlay {
position: fixed;
top: 31px;
bottom: 0;
left: 0;
right: 0;
background: #fff url(../img/profile-overlay-shadow.png) repeat-x;
z-index: 1000;
font-weight: 300;
font-size: 24px;
text-align: center;
}
.body-overlay .btn {
text-transform: uppercase;
padding: 1% 6%;
}
.profile-choose-close {
background-color: #eb6600;
width: 25px;
height: 25px;
position: absolute;
right: 20px;
top: 20px;
color: #fff;
text-align: center;
line-height: 24px;
border-radius: 50%;
cursor: pointer;
font-size: 16px;
}
.profile-choose-arrow {
margin: 40px 0 0 10%;
float: left;
max-width: 80%;
}
.profile-choose-logo {
margin: 50px 0 0 0;
float: right;
}
h1.profile-choose-welcome {
color: #eb6600;
text-align: center;
margin: 20% 0 5px;
font-size: 66px;
font-weight: 300;
}
h3.profile-choose-welcome {
text-align: center;
margin: 0 0 40px;
font-weight: 300;
font-size: 26px;
}
.profile-choose-end {
float: left;
width: 50%;
padding: 0 3%;
}
.profile-choose-pro {
float: left;
width: 50%;
border-left: 1px solid #ddd;
padding: 0 3%;
}
/* tillbehor */
.image-row {
margin-bottom: 5%;
}
.image-box {
box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);
display: block;
}
.image-box:focus {
outline: none;
}
.image-box + h4 {
text-align: center;
margin-top: 12px;
}
/* xmas modal */
#xmascard .close {
position: absolute;
z-index: 2;
color: #fff;
right: 10px;
top: 5px;
opacity: 0.8;
}
#xmascard .modal-dialog {
max-width: 80%;
width: 100%;
max-height: 90%;
margin-top: 10px;
}
#xmascard .modal-content {
background: #000;
}
/* electric and water icons */
.electric-ico:after, .water-ico:after, .water-electric-ico:after {
content: '';
width: 40px;
height: 40px;
position: absolute;
right: 4%;
bottom: 8%;
/*box-shadow: inset 0 0 0 1px rgba(255,255,255,0.3), 0 0 8px 2px rgba(255,255,255,0.3);*/
border-radius: 50%;
}
.eu-styles .electric-ico:after, .eu-styles .water-ico:after {
top: auto;
top: 10%;
left: 6%;
}
.border-thumb.electric-ico:after, .border-thumb.water-ico:after {
top: 10%;
right: 6%;
}
.download-thumb.electric-ico:after, .download-thumb.water-ico:after {
top: 3%;
right: 3%;
}
.inside-outside-view .electric-ico:after, .inside-outside-view .water-ico:after {
left: 6%;
right: auto;
}
.electric-ico:after {
background: url(../img/electr-ico.png);
}
.water-ico:after {
background: url(../img/water-ico.png);
}
.water-electric-ico:after {
background: url(../img/water-electr-ico.png);
}
/* save energy */
.save-energy-module {
margin: 40px 0;
line-height: 1.6;
border-bottom: 1px solid #ccc;
}
.save-energy-module > img {
margin: 4% 0 8%;
}
.save-energy-module h4.product-name {
font-size: 120%;
color: #aebf10;
}
.save-energy-module h4.product-name a {
color: #333;
}
.save-energy-options {
text-align: center;
}
.save-energy-options h2 {
font-size: 220%;
font-weight: 300;
margin: 8% 0 0;
}
.save-energy-buttons {
margin: 8% 0;
}
.save-energy-buttons .btn {
margin: 0 2%;
}
.save-energy-buttons .btn-cleverheating {
margin: 8% 18%;
}
.save-energy-radiators {
margin: 8% 0;
}
.save-energy-thumbs:after {
content:'';
display: table;
clear: both;
}
.save-energy-thumbs .col {
float: left;
width: 33.333333%;
}
.save-energy-thumbs .col a {
border-left: 1px solid #fff;
display: block;
text-decoration: none;
}
.save-energy-thumbs .col a + a {
border-left: 1px solid #9a9a9a;
display: block;
padding: 5% 2%;
text-align: center;
font-size: 170%;
font-weight: 300;
color: #666;
margin: 10% 0;
}
.save-energy-thumbs .col:first-child a {
border-left: none;
}
.save-energy-title {
text-align: center;
color: #aebf10;
font-size: 250%;
font-weight: 300;
margin: 10% 0;
}
/* clevertouch */
.clevertouch .shadow-line {
margin: 5% 0;
}
/* thermosoft */
.row-spacer {
margin-top: 3%;
margin-bottom: 3%;
}
.img-center {
text-align: center;
}
.icons-thermo {
background: url(../img/thermosoft/pc-icon-path.png) no-repeat 14px bottom;
padding-bottom: 15px;
min-height: 90px;
margin-bottom: 12%;
position: relative;
}
.icons-thermo img {
width: 42px;
float: left;
}
.icons-desc {
font-size: 13px;
line-height: 16px;
text-align: left;
float: left;
width: 87%;
margin-left: 3%;
}
.icons-desc p {
text-align: left;
margin: 0 20% 0 0;
}
.name-badge {
text-align: center;
}
.name-badge span {
position: relative;
background: #fafafa;
background: rgba(255,255,255,0.8);
border-radius: 3px;
padding: 4px 10px;
border: 1px solid #eee;
box-shadow: 0 2px 1px rgba(0,0,0,0.1)
}
.name-badge a {
text-decoration: none;
}
.name-badge + a img {
margin-top: -24px;
}
.text-green {
text-transform: uppercase;
font-weight: 600;
text-align: center;
font-size: 200%;
}
.text-green strong {
color: #cedd64;
font-weight: 600;
}
/* energikalkylator */
.energy-calc {
position: relative;
}
.energy-calc .control-label {
text-align: left;
}
.energy-calc .control-label span {
display: block;
color: #999;
font-size: 70%;
font-weight: normal;
}
.energy-calc .control-label ~ div {
text-align: center;
border-left: 1px solid #eb6600;
}
.energy-calc .form-group:first-child .control-label ~ div {
margin-top: 20px;
color: #eb6600;
}
.energy-calc .form-group {
padding-top: 10px;
}
.energy-calc .form-group:before {
content: "";
border-bottom: 1px solid #ddd;
position: absolute;
left: 0;
right: 0;
display: block;
margin-top: -10px;
}
.energy-calc-result {
font-size: 150%;
font-weight: bold;
background-color: #fafafa;
border-color: #aebf10;
text-align: center;
padding: 0;
}
.energy-calc .form-control[disabled] {
background-color: #EDEFDC;
}
.energy-calc .form-control, .energy-calc .form-control[disabled] {
color: #000;
font-weight: 600;
line-height: 100%;
}
/* Purmo-LVI animation */
.purmo-lvi-anim {
max-width: 1140px;
margin: 0 auto;
text-align: center;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
line-height: 1.1;
/* background: #eee; */
}
.purmo-lvi-anim strong {
color: #eb6600;
font-weight: bold;
}
.purmo-lvi-anim > div {
position: absolute;
text-align: center;
left: 0;
right: 0;
max-width: 66%;
margin: 0 auto;
visibility: hidden;
opacity: 0;
}
.pla-item-1 {
font-size: 10em;
font-weight: 600;
color: #eb6600;
top: 25%;
}
.pla-item-2 {
top: 34%;
}
.purmo-lvi-anim > .pla-item-3 {
font-size: 3em;
font-weight: 600;
top: 29%;
left: 5%;
right: 5%;
}
.pla-item-4 {
font-size: 6em;
font-weight: 600;
top: 15%;
max-width: none !important;
}
.pla-item-4 span {
font-size: 70px !important;
}
.purmo-lvi-anim > .pla-item-5 {
font-size: 3em;
font-weight: 600;
top: 52%;
left: 10%;
right: 10%;
}
.pla-item-6 {
top: 45%;
}
.pla-icon {
display: inline-block;
border-radius: 50%;
max-width: 25%;
}
.pla-water-icon {
background-color: #EB6600;
}
.pla-electr-icon {
background-color: #AEBF10;
}
/* showroom list */
.map-centered-box {
margin: 0 0 18px;
text-align: center;
}
.map-fi-box {
margin: 0 0 8px;
}
.map-box-params {
font-size: 84%;
margin-top: 10px;
line-height: 2;
}
.map-fi-searchbox {
display: table-row;
}
.map-fi-params {
font-size: 80%;
}
.map-fi-search {
margin-bottom: 4px;
}
.map-fi-params .checkbox-inline, .map-fi-params .radio-inline {
margin: 0 15px 3px 0;
}
.map-fi-params .showroom-icon i {
font-size: 12px;
width: 20px;
height: 20px !important;
line-height: 18px !important;
background-position: 20% center;
}
.map-fi-links {
background: #f9f9f9;
padding: 1%;
margin: 10px 0;
font-size: 80%;
text-align: center;
}
h2.dealer-name {
margin-top: 10px;
}
.showroom-list {
font-size: 90%;
margin: 50px 0;
}
.showroom-row {
border-bottom: 1px solid #ddd;
padding-bottom: 15px;
margin-top: 15px;
position: relative;
background-color: #fff;
}
.showroom-row:after {
content: '';
display: table;
clear: both;
}
.showroom-col {
float: left;
margin-left: 2%;
width: 30%;
}
.showroom-col:first-child {
margin-left: 0;
}
.showroom-col.col-02 {
width: 45%;
}
.showroom-col.col-03 {
width: 20%;
text-align: right;
}
.showroom-col.col-products {
width: 100%;
margin-left: 0;
font-size: 80%;
}
.col-products .border-thumb {
margin-top: 20px;
}
.col-products .product-name a {
color: #666;
}
.col-products .border-thumb .product-name {
height: 38px;
line-height: normal;
display: inline-block;
overflow: hidden;
margin: 0;
}
.border-thumb label .product-name {
font-size: 80%;
height: 38px;
display: inline-block;
overflow: hidden;
}
.showroom-col .item {
display: block;
margin: 0 10px 2px 0;
}
.showroom-col.col-01 a, .showroom-col.col-02 a {
color: #333;
}
.showroom-col.col-01 a {
font-weight: 600;
}
.showroom-col .item i {
font-size: 12px;
line-height: 22px;
background-color: #707070;
width: 22px;
display: inline-block;
text-align: center;
color: #FFFFFF;
border-radius: 50%;
}
.showroom-icon i {
font-size: 16px;
line-height: 24px !important;
border: 1px solid #DA5F00;
border-radius: 50%;
width: 26px;
padding: 0;
text-align: center;
color: #fff;
background-color: #EB6600;
display: inline-block;
font-family: "FontAwesome";
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
text-rendering: auto;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.showroom-icon .icon-lvicolor {
background-color: #aebf10;
border-color: #aebf10;
}
.showroom-icons {
margin: 3px 0;
}
.showroom-icon {
display: inline-block;
margin-bottom: 2px;
}
.map-box-params input[type="checkbox"] {
margin-top: 8px;
}
.checkbox-inline .showroom-icon {
margin-bottom: 0;
}
.icon-dealer:before {
content: "\f041";
}
.icon-showroom:before {
content: "\f06e";
}
.icon-webshop:before {
content: "\f07a";
}
.icon-lvipartner {
background-image: url('../img/lvi-partner.png');
background-repeat: no-repeat;
width: 26px;
height: 26px;
vertical-align: middle;
background-position: center;
margin-bottom: 2px;
}
/* purmo expert dashboard */
.panel {
border: 1px solid #ddd;
}
.panel .fa-2x {
color: #888;
}
.panel a:hover:not(.btn-link) {
text-decoration: none;
}
.panel.widget {
border: none;
}
.panel.widget .panel-body {
border-radius: 4px;
}
a.bg-primary:hover {
color: #fff;
}
.panel .small {
font-size: 80%;
margin-bottom: 5px;
}
.panel .small span {
display: block;
font-weight: 600;
}
.panel-default > .panel-heading {
background-color: #fff;
}
.panel .table-condensed th, .panel .table-condensed td {
padding: 3px 4px !important;
font-size: 13px;
}
.panel .bg-gray {
background-color: #f5f5f5;
color: #666;
border-radius: 4px;
}
.panel .bg-gray:hover {
background-color: #eee;
color: #333;
}
.panel .table-responsive {
margin-top: 0;
}
.pe-btn-back {
margin-bottom: 20px;
}
.required {
color: #eb6600;
}
.bootstrap-datetimepicker-widget .table-condensed td, .bootstrap-datetimepicker-widget .table-condensed th {
border: none;
background: transparent;
}
.input-group-inline, .input-group-inline > * {
width: auto !important;
}
.checkbox-primary input[type="checkbox"]:checked + label::before, .checkbox-primary input[type="radio"]:checked + label::before {
background-color: #eb6600;
border-color: #eb6600;
}
.table-orange {
font-size: 80%;
border-color: #eb6600;
}
.table-orange > thead > tr > th {
background: #eb6600;
color: #fff;
border-color: #FFAB6A;
}
.table-orange > tbody > tr > td {
border-color: #F1C19D;
}
.table-orange > thead > tr > th a {
color: #fff;
}
.irs-bar, .irs-bar-edge, .irs-from, .irs-to, .irs-single {
background: #eb6600;
border-color: #db6600;
}
.panel .form-inline > * {
margin-bottom: 2px;
}
.filter-actions {
display: inline;
}
.date-length {
width: 102px !important;
}
.bootstrap-datetimepicker-widget .new {
position: static;
display: table-cell;
background: transparent;
}
.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover {
background-color: #eb6600;
}
/* CAD Library */
.cad-library-title {
color: #eb6600;
font-weight: 600;
font-size: 200%;
margin-top: 60px !important;
}
.cad-library-checkbox {
display: inline-block;
text-align: center;
margin: 5px;
}
.cad-library-checkbox .label {
display: block;
font-size: 100%;
}
.cad-library-details .table {
font-size: 110%;
}
.cad-library-details .table .btn {
padding: 2px 10px;
}
.cad-library-details hr.orange {
margin: 0;
}
.cad-library-details .close-details {
position: relative;
text-align: right;
}
.cad-library-details .close-details .btn {
position: absolute;
right: 5px;
top: 5px;
}
.cad-library-files td strong {
font-size: 120%;
font-weight: 700;
}
.back-to-calc {
}
.back-to-calc a {
font-size: 120%;
color: #333;
margin: 0 5px;
}
.back-to-calc .label {
font-size: 120%;
}
.library-product-name {
font-size: 140%;
padding-bottom: 20px
}
.library-product-category {
margin-top: -30px;
position: absolute;
}
.library-product-category span {
font-size: 80%;
display: inline-block;
margin: 0 5px 2px 0;
}
.library-product-category span + span:before {
content: '|';
margin-right: 4px;
}
.listing-3d .row > div {
position: static;
}
.cad-library-details {
position: absolute;
background: #fff;
z-index: 2;
left: 0;
right: 0;
border-bottom: 1px solid #aaa;
box-shadow: 0 4px 4px rgba(0,0,0,0.1);
padding-bottom: 20px;
}
.listing-3d .view-thumb {
position: relative;
}
.listing-3d .view-thumb.active {
position: relative;
}
.listing-3d .view-thumb.active:after {
content:"\f02e";
font-family: FontAwesome;
color: #eb6600;
font-size: 34px;
right: 0;
bottom: 22px;
position: absolute;
}
.calc-loading {
position: absolute;
right: -6px;
bottom: 36px;
}
.cart-wrapper {
border: 1px solid #eb6600;
border-top: none;
border-radius: 0 0 4px 4px;
padding: 4px 6px 4px 14px;
background: #fff;
color: #eb6600;
min-width: 200px;
display: inline-block;
}
@media screen and (min-width: 900px) {
.cart-wrapper {
position: fixed;
top: 74px;
left: 50%;
transform: translateX(-50%);
z-index: 100;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
}
}
.cart-wrapper:after {
content: '';
clear: both;
display: table;
}
.cart-wrapper.scroll-fix {
position: fixed;
top: 0;
margin-top: 0;
z-index: 3;
box-shadow: 0 2px 2px rgba(0,0,0,0.1);
}
.cart-trigger {
float: right;
background-color: rgba(235, 102, 0, 0.4);
color: #ffff;
border-radius: 100px;
margin-left: 20px;
padding: 4px 7px;
}
.cart-trigger:hover, .cart-trigger:focus {
background-color: rgba(235, 102, 0, 1);
color: #fff;
}
.cart-items {
float: left;
font-weight: 600;
font-size: 17px;
margin-top: 3px;
}
#calc-clipboard-modal .modal-body {
max-height: 70vh;
overflow-y: auto;
}
#calc-product-details-img-main {
margin-top: 10px;
}
.tablesorter-header:focus {
outline: none;
}
@media (min-width: 768px) {
/* purmo expert dashboard */
.pe-primary-panel .panel-body {
min-height: 186px;
}
.pe-primary-half-panel {
display: table;
width: 100%;
}
.pe-primary-half-panel .panel-body:last-child {
height: 108px;
display: table-cell;
vertical-align: middle;
}
.pe-secondary-panel .panel-body {
min-height: 230px;
}
.pe-date {
font-size: 12px;
margin-bottom: 10px;
}
.pe-3-lines {
height: 66px;
overflow: hidden;
margin: 0;
}
/**/
.vbottom {
display: table;
table-layout: fixed;
width: 100%;
}
.vbottom > div {
display:table-cell;
vertical-align: bottom;
float: none;
}
.vbottom > div img {
margin: 0.1% 0;
}
.map-fr-overlay {
margin-bottom: -100px;
z-index: 2;
position: relative;
}
.map-fi-link {
float: left;
width: 25%;
padding-right: 15px;
margin-bottom: 6px;
}
#calc-product-details-img-type {
max-height: 150px;
}
}
/* swiper arrows */
.arrow-left, .arrow-right {
background: url(../img/eu-arrow-left.png) no-repeat;
position: absolute;
left: 2%;
width: 49px;
height: 67px;
top: 42%;
display: none;
}
.arrow-right {
background-image: url(../img/eu-arrow-right.png);
left: auto;
right: 2%;
}
.arrow-left:active, .arrow-right:active {
margin-left: 1px;
margin-top: 1px;
}
/**/
@media (min-width: 992px) and (max-width: 1199px) {
#regions li {
padding-bottom: 12px;
}
#regions .email {
padding: 1px 4px;
bottom: 2px;
position: absolute;
background-color: #fff;
}
}
@media (max-width: 991px) {
#regions li {
padding: 5px;
width: 100%;
}
#regions img, .koordynator img {
display: none;
}
#regions .name {
margin-top: 0;
}
.region-no {
font-size: 22px;
}
.popover a {
font-size: 90%;
}
}
@media (max-width: 767px) {
#regions li {
width: 100%;
margin-right: 0;
padding: 2px 10px;
font-size: 80%;
}
}
@media (min-width: 480px) and (orientation: portrait) {
.wrapper {
position: relative;
}
.map {
position: absolute;
width: 100%;
height: auto !important;
top: 116px;
bottom: 84px;
}
}
@media (min-width: 480px) {
.panel-selector a:hover {
border-top: 1px solid transparent;
}
.panel-selector.active a {
margin-top: -11px;
padding: 14px 10px 0;
margin-left: 0;
}
.content-menu {
list-style: none;
padding: 0;
margin: 35px -7% 0;
}
.content-menu li a {
padding: 10px 7% 10px 7%;
}
.content-menu .line {
width: 80%;
margin: 0 10%;
border-bottom: 1px solid #e8e5e1;
display: block;
line-height: 1px;
height: 1px;
float: left;
}
}
@media (min-width: 768px) {
.logos-list li {
width: 31%;
float: left;
}
.radiator-rotate > span > span {
/* mix-blend-mode: multiply; */
}
.goto-ral-colours {
float: right;
font-size: 90%;
}
.navbar-wrapper.scroll-fix {
z-index: 5;
position: fixed;
width: 100%;
top: 0;
}
.photo-right {
float: right;
margin: 0 0 30px 40px;
}
.download-box h3 {
font-weight: 300;
font-size: 125%;
letter-spacing: -1px;
height: 78px;
overflow: hidden;
color: #333;
padding: 16px 0;
display: table-cell;
vertical-align: bottom;
}
.download-size {
margin-top: 34px;
}
.printable + .download-size {
margin-top: 10px;
}
.col-sm-8 {
width: 66.66666667%;
}
/* centered columns styles */
.row-centered {
text-align:center;
}
.col-centered {
display:inline-block;
float:none;
text-align:left;
/* inline-block space fix */
margin-right:-4px;
}
/**/
.swiper-arrow {
/* display: block; */
position: absolute;
bottom: 50%;
height: 80px;
width: 80px;
border-radius: 50%;
background-color: rgba(130, 130, 130, 0.2);
line-height: 76px;
font-size: 300%;
color: rgba(0, 0, 0, 0.5);
cursor: pointer;
text-align: center;
opacity: 0.9;
}
.swiper-arrow:hover, .swiper-arrow:focus {
opacity: 1;
color: rgba(0, 0, 0, 0.6);
}
.swiper-arrow-left {
left: 1%;
padding-right: 2px;
}
.swiper-arrow-right {
right: 1%;
padding-left: 2px;
}
.abs-floating-box h4 {
font-size: 100%;
}
.wrapper {
position: relative;
}
.swiper-index {
min-height: 250px;
}
.inside-outside-view {
position: relative;
font-size: 80%;
margin-top: -40px;
}
.navbar-nav .separator {
display: block;
border-left: 1px solid #ffba89;
float: left;
height: 24px;
margin-top: 8px;
margin-left: -1px;
}
.navbar-nav > li.open > a:hover, .navbar-nav > li > a:hover, .navbar-nav > li > a:focus, .navbar-nav > li > a.highlighted {
background: transparent;
}
.dropdown-menu {
padding: 0;
font-size: inherit;
border: 1px solid #aaa;
/* border-top: none; */
border-radius: 0;
-webkit-box-shadow: none;
/*box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);*/
padding: 0 0 1px;
}
.navbar-nav > li > .dropdown-menu {
margin-top: 1px !important;
}
/*.eu-page */.navbar-nav > li .dropdown-menu {
background: transparent;
}
.top-text-menu.navbar-nav > li > .dropdown-menu {
margin-top: 10px !important;
}
.personal-tools {
display: block !important;
visibility: visible !important;
height: auto !important;
float: right;
}
.wrapper .dropdown-menu > li a:hover, .wrapper .dropdown-menu li.active > a, .wrapper .content-menu li > a:hover, .wrapper .dropdown-menu li.open .highlighted {
background-color: #eb6600 !important;
background: -moz-linear-gradient(top, #eb6600 0%, #dd4e00 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eb6600), color-stop(100%,#dd4e00)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #eb6600 0%,#dd4e00 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #eb6600 0%,#dd4e00 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #eb6600 0%,#dd4e00 100%); /* IE10+ */
background: linear-gradient(to bottom, #eb6600 0%,#dd4e00 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb6600', endColorstr='#dd4e00',GradientType=0 ); /* IE6-9 */
color: #fff;
text-decoration: none;
}
.dropdown-menu li a {
padding: 14px 40px 14px 10px;
display: block;
margin: 0;
color: #545454;
font-weight: normal;
position: relative;
line-height: 14px;
}
/*.eu-page */.wrapper .dropdown-menu li a {
background-color: #666;
background-color: rgba(50,50,50,0.8);
color: #fff;
}
/*.eu-page */.dropdown-menu li a:hover {
z-index: 3;
}
/*.eu-page */.wrapper .mega-menu li a {
background-color: transparent;
color: #000;
}
.navbar-nav ul a.has-submenu {
padding: 14px 40px 14px 10px;
}
.wrapper .dropdown-menu > li > a:before {
content:'';
border-bottom: 1px solid #e8e5e1;
border-bottom-color: rgba(255,255,255,0.5);
display: block;
line-height: 1px;
height: 1px;
position: absolute;
bottom: -1px;
left: 10px;
right: 10px;
}
/*.eu-page */.dropdown-menu > li > a:before, /*.eu-page */.dropdown-menu > li.open > a {
z-index: 2;
}
/*.eu-page */.dropdown-menu > li > a:hover:before, /*.eu-page */.dropdown-menu > li.open > a:before {
border-bottom-color: #666;
}
.dropdown-menu > li:last-child > a:before {
content:normal;
}
.navbar-nav ul a:hover .sub-arrow:after,.navbar-nav ul a:hover .sub-arrow:after, .navbar-nav .highlighted .sub-arrow:after {
color: #fff;
}
.navbar-nav > li > .dropdown-menu > li:first-child:before {
content:'';
position: absolute;
top: -10px;
left: 20px;
width: 0;
height: 0;
border-right: 10px solid transparent;
border-bottom: 10px solid #ccc;
border-left: 10px solid transparent;
}
.navbar-nav > li > .dropdown-menu > li:first-child:after {
content:'';
position: absolute;
top: -9px;
left: 20px;
width: 0;
height: 0;
border-right: 10px solid transparent;
border-bottom: 10px solid #fff;
border-left: 10px solid transparent;
}
.navbar-nav > li > .dropdown-menu > li:first-child:hover:before {
border-bottom-color: #666;
}
.navbar-nav > li > .dropdown-menu > li:first-child:hover:after {
border-bottom-color: #eb6600 !important;
}
/*.eu-page */.navbar-nav > li > .dropdown-menu > li:first-child:after {
border-bottom-color: #666;
}
/* smart menu */
.navbar-nav > li > a > .sub-arrow {
display: none;
}
.dropdown-menu .content-div {
padding: 25px;
font-weight: normal;
border: 1px solid #eb6600;
/* box-shadow: 0 0 3px rgba(0,0,0,0.2); */
line-height: normal;
background: #fff !important;
}
.dropdown-menu .content-div a {
padding: 0;
text-align: center;
}
.dropdown-menu > li .content-div a:hover {
background: transparent !important;
color: #000;
}
.content-div img {
max-width: 100%;
}
.content-div p, .content-div > div {
text-transform: none;
margin-bottom: 10px;
}
.content-div .product-name {
color: #eb6600;
margin-bottom: 26px;
}
.row-flex {
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display: flex;
}
.row-flex > div {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
}
.row-flex > div > h2 {
text-align: center;
}
.narrow-view {
padding: 1% 4% 3%;
align-self: center;
}
.narrow-view:first-child {
padding-left: 8%;
}
.product-title, .page-title {
background: #fff;
/* margin: 32px 0 28px; */
color: #000;
display: inline-block;
z-index: 10;
position: relative;
/* padding: 10px 0; */
}
.product-title h1, .page-title h1 {
margin: 0;
padding: 0 18px;
/* color: #fff; */
font-weight: 300;
font-size: 180%;
line-height: 30px;
}
.container-title + img {
margin-top: -110px;
margin-bottom: 30px;
}
.context-nav {
float: right;
margin: 0 0 40px 40px;
}
.row-team > [class*="col-"]:nth-child(3n+1) {
clear: left;
}
.tab-pane .collapse > img:first-of-type, .tab-pane .collapse > p + img {
margin-left: 6%;
}
.tab-pane .collapse > img + img {
margin-left: 2%;
}
.start-again {
position: absolute;
right: 20px;
padding: 0 20px;
background: #fff;
top: -12px;
z-index: 1;
}
.modal-body {
position: relative;
max-height: 550px;
max-height: calc(100vh - 54px - 67px - 30px - 30px);
padding: 5px 15px 15px;
overflow-y: auto;
}
.modal-body .calculator {
margin: 20px auto;
max-width: 600px;
}
#calc-clipboard-modal .modal-dialog {
width: 900px;
max-width: 96%;
}
#calc-basket-modal .modal-dialog {
width: 1000px;
max-width: 96%;
}
#modal-1 .modal-body, #modal-2 .modal-body, #modal-3 .modal-body, #modal-result-de .modal-body {
max-height: none;
}
#loggain .modal-body {
border: 1px solid #ddd;
margin: -10px 15px 0;
padding: 30px 30px 15px;
}
#loggain .modal-title {
padding: 2px 10px 2px 28px;
bottom: -14px;
position: relative;
z-index: 10;
display: inline-block;
margin-left: 20px;
background: #fff url(../img/login-icon.png) no-repeat 5px 5px;
}
#loggain .modal-header {
border: none;
}
#loggain .modal-footer {
border: none;
}
.modal-register {
float: left;
margin-top: 7px;
}
.modal-forgotten-pass {
margin-right: 15px;
}
.btn-wide {
padding-left: 6%;
padding-right: 6%;
}
#notice .modal-body {
overflow-y: auto;
}
.under-title, .fullwidth-image {
margin-top: -110px;
width: auto;
height: auto;
}
.tab-pane .under-title {
margin-top: 0;
}
#quick-tech-data .modal-dialog {
top: 50%;
left: 50%;
margin-left: -300px;
margin-top: -150px;
position: absolute;
}
#quick-tech-data .modal-header, #quick-tech-data .modal-footer {
border: none;
}
#quick-tech-data .modal-header {
padding-bottom: 0;
}
#quick-tech-data .modal-header h4 {
background: #fff;
bottom: -5px;
position: relative;
z-index: 2;
display: inline-block;
padding: 0 10px;
margin-top: 10px;
margin-left: 10px;
font-weight: 600;
}
#quick-tech-data .modal-body {
border: 2px solid #eee;
margin: 0 12px;
padding: 25px 25px 10px;
border-radius: 3px;
}
#quick-tech-data .modal-body label {
font-weight: normal;
}
#quick-tech-data .close {
color: #EB6600;
opacity: 0.9;
filter: alpha(opacity=90);
}
.dealerInfo {
float: right;
width: 38%;
}
.tableDealers {
float: left;
width: 60%;
}
/* thumb box */
.thumb-2-cols .thumb-box-module {
width: 50%;
padding-right: 3%;
float: left;
}
.thumb-2-cols .thumb-box-module:nth-child(2n+1) {
clear: left;
}
.thumb-2-cols .thumb-box-module:first-child, .thumb-2-cols .thumb-box-module:first-child + .thumb-box-module {
border-top: none;
padding-top: 0;
}
.nine-slices .item {
min-height: 240px;
}
.nine-slices .item:hover {
background-size: 100% !important;
}
.navbar-nav.top-text-menu {
margin-top: 50px;
}
}
@media (min-width: 992px) {
.image-right {
float: right;
max-width: 50%;
margin: 1% 0 2% 4%;
}
.isometric-view {
float: right;
width: 50%;
margin-left: 4%;
}
.team-center {
display: flex;
align-items: center;
min-height: 108px;
}
.swiper-index {
min-height: 300px;
}
.col-md-7 {
width: 58.33333333%;
}
.download-box h3 {
height: 100px;
}
.row-team > [class*="col-"]:nth-child(3n+1) {
clear: none;
}
.row-team > [class*="col-"]:nth-child(4n+1) {
clear: left;
}
.listing-files > .row > [class*="col-"]:nth-of-type(3n+1) {
}
.icons-box {
width: 46%;
float: left;
}
.icons-box h4 {
text-transform: uppercase;
}
.nine-slices .item {
min-height: 152px;
visibility: hidden;
opacity: 0;
max-height: 185px !important;
}
.eu-which-text {
padding: 12% 5% 0;
}
.wizard-box-de .sf-viewport .sf-step-name {
width: 90%;
margin-left: 0;
}
}
@media (min-width: 1200px) {
.download-box h3 {
}
.nine-slices .item {
min-height: 185px;
}
.map-results {
font-size: 72%;
}
.map-fi-params .checkbox-inline, .map-fi-params .radio-inline {
width: 44%;
}
}
@media (max-width: 1200px) {
body {
font-size: 90%;
}
.main-menu > li > a {
width: 133px;
}
.main-menu > li > a.active {
}
.top-text-menu {
}
.top-text-menu > li {
padding: 0 0 0 4px;
line-height: 10px;
margin-bottom: 8px;
margin-left: 4px;
}
.pos-abs,
.pos-sta {
font-size: 90%;
}
.map-floating-box {
font-size: 76%;
}
.map-floating-box .table td {
padding: 2px 4px;
}
.map-floating-box .form-group {
max-width: 40%;
}
.map-results {
/* height: 250px; */
}
.language-items li {
width: 32%;
}
.products-menu {
width: 314px;
}
.item-header {
font-size: 110%;
}
.item-content {
font-size: 90%;
line-height: 110%;
}
.download-thumb {
width: 124px;
}
.download-thumb img {
max-height: 176px;
}
.iso-logos {
width: 100%;
}
.download-box {
min-height: 315px;
}
.purmo-lvi-anim {
font-size: 70%;
}
.purmo-lvi-anim > .pla-item-5 {
max-width: 60%;
}
}
@media (max-width: 992px) {
body {
font-size: 86%;
}
.main-menu > li > a {
width: 116px;
}
.main-menu > li > a.active {
}
.top-text-menu {
margin-top: 25px;
}
.pos-abs .btn {
font-size: 86%;
white-space: normal;
text-transform: uppercase;
}
.pos-abs,
.pos-sta {
font-size: 80%;
}
.swiper-arrow {
height: 60px;
width: 60px;
line-height: 60px;
font-size: 250%;
}
.map {
bottom: 84px;
}
.col-md-6 .language-items li {
width: 50%;
}
.my-choice-badge {
float: left;
margin: 0 20px 30px 0;
}
.products-menu {
width: 240px;
}
.index-box-container {
margin-top: -40px;
}
.index-promo-box:before {
background-size: 94% 100px;
}
.index-promo-context-wrapper {
font-size: 100%;
}
.index-promo-context-wrapper .row > div > div {
position: absolute;
visibility: hidden;
opacity: 0;
padding: 8% 4%;
color: #fff;
}
.row-absolute {
font-size: 90%;
}
.item-header {
font-size: 120%;
}
.item-content {
font-size: 110%;
line-height: 130%;
}
.item-header {
font-size: 180%;
}
.nine-slices {
margin-top: 20px !important;
}
.index-warranty {
float: none;
width: 100%;
margin-right: 0;
}
.warranty-badge {
width: 15%;
margin: 0 6% 30px;
}
.index-social {
clear: left;
width: 100%;
max-width: none;
text-align: center;
float: none;
}
.index-social ul, .index-social h5 {
display: inline-block;
}
.index-social li img {
height: 32px;
}
.iso-logos {
width: 100%;
float: none;
text-align: center;
}
.download-thumb {
width: 140px;
}
.download-thumb img {
max-height: none;
}
.listing-files > .row > [class*="col-"]:nth-of-type(2n+1) {
}
.download-box {
min-height: 305px;
}
.color-palette .item {
width: 45%;
}
.arrow-left, .arrow-right {
width: 28px;
background-size: 100% auto;
}
.region-note {
width: 150px;
font-size: 90%;
}
.eu-metallic-colours .color-palette {
margin: 40px 0;
}
.sd-iphone, .sd-iphone-text {
position: static;
margin-top: 0;
text-align: center;
}
.sd-iphone-text {
display: block;
margin: -80px 0 40px;
}
.eu-smartdesign .lead {
min-height: 0;
}
ul.thumbnails.image_picker_selector li {
width: 50%;
margin: 0;
}
.sf-viewport .sf-step-name {
font-size: 50px;
line-height: 50px;
}
.purmo-lvi-anim > .pla-item-3, .purmo-lvi-anim > .pla-item-5 {
max-width: none !important;
left: 1%;
right: 1%;
}
.purmo-lvi-anim > .pla-item-5 {
top: 60%;
}
}
@media (max-width: 767px) {
.sd-appstores a {
margin-top: 10px;
margin-bottom: 10px;
display: inline-block;
}
.how-item {
width: 50%;
}
.how-item img {
width: 100%;
}
.eu-modul-img-item .eu-modul-img {
width: 40%;
}
.on-image-nav {
margin-top: -40px;
font-size: 18px;
}
.eu-metallic-colours .color-palette .item {
width: 46%;
background-size: cover;
}
body {
font-size: 90%;
}
.logo-header-wrapper {
text-align: center;
}
.logo-header {
margin: 0;
}
form .row {
margin-right: -15px;
margin-left: -15px;
width: auto;
}
.navbar {
margin: 0 -15px;
}
.navbar-toggle {
padding: 8px 2px;
}
.navbar-toggle .icon-bar {
background-color: #fff;
height: 4px;
}
.text-navbar-toggle {
margin-right: 0;
float: right;
margin: 0 0 0 10px;
padding: 9px 0 6px;
}
.text-navbar-toggle .icon-bar {
height: 2px;
width: 15px;
}
.eu-page .text-navbar-toggle .icon-bar {
background-color: #333;
}
.text-navbar-wrapper {
padding: 0;
}
.footer-nav {
font-size: 80%;
}
.search-form {
margin-top: 12px;
}
.search-form .form-group {
margin: 0;
}
.breadcrumb {
position: static;
padding: 0;
}
.swiper-container .pagination {
display: none;
}
.language-items img {
width: 20px;
}
.language-items li {
font-size: 90%;
padding-right: 10px;
width: 50%;
}
.flag img {
width: 20px;
margin: -2px 0;
display: block;
}
.panel-selector a {
font-size: 80%;
padding: 4px;
margin-left: 2px;
}
.main-menu {
font-size: 170%;
background: #fff;
padding: 0 20px;
}
.main-menu .sub-arrow, .navbar-nav .collapsible .sub-arrow {
position: absolute;
right: 10px;
top: 15px;
margin-top: -10px;
}
.top-text-menu .collapsible .sub-arrow {
margin-top: 0;
right: 20px;
border-top: 4px dashed transparent;
border-left: 4px solid #fff;
}
.eu-page .top-text-menu .collapsible .sub-arrow {
border-left: 4px solid #333;
}
.top-text-menu .open.collapsible > a > .sub-arrow {
border-left: 4px dashed transparent;
border-top: 4px solid #fff;
}
.eu-page .top-text-menu .open.collapsible > a > .sub-arrow {
border-top: 4px solid #333;
}
.main-menu .open.collapsible > a > .sub-arrow {
top: 15px;
}
.main-menu > li > a > .sub-arrow, .main-menu > li.open.collapsible > a > .sub-arrow {
top: 50%;
}
.main-menu .sub-arrow {
padding: 10px 20px 10px 12px;
}
.main-menu .sub-arrow:after {
content:"\f105";
font-family: FontAwesome;
font-weight: normal;
right: 12px;
top: 50%;
margin-top: -8px;
color: #ccc;
line-height: 12px;
display: block;
position: absolute;
font-size: 130%;
}
.navbar-nav .highlighted .sub-arrow:after {
content:"\f107";
}
.navbar-nav.top-text-menu {
display: block;
float: none;
background: #333;
text-align: left;
}
.eu-page .navbar-nav.top-text-menu {
background: #e0e0e0;
}
.top-text-menu li {
display: block;
float: none;
border: none;
margin: 0;
padding: 0;
position: relative;
}
.navbar-nav.top-text-menu li a {
padding: 8px 20px;
color: #fff;
}
.eu-page .navbar-nav.top-text-menu li a {
color: #000;
}
.navbar-nav.top-text-menu li > a:hover, .navbar-nav.top-text-menu li > a:focus {
background-color: #444;
}
.eu-page .navbar-nav.top-text-menu li > a:hover, .eu-page .navbar-nav.top-text-menu li > a:focus {
background-color: #eee;
}
.top-text-menu .sub-arrow {
float: right;
margin-top: 6px;
border-top: 4px dashed transparent;
border-left: 4px solid #fff;
}
.eu-page .top-text-menu .sub-arrow {
border-left: 4px solid #333;
}
.navbar-nav .open .dropdown-menu li > a {
padding-left: 40px;
}
.navbar-nav .open .dropdown-menu li li > a {
padding-left: 55px;
}
.navbar-nav .open .dropdown-menu li li li > a {
padding-left: 65px;
}
.navbar-nav .open .dropdown-menu li li li li > a {
padding-left: 75px;
}
.navbar-nav .open .dropdown-menu.mega-menu li > a {
padding-left: 0;
text-align: center;
}
.navbar-nav .open .content-div {
border: 1px solid #eee;
padding: 0 0 10px;
border-radius: 0;
}
.content-div h3 {
font-size: 160%;
}
.content-div p {
margin-bottom: 10px;
}
.content-div .product-name {
margin-top: 0;
}
.navbar-nav .collapsible ul ul .content-div > a {
padding: 0;
}
.content-div > li > * {
margin-left: 20px;
margin-right: 20px;
}
.content-div > a:first-child {
margin: 0;
}
.content-div > li > a:hover, .content-div > li > a:focus {
background-color: transparent;
}
.index-box-container {
margin-top: -10px;
}
.index-promo-box:before {
content: normal;
}
.index-promo-context-wrapper {
font-size: 100%;
}
.breadcrumb {
clear: right;
}
.page-tools {
padding: 0;
}
.logo-footer {
max-width: 80%;
margin: 15px 0;
float: right;
}
.main-menu li {
float: none;
border-top: 1px solid #ddd;
width: 100%;
position: relative;
}
.main-menu li > a {
color: #333;
font-weight: 600;
font-size: 78%;
margin-right: 0;
text-align: left;
width: auto;
padding-left: 15px;
}
.dropdown-menu {
padding: 0;
font-size: 86%;
}
.top-text-menu .dropdown-menu {
/* display: none !important; */
}
.navbar-nav .caret {
display: none;
}
.row-absolute {
font-size: 80%;
}
.four-boxes .item {
width: 48.6%;
}
.four-boxes .item:nth-child(2n+1) {
margin-left: 0;
}
.item-header {
font-size: 3vw;
}
.item-content {
font-size: 2vw;
}
.content-container .wrapper + .container {
margin-top: 20px;
}
.menu-icon {
margin: 16px 2px 0 10px;
}
.show-side-menu {
font-size: 100%;
width: 60px;
height: 60px;
line-height: 60px;
opacity: 0.8;
top: auto;
bottom: 4%;
}
.line-icon {
width: 20px;
height: 4px;
}
.bottom-text-menu {
margin-top: 20px;
}
.product-title h1, .page-title h1 {
font-weight: 300;
margin: 30px 0 5px;
}
footer .top-text-menu li, footer .bottom-text-menu li {
border-left: none;
padding: 0;
margin: 0 10px 0 0;
}
.nav-tabs {
border-bottom: none;
margin: 0;
}
.nav-tabs > li > a {
padding: 7px 12px;
font-size: 90%;
border: 1px solid #ddd;
margin-top: 4px;
margin-right: 2px;
}
.nav-tabs > li.active:before, .nav-tabs > li.active:after {
content: none;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
background: #eb6600;
border-color: #eb6600;
color: #fff;
}
.table-responsive {
border: none;
}
.table-col-50 > tr > td, .table-col-50 > tbody > tr > td, .table-col-33-66 > tr > td, .table-col-33-66 > tbody > tr > td , .table-col-66-33 > tr > td, .table-col-66-33 > tbody > tr > td {
display: block;
width: 100%;
}
.download-box.file-added-to-basket {
padding-left: 15px;
margin-left: -15px;
}
.download-box {
padding: 15px 0;
}
.download-box h3 {
margin-bottom: 20px;
}
.download-box .col-xs-6 {
width: auto;
}
.press-files .download-box .col-xs-6 {
width: 50%;
}
.row > .group-title {
margin-left: 0;
margin-right: 0;
padding-left: 15px;
}
.remove {
clear: left;
}
.legend-buttons {
margin-top: 0;
}
.side-menu {
left: -370px;
}
.show-side-menu {
left: -15px;
}
.photo-right {
float: none;
margin: 10px 0 0 40px;
max-width: none;
}
.black-mask, .black-content-mask, .black-side-menu-mask {
display: none !important;
}
.download-box {
min-height: 0;
}
.color-shade {
width: 35%;
}
.tool-links > div {
margin: 0 2% !important;
width: 46%;
}
.arrow-left, .arrow-right {
display: none;
}
.showroom-results .btn {
margin-top: 10px;
}
.eu-map {
margin-top: 50px;
}
.eu-map .map-floating-box {
position: static;
box-shadow: none;
max-width: none;
margin: 10px;
border: none;
padding: 0;
font-size: 90%;
}
.map-wrapper {
max-width: none;
}
.swiper-full .swiper-slide img + *, .swiper-full .swiper-slide > a + * {
position: static;
display: none;
}
.swiper-full .swiper-slide .container {
padding: 0;
}
.shadow-layer {
width: 100%;
box-shadow: none;
}
.eu-ral-colours .color-palette .item {
width: 33%;
}
.eu-ral-colours .color-palette .color-shade {
width: 100px;
height: 100px;
}
.sf-viewport .sf-step-name {
font-size: 35px;
line-height: 35px;
width: 100%;
margin-bottom: 0;
}
.renovation-needs {
display: none;
}
ol.thumbnails.image_picker_selector li {
width: 50%;
margin: 0;
}
h1.profile-choose-welcome {
font-size: 160%;
}
h3.profile-choose-welcome {
font-size: 100%;
}
.profile-choose-logo {
display: none;
}
.profile-choose-end, .profile-choose-pro {
font-size: 14px;
width: 100%;
float: none;
border: none;
margin-bottom: 5%;
}
.profile-choose-end p, .profile-choose-pro p {
margin-bottom: 1%;
}
#answer .item {
padding: 0 10% 5%;
}
#answer .item img {
max-width: 100%;
margin: 4% auto;
float: none !important;
}
.save-energy-thumbs .col a + a {
font-size: 120%;
}
.pla-electr-icon img + img {
position: absolute !important;
display: inline !important;
}
.showroom-col {
margin: 0 0 10px 0;
width: auto !important;
float: none;
text-align: left !important;
}
.map-fi-link {
display: inline-block;
margin: 0 10px;
}
}
@media (max-width: 479px) {
.cad-library-files .table td {
padding: 4px 2px;
}
.cad-library-files .table th {
font-size: 70%;
padding: 2px;
}
.eu-modul-img-item > * {
width: auto !important;
display: block !important;
}
.eu-ral-colours .color-palette, .eu-metallic-colours .color-palette {
margin: 40px 0;
}
.eu-metallic-colours .color-palette .item {
width: 100%;
}
.mapster_tooltip {
left: 2% !important;
right: 2%;
font-size: 13px;
}
.popover .row > div {
margin-top: 10px;
}
body {
font-size: 80%;
}
/*.btn {
font-size: 90%;
padding: 6px 4px;
}*/
h1 {
font-size: 180%;
}
h2 {
font-size: 150%;
}
.footer-nav li {
margin-bottom: 10px;
margin-left: 12px;
}
.btn-search {
padding: 6px 4px;
font-size: 90%;
}
.row > [class*="col-xs"] {
width: 100%;
margin: 0;
left: auto;
right: auto;
}
.inspiration {
width: 100%;
}
.language-items {
margin-bottom: 30px;
}
.flag img {
width: 20px;
}
.panel-selector {
float: right;
}
.view-thumb .product-name {
height: auto;
}
.view-thumb {
height: auto !important;
margin-bottom: 20px;
}
.border-thumb {
border-left: 10px solid #eb6600;
margin-left: -15px;
padding-left: 17px;
}
.listing-certificates .border-thumb {
border: 1px solid #ddd;
margin: 0 10%;
padding-left: 0;
}
.listing-certificates .desc {
margin: -1px 10% 0;
padding-left: 0;
}
.warranty-badge {
width: 25%;
margin: 0 10% 20px;
}
.index-social {
width: 100%;
float: none;
margin: 20px 0;
}
.iso-logos {
width: 100%;
float: none;
text-align: center;
margin: 40px 0;
}
.color-palette .item {
width: 100%;
margin-right: 0;
}
.color-shade {
width: 50%;
}
.sf-viewport .sf-step-name {
font-size: 30px;
line-height: 30px;
}
.purmo-lvi-anim {
font-size: 50%;
}
.purmo-lvi-anim > .pla-item-4 {
font-size: 1500%;
}
.purmo-lvi-anim > .pla-item-2 {
top: 20%;
}
}
@media (max-width: 319px) {
.btn-search {
display: none;
}
.navbar-toggle {
margin-right: 0;
}
}
.swiper-full .swiper-slide {
min-height: 477px;
background: #fff;
}
@media (max-width: 1200px) {
.swiper-full .swiper-slide {
min-height: 393px;
}
}
@media (max-width: 992px) {
.swiper-full .swiper-slide {
min-height: 303px;
}
}
@media (max-width: 767px) {
.swiper-full .swiper-slide {
min-height: 0;
}
.profile-switch a {
padding: 8px 8px;
}
.profile-switch .active a {
border-left-width: 2px;
}
}
@media (max-width: 479px) {
.superoffice legend:before, .superoffice legend:after {
content: normal;
}
.profile-switch a {
padding: 10px 8px;
font-size: 90%;
text-transform: none
}
.form-color-picker + .popover {
max-width: 96%;
left: 2% !important;
}
}
.input-error {
background-color: #FFE7E9;
color: #F00 !important;
border-color: #f00;
}
.input-error + .spinbox-buttons .btn, .input-error + .spinbox-buttons .btn .fa {
border-color: #f00 !important;
color: #f00;
}
.calc-overlay {
position: absolute;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
background-color: rgba(255, 255, 255, 0.8);
z-index: 99;
text-align: center;
}
.calc-overlay-basket {
background-color: rgba(255, 255, 255, 0.3);
}
.calc-overlay .fa-spin {
position: relative;
color: #eb6600;
top: 40%;
}
.calc-content-overlay {
position: absolute;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
background-color: rgba(255, 255, 255, 0.7);
z-index: 99;
text-align: center;
}
.calc-content-overlay .fa-spin {
position: relative;
color: #eb6600;
top: 40%;
}
.calc-result-overlay {
position: absolute;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
background-color: rgba(255, 255, 255, 0.2);
z-index: 99;
text-align: center;
}
.calc-result-overlay .fa-spin {
position: relative;
color: #eb6600;
}