html, body { height: 100%; margin: 0px; padding: 0px; }
.outerWrapper { height: 100%; }
/* ::::: https://www.tado.com/css/live/styles_website-flexbox.1493726153.css ::::: */
*::-moz-selection { background: rgb(179, 212, 252) none repeat scroll 0% 0%; text-shadow: none; }
html { }
body { margin: 0px; font-family: sans-serif; }
ul, ol { margin-top: 0px; margin-bottom: 0px; padding-left: 0px; }
li { display: block; }
h1, h2, h3, h4, h5, h6 { margin-top: 0px; margin-bottom: 0px; font-size: inherit; }
p { margin-top: 0px; margin-bottom: 0px; }
strong { font-weight: 900; }
img { border: 0px none; max-width: 100%; height: auto; vertical-align: middle; }
a { text-decoration: none; color: inherit; }
figure { margin:0px }
button { border: 0px none; margin: 0px; padding: 0px; text-align: inherit; text-transform: inherit; font: inherit; letter-spacing: inherit; background: transparent none repeat scroll 0px 0px; cursor: pointer; overflow: visible; }
*::-moz-focus-inner { border: 0px none; padding: 0px; }
@media only screen and (min-width: 0px) {
.start-xs { text-align: left; }
.end-xs { text-align: right; }
}
@media only screen and (min-width: 48em) {
.start-sm { text-align: left; }
.end-sm { text-align: right; }
}
@media only screen and (min-width: 64em) {
.start-md { text-align: left; }
.end-md { text-align: right; }
}
@media only screen and (min-width: 75em) {
.start-lg { text-align: left; }
.end-lg { text-align: right; }
}
.row { box-sizing: border-box; display: flex; -moz-box-flex: 0; flex: 0 1 auto; -moz-box-direction: normal; flex-flow: row wrap; margin-right: -0.5rem; margin-left: -0.5rem; }
.row, .row.reverse { -moz-box-orient: horizontal; }
.col-xs { box-sizing: border-box; -moz-box-flex: 0; flex: 0 0 auto; padding-right: 0.5rem; padding-left: 0.5rem; }
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-offset-0, .col-xs-offset-1, .col-xs-offset-2, .col-xs-offset-3, .col-xs-offset-4, .col-xs-offset-5, .col-xs-offset-6, .col-xs-offset-7, .col-xs-offset-8, .col-xs-offset-9, .col-xs-offset-10, .col-xs-offset-11, .col-xs-offset-12 { box-sizing: border-box; -moz-box-flex: 0; flex: 0 0 auto; padding-right: 0.5rem; padding-left: 0.5rem; }
.col-xs { -moz-box-flex: 1; flex-grow: 1; flex-basis: 0px; max-width: 100%; }
.col-xs-2 { flex-basis: 16.666%; max-width: 16.666%; }
.col-xs-6 { flex-basis: 50%; max-width: 50%; }
.col-xs-8 { flex-basis: 66.667%; max-width: 66.667%; }
.col-xs-10 { flex-basis: 83.333%; max-width: 83.333%; }
.col-xs-12 { flex-basis: 100%; max-width: 100%; }
.col-xs-offset-1 { margin-left: 8.333%; }
.start-xs { -moz-box-pack: start; justify-content: flex-start; text-align: start; }
.center-xs { -moz-box-pack: center; justify-content: center; text-align: center; }
.end-xs { -moz-box-pack: end; justify-content: flex-end; text-align: end; }
.middle-xs { -moz-box-align: center; align-items: center; }
@media only screen and (min-width: 48em) {
.container { width: 49rem; }
.col-sm { box-sizing: border-box; -moz-box-flex: 0; flex: 0 0 auto; padding-right: 0.5rem; padding-left: 0.5rem; }
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-offset-0, .col-sm-offset-1, .col-sm-offset-2, .col-sm-offset-3, .col-sm-offset-4, .col-sm-offset-5, .col-sm-offset-6, .col-sm-offset-7, .col-sm-offset-8, .col-sm-offset-9, .col-sm-offset-10, .col-sm-offset-11, .col-sm-offset-12 { box-sizing: border-box; -moz-box-flex: 0; flex: 0 0 auto; padding-right: 0.5rem; padding-left: 0.5rem; }
.col-sm { -moz-box-flex: 1; flex-grow: 1; flex-basis: 0px; max-width: 100%; }
.col-sm-1 { flex-basis: 8.333%; max-width: 8.333%; }
.col-sm-2 { flex-basis: 16.666%; max-width: 16.666%; }
.col-sm-3 { flex-basis: 25%; max-width: 25%; }
.col-sm-4 { flex-basis: 33.333%; max-width: 33.333%; }
.col-sm-5 { flex-basis: 41.667%; max-width: 41.667%; }
.col-sm-6 { flex-basis: 50%; max-width: 50%; }
.col-sm-7 { flex-basis: 58.333%; max-width: 58.333%; }
.col-sm-8 { flex-basis: 66.667%; max-width: 66.667%; }
.col-sm-9 { flex-basis: 75%; max-width: 75%; }
.col-sm-10 { flex-basis: 83.333%; max-width: 83.333%; }
.col-sm-11 { flex-basis: 91.667%; max-width: 91.667%; }
.col-sm-12 { flex-basis: 100%; max-width: 100%; }
.col-sm-offset-0 { margin-left: 0px; }
.col-sm-offset-1 { margin-left: 8.333%; }
.col-sm-offset-2 { margin-left: 16.666%; }
.col-sm-offset-3 { margin-left: 25%; }
.col-sm-offset-4 { margin-left: 33.333%; }
.col-sm-offset-5 { margin-left: 41.667%; }
.col-sm-offset-6 { margin-left: 50%; }
.col-sm-offset-7 { margin-left: 58.333%; }
.col-sm-offset-8 { margin-left: 66.667%; }
.col-sm-offset-9 { margin-left: 75%; }
.col-sm-offset-10 { margin-left: 83.333%; }
.col-sm-offset-11 { margin-left: 91.667%; }
.start-sm { -moz-box-pack: start; justify-content: flex-start; text-align: start; }
.center-sm { -moz-box-pack: center; justify-content: center; text-align: center; }
.end-sm { -moz-box-pack: end; justify-content: flex-end; text-align: end; }
.top-sm { -moz-box-align: start; align-items: flex-start; }
.middle-sm { -moz-box-align: center; align-items: center; }
.bottom-sm { -moz-box-align: end; align-items: flex-end; }
.around-sm { justify-content: space-around; }
.between-sm { -moz-box-pack: justify; justify-content: space-between; }
.first-sm { -moz-box-ordinal-group: 0; order: -1; }
.last-sm { -moz-box-ordinal-group: 2; order: 1; }
}
@media only screen and (min-width: 64em) {
.container { width: 65rem; }
.col-md { box-sizing: border-box; -moz-box-flex: 0; flex: 0 0 auto; padding-right: 0.5rem; padding-left: 0.5rem; }
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md-offset-0, .col-md-offset-1, .col-md-offset-2, .col-md-offset-3, .col-md-offset-4, .col-md-offset-5, .col-md-offset-6, .col-md-offset-7, .col-md-offset-8, .col-md-offset-9, .col-md-offset-10, .col-md-offset-11, .col-md-offset-12 { box-sizing: border-box; -moz-box-flex: 0; flex: 0 0 auto; padding-right: 0.5rem; padding-left: 0.5rem; }
.col-md { -moz-box-flex: 1; flex-grow: 1; flex-basis: 0px; max-width: 100%; }
.col-md-1 { flex-basis: 8.333%; max-width: 8.333%; }
.col-md-2 { flex-basis: 16.666%; max-width: 16.666%; }
.col-md-3 { flex-basis: 25%; max-width: 25%; }
.col-md-4 { flex-basis: 33.333%; max-width: 33.333%; }
.col-md-5 { flex-basis: 41.667%; max-width: 41.667%; }
.col-md-6 { flex-basis: 50%; max-width: 50%; }
.col-md-7 { flex-basis: 58.333%; max-width: 58.333%; }
.col-md-8 { flex-basis: 66.667%; max-width: 66.667%; }
.col-md-9 { flex-basis: 75%; max-width: 75%; }
.col-md-10 { flex-basis: 83.333%; max-width: 83.333%; }
.col-md-11 { flex-basis: 91.667%; max-width: 91.667%; }
.col-md-12 { flex-basis: 100%; max-width: 100%; }
.col-md-offset-0 { margin-left: 0px; }
.col-md-offset-1 { margin-left: 8.333%; }
.col-md-right-1 { margin-right: 8.333%; }
.col-md-offset-2 { margin-left: 16.666%; }
.col-md-offset-3 { margin-left: 25%; }
.col-md-offset-4 { margin-left: 33.333%; }
.col-md-offset-5 { margin-left: 41.667%; }
.col-md-offset-6 { margin-left: 50%; }
.col-md-offset-7 { margin-left: 58.333%; }
.col-md-offset-8 { margin-left: 66.667%; }
.col-md-offset-9 { margin-left: 75%; }
.col-md-offset-10 { margin-left: 83.333%; }
.col-md-offset-11 { margin-left: 91.667%; }
.start-md { -moz-box-pack: start; justify-content: flex-start; text-align: start; }
.center-md { -moz-box-pack: center; justify-content: center; text-align: center; }
.end-md { -moz-box-pack: end; justify-content: flex-end; text-align: end; }
.top-md { -moz-box-align: start; align-items: flex-start; }
.middle-md { -moz-box-align: center; align-items: center; }
.bottom-md { -moz-box-align: end; align-items: flex-end; }
.around-md { justify-content: space-around; }
.between-md { -moz-box-pack: justify; justify-content: space-between; }
.first-md { -moz-box-ordinal-group: 0; order: -1; }
.last-md { -moz-box-ordinal-group: 2; order: 1; }
}
@media only screen and (min-width: 75em) {
.container { width: 76rem; }
.col-lg { box-sizing: border-box; -moz-box-flex: 0; flex: 0 0 auto; padding-right: 0.5rem; padding-left: 0.5rem; }
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-offset-0, .col-lg-offset-1, .col-lg-offset-2, .col-lg-offset-3, .col-lg-offset-4, .col-lg-offset-5, .col-lg-offset-6, .col-lg-offset-7, .col-lg-offset-8, .col-lg-offset-9, .col-lg-offset-10, .col-lg-offset-11, .col-lg-offset-12 { box-sizing: border-box; -moz-box-flex: 0; flex: 0 0 auto; padding-right: 0.5rem; padding-left: 0.5rem; }
.col-lg { -moz-box-flex: 1; flex-grow: 1; flex-basis: 0px; max-width: 100%; }
.col-lg-1 { flex-basis: 8.333%; max-width: 8.333%; }
.col-lg-2 { flex-basis: 16.666%; max-width: 16.666%; }
.col-lg-3 { flex-basis: 25%; max-width: 25%; }
.col-lg-4 { flex-basis: 33.333%; max-width: 33.333%; }
.col-lg-5 { flex-basis: 41.667%; max-width: 41.667%; }
.col-lg-6 { flex-basis: 50%; max-width: 50%; }
.col-lg-7 { flex-basis: 58.333%; max-width: 58.333%; }
.col-lg-8 { flex-basis: 66.667%; max-width: 66.667%; }
.col-lg-9 { flex-basis: 75%; max-width: 75%; }
.col-lg-10 { flex-basis: 83.333%; max-width: 83.333%; }
.col-lg-11 { flex-basis: 91.667%; max-width: 91.667%; }
.col-lg-12 { flex-basis: 100%; max-width: 100%; }
.col-lg-offset-0 { margin-left: 0px; }
.col-lg-offset-1 { margin-left: 8.333%; }
.col-lg-offset-2 { margin-left: 16.666%; }
.col-lg-offset-3 { margin-left: 25%; }
.col-lg-offset-4 { margin-left: 33.333%; }
.col-lg-offset-5 { margin-left: 41.667%; }
.col-lg-offset-6 { margin-left: 50%; }
.col-lg-offset-7 { margin-left: 58.333%; }
.col-lg-offset-8 { margin-left: 66.667%; }
.col-lg-offset-9 { margin-left: 75%; }
.col-lg-offset-10 { margin-left: 83.333%; }
.col-lg-offset-11 { margin-left: 91.667%; }
.start-lg { -moz-box-pack: start; justify-content: flex-start; text-align: start; }
.center-lg { -moz-box-pack: center; justify-content: center; text-align: center; }
.end-lg { -moz-box-pack: end; justify-content: flex-end; text-align: end; }
.top-lg { -moz-box-align: start; align-items: flex-start; }
.middle-lg { -moz-box-align: center; align-items: center; }
.bottom-lg { -moz-box-align: end; align-items: flex-end; }
.around-lg { justify-content: space-around; }
.between-lg { -moz-box-pack: justify; justify-content: space-between; }
.first-lg { -moz-box-ordinal-group: 0; order: -1; }
.last-lg { -moz-box-ordinal-group: 2; order: 1; }
}
body { font-size: 14px; line-height: 1.286; color: rgb(99, 100, 102); font-weight: 400; background-color: rgb(255, 255, 255); }
body, .h1 { font-family: "Avenir"; }
body.constrainBodyWidthToFitNewHeader { max-width: 1260px; margin-left: auto; margin-right: auto; }
@media only screen and (max-width: 1400px) {
body.constrainBodyWidthToFitNewHeader { max-width: 1016px; }
}
h1 { font-size: 35px; line-height: 1; margin-bottom: 0.5em; color: rgb(255, 255, 255); }
h2 { margin-bottom: 25px; line-height: 1.2em; }
h2, #subhead h2 { font-size: 25px; color: rgb(59, 59, 59); }
h3 { color: rgb(59, 59, 59); font-size: 20px; line-height: 1.2; margin-bottom: 1em; }
h4 { font-size: 23px; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 16px; font-weight: 400; margin: 0px 0px 15px; color: rgb(57, 57, 57); }
.h1 { margin: 0px; padding: 0px; color: rgb(55, 73, 87); font-size: 2em; }
.h1, .h2 { font-weight: 500; }
.h2 { font-size: 1.571em; }
.h2, .h3 { margin: 0px; padding: 0px; font-family: "Avenir"; color: #1D1D1D; }
.h3 { font-size: 1.2857em; }
.h3, .h4 { font-weight: 500; }
.h4 { font-size: 1.1428em; }
.h4, .h5 { margin: 0px; padding: 0px; font-family: "Avenir"; color: rgb(55, 73, 87); }
.h5 { font-size: 1.07142em; }
p, .p, .p span { font-family: "Helvetica"; font-size: 1em; color: rgb(127, 127, 131); line-height: 1.5714em; font-weight: 500; }
#main p { font-size: 14px; line-height: 20px; margin-bottom:30px }
#main { width: auto; }
#main, .inside { position: relative; }
.inside { text-align: left; }
.block { overflow: hidden; }
p.text-small, .p.text-small, .p span.text-small { font-size: 0.9285em; }
ul.text-small { font-size: 0.9285em; }
a, a:focus, a:active, a:visited { outline: medium none; color: rgb(0, 120, 213); text-decoration: none; }
.button { padding: 0.4285em 1.0714em; border-radius: 0; font-size: 1.0714em; font-family: "Avenir"; cursor: pointer; border: 0px none; text-decoration: none; }
.button, .button.bold { font-weight: 700; }
.button:hover { box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3); }
.button:active { transform: translate3d(0px, 0px, 0px); box-shadow: none; }
.button:focus { box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2); outline: medium none; }
.button.green { background-color: #ccc; }
.button.green, .button.green span { color: #333; }
.button.green:hover { background-color: #999; }
.button.grey { background-color: rgb(127, 127, 131); }
.button.grey, .button.grey span { color: rgb(255, 255, 255); }
.button.grey:hover { background-color: rgb(139, 139, 142); }
.button.blue { background-color: rgb(0, 121, 214); }
.button.blue, .button.blue span { color: rgb(255, 255, 255); }
.button.blue:hover { background-color: rgb(49, 147, 220); }
form input, form textarea, form select { font-family: "Avenir"; }
form.flat:-moz-placeholder, form.flat::-moz-placeholder { color: rgb(199, 199, 201); }
form.flat input { padding: 0px 0.5em 0px 1em; }
form.flat input, form.flat textarea, form.flat select { color: rgb(51, 51, 51); background-color: rgb(248, 248, 250); border: medium none; outline: medium none; border-radius: 0.2857em; min-height: 2.4em; }
form.flat input:focus, form.flat textarea:focus, form.flat select:focus { outline: medium none; }
form.flat textarea { padding: 1em 0.5em 0px 1em; }
.badge--regular { display: inline-block; border-radius: 0.9em; font-size: 0.8em; text-transform: uppercase; font-weight: 800; padding: 0.18em 0.8em; }
.badge--regular.grey { background-color: rgb(127, 127, 131); color: rgb(255, 255, 255); }
body, body footer, body #headerNew, body header { min-width: 320px; }
.outerWrapper { margin-left: auto; margin-right: auto; }
@media only screen and (min-width: 1400px) {
.outerWrapper { max-width: 1276px; }
}
@media only screen and (min-width: 1000px) and (max-width: 1399px) {
.outerWrapper { max-width: 1016px; }
}
.innerWrapper { margin: 0px auto; box-sizing: border-box; }
@media only screen and (min-width: 1024px) {
.innerWrapper { width: 1000px; padding: 0px 20px; }
}
@media only screen and (max-width: 1023px) {
.innerWrapper { max-width: 900px; overflow: hidden; padding: 0px 20px; }
}
.center { text-align: center; }
@media only screen and (max-width: 1023px) {
.centerMobile { text-align: center; }
}
ul.inline-block li { display: inline-block; }
.hide { display: none; }
@media (max-width: 767px) {
.hidden-xs, tr.hidden-xs, th.hidden-xs, td.hidden-xs { display: none !important; }
}
@media (min-width: 768px) and (max-width: 1023px) {
.hidden-sm, tr.hidden-sm, th.hidden-sm, td.hidden-sm { display: none !important; }
}
@media (min-width: 1024px) and (max-width: 1199px) {
.hidden-md, tr.hidden-md, th.hidden-md, td.hidden-md { display: none !important; }
}
@media (min-width: 1200px) {
.hidden-lg, tr.hidden-lg, th.hidden-lg, td.hidden-lg { display: none !important; }
}
@font-face {
font-family: "Avenir"; font-style: normal; src: url('fonts/2f5a6074-badc-4e08-83f1-ed67fe5c3d7c.eot') format("eot"), url('fonts/b9ebb19d-88c1-4cbd-9baf-cf51972422ec.woff') format("woff"), url('fonts/5ed4f98e-9044-4810-88ff-74d412c1351f.ttf') format("truetype"), url('fonts/4cb16859-16ca-4342-b89c-292dc83266af.svg') format("svg");}
@font-face {
font-family: "Avenir LT Std"; font-style: normal; font-weight: 400; src: url('fonts/2f5a6074-badc-4e08-83f1-ed67fe5c3d7c.eot') format("eot"), url('fonts/b9ebb19d-88c1-4cbd-9baf-cf51972422ec.woff') format("woff"), url('fonts/5ed4f98e-9044-4810-88ff-74d412c1351f.ttf') format("truetype"), url('fonts/4cb16859-16ca-4342-b89c-292dc83266af.svg') format("svg");}
@font-face {
font-family: "Avenir LT Std"; font-style: normal; font-weight: 300; src: url('fonts/3511a780-31ca-4ee1-9083-89b1b7185748.eot') format("eot"), url('fonts/c4352a95-7a41-48c1-83ce-d8ffd2a3b118.woff') format("woff"), url('fonts/3e419b5b-c789-488d-84cf-a64009cc308e.ttf') format("truetype"), url('fonts/ca038835-1be3-4dc5-ba25-be1df6121499.svg') format("svg");}
@font-face {
font-family: "Avenir LT Std"; font-style: normal; font-weight: 700; src: url('fonts/212ab03d-5db2-4d6a-b94c-171cc702aa51.eot') format("eot"), url('fonts/2cac77ec-9bc0-4ee7-87e4-27650190744f.woff') format("woff"), url('fonts/aaf11848-aac2-4d09-9a9c-aac5ff7b8ff4.ttf') format("truetype"), url('fonts/294099f3-8d00-4676-afc5-5e9d8d43ad69.svg') format("svg");}
@font-face {
font-family: "Avenir LT Std"; font-style: italic; font-weight: 700; src: url('fonts/2a6f81a2-475c-4831-9949-33d7748ee561.eot') format("eot"), url('fonts/e0af2f49-a399-482b-a54e-d745e268ec80.woff') format("woff"), url('fonts/6803d3dd-2107-45fc-ac8a-a4fa13771547.ttf') format("truetype"), url('fonts/1bb1acb5-8d4e-4800-88af-dbcf1fe96ef8.svg') format("svg");}
@font-face {
font-family: "Avenir LT Std"; font-style: normal; font-weight: 800; src: url('fonts/f61bf0f6-c193-4100-b940-12a1a01dcee5.eot') format("eot"), url('fonts/7147ec3a-8ff8-4ec9-8c5c-bd1571dc6ae6.woff') format("woff"), url('fonts/d1dc54b2-878d-4693-8d6e-b442e99fef68.ttf') format("truetype"), url('fonts/731dd4d3-64da-427d-ba61-01575b3cf3f7.svg') format("svg");}
@font-face {
font-family: "Helvetica"; font-style: normal; font-weight: 400; src: url('fonts/ea95b44a-eab7-4bd1-861c-e73535e7f652.eot') format("eot"), url('fonts/4021a3b9-f782-438b-aeb4-c008109a8b64.woff') format("woff"), url('fonts/669f79ed-002c-4ff6-965c-9da453968504.ttf') format("truetype"), url('fonts/d17bc040-9e8b-4397-8356-8153f4a64edf.svg') format("svg");}
@font-face {
font-family: "Helvetica"; font-style: italic; font-weight: 400; src: url('fonts/8024396f-7071-4826-91f3-a6c74ac498a4.eot') format("eot"), url('fonts/6a0046e5-ec1e-4a57-b0d1-d80725a41a7e.woff') format("woff"), url('fonts/ffef6c19-060a-4d8b-9c04-ddc88a089c02.ttf') format("truetype"), url('fonts/e523fdb5-21af-407c-a6bf-0a5e86316650.svg') format("svg");}
@font-face {
font-family: "Helvetica"; font-style: normal; font-weight: 700; src: url('fonts/ea95b44a-eab7-4bd1-861c-e73535e7f652.eot') format("eot"), url('fonts/4021a3b9-f782-438b-aeb4-c008109a8b64.woff') format("woff"), url('fonts/669f79ed-002c-4ff6-965c-9da453968504.ttf') format("truetype"), url('fonts/d17bc040-9e8b-4397-8356-8153f4a64edf.svg') format("svg");}
@font-face {
font-family: "Helvetica"; font-style: normal; font-weight: 800; src: url('fonts/f70da45a-a05c-490c-ad62-7db4894b012a.eot') format("eot"), url('fonts/c5749443-93da-4592-b794-42f28d62ef72.woff') format("woff"), url('fonts/73805f15-38e4-4fb7-8a08-d56bf29b483b.ttf') format("truetype"), url('fonts/874bbc4a-0091-49f0-93ef-ea4e69c3cc7a.svg') format("svg");}
@font-face {
font-family: "Helvetica"; font-style: italic; font-weight: 800; src: url('fonts/ba3a4533-8c91-4cb2-9aaa-a88094026f33.eot') format("eot"), url('fonts/f1871604-fe87-46fa-b5d4-b8ec8fb8a1cb.woff') format("woff"), url('fonts/13fcc27d-ca3f-4d6c-92c1-539da3e903f4.ttf') format("truetype"), url('fonts/2a3f33c9-8d6e-440c-9632-83e5d9419616.svg') format("svg");}
@font-face {
font-family: "tadoicons"; font-style: normal; font-weight: 400; src: url('fonts/tadoicons.eot') format("embedded-opentype"), url('fonts/tadoicons.woff') format("woff"), url('fonts/tadoicons.ttf') format("truetype"), url('fonts/tadoicons.svg') format("svg");}
[class^="tado-icon-"]::before, [class*=" tado-icon-"]::before { font-family: "tadoicons"; font-style: normal; font-weight: 400; }
.tado-icon-arrow_right::before { content: ""; }
.tado-icon-arrow_down::before { content: ""; }
.tado-icon-tado_logo::before { content: ""; }
.tado-icon-weather-code-23::before, .tado-icon-weather-code-24::before, .tado-icon-windy::before { content: ""; }
.tado-icon-weather-code-0::before, .tado-icon-weather-code-1::before, .tado-icon-weather-code-2::before, .tado-icon-weather-code-3::before, .tado-icon-weather-code-4::before, .tado-icon-weather-code-37::before, .tado-icon-weather-code-38::before, .tado-icon-weather-code-39::before, .tado-icon-weather-code-45::before, .tado-icon-weather-code-47::before, .tado-icon-thunderstorms::before { content: ""; }
.tado-icon-weather-code-32::before, .tado-icon-weather-code-34::before, .tado-icon-weather-code-36::before, .tado-icon-sunny::before { content: ""; }
.tado-icon-weather-code-13::before, .tado-icon-weather-code-15::before, .tado-icon-weather-code-16::before, .tado-icon-weather-code-41::before, .tado-icon-weather-code-43::before, .tado-icon-snow::before { content: ""; }
.tado-icon-weather-code-14::before, .tado-icon-snow_scattered::before { content: ""; }
.tado-icon-weather-code-11::before, .tado-icon-weather-code-12::before, .tado-icon-rainy::before { content: ""; }
.tado-icon-weather-code-5::before, .tado-icon-weather-code-6::before, .tado-icon-weather-code-7::before, .tado-icon-weather-code-10::before, .tado-icon-weather-code-18::before, .tado-icon-weather-code-46::before, .tado-icon-rainy_snow::before { content: ""; }
.tado-icon-weather-code-8::before, .tado-icon-weather-code-42::before, .tado-icon-rainy_snow_scattered::before { content: ""; }
.tado-icon-weather-code-40::before, .tado-icon-rainy_scattered::before { content: ""; }
.tado-icon-weather-code-35::before, .tado-icon-rainy_hail::before { content: ""; }
.tado-icon-weather-code-27::before, .tado-icon-weather-code-29::before, .tado-icon-night_cloudy::before { content: ""; }
.tado-icon-weather-code-31::before, .tado-icon-weather-code-33::before, .tado-icon-night_clear::before { content: ""; }
.tado-icon-weather-code-17::before, .tado-icon-hail::before { content: ""; }
.tado-icon-weather-code-25::before, .tado-icon-freezing::before { content: ""; }
.tado-icon-weather-code-20::before, .tado-icon-weather-code-21::before, .tado-icon-weather-code-22::before, .tado-icon-foggy::before { content: ""; }
.tado-icon-weather-code-9::before, .tado-icon-drizzle::before { content: ""; }
.tado-icon-drizzle_scattered::before { content: ""; }
.tado-icon-weather-code-26::before, .tado-icon-cloudy::before { content: ""; }
.tado-icon-weather-code-30::before, .tado-icon-weather-code-44::before, .tado-icon-cloudy_partly::before { content: ""; }
.tado-icon-weather-code-28::before, .tado-icon-cloudy_mostly::before { content: ""; }
.tado-icon-users::before { content: ""; }
.tado-icon-tablet::before { content: ""; }
.tado-icon-support::before { content: ""; }
.tado-icon-sun::before { content: ""; }
.tado-icon-standby::before { content: ""; }
.tado-icon-smartphone::before { content: ""; }
.tado-icon-sleep::before { content: ""; }
.tado-icon-settings::before { content: ""; }
.tado-icon-reward::before { content: ""; }
.tado-icon-report::before { content: ""; }
.tado-icon-plus::before { content: ""; }
.tado-icon-phone::before { content: ""; }
.tado-icon-person::before { content: ""; }
.tado-icon-noentry::before { content: ""; }
.tado-icon-minus::before { content: ""; }
.tado-icon-middle2::before { content: ""; }
.tado-icon-middle::before { content: ""; }
.tado-icon-manualoff::before { content: ""; }
.tado-icon-manualhome::before { content: ""; }
.tado-icon-lock::before { content: ""; }
.tado-icon-letter::before { content: ""; }
.tado-icon-leaf::before { content: ""; }
.tado-icon-info::before { content: ""; }
.tado-icon-home::before { content: ""; }
.tado-icon-hand::before { content: ""; }
.tado-icon-flame::before { content: ""; }
.tado-icon-coffee::before { content: ""; }
.tado-icon-clock::before { content: ""; }
.tado-icon-calendar::before { content: ""; }
.tado-icon-away::before { content: ""; }
.tado-icon-attention::before { content: ""; }
.tado-icon-arrow_rounded_corners::before { content: ""; }
.tado-icon-arrow::before { content: ""; }
.tado-icon-arrow_up::before { content: ""; }
.tado-icon-megaphone::before { content: ""; }
.tado-icon-attention2::before { content: ""; }
.tado-icon-protected::before { content: ""; }
.tado-icon-circle::before { content: ""; }
.tado-icon-check::before { content: ""; }
.tado-icon-arrow2_left::before { content: ""; }
.tado-icon-arrow2_right::before { content: ""; }
.tado-icon-arrow2_up::before { content: ""; }
.tado-icon-arrow2_down::before { content: ""; }
.tado-icon-thermometer::before { content: ""; }
.tado-icon-box::before { content: ""; }
.tado-icon-question-mark::before { content: ""; }
.tado-icon-refresh::before { content: ""; }
.tado-icon-home-button::before { content: ""; }
.tado-icon-suitcase::before { content: ""; }
.tado-icon-no-freeze-mode::before { content: ""; }
.tado-icon-box-not-connected::before { content: ""; }
.tado-icon-standby-off::before { content: ""; }
.tado-icon-sleep-scheduled::before { content: ""; }
.tado-icon-home-scheduled::before { content: ""; }
.tado-icon-away-scheduled::before { content: ""; }
.tado-icon-scale-up::before { content: ""; }
.tado-icon-wifi-ios::before { content: ""; }
.tado-icon-location-ios::before { content: ""; }
.tado-icon-3g-ios::before { content: ""; }
.tado-icon-wifi-android::before { content: ""; }
.tado-icon-location-android::before { content: ""; }
.tado-icon-data-android::before { content: ""; }
.tado-icon-device-updating::before { content: ""; }
.tado-icon-refresh-reverse::before { content: ""; }
.tado-icon-logo-square::before { content: ""; }
.mfp-container::before { content: ""; display: inline-block; height: 100%; vertical-align: middle; }
.mfp-align-top .mfp-container::before { display: none; }
.mfp-hide { display: none !important; }
button::-moz-focus-inner { padding: 0px; border: 0px none; }
.mfp-arrow::before, .mfp-arrow::after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { content: ""; display: block; width: 0px; height: 0px; position: absolute; left: 0px; top: 0px; margin-top: 35px; margin-left: 35px; border: medium solid transparent; }
.mfp-arrow::after, .mfp-arrow .mfp-a { border-top-width: 13px; border-bottom-width: 13px; top: 8px; }
.mfp-arrow::before, .mfp-arrow .mfp-b { border-top-width: 21px; border-bottom-width: 21px; }
.mfp-arrow-left::after, .mfp-arrow-left .mfp-a { border-right: 17px solid rgb(255, 255, 255); margin-left: 31px; }
.mfp-arrow-left::before, .mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid rgb(63, 63, 63); }
.mfp-arrow-right::after, .mfp-arrow-right .mfp-a { border-left: 17px solid rgb(255, 255, 255); margin-left: 39px; }
.mfp-arrow-right::before, .mfp-arrow-right .mfp-b { border-left: 27px solid rgb(63, 63, 63); }
img.mfp-img, .mfp-figure::after { display: block; width: auto; height: auto; }
.mfp-figure::after { content: ""; position: absolute; left: 0px; top: 40px; bottom: 40px; right: 0px; z-index: -1; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.6); background: rgb(68, 68, 68) none repeat scroll 0% 0%; }
.rSlider { height: 600px; }
.rSlider .rsSlide { display: block; height: 100%; left: 0px; overflow: hidden; position: absolute; top: 0px; width: 100%; }
@media only screen and (min-width: 1350px) {
#header > .inside { margin: 0px auto; max-width: 1000px; width: 100%; padding-left: 15px; padding-right: 15px; }
header, header > .inside { height: 85px; }
}
/*
.countryPicker { position: relative; }
.countryPicker .countryFlag { display: inline-block; width: 17px; height: 11px; background-image: url('img/country-flags-sprite-updated_new.svg'); background-color: rgb(255, 255, 255); background-size: 612px 11px; }
.countryPicker .countryFlag.de { background-position: 0px center; }
.countryPicker .countryFlag.ch { background-position: -18px center; }
.countryPicker .countryFlag.at { background-position: -36px center; }
.countryPicker .countryFlag.gb { background-position: -54px center; }
.countryPicker .countryFlag.ie { background-position: -72px center; }
.countryPicker .countryFlag.fr { background-position: -90px center; }
.countryPicker .countryFlag.it { background-position: -108px center; }
.countryPicker .countryFlag.es { background-position: -126px center; }
.countryPicker .countryFlag.nl { background-position: -144px center; }
.countryPicker .countryFlag.be { background-position: -162px center; }
.countryPicker .countryFlag.lu { background-position: -180px center; }
.countryPicker .countryFlag.bg { background-position: -198px center; }
.countryPicker .countryFlag.dk { background-position: -216px center; }
.countryPicker .countryFlag.ee { background-position: -234px center; }
.countryPicker .countryFlag.fi { background-position: -252px center; }
.countryPicker .countryFlag.gr { background-position: -270px center; }
.countryPicker .countryFlag.lt { background-position: -324px center; }
.countryPicker .countryFlag.lv { background-position: -306px center; }
.countryPicker .countryFlag.hr { background-position: -288px center; }
.countryPicker .countryFlag.mt { background-position: -342px center; }
.countryPicker .countryFlag.pl { background-position: -360px center; }
.countryPicker .countryFlag.pt { background-position: -378px center; }
.countryPicker .countryFlag.ro { background-position: -396px center; }
.countryPicker .countryFlag.se { background-position: -414px center; }
.countryPicker .countryFlag.sk { background-position: -432px center; }
.countryPicker .countryFlag.cz { background-position: -468px center; }
.countryPicker .countryFlag.si { background-position: -450px center; }
.countryPicker .countryFlag.hu { background-position: -486px center; }
.countryPicker .countryFlag.no { background-position: -504px center; }
.countryPicker .countryFlag.us { background-position: -540px center; }
.countryPicker .countryFlag.sg { background-position: -558px center; }
.countryPicker .countryFlag.ca { background-position: -576px center; }
.countryPicker .countryFlag.au { background-position: -594px center; }
.countryPicker .localeSelectorButton { padding: 0.6em 0.5em 0.4em 0.9em; position: relative; z-index: 37; border: 1px solid transparent; border-radius: 4px 4px 0px 0px; transition: all 0.2s ease 0s; }
.countryPicker .localeSelectorButton .dropdownArrow { background-image: url('img/language-expand-arrow.png'); width: 7px; height: 4px; display: inline-block; vertical-align: top; position: relative; top: 6px; margin-left: 2px; }
.countryPicker .localeSelectorButton .countryFlag { margin-right: 7px; position: relative; }
.countryPicker .dropdown { background-color: rgb(245, 245, 245); padding: 11px 0px 0px; position: absolute; z-index: 36; right: 0px; border-radius: 4px 0px 4px 4px; border: 1px solid rgba(0, 0, 0, 0.08); display: none; opacity: 0; transition: opacity 0.2s ease 0s; }
.countryPicker .dropdown .countryListSector { columns: 3 auto; border-bottom: 1px solid rgb(136, 136, 136); margin: 0px 18px; padding: 11px 0px 0px; }
@media screen and (max-width: 767px) {
.countryPicker .dropdown .countryListSector { columns: 2 auto; padding: 11px 0px; }
}
@media screen and (max-width: 424px) {
.countryPicker .dropdown .countryListSector { columns: 1 auto; padding: 11px 0px 0px; }
}
.countryPicker .dropdown .countryListSector ul li { margin-right: 11px; }
.countryPicker .dropdown ul { list-style: outside none none; margin-bottom: 0px; overflow: hidden; }
.countryPicker .dropdown ul li { margin-right: 11px; margin-bottom: 8px; }
.countryPicker .dropdown ul li .countryFlag { margin-right: 5px; position: relative; }
.countryPicker .dropdown .outside { font-weight: 700; margin: 0px 18px; padding: 11px 0px; }
.countryPicker.mobile .localeSelectorButton { text-decoration: none; padding: 0px; }
.countryPicker.mobile .localeSelectorButton .dropdownArrow { top: 0.35em; }
.countryPicker.mobile .localeSelectorButton .countryFlag { margin-right: 0.2857em; }
.countryPicker.mobile .dropdown { background-color: rgb(255, 255, 255); position: relative; border: medium none; top: 0px; width: auto; margin-top: 0.5em; }
.countryPicker.mobile .dropdown ul { padding-left: 2em; }
.countryPicker.mobile .dropdown ul li { width: 165px; }
.countryPicker .dropdown { width: 474px; top: 20px; }
.countryPicker .dropdown ul li { width: 123px; }
*/
.mod_article { padding-top:30px }
.image_container.fleft { margin-right:20px; margin-bottom:20px }
.subcl { padding: 0px 1em 0px 0px; }
.subcr { padding: 0px 0px 0px 1em; }
.equalize, .equalize .subcolumns { overflow: visible; display: table; table-layout: fixed; }
.equalize > div { display: table-cell; float: none; margin: 0px; overflow: hidden; vertical-align: top; }
@media print {
.subcolumns > div { display: table; overflow: visible; }
}
#subhead { padding-top: 25px; height: 95px; background-color: rgb(246, 246, 246); background-image: url('img/bg-pagetop.gif'); background-position: center top; background-repeat: no-repeat; }
#subhead h1 { position: relative; top: -2px; margin-bottom: 65px; }
#subhead.withsubmenu { min-height: 95px; height: auto; }
#subhead.withsubmenu h1 { margin-bottom: 60px; }
#header > .inside, #subhead > .inside, #footer > .inside, #main .mod_article > .inside, .backlink { margin: 0px auto; padding-right: 20px; padding-left: 20px; }
.headerFlex a { color: inherit; }
.headerFlex .tado-logo { font-size: 2.5em; position: relative; line-height: 0; top: 0.18em; color: rgb(51, 51, 51); }
.headerFlex .topStripe { padding-top: 1em; }
.headerFlex .topStripe .email { padding: 0.5em 0px; }
.headerFlex .topStripe .email .icon { width: 1.5em; height: 100%; opacity: 0.52; }
.headerFlex .topStripe .help_and_contact .icon { max-width: 17px; margin-right: 0.2em; }
.headerFlex .topStripe .phone, .headerFlex .topStripe .login { margin-right: 0.2em; }
.headerFlex .topStripe .info li { margin-right: 2.1428em; }
.headerFlex .topStripe .info li:last-child { margin-right: 0px; }
.headerFlex .middleStripe { margin-top: 2.1em; margin-bottom: 1.7em; color: rgb(51, 51, 51); }
.headerFlex .middleStripe .navList { display: inline-block; margin-right: 20px; text-transform: capitalize; }
.headerFlex .middleStripe .navList li { margin-right: 30px; padding: 0; font-size:14px; text-align:center }
.headerFlex .middleStripe .navList li:last-child { margin-right:0px }
.headerFlex .middleStripe .navList li.active { border-bottom: 2px solid rgb(51, 51, 51); }
.headerFlex .middleStripe .button.shop { font-size: 1.1428em; text-transform: capitalize; display: inline-block; margin-top: -5px; padding: 10px 15px; line-height: 1.286; border-radius:5px }
.subnavigation { margin-top:20px }
.button.green.h4.shop > b { padding-right:50px }
.img-l { margin-top:-45px }
.headerFlex .middleStripe .cart { display: inline-block; margin-left: 1.8em; vertical-align: top; min-width: 44px; min-height: 28px; position: relative; bottom: 0.1em; }
.headerFlex .bottomStripe { margin-left: 0px; margin-right: 0px; background-color: rgb(239, 239, 239); height: 63px; color: rgb(51, 51, 51); }
.headerFlex .bottomStripe a { color: inherit; text-transform:uppercase }
.headerFlex .bottomStripe .subnavigation { transition: all 0.25s ease 0s; }
.headerFlex .bottomStripe .subnavigation li { margin-right: 2.5em; }
@media only screen and (min-width: 1000px) and (max-width: 1399px) {
.lang-es .headerFlex .bottomStripe .subnavigation li { margin-right: 4.5em; }
}
.headerFlex .bottomStripe .subnavigation li:last-child { margin-right: 1.5em; }
.headerFlex .bottomStripe .subnavigation li.active { border-bottom: 1px solid; }
.headerFlex .bottomStripe .scrollElement { opacity: 0; z-index: -1; position: absolute; top: -50px; right: 0px; transition: opacity 0s ease 0s, top 0s ease 0s; }
.headerFlex .bottomStripe .scrollElement .product { color: rgb(255, 255, 255); }
.headerFlex .bottomStripe .cart { display: inline-block; margin-left: 2em; }
.headerFlex .bottomStripe .tadoLogo { left: 0px; font-size: 0.85em; transition: all 0.25s ease 0s; }
.headerFlex .bottomStripe .tadoLogo, .headerFlex .bottomStripe .contact { opacity: 0; position: absolute; top: -50px; }
.headerFlex .sticky-wrapper { overflow: hidden; position: relative; }
@media only screen and (min-width: 1000px) and (max-width: 1399px) {
.headerFlex .sticky-wrapper .stuck .subnavigation { margin-right: 148px; }
.shop-minimal.headerFlex .sticky-wrapper .stuck .subnavigation.override li { max-width: 200px !important; }
.lang-fr .headerFlex .sticky-wrapper .stuck .subnavigation, .lang-it .headerFlex .sticky-wrapper .stuck .subnavigation { margin-right: 139px; }
.lang-es .headerFlex .sticky-wrapper .stuck .subnavigation { margin-right: 162px; }
.lang-es .headerFlex .sticky-wrapper .stuck .subnavigation li { max-width: 108px; text-align: center; vertical-align: top; }
.lang-nl .headerFlex .sticky-wrapper .stuck .subnavigation { margin-right: 156px; }
.lang-nl .headerFlex .sticky-wrapper .stuck .subnavigation li { margin-right: 1.4em; }
}
@media only screen and (min-width: 1000px) and (max-width: 1399px) {
.headerFlex .sticky-wrapper .stuck { max-width: 1002px; }
}
@media only screen and (max-width: 768px) {
#subhead { padding-top: 85px; height: 65px; background-color: #fff; background-image: transparent; background-repeat: no-repeat; }
#subhead h1 { margin-bottom: 35px; font-size:24px }
#subhead.withsubmenu { min-height:65px }
.equalize > div { display:block }
.subcr { padding-left:0px !important }
}
.headerFlexSmHiddenBox { height: 42px; }
.headerFlexSm { position: fixed; z-index: 9999; width: 100%; background-color: rgb(255, 255, 255); padding-top: 8px; }
.headerFlexSm a { color: inherit; }
.headerFlexSm .cartWrapper { position: relative; margin-top: -35px; }
.headerFlexSm .toggleHeaderMenu { width: 24px; height: 24px; position: relative; z-index: 2; background-image: url('img/menu.svg'); }
.headerFlexSm .tado-logo { font-size: 1.8em; position: relative; top: -0.2em; color: rgb(51, 51, 51); }
.headerFlexSm .tadoLogo span { line-height: 34px; font-size: 0.8em; vertical-align: top; letter-spacing: -0.2px; }
.headerFlexSm .products--nav--link { color: rgb(255, 255, 255) !important; display: inline-block; text-align: center; text-decoration: none !important; width: 74%; }
@media only screen and (min-width: 768px) {
.headerFlexSm .products--nav--link { width: 100%; }
}
.headerFlexSm .middleStripe { height: 100%; overflow-y: scroll; position: fixed; width: 100%; background-color: rgb(255, 255, 255); }
.headerFlexSm .middleStripe .navWrap .nav { border-bottom: 1px solid rgb(216, 216, 218); padding: 0.85em 0px; }
.headerFlexSm .middleStripe .navWrap .nav:last-child { border-bottom: medium none; }
.headerFlexSm .middleStripe .navWrap .nav.arrow { cursor: pointer; position: relative; }
.headerFlexSm .middleStripe .navWrap .nav.arrow::after { content: ""; display: block; position: absolute; background-repeat: no-repeat; width: 48px; height: 24px; top: 0.7em; left: auto; right: 0px; background-image: url('img/menu-down.svg'); background-position: 100% 0px; }
.shop-minimal.headerFlexSm .middleStripe .navWrap .nav.arrow::after { background-image: url('img/menu-down-bold.svg'); }
.headerFlexSm .middleStripe .navWrap .nav.arrow.product--nav::after { top: 1.2em; }
.headerFlexSm .middleStripe .navWrap .nav .subnavigation { cursor: default; overflow: hidden; transition: height 0.5s ease 0s; height: 0px; padding-left: 1.4285em; }
.headerFlexSm .middleStripe .navWrap .nav .subnavigation li { margin-top: 1.6em; margin-bottom: 1.6em; text-transform:uppercase; color:#333; font-size:14px }
.headerFlexSm .middleStripe .navWrap .nav.active.arrow::after { background-image: url('img/menu-up.svg'); }
.shop-minimal.headerFlexSm .middleStripe .navWrap .nav.active.arrow::after { background-image: url('img/menu-up-bold.svg'); }
.headerFlexSm .middleStripe .navWrap .nav.active .subnavigation { color: rgb(127, 127, 131); }
.headerFlexSm .middleStripe .navWrap .nav.active .subnavigation.count6 { height: 18em; }
.headerFlexSm .middleStripe .navWrap .mainLink { color: rgb(51, 51, 51); font-weight: 700; text-transform: uppercase; border-radius:5px; font-size:24px }
.headerFlexSm .middleStripe .navWrap .mainLink:hover { text-decoration: underline; }
.headerFlexSm .middleStripe .contact { margin-top: 2em; margin-bottom: 2em; }
.headerFlexSm .middleStripe .contact .email { padding: 0.5em 0px; }
.headerFlexSm .middleStripe .contact .email .icon { width: 1.5em; opacity: 0.52; }
.headerFlexSm .middleStripe .contact .login { margin-right: 0.85em; }
.headerFlexSm .middleStripe .contact .phone { margin-right: 0.3em; }
.headerFlexSm .middleStripe .contact li { margin-bottom: 1.3em; font-size:14px }
.headerFlex .miniCart .collapsed .icon, .headerFlexSm .miniCart .collapsed .icon { max-width: 2em; max-height: 2em; }
.headerFlex .mdl-tooltip, .headerFlexSm .mdl-tooltip { display: none; }
.footerFlex { margin-top: 2.5em; padding-bottom: 2em; }
.footerFlex .h2 { margin-bottom: 0.95em; }
@media only screen and (min-width: 1024px) {
.footerFlex .paymentsTitle { margin-bottom: 0.6em; }
}
@media only screen and (max-width: 1023px) {
.footerFlex .paymentsTitle { margin-top: 1em; }
}
.footerFlex li { margin-top: 0.55em; margin-bottom: 0.55em; }
.footerFlex a { color: rgb(128, 127, 132); }
.footerFlex .actionButtons { margin-top: 1em; vertical-align: top; }
.footerFlex .actionButtons a { display: inline-block; min-width: 153px; text-align: center; }
.footerFlex .actionButtons a:last-child { margin-top: 0.7em; }
.footerFlex .freeCallbacks { margin-bottom: 0.6em; margin-right: 0.2em; }
.footerFlex .followus { margin-top: 0; }
.footerFlex .trustedShops { margin-top: 1.3em; position: relative; text-align: left; max-width: 141px; margin-right: auto; }
@media only screen and (max-width: 1023px) {
.footerFlex .trustedShops { margin-left: auto; margin-top: 3em; margin-bottom: 0px; }
}
.footerFlex .verticalSeparator { margin-top: 1.9em; }
.footerFlex .newsletter form { margin-top: 1em; }
.footerFlex .newsletter input { max-width: 161px; }
.footerFlex .newsletter button { margin-left: 0.3em; width: 41px; height: 30px; opacity: 0.55; border-radius: 0.2857em; vertical-align: top; }
.footerFlex .socialButtonsList, .socialButtonsList { margin-top: 0; }
.footerFlex .socialButtonsList li, .socialButtonsList li { margin-right: 0.4em; }
.footerFlex .socialButtonsList img, .socialButtonsList img { width: 30px; height: 30px; opacity: 0.55; }
.footerFlex .paymentOptions .paymentList li { width: 46px; height: 31px; background-size: 414px 31px; background-repeat: no-repeat; margin-right: 0.2em; margin-bottom: 0.5em; display: inline-block; background-image: url('img/available_payments.png'); }
.footerFlex .paymentOptions .paymentList li.cc-m { background-position: 0px center; }
.footerFlex .paymentOptions .paymentList li.cc-v { background-position: -47px center; }
.footerFlex .paymentOptions .paymentList li.wlt-ppe { background-position: -92px center; }
.contacto address { font-style:normal; font-weight:600; }
.contacto { line-height:24px; padding-left:30px }
.aboutUs img { }
.logos-empresas { width: 100%; height: 50px; background-repeat: no-repeat; background-size: 100% auto; display: block; cursor:pointer; margin-top:30px; padding-top:20px; border-top:2px solid rgb(211, 212, 207) }
body.lang-es .logos-empresas { background-image: url('img/logos_footer_es.png'); }
.footerFlex .footerBreak { border-bottom: 2px solid rgb(211, 212, 207); margin-bottom: 3em; }
footer .subnavigation { margin-top:30px; padding-top:15px; border-top:1px solid #ccc }
footer .subnavigation li { text-transform:uppercase; padding-right:10px }
.bg-gris { background-color:#EDEDED; padding:10px 20px }
.bg-gris p { font-size:12px }
@media only screen and (min-width: 1366px) and (max-width: 1800px) {
.logos-empresas { height: 70px; }
}
@media only screen and (max-width: 1023px) {
.footerFlex .footerBreak { margin-bottom: 2em; }
}
@media only screen and (max-width: 1024px) {
.footerFlex.minimal .paymentOptions .title { margin-bottom: 0.55em; }
}
.section--overflowed { overflow: hidden; }
.section--overflowed .innerWrapper { overflow: visible; }
@media only screen and (min-width: 1024px) and (max-width: 1400px) {
.section--overflowed .innerWrapper { overflow: hidden; }
}
.section--overflowed .block--overflowed { position: relative; overflow:visible !important }
.section--overflowed .block--overflowed .bg { background-repeat: no-repeat; background-position: 50% 0px; position: absolute; top: 0px; width: 620px; z-index: -1; height: 100%; }
@media only screen and (min-width: 1024px) {
.section--overflowed .block--overflowed.right-aligned { padding-right: 25px; }
.section--overflowed .block--overflowed.right-aligned .bg { right: 30px; }
.section--overflowed .block--overflowed.left-aligned { padding-left: 25px; }
.section--overflowed .block--overflowed.left-aligned .bg { left: 30px; }
}
@media only screen and (max-width: 1023px) {
.section--overflowed .block--overflowed .bg { width: 100% }
}
@media only screen and (max-width: 767px) {
#footerNew .col-xs-6 { max-width:100%; flex-basis:100% }
.aboutUs { margin-bottom:30px }
.footerFlex .followus { text-align:center }
}
@media only screen and (max-width: 600px) {
.section--overflowed .block--overflowed .bg { max-width: 108%; margin-left: -20px; margin-right: -20px; }
}
@media only screen and (max-width: 1023px) {
.heatHome .intro .shop { top: 429px !important; }
}
.heatHome .intro #smb_wrapper .button::before { content: ""; display: block; position: absolute; width: 20px; height: 30px; background-image: url('img/socialmedia.svg'); background-repeat: no-repeat; background-size: 120px 30px; left: 3px; top: -1px; }
.heatHome .intro #smb_wrapper .button:hover::before, .heatHome .intro #smb_wrapper .button.liking::before { background-position: -30px 0px; }
.heatHome .intro #smb_wrapper .button.twitter::before { left: 8px; background-position: -64px 0px; }
.heatHome .intro #smb_wrapper .button.twitter:hover::before, .heatHome .intro #smb_wrapper .button.twitter.liking::before { background-position: -94px 0px; }
@media only screen and (max-width: 767px) {
.heatHome .intro #smb_wrapper .iframe_wrapper.twitter_follow_iframe { left: -6px; }
}
@media only screen and (min-width: 1024px) {
.heatHome .intro .left { margin-top: 40px; }
.heatHome .intro .tvSpot { position: absolute; top: 316px; }
.heatHome .intro .description { margin-top: 1em; max-width: 235px; }
.heatHome .intro .link.productStarterKit { width: 163px; height: 165px; left: 225px; top: 269px; }
.heatHome .intro .link.productSrvKit { width: 180px; height: 120px; left: 615px; top: 315px; }
}
@media only screen and (max-width: 1023px) {
.heatHome .intro { background-image: url('img/main_img_resp.1.jpg') !important; height: 543px; }
.heatHome .intro .innerWrapper { height: 543px; overflow: visible; }
.heatHome .intro .title { margin-top: 0.4em; margin-bottom: 0.4em; }
.heatHome .intro .tvSpot { margin-top: 1em; }
.heatHome .intro .co2Badge { background-image: url('img/co2_en_mobile.png'); width: 256px; top: 98px; right: 0px; left: auto; background-size: contain; background-position: right center; height: 232px; }
.lang-de.heatHome .intro .co2Badge { background-image: url('img/co2_de_mobile.png'); }
.lang-fr.heatHome .intro .co2Badge { background-image: url('img/co2_fr_mobile.png'); }
.lang-it.heatHome .intro .co2Badge { background-image: url('img/co2_it_mobile.png'); }
.heatHome .intro .link.productStarterKit { width: 112px; height: 92px; left: 1%; top: 306px; }
.heatHome .intro .link.productSrvKit { width: 134px; height: 66px; left: 58%; top: 331px; }
}
.heatHome .new-intro { width: 100%; }
@media only screen and (max-width: 1023px) {
.heatHome .new-intro { height: 100%; }
}
.heatHome .new-intro .swiper-container { width: 100%; }
@media only screen and (max-width: 1023px) {
.heatHome .new-intro .swiper-container { height: 100%; }
}
.heatHome .new-intro .swiper-container .swiper-button-prev, .heatHome .new-intro .swiper-container .swiper-button-next { height: 100%; top: 0px; margin-top: 0px; width: 50px; opacity: 0; transition: opacity 0.5s ease 0s; background-image: url('img/arrow_001.svg'); background-size: 24px 24px; }
.heatHome .new-intro .swiper-container .swiper-button-prev::before, .heatHome .new-intro .swiper-container .swiper-button-next::before { content: ""; display: block; box-shadow: 9px 2px 126px 1px rgba(0, 0, 0, 0.5); height: 100%; width: 50px; margin-left: 50px; }
.heatHome .new-intro .swiper-container .swiper-button-prev:hover, .heatHome .new-intro .swiper-container .swiper-button-next:hover { opacity: 1; }
@media only screen and (max-width: 767px) {
.heatHome .new-intro .swiper-container .swiper-button-prev, .heatHome .new-intro .swiper-container .swiper-button-next { display: none; }
}
.heatHome .new-intro .swiper-container .swiper-button-prev { left: 0px; transform: rotate(180deg); }
.heatHome .new-intro .swiper-container .swiper-button-next { right: 0px; }
@media only screen and (max-width: 1023px) {
.heatHome .new-intro .swiper-container .swiper-wrapper { height: 100%; }
}
.heatHome .new-intro .swiper-container .swiper-slide { width: 100%; height: 100%; min-height: 500px; background-size: initial; background-position: center bottom; background-repeat: no-repeat; background-color: transparent; }
.swiper-slide > img { position:absolute; top:0; height:100%; width:100%; z-index:-1 }
@media only screen and (max-width: 1023px) {
.heatHome .new-intro .swiper-container .swiper-slide { min-height: 350px; }
.heatHome .new-intro .swiper-container .swiper-slide .h1 { font-size: 1.4rem; }
.heatHome .new-intro .swiper-container .swiper-slide .h3 { font-size: 1rem; }
.heatHome .new-intro .swiper-container .swiper-slide .content-box { padding-top: 80px; }
}
@media only screen and (max-width: 1023px) {
.heatHome .new-intro .swiper-container .swiper-slide.slide-integration { background-image: url('img/sh_en_res.7.jpg'); background-color: rgb(249, 244, 240); }
.heatHome .new-intro .swiper-container .swiper-slide.slide-integration .content-box { padding-bottom: 235px; }
.lang-de.heatHome .new-intro .swiper-container .swiper-slide.slide-integration { background-image: url('img/sh_de_res.7.jpg'); }
.lang-it.heatHome .new-intro .swiper-container .swiper-slide.slide-integration { background-image: url('img/sh_it_res.7.jpg'); }
.lang-fr.heatHome .new-intro .swiper-container .swiper-slide.slide-integration { background-image: url('img/sh_fr_res.7.jpg'); }
.lang-es.heatHome .new-intro .swiper-container .swiper-slide.slide-integration { background-image: url('img/sh_es_res.7.jpg'); }
.lang-nl.heatHome .new-intro .swiper-container .swiper-slide.slide-integration { background-image: url('img/sh_nl_res.7.jpg'); }
}
.heatHome .new-intro .swiper-container .swiper-slide.slide-smart-radiator-thermostats { background-image: url('img/srt_en.7.jpg'); }
.lang-es.heatHome .new-intro .swiper-container .swiper-slide.slide-smart-radiator-thermostats { background-image: url('img/srt_es.7.jpg'); }
@media only screen and (max-width: 1023px) {
.heatHome .new-intro .swiper-container .swiper-slide.slide-smart-radiator-thermostats { background-image: url('img/srt_en_res.7.jpg'); background-color: rgb(251, 247, 242); }
.lang-de.heatHome .new-intro .swiper-container .swiper-slide.slide-smart-radiator-thermostats { background-image: url('img/srt_de_res.7.jpg'); }
.lang-it.heatHome .new-intro .swiper-container .swiper-slide.slide-smart-radiator-thermostats { background-image: url('img/srt_it_res.7.jpg'); }
.lang-fr.heatHome .new-intro .swiper-container .swiper-slide.slide-smart-radiator-thermostats { background-image: url('img/srt_fr_res.7.jpg'); }
.lang-es.heatHome .new-intro .swiper-container .swiper-slide.slide-smart-radiator-thermostats { background-image: url('img/srt_es_res.7.jpg'); }
.lang-nl.heatHome .new-intro .swiper-container .swiper-slide.slide-smart-radiator-thermostats { background-image: url('img/srt_nl_res.7.jpg'); }
}
.heatHome .new-intro .swiper-container .swiper-slide.slide-smart-thermostat { background-image: url('img/st_en.7.jpg'); }
.lang-es.heatHome .new-intro .swiper-container .swiper-slide.slide-smart-thermostat { background-image: url('img/st_es.7.jpg'); }
@media only screen and (max-width: 1023px) {
.heatHome .new-intro .swiper-container .swiper-slide.slide-smart-thermostat { background-image: url('img/st_en_res.7.jpg'); background-color: rgb(250, 188, 20); }
.heatHome .new-intro .swiper-container .swiper-slide.slide-smart-thermostat .content-box { padding-bottom: 0px; }
.lang-de.heatHome .new-intro .swiper-container .swiper-slide.slide-smart-thermostat { background-image: url('img/st_de_res.7.jpg'); }
.lang-it.heatHome .new-intro .swiper-container .swiper-slide.slide-smart-thermostat { background-image: url('img/st_it_res.7.jpg'); }
.lang-fr.heatHome .new-intro .swiper-container .swiper-slide.slide-smart-thermostat { background-image: url('img/st_fr_res.7.jpg'); }
.lang-es.heatHome .new-intro .swiper-container .swiper-slide.slide-smart-thermostat { background-image: url('img/st_es_res.7.jpg'); }
.lang-nl.heatHome .new-intro .swiper-container .swiper-slide.slide-smart-thermostat { background-image: url('img/st_nl_res.7.jpg'); }
}
.heatHome .new-intro .swiper-container .swiper-slide.slide-smart-thermostat .title, .heatHome .new-intro .swiper-container .swiper-slide.slide-smart-thermostat .description { color: rgb(255, 255, 255); }
@media only screen and (min-width: 1024px) {
.heatHome .new-intro .swiper-container .swiper-slide .content-box-wrapper { margin-top:150px; }
}
.heatHome .new-intro .swiper-container .swiper-slide .content-box-wrapper { background-color:rgba(42, 42, 42, 0.8); padding:10px 15px; border-radius:5px }
.heatHome .new-intro .swiper-container .swiper-slide .title { margin: 13px 0px; color: #fff; }
@media only screen and (max-width: 1023px) {
.heatHome .new-intro .swiper-container .swiper-slide .title { padding-top: 17px; }
}
.heatHome .new-intro .swiper-container .swiper-slide .description { margin-bottom: 10px; color: #fff; }
.heatHome .new-intro .swiper-container .swiper-slide .link { display: table; text-align: center; margin-bottom: 5px; border-radius:3px; margin-top:10px; background-color:#77eee8; }
.heatHome .new-intro .swiper-container .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: rgb(0, 0, 0); }
.heatHome .new-intro .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 0px; }
.heatHome .features { background-color: rgb(235, 235, 231); padding-bottom: 2em; }
.heatHome .features .wrapper { max-width: 800px; margin: 0px auto; }
.heatHome .features .icon { width: 60px; height: 60px; background-repeat: no-repeat; background-position: 50% 50%; margin: 0px auto 1.6em; }
.heatHome .features .icon.location { background-image: url('img/location.svg'); }
.heatHome .features .icon.savings { background-image: url('img/savings.svg'); }
.heatHome .features .icon.weather { background-image: url('img/weather.svg'); }
.heatHome .features .icon.calculator { background-image: url('img/calculator.svg'); }
@media only screen and (min-width: 1024px) {
.heatHome .features { padding-top: 3em; }
.heatHome .features .label { min-height: 60px; }
.heatHome .features .description { margin-top: 0.5em; padding-right: 1em; position: relative; left: 0.5em; }
}
@media only screen and (max-width: 1023px) {
.heatHome .features { padding-top: 2em; padding-bottom: 2em; }
.heatHome .features .icon { width: 43px; height: 43px; margin-bottom: 0.8em; }
.heatHome .features .block { margin: 1em auto; }
.heatHome .features .description { margin-top: 1.5em; }
}
.heatHome .desc { margin-top: 0.7em; }
.heatHome .desc .block { height: 460px; margin-top: 0.7em; margin-bottom: 0.7em; cursor: pointer; }
.heatHome .desc .block .bg { height: 460px; }
@media only screen and (max-width: 1023px) {
.heatHome .desc .block, .heatHome .desc .block .bg { height: 250px; }
.heatHome .col-md-6 { flex-basis: 33%; width: 33%; }
#products .col-md-6 { flex-basis: 50%; width: 50%; }
}
@media only screen and (min-width: 1366px) and (max-width: 1800px) {
.heatHome .desc .block { height:570px }
}
.heatHome .desc .content { padding-top: 2em; }
.heatHome .desc .content .title { margin-bottom: 0.3em; padding-left:20px; z-index:999 }
.heatHome .desc a { color: inherit; }
.heatHome .desc .arrow { width: 2em; height: 2em; background-image: url('img/arrow_001.svg'); background-repeat: no-repeat; display: block; float: right; opacity: 0.75; padding-right:20px }
.heatHome .desc .bg { cursor: pointer; }
.heatHome .desc .bg.control { background-image: url('img/radiador.jpg'); background-size:100% }
.heatHome .desc .bg.savings { background-image: url('img/piso-radiante.jpg'); background-size:100% }
.heatHome .desc .bg.setup { background-image: url('img/agua-sanit.jpg'); background-size:100% }
.heatHome .desc .bg.renovable { background-image: url('img/energia-renov.jpg'); background-size:100% }
.heatHome .desc .bg.climatizacion { background-image: url('img/climatizacion-bg.jpg'); background-size:100% }
.lang-es.heatHome .desc .bg.app { background-image: url('img/sistema-electr.jpg'); background-size:100% }
.heatHome .desc img { position:absolute; top:0; width:100%; z-index:-1 }
/*
@media only screen and (max-width: 1023px) {
.lang-fr.heatHome .desc .content { padding-top: 1.5em; }
.heatHome .desc .bg.control { background-image: url('img/tado_function_res.jpg'); }
.heatHome .desc .bg.savings { background-image: url('img/tado_calculate_res.jpg'); }
.heatHome .desc .bg.setup { background-image: url('img/tado_setup_res.jpg'); }
.heatHome .desc .bg.app { background-image: url('img/tado_app_res_en.3.jpg'); background-position: 58% 0px; }
.lang-de.heatHome .desc .bg.app { background-image: url('img/tado_app_res_de.3.jpg'); }
.lang-es.heatHome .desc .bg.app { background-image: url('img/tado_app_res_es.3.jpg'); }
.lang-fr.heatHome .desc .bg.app { background-image: url('img/tado_app_res_fr.3.jpg'); }
.lang-it.heatHome .desc .bg.app { background-image: url('img/tado_app_res_it.3.jpg'); }
.lang-nl.heatHome .desc .bg.app { background-image: url('img/tado_app_res_nl.3.jpg'); }
}
*/
@media only screen and (max-width: 767px) {
.heatHome .desc .block { height: inherit; }
.heatHome .col-md-6, #products .col-md-6 { flex-basis: 100%; width: 100%; }
.slider-content { height:300px !important }
}
@media only screen and (max-width: 480px) {
.heatHome .new-intro .swiper-container .swiper-slide .content-box { padding-top:50px }
.slider-content { height:250px !important }
}
.heatHome .news { background-color: rgb(207, 227, 227); padding: 2em 0px; margin-top: 0.7em; margin-bottom: 0.7em; }
.heatHome .news .innerWrapper { position: relative; padding-bottom: 2em; }
.heatHome .news .block.press { padding-top: 0.5em; }
.heatHome .news .block.press .pressLogo { max-height: 40px; margin-bottom: 1.5em; }
.heatHome .news .block.press .caption { font-size: 0.9em; }
@media only screen and (min-width: 1024px) {
.heatHome .news .block.press .caption { max-width: 90%; margin-left: auto; margin-right: auto; }
}
.heatHome .news .block.awards { padding-top: 4.8em; }
.heatHome .news .block.awards img { max-height: 7.8em; }
@media only screen and (max-width: 1023px) {
.heatHome .news .block.awards { padding-top: 4.5em; }
}
.heatHome .news .readMoreWrapper { position: absolute; bottom: 0px; }
@media only screen and (min-width: 1024px) {
.heatHome .news .readMoreWrapper { right: 15px; }
}
@media only screen and (max-width: 1023px) {
.heatHome .news .readMoreWrapper { left: 0px; text-align: center; width: 100%; }
}
.heatHome .news .readMoreWrapper .button { display: inline-block; }
.heatHome .news .sliderControl { width: 2em; height: 2em; background-image: url('img/arrow_001.svg'); background-repeat: no-repeat; display: block; border-radius: 10em; }
.heatHome .news .sliderControl.reverse { transform: rotate(180deg); }
.heatHome .news .sliderControl.forward { margin-left: auto; }
.heatHome .news .slider { overflow: hidden; }
.heatHome .news .slider.desktop { height: 280px; }
.lang-de.heatHome .news .slider.desktop, .heatHome .news .slider.mobile { height: 230px; }
.heatHome .news .slider .rsOverflow .rsContainer { height: inherit; }
@media only screen and (max-width: 1023px) {
.heatHome .news .innerWrapper { padding-left: 5px; padding-right: 5px; }
.heatHome .news .logo { height: 35px; background-size: auto 100%; }
}
#products { margin-top:50px }
#products > h3 { font-size:22px; text-transform:uppercase; font-weight:400 }
#products img { width: 100% }
#products .col-md-6 { flex-basis:49%; width:49% }
.heatHome .products .block { margin-top: 0.7em; margin-bottom: 0.7em; padding-bottom: 2em; padding-left:0; padding-right:0 }
.heatHome .products .content { margin-top: 15px; }
.heatHome .products .button { display: inline-block; margin-top:20px }
.heatHome .products .badge--regular { margin-bottom: 0.7em; }
.heatHome .products .priceBox { padding: 2em 0px; }
.heatHome .products .price { display: inline-block; vertical-align: top; margin-bottom: 0.3em; }
.heatHome .products .price .discount { padding-right: 8px; text-decoration: line-through; }
.heatHome .products .price .sellPrice { color: red; }
.heatHome .products .bg, .novedades { background-color: #EDEDED; }
/*.heatHome .products .bg.smart_thermostat_kit { background-image: url('img/product_block_1.1.jpg'); }
@media only screen and (max-width: 1023px) {
.heatHome .products .bg.smart_thermostat_kit { background-image: url('img/product_block_1_res.jpg'); }
}
.heatHome .products .bg.smart_valve_kit { background-image: url('img/product_block_2.1.jpg'); }
@media only screen and (max-width: 1023px) {
.heatHome .products .bg.smart_valve_kit { background-image: url('img/product_block_2_res.jpg'); }
}*/
@media only screen and (max-width: 1023px) {
.block--overflowed > img { width:100% }
.heatHome .products .content { margin-top: 10px; }
.heatHome .products .order { display: block; margin-top: 1.5em; }
}
@media only screen and (min-width: 1024px) {
.heatHome .difference .title { margin-top: 1.65em; margin-bottom: 0.8em; }
}
@media only screen and (max-width: 1023px) {
.heatHome .difference { min-height: 443px; background-image: url('img/tado_green_responsive.jpg'); background-position: 50% 44px; }
.heatHome .difference .content { max-width: 300px; margin-left: auto; margin-right: auto; }
.heatHome .difference .title { margin-top: 1.5em; margin-bottom: 0.8em; }
}
.heatHome .recommendation { background-image: url('img/tellafriend_banner.jpg'); min-height: 246px; margin-top: 0.7rem; display: flex; }
@media only screen and (max-width: 1023px) {
.heatHome .recommendation { background-image: url('img/tellafriend_banner_res.jpg'); min-height: 300px; }
}
#clickCTAButton1 > h1 { margin-bottom:0 }
.heatHome .recommendation h1, .heatHome .recommendation h2, .heatHome .recommendation h3, .heatHome .recommendation h4, .heatHome .recommendation h5, .heatHome .recommendation h6 { font-weight: 400; }
.heatHome .recommendation h1 { font-size:28px }
.heatHome .recommendation .intro-content-box { width: 66%; color: rgb(255, 255, 255); text-align:center }
.heatHome .recommendation .intro-content-box__title { font-size: 2rem; margin-bottom: 0px; }
.heatHome .recommendation .intro-content-box__head-line { font-size: 1.5rem; margin-bottom: 1rem; }
.heatHome .recommendation .intro-content-box__sub-line-1, .heatHome .recommendation .intro-content-box__sub-line-2 { font-size: 1.2rem; }
.heatHome .recommendation .intro-content-box__sub-line-1 { margin-bottom: 1rem; }
@media only screen and (max-width: 1023px) {
.heatHome .recommendation .intro-content-box__title { font-size: 1.2rem; }
.heatHome .recommendation .intro-content-box__head-line { font-size: 1rem; }
.heatHome .recommendation .intro-content-box__sub-line-1, .heatHome .recommendation .intro-content-box__sub-line-2 { font-size: 0.8rem; }
}
@media only screen and (min-width: 1024px) {
.acSC .intro .title { max-width: 601px; margin-left: auto; margin-right: auto; margin-bottom: 0.5em; }
.acSC .intro .subtitle { margin-bottom: 1.6em; }
.acSC .intro .video { margin-right: 6em; }
.acSC .intro .productSac { width: 172px; height: 233px; left: 574px; top: 444px; }
}
@media only screen and (max-width: 1023px) {
.acSC .intro { position: relative; height: 544px; background-image: url('img/header_en_res.jpg'); }
.lang-de.acSC .intro { background-image: url('img/header_de_res.jpg'); }
.lang-it.acSC .intro { background-image: url('img/header_it_res.jpg'); }
.lang-fr.acSC .intro { background-image: url('img/header_fr_res.jpg'); }
.lang-es.acSC .intro { background-image: url('img/header_es_res.jpg'); }
.lang-nl.acSC .intro { background-image: url('img/header_nl_res.jpg'); }
.fheit.acSC .intro { background-image: url('img/header_us_res.jpg'); }
.acSC .intro .button { text-align: center; float: left; clear: both; min-width: 179px; }
.acSC .intro .button.actionShop { margin-top: 0.8em; }
.acSC .intro .title { margin-bottom: 0.8em; }
.acSC .intro .buttons { position: absolute; bottom: 25px; }
}
@media only screen and (min-width: 1024px) {
.acSC #works .innerWrapper { position: relative; }
.acSC #works .label { position: absolute; top: 65px; text-align: center; }
.acSC #works .label.split { left: 92px; width: 279px; }
.acSC #works .label.portable { left: 398px; width: 206px; }
.acSC #works .label.window { left: 634px; width: 214px; }
}
@media only screen and (max-width: 1023px) {
.acSC #works { background-image: url('img/compatibility_res.jpg'); background-position: 50% 100%; height: auto; background-color: rgb(233, 242, 247); padding-bottom: 80px; }
.acSC #works .wrapper { max-width: 360px; margin-top: 1.5em; }
}
@media only screen and (min-width: 1024px) {
.acSC .features { padding-top: 3em; }
.acSC .features .title { margin-bottom: 2.7em; }
.acSC .features .label { max-width: 168px; margin: 0px auto 1em; }
}
@media only screen and (max-width: 1023px) {
.acSC .features { padding-top: 2em; padding-bottom: 2em; }
.acSC .features .title { margin-bottom: 1.4em; }
.acSC .features .icon { width: 43px; height: 43px; margin-bottom: 0.8em; }
.acSC .features .label { margin-bottom: 1em; }
.acSC .features .block { margin: 1em auto; }
}
@media only screen and (max-width: 1023px) {
.acSC .desc .block, .acSC .desc .block .bg { height: 390px; }
}
@media only screen and (max-width: 1023px) {
.lang-fr.acSC .desc .content { padding-top: 1.5em; }
.acSC .desc .bg.geolocation { background-image: url('img/geolocation_res_g.jpg'); }
.fheit.acSC .desc .bg.geolocation { background-image: url('img/geolocation_res_f.jpg'); }
.acSC .desc .bg.setup { background-image: url('img/tado_setup_res_001.jpg'); }
.acSC .desc .bg.control { background-image: url('img/the-app_res_en.jpg'); background-color: rgb(248, 245, 240); }
.lang-de.acSC .desc .bg.control { background-image: url('img/the-app_de_res.1.jpg'); }
.lang-es.acSC .desc .bg.control { background-image: url('img/the-app_es_res.1.jpg'); }
.lang-fr.acSC .desc .bg.control { background-position: 50% 31px; background-image: url('img/the-app_fr_res.1.jpg'); }
.lang-it.acSC .desc .bg.control { background-position: 50% 43px; background-image: url('img/the-app_it_res.1.jpg'); }
.lang-nl.acSC .desc .bg.control { background-position: 50% 31px; background-image: url('img/the-app_nl_res.1.jpg'); }
.fheit.acSC .desc .bg.control { background-image: url('img/the-app_us_res.1.jpg'); }
.acSC .desc .bg.savings { background-image: url("/img/cloud/pages/cooling_home/description/tado_savings_res.1.jpg"); }
}
@media only screen and (max-width: 767px) {
.acSC .desc .block { height: inherit; }
#products .col-md-6 { flex-basis:100%; width:100% }
}
@media only screen and (max-width:480px) {
.heatHome .recommendation .intro-content-box { width: 100%; }
.heatHome .recommendation { background-color:#ededed; background-image:none !important }
}
@media only screen and (max-width: 1023px) {
.acSC .products .amazonEcho { top: 214px; right: 66px; }
}
@media only screen and (max-width: 1023px) {
.acSC .products .bg.cooling_kit { background-image: url('img/product_block_en_res.jpg'); }
.fheit.acSC .products .bg.cooling_kit { background-image: url('img/product_block_us_res.jpg'); }
}
@media only screen and (max-width: 1023px) {
.acSC .products .content { margin-top: 230px; }
.acSC .products .order { display: block; margin-top: 1.5em; }
}
@media only screen and (min-width: 1024px) {
.acSC .products .storeContent .title { margin-bottom: 2em; height: auto; max-width: 300px; }
.acSC .products .storeContent .more { margin-top: 3em; margin-right: 2em; }
}
@media only screen and (max-width: 1023px) {
.acSC .products .storeContent .title { margin-bottom: 2em; height: auto; }
.acSC .products .storeContent .more { margin-top: 3em; }
}
@media only screen and (min-width: 1024px) {
.acSC .difference .title { margin-top: 1.65em; margin-bottom: 0.8em; }
.lang-it.acSC .difference .title { width: 330px; }
}
@media only screen and (max-width: 1023px) {
.acSC .difference { height: auto; background-image: url('img/tado_green_t_res.jpg'); padding-bottom: 301px; background-position: 50% 100%; }
.acSC .difference .title { margin-top: 1.5em; margin-bottom: 0.8em; }
}
@media only screen and (max-width: 1023px) {
.acSC .recommendation { background-image: url('img/tellafriend_banner_res.jpg'); min-height: 300px; }
}
@media only screen and (max-width: 1023px) {
.acSC .recommendation .intro-content-box__title { font-size: 1.2rem; }
.acSC .recommendation .intro-content-box__head-line { font-size: 1rem; }
.acSC .recommendation .intro-content-box__sub-line-1, .acSC .recommendation .intro-content-box__sub-line-2 { font-size: 0.8rem; }
}
@media only screen and (max-width: 1023px) {
.pStKit .accordion { height: 270px; background-image: url('img/st_kit_slider1_res.5.jpg'); }
.pStKit .accordion .innerWrapper { overflow: visible; }
}
@media only screen and (min-width: 1024px) {
.pStKit .hardware .specs .spec { width: 172px; }
.pStKit .hardware .specs .spec.touch { left: 210px; top: 243px; width: 120px; }
.pStKit .hardware .specs .spec.led { left: 661px; top: 202px; }
.pStKit .hardware .specs .spec.keys { left: 661px; top: 309px; }
.pStKit .hardware .download { bottom: 44px; }
}
@media only screen and (max-width: 1023px) {
.pStKit .hardware { background-image: url('img/st_kit_hardware_res.jpg'); min-height: 500px; }
.pStKit .hardware .intro { min-height: 414px; }
}
@media only screen and (min-width: 1024px) {
.pStKit .specification .image.spec { width: 739px; height: 227px; background-image: url('img/ast_specs_en.jpg'); }
.lang-de.pStKit .specification .image.spec { background-image: url('img/ast_specs_de.jpg'); }
.lang-es.pStKit .specification .image.spec { background-image: url('img/ast_specs_es.jpg'); }
.lang-it.pStKit .specification .image.spec { background-image: url('img/ast_specs_it.jpg'); }
.lang-fr.pStKit .specification .image.spec { background-image: url('img/ast_specs_fr.jpg'); }
.lang-nl.pStKit .specification .image.spec { background-image: url('img/ast_specs_nl.jpg'); }
}
@media only screen and (max-width: 1023px) {
.pStKit .specification .image.spec { height: 693px; background-image: url('img/ast_specs_res_en.jpg'); }
.lang-de.pStKit .specification .image.spec { background-image: url('img/ast_specs_res_de.jpg'); }
.lang-es.pStKit .specification .image.spec { background-image: url('img/ast_specs_res_es.jpg'); }
.lang-it.pStKit .specification .image.spec { background-image: url('img/ast_specs_res_it.jpg'); }
.lang-fr.pStKit .specification .image.spec { background-image: url('img/ast_specs_res_fr.jpg'); }
.lang-nl.pStKit .specification .image.spec { background-image: url('img/ast_specs_res_nl.jpg'); }
}
@media only screen and (max-width: 1023px) {
.pStKit .pkg .package { height: 781px; background-image: url('img/st_kit_addprdt_res_en.jpg'); }
.lang-de.pStKit .pkg .package { background-image: url('img/st_kit_addprdt_res_de.jpg'); }
.lang-es.pStKit .pkg .package { background-image: url('img/st_kit_addprdt_res_es.jpg'); }
.lang-it.pStKit .pkg .package { background-image: url('img/st_kit_addprdt_res_it.jpg'); }
.lang-fr.pStKit .pkg .package { background-image: url('img/st_kit_addprdt_res_fr.jpg'); }
.lang-nl.pStKit .pkg .package { background-image: url('img/st_kit_addprdt_res_nl.jpg'); }
}
@media only screen and (max-width: 1023px) {
.pAst .accordion { height: 270px; background-image: url('img/ast_slider1_res.5.jpg'); }
}
@media only screen and (min-width: 1024px) {
.pAst .hardware .specs .spec { width: 172px; }
.pAst .hardware .specs .spec.touch { left: 210px; top: 243px; width: 120px; }
.pAst .hardware .specs .spec.led { left: 661px; top: 202px; }
.pAst .hardware .specs .spec.keys { left: 661px; top: 309px; }
.pAst .hardware .download { bottom: 44px; }
}
@media only screen and (max-width: 1023px) {
.pAst .hardware { background-image: url('img/ast_hardware_res.jpg'); min-height: 500px; }
.pAst .hardware .intro { min-height: 430px; }
}
@media only screen and (min-width: 1024px) {
.pAst .specification .image.spec { width: 739px; height: 227px; background-image: url('img/ast_specs_en_001.jpg'); }
.lang-de.pAst .specification .image.spec { background-image: url('img/ast_specs_de_001.jpg'); }
.lang-it.pAst .specification .image.spec { background-image: url('img/ast_specs_it_001.jpg'); }
.lang-fr.pAst .specification .image.spec { background-image: url('img/ast_specs_fr_001.jpg'); }
.lang-es.pAst .specification .image.spec { background-image: url('img/ast_specs_es_001.jpg'); }
.lang-nl.pAst .specification .image.spec { background-image: url('img/ast_specs_nl_001.jpg'); }
}
@media only screen and (max-width: 1023px) {
.pAst .specification .image.spec { height: 693px; background-image: url('img/ast_specs_res_en_001.jpg'); }
.lang-de.pAst .specification .image.spec { background-image: url('img/ast_specs_res_de_001.jpg'); }
.lang-it.pAst .specification .image.spec { background-image: url('img/ast_specs_res_it_001.jpg'); }
.lang-fr.pAst .specification .image.spec { background-image: url('img/ast_specs_res_fr_001.jpg'); }
.lang-es.pAst .specification .image.spec { background-image: url('img/ast_specs_res_es_001.jpg'); }
.lang-nl.pAst .specification .image.spec { background-image: url('img/ast_specs_res_nl_001.jpg'); }
}
@media only screen and (min-width: 1024px) {
.pAst .compat .housesSection { margin-top: 2.5em; }
}
@media only screen and (max-width: 1023px) {
.pAst .compat .intro { margin-top: 2.5em; }
}
@media only screen and (max-width: 1023px) {
.pAst .pkg .package { height: 830px; background-image: url('img/ast_addprdt_res_en.jpg'); }
.lang-de.pAst .pkg .package { background-image: url('img/ast_addprdt_res_de.jpg'); }
.lang-it.pAst .pkg .package { background-image: url('img/ast_addprdt_res_it.jpg'); }
.lang-fr.pAst .pkg .package { background-image: url('img/ast_addprdt_res_fr.jpg'); }
.lang-es.pAst .pkg .package { background-image: url('img/ast_addprdt_res_es.jpg'); }
.lang-nl.pAst .pkg .package { background-image: url('img/ast_addprdt_res_nl.jpg'); }
}
@media only screen and (max-width: 1023px) {
.p--Ek .accordion { height: 270px; background-image: url('img/ext_kit_slider1_res.5.jpg'); }
}
@media only screen and (min-width: 1024px) {
.p--Ek .hardware .specs .spec { width: 190px; }
.p--Ek .hardware .specs .spec.taste { left: 174px; top: 169px; }
.p--Ek .hardware .specs .spec.led { left: 174px; top: 256px; }
.lang-de.p--Ek .hardware .specs .spec { width: 200px; }
.lang-de.p--Ek .hardware .specs .spec.taste, .lang-de.p--Ek .hardware .specs .spec.led { left: 164px; }
.lang-nl.p--Ek .hardware .specs .spec { width: 245px; }
.lang-nl.p--Ek .hardware .specs .spec.taste, .lang-nl.p--Ek .hardware .specs .spec.led { left: 119px; }
.p--Ek .hardware .download { bottom: 44px; }
}
@media only screen and (max-width: 1023px) {
.p--Ek .hardware { background-image: url('img/ext_kit_hardware_res.jpg'); min-height: 500px; }
.p--Ek .hardware .intro { min-height: 430px; }
}
@media only screen and (min-width: 1024px) {
.p--Ek .specification .image.spec { background-image: url('img/ext_kit_specs.1.jpg'); width: 806px; height: 226px; }
}
@media only screen and (max-width: 1023px) {
.p--Ek .specification .image.spec { background-image: url('img/ext_kit_spec_res.1.jpg'); height: 638px; }
}
@media only screen and (max-width: 1023px) {
.p--Ek .specification .backplate { margin-left: auto; margin-right: auto; margin-top: 3em; }
}
@media only screen and (max-width: 1023px) {
.p--Ek .programmer { padding-top: 2em; background-color: rgb(251, 250, 248); background-image: url('img/hand.jpg'); background-position: 50% 100%; padding-bottom: 340px; height: auto; }
.p--Ek .programmer .content { margin-top: 1.5em; }
}
@media only screen and (max-width: 1023px) {
.p--Sac .accordion { height: 270px; background-image: url('img/sac_slider1_res.5.jpg'); }
.p--Sac .accordion .innerWrapper { overflow: visible; }
}
@media only screen and (min-width: 1024px) {
.p--Sac .accordion.nonEuLocale { min-height: 456px; background-color: rgb(217, 212, 207); background-position: center bottom; background-repeat: no-repeat; }
}
@media only screen and (max-width: 1023px) {
.country-us.p--Sac .accordion .bubble.coolingKit { top: -144px; left: 15px; width: 106px; height: 40px; background-size: cover; }
}
@media only screen and (max-width: 493px) {
.country-us.p--Sac .accordion .bubble.coolingKit { top: -293px; }
}
@media only screen and (min-width: 1024px) {
.p--Sac .hardware .specs .spec { width: 145px; }
.p--Sac .hardware .specs .spec.touch { left: 169px; top: 240px; }
.p--Sac .hardware .specs .spec.led { left: 656px; top: 184px; }
.p--Sac .hardware .specs .spec.ir { left: 656px; top: 312px; }
.p--Sac .hardware .download { bottom: 44px; }
}
@media only screen and (max-width: 1023px) {
.p--Sac .hardware { background-image: url('img/sac_hardware_res.jpg'); min-height: 500px; }
.p--Sac .hardware .intro { min-height: 430px; }
}
@media only screen and (min-width: 1024px) {
.p--Sac .specification .image.spec { background-image: url('img/sac_specs.jpg'); width: 806px; height: 224px; }
}
@media only screen and (max-width: 1023px) {
.p--Sac .specification .image.spec { background-image: url('img/sac_spec_res.jpg'); height: 669px; }
}
@media only screen and (max-width: 1023px) {
.p--Sac .specification .backplate { margin-top: 2em; }
}
@media only screen and (max-width: 1023px) {
.p--Sac .compatible .acSystems { height: 565px; background-image: url('img/sac_compatible_res_en.jpg'); }
.lang-de.p--Sac .compatible .acSystems { background-image: url('img/sac_compatible_res_de.jpg'); }
.lang-it.p--Sac .compatible .acSystems { background-image: url('img/sac_compatible_res_it.jpg'); }
.lang-fr.p--Sac .compatible .acSystems { background-image: url('img/sac_compatible_res_fr.jpg'); }
.lang-es.p--Sac .compatible .acSystems { background-image: url('img/sac_compatible_res_es.jpg'); }
.lang-nl.p--Sac .compatible .acSystems { background-image: url('img/sac_compatible_res_nl.jpg'); }
}
@media only screen and (max-width: 1023px) {
.p--Sac .compatible .icon.manufacturers { background-image: url('img/sac_acbrands_res.jpg'); height: 69px; }
}
@media only screen and (max-width: 1023px) {
.p--Sac .compatible .icon { margin-bottom: 1.2em; }
.p--Sac .compatible .steps { margin-top: 3em; margin-bottom: 4em; }
.p--Sac .compatible .block { margin-bottom: 4.5em; }
.p--Sac .compatible .block:last-child { margin-bottom: 0px; }
}
@media only screen and (min-width: 1024px) {
.p--Sac .installation .icon { margin-bottom: 1.7em; }
}
@media only screen and (max-width: 1023px) {
.p--Sac .installation .icon.surface { height: 263px; }
}
@media only screen and (max-width: 1023px) {
.p--Sac .installation .content { padding-top: 1.5em; }
.p--Sac .installation .steps { margin-top: 4em; }
.p--Sac .installation .block { margin-bottom: 5em; }
.p--Sac .installation .block:last-child { margin-bottom: 0px; }
}
@media only screen and (max-width: 1023px) {
.p--Sac .app--section .content .devices { background-image: url('img/sac_tado_app_res.jpg') !important; }
}
@media only screen and (max-width: 1023px) {
.pSrv .accordion { height: 270px; background-image: url('img/srt_horizontal_slider1_res.5.jpg'); }
.pSrv .accordion.srt_rent_v, .pSrv .accordion.srt_buy_v { background-image: url('img/srt_vertical_slider1_res.5.jpg'); }
}
@media only screen and (min-width: 1024px) {
.pSrv .hardware .specs .spec { width: 120px; }
.pSrv .hardware .specs .spec.led { left: 661px; top: 179px; }
.pSrv .hardware .specs .spec.knob { left: 661px; top: 301px; }
.pSrv .hardware .download { bottom: 44px; }
}
@media only screen and (max-width: 1023px) {
.pSrv .hardware { background-image: url('img/valve_hardware_res.jpg'); min-height: 500px; }
.pSrv .hardware .intro { min-height: 430px; }
}
@media only screen and (min-width: 1024px) {
.pSrv .setup .titleWrap { max-width: 504px; }
}
@media only screen and (min-width: 1024px) {
.pSrv .specification .image.spec { background-image: url('img/valve_spec.jpg'); width: 795px; height: 251px; }
}
@media only screen and (max-width: 1023px) {
.pSrv .specification .image.spec { background-image: url('img/valve_spec_res.jpg'); height: 347px; }
}
@media only screen and (max-width: 1023px) {
.pSrv .compat .intro { margin-top: 2.5em; }
.pSrv .compat .instruct { margin-top: 1em; margin-bottom: 3.5em; }
.pSrv .compat .water { margin-top: 1em; height: 181px; background-image: url('img/valve_comp_adapter_res.jpg'); }
}
@media only screen and (max-width: 1023px) {
.pSrv .pkg .package { height: 828px; background-image: url('img/srt_addprdt_res_en.jpg'); }
.lang-de.pSrv .pkg .package { background-image: url('img/srt_addprdt_res_de.jpg'); }
.lang-it.pSrv .pkg .package { background-image: url('img/srt_addprdt_res_it.jpg'); }
.lang-fr.pSrv .pkg .package { background-image: url('img/srt_addprdt_res_fr.jpg'); }
.lang-es.pSrv .pkg .package { background-image: url('img/srt_addprdt_res_es.jpg'); }
.lang-nl.pSrv .pkg .package { background-image: url('img/srt_addprdt_res_nl.jpg'); }
}
@media only screen and (max-width: 1023px) {
.pSrvKit .accordion { height: 270px; background-image: url('img/srt_kit_slider1_res.5.jpg'); }
.pSrvKit .accordion.srt_kit_rent_v, .pSrvKit .accordion.srt_kit_buy_v { background-image: url('img/srt_kit_vert_slider1_res.5.jpg'); }
.pSrvKit .accordion.srt_kit_rent_h, .pSrvKit .accordion.srt_kit_buy_h { background-image: url('img/srt_kit_slider1_res.5.jpg'); }
}
@media only screen and (min-width: 1024px) {
.pSrvKit .hardware .specs .spec { width: 120px; }
.pSrvKit .hardware .specs .spec.led { left: 661px; top: 179px; }
.pSrvKit .hardware .specs .spec.knob { left: 661px; top: 301px; }
.pSrvKit .hardware .download { bottom: 44px; }
}
@media only screen and (max-width: 1023px) {
.pSrvKit .hardware { background-image: url('img/valve_kit_hardware_res.jpg'); min-height: 500px; }
.pSrvKit .hardware .intro { min-height: 430px; }
}
@media only screen and (min-width: 1024px) {
.pSrvKit .setup .titleWrap { max-width: 504px; }
}
@media only screen and (min-width: 1024px) {
.pSrvKit .specification .image.spec { background-image: url('img/valve_spec_001.jpg'); width: 795px; height: 251px; }
}
@media only screen and (max-width: 1023px) {
.pSrvKit .specification .image.spec { background-image: url('img/valve_spec_res_001.jpg'); height: 347px; }
}
@media only screen and (max-width: 1023px) {
.pSrvKit .compat .intro { margin-top: 2.5em; }
.pSrvKit .compat .instruct { margin-top: 1em; margin-bottom: 3.5em; }
.pSrvKit .compat .water { margin-top: 1em; height: 181px; background-image: url('img/valve_kit_comp_adapter_res.jpg'); }
}
@media only screen and (max-width: 1023px) {
.pSrvKit .pkg .package { height: 804px; background-image: url('img/srt_kit_addprdt_res_en.jpg'); }
.lang-de.pSrvKit .pkg .package { background-image: url('img/srt_kit_addprdt_res_de.jpg'); }
.lang-it.pSrvKit .pkg .package { background-image: url('img/srt_kit_addprdt_res_it.jpg'); }
.lang-fr.pSrvKit .pkg .package { background-image: url('img/srt_kit_addprdt_res_fr.jpg'); }
.lang-es.pSrvKit .pkg .package { background-image: url('img/srt_kit_addprdt_res_es.jpg'); }
.lang-nl.pSrvKit .pkg .package { background-image: url('img/srt_kit_addprdt_res_nl.jpg'); }
}
@media only screen and (max-width: 1023px) {
.prod--main .categorySeparator { border: medium none; }
}
@media only screen and (max-width: 1023px) {
.prod--main .productsSection .product { padding-top: 1em; padding-bottom: 2em; }
}
@media only screen and (max-width: 1023px) {
.prod--main .productsSection .product.large { padding-top: 1.2em; }
}
@media only screen and (max-width: 1023px) {
.prod--main .productsSection .product.large .text { margin-bottom: 2em; }
}
@media only screen and (max-width: 1023px) {
.prod--main .productsSection .product.large .shot { height: 190px; }
}
@media only screen and (max-width: 767px) {
.prod--main .productsSection .product .bubble { width: 110px; top: -13px; }
}
@media only screen and (max-width: 767px) {
.prod--main .productsSection .product .bubble.smart_thermostat, .prod--main .productsSection .product .bubble.smart_valve { width: 120px; top: -13px; }
}
@media only screen and (max-width: 500px) {
.country-us.prod--main .productsSection .product .bubble.cooling_kit { left: 31%; top: 167px; }
}
@media only screen and (max-width: 1023px) {
.prod--main .productsSection .product .shot { height: 190px; }
.prod--main .productsSection .product .shot.smart_valve { background-position: 50% center; }
}
@media only screen and (max-width: 1023px) {
.prod--main .productsSection .product .shot.smart_thermostat { background-image: url('img/st_starterkit_res2.png'); }
}
@media only screen and (max-width: 1023px) {
.prod--main .productsSection .product .shot.smart_valve { background-image: url('img/valve_starterkit_res2.png'); }
}
@media only screen and (max-width: 1023px) {
.prod--main .productsSection .product .shot.additional_smart_thermostat { background-image: url('img/add_st_res.png'); }
}
@media only screen and (max-width: 1023px) {
.prod--main .productsSection .product .shot.additional_smart_valve { background-image: url('img/add_valve_res.png'); }
}
@media only screen and (max-width: 1023px) {
.prod--main .productsSection .product .shot.extension_kit { background-image: url('img/ext_kit_res.png'); }
}
@media only screen and (min-width: 1024px) {
.prod--main .productsSection .product .shot.cooling_kit { background-size: 90% auto; }
}
@media only screen and (max-width: 1023px) {
.prod--main .productsSection .product .shot.cooling_kit { background-image: url('img/sac_res.png'); }
}
@media only screen and (max-width: 500px) {
.country-us.prod--main .productsSection .product .shot.cooling_kit { height: 209px; background-position-y: 0px; }
}
@media only screen and (max-width: 1023px) {
.prod--main .productsSection .product .text { margin-bottom: 2em; }
}
@media only screen and (max-width: 1023px) {
.prod--main .productsSection .product .action .button { display: block; margin-top: 0.9em; }
}
@media only screen and (max-width: 1023px) {
.htw--page .control { min-height: 358px; padding-bottom: 3em; background-image: url('img/geolocation_res.jpg'); }
.htw--page .control .list { margin-top: 307px; }
.htw--page .control .subtitle { margin-bottom: 0.6em; }
.htw--page .control .block { margin-bottom: 3em; }
.htw--page .control .block:last-child { margin-bottom: 0px; }
}
@media only screen and (max-width: 1023px) {
.htw--page .connection .diagram { height: 728px; background-image: url('img/howitworks_res_2.jpg'); }
}
@media only screen and (max-width: 1023px) {
.htw--page .connection .block { margin-bottom: 1.5em; }
}
@media only screen and (max-width: 1023px) {
.htw--page .connectionBg { height: 303px; background-image: url('img/bicycle_res.jpg'); }
}
@media only screen and (min-width: 1024px) {
.htwc--page .control { min-height: 588px; }
.htwc--page .control .list { margin-top: 353px; }
}
@media only screen and (max-width: 1023px) {
.htwc--page .control { padding-bottom: 3.5em; background-color: rgb(246, 241, 237); background-image: none !important; }
.htwc--page .control .list { margin-top: 0px; }
.htwc--page .control .subtitle { margin-bottom: 0.6em; }
.htwc--page .control .block { margin-bottom: 3em; }
.htwc--page .control .block:last-child { margin-bottom: 0px; }
}
@media only screen and (max-width: 1023px) {
.htwc--page .connection { padding-bottom: 300px; background-image: url('img/beach_res.jpg'); }
}
@media only screen and (max-width: 1023px) {
.htwc--page .connection .diagram { height: 588px; background-position: 50% 0px; background-image: url('img/connecting_en_res.png'); }
.lang-de.htwc--page .connection .diagram { background-image: url('img/connecting_de_res.png'); }
.lang-it.htwc--page .connection .diagram { background-image: url('img/connecting_it_res.png'); }
.lang-fr.htwc--page .connection .diagram { background-image: url('img/connecting_fr_res.png'); }
.lang-es.htwc--page .connection .diagram { background-image: url('img/connecting_es_res.png'); }
.lang-nl.htwc--page .connection .diagram { background-image: url('img/connecting_nl_res.png'); }
.fheit.htwc--page .connection .diagram { background-image: url('img/connecting_us_res.png'); }
}
@media only screen and (max-width: 1023px) {
.htwc--page .connection .helpWidget { margin-top: 1.5em; }
.htwc--page .connection .block { margin-bottom: 1.5em; }
}
@media only screen and (max-width: 1023px) {
.heatApp .appSec .apps { background-image: url('img/app_devices_res.jpg'); background-size: contain; height: 140px; margin-bottom: 2em; }
.heatApp .appSec .store { font-size: 1.15em; }
.heatApp .appSec .subtitle { margin-bottom: 0.6em; }
.heatApp .appSec .block { margin-bottom: 2em; }
.heatApp .appSec .block:last-child { margin-bottom: 1em; }
}
@media only screen and (min-width: 1024px) {
.heatApp .day .innerWrapper { padding: 0px; overflow: hidden; }
}
@media only screen and (min-width: 1024px) {
.heatApp .day .controls { bottom: 52px; }
}
@media only screen and (max-width: 1023px) {
.heatApp .day .controls { top: 481px; padding-right: 20px; }
}
@media only screen and (max-width: 550px) {
.heatApp .day .controls { top: 343px; }
}
@media only screen and (max-width: 1023px) {
.heatApp .day .controls .sliderControl { margin-left: 0.7em; margin-right: 0.7em; }
}
@media only screen and (max-width: 1023px) {
.heatApp .day .slider.desktop { height: 750px; }
}
@media only screen and (max-width: 550px) {
.heatApp .day .slider.desktop { height: 610px; }
}
@media only screen and (min-width: 1024px) {
.heatApp .day .slider .slide { height: 100%; background-position: 50% 0px; }
.heatApp .day .slider .slide.morning { background-image: url('img/app_slider1_en.jpg'); }
.lang-de.heatApp .day .slider .slide.morning { background-image: url('img/app_slider1_de.jpg'); }
.lang-es.heatApp .day .slider .slide.morning { background-image: url('img/app_slider1_es.jpg'); }
.lang-it.heatApp .day .slider .slide.morning { background-image: url('img/app_slider1_it.jpg'); }
.lang-fr.heatApp .day .slider .slide.morning { background-image: url('img/app_slider1_fr.jpg'); }
.lang-nl.heatApp .day .slider .slide.morning { background-image: url('img/app_slider1_nl.jpg'); }
.heatApp .day .slider .slide.day { background-image: url('img/app_slider2_en.jpg'); }
.lang-de.heatApp .day .slider .slide.day { background-image: url('img/app_slider2_de.jpg'); }
.lang-es.heatApp .day .slider .slide.day { background-image: url('img/app_slider2_es.jpg'); }
.lang-it.heatApp .day .slider .slide.day { background-image: url('img/app_slider2_it.jpg'); }
.lang-fr.heatApp .day .slider .slide.day { background-image: url("/img/cloud/pages/heating_app/slider/regular/App_slider2_FR.jpg"); }
.lang-nl.heatApp .day .slider .slide.day { background-image: url("/img/cloud/pages/heating_app/slider/regular/App_slider2_NL.jpg"); }
.heatApp .day .slider .slide.night { background-image: url("/img/cloud/pages/heating_app/slider/regular/App_slider3_EN.jpg"); }
.lang-de.heatApp .day .slider .slide.night { background-image: url("/img/cloud/pages/heating_app/slider/regular/App_slider3_DE.jpg"); }
.lang-es.heatApp .day .slider .slide.night { background-image: url("/img/cloud/pages/heating_app/slider/regular/App_slider3_ES.jpg"); }
.lang-it.heatApp .day .slider .slide.night { background-image: url("/img/cloud/pages/heating_app/slider/regular/App_slider3_IT.jpg"); }
.lang-fr.heatApp .day .slider .slide.night { background-image: url("/img/cloud/pages/heating_app/slider/regular/App_slider3_FR.jpg"); }
.lang-nl.heatApp .day .slider .slide.night { background-image: url("/img/cloud/pages/heating_app/slider/regular/App_slider3_NL.jpg"); }
.heatApp .day .slider .slide.sleep { background-image: url("/img/cloud/pages/heating_app/slider/regular/App_slider4_EN.jpg"); }
.lang-de.heatApp .day .slider .slide.sleep { background-image: url("/img/cloud/pages/heating_app/slider/regular/App_slider4_DE.jpg"); }
.lang-es.heatApp .day .slider .slide.sleep { background-image: url("/img/cloud/pages/heating_app/slider/regular/App_slider4_ES.jpg"); }
.lang-it.heatApp .day .slider .slide.sleep { background-image: url("/img/cloud/pages/heating_app/slider/regular/App_slider4_IT.jpg"); }
.lang-fr.heatApp .day .slider .slide.sleep { background-image: url("/img/cloud/pages/heating_app/slider/regular/App_slider4_FR.jpg"); }
.lang-nl.heatApp .day .slider .slide.sleep { background-image: url("/img/cloud/pages/heating_app/slider/regular/App_slider4_NL.jpg"); }
.heatApp .day .slider .block { margin-left: 3.5em; margin-top: 2.8em; }
.heatApp .day .slider .block .title, .heatApp .day .slider .block .subtitle, .heatApp .day .slider .block .caption { color: rgb(55, 73, 87); }
.heatApp .day .slider .block.block--sleep .title, .heatApp .day .slider .block.block--sleep .subtitle, .heatApp .day .slider .block.block--sleep .caption { color: rgb(255, 255, 255); }
.heatApp .day .slider .block.block--morning .caption { max-width: 200px; }
.heatApp .day .slider .block.block--night .caption { max-width: 300px; }
.heatApp .day .slider .block .title { margin-bottom: 1.15em; }
.heatApp .day .slider .block .subtitle { margin-bottom: 1em; }
}
@media only screen and (max-width: 1023px) {
.heatApp .day .slider .resBg { height: 420px; background-position: 50% 50%; margin-bottom: 88px; background-repeat: no-repeat; }
.heatApp .day .slider .resBg.morning { background-image: url('img/app_slider1_600px_en.jpg'); }
.lang-de.heatApp .day .slider .resBg.morning { background-image: url('img/app_slider1_600px_de.jpg'); }
.lang-es.heatApp .day .slider .resBg.morning { background-image: url('img/app_slider1_600px_es.jpg'); }
.lang-it.heatApp .day .slider .resBg.morning { background-image: url('img/app_slider1_600px_it.jpg'); }
.lang-fr.heatApp .day .slider .resBg.morning { background-image: url('img/app_slider1_600px_fr.jpg'); }
.lang-nl.heatApp .day .slider .resBg.morning { background-image: url('img/app_slider1_600px_nl.jpg'); }
.heatApp .day .slider .resBg.day { background-image: url('img/app_slider2_600px_en.jpg'); }
.lang-de.heatApp .day .slider .resBg.day { background-image: url('img/app_slider2_600px_de.jpg'); }
.lang-es.heatApp .day .slider .resBg.day { background-image: url('img/app_slider2_600px_es.jpg'); }
.lang-it.heatApp .day .slider .resBg.day { background-image: url('img/app_slider2_600px_it.jpg'); }
.lang-fr.heatApp .day .slider .resBg.day { background-image: url("/img/cloud/pages/heating_app/slider/sm/App_slider2_600px_FR.jpg"); }
.lang-nl.heatApp .day .slider .resBg.day { background-image: url("/img/cloud/pages/heating_app/slider/sm/App_slider2_600px_NL.jpg"); }
.heatApp .day .slider .resBg.night { background-image: url("/img/cloud/pages/heating_app/slider/sm/App_slider3_600px_EN.jpg"); }
.lang-de.heatApp .day .slider .resBg.night { background-image: url("/img/cloud/pages/heating_app/slider/sm/App_slider3_600px_DE.jpg"); }
.lang-es.heatApp .day .slider .resBg.night { background-image: url("/img/cloud/pages/heating_app/slider/sm/App_slider3_600px_ES.jpg"); }
.lang-it.heatApp .day .slider .resBg.night { background-image: url("/img/cloud/pages/heating_app/slider/sm/App_slider3_600px_IT.jpg"); }
.lang-fr.heatApp .day .slider .resBg.night { background-image: url("/img/cloud/pages/heating_app/slider/sm/App_slider3_600px_FR.jpg"); }
.lang-nl.heatApp .day .slider .resBg.night { background-image: url("/img/cloud/pages/heating_app/slider/sm/App_slider3_600px_NL.jpg"); }
.heatApp .day .slider .resBg.sleep { background-image: url("/img/cloud/pages/heating_app/slider/sm/App_slider4_600px_EN.jpg"); }
.lang-de.heatApp .day .slider .resBg.sleep { background-image: url("/img/cloud/pages/heating_app/slider/sm/App_slider4_600px_DE.jpg"); }
.lang-es.heatApp .day .slider .resBg.sleep { background-image: url("/img/cloud/pages/heating_app/slider/sm/App_slider4_600px_ES.jpg"); }
.lang-it.heatApp .day .slider .resBg.sleep { background-image: url("/img/cloud/pages/heating_app/slider/sm/App_slider4_600px_IT.jpg"); }
.lang-fr.heatApp .day .slider .resBg.sleep { background-image: url("/img/cloud/pages/heating_app/slider/sm/App_slider4_600px_FR.jpg"); }
.lang-nl.heatApp .day .slider .resBg.sleep { background-image: url("/img/cloud/pages/heating_app/slider/sm/App_slider4_600px_NL.jpg"); }
.heatApp .day .slider .block .title { margin-bottom: 0.8em; }
.heatApp .day .slider .block .subtitle { margin-bottom: 0.4em; }
.heatApp .day .slider .rsSlide { padding-left: 20px; padding-right: 20px; box-sizing: border-box; }
}
@media only screen and (max-width: 550px) {
.heatApp .day .slider .resBg { height: 280px; background-position: 50% 50%; margin-bottom: 88px; background-repeat: no-repeat; }
.heatApp .day .slider .resBg.morning { background-image: url('img/app_slider1_res_en.jpg'); }
.lang-de.heatApp .day .slider .resBg.morning { background-image: url('img/app_slider1_res_de.jpg'); }
.lang-es.heatApp .day .slider .resBg.morning { background-image: url('img/app_slider1_res_es.jpg'); }
.lang-it.heatApp .day .slider .resBg.morning { background-image: url('img/app_slider1_res_it.jpg'); }
.lang-fr.heatApp .day .slider .resBg.morning { background-image: url('img/app_slider1_res_fr.jpg'); }
.lang-nl.heatApp .day .slider .resBg.morning { background-image: url('img/app_slider1_res_nl.jpg'); }
.heatApp .day .slider .resBg.day { background-image: url('img/app_slider2_res_en.jpg'); }
.lang-de.heatApp .day .slider .resBg.day { background-image: url('img/app_slider2_res_de.jpg'); }
.lang-es.heatApp .day .slider .resBg.day { background-image: url('img/app_slider2_res_es.jpg'); }
.lang-it.heatApp .day .slider .resBg.day { background-image: url('img/app_slider2_res_it.jpg'); }
.lang-fr.heatApp .day .slider .resBg.day { background-image: url("/img/cloud/pages/heating_app/slider/xs/App_slider2_res_FR.jpg"); }
.lang-nl.heatApp .day .slider .resBg.day { background-image: url("/img/cloud/pages/heating_app/slider/xs/App_slider2_res_NL.jpg"); }
.heatApp .day .slider .resBg.night { background-image: url("/img/cloud/pages/heating_app/slider/xs/App_slider3_res_EN.jpg"); }
.lang-de.heatApp .day .slider .resBg.night { background-image: url("/img/cloud/pages/heating_app/slider/xs/App_slider3_res_DE.jpg"); }
.lang-es.heatApp .day .slider .resBg.night { background-image: url("/img/cloud/pages/heating_app/slider/xs/App_slider3_res_ES.jpg"); }
.lang-it.heatApp .day .slider .resBg.night { background-image: url("/img/cloud/pages/heating_app/slider/xs/App_slider3_res_IT.jpg"); }
.lang-fr.heatApp .day .slider .resBg.night { background-image: url("/img/cloud/pages/heating_app/slider/xs/App_slider3_res_FR.jpg"); }
.lang-nl.heatApp .day .slider .resBg.night { background-image: url("/img/cloud/pages/heating_app/slider/xs/App_slider3_res_NL.jpg"); }
.heatApp .day .slider .resBg.sleep { background-image: url("/img/cloud/pages/heating_app/slider/xs/App_slider4_res_EN.jpg"); }
.lang-de.heatApp .day .slider .resBg.sleep { background-image: url("/img/cloud/pages/heating_app/slider/xs/App_slider4_res_DE.jpg"); }
.lang-es.heatApp .day .slider .resBg.sleep { background-image: url("/img/cloud/pages/heating_app/slider/xs/App_slider4_res_ES.jpg"); }
.lang-it.heatApp .day .slider .resBg.sleep { background-image: url("/img/cloud/pages/heating_app/slider/xs/App_slider4_res_IT.jpg"); }
.lang-fr.heatApp .day .slider .resBg.sleep { background-image: url("/img/cloud/pages/heating_app/slider/xs/App_slider4_res_FR.jpg"); }
.lang-nl.heatApp .day .slider .resBg.sleep { background-image: url("/img/cloud/pages/heating_app/slider/xs/App_slider4_res_NL.jpg"); }
}
@media only screen and (min-width: 1023px) and (max-width: 1399px) {
.country-gb.heatApp .features .bg.report { background-position-x: -55px; }
}
@media only screen and (max-width: 1023px) {
.heatApp .features .content { margin-top: 280px; }
.heatApp .features .bg { height: 280px; }
.heatApp .features .bg.multizone { background-image: url('img/multizone_res_en.jpg'); }
.lang-de.heatApp .features .bg.multizone { background-image: url('img/multizone_res_de.jpg'); }
.lang-es.heatApp .features .bg.multizone { background-image: url('img/multizone_res_es.jpg'); }
.lang-it.heatApp .features .bg.multizone { background-image: url('img/multizone_res_it.jpg'); }
.lang-fr.heatApp .features .bg.multizone { background-image: url('img/multizone_res_fr.jpg'); }
.lang-nl.heatApp .features .bg.multizone { background-image: url('img/multizone_res_nl.jpg'); }
.heatApp .features .bg.hotwatercontrol { background-image: url('img/hotwater_res.jpg') !important; }
.heatApp .features .bg.schedule { background-image: url('img/schedule_res_en.1.jpg'); }
.lang-de.heatApp .features .bg.schedule { background-image: url('img/schedule_res_de.1.jpg'); }
.lang-es.heatApp .features .bg.schedule { background-image: url('img/schedule_res_es.1.jpg'); }
.lang-it.heatApp .features .bg.schedule { background-image: url("/img/cloud/pages/heating_app/schedule/schedule_res_IT.1.jpg"); }
.lang-fr.heatApp .features .bg.schedule { background-image: url("/img/cloud/pages/heating_app/schedule/schedule_res_FR.1.jpg"); }
.lang-nl.heatApp .features .bg.schedule { background-image: url("/img/cloud/pages/heating_app/schedule/schedule_res_NL.1.jpg"); }
.heatApp .features .bg.report { background-image: url("/img/cloud/pages/heating_app/report_res.jpg") !important; background-position-x: center; }
.country-gb.heatApp .features .bg.report { background-image: url("/img/cloud/pages/heating_app/report_EN_GB_res.jpg") !important; }
}
@media only screen and (max-width: 1023px) {
.heatApp .integration .diagram { height: 280px; background-image: url('img/integration_res.jpg'); }
}
@media only screen and (max-width: 1023px) {
.heatApp .integration .integration-link.integration-telefonica { width: 100px; }
}
@media only screen and (max-width: 1023px) {
.heatApp .integrationBg { height: 405px; background-image: url('img/couple_res.jpg'); }
}
@media only screen and (max-width: 1023px) {
.cling--app .appSec .apps { background-image: url('img/app_device_de_res.jpg'); background-size: contain; height: 140px; margin-bottom: 2em; }
.fheit.cling--app .appSec .apps { background-image: url('img/app_device_us_res.jpg'); }
.cling--app .appSec .store { font-size: 1.15em; }
.cling--app .appSec .subtitle { margin-bottom: 0.6em; }
.cling--app .appSec .block { margin-bottom: 2em; }
.cling--app .appSec .block:last-child { margin-bottom: 1em; }
}
@media only screen and (min-width: 1024px) {
.cling--app .day .innerWrapper { padding: 0px; overflow: hidden; }
}
@media only screen and (min-width: 1024px) {
.cling--app .day .controls { right: 30px; width: 59px; top: 153px; }
}
@media only screen and (max-width: 1023px) {
.cling--app .day .controls { top: 487px; padding-right: 20px; }
}
@media only screen and (max-width: 550px) {
.cling--app .day .controls { top: 369px; }
}
@media only screen and (max-width: 1023px) {
.cling--app .day .controls .sliderControl { margin-left: 0.7em; margin-right: 0.7em; }
}
@media only screen and (min-width: 1024px) {
.cling--app .day .controls .sliderControl { margin: 0px 0px 4.5em; }
}
@media only screen and (max-width: 1023px) {
.cling--app .day .slider.desktop { height: 750px; }
}
@media only screen and (max-width: 550px) {
.cling--app .day .slider.desktop { height: 610px; }
.lang-fr.cling--app .day .slider.desktop { height: 640px; }
}
@media only screen and (min-width: 1024px) {
.cling--app .day .slider .slide { height: 100%; background-position: 50% 0px; }
.cling--app .day .slider .slide.morning { background-image: url('img/1_en_1000px.jpg'); }
.lang-de.cling--app .day .slider .slide.morning { background-image: url('img/1_de_1000px.jpg'); }
.lang-es.cling--app .day .slider .slide.morning { background-image: url('img/1_es_1000px.jpg'); }
.lang-it.cling--app .day .slider .slide.morning { background-image: url('img/1_it_1000px.jpg'); }
.lang-fr.cling--app .day .slider .slide.morning { background-image: url('img/1_fr_1000px.jpg'); }
.lang-nl.cling--app .day .slider .slide.morning { background-image: url('img/1_nl_1000px.jpg'); }
.fheit.cling--app .day .slider .slide.morning { background-image: url('img/1_us_1000px.jpg'); }
.cling--app .day .slider .slide.day { background-image: url('img/2_en_1000px.jpg'); }
.lang-de.cling--app .day .slider .slide.day { background-image: url('img/2_de_1000px.jpg'); }
.lang-es.cling--app .day .slider .slide.day { background-image: url('img/2_es_1000px.jpg'); }
.lang-it.cling--app .day .slider .slide.day { background-image: url("/img/cloud/pages/cooling_app/slider/regular/2_IT_1000px.jpg"); }
.lang-fr.cling--app .day .slider .slide.day { background-image: url("/img/cloud/pages/cooling_app/slider/regular/2_FR_1000px.jpg"); }
.lang-nl.cling--app .day .slider .slide.day { background-image: url("/img/cloud/pages/cooling_app/slider/regular/2_NL_1000px.jpg"); }
.fheit.cling--app .day .slider .slide.day { background-image: url("/img/cloud/pages/cooling_app/slider/regular/2_US_1000px.jpg"); }
.cling--app .day .slider .slide.night { background-image: url("/img/cloud/pages/cooling_app/slider/regular/3_EN_1000px.jpg"); }
.lang-de.cling--app .day .slider .slide.night { background-image: url("/img/cloud/pages/cooling_app/slider/regular/3_DE_1000px.jpg"); }
.lang-es.cling--app .day .slider .slide.night { background-image: url("/img/cloud/pages/cooling_app/slider/regular/3_ES_1000px.jpg"); }
.lang-it.cling--app .day .slider .slide.night { background-image: url("/img/cloud/pages/cooling_app/slider/regular/3_IT_1000px.jpg"); }
.lang-fr.cling--app .day .slider .slide.night { background-image: url("/img/cloud/pages/cooling_app/slider/regular/3_FR_1000px.jpg"); }
.lang-nl.cling--app .day .slider .slide.night { background-image: url("/img/cloud/pages/cooling_app/slider/regular/3_NL_1000px.jpg"); }
.fheit.cling--app .day .slider .slide.night { background-image: url("/img/cloud/pages/cooling_app/slider/regular/3_US_1000px.jpg"); }
.cling--app .day .slider .slide.sleep { background-image: url("/img/cloud/pages/cooling_app/slider/regular/4_EN_1000px.1.jpg"); }
.lang-de.cling--app .day .slider .slide.sleep { background-image: url("/img/cloud/pages/cooling_app/slider/regular/4_DE_1000px.1.jpg"); }
.lang-es.cling--app .day .slider .slide.sleep { background-image: url("/img/cloud/pages/cooling_app/slider/regular/4_ES_1000px.1.jpg"); }
.lang-it.cling--app .day .slider .slide.sleep { background-image: url("/img/cloud/pages/cooling_app/slider/regular/4_IT_1000px.1.jpg"); }
.lang-fr.cling--app .day .slider .slide.sleep { background-image: url("/img/cloud/pages/cooling_app/slider/regular/4_FR_1000px.1.jpg"); }
.lang-nl.cling--app .day .slider .slide.sleep { background-image: url("/img/cloud/pages/cooling_app/slider/regular/4_NL_1000px.1.jpg"); }
.fheit.cling--app .day .slider .slide.sleep { background-image: url("/img/cloud/pages/cooling_app/slider/regular/4_US_1000px.1.jpg"); }
.cling--app .day .slider .block { margin-left: 3.5em; margin-top: 2.8em; }
.cling--app .day .slider .block .title, .cling--app .day .slider .block .subtitle, .cling--app .day .slider .block .caption { color: rgb(55, 73, 87); }
.cling--app .day .slider .block.block--morning .caption { max-width: 365px; }
.cling--app .day .slider .block.block--night .caption { max-width: 300px; }
.cling--app .day .slider .block .title { margin-bottom: 1.15em; }
.cling--app .day .slider .block .subtitle { margin-bottom: 1em; }
}
@media only screen and (max-width: 1023px) {
.cling--app .day .slider .resBg { height: 420px; background-position: 50% 50%; margin-bottom: 88px; background-repeat: no-repeat; }
.cling--app .day .slider .resBg.morning { background-image: url('img/1_en_600px.jpg'); }
.lang-de.cling--app .day .slider .resBg.morning { background-image: url('img/1_de_600px.jpg'); }
.lang-es.cling--app .day .slider .resBg.morning { background-image: url('img/1_es_600px.jpg'); }
.lang-it.cling--app .day .slider .resBg.morning { background-image: url('img/1_it_600px.jpg'); }
.lang-fr.cling--app .day .slider .resBg.morning { background-image: url('img/1_fr_600px.jpg'); }
.lang-nl.cling--app .day .slider .resBg.morning { background-image: url('img/1_nl_600px.jpg'); }
.fheit.cling--app .day .slider .resBg.morning { background-image: url('img/1_us_600px.jpg'); }
.cling--app .day .slider .resBg.day { background-image: url('img/2_en_600px.jpg'); }
.lang-de.cling--app .day .slider .resBg.day { background-image: url('img/2_de_600px.jpg'); }
.lang-es.cling--app .day .slider .resBg.day { background-image: url('img/2_es_600px.jpg'); }
.lang-it.cling--app .day .slider .resBg.day { background-image: url("/img/cloud/pages/cooling_app/slider/sm/2_IT_600px.jpg"); }
.lang-fr.cling--app .day .slider .resBg.day { background-image: url("/img/cloud/pages/cooling_app/slider/sm/2_FR_600px.jpg"); }
.lang-nl.cling--app .day .slider .resBg.day { background-image: url("/img/cloud/pages/cooling_app/slider/sm/2_NL_600px.jpg"); }
.fheit.cling--app .day .slider .resBg.day { background-image: url("/img/cloud/pages/cooling_app/slider/sm/2_US_600px.jpg"); }
.cling--app .day .slider .resBg.night { background-image: url("/img/cloud/pages/cooling_app/slider/sm/3_EN_600px.1.jpg"); }
.lang-de.cling--app .day .slider .resBg.night { background-image: url("/img/cloud/pages/cooling_app/slider/sm/3_DE_600px.1.jpg"); }
.lang-es.cling--app .day .slider .resBg.night { background-image: url("/img/cloud/pages/cooling_app/slider/sm/3_ES_600px.1.jpg"); }
.lang-it.cling--app .day .slider .resBg.night { background-image: url("/img/cloud/pages/cooling_app/slider/sm/3_IT_600px.1.jpg"); }
.lang-fr.cling--app .day .slider .resBg.night { background-image: url("/img/cloud/pages/cooling_app/slider/sm/3_FR_600px.1.jpg"); }
.lang-nl.cling--app .day .slider .resBg.night { background-image: url("/img/cloud/pages/cooling_app/slider/sm/3_NL_600px.1.jpg"); }
.fheit.cling--app .day .slider .resBg.night { background-image: url("/img/cloud/pages/cooling_app/slider/sm/3_US_600px.1.jpg"); }
.cling--app .day .slider .resBg.sleep { background-image: url("/img/cloud/pages/cooling_app/slider/sm/4_EN_600px.1.jpg"); }
.lang-de.cling--app .day .slider .resBg.sleep { background-image: url("/img/cloud/pages/cooling_app/slider/sm/4_DE_600px.1.jpg"); }
.lang-es.cling--app .day .slider .resBg.sleep { background-image: url("/img/cloud/pages/cooling_app/slider/sm/4_ES_600px.1.jpg"); }
.lang-it.cling--app .day .slider .resBg.sleep { background-image: url("/img/cloud/pages/cooling_app/slider/sm/4_IT_600px.1.jpg"); }
.lang-fr.cling--app .day .slider .resBg.sleep { background-image: url("/img/cloud/pages/cooling_app/slider/sm/4_FR_600px.1.jpg"); }
.lang-nl.cling--app .day .slider .resBg.sleep { background-image: url("/img/cloud/pages/cooling_app/slider/sm/4_NL_600px.1.jpg"); }
.fheit.cling--app .day .slider .resBg.sleep { background-image: url("/img/cloud/pages/cooling_app/slider/sm/4_US_600px.1.jpg"); }
.cling--app .day .slider .block .title { margin-bottom: 0.8em; }
.lang-it.cling--app .day .slider .block .title { min-width: 280px; }
.cling--app .day .slider .block .subtitle { margin-bottom: 0.4em; }
.cling--app .day .slider .rsSlide { padding-left: 20px; padding-right: 20px; box-sizing: border-box; }
}
@media only screen and (max-width: 550px) {
.cling--app .day .slider .resBg { height: 280px; background-position: 50% 50%; margin-bottom: 88px; background-repeat: no-repeat; }
.cling--app .day .slider .resBg.morning { background-image: url('img/1_en_280px.jpg'); }
.lang-de.cling--app .day .slider .resBg.morning { background-image: url('img/1_de_280px.jpg'); }
.lang-es.cling--app .day .slider .resBg.morning { background-image: url('img/1_es_280px.jpg'); }
.lang-it.cling--app .day .slider .resBg.morning { background-image: url('img/1_it_280px.jpg'); }
.lang-fr.cling--app .day .slider .resBg.morning { background-image: url('img/1_fr_280px.jpg'); }
.lang-nl.cling--app .day .slider .resBg.morning { background-image: url('img/1_nl_280px.jpg'); }
.fheit.cling--app .day .slider .resBg.morning { background-image: url('img/1_us_280px.jpg'); }
.cling--app .day .slider .resBg.day { background-image: url('img/2_en_280px.jpg'); }
.lang-de.cling--app .day .slider .resBg.day { background-image: url('img/2_de_280px.jpg'); }
.lang-es.cling--app .day .slider .resBg.day { background-image: url('img/2_es_280px.jpg'); }
.lang-it.cling--app .day .slider .resBg.day { background-image: url("/img/cloud/pages/cooling_app/slider/xs/2_IT_280px.jpg"); }
.lang-fr.cling--app .day .slider .resBg.day { background-image: url("/img/cloud/pages/cooling_app/slider/xs/2_FR_280px.jpg"); }
.lang-nl.cling--app .day .slider .resBg.day { background-image: url("/img/cloud/pages/cooling_app/slider/xs/2_NL_280px.jpg"); }
.fheit.cling--app .day .slider .resBg.day { background-image: url("/img/cloud/pages/cooling_app/slider/xs/2_US_280px.jpg"); }
.cling--app .day .slider .resBg.night { background-image: url("/img/cloud/pages/cooling_app/slider/xs/3_EN_280px.jpg"); }
.lang-de.cling--app .day .slider .resBg.night { background-image: url("/img/cloud/pages/cooling_app/slider/xs/3_DE_280px.jpg"); }
.lang-es.cling--app .day .slider .resBg.night { background-image: url("/img/cloud/pages/cooling_app/slider/xs/3_ES_280px.jpg"); }
.lang-it.cling--app .day .slider .resBg.night { background-image: url("/img/cloud/pages/cooling_app/slider/xs/3_IT_280px.jpg"); }
.lang-fr.cling--app .day .slider .resBg.night { background-image: url("/img/cloud/pages/cooling_app/slider/xs/3_FR_280px.jpg"); }
.lang-nl.cling--app .day .slider .resBg.night { background-image: url("/img/cloud/pages/cooling_app/slider/xs/3_NL_280px.jpg"); }
.fheit.cling--app .day .slider .resBg.night { background-image: url("/img/cloud/pages/cooling_app/slider/xs/3_US_280px.jpg"); }
.cling--app .day .slider .resBg.sleep { background-image: url("/img/cloud/pages/cooling_app/slider/xs/4_EN_280px.1.jpg"); }
.lang-de.cling--app .day .slider .resBg.sleep { background-image: url("/img/cloud/pages/cooling_app/slider/xs/4_DE_280px.1.jpg"); }
.lang-es.cling--app .day .slider .resBg.sleep { background-image: url("/img/cloud/pages/cooling_app/slider/xs/4_ES_280px.1.jpg"); }
.lang-it.cling--app .day .slider .resBg.sleep { background-image: url("/img/cloud/pages/cooling_app/slider/xs/4_IT_280px.1.jpg"); }
.lang-fr.cling--app .day .slider .resBg.sleep { background-image: url("/img/cloud/pages/cooling_app/slider/xs/4_FR_280px.1.jpg"); }
.lang-nl.cling--app .day .slider .resBg.sleep { background-image: url("/img/cloud/pages/cooling_app/slider/xs/4_NL_280px.1.jpg"); }
.fheit.cling--app .day .slider .resBg.sleep { background-image: url("/img/cloud/pages/cooling_app/slider/xs/4_US_280px.1.jpg"); }
}
@media only screen and (max-width: 1023px) {
.cling--app .features.mzBg { height: 260px; background-image: url('img/mehrzonensteuerung_en_res.2.jpg'); }
.lang-de.cling--app .features.mzBg { background-image: url('img/mehrzonensteuerung_de_res.2.jpg'); }
.lang-it.cling--app .features.mzBg { background-image: url('img/mehrzonensteuerung_it_res.2.jpg'); }
.lang-fr.cling--app .features.mzBg { background-image: url('img/mehrzonensteuerung_fr_res.2.jpg'); }
.lang-es.cling--app .features.mzBg { background-image: url('img/mehrzonensteuerung_es_res.2.jpg'); }
.lang-nl.cling--app .features.mzBg { background-image: url('img/mehrzonensteuerung_nl_res.2.jpg'); }
.fheit.cling--app .features.mzBg { background-image: url('img/mehrzonensteuerung_us_res.2.jpg'); }
}
@media only screen and (max-width: 1023px) {
.cling--app .features { padding-top: 2em; }
.cling--app .features .content { margin-top: 280px; }
.cling--app .features .bg { height: 280px; }
.cling--app .features .bg.schedule { background-image: url('img/schedule_res_en.1_001.jpg'); }
.lang-de.cling--app .features .bg.schedule { background-image: url('img/schedule_res_de.1_001.jpg'); }
.lang-es.cling--app .features .bg.schedule { background-image: url('img/schedule_res_es.1_001.jpg'); }
.lang-it.cling--app .features .bg.schedule { background-image: url('img/schedule_res_it.1.jpg'); }
.lang-fr.cling--app .features .bg.schedule { background-image: url('img/schedule_res_fr.1.jpg'); }
.lang-nl.cling--app .features .bg.schedule { background-image: url('img/schedule_res_nl.1.jpg'); }
.cling--app .features .bg.report { background-image: url('img/report_res.jpg') !important; }
}
@media only screen and (max-width: 1023px) {
.cling--app .integration .diagram { height: 294px; background-image: url('img/en_device_res.png'); background-size: contain; }
.lang-de.cling--app .integration .diagram { background-image: url('img/de_device_res.png'); }
.lang-it.cling--app .integration .diagram { background-image: url('img/it_device_res.png'); }
.lang-fr.cling--app .integration .diagram { background-image: url('img/fr_device_res.png'); }
.lang-es.cling--app .integration .diagram { background-image: url('img/es_device_res.png'); }
.lang-nl.cling--app .integration .diagram { background-image: url('img/nl_device_res.png'); }
.fheit.cling--app .integration .diagram { background-image: url('img/us_device_res.png'); }
}
@media only screen and (max-width: 1023px) {
.cling--app .integration { background-image: url('img/backround_res.jpg'); height: 1398px; }
.cling--app .integration .block { margin-bottom: 3.5em; }
.cling--app .integration .block:last-child { margin-bottom: 0px; }
.cling--app .integration .logo { height: 38px; }
.cling--app .integration .list { margin-top: 2.5em; }
}
@media only screen and (max-width: 1023px) {
.setup--pg .function .content { margin-top: 350px; }
.setup--pg .function .bg { height: 350px; }
.setup--pg .function .bg.thermostat { background-image: url('img/boiler_hanging_res.jpg'); }
.country-de.setup--pg .function .bg.thermostat, .country-at.setup--pg .function .bg.thermostat, .country-ch.setup--pg .function .bg.thermostat { background-image: url('img/boiler_res.jpg'); }
.setup--pg .function .bg.radiator { background-image: url('img/radiator_res.jpg'); }
.setup--pg .function .houseIcon { max-height: 130px; margin-top: 1.7em; margin-bottom: 1.5em; }
.setup--pg .function .spec { margin-bottom: 3em; }
.setup--pg .function .spec:last-child { margin-bottom: 0px; }
}
.setup--pg .compat .supported-systems-content .bullet::before { content: "●"; color: inherit; display: inline-block; font-size: 0.6em; vertical-align: top; margin-right: 0.3em; }
@media only screen and (min-width: 1024px) {
.setup--pg .selectorBg { margin-top: -452px; }
}
@media only screen and (max-width: 1023px) {
.setup--pg .selectorBg { height: 230px; background-image: url('img/skyline_res.jpg'); }
}
@media only screen and (max-width: 1023px) {
.cln--setup .intro--sec { background-image: url('img/header_res.jpg'); height: 350px; }
}
@media only screen and (max-width: 1023px) {
.cln--setup .replace { background-color: rgb(246, 241, 237); background-image: url('img/replace_hardware_res.jpg'); background-position: 50% 100%; padding-bottom: 337px; height: auto; padding-top: 3em; }
}
@media only screen and (max-width: 1023px) {
.cln--setup .control .diagram { height: 659px; background-image: url('img/how_tado_controls_en_res.png'); }
.lang-de.cln--setup .control .diagram { background-image: url('img/how_tado_controls_de_res.png'); }
.lang-it.cln--setup .control .diagram { background-image: url('img/how_tado_controls_it_res.png'); }
.lang-fr.cln--setup .control .diagram { background-image: url('img/how_tado_controls_fr_res.png'); }
.lang-es.cln--setup .control .diagram { background-image: url('img/how_tado_controls_es_res.png'); }
.lang-nl.cln--setup .control .diagram { background-image: url('img/how_tado_controls_nl_res.png'); }
.fheit.cln--setup .control .diagram { background-image: url('img/how_tado_controls_us_res.png'); }
}
@media only screen and (max-width: 1023px) {
.cln--setup .control { padding-bottom: 2em; }
.cln--setup .control .block { margin-bottom: 1.5em; }
}
@media only screen and (max-width: 1023px) {
.cln--setup .setup--sec .logos { margin-top: 1em; margin-bottom: 1.2em; }
.cln--setup .setup--sec .check, .cln--setup .setup--sec .results { margin-top: 1.5em; }
}
@media only screen and (max-width: 1023px) {
.cln--setup .teach .content { margin-top: 280px; }
.cln--setup .teach .bg { height: 280px; }
.cln--setup .teach .bg.automatic { background-image: url('img/teaching_app_en_res.1.jpg'); }
.lang-de.cln--setup .teach .bg.automatic { background-image: url('img/teaching_app_de_res.1.jpg'); }
.lang-es.cln--setup .teach .bg.automatic { background-image: url('img/teaching_app_es_res.1.jpg'); }
.lang-it.cln--setup .teach .bg.automatic { background-image: url('img/teaching_app_it_res.1.jpg'); }
.lang-fr.cln--setup .teach .bg.automatic { background-image: url('img/teaching_app_fr_res.1.jpg'); }
.lang-nl.cln--setup .teach .bg.automatic { background-image: url('img/teaching_app_nl_res.1.jpg'); }
.cln--setup .teach .bg.manual { background-image: url('img/teaching_res.jpg') !important; }
}
@media only screen and (min-width: 768px) {
.cln--setup .placement .img { width: 98%; }
}
@media only screen and (max-width: 1023px) {
.cln--setup .placement .img { background-position: 50% 0px; }
.cln--setup .placement .img.wall { background-image: url('img/wall_res.jpg'); }
.cln--setup .placement .img.cable { background-image: url('img/cable_management_res.1.jpg'); }
.cln--setup .placement .img.table { background-image: url('img/table_res.jpg'); }
}
@media only screen and (max-width: 1023px) {
.cln--setup .placement { padding-bottom: 0px; }
.cln--setup .placement .block { margin-bottom: 3em; }
}
@media only screen and (min-width: 1024px) {
.cln--setup .multiroom .title { height: 4em; }
.cln--setup .multiroom .caption { margin-top: 16em; padding-left: 2.5em; }
}
@media only screen and (max-width: 1023px) {
.cln--setup .multiroom { background-color: rgb(247, 242, 239); padding-top: 2em; height: auto; padding-bottom: 2em; background-image: url('img/multiroom_en_res.jpg'); }
.cln--setup .multiroom .title { height: 600px; }
.lang-de.cln--setup .multiroom { background-image: url('img/multiroom_de_res.jpg'); }
.lang-es.cln--setup .multiroom { background-image: url('img/multiroom_es_res.jpg'); }
.lang-fr.cln--setup .multiroom { background-image: url('img/multiroom_fr_res.jpg'); }
.lang-it.cln--setup .multiroom { background-image: url('img/multiroom_it_res.jpg'); }
.lang-nl.cln--setup .multiroom { background-image: url('img/multiroom_nl_res.jpg'); }
.fheit.cln--setup .multiroom { background-image: url('img/multiroom_us_res.jpg'); }
}
@media only screen and (max-width: 1023px) {
.cln--setup .product--sect { height: 998px; padding-top: 3em; background-image: url('img/kitchen_res.jpg'); }
}
@media only screen and (max-width: 1023px) {
.save--pg .save .block { margin-bottom: 1.5em; }
}
@media only screen and (max-width: 1023px) {
.save--pg .erp { padding-top: 1.5em; }
.save--pg .erp .calcWrap { margin-top: 2.5em; }
}
@media only screen and (min-width: 1024px) {
.save--pg .energy .middle { padding-right: 3em; }
}
@media only screen and (max-width: 1023px) {
.save--pg .energy { padding-top: 2em; padding-bottom: 2em; }
.save--pg .energy .shield { max-width: 132px; margin-top: 2.2em; margin-bottom: 0.8em; }
.save--pg .energy .subtitle { margin-top: 1.1em; }
.save--pg .energy .bullets { margin-bottom: 1.5em; }
}
@media only screen and (max-width: 1023px) {
.save--pg .worth { padding-bottom: 232px; }
.save--pg .worth .block { margin-bottom: 4em; }
.save--pg .worth .block:last-child { }
.save--pg .worth .subtitle { margin-top: 1.5em; }
}
@media only screen and (min-width: 1024px) {
.acS--P .technology .block.fourth { position: absolute; top: -199px; width: 612px; right: 27px; }
.acS--P .technology .block.fourth .icon { float: left; overflow: hidden; margin-bottom: 300px; margin-right: 4em; }
.acS--P .technology .block.fifth { position: absolute; max-width: 558px; left: 27px; top: 6px; }
.acS--P .technology .block.fifth .icon { float: left; overflow: hidden; margin-right: 2.5em; }
}
@media only screen and (min-width: 1024px) {
.acS--P .technology .title { margin-bottom: 4.5em; }
.acS--P .technology .topBlockWrapper { margin-bottom: 2em; }
.acS--P .technology .topBlockWrapper .icon { height: 100px; margin-bottom: 2em; }
.acS--P .technology .bottom { position: relative; height: 288px; }
}
@media only screen and (max-width: 1023px) {
.acS--P .technology { background: rgb(232, 244, 250) none repeat scroll 0% 0%; height: auto; padding-top: 2.5em; }
.acS--P .technology .block { position: static; max-width: 385px !important; margin: 0px auto 3.5em; }
.acS--P .technology .block.first, .acS--P .technology .block.second, .acS--P .technology .block.third { padding-left: 0px; padding-right: 0px; }
.acS--P .technology .block.first { margin-top: 2.7em; }
.acS--P .technology .block.fifth { margin-bottom: 1em; }
.acS--P .technology .block img.icon { margin-bottom: 2em; }
.acS--P .technology .block img.icon.fifth { margin-bottom: 1.3em; margin-top: 0.5em; position: relative; }
.acS--P .technology .block img.icon.fourth { margin-bottom: 2.9em; margin-top: 1.2em; }
.acS--P .technology h3 { margin-top: 3em; margin-bottom: 3em; }
}
@media only screen and (max-width: 1023px) {
.acS--P .stories .title { margin-bottom: 1.6em; }
.acS--P .stories .quote { width: 3.5em; height: 3.5em; }
.acS--P .stories .textWrapper { padding-left: 3.5em; padding-right: 0px; }
}
@media only screen and (max-width: 1023px) {
.acS--P .product--sect { height: 902px; padding-top: 5em; background-position: 50% 100%; background-image: url('img/landscape_res.jpg'); }
}
@media only screen and (max-width: 1023px) {
.itn--pg .hero { height: 230px; }
}
@media only screen and (min-width: 768px) {
.itn--pg .press .text { max-width: 85%; }
}
@media only screen and (max-width: 1023px) {
.itn--pg .videoLk { background-image: url('img/preview_en_res.jpg'); height: 550px; background-color: rgb(238, 238, 238); }
.lang-de.itn--pg .videoLk { background-image: url('img/preview_de_res.1.jpg'); }
.lang-it.itn--pg .videoLk { background-image: url('img/preview_it_res.1.jpg'); }
.lang-es.itn--pg .videoLk { background-image: url('img/preview_es_res.1.jpg'); }
.lang-nl.itn--pg .videoLk { background-image: url('img/preview_nl_res.1.jpg'); }
.lang-fr.itn--pg .videoLk { background-image: url('img/preview_fr_res.1.jpg'); }
}
@media only screen and (min-width: 1024px) {
.itn--pg .sMedia .icon { margin-bottom: 2.2em; }
}
@media only screen and (min-width: 768px) {
.itn--pg .sMedia .quote { max-width: 85%; margin-left: auto; margin-right: auto; }
}
@media only screen and (min-width: 1024px) {
.itn--pg .users .description { max-width: 74%; margin-left: auto; margin-right: auto; }
}
@media only screen and (max-width: 1023px) {
.itn--pg .users .block { margin-bottom: 4.7em; }
}
@media only screen and (max-width: 1023px) {
.itn--pg .awards { background-color: rgb(238, 238, 238); padding-bottom: 339px; background-image: url('img/awards_bg_res.jpg'); }
}
@media only screen and (max-width: 1023px) {
.itn--pg .awards .title { margin-bottom: 1.9em; }
}
@media only screen and (max-width: 1023px) {
.itn--pg .awards .block { margin-bottom: 3.5em; }
.itn--pg .awards .block .award { max-height: 5.5em; }
}
.prtnr .partnerRow:nth-child(2n) { background-color: rgb(246, 246, 246); }
@media only screen and (max-width: 1023px) {
.prtnr .partnerRow { padding: 2em 1em; }
.prtnr .partnerRow .partnerImg { margin-bottom: 1.5em; }
}
@media only screen and (max-width: 1023px) {
.prtnr .investors { padding: 2em 1em 0px; }
}
@media only screen and (max-width: 1023px) {
.bridge--v3--upgrdlp .intro .whiteBg { padding: 2em 1em; }
}
.yello--shop.intro .benefits li::before { content: ""; display: block; position: absolute; background-repeat: no-repeat; width: 2.5em; height: 2.5em; left: -3.5em; top: 0px; opacity: 0.75; }
.yello--shop.intro .benefits li.save::before { background-image: url('img/savings_001.svg'); }
.yello--shop.intro .benefits li.efficiency::before { background-image: url('img/weather_001.svg'); }
.yello--shop.intro .benefits li.geolocation::before { background-image: url('img/location_001.svg'); }
.yello--shop.intro .benefits li.app::before { background-image: url('img/mobile_phone.svg'); }
.yello--shop.intro .benefits li.support::before { background-image: url('img/phone.svg'); }
@media only screen and (min-width: 1024px) {
.yello--shop.intro .splashImg { max-width: 317px; }
}
@media only screen and (max-width: 1023px) {
.yello--shop.intro { padding-bottom: 1em; }
.yello--shop.intro .splashImg { width: 100%; max-width: 400px; margin-bottom: 2.5em; }
.yello--shop.intro .benefits li { margin-left: 3.5em; }
}
.bg-center { background-position: 50% 0px; box-sizing: inherit; background-repeat: no-repeat; }
a.promo--bar { background-color: rgb(255, 255, 255); display: block; height: 100px; }
@media only screen and (max-width: 1023px) {
a.promo--bar.black-friday-bar { height: 78px; background-image: url('img/black_friday_promobanner_en_res.jpg'); }
.lang-de a.promo--bar.black-friday-bar { background-image: url('img/black_friday_promobanner_de_res.jpg'); }
.lang-es a.promo--bar.black-friday-bar { background-image: url('img/black_friday_promobanner_es_res.jpg'); }
.lang-fr a.promo--bar.black-friday-bar { background-image: url('img/black_friday_promobanner_fr_res.jpg'); }
.lang-it a.promo--bar.black-friday-bar { background-image: url('img/black_friday_promobanner_it_res.jpg'); }
.lang-nl a.promo--bar.black-friday-bar { background-image: url('img/black_friday_promobanner_nl_res.jpg'); }
}
@media only screen and (max-width: 1023px) {
a.promo--bar.recommendation-bar { height: 80px; background-image: url('img/recommendation_banner_res_en.png'); }
.country-gb a.promo--bar.recommendation-bar { background-image: url('img/recommendation_banner_res_en_uk.png'); }
.lang-de a.promo--bar.recommendation-bar { background-image: url('img/recommendation_banner_res_de.png'); }
.country-ch.lang-de a.promo--bar.recommendation-bar { background-image: url('img/recommendation_banner_res_ch_de.png'); }
.lang-es a.promo--bar.recommendation-bar { background-image: url('img/recommendation_banner_res_es.png'); }
.lang-fr a.promo--bar.recommendation-bar { background-image: url('img/recommendation_banner_res_fr.png'); }
.country-ch.lang-fr a.promo--bar.recommendation-bar { background-image: url('img/recommendation_banner_res_ch_fr.png'); }
.lang-it a.promo--bar.recommendation-bar { background-image: url('img/recommendation_banner_res_it.png'); }
.country-ch.lang-it a.promo--bar.recommendation-bar { background-image: url('img/recommendation_banner_res_ch_it.png'); }
.lang-nl a.promo--bar.recommendation-bar { background-image: url('img/recommendation_banner_res_nl.png'); }
}
a.promo--bar.esg-bar { background-image: url('img/energy_savings_promobanner_en.jpg'); }
#promotion_bar_website { background-color:#77EEE8; padding:30px 30px; overflow:hidden; display:block; text-align:center; color:#333 }
#promotion_bar_website > h3 { font-size:20px; margin-bottom:10px; margin-top:10px }
.li-nov > li { display:list-item }
.li-nov { margin-top:20px }
@media only screen and (max-width: 1023px) {
a.promo--bar.esg-bar { background-image: url('img/energy_savings_promobanner_en_res.jpg'); }
.country-gb a.promo--bar.esg-bar { background-image: url('img/energy_savings_promobanner_en_uk_res.jpg'); }
.country-ch a.promo--bar.esg-bar { background-image: url('img/energy_savings_promobanner_en_ch_res.jpg'); }
.lang-de a.promo--bar.esg-bar { background-image: url('img/energy_savings_promobanner_de_res.jpg'); }
.lang-de.country-ch a.promo--bar.esg-bar { background-image: url('img/energy_savings_promobanner_de_ch_res.jpg'); }
.lang-es a.promo--bar.esg-bar { background-image: url('img/energy_savings_promobanner_es_res.jpg'); }
.lang-fr a.promo--bar.esg-bar { background-image: url('img/energy_savings_promobanner_fr_res.jpg'); }
.lang-fr.country-ch a.promo--bar.esg-bar { background-image: url('img/energy_savings_promobanner_fr_ch_res.jpg'); }
.lang-it a.promo--bar.esg-bar { background-image: url('img/energy_savings_promobanner_it_res.jpg'); }
.lang-it.country-ch a.promo--bar.esg-bar { background-image: url('img/energy_savings_promobanner_it_ch_res.jpg'); }
.lang-nl a.promo--bar.esg-bar { background-image: url("/img/cloud/pages/promo_esg_2016/Energy_Savings_PromoBanner_NL_res.jpg"); }
}
@media only screen and (max-width: 1023px) {
.pressBand, .lang-de .pressBand, .lang-fr .pressBand, .lang-it .pressBand, .lang-es .pressBand, .lang-nl .pressBand { background-image: url('img/press_band_responsive_en.jpg'); }
}
.clear-fix::before, .clear-fix::after { content: " "; display: table; }
.clear-fix::after { clear: both; }
.clear-fix { }
.telesales-popup-overlay { display: none; position: fixed; width: 100%; height: 100%; opacity: 0; background-color: rgba(0, 0, 0, 0.5); transition: opacity 0.5s ease 0s; z-index: 110; top: 0px; left: 0px; overflow-y: scroll; }
.telesales-popup { position: fixed; right: -420px; top: 48%; transform: translateY(-50%); max-width: 400px; width: 100%; padding: 25px 25px 10px; border-radius: 6px 0px 0px 6px; background-color: rgb(255, 255, 255); color: rgba(123, 124, 125, 0.9); font-size: 15px; cursor: default !important; box-shadow: 0px 0px 35px 5px rgba(0, 0, 0, 0.27); transition: right 0.5s ease 0s; overflow-y: scroll; z-index: 99991; box-sizing: border-box; }
@media only screen and (max-width: 767px), screen and (max-height: 796px) {
.telesales-popup { height: 100%; transform: none; top: 0px; max-width: 100%; overflow-y: scroll; right: -100%; }
}
@media only screen and (max-height: 796px) {
.telesales-popup { max-width: 400px; z-index: 2147483646; }
}
.telesales-popup .close-button { width: 16px; height: 29px; position: absolute; top: 10px; right: 22px; font-size: 1.5em; color: rgba(123, 124, 125, 0.9); text-transform: uppercase; font-weight: 700; transition: color 0.3s ease 0s; cursor: pointer; }
.telesales-popup .close-button:hover { color: rgb(123, 124, 125); }
.telesales-popup .telesales-intro { margin-bottom: 10px; }
.telesales-popup .telesales-intro .title { margin-bottom: 0.5em; margin-top: 10px; font-size: 20px; font-weight: 700; color: rgb(91, 162, 207); }
.telesales-popup .telesales-intro p { font-size: 14px; }
.telesales-popup input, .telesales-popup textarea, .telesales-popup select { box-sizing: border-box; border: medium none; box-shadow: none; border-radius: 10px; background: rgb(247, 248, 250) none repeat scroll 0% 0%; color: rgb(123, 124, 125); width: 100%; margin-bottom: 5px; padding: 7px 16px; font-size: 14px; }
.telesales-popup input:focus, .telesales-popup textarea:focus, .telesales-popup select:focus { outline: medium none; }
.telesales-popup .error { font-size: 12px; margin: 0px; }
.telesales-popup .errors { display: none; background-color: red; color: rgb(255, 255, 255); }
.telesales-popup .thank-you { display: none; background-color: rgb(19, 189, 83); color: rgb(255, 255, 255); }
.telesales-popup .telesales-form { position: relative; }
.telesales-popup .loading-overlay { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.6); display: none; }
.telesales-popup .feedback-box { padding: 15px; margin-bottom: 15px; border-radius: 0.2857em; }
.telesales-popup .btn { border: medium none; border-radius: 6px; padding: 6px 15px !important; font-size: 12px; }
.telesales-popup .btn.blue { box-shadow: none; }
.telesales-popup .buttons { padding: 10px 0px; }
.telesales-popup .security { margin-bottom: 0px; font-size: 12px; }
.telesales-popup .select-wrapper::after { content: ""; position: absolute; right: 5px; top: 0px; display: block; background-image: url('arrow_001.svg'); background-repeat: no-repeat; transform: rotate(90deg); opacity: 0.1; padding: 15px; }
.telesales-popup ul { list-style-type: none; padding-left: 0px; margin: 0px; }
.telesales-popup ul li { border-top: 1px groove rgba(104, 105, 107, 0.1); padding: 1px 0px; cursor: pointer; }
.telesales-popup ul li:first-child { border-top-color: transparent; }
.telesales-popup ul li.telephone { cursor: text; }
.telesales-popup ul li .li-wrapper { padding: 10px 0px; }
.telesales-popup ul li .li-wrapper a { color: rgba(123, 124, 125, 0.9); }
.telesales-popup ul li .li-wrapper .li-content { max-height: 1000px; transition: max-height 0.5s ease 0s; overflow: hidden; }
.telesales-popup ul li .li-wrapper.collapsed .li-content { max-height: 0px; }
.telesales-popup ul li .li-wrapper .icon-column { width: 13%; float: left; min-height: 40px; display: table; }
.telesales-popup ul li .li-wrapper .icon-column .icon-column-inner { display: table-cell; vertical-align: middle; }
.telesales-popup ul li .li-wrapper .icon-column img { max-width: 27px; }
@media only screen and (max-width: 300px) {
.telesales-popup ul li .li-wrapper .icon-column { width: 100%; float: none; }
}
.telesales-popup ul li .li-wrapper .content-column { width: 87%; float: left; min-height: 40px; display: table; }
.telesales-popup ul li .li-wrapper .content-column .content-column-inner { display: table-cell; vertical-align: middle; font-size: 15px; }
@media only screen and (max-width: 300px) {
.telesales-popup ul li .li-wrapper .content-column { width: 100%; float: none; }
}
@media screen and (max-width: 650px) {
.xmasPopup { width: 360px; height: 605px; }
.xmasPopup .mfp-close { right: 18px !important; top: 12px !important; }
.xmasPopup a.support { width: 104px; height: 21px; bottom: 19px; left: 18px; }
.xmasPopup a.background { background-image: url('img/mobile_promo_overlay_eu.jpg'); max-width: 360px; width: 100%; height: 605px; }
.lang-de .xmasPopup a.background { background-image: url('img/mobile_promo_overlay_de.jpg'); }
.lang-es .xmasPopup a.background { background-image: url('img/mobile_promo_overlay_es.jpg'); }
.lang-it .xmasPopup a.background { background-image: url('img/mobile_promo_overlay_it.jpg'); }
.lang-fr .xmasPopup a.background { background-image: url('img/mobile_promo_overlay_fr.jpg'); }
.lang-nl .xmasPopup a.background { background-image: url('img/mobile_promo_overlay_nl.jpg'); }
.country-gb .xmasPopup a.background { background-image: url('img/mobile_promo_overlay_uk.jpg'); }
}
@media screen and (max-width: 650px) {
.coolingPopup { width: 380px; height: 301px; }
.coolingPopup .mfp-close { right: 8px !important; top: 9px !important; }
.coolingPopup a.support { width: 104px; height: 21px; bottom: 19px; left: 18px; }
.country-sg .coolingPopup a.background { background-image: url('img/cnypromo_overlay_mobile_sg.jpg'); height: 301px; }
}
.promoPopup { background-color: transparent; margin: 0px auto; position: relative; height: 662px; max-width: 650px; }
.promoPopup a.background { display: block; background-image: url('desktop_promo_overlay_eu.jpg'); background-size: 100% auto; background-repeat: no-repeat; background-position: 50% -1px; background-color: transparent; max-width: 100%; width: 100%; height: 100%; }
.lang-es .promoPopup a.background { background-image: url('img/desktop_promo_overlay_es.jpg'); }
@media screen and (max-width: 650px) {
.promoPopup { max-width: 360px; width: 90%; height: 605px; }
.promoPopup .mfp-close { right: 18px !important; top: 12px !important; }
.promoPopup a.support { width: 104px; height: 21px; bottom: 19px; left: 18px; }
.promoPopup a.background { background-image: url('img/mobile_promo_overlay_eu.jpg'); max-width: 360px; width: 100%; height: 605px; }
.lang-de .promoPopup a.background { background-image: url('img/mobile_promo_overlay_de.jpg'); }
.lang-es .promoPopup a.background { background-image: url('img/mobile_promo_overlay_es.jpg'); }
.lang-it .promoPopup a.background { background-image: url('img/mobile_promo_overlay_it.jpg'); }
.lang-fr .promoPopup a.background { background-image: url('img/mobile_promo_overlay_fr.jpg'); }
.lang-nl .promoPopup a.background { background-image: url('img/mobile_promo_overlay_nl.jpg'); }
.country-gb .promoPopup a.background { background-image: url('img/mobile_promo_overlay_uk.jpg'); }
}
@media screen and (max-width: 650px) {
.coolingPopup { width: 380px; height: 301px; }
.coolingPopup .mfp-close { right: 8px !important; top: 9px !important; }
.coolingPopup a.support { width: 104px; height: 21px; bottom: 19px; left: 18px; }
.country-sg .coolingPopup a.background { background-image: url('img/cnypromo_overlay_mobile_sg.jpg'); height: 301px; }
}
ul.list.checkmark li::before { content: ""; display: block; background-repeat: no-repeat; width: 16px; height: 16px; position: absolute; left: -1.7em; top: 0.3em; background-image: url('img/checkdark.svg'); }
ul.list.smallBullets li::before { content: "●"; color: inherit; display: inline-block; font-size: 0.6em; vertical-align: top; margin-right: 0.3em; }
@media only screen and (max-width: 1023px) {
.nav--sect { margin-top: 2em; }
.nav--sect .content { padding-top: 1em; padding-bottom: 1em; }
}
@media only screen and (min-width: 1024px) {
.helpWidget .details { margin-top: -100px; }
}
@media only screen and (max-width: 1023px) {
.helpWidget .title { margin-top: 1em; }
.helpWidget .telephone { margin-top: 1.5em; margin-bottom: 2.8em; }
.helpWidget .button { margin-top: 1em; }
}
@media only screen and (min-width: 1200px) {
.lang-fr.prod--page .headerFlex .bottomStripe .subnavigation li { margin-right: 1em; }
}
@media only screen and (min-width: 1000px) and (max-width: 1399px) {
.prod--page .headerFlex .bottomStripe .subnavigation li { margin-right: 2em; max-width: 121px; }
.prod--page .headerFlex .bottomStripe .subnavigation li.active { height: 38px; padding-bottom: 0px; }
.lang-it.prod--page .headerFlex .bottomStripe .subnavigation li, .lang-es.prod--page .headerFlex .bottomStripe .subnavigation li { max-width: 130px; }
.lang-fr.prod--page .headerFlex .bottomStripe .subnavigation li { max-width: 141px; }
}
@media only screen and (min-width: 1000px) and (max-width: 1399px) {
.prod--page .headerFlex .sticky-wrapper .stuck .subnavigation li { max-width: 123px !important; margin-right: 0.7em; }
.lang-nl.prod--page .headerFlex .sticky-wrapper .stuck .subnavigation { margin-right: 154px; }
.lang-fr.prod--page .headerFlex .sticky-wrapper .stuck .subnavigation { margin-right: 135px; }
.lang-it.prod--page .headerFlex .sticky-wrapper .stuck .subnavigation { margin-right: 137px; }
.lang-it.prod--page .headerFlex .sticky-wrapper .stuck .subnavigation li { max-width: 127px !important; margin-right: 0.3em; }
.lang-es.prod--page .headerFlex .sticky-wrapper .stuck .subnavigation { margin-right: 147px; }
.lang-es.prod--page .headerFlex .sticky-wrapper .stuck .subnavigation li { margin-right: 0.55em; }
}
@media only screen and (max-width: 1023px) {
.prod--page .accordion .wrapProductSelector { max-width: 100%; }
}
.prod--page .accordion .features li::before { content: ""; display: block; position: absolute; left: 0px; background-repeat: no-repeat; width: 0.4em; height: 0.4em; background-color: rgb(99, 100, 102); border-radius: 10em; top: 0.3em; }
@media only screen and (min-width: 1024px) {
.prod--page .accordion .content { padding-left: 30px; padding-bottom: 100px; }
.prod--page .accordion .addProduct { max-width: 270px; }
}
@media only screen and (max-width: 1023px) {
.prod--page .accordion { min-height: initial !important; height: auto !important; background-position: center top; background-repeat: no-repeat; background-color: rgb(248, 247, 243); padding-top: 305px !important; }
.prod--page .accordion .addProduct { max-width: none; margin-left: auto; margin-right: auto; margin-top: 2.3em; }
}
@media only screen and (max-width: 1023px) {
.prod--page .accordion .bubble { width: 84px; height: 84px; }
}
@media only screen and (max-width: 1023px) {
.prod--page .accordion .bubble.smart_thermostat { left: 5%; top: -293px; }
}
@media only screen and (max-width: 1023px) {
.country-ch.prod--page .accordion .bubble.smart_thermostat { width: 120px; height: 120px; left: -2px; top: 1px; }
}
@media only screen and (max-width: 1023px) {
.prod--page .kit .pTitle { margin-top: 2em; }
}
@media only screen and (max-width: 1023px) {
.prod--page .kit .addProduct { margin-top: 1.5em; }
}
@media only screen and (min-width: 1024px) {
.prod--page .kit .left { padding-right: 3em; }
}
@media only screen and (max-width: 1023px) {
.prod--page .integration .title { margin-bottom: 1.4em; }
}
@media only screen and (min-width: 1024px) {
.prod--page .hardware .content { margin-top: 1.5em; }
.prod--page .hardware .specs { position: absolute; top: 0px; left: 0px; }
.prod--page .hardware .specs .spec { position: absolute; }
.prod--page .hardware .specs .spec p { margin-top: 0.3em; }
.prod--page .hardware .download { position: absolute; }
.prod--page .hardware .innerWrapper { height: 100%; }
}
@media only screen and (max-width: 1023px) {
.prod--page .hardware { background-color: rgb(248, 247, 243); height: auto; }
.prod--page .hardware .intro { margin-top: 1.5em; margin-bottom: 1.5em; }
.prod--page .hardware .spec { margin-bottom: 1.2em; }
.prod--page .hardware .download { margin-top: 1.5em; display: inline-block; }
}
@media only screen and (min-width: 1024px) {
.prod--page .setup .content { margin-top: 1.5em; }
.prod--page .setup .featWrapper { position: relative; min-height: 236px; }
.prod--page .setup .label { position: absolute; width: 210px; text-align: center; }
.prod--page .setup .label.thermostat { left: -5px; top: 178px; }
.prod--page .setup .label.bridge { left: 281px; top: 178px; }
.prod--page .setup .label.app { left: 601px; top: 178px; }
}
@media only screen and (max-width: 1023px) {
.prod--page .setup { padding-top: 0px; }
.prod--page .setup .content { margin-top: 2em; }
}
@media only screen and (max-width: 1023px) {
.prod--page .specification .content { margin-top: 2em; }
}
@media only screen and (min-width: 1024px) {
.prod--page .feat .toggler { margin-top: 1.7em; }
}
@media only screen and (max-width: 1023px) {
.prod--page .feat .toggler { margin-top: 1em; margin-bottom: 0.3em; }
}
@media only screen and (min-width: 1024px) {
.prod--page .compat .target .imgWrap { margin-bottom: 2.5em; }
.prod--page .compat .target .title { min-height: 46px; padding-right: 2em; }
}
@media only screen and (max-width: 500px) {
.prod--page .compat .noleak { float: left; }
}
.prod--page .compat .bullet::before { content: "●"; color: inherit; display: inline-block; font-size: 0.6em; vertical-align: top; margin-right: 0.3em; }
@media only screen and (max-width: 1023px) {
.prod--page .compat .content { margin-top: 2em; }
.prod--page .compat .houseWrapper { margin-bottom: 2.7em; }
.prod--page .compat .imgWrap { margin-right: 0.5em; max-width: 85px; float: left; width: 100%; }
.prod--page .compat .text { overflow: hidden; }
}
@media only screen and (max-width: 1023px) {
.prod--page .pkg .content { margin-top: 2em; }
}
@media only screen and (max-width: 1023px) {
.prod--page .inst--service .content { margin-top: 2em; padding-bottom: 1em; }
.prod--page .inst--service .img { margin-top: 1.5em; }
.prod--page .inst--service .content .block { margin-bottom: 3.5em; }
}
@media only screen and (max-width: 1023px) {
.prod--page .app--section .content { margin-top: 1.3em; }
.prod--page .app--section .app-storelinks { margin-top: 2.3em; }
.prod--page .app--section .devices { height: 118px; background-image: url('img/tado_app_res.jpg') !important; background-size: contain; margin-top: 2.5em; margin-bottom: 3.5em; }
.prod--page .app--section .discover { margin-top: 1em; margin-bottom: 1em; }
}
@media only screen and (max-width: 1024px) {
.video_slider > .video-js { height: 350px; }
.video_slider .video_overlay .vertical-center .btn-play-video > span { width: 390px !important; left: -151px !important; bottom: -71px !important; }
.lang-fr .video_slider .video_overlay .vertical-center .btn-play-video > span, .lang-it .video_slider .video_overlay .vertical-center .btn-play-video > span { bottom: -95px !important; }
}
@media only screen and (max-width: 767px) {
.video_slider .video_overlay .vertical-center .btn-play-video > span { width: 320px !important; left: -111px !important; }
}
#retailerHoverList ul::before { content: ""; display: block; position: absolute; left: 94px; top: -0.6em; width: 0px; height: 0px; border-left: 0.65em solid transparent; border-right: 0.65em solid transparent; border-bottom: 0.65em solid rgb(255, 255, 255); }
#retailerHoverList ul li a::after { content: ""; display: block; background-image: url('img/greyarrow.svg'); background-repeat: no-repeat; position: absolute; right: 0.5em; top: 29px; width: 1em; height: 1em; }
@media only screen and (max-width: 767px) {
.retailersHoverListXs img { max-width: 102px; max-height: 39px; }
}
@media only screen and (max-width: 1023px) {
.product--item--row .title { margin-bottom: 0.4em; }
.product--item--row .addProduct { margin-top: 1.2em; }
}
@media only screen and (min-width: 1024px) {
.wherever--promo { background-image: url('img/banner_desktop.jpg'); height: 246px; padding-top: 3.5em; margin-top: 0.7em; }
.wherever--promo .text { margin-top: 1.1em; margin-bottom: 2.5em; }
}
@media only screen and (max-width: 1023px) {
.wherever--promo { background-image: url('img/banner_res.jpg'); height: 340px; background-repeat: repeat; padding-top: 1.5em; background-position: 50% 16px; }
.wherever--promo .text { margin-top: 1.1em; height: 2.5em; }
.wherever--promo .actionWrapper { margin-top: 180px; }
.wherever--promo .actionWrapper .action { display: inline-block; }
}
.customerServiceFlap { display: none; }
.telesales-floating-button { position: fixed; right: 0px; top: 31.8%; box-shadow: -5px 4px 20px -4px rgba(0, 0, 0, 0.27); background-color: rgb(255, 255, 255); border-width: 1px medium 1px 1px; border-style: solid none solid solid; border-color: rgba(0, 0, 0, 0.15) currentcolor rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15); -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; border-radius: 6px 0px 0px 6px; padding: 10px; cursor: pointer; z-index: 2; }
.telesales-floating-button ul { list-style-type: none; padding-left: 0px; margin: 0px; }
.telesales-floating-button ul li { margin-bottom: 9px; }
.telesales-floating-button ul li img { vertical-align: middle; max-width: 23px; }
.telesales-floating-button ul li:last-child { margin-bottom: 0px; }
@media only screen and (max-width: 1023px) {
.telesales-floating-button { bottom: 0px; right: 110px; top: initial; transform: translateY(0px); z-index: 500; border-width: 1px 1px 0px; border-style: solid solid none; border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) currentcolor; -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; border-radius: 6px 6px 0px 0px; }
.telesales-floating-button ul li { display: inline-block; margin-bottom: 0px; margin-right: 5px; }
.telesales-floating-button ul li:last-child { margin-bottom: 0px; margin-right: 0px; }
}
@media only screen and (max-width: 1023px) {
.blackFridayPromoSub { height: 48px; background-image: url('img/black_friday_topbanner_en_res.4.jpg'); }
.lang-de .blackFridayPromoSub { background-image: url('img/black_friday_topbanner_de_res.4.jpg'); }
.lang-es .blackFridayPromoSub { background-image: url('img/black_friday_topbanner_es_res.4.jpg'); }
.lang-it .blackFridayPromoSub { background-image: url('img/black_friday_topbanner_it_res.4.jpg'); }
.lang-fr .blackFridayPromoSub { background-image: url('img/black_friday_topbanner_fr_res.4.jpg'); }
.lang-nl .blackFridayPromoSub { background-image: url('img/black_friday_topbanner_nl_res.4.jpg'); }
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
.mfp-img-mobile .mfp-image-holder { padding-left: 0px; padding-right: 0px; }
.mfp-img-mobile img.mfp-img { padding: 0px; }
.mfp-img-mobile .mfp-figure::after { top: 0px; bottom: 0px; }
.mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6) none repeat scroll 0% 0%; bottom: 0px; margin: 0px; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; }
.mfp-img-mobile .mfp-bottom-bar:empty { padding: 0px; }
.mfp-img-mobile .mfp-counter { right: 5px; top: 3px; }
.mfp-img-mobile .mfp-close { top: 0px; right: 0px; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6) none repeat scroll 0% 0%; position: fixed; text-align: center; padding: 0px; }
.mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; }
}
@media all and (max-width: 900px) {
.mfp-arrow { transform: scale(0.75); }
.mfp-arrow-left { transform-origin: 0px 50% 0px; }
.mfp-arrow-right { transform-origin: 100% 50% 0px; }
.mfp-container { padding-left: 6px; padding-right: 6px; }
}
@media only screen and (min-width: 1024px) {
.clLPShared .comfortLeft { padding-top: 100px; }
.clLPShared .comfortLeft.v2 { height: 551px; background-image: url('img/comforth2.jpg'); }
.fheit.clLPShared .comfortLeft.v2 { background-image: url('img/comforth2_sac72.jpg'); }
.lang-fr.clLPShared .comfortLeft, .lang-it.clLPShared .comfortLeft, .lang-es.clLPShared .comfortLeft { padding-top: 50px; }
.clLPShared .comfortLeft .left { padding-left: 48px; }
.clLPShared .comfortLeft .right { margin-top: 64px; padding-right: 37px; padding-left: 48px; }
.lang-fr.clLPShared .comfortLeft .right, .lang-it.clLPShared .comfortLeft .right, .lang-es.clLPShared .comfortLeft .right { margin-top: 114px; }
.clLPShared .comfortLeft .action { display: inline-block; margin-top: 2em; }
}
@media only screen and (max-width: 1023px) {
.clLPShared .comfortLeft { background-image: url('img/comforth3_sac22.jpg'); position: relative; height: 939px; padding-top: 2.7em; }
.fheit.clLPShared .comfortLeft { background-image: url('img/comforth3_sac72.jpg'); }
.clLPShared .comfortLeft .innerWrapper { position: relative; z-index: 2; }
.clLPShared .comfortLeft::before { display: block; content: ""; background-image: url('img/comforth3_bottom.jpg'); background-position: 50% 50%; position: absolute; top: 465px; width: 100%; height: 475px; z-index: 1; }
.clLPShared .comfortLeft .title { height: 138px; }
.clLPShared .comfortLeft .description { margin-top: 407px; }
.clLPShared .comfortLeft .action { display: inline-block; margin-top: 1.4em; }
.clLPShared .comfortLeft .title { margin-bottom: 1em; }
}
@media only screen and (min-width: 1024px) {
.clLPShared .comfortRight { padding-top: 100px; }
.clLPShared .comfortRight.v1 { height: 551px; background-image: url('img/comforth1.jpg'); }
.clLPShared .comfortRight.v3, .clLPShared .comfortRight.v4 { height: 551px; background-image: url('img/comforth3.jpg'); }
.clLPShared .comfortRight .left { padding-left: 33px; padding-right: 34px; }
.clLPShared .comfortRight .title { margin-bottom: 1em; }
.clLPShared .comfortRight .action { display: inline-block; margin-top: 2em; }
}
@media only screen and (max-width: 1023px) {
.clLPShared .comfortRight.v1 { background-image: url('img/comforth1top.jpg'); height: 464px; padding-top: 3em; }
.clLPShared .comfortRight.v3, .clLPShared .comfortRight.v4 { background-image: url('img/comforth2_res.jpg'); background-position: 50% 100%; background-color: rgb(248, 248, 248); padding-bottom: 420px; padding-top: 2.6em; }
.clLPShared .comfortRight .title { margin-bottom: 1em; }
.clLPShared .comfortRight .action { display: inline-block; margin-top: 2.5em; }
}
@media only screen and (max-width: 1023px) {
.clLPShared .comfortRightBottom.v1 { background-image: url('img/comforth1bottom.jpg'); height: 445px; }
}
@media only screen and (min-width: 1024px) {
.clLPShared .savings { height: 550px; padding-top: 100px; }
.clLPShared .savings.v1, .clLPShared .savings.v2 { background-image: url('img/savings2.jpg'); }
.clLPShared .savings.v4 { background-image: url('img/savings1.jpg'); }
.clLPShared .savings.v3 { background-image: url('img/savings3.jpg'); }
.clLPShared .savings .left { padding-left: 33px; padding-right: 34px; }
.clLPShared .savings .title { margin-bottom: 1em; }
.clLPShared .savings .action { display: inline-block; margin-top: 2em; }
}
@media only screen and (max-width: 1023px) {
.clLPShared .savings { padding-top: 3em; height: 463px; }
.clLPShared .savings.v1, .clLPShared .savings.v2 { background-image: url('img/savings2_top.jpg'); }
.clLPShared .savings.v3 { background-image: url('img/savings3_top.jpg'); }
.clLPShared .savings.v4 { background-image: url('img/savings1_top.jpg'); }
.clLPShared .savings .title { margin-bottom: 1em; }
.clLPShared .savings .action { display: inline-block; margin-top: 2.5em; }
}
@media only screen and (max-width: 1023px) {
.clLPShared .savingsBottom { height: 517px; background-position: 50% 0px; }
.clLPShared .savingsBottom.v1, .clLPShared .savingsBottom.v2 { background-color: rgb(225, 235, 237); background-image: url('img/savings2_bottom.jpg'); }
.clLPShared .savingsBottom.v3 { background-color: rgb(212, 222, 223); background-image: url('img/savings3_bottom.jpg'); }
.clLPShared .savingsBottom.v4 { background-color: rgb(221, 212, 195); background-image: url('img/savings1_bottom.jpg'); }
}
@media only screen and (min-width: 1024px) {
.clLPShared .product { height: 650px; padding-top: 44px; }
.clLPShared .product.v1 { background-image: url('img/product_en.jpg'); }
.lang-de.clLPShared .product.v1 { background-image: url('img/product_de.jpg'); }
.lang-it.clLPShared .product.v1 { background-image: url('img/product_it.jpg'); }
.lang-es.clLPShared .product.v1 { background-image: url('img/product_es.jpg'); }
.lang-fr.clLPShared .product.v1 { background-image: url('img/product_fr.jpg'); }
.lang-nl.clLPShared .product.v1 { background-image: url('img/product_en.jpg'); }
.lang-en.fheit.clLPShared .product.v1 { background-image: url('img/product_us.jpg'); }
.clLPShared .product.v2 { background-image: url('img/product_en_001.jpg'); }
.lang-de.clLPShared .product.v2 { background-image: url('img/product_de_001.jpg'); }
.lang-it.clLPShared .product.v2 { background-image: url('img/product_it_001.jpg'); }
.lang-es.clLPShared .product.v2 { background-image: url("/img/cloud/pages/cooling_lps/product/blue/product_ES.jpg"); }
.lang-fr.clLPShared .product.v2 { background-image: url("/img/cloud/pages/cooling_lps/product/blue/product_FR.jpg"); }
.lang-nl.clLPShared .product.v2 { background-image: url("/img/cloud/pages/cooling_lps/product/blue/product_EN.jpg"); }
.lang-en.fheit.clLPShared .product.v2 { background-image: url("/img/cloud/pages/cooling_lps/product/blue/product_US.jpg"); }
.clLPShared .product .innerWrapper { position: relative; }
.clLPShared .product .title { margin-bottom: 1em; }
.clLPShared .product .bullet { position: absolute; max-width: 144px; }
.clLPShared .product .bullet::after { display: block; position: absolute; width: 2.5em; height: 2.5em; content: ""; top: 0.4em; }
.clLPShared .product .bullet.customize { top: 140px; left: 0px; text-align: right; }
.clLPShared .product .bullet.customize::after { right: -3.5em; background-image: url("/img/cloud/pages/cooling_lps/product/icons/behaviour_blue.svg"); }
.clLPShared .product .bullet.location { top: 321px; left: 0px; text-align: right; }
.clLPShared .product .bullet.location::after { right: -3.5em; background-image: url("/img/cloud/pages/cooling_lps/product/icons/location_blue.svg"); }
.clLPShared .product .bullet.control { top: 234px; left: 843px; }
.clLPShared .product .bullet.control::after { background-image: url("/img/cloud/pages/cooling_lps/product/icons/control_blue.svg"); left: -4em; height: 3em; width: 3em; }
.clLPShared .product .bullet.automatic { top: 360px; left: 843px; }
.clLPShared .product .bullet.automatic::after { background-image: url("/img/cloud/pages/cooling_lps/product/icons/cooling_blue.svg"); top: 0.5em; left: -3.7em; }
}
@media only screen and (max-width: 1023px) {
.clLPShared .product { padding-top: 3.5em; min-height: 938px; }
.lang-it.clLPShared .product, .lang-es.clLPShared .product { min-height: 1000px; }
.lang-fr.clLPShared .product { min-height: 978px; }
.clLPShared .product.v1 { background-color: rgb(233, 221, 205); background-image: url('img/product_res_en.jpg'); background-position: 50% 100%; }
.lang-de.clLPShared .product.v1 { background-image: url('img/product_res_de.jpg'); }
.lang-it.clLPShared .product.v1 { background-image: url('img/product_res_it.jpg'); }
.lang-es.clLPShared .product.v1 { background-image: url('img/product_res_es.jpg'); }
.lang-fr.clLPShared .product.v1 { background-image: url('img/product_res_fr.jpg'); }
.lang-nl.clLPShared .product.v1 { background-image: url('img/product_res_en.jpg'); }
.lang-en.fheit.clLPShared .product.v1 { background-image: url('img/product_res_us.jpg'); }
.clLPShared .product.v2 { background-image: url('img/product_res_en_001.jpg'); background-color: rgb(211, 219, 221); background-position: 50% 100%; }
.lang-de.clLPShared .product.v2 { background-image: url('img/product_res_de_001.jpg'); }
.lang-it.clLPShared .product.v2 { background-image: url('img/product_res_it_001.jpg'); }
.lang-es.clLPShared .product.v2 { background-image: url("/img/cloud/pages/cooling_lps/product/blue/product_res_ES.jpg"); }
.lang-fr.clLPShared .product.v2 { background-image: url("/img/cloud/pages/cooling_lps/product/blue/product_res_FR.jpg"); }
.lang-nl.clLPShared .product.v2 { background-image: url("/img/cloud/pages/cooling_lps/product/blue/product_res_EN.jpg"); }
.lang-en.fheit.clLPShared .product.v2 { background-image: url("/img/cloud/pages/cooling_lps/product/blue/product_res_US.jpg"); }
.clLPShared .product .title { margin-bottom: 2em; }
.clLPShared .product .list { max-width: 200px; margin-left: auto; margin-right: auto; }
.clLPShared .product .list li { margin-top: 3.5em; margin-bottom: 3.5em; }
.clLPShared .product .bullet { max-width: 123px; position: relative; padding-left: 4em; }
.clLPShared .product .bullet::before { display: block; position: absolute; width: 2.5em; height: 2.5em; content: ""; top: 0.4em; left: 0px; }
.clLPShared .product .bullet.customize::before { background-image: url("/img/cloud/pages/cooling_lps/product/icons/behaviour_blue.svg"); }
.clLPShared .product .bullet.location::before { background-image: url("/img/cloud/pages/cooling_lps/product/icons/location_blue.svg"); }
.clLPShared .product .bullet.control::before { background-image: url("/img/cloud/pages/cooling_lps/product/icons/control_blue.svg"); height: 3em; width: 3em; }
.clLPShared .product .bullet.automatic::before { background-image: url("/img/cloud/pages/cooling_lps/product/icons/cooling_blue.svg"); }
}
@media only screen and (min-width: 1024px) {
.clLPShared .compatibility { height: 574px; padding-top: 59px; }
.clLPShared .compatibility.v1 { background-image: url('img/compatibility_en.jpg'); }
.lang-de.clLPShared .compatibility.v1 { background-image: url('img/compatibility_de.jpg'); }
.lang-es.clLPShared .compatibility.v1 { background-image: url('img/compatibility_es.jpg'); }
.lang-it.clLPShared .compatibility.v1 { background-image: url('img/compatibility_it.jpg'); }
.lang-fr.clLPShared .compatibility.v1 { background-image: url('img/compatibility_fr.jpg'); }
.lang-nl.clLPShared .compatibility.v1 { background-image: url('img/compatibility_en.jpg'); }
.lang-en.fheit.clLPShared .compatibility.v1 { background-image: url('img/compatibility_us.jpg'); }
.clLPShared .compatibility.v2 { background-image: url('img/compatibility_en_001.jpg'); }
.lang-de.clLPShared .compatibility.v2 { background-image: url('img/compatibility_de_001.jpg'); }
.lang-es.clLPShared .compatibility.v2 { background-image: url('img/compatibility_es_001.jpg'); }
.lang-it.clLPShared .compatibility.v2 { background-image: url("/img/cloud/pages/cooling_lps/compatibility/blue/compatibility_IT.jpg"); }
.lang-fr.clLPShared .compatibility.v2 { background-image: url("/img/cloud/pages/cooling_lps/compatibility/blue/compatibility_FR.jpg"); }
.lang-nl.clLPShared .compatibility.v2 { background-image: url("/img/cloud/pages/cooling_lps/compatibility/blue/compatibility_EN.jpg"); }
.lang-en.fheit.clLPShared .compatibility.v2 { background-image: url("/img/cloud/pages/cooling_lps/compatibility/blue/compatibility_US.png"); }
.clLPShared .compatibility .title { margin-bottom: 1em; }
.clLPShared .compatibility .intro { margin-bottom: 1.5em; max-width: 78%; }
.clLPShared .compatibility .action { display: inline-block; margin-top: 2.8em; }
}
@media only screen and (max-width: 1023px) {
.clLPShared .compatibility { background-position: 50% 100%; padding-bottom: 519px; padding-top: 2.5em; }
.clLPShared .compatibility.v1 { background-color: rgb(242, 238, 232); background-image: url('img/compatibility_res_en.jpg'); }
.lang-de.clLPShared .compatibility.v1 { background-image: url('img/compatibility_res_de.jpg'); }
.lang-es.clLPShared .compatibility.v1 { background-image: url('img/compatibility_res_es.jpg'); }
.lang-it.clLPShared .compatibility.v1 { background-image: url('img/compatibility_res_it.jpg'); }
.lang-fr.clLPShared .compatibility.v1 { background-image: url('img/compatibility_res_fr.jpg'); }
.lang-nl.clLPShared .compatibility.v1 { background-image: url('img/compatibility_res_en.jpg'); }
.lang-en.fheit.clLPShared .compatibility.v1 { background-image: url('img/compatibility_res_us.jpg'); }
.clLPShared .compatibility.v2 { background-color: rgb(206, 215, 220); background-image: url('img/compatibility_res_en_001.jpg'); }
.lang-de.clLPShared .compatibility.v2 { background-image: url('img/compatibility_res_de_001.jpg'); }
.lang-es.clLPShared .compatibility.v2 { background-image: url('img/compatibility_res_es_001.jpg'); }
.lang-it.clLPShared .compatibility.v2 { background-image: url("/img/cloud/pages/cooling_lps/compatibility/blue/compatibility_res_IT.jpg"); }
.lang-fr.clLPShared .compatibility.v2 { background-image: url("/img/cloud/pages/cooling_lps/compatibility/blue/compatibility_res_FR.jpg"); }
.lang-nl.clLPShared .compatibility.v2 { background-image: url("/img/cloud/pages/cooling_lps/compatibility/blue/compatibility_res_EN.jpg"); }
.lang-en.fheit.clLPShared .compatibility.v2 { background-image: url("/img/cloud/pages/cooling_lps/compatibility/blue/compatibility_res_US.jpg"); }
.clLPShared .compatibility .title { margin-bottom: 1em; }
.clLPShared .compatibility .intro { margin-bottom: 1.5em; }
.clLPShared .compatibility .works { margin-top: 1.5em; }
.clLPShared .compatibility .acs { max-width: 231px; margin-left: auto; margin-right: auto; }
.clLPShared .compatibility .action { display: inline-block; margin-top: 3em; margin-bottom: 2em; }
}
@media only screen and (min-width: 1024px) {
.amazonEcho__intro { height: 529px; background-image: url('img/header.2.jpg'); }
.amazonEcho__intro .content { width: 300px; position: relative; top: 160px; left: 620px; }
}
@media only screen and (min-width: 1024px) {
.amazonEcho__howItWorks .contentBoxWrapper { padding-top: 48px; height: 260px; }
.amazonEcho__howItWorks .contentBoxWrapper .contentBox { height: 260px; max-width: 760px; }
.amazonEcho__howItWorks .contentBoxWrapper .smallBoxRow { padding: 0px 16px 0px 32px; height: 188px; }
}
@media only screen and (max-width: 1023px) {
.amazonEcho__howItWorks { height: 628px; background-image: url('img/how_it_works_nobox_mobile.jpg'); }
.amazonEcho__howItWorks .contentBoxWrapper { padding-top: 24px; height: 600px; }
.amazonEcho__howItWorks .contentBoxWrapper .contentBox { height: 580px; margin: 0px auto; max-width: 320px; }
.amazonEcho__howItWorks .contentBoxWrapper .smallBoxRow { padding: 0px 64px; margin-bottom: 12px; }
.amazonEcho__howItWorks .contentBoxWrapper .smallBoxRow .smallBox { height: 152px; margin-bottom: 12px; }
.amazonEcho__howItWorks .contentBoxWrapper .smallBoxRow .smallBox .thumbnail .thumbImg { padding: 8px 0px 0px; }
}
@media only screen and (min-width: 1024px) {
.amazonEcho__commands .swiper-container { height: 493px; }
.amazonEcho__commands .swiper-container .content-dining { background-image: url('img/commands-dining-lg.jpg'); }
.amazonEcho__commands .swiper-container .content-dining .quote { position: relative; top: 180px; left: 480px; }
.amazonEcho__commands .swiper-container .content-bathroom { background-image: url('img/commands-bathroom-lg.jpg'); }
.amazonEcho__commands .swiper-container .content-bathroom .quote { position: relative; top: 130px; left: 500px; }
.amazonEcho__commands .swiper-container .content-bedroom { background-image: url('img/commands-bedroom-lg.2.jpg'); }
.amazonEcho__commands .swiper-container .content-bedroom .quote { position: relative; top: 120px; left: 560px; }
}
@media only screen and (min-width: 436px) {
.amazonEcho__commands .s-mobile .content-dining .quote { padding-top: 120px; padding-left: 120px; }
}
@media only screen and (max-width: 435px) {
.amazonEcho__commands .s-mobile .content-dining .quote { position: relative; padding-top: 120px; left: 20%; width: 200px; }
}
@media only screen and (max-width: 435px) {
.amazonEcho__commands .s-mobile .content-bathroom .quote { padding-left: 120px; width: 200px; word-break: break-all; }
}
@media only screen and (max-width: 435px) {
.amazonEcho__commands .s-mobile .content-bedroom .quote { word-break: break-all; width: 200px; }
}
@media only screen and (min-width: 1024px) {
.amazonEcho__moreInfo { height: 356px; background-image: url('img/learn_more_without_product.jpg'); }
}
@media only screen and (max-width: 1023px) {
.appleHomeKitLP .intro { min-height: 402px; background-image: url('img/01_header_res.png'); }
.appleHomeKitLP .intro h1 { font-size: 21px; }
}
@media only screen and (max-width: 1023px) {
.appleHomeKitLP .bridge { min-height: 299px; background-image: url('img/02_internetbridge_res_v2.jpg'); }
.appleHomeKitLP .bridge .content-box { padding-top: 58px; }
.appleHomeKitLP .bridge .content-box h2 { font-size: 20px; padding-right: 105px; }
.appleHomeKitLP .bridge .content-box p { font-size: 12px; margin-right: 0px; }
.appleHomeKitLP .bridge .content-box span { font-size: 11px; }
.appleHomeKitLP .bridge .content-box .content-inner-box { padding-left: 3px; }
}
@media only screen and (max-width: 550px) {
.appleHomeKitLP .bridge .content-box h2 { padding-right: 0px; }
}
@media only screen and (max-width: 1023px) {
.appleHomeKitLP .siri { min-height: 400px; background-image: url('img/03_siri_res.png'); }
.appleHomeKitLP .siri .content-box { padding-top: 80px; }
.appleHomeKitLP .siri .content-box h3 { padding-left: 0px; }
}
@media only screen and (max-width: 580px) {
.appleHomeKitLP .siri .content-box { padding-top: 20px; margin-left: 10px; }
}
@media only screen and (max-width: 1023px) {
.appleHomeKitLP .smartHome .title { padding-top: 20px; padding-bottom: 20px; }
.appleHomeKitLP .smartHome .features, .appleHomeKitLP .smartHome .features .feature .title { padding-top: 0px; }
.appleHomeKitLP .smartHome .more-information { min-height: 120px; }
}
@media only screen and (min-width: 1024px) {
.stLP .st__intro__innerWrapper { max-width: 800px; height: 489px; margin: 0px auto; }
.stLP .st__intro__innerWrapper__content { position: relative; top: 180px; }
.stLP .st__intro__innerWrapper__content__text { font-size: 2.4em; width: 59%; }
.stLP .st__intro__innerWrapper__content__button { padding-top: 40px; }
}
@media only screen and (max-width: 1023px) {
.stLP .st__intro { background-image: url('img/01_header_st_res.jpg'); }
.stLP .st__intro__innerWrapper { max-width: 344px; height: 489px; margin: 0px auto; }
.stLP .st__intro__innerWrapper__content { position: relative; top: 60px; }
.stLP .st__intro__innerWrapper__content__text { font-size: 2.2em; width: 100%; }
.stLP .st__intro__innerWrapper__content__button { position: relative; top: 92px; }
}
@media only screen and (min-width: 1024px) {
.stLP .st__about__innerWrapper { max-width: 800px; height: 599px; margin: 0px auto; background-repeat: no-repeat; background-position: -40px 120px; }
.lang-fr.stLP .st__about__innerWrapper, .lang-nl.stLP .st__about__innerWrapper { height: 640px; background-position: -40px 157px; }
.stLP .st__about__innerWrapper__index { font-size: 1.8em; padding: 36px 0px; text-align: center; }
.stLP .st__about__innerWrapper__content { padding-top: 56px; display: flex; -moz-box-pack: justify; justify-content: space-between; }
.stLP .st__about__innerWrapper__content__description { max-width: 300px; }
.stLP .st__about__innerWrapper__content__list { max-width: 240px; position: relative; right: 0px; }
.stLP .st__about__innerWrapper__content__list__cell { padding-bottom: 12px; display: flex; }
.stLP .st__about__innerWrapper__content__list__cell__image { width: 32px; }
.stLP .st__about__innerWrapper__content__list__cell__text { width: 200px; }
}
@media only screen and (max-width: 1023px) {
.stLP .st__about { background-image: url('img/02_product_description_st_res.jpg'); }
.stLP .st__about__innerWrapper { max-width: 344px; height: 100%; margin: 0px auto; background-size: 344px auto; background-repeat: no-repeat; background-position: center bottom; padding-bottom: 235px; }
.stLP .st__about__innerWrapper__index { font-size: 1.6em; padding: 36px 0px; text-align: center; }
.stLP .st__about__innerWrapper__content__description { padding-bottom: 32px; }
.stLP .st__about__innerWrapper__content__list { max-width: 364px; padding-left: 0px; display: flex; flex-wrap: wrap; }
.stLP .st__about__innerWrapper__content__list__cell { max-width: 180px; padding-bottom: 12px; -moz-box-flex: 1; flex: 1 0 50%; box-sizing: border-box; -moz-box-pack: center; justify-content: center; margin-left: 0px; margin-right: 0px; }
.stLP .st__about__innerWrapper__content__list__cell__image { width: 32px; }
.stLP .st__about__innerWrapper__content__list__cell__text { max-width: 128px; width: 100%; }
}
@media only screen and (min-width: 1024px) {
.stLP .st__howTadoWorks__innerWrapper { max-width: 560px; margin: 0px auto; }
.stLP .st__howTadoWorks__innerWrapper__content__image { max-width: 224px; width: 100%; height: 393px; transition: background-image 0.3s ease 0s; }
.stLP .st__howTadoWorks__innerWrapper__content__descriptions { padding-left: 44px; -moz-box-flex: 1; flex: 1 1 0%; }
}
@media only screen and (max-width: 1023px) {
.stLP .st__howTadoWorks { min-height: 419px; background-image: url('img/03_howtadoworks_st_res.jpg'); }
.stLP .st__howTadoWorks__innerWrapper { max-width: 344px; margin: 0px auto; }
.stLP .st__howTadoWorks__innerWrapper__content__image { max-width: 143px; width: 100%; height: 243px; background-size: cover; background-repeat: no-repeat; transition: background-image 0.3s ease 0s; }
.stLP .st__howTadoWorks__innerWrapper__content__descriptions__cell { max-width: 160px; font-size: 0.8em; padding: 12px; overflow-wrap: break-word; margin-bottom: 4px; }
}
@media only screen and (min-width: 1024px) {
.stLP .st__inclusive__innerWrapper { max-width: 360px; }
.stLP .st__inclusive__innerWrapper__title { padding: 30px 0px 10px; }
.stLP .st__inclusive__innerWrapper__description { padding: 12px; }
.stLP .st__inclusive__innerWrapper__linkBox { max-width: 300px; padding-top: 20px; margin: 0px auto; }
.stLP .st__inclusive__innerWrapper__content { max-width: 170px; padding: 0px 25px 18px; margin: 0px auto; background-color: rgb(249, 246, 241); box-shadow: 4px 4px 16px 4px rgba(0, 0, 0, 0.03); }
.stLP .st__inclusive__innerWrapper__content__cell { padding-top: 12px; }
.stLP .st__inclusive__innerWrapper__content__cell--end { padding-top: 12px; padding-bottom: 12px; }
}
@media only screen and (max-width: 1023px) {
.stLP .st__inclusive { background-image: url('img/04_allinklusive_st_res.jpg'); background-size: 1000px auto; background-position: center bottom; background-color: rgb(250, 247, 242); }
.stLP .st__inclusive__innerWrapper { max-width: 344px; padding-bottom: 280px; }
.stLP .st__inclusive__innerWrapper__title { padding: 10px 0px; }
.stLP .st__inclusive__innerWrapper__description { padding: 0px 12px 12px; }
.stLP .st__inclusive__innerWrapper__linkBox { max-width: 300px; margin: 0px auto; position: absolute; bottom: 20px; left: 20px; }
.stLP .st__inclusive__innerWrapper__content { max-width: 320px; padding: 0px 12px 8px; background-color: rgb(249, 246, 241); display: flex; flex-wrap: wrap; box-shadow: 4px 4px 16px 4px rgba(0, 0, 0, 0.03); }
.stLP .st__inclusive__innerWrapper__content__cell { padding-top: 12px; width: 100%; }
.stLP .st__inclusive__innerWrapper__content__cell--end { padding-top: 12px; width: 160px; }
}
@media only screen and (min-width: 1024px) {
.srt__intro__innerWrapper { max-width: 800px; height: 489px; margin: 0px auto; }
.srt__intro__innerWrapper__content { position: relative; top: 180px; }
.srt__intro__innerWrapper__content__text { font-size: 2.4em; width: 59%; }
.srt__intro__innerWrapper__content__button { padding-top: 40px; }
}
@media only screen and (max-width: 1023px) {
.srt__intro { background-image: url('img/01_header_res.jpg'); }
.srt__intro__innerWrapper { max-width: 344px; height: 489px; margin: 0px auto; }
.srt__intro__innerWrapper__content { position: relative; top: 60px; }
.srt__intro__innerWrapper__content__text { font-size: 2.2em; width: 100%; }
.srt__intro__innerWrapper__content__button { position: relative; top: 92px; }
}
@media only screen and (min-width: 1024px) {
.srt__about__innerWrapper { max-width: 800px; height: 599px; margin: 0px auto; background-repeat: no-repeat; background-position: -40px 120px; }
.srt__about__innerWrapper__index { font-size: 1.8em; padding: 36px 0px; text-align: center; }
.srt__about__innerWrapper__content { padding-top: 56px; display: flex; -moz-box-pack: justify; justify-content: space-between; }
.srt__about__innerWrapper__content__description { max-width: 300px; }
.srt__about__innerWrapper__content__list { max-width: 240px; position: relative; right: 0px; }
.srt__about__innerWrapper__content__list__cell { padding-bottom: 12px; display: flex; }
.srt__about__innerWrapper__content__list__cell__image { width: 32px; }
.srt__about__innerWrapper__content__list__cell__text { width: 200px; }
}
@media only screen and (max-width: 1023px) {
.srt__about { background-image: url('img/02_product_description_res.jpg'); }
.srt__about__innerWrapper { max-width: 344px; height: 100%; margin: 0px auto; background-size: 344px auto; background-repeat: no-repeat; background-position: center bottom; padding-bottom: 235px; }
.srt__about__innerWrapper__index { font-size: 1.6em; padding: 24px 0px; text-align: center; }
.srt__about__innerWrapper__content__description { padding-bottom: 24px; }
.srt__about__innerWrapper__content__list { max-width: 364px; padding-left: 0px; display: flex; flex-wrap: wrap; }
.srt__about__innerWrapper__content__list__cell { max-width: 180px; padding-bottom: 12px; -moz-box-flex: 1; flex: 1 0 50%; box-sizing: border-box; -moz-box-pack: center; justify-content: center; margin-left: 0px; margin-right: 0px; }
.srt__about__innerWrapper__content__list__cell__image { width: 32px; }
.srt__about__innerWrapper__content__list__cell__text { max-width: 128px; width: 100%; }
}
@media only screen and (min-width: 1024px) {
.srt__howTadoWorks__innerWrapper { width: 560px; margin: 0px auto; }
.srt__howTadoWorks__innerWrapper__content__image { max-width: 224px; width: 100%; height: 393px; transition: background-image 0.3s ease 0s; }
.srt__howTadoWorks__innerWrapper__content__descriptions { padding-left: 44px; -moz-box-flex: 1; flex: 1 1 0%; }
}
@media only screen and (max-width: 1023px) {
.srt__howTadoWorks { min-height: 419px; background-image: url('img/03_howtadoworks_res.jpg'); }
.srt__howTadoWorks__innerWrapper { max-width: 344px; margin: 0px auto; }
.srt__howTadoWorks__innerWrapper__content__image { max-width: 143px; width: 100%; height: 243px; background-size: cover; background-repeat: no-repeat; transition: background-image 0.3s ease 0s; }
.srt__howTadoWorks__innerWrapper__content__descriptions__cell { max-width: 160px; font-size: 0.8em; padding: 12px; transition: all 0.3s ease 0s; overflow-wrap: break-word; margin-bottom: 4px; }
}
@media only screen and (min-width: 1024px) {
.srt__inclusive__innerWrapper { max-width: 360px; }
.srt__inclusive__innerWrapper__title { padding: 30px 0px 10px; }
.srt__inclusive__innerWrapper__description { padding: 12px; }
.srt__inclusive__innerWrapper__linkBox { max-width: 300px; padding-top: 20px; margin: 0px auto; }
.srt__inclusive__innerWrapper__content { max-width: 170px; padding: 0px 25px 18px; margin: 0px auto; background-color: rgb(249, 246, 241); box-shadow: 4px 4px 16px 4px rgba(0, 0, 0, 0.03); }
.srt__inclusive__innerWrapper__content__cell { padding-top: 12px; }
.srt__inclusive__innerWrapper__content__cell--end { padding-top: 12px; padding-bottom: 12px; }
}
@media only screen and (max-width: 1023px) {
.srt__inclusive { background-image: url('img/04_allinklusive_res.jpg'); background-size: 1000px auto; background-position: center bottom; background-color: rgb(250, 247, 242); }
.srt__inclusive__innerWrapper { max-width: 344px; padding-bottom: 280px; }
.srt__inclusive__innerWrapper__title { padding: 10px 0px; }
.srt__inclusive__innerWrapper__description { padding: 0px 12px 12px; }
.srt__inclusive__innerWrapper__linkBox { max-width: 300px; margin: 0px auto; position: absolute; bottom: 20px; left: 20px; }
.srt__inclusive__innerWrapper__content { max-width: 320px; padding: 0px 12px 8px; background-color: rgb(249, 246, 241); display: flex; flex-wrap: wrap; box-shadow: 4px 4px 16px 4px rgba(0, 0, 0, 0.03); }
.srt__inclusive__innerWrapper__content__cell { padding-top: 12px; width: 100%; }
.srt__inclusive__innerWrapper__content__cell--end { padding-top: 12px; width: 160px; }
}
.pagination__posts {
margin: 0;
text-align: center;
}
.pagination {
margin: 19px 0;
}
.pagination ul {
border-radius: 4px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
display: inline-block;
margin-bottom: 0;
margin-left: 0;
}
.pagination ul > li {
display: inline;
}
.pagination ul > li > a, .pagination ul > li > span {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background-color: rgb(255, 255, 255);
border-color: rgb(221, 221, 221);
border-image: none;
border-style: solid;
border-width: 1px 1px 1px 0;
float: left;
line-height: 19px;
padding: 4px 12px;
text-decoration: none;
}
.pagination ul > li > a:hover, .pagination ul > li > a:focus, .pagination ul > .active > a, .pagination ul > .active > span {
background-color: rgb(245, 245, 245);
}
.pagination ul > .active > a, .pagination ul > .active > span {
color: rgb(153, 153, 153);
cursor: default;
}
.pagination ul > li:first-child > a, .pagination ul > li:first-child > span {
border-bottom-left-radius: 4px;
border-left-width: 1px;
border-top-left-radius: 4px;
}
.pagination ul > li:last-child > a, .pagination ul > li:last-child > span {
border-bottom-right-radius: 4px;
border-top-right-radius: 4px;
}
.recommendationLP__button { padding: 0.8rem 2rem; border-radius: 0; font-weight: 700; cursor: pointer; border: 0px none; text-decoration: none; display: inline-block; text-align: center; min-width: 140px; }
.recommendationLP__button_color_blue, .recommendationLP__button_color_blue:focus, .recommendationLP__button_color_blue:active, .recommendationLP__button_color_blue:visited { background-color: rgb(0, 159, 227); color: rgb(255, 255, 255); }
@media only screen and (max-width: 1023px) {
.recommendationLP .intro { background-image: url('img/tellafriend_lp_res.jpg'); min-height: 300px; }
.recommendationLP .intro .intro-content-box__title { font-size: 1.2rem; }
.recommendationLP .intro .intro-content-box__head-line { font-size: 1rem; }
.recommendationLP .intro .intro-content-box__sub-line-1, .recommendationLP .intro .intro-content-box__sub-line-2 { font-size: 0.8rem; }
}
@media only screen and (max-width: 1023px) {
.recommendationLP .steps .step-list { -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; width: 89%; margin: 0px auto; padding: 1rem 0px; }
}
@media only screen and (max-width: 1023px) {
.recommendationLP .steps .step-list .step-entry { width: 100%; padding: 1rem 0px; display: flex; text-align: left; }
}
@media only screen and (max-width: 1023px) {
.recommendationLP .steps .step-list .step-entry .step-entry-content { padding: 0px 1rem; }
}
@media only screen and (max-width: 1023px) {
.recommendationLP .rules .rules-content-box { width: 89%; }
}
@media only screen and (max-width: 1023px) {
.recommendationLP .rules .rules-content-box__title { padding: 2rem 0px 0px; }
}
@media only screen and (max-width: 1023px) {
.recommendationLP .rules .rules-content-box .product-rules-list { -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; padding: 1rem 0px; }
}
@media only screen and (max-width: 1023px) {
.recommendationLP .rules .rules-content-box .product-rules-list .product-rule { width: 100%; display: flex; -moz-box-align: center; align-items: center; margin-bottom: 0.5rem; padding: 0px; }
}
@media only screen and (max-width: 1023px) {
.recommendationLP .rules .rules-content-box .product-rules-list .product-rule__icon { margin-bottom: 0px; }
}
@media only screen and (max-width: 1023px) {
.recommendationLP .rules .rules-content-box .product-rules-list .product-rule .product-rule-content__price_strikeout { margin: 0px 0px 0.75rem; text-align: center; }
}
.recommendationLP .rules .rules-content-box .product-rules-list .product-rule .product-rule-content__price_strikeout::after { border-bottom: 0.125em solid rgba(255, 0, 0, 0.5); content: ""; left: 0px; line-height: 1em; margin-top: calc(-0.0625em); position: absolute; right: 0px; top: 50%; transform: rotate(15deg); }
@media only screen and (max-width: 1023px) {
.recommendationLP .rules .rules-content-box .product-rules-list .product-rule .product-rule-content__text { margin-bottom: 0px; }
}
@media only screen and (max-width: 1023px) {
.recommendationLP .rules .rules-content-box .product-rules-list .product-rule .product-rule-content { -moz-box-flex: 1; flex-grow: 1; text-align: left; padding: 0px 1rem; margin-bottom: 0px; }
}
/* ::::: https://www.tado.com/css/plugins/swiper/swiper.min.css ::::: */
.swiper-container { margin: 0px auto; position: relative; overflow: hidden; z-index: 1; }
.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; }
.swiper-container-android .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0px, 0px); }
.swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; }
.swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; background-size: 27px 44px; background-position: center center; background-repeat: no-repeat; }
.swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20viewBox%3D\'0%200%2027%2044\'%3E%3Cpath%20d%3D\'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z\'%20fill%3D\'%23007aff\'%2F%3E%3C%2Fsvg%3E"); left: 10px; right: auto; }
.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20viewBox%3D\'0%200%2027%2044\'%3E%3Cpath%20d%3D\'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z\'%20fill%3D\'%23000000\'%2F%3E%3C%2Fsvg%3E"); }
.swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20viewBox%3D\'0%200%2027%2044\'%3E%3Cpath%20d%3D\'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z\'%20fill%3D\'%23007aff\'%2F%3E%3C%2Fsvg%3E"); right: 10px; left: auto; }
.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20viewBox%3D\'0%200%2027%2044\'%3E%3Cpath%20d%3D\'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z\'%20fill%3D\'%23000000\'%2F%3E%3C%2Fsvg%3E"); }
.swiper-pagination { position: absolute; text-align: center; transition: all 0.3s ease 0s; transform: translate3d(0px, 0px, 0px); z-index: 10; }
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 10px; left: 0px; width: 100%; }
.swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: rgb(0, 0, 0) none repeat scroll 0% 0%; opacity: 0.2; }
.swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; }
.swiper-pagination-bullet-active { opacity: 1; background: rgb(0, 122, 255) none repeat scroll 0% 0%; }
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0px 5px; }
.swiper-container-fade .swiper-slide { pointer-events: none; transition-property: opacity; }
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; }
.swiper-lazy-preloader::after { display: block; content: ""; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D\'0%200%20120%20120\'%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20xmlns%3Axlink%3D\'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink\'%3E%3Cdefs%3E%3Cline%20id%3D\'l\'%20x1%3D\'60\'%20x2%3D\'60\'%20y1%3D\'7\'%20y2%3D\'27\'%20stroke%3D\'%236c6c6c\'%20stroke-width%3D\'11\'%20stroke-linecap%3D\'round\'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(30%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(60%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(90%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(120%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(150%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.37\'%20transform%3D\'rotate(180%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.46\'%20transform%3D\'rotate(210%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.56\'%20transform%3D\'rotate(240%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.66\'%20transform%3D\'rotate(270%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.75\'%20transform%3D\'rotate(300%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.85\'%20transform%3D\'rotate(330%2060%2C60)\'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position: 50% center; background-size: 100% auto; background-repeat: no-repeat; }
.swiper-lazy-preloader-white::after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D\'0%200%20120%20120\'%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20xmlns%3Axlink%3D\'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink\'%3E%3Cdefs%3E%3Cline%20id%3D\'l\'%20x1%3D\'60\'%20x2%3D\'60\'%20y1%3D\'7\'%20y2%3D\'27\'%20stroke%3D\'%23fff\'%20stroke-width%3D\'11\'%20stroke-linecap%3D\'round\'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(30%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(60%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(90%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(120%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(150%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.37\'%20transform%3D\'rotate(180%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.46\'%20transform%3D\'rotate(210%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.56\'%20transform%3D\'rotate(240%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.66\'%20transform%3D\'rotate(270%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.75\'%20transform%3D\'rotate(300%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.85\'%20transform%3D\'rotate(330%2060%2C60)\'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }
/* ::::: blob:https://www.tado.com/7f60e1b7-bf8e-4f16-96a4-e5e2aa2d2241 ::::: */
._R *::-moz-selection { background: rgb(179, 212, 252) none repeat scroll 0% 0%; text-shadow: none; }
._R audio, ._R canvas, ._R iframe, ._R img, ._R svg, ._R video { vertical-align: middle; }
._R .clearfix::after, ._R .clearfix::before { content: " "; display: table; }
._R .clearfix::after { clear: both; }
@media print {
._R *, ._R *::after, ._R *::before, ._R *::first-letter { background: transparent none repeat scroll 0% 0% !important; color: rgb(0, 0, 0) !important; box-shadow: none !important; }
._R a, ._R a:visited { text-decoration: underline; }
._R a[href]::after { content: " (" attr(href) ")"; }
._R abbr[title]::after { content: " (" attr(title) ")"; }
._R a[href^="#"]::after, ._R a[href^="javascript:"]::after { content: ""; }
._R blockquote, ._R pre { border: 1px solid rgb(153, 153, 153); page-break-inside: avoid; }
._R thead { display: table-header-group; }
._R img, ._R tr { page-break-inside: avoid; }
._R img { max-width: 100% !important; }
._R h2, ._R h3, ._R p { }
._R h2, ._R h3 { page-break-after: avoid; }
}
._R blockquote::before { position: absolute; left: -0.5em; content: "“"; }
._R blockquote::after { content: "”"; margin-left: -0.05em; }
._R .mdl-badge:not([data-badge]) { margin-right: auto; }
._R .mdl-badge[data-badge]::after { content: attr(data-badge); display: flex; flex-flow: row wrap; place-content: center; align-items: center; position: absolute; top: -11px; right: -24px; font-family: Roboto,Helvetica,Arial,sans-serif; font-weight: 600; font-size: 12px; width: 22px; height: 22px; border-radius: 50%; background: rgb(255, 64, 129) none repeat scroll 0% 0%; color: rgb(255, 255, 255); }
._R .mdl-button .mdl-badge[data-badge]::after { top: -10px; right: -5px; }
._R .mdl-badge.mdl-badge--no-background[data-badge]::after { color: rgb(255, 64, 129); background: rgba(255, 255, 255, 0.2) none repeat scroll 0% 0%; box-shadow: 0px 0px 1px gray; }
._R .mdl-badge.mdl-badge--overlap::after { right: -10px; }
._R .mdl-button::-moz-focus-inner { border: 0px none; }
._R .mdl-button:focus:not(:active) { background-color: rgba(0, 0, 0, 0.12); }
._R .mdl-button.mdl-button--colored:focus:not(:active) { background-color: rgba(0, 0, 0, 0.12); }
._R .mdl-button--raised:focus:not(:active) { box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.18), 0px 8px 16px rgba(0, 0, 0, 0.36); background-color: rgba(158, 158, 158, 0.4); }
._R .mdl-button--raised.mdl-button--colored:active, ._R .mdl-button--raised.mdl-button--colored:focus:not(:active), ._R .mdl-button--raised.mdl-button--colored:hover { background-color: rgb(63, 81, 181); }
._R .mdl-button--fab:focus:not(:active) { box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.18), 0px 8px 16px rgba(0, 0, 0, 0.36); background-color: rgba(158, 158, 158, 0.4); }
._R .mdl-button--fab.mdl-button--colored:active, ._R .mdl-button--fab.mdl-button--colored:focus:not(:active), ._R .mdl-button--fab.mdl-button--colored:hover { background-color: rgb(255, 64, 129); }
._R .mdl-data-table th.mdl-data-table__header--sorted-ascending::before, ._R .mdl-data-table th.mdl-data-table__header--sorted-descending::before { font-family: Material Icons; font-weight: 400; font-style: normal; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; overflow-wrap: normal; font-feature-settings: "liga"; font-size: 16px; content: ""; margin-right: 5px; vertical-align: sub; }
._R .mdl-data-table th.mdl-data-table__header--sorted-ascending:hover::before, ._R .mdl-data-table th.mdl-data-table__header--sorted-descending:hover::before { color: rgba(0, 0, 0, 0.26); }
._R .mdl-data-table th.mdl-data-table__header--sorted-descending::before { content: ""; }
._R .mdl-dialog__actions > :first-child { margin-right: 0px; }
._R .mdl-mega-footer--bottom-section::after, ._R .mdl-mega-footer--middle-section::after, ._R .mdl-mega-footer--top-section::after, ._R .mdl-mega-footer__bottom-section::after, ._R .mdl-mega-footer__middle-section::after, ._R .mdl-mega-footer__top-section::after { content: ""; display: block; clear: both; }
@media screen and (min-width: 760px) {
._R .mdl-mega-footer--left-section, ._R .mdl-mega-footer__left-section { float: left; }
._R .mdl-mega-footer--right-section, ._R .mdl-mega-footer__right-section { float: right; }
._R .mdl-mega-footer--right-section a, ._R .mdl-mega-footer__right-section a { display: inline-block; margin-left: 16px; line-height: 36px; vertical-align: middle; }
}
@media screen and (min-width: 760px) {
._R .mdl-mega-footer--drop-down-section, ._R .mdl-mega-footer__drop-down-section { width: 33%; }
._R .mdl-mega-footer--drop-down-section:nth-child(1), ._R .mdl-mega-footer--drop-down-section:nth-child(2), ._R .mdl-mega-footer__drop-down-section:nth-child(1), ._R .mdl-mega-footer__drop-down-section:nth-child(2) { float: left; }
._R .mdl-mega-footer--drop-down-section:nth-child(3), ._R .mdl-mega-footer__drop-down-section:nth-child(3) { float: right; }
._R .mdl-mega-footer--drop-down-section:nth-child(3)::after, ._R .mdl-mega-footer__drop-down-section:nth-child(3)::after { clear: right; }
._R .mdl-mega-footer--drop-down-section:nth-child(4), ._R .mdl-mega-footer__drop-down-section:nth-child(4) { clear: right; float: right; }
._R .mdl-mega-footer--middle-section::after, ._R .mdl-mega-footer__middle-section::after { content: ""; display: block; clear: both; }
._R .mdl-mega-footer--bottom-section, ._R .mdl-mega-footer__bottom-section { padding-top: 0px; }
}
@media screen and (min-width: 1024px) {
._R .mdl-mega-footer--drop-down-section, ._R .mdl-mega-footer--drop-down-section:nth-child(3), ._R .mdl-mega-footer--drop-down-section:nth-child(4), ._R .mdl-mega-footer__drop-down-section, ._R .mdl-mega-footer__drop-down-section:nth-child(3), ._R .mdl-mega-footer__drop-down-section:nth-child(4) { width: 24%; float: left; }
}
._R .mdl-mega-footer--heading-checkbox + .mdl-mega-footer--heading::after, ._R .mdl-mega-footer--heading-checkbox + .mdl-mega-footer__heading::after, ._R .mdl-mega-footer__heading-checkbox + .mdl-mega-footer--heading::after, ._R .mdl-mega-footer__heading-checkbox + .mdl-mega-footer__heading::after { font-family: Material Icons; content: ""; }
._R .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer--heading::after, ._R .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer__heading::after, ._R .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer--heading::after, ._R .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer__heading::after { font-family: Material Icons; content: ""; }
._R .mdl-mega-footer--heading::after, ._R .mdl-mega-footer__heading::after { content: ""; position: absolute; top: 0px; right: 0px; display: block; width: 23.8px; height: 23.8px; background-size: cover; }
._R .mdl-mega-footer--link-list::after, ._R .mdl-mega-footer__link-list::after { clear: both; display: block; content: ""; }
@media screen and (min-width: 760px) {
._R .mdl-mega-footer--heading-checkbox, ._R .mdl-mega-footer__heading-checkbox { display: none; }
._R .mdl-mega-footer--heading-checkbox + .mdl-mega-footer--heading::after, ._R .mdl-mega-footer--heading-checkbox + .mdl-mega-footer__heading::after, ._R .mdl-mega-footer__heading-checkbox + .mdl-mega-footer--heading::after, ._R .mdl-mega-footer__heading-checkbox + .mdl-mega-footer__heading::after { content: ""; }
._R .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer--heading + .mdl-mega-footer--link-list, ._R .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer__heading + .mdl-mega-footer__link-list, ._R .mdl-mega-footer--heading-checkbox:checked ~ .mdl-mega-footer--link-list, ._R .mdl-mega-footer--heading-checkbox:checked ~ .mdl-mega-footer__link-list, ._R .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer--heading + .mdl-mega-footer--link-list, ._R .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer__heading + .mdl-mega-footer__link-list, ._R .mdl-mega-footer__heading-checkbox:checked ~ .mdl-mega-footer--link-list, ._R .mdl-mega-footer__heading-checkbox:checked ~ .mdl-mega-footer__link-list { display: block; }
._R .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer--heading::after, ._R .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer__heading::after, ._R .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer--heading::after, ._R .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer__heading::after { content: ""; }
}
@media screen and (min-width: 760px) {
._R .mdl-logo { float: left; margin-bottom: 0px; margin-right: 16px; }
}
._R .mdl-mini-footer::after { content: ""; display: block; }
@media screen and (min-width: 760px) {
._R .mdl-mini-footer--link-list li, ._R .mdl-mini-footer__link-list li { line-height: 36px; }
}
._R .mdl-menu__item::-moz-focus-inner { border: 0px none; }
._R .mdl-progress:not(.mdl-progress--indeterminate) > .auxbar, ._R .mdl-progress:not(.mdl-progress__indeterminate) > .auxbar { background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), linear-gradient(90deg, rgb(63, 81, 181), rgb(63, 81, 181)); }
._R .mdl-layout.is-small-screen .mdl-layout--large-screen-only, ._R .mdl-layout:not(.is-small-screen) .mdl-layout--small-screen-only { display: none; }
@media screen and (max-width: 1024px) {
._R .mdl-layout__drawer > .mdl-layout-title, ._R .mdl-layout__drawer > .mdl-layout__title { line-height: 56px; padding-left: 16px; }
}
@media screen and (max-width: 1024px) {
._R .mdl-layout__drawer .mdl-navigation .mdl-navigation__link { padding: 16px; }
}
@media screen and (min-width: 1025px) {
._R .mdl-layout--fixed-drawer > .mdl-layout__inner-container > .mdl-layout__drawer { transform: translateX(0px); }
}
@media screen and (max-width: 1024px) {
._R .mdl-layout__header .mdl-layout__drawer-button { margin: 4px; }
}
@media screen and (max-width: 1024px) {
._R .mdl-layout__drawer-button { margin: 4px; color: rgba(0, 0, 0, 0.5); }
}
@media screen and (min-width: 1025px) {
._R .mdl-layout--fixed-drawer > .mdl-layout__inner-container > .mdl-layout__drawer-button, ._R .mdl-layout--no-desktop-drawer-button .mdl-layout__drawer-button { display: none; }
}
@media screen and (max-width: 1024px) {
._R .mdl-layout__header { min-height: 56px; }
}
._R .mdl-layout--fixed-drawer.is-upgraded:not(.is-small-screen) > .mdl-layout__inner-container > .mdl-layout__header { margin-left: 240px; }
@media screen and (min-width: 1025px) {
._R .mdl-layout--fixed-drawer > .mdl-layout__inner-container > .mdl-layout__header .mdl-layout__header-row { padding-left: 40px; }
}
@media screen and (max-width: 1024px) {
._R .mdl-layout__header > .mdl-layout-icon { left: 16px; top: 12px; }
}
@media screen and (max-width: 1024px) {
._R .mdl-layout__header.is-compact { max-height: 56px; }
}
@media screen and (max-width: 1024px) {
._R .mdl-layout__header.is-compact.has-tabs { min-height: 104px; }
}
@media screen and (max-width: 1024px) {
._R .mdl-layout__header { display: none; }
._R .mdl-layout--fixed-header > .mdl-layout__inner-container > .mdl-layout__header { display: flex; }
}
@media screen and (min-width: 1025px) {
._R .mdl-layout--no-desktop-drawer-button .mdl-layout__header-row { padding-left: 40px; }
}
@media screen and (max-width: 1024px) {
._R .mdl-layout__header-row { height: 56px; padding: 0px 16px 0px 72px; }
._R .mdl-layout--no-drawer-button .mdl-layout__header-row { padding-left: 16px; }
}
@media screen and (max-width: 1024px) {
._R .mdl-layout__header-row .mdl-navigation { height: 56px; }
}
@media screen and (max-width: 1024px) {
._R .mdl-layout__header-row .mdl-navigation__link { line-height: 56px; padding: 0px 16px; }
}
@media screen and (max-width: 1024px) {
._R .mdl-layout--fixed-drawer > .mdl-layout__inner-container > .mdl-layout__content { margin-left: 0px; }
._R .mdl-layout.has-scrolling-header .mdl-layout__content { overflow-y: auto; overflow-x: hidden; }
}
@media screen and (min-width: 1025px) {
._R .mdl-layout--no-desktop-drawer-button .mdl-layout__tab-bar { padding-left: 16px; width: 68%; }
}
@media screen and (max-width: 1024px) {
._R .mdl-layout__tab-bar { width: 40%; padding: 0px 0px 0px 60px; }
._R .mdl-layout--no-drawer-button .mdl-layout__tab-bar { width: 92%; padding-left: 4px; }
}
@media screen and (max-width: 1024px) {
._R .mdl-layout__tab-bar-button { display: none; width: 60px; }
}
@media screen and (max-width: 1024px) {
._R .mdl-layout__tab { padding: 0px 12px; }
}
._R .mdl-layout.is-upgraded .mdl-layout__tab.is-active::after { height: 2px; width: 100%; display: block; content: " "; bottom: 0px; left: 0px; position: absolute; background: rgb(255, 64, 129) none repeat scroll 0% 0%; animation: 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate forwards 1 running k; transition: all 1s cubic-bezier(0.4, 0, 1, 1) 0s; }
._R .mdl-slider.is-upgraded::-moz-focus-outer { border: 0px none; }
._R .mdl-slider.is-upgraded::-moz-range-track { background: transparent none repeat scroll 0% 0%; border: medium none; }
._R .mdl-slider.is-upgraded::-moz-range-thumb { -moz-appearance: none; width: 12px; height: 12px; box-sizing: border-box; border-radius: 50%; background: rgb(63, 81, 181) none repeat scroll 0% 0%; border: medium none; }
._R .mdl-slider.is-upgraded:focus:not(:active)::-moz-range-thumb { box-shadow: 0px 0px 0px 10px rgba(63, 81, 181, 0.26); }
._R .mdl-slider.is-upgraded:active::-moz-range-thumb { background: rgb(63, 81, 181) none repeat scroll 0% 0%; transform: scale(1.5); }
._R .mdl-slider.is-upgraded.is-lowest-value::-moz-range-thumb { border: 2px solid rgba(0, 0, 0, 0.26); background: transparent none repeat scroll 0% 0%; }
._R .mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-moz-range-thumb { box-shadow: 0px 0px 0px 10px rgba(0, 0, 0, 0.12); background: rgba(0, 0, 0, 0.12) none repeat scroll 0% 0%; }
._R .mdl-slider.is-upgraded.is-lowest-value:active::-moz-range-thumb { border: 1.5px solid rgba(0, 0, 0, 0.26); transform: scale(1.5); }
._R .mdl-slider.is-upgraded:disabled::-moz-range-thumb, ._R .mdl-slider.is-upgraded:disabled:active::-moz-range-thumb, ._R .mdl-slider.is-upgraded:disabled:focus::-moz-range-thumb { transform: scale(0.667); background: rgba(0, 0, 0, 0.26) none repeat scroll 0% 0%; }
._R .mdl-slider.is-upgraded.is-lowest-value:disabled::-moz-range-thumb, ._R .mdl-slider.is-upgraded.is-lowest-value:disabled:active::-moz-range-thumb, ._R .mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-moz-range-thumb { border: 3px solid rgba(0, 0, 0, 0.26); background: transparent none repeat scroll 0% 0%; transform: scale(0.667); }
@media (max-width: 479px) {
._R .mdl-snackbar { width: 100%; left: 0px; min-height: 48px; max-height: 80px; }
}
@media (min-width: 480px) {
._R .mdl-snackbar { min-width: 288px; max-width: 568px; border-radius: 2px; transform: translate(-50%, 80px); }
}
@media (min-width: 480px) {
._R .mdl-snackbar--active { transform: translate(-50%); }
}
._R .mdl-snackbar__action::-moz-focus-inner { border: 0px none; }
._R .mdl-snackbar__action:not([aria-hidden]) { opacity: 1; pointer-events: auto; }
._R .mdl-spinner.is-active:not(.is-upgraded)::after { content: "Loading..."; }
._R .mdl-tabs.is-upgraded .mdl-tabs__tab.is-active::after { height: 2px; width: 100%; display: block; content: " "; bottom: 0px; left: 0px; position: absolute; background: rgb(63, 81, 181) none repeat scroll 0% 0%; animation: 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate forwards 1 running k; transition: all 1s cubic-bezier(0.4, 0, 1, 1) 0s; }
._R .mdl-textfield__label::after { background-color: rgb(63, 81, 181); bottom: 20px; content: ""; height: 2px; left: 45%; position: absolute; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); visibility: hidden; width: 10px; }
._R .mdl-textfield.is-focused .mdl-textfield__label::after { left: 0px; visibility: visible; width: 100%; }
._R .mdl-textfield.is-invalid .mdl-textfield__label::after { background-color: rgb(213, 0, 0); }
._R .mdl-textfield__expandable-holder .mdl-textfield__label::after { bottom: 0px; }
._R .mdl-tooltip { transform: scale(0); transform-origin: center top 0px; will-change: transform; z-index: 999; background: rgba(97, 97, 97, 0.9) none repeat scroll 0% 0%; border-radius: 2px; color: rgb(255, 255, 255); display: inline-block; font-size: 10px; font-weight: 500; line-height: 14px; max-width: 170px; position: fixed; top: -500px; left: -500px; padding: 8px; text-align: center; }
._R .mdl-tooltip--large { line-height: 14px; font-size: 14px; padding: 16px; }
@media (max-width: 479px) {
._R .mdl-grid { padding: 8px; }
._R .mdl-cell { margin: 8px; width: 84%; }
._R .mdl-grid--no-spacing > .mdl-cell { width: 100%; }
._R .mdl-cell--hide-phone { display: none !important; }
._R .mdl-cell--order-1-phone.mdl-cell--order-1-phone { order: 1; }
._R .mdl-cell--order-2-phone.mdl-cell--order-2-phone { order: 2; }
._R .mdl-cell--order-3-phone.mdl-cell--order-3-phone { order: 3; }
._R .mdl-cell--order-4-phone.mdl-cell--order-4-phone { order: 4; }
._R .mdl-cell--order-5-phone.mdl-cell--order-5-phone { order: 5; }
._R .mdl-cell--order-6-phone.mdl-cell--order-6-phone { order: 6; }
._R .mdl-cell--order-7-phone.mdl-cell--order-7-phone { order: 7; }
._R .mdl-cell--order-8-phone.mdl-cell--order-8-phone { order: 8; }
._R .mdl-cell--order-9-phone.mdl-cell--order-9-phone { order: 9; }
._R .mdl-cell--order-10-phone.mdl-cell--order-10-phone { order: 10; }
._R .mdl-cell--order-11-phone.mdl-cell--order-11-phone { order: 11; }
._R .mdl-cell--order-12-phone.mdl-cell--order-12-phone { order: 12; }
._R .mdl-cell--1-col, ._R .mdl-cell--1-col-phone.mdl-cell--1-col-phone { width: 9%; }
._R .mdl-grid--no-spacing > .mdl-cell--1-col, ._R .mdl-grid--no-spacing > .mdl-cell--1-col-phone.mdl-cell--1-col-phone { width: 25%; }
._R .mdl-cell--2-col, ._R .mdl-cell--2-col-phone.mdl-cell--2-col-phone { width: 34%; }
._R .mdl-grid--no-spacing > .mdl-cell--2-col, ._R .mdl-grid--no-spacing > .mdl-cell--2-col-phone.mdl-cell--2-col-phone { width: 50%; }
._R .mdl-cell--3-col, ._R .mdl-cell--3-col-phone.mdl-cell--3-col-phone { width: 59%; }
._R .mdl-grid--no-spacing > .mdl-cell--3-col, ._R .mdl-grid--no-spacing > .mdl-cell--3-col-phone.mdl-cell--3-col-phone { width: 75%; }
._R .mdl-cell--4-col, ._R .mdl-cell--4-col-phone.mdl-cell--4-col-phone { width: 84%; }
._R .mdl-grid--no-spacing > .mdl-cell--4-col, ._R .mdl-grid--no-spacing > .mdl-cell--4-col-phone.mdl-cell--4-col-phone { width: 100%; }
._R .mdl-cell--5-col, ._R .mdl-cell--5-col-phone.mdl-cell--5-col-phone { width: 84%; }
._R .mdl-grid--no-spacing > .mdl-cell--5-col, ._R .mdl-grid--no-spacing > .mdl-cell--5-col-phone.mdl-cell--5-col-phone { width: 100%; }
._R .mdl-cell--6-col, ._R .mdl-cell--6-col-phone.mdl-cell--6-col-phone { width: 84%; }
._R .mdl-grid--no-spacing > .mdl-cell--6-col, ._R .mdl-grid--no-spacing > .mdl-cell--6-col-phone.mdl-cell--6-col-phone { width: 100%; }
._R .mdl-cell--7-col, ._R .mdl-cell--7-col-phone.mdl-cell--7-col-phone { width: 84%; }
._R .mdl-grid--no-spacing > .mdl-cell--7-col, ._R .mdl-grid--no-spacing > .mdl-cell--7-col-phone.mdl-cell--7-col-phone { width: 100%; }
._R .mdl-cell--8-col, ._R .mdl-cell--8-col-phone.mdl-cell--8-col-phone { width: 84%; }
._R .mdl-grid--no-spacing > .mdl-cell--8-col, ._R .mdl-grid--no-spacing > .mdl-cell--8-col-phone.mdl-cell--8-col-phone { width: 100%; }
._R .mdl-cell--9-col, ._R .mdl-cell--9-col-phone.mdl-cell--9-col-phone { width: 84%; }
._R .mdl-grid--no-spacing > .mdl-cell--9-col, ._R .mdl-grid--no-spacing > .mdl-cell--9-col-phone.mdl-cell--9-col-phone { width: 100%; }
._R .mdl-cell--10-col, ._R .mdl-cell--10-col-phone.mdl-cell--10-col-phone { width: 84%; }
._R .mdl-grid--no-spacing > .mdl-cell--10-col, ._R .mdl-grid--no-spacing > .mdl-cell--10-col-phone.mdl-cell--10-col-phone { width: 100%; }
._R .mdl-cell--11-col, ._R .mdl-cell--11-col-phone.mdl-cell--11-col-phone { width: 84%; }
._R .mdl-grid--no-spacing > .mdl-cell--11-col, ._R .mdl-grid--no-spacing > .mdl-cell--11-col-phone.mdl-cell--11-col-phone { width: 100%; }
._R .mdl-cell--12-col, ._R .mdl-cell--12-col-phone.mdl-cell--12-col-phone { width: 84%; }
._R .mdl-grid--no-spacing > .mdl-cell--12-col, ._R .mdl-grid--no-spacing > .mdl-cell--12-col-phone.mdl-cell--12-col-phone { width: 100%; }
._R .mdl-cell--1-offset, ._R .mdl-cell--1-offset-phone.mdl-cell--1-offset-phone { margin-left: 33%; }
._R .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset, ._R .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset-phone.mdl-cell--1-offset-phone { margin-left: 25%; }
._R .mdl-cell--2-offset, ._R .mdl-cell--2-offset-phone.mdl-cell--2-offset-phone { margin-left: 58%; }
._R .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset, ._R .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset-phone.mdl-cell--2-offset-phone { margin-left: 50%; }
._R .mdl-cell--3-offset, ._R .mdl-cell--3-offset-phone.mdl-cell--3-offset-phone { margin-left: 83%; }
._R .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset, ._R .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset-phone.mdl-cell--3-offset-phone { margin-left: 75%; }
}
@media (min-width: 480px) and (max-width: 839px) {
._R .mdl-grid { padding: 8px; }
._R .mdl-cell { margin: 8px; width: 34%; }
._R .mdl-grid--no-spacing > .mdl-cell { width: 50%; }
._R .mdl-cell--hide-tablet { display: none !important; }
._R .mdl-cell--order-1-tablet.mdl-cell--order-1-tablet { order: 1; }
._R .mdl-cell--order-2-tablet.mdl-cell--order-2-tablet { order: 2; }
._R .mdl-cell--order-3-tablet.mdl-cell--order-3-tablet { order: 3; }
._R .mdl-cell--order-4-tablet.mdl-cell--order-4-tablet { order: 4; }
._R .mdl-cell--order-5-tablet.mdl-cell--order-5-tablet { order: 5; }
._R .mdl-cell--order-6-tablet.mdl-cell--order-6-tablet { order: 6; }
._R .mdl-cell--order-7-tablet.mdl-cell--order-7-tablet { order: 7; }
._R .mdl-cell--order-8-tablet.mdl-cell--order-8-tablet { order: 8; }
._R .mdl-cell--order-9-tablet.mdl-cell--order-9-tablet { order: 9; }
._R .mdl-cell--order-10-tablet.mdl-cell--order-10-tablet { order: 10; }
._R .mdl-cell--order-11-tablet.mdl-cell--order-11-tablet { order: 11; }
._R .mdl-cell--order-12-tablet.mdl-cell--order-12-tablet { order: 12; }
._R .mdl-cell--1-col, ._R .mdl-cell--1-col-tablet.mdl-cell--1-col-tablet { }
._R .mdl-grid--no-spacing > .mdl-cell--1-col, ._R .mdl-grid--no-spacing > .mdl-cell--1-col-tablet.mdl-cell--1-col-tablet { width: 12.5%; }
._R .mdl-cell--2-col, ._R .mdl-cell--2-col-tablet.mdl-cell--2-col-tablet { width: 9%; }
._R .mdl-grid--no-spacing > .mdl-cell--2-col, ._R .mdl-grid--no-spacing > .mdl-cell--2-col-tablet.mdl-cell--2-col-tablet { width: 25%; }
._R .mdl-cell--3-col, ._R .mdl-cell--3-col-tablet.mdl-cell--3-col-tablet { width: 21.5%; }
._R .mdl-grid--no-spacing > .mdl-cell--3-col, ._R .mdl-grid--no-spacing > .mdl-cell--3-col-tablet.mdl-cell--3-col-tablet { width: 37.5%; }
._R .mdl-cell--4-col, ._R .mdl-cell--4-col-tablet.mdl-cell--4-col-tablet { width: 34%; }
._R .mdl-grid--no-spacing > .mdl-cell--4-col, ._R .mdl-grid--no-spacing > .mdl-cell--4-col-tablet.mdl-cell--4-col-tablet { width: 50%; }
._R .mdl-cell--5-col, ._R .mdl-cell--5-col-tablet.mdl-cell--5-col-tablet { width: 46.5%; }
._R .mdl-grid--no-spacing > .mdl-cell--5-col, ._R .mdl-grid--no-spacing > .mdl-cell--5-col-tablet.mdl-cell--5-col-tablet { width: 62.5%; }
._R .mdl-cell--6-col, ._R .mdl-cell--6-col-tablet.mdl-cell--6-col-tablet { width: 59%; }
._R .mdl-grid--no-spacing > .mdl-cell--6-col, ._R .mdl-grid--no-spacing > .mdl-cell--6-col-tablet.mdl-cell--6-col-tablet { width: 75%; }
._R .mdl-cell--7-col, ._R .mdl-cell--7-col-tablet.mdl-cell--7-col-tablet { width: 71.5%; }
._R .mdl-grid--no-spacing > .mdl-cell--7-col, ._R .mdl-grid--no-spacing > .mdl-cell--7-col-tablet.mdl-cell--7-col-tablet { width: 87.5%; }
._R .mdl-cell--8-col, ._R .mdl-cell--8-col-tablet.mdl-cell--8-col-tablet { width: 84%; }
._R .mdl-grid--no-spacing > .mdl-cell--8-col, ._R .mdl-grid--no-spacing > .mdl-cell--8-col-tablet.mdl-cell--8-col-tablet { width: 100%; }
._R .mdl-cell--9-col, ._R .mdl-cell--9-col-tablet.mdl-cell--9-col-tablet { width: 84%; }
._R .mdl-grid--no-spacing > .mdl-cell--9-col, ._R .mdl-grid--no-spacing > .mdl-cell--9-col-tablet.mdl-cell--9-col-tablet { width: 100%; }
._R .mdl-cell--10-col, ._R .mdl-cell--10-col-tablet.mdl-cell--10-col-tablet { width: 84%; }
._R .mdl-grid--no-spacing > .mdl-cell--10-col, ._R .mdl-grid--no-spacing > .mdl-cell--10-col-tablet.mdl-cell--10-col-tablet { width: 100%; }
._R .mdl-cell--11-col, ._R .mdl-cell--11-col-tablet.mdl-cell--11-col-tablet { width: 84%; }
._R .mdl-grid--no-spacing > .mdl-cell--11-col, ._R .mdl-grid--no-spacing > .mdl-cell--11-col-tablet.mdl-cell--11-col-tablet { width: 100%; }
._R .mdl-cell--12-col, ._R .mdl-cell--12-col-tablet.mdl-cell--12-col-tablet { width: 84%; }
._R .mdl-grid--no-spacing > .mdl-cell--12-col, ._R .mdl-grid--no-spacing > .mdl-cell--12-col-tablet.mdl-cell--12-col-tablet { width: 100%; }
._R .mdl-cell--1-offset, ._R .mdl-cell--1-offset-tablet.mdl-cell--1-offset-tablet { margin-left: 20.5%; }
._R .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset, ._R .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset-tablet.mdl-cell--1-offset-tablet { margin-left: 12.5%; }
._R .mdl-cell--2-offset, ._R .mdl-cell--2-offset-tablet.mdl-cell--2-offset-tablet { margin-left: 33%; }
._R .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset, ._R .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset-tablet.mdl-cell--2-offset-tablet { margin-left: 25%; }
._R .mdl-cell--3-offset, ._R .mdl-cell--3-offset-tablet.mdl-cell--3-offset-tablet { margin-left: 45.5%; }
._R .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset, ._R .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset-tablet.mdl-cell--3-offset-tablet { margin-left: 37.5%; }
._R .mdl-cell--4-offset, ._R .mdl-cell--4-offset-tablet.mdl-cell--4-offset-tablet { margin-left: 58%; }
._R .mdl-grid.mdl-grid--no-spacing > .mdl-cell--4-offset, ._R .mdl-grid.mdl-grid--no-spacing > .mdl-cell--4-offset-tablet.mdl-cell--4-offset-tablet { margin-left: 50%; }
._R .mdl-cell--5-offset, ._R .mdl-cell--5-offset-tablet.mdl-cell--5-offset-tablet { margin-left: 70.5%; }
._R .mdl-grid.mdl-grid--no-spacing > .mdl-cell--5-offset, ._R .mdl-grid.mdl-grid--no-spacing > .mdl-cell--5-offset-tablet.mdl-cell--5-offset-tablet { margin-left: 62.5%; }
._R .mdl-cell--6-offset, ._R .mdl-cell--6-offset-tablet.mdl-cell--6-offset-tablet { margin-left: 83%; }
._R .mdl-grid.mdl-grid--no-spacing > .mdl-cell--6-offset, ._R .mdl-grid.mdl-grid--no-spacing > .mdl-cell--6-offset-tablet.mdl-cell--6-offset-tablet { margin-left: 75%; }
._R .mdl-cell--7-offset, ._R .mdl-cell--7-offset-tablet.mdl-cell--7-offset-tablet { margin-left: 95.5%; }
._R .mdl-grid.mdl-grid--no-spacing > .mdl-cell--7-offset, ._R .mdl-grid.mdl-grid--no-spacing > .mdl-cell--7-offset-tablet.mdl-cell--7-offset-tablet { margin-left: 87.5%; }
}
@media (min-width: 840px) {
._R .mdl-grid { padding: 8px; }
._R .mdl-cell { margin: 8px; width: 17.3333%; }
._R .mdl-grid--no-spacing > .mdl-cell { width: 33.3333%; }
._R .mdl-cell--hide-desktop { display: none !important; }
._R .mdl-cell--order-1-desktop.mdl-cell--order-1-desktop { order: 1; }
._R .mdl-cell--order-2-desktop.mdl-cell--order-2-desktop { order: 2; }
._R .mdl-cell--order-3-desktop.mdl-cell--order-3-desktop { order: 3; }
._R .mdl-cell--order-4-desktop.mdl-cell--order-4-desktop { order: 4; }
._R .mdl-cell--order-5-desktop.mdl-cell--order-5-desktop { order: 5; }
._R .mdl-cell--order-6-desktop.mdl-cell--order-6-desktop { order: 6; }
._R .mdl-cell--order-7-desktop.mdl-cell--order-7-desktop { order: 7; }
._R .mdl-cell--order-8-desktop.mdl-cell--order-8-desktop { order: 8; }
._R .mdl-cell--order-9-desktop.mdl-cell--order-9-desktop { order: 9; }
._R .mdl-cell--order-10-desktop.mdl-cell--order-10-desktop { order: 10; }
._R .mdl-cell--order-11-desktop.mdl-cell--order-11-desktop { order: 11; }
._R .mdl-cell--order-12-desktop.mdl-cell--order-12-desktop { order: 12; }
._R .mdl-cell--1-col, ._R .mdl-cell--1-col-desktop.mdl-cell--1-col-desktop { }
._R .mdl-grid--no-spacing > .mdl-cell--1-col, ._R .mdl-grid--no-spacing > .mdl-cell--1-col-desktop.mdl-cell--1-col-desktop { width: 8.33333%; }
._R .mdl-cell--2-col, ._R .mdl-cell--2-col-desktop.mdl-cell--2-col-desktop { }
._R .mdl-grid--no-spacing > .mdl-cell--2-col, ._R .mdl-grid--no-spacing > .mdl-cell--2-col-desktop.mdl-cell--2-col-desktop { width: 16.6667%; }
._R .mdl-cell--3-col, ._R .mdl-cell--3-col-desktop.mdl-cell--3-col-desktop { width: 9%; }
._R .mdl-grid--no-spacing > .mdl-cell--3-col, ._R .mdl-grid--no-spacing > .mdl-cell--3-col-desktop.mdl-cell--3-col-desktop { width: 25%; }
._R .mdl-cell--4-col, ._R .mdl-cell--4-col-desktop.mdl-cell--4-col-desktop { width: 17.3333%; }
._R .mdl-grid--no-spacing > .mdl-cell--4-col, ._R .mdl-grid--no-spacing > .mdl-cell--4-col-desktop.mdl-cell--4-col-desktop { width: 33.3333%; }
._R .mdl-cell--5-col, ._R .mdl-cell--5-col-desktop.mdl-cell--5-col-desktop { width: 25.6667%; }
._R .mdl-grid--no-spacing > .mdl-cell--5-col, ._R .mdl-grid--no-spacing > .mdl-cell--5-col-desktop.mdl-cell--5-col-desktop { width: 41.6667%; }
._R .mdl-cell--6-col, ._R .mdl-cell--6-col-desktop.mdl-cell--6-col-desktop { width: 34%; }
._R .mdl-grid--no-spacing > .mdl-cell--6-col, ._R .mdl-grid--no-spacing > .mdl-cell--6-col-desktop.mdl-cell--6-col-desktop { width: 50%; }
._R .mdl-cell--7-col, ._R .mdl-cell--7-col-desktop.mdl-cell--7-col-desktop { width: 42.3333%; }
._R .mdl-grid--no-spacing > .mdl-cell--7-col, ._R .mdl-grid--no-spacing > .mdl-cell--7-col-desktop.mdl-cell--7-col-desktop { width: 58.3333%; }
._R .mdl-cell--8-col, ._R .mdl-cell--8-col-desktop.mdl-cell--8-col-desktop { width: 50.6667%; }
._R .mdl-grid--no-spacing > .mdl-cell--8-col, ._R .mdl-grid--no-spacing > .mdl-cell--8-col-desktop.mdl-cell--8-col-desktop { width: 66.6667%; }
._R .mdl-cell--9-col, ._R .mdl-cell--9-col-desktop.mdl-cell--9-col-desktop { width: 59%; }
._R .mdl-grid--no-spacing > .mdl-cell--9-col, ._R .mdl-grid--no-spacing > .mdl-cell--9-col-desktop.mdl-cell--9-col-desktop { width: 75%; }
._R .mdl-cell--10-col, ._R .mdl-cell--10-col-desktop.mdl-cell--10-col-desktop { width: 67.3333%; }
._R .mdl-grid--no-spacing > .mdl-cell--10-col, ._R .mdl-grid--no-spacing > .mdl-cell--10-col-desktop.mdl-cell--10-col-desktop { width: 83.3333%; }
._R .mdl-cell--11-col, ._R .mdl-cell--11-col-desktop.mdl-cell--11-col-desktop { width: 75.6667%; }
._R .mdl-grid--no-spacing > .mdl-cell--11-col, ._R .mdl-grid--no-spacing > .mdl-cell--11-col-desktop.mdl-cell--11-col-desktop { width: 91.6667%; }
._R .mdl-cell--12-col, ._R .mdl-cell--12-col-desktop.mdl-cell--12-col-desktop { width: 84%; }
._R .mdl-grid--no-spacing > .mdl-cell--12-col, ._R .mdl-grid--no-spacing > .mdl-cell--12-col-desktop.mdl-cell--12-col-desktop { width: 100%; }
._R .mdl-cell--1-offset, ._R .mdl-cell--1-offset-desktop.mdl-cell--1-offset-desktop { margin-left: 16.3333%; }
._R .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset, ._R .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset-desktop.mdl-cell--1-offset-desktop { margin-left: 8.33333%; }
._R .mdl-cell--2-offset, ._R .mdl-cell--2-offset-desktop.mdl-cell--2-offset-desktop { margin-left: 24.6667%; }
._R .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset, ._R .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset-desktop.mdl-cell--2-offset-desktop { margin-left: 16.6667%; }
._R .mdl-cell--3-offset, ._R .mdl-cell--3-offset-desktop.mdl-cell--3-offset-desktop { margin-left: 33%; }
._R .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset, ._R .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset-desktop.mdl-cell--3-offset-desktop { margin-left: 25%; }
._R .mdl-cell--4-offset, ._R .mdl-cell--4-offset-desktop.mdl-cell--4-offset-desktop { margin-left: 41.3333%; }
._R .mdl-grid.mdl-grid--no-spacing > .mdl-cell--4-offset, ._R .mdl-grid.mdl-grid--no-spacing > .mdl-cell--4-offset-desktop.mdl-cell--4-offset-desktop { margin-left: 33.3333%; }
._R .mdl-cell--5-offset, ._R .mdl-cell--5-offset-desktop.mdl-cell--5-offset-desktop { margin-left: 49.6667%; }
._R .mdl-grid.mdl-grid--no-spacing > .mdl-cell--5-offset, ._R .mdl-grid.mdl-grid--no-spacing > .mdl-cell--5-offset-desktop.mdl-cell--5-offset-desktop { margin-left: 41.6667%; }
._R .mdl-cell--6-offset, ._R .mdl-cell--6-offset-desktop.mdl-cell--6-offset-desktop { margin-left: 58%; }
._R .mdl-grid.mdl-grid--no-spacing > .mdl-cell--6-offset, ._R .mdl-grid.mdl-grid--no-spacing > .mdl-cell--6-offset-desktop.mdl-cell--6-offset-desktop { margin-left: 50%; }
._R .mdl-cell--7-offset, ._R .mdl-cell--7-offset-desktop.mdl-cell--7-offset-desktop { margin-left: 66.3333%; }
._R .mdl-grid.mdl-grid--no-spacing > .mdl-cell--7-offset, ._R .mdl-grid.mdl-grid--no-spacing > .mdl-cell--7-offset-desktop.mdl-cell--7-offset-desktop { margin-left: 58.3333%; }
._R .mdl-cell--8-offset, ._R .mdl-cell--8-offset-desktop.mdl-cell--8-offset-desktop { margin-left: 74.6667%; }
._R .mdl-grid.mdl-grid--no-spacing > .mdl-cell--8-offset, ._R .mdl-grid.mdl-grid--no-spacing > .mdl-cell--8-offset-desktop.mdl-cell--8-offset-desktop { margin-left: 66.6667%; }
._R .mdl-cell--9-offset, ._R .mdl-cell--9-offset-desktop.mdl-cell--9-offset-desktop { margin-left: 83%; }
._R .mdl-grid.mdl-grid--no-spacing > .mdl-cell--9-offset, ._R .mdl-grid.mdl-grid--no-spacing > .mdl-cell--9-offset-desktop.mdl-cell--9-offset-desktop { margin-left: 75%; }
._R .mdl-cell--10-offset, ._R .mdl-cell--10-offset-desktop.mdl-cell--10-offset-desktop { margin-left: 91.3333%; }
._R .mdl-grid.mdl-grid--no-spacing > .mdl-cell--10-offset, ._R .mdl-grid.mdl-grid--no-spacing > .mdl-cell--10-offset-desktop.mdl-cell--10-offset-desktop { margin-left: 83.3333%; }
._R .mdl-cell--11-offset, ._R .mdl-cell--11-offset-desktop.mdl-cell--11-offset-desktop { margin-left: 99.6667%; }
._R .mdl-grid.mdl-grid--no-spacing > .mdl-cell--11-offset, ._R .mdl-grid.mdl-grid--no-spacing > .mdl-cell--11-offset-desktop.mdl-cell--11-offset-desktop { margin-left: 91.6667%; }
}
@font-face {
font-family: "Roboto"; font-style: normal; src: url('fonts/2f5a6074-badc-4e08-83f1-ed67fe5c3d7c_001.eot') format("eot"), url('fonts/b9ebb19d-88c1-4cbd-9baf-cf51972422ec_001.woff') format("woff"), url('fonts/5ed4f98e-9044-4810-88ff-74d412c1351f_001.ttf') format("truetype"), url('fonts/4cb16859-16ca-4342-b89c-292dc83266af_001.svg') format("svg");}
@media only screen and (max-width: 767px) {
._R .mdl-textfield { max-width: 100%; width: 100%; }
}
._R .mdl-button.mdl-button--raised:not(.force--raised) { box-shadow: none; }
._R .mdl-button--raised, ._R .mdl-button--raised:active, ._R .mdl-button--raised:focus, ._R .mdl-button--raised:focus:not(:active) { background-color: rgb(127, 127, 129); box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3); }
._R .mdl-button--raised.disabled, ._R .mdl-button--raised.disabled:focus, ._R .mdl-button--raised.disabled:focus:not(:active), ._R .mdl-button--raised.disabled:hover, ._R .mdl-button--raised.disabledStyle, ._R .mdl-button--raised.disabledStyle:focus, ._R .mdl-button--raised.disabledStyle:focus:not(:active), ._R .mdl-button--raised.disabledStyle:hover { background-color: rgb(216, 216, 218); color: rgb(255, 255, 255); box-shadow: none; }
._R .mdl-button--raised.green, ._R .mdl-button--raised.green:active, ._R .mdl-button--raised.green:focus, ._R .mdl-button--raised.green:focus:not(:active), ._R .mdl-button--raised.mdl-button--colored, ._R .mdl-button--raised.mdl-button--colored:active, ._R .mdl-button--raised.mdl-button--colored:focus, ._R .mdl-button--raised.mdl-button--colored:focus:not(:active) { background-color: rgb(19, 189, 83); }
._R .mdl-button--raised.blue, ._R .mdl-button--raised.blue:active, ._R .mdl-button--raised.blue:focus, ._R .mdl-button--raised.blue:focus:not(:active) { background-color: rgb(0, 121, 214); }
._R .mdl-button--raised.white:active, ._R .mdl-button--raised.white:focus, ._R .mdl-button--raised.white:focus:not(:active) { background-color: rgb(255, 255, 255); }
._R .mdl-button--raised.orange, ._R .mdl-button--raised.orange:active, ._R .mdl-button--raised.orange:focus, ._R .mdl-button--raised.orange:focus:not(:active), ._R .mdl-button--raised.warning, ._R .mdl-button--raised.warning:active, ._R .mdl-button--raised.warning:focus, ._R .mdl-button--raised.warning:focus:not(:active) { background-color: rgb(244, 67, 54); }
._R div, ._R input, ._R p, ._R span { font-family: Avenir; }
._R .mdl-tooltip { background-color: rgb(255, 255, 255); color: rgb(99, 100, 102); box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.11); text-align: left; max-width: 200px; }
@media only screen and (max-width: 767px) {
._R .fullWidthXs { width: 100%; }
}
@media only screen and (max-width: 1023px) {
._R .fullWidthSm { width: 100%; }
}
._R .miniCart .outerWrapper { overflow: visible; }
._R .miniCart .innerWrapper { position: relative; }
._R .miniCart .collapsed { display: inline-block; }
._R .miniCart .collapsed .icon { width: 2em; height: 2em; }
@media only screen and (min-width: 1024px) {
._R .miniCart .collapsed .cartActive { top: 0.15em; }
}
@media only screen and (max-width: 1023px) {
._R .miniCart .collapsed .cartActive.close { background-image: url('img/cart_active_close.svg'); }
}
@media only screen and (min-width: 1024px) {
._R .miniCart .expandedWrapper { position: absolute; top: 2.2em; right: 0.25em; }
}
@media only screen and (max-width: 1023px) {
._R .miniCart .expanded { margin-top: 2em; margin-bottom: 1em; }
}
@media only screen and (min-width: 1024px) {
._R .miniCart .expanded { padding: 1.2em 2em 0.7em; position: absolute; top: 1.3em; right: -0.6em; max-width: 530px; min-width: 530px; width: 100%; background-color: rgb(255, 255, 255); border-radius: 0.3571em; box-shadow: 0px 0px 1.2em rgba(0, 0, 0, 0.13); z-index: 100; }
._R .miniCart .expanded::before { content: ""; display: block; position: absolute; right: 1.2em; top: -0.6em; width: 0px; height: 0px; border-left: 0.65em solid transparent; border-right: 0.65em solid transparent; border-bottom: 0.65em solid rgb(255, 255, 255); }
}
@media only screen and (max-width: 1023px) {
._R .miniCart .expanded .summaryItem .lower .amount { margin-top: 0.6em; }
}
@media only screen and (min-width: 1024px) {
._R .miniCart .expanded .actions { margin-bottom: 1em; }
._R .miniCart .expanded .actions .goToShoppingCart { margin-right: 1.3em; }
}
@media only screen and (max-width: 1023px) {
._R .miniCart .expanded .actions a { display: block; width: 100%; }
._R .miniCart .expanded .actions a button { width: 100%; }
._R .miniCart .expanded .actions a:first-child { margin-bottom: 0.5em; }
}
/* ::::: blob:https://www.tado.com/2437b4fe-5208-42f8-b646-c0ed6844dd7a ::::: */
._R img { border: 0px none; max-width: 100%; height: auto; vertical-align: middle; }
._R *::-moz-focus-inner { border: 0px none; padding: 0px; }
/* ::::: blob:https://www.tado.com/973800d0-5c1d-4df2-ba2b-e3bc8d0d6e89 ::::: */
@media only screen and (min-width: 0px) {
._R .start-xs { text-align: left; }
._R .end-xs { text-align: right; }
}
@media only screen and (min-width: 48em) {
._R .start-sm { text-align: left; }
._R .end-sm { text-align: right; }
}
@media only screen and (min-width: 64em) {
._R .start-md { text-align: left; }
._R .end-md { text-align: right; }
}
@media only screen and (min-width: 75em) {
._R .start-lg { text-align: left; }
._R .end-lg { text-align: right; }
}
/* ::::: blob:https://www.tado.com/d0c9144e-d423-43c0-a3fc-b94b586735a7 ::::: */
._R .row { box-sizing: border-box; display: flex; flex: 0 1 auto; flex-flow: row wrap; margin-right: -0.5rem; margin-left: -0.5rem; }
._R .col-xs, ._R .col-xs-1, ._R .col-xs-2, ._R .col-xs-3, ._R .col-xs-4, ._R .col-xs-5, ._R .col-xs-6, ._R .col-xs-7, ._R .col-xs-8, ._R .col-xs-9, ._R .col-xs-10, ._R .col-xs-11, ._R .col-xs-12, ._R .col-xs-offset-1, ._R .col-xs-offset-2, ._R .col-xs-offset-3, ._R .col-xs-offset-4, ._R .col-xs-offset-5, ._R .col-xs-offset-6, ._R .col-xs-offset-7, ._R .col-xs-offset-8, ._R .col-xs-offset-9, ._R .col-xs-offset-10, ._R .col-xs-offset-11, ._R .col-xs-offset-12 { box-sizing: border-box; flex: 0 0 auto; padding-right: 0.5rem; padding-left: 0.5rem; }
._R .col-xs-12 { flex-basis: 100%; max-width: 100%; }
._R .end-xs { justify-content: flex-end; text-align: end; }
@media only screen and (min-width: 48em) {
._R .container { width: 49rem; }
._R .col-sm, ._R .col-sm-1, ._R .col-sm-2, ._R .col-sm-3, ._R .col-sm-4, ._R .col-sm-5, ._R .col-sm-6, ._R .col-sm-7, ._R .col-sm-8, ._R .col-sm-9, ._R .col-sm-10, ._R .col-sm-11, ._R .col-sm-12, ._R .col-sm-offset-1, ._R .col-sm-offset-2, ._R .col-sm-offset-3, ._R .col-sm-offset-4, ._R .col-sm-offset-5, ._R .col-sm-offset-6, ._R .col-sm-offset-7, ._R .col-sm-offset-8, ._R .col-sm-offset-9, ._R .col-sm-offset-10, ._R .col-sm-offset-11, ._R .col-sm-offset-12 { box-sizing: border-box; flex: 0 0 auto; padding-right: 0.5rem; padding-left: 0.5rem; }
._R .col-sm { flex-grow: 1; flex-basis: 0px; max-width: 100%; }
._R .col-sm-1 { flex-basis: 8.333%; max-width: 8.333%; }
._R .col-sm-2 { flex-basis: 16.667%; max-width: 16.667%; }
._R .col-sm-3 { flex-basis: 25%; max-width: 25%; }
._R .col-sm-4 { flex-basis: 33.333%; max-width: 33.333%; }
._R .col-sm-5 { flex-basis: 41.667%; max-width: 41.667%; }
._R .col-sm-6 { flex-basis: 50%; max-width: 50%; }
._R .col-sm-7 { flex-basis: 58.333%; max-width: 58.333%; }
._R .col-sm-8 { flex-basis: 66.667%; max-width: 66.667%; }
._R .col-sm-9 { flex-basis: 75%; max-width: 75%; }
._R .col-sm-10 { flex-basis: 83.333%; max-width: 83.333%; }
._R .col-sm-11 { flex-basis: 91.667%; max-width: 91.667%; }
._R .col-sm-12 { flex-basis: 100%; max-width: 100%; }
._R .col-sm-offset-1 { margin-left: 8.333%; }
._R .col-sm-offset-2 { margin-left: 16.667%; }
._R .col-sm-offset-3 { margin-left: 25%; }
._R .col-sm-offset-4 { margin-left: 33.333%; }
._R .col-sm-offset-5 { margin-left: 41.667%; }
._R .col-sm-offset-6 { margin-left: 50%; }
._R .col-sm-offset-7 { margin-left: 58.333%; }
._R .col-sm-offset-8 { margin-left: 66.667%; }
._R .col-sm-offset-9 { margin-left: 75%; }
._R .col-sm-offset-10 { margin-left: 83.333%; }
._R .col-sm-offset-11 { margin-left: 91.667%; }
._R .start-sm { justify-content: flex-start; text-align: start; }
._R .center-sm { justify-content: center; text-align: center; }
._R .end-sm { justify-content: flex-end; text-align: end; }
._R .top-sm { align-items: flex-start; }
._R .middle-sm { align-items: center; }
._R .bottom-sm { align-items: flex-end; }
._R .around-sm { justify-content: space-around; }
._R .between-sm { justify-content: space-between; }
._R .first-sm { order: -1; }
._R .last-sm { order: 1; }
}
@media only screen and (min-width: 64em) {
._R .container { width: 65rem; }
._R .col-md, ._R .col-md-1, ._R .col-md-2, ._R .col-md-3, ._R .col-md-4, ._R .col-md-5, ._R .col-md-6, ._R .col-md-7, ._R .col-md-8, ._R .col-md-9, ._R .col-md-10, ._R .col-md-11, ._R .col-md-12, ._R .col-md-offset-1, ._R .col-md-offset-2, ._R .col-md-offset-3, ._R .col-md-offset-4, ._R .col-md-offset-5, ._R .col-md-offset-6, ._R .col-md-offset-7, ._R .col-md-offset-8, ._R .col-md-offset-9, ._R .col-md-offset-10, ._R .col-md-offset-11, ._R .col-md-offset-12 { box-sizing: border-box; flex: 0 0 auto; padding-right: 0.5rem; padding-left: 0.5rem; }
._R .col-md { flex-grow: 1; flex-basis: 0px; max-width: 100%; }
._R .col-md-1 { flex-basis: 8.333%; max-width: 8.333%; }
._R .col-md-2 { flex-basis: 16.667%; max-width: 16.667%; }
._R .col-md-3 { flex-basis: 25%; max-width: 25%; }
._R .col-md-4 { flex-basis: 33.333%; max-width: 33.333%; }
._R .col-md-5 { flex-basis: 41.667%; max-width: 41.667%; }
._R .col-md-6 { flex-basis: 50%; max-width: 50%; }
._R .col-md-7 { flex-basis: 58.333%; max-width: 58.333%; }
._R .col-md-8 { flex-basis: 66.667%; max-width: 66.667%; }
._R .col-md-9 { flex-basis: 75%; max-width: 75%; }
._R .col-md-10 { flex-basis: 83.333%; max-width: 83.333%; }
._R .col-md-11 { flex-basis: 91.667%; max-width: 91.667%; }
._R .col-md-12 { flex-basis: 100%; max-width: 100%; }
._R .col-md-offset-1 { margin-left: 8.333%; }
._R .col-md-offset-2 { margin-left: 16.667%; }
._R .col-md-offset-3 { margin-left: 25%; }
._R .col-md-offset-4 { margin-left: 33.333%; }
._R .col-md-offset-5 { margin-left: 41.667%; }
._R .col-md-offset-6 { margin-left: 50%; }
._R .col-md-offset-7 { margin-left: 58.333%; }
._R .col-md-offset-8 { margin-left: 66.667%; }
._R .col-md-offset-9 { margin-left: 75%; }
._R .col-md-offset-10 { margin-left: 83.333%; }
._R .col-md-offset-11 { margin-left: 91.667%; }
._R .start-md { justify-content: flex-start; text-align: start; }
._R .center-md { justify-content: center; text-align: center; }
._R .end-md { justify-content: flex-end; text-align: end; }
._R .top-md { align-items: flex-start; }
._R .middle-md { align-items: center; }
._R .bottom-md { align-items: flex-end; }
._R .around-md { justify-content: space-around; }
._R .between-md { justify-content: space-between; }
._R .first-md { order: -1; }
._R .last-md { order: 1; }
}
@media only screen and (min-width: 75em) {
._R .container { width: 76rem; }
._R .col-lg, ._R .col-lg-1, ._R .col-lg-2, ._R .col-lg-3, ._R .col-lg-4, ._R .col-lg-5, ._R .col-lg-6, ._R .col-lg-7, ._R .col-lg-8, ._R .col-lg-9, ._R .col-lg-10, ._R .col-lg-11, ._R .col-lg-12, ._R .col-lg-offset-1, ._R .col-lg-offset-2, ._R .col-lg-offset-3, ._R .col-lg-offset-4, ._R .col-lg-offset-5, ._R .col-lg-offset-6, ._R .col-lg-offset-7, ._R .col-lg-offset-8, ._R .col-lg-offset-9, ._R .col-lg-offset-10, ._R .col-lg-offset-11, ._R .col-lg-offset-12 { box-sizing: border-box; flex: 0 0 auto; padding-right: 0.5rem; padding-left: 0.5rem; }
._R .col-lg { flex-grow: 1; flex-basis: 0px; max-width: 100%; }
._R .col-lg-1 { flex-basis: 8.333%; max-width: 8.333%; }
._R .col-lg-2 { flex-basis: 16.667%; max-width: 16.667%; }
._R .col-lg-3 { flex-basis: 25%; max-width: 25%; }
._R .col-lg-4 { flex-basis: 33.333%; max-width: 33.333%; }
._R .col-lg-5 { flex-basis: 41.667%; max-width: 41.667%; }
._R .col-lg-6 { flex-basis: 50%; max-width: 50%; }
._R .col-lg-7 { flex-basis: 58.333%; max-width: 58.333%; }
._R .col-lg-8 { flex-basis: 66.667%; max-width: 66.667%; }
._R .col-lg-9 { flex-basis: 75%; max-width: 75%; }
._R .col-lg-10 { flex-basis: 83.333%; max-width: 83.333%; }
._R .col-lg-11 { flex-basis: 91.667%; max-width: 91.667%; }
._R .col-lg-12 { flex-basis: 100%; max-width: 100%; }
._R .col-lg-offset-1 { margin-left: 8.333%; }
._R .col-lg-offset-2 { margin-left: 16.667%; }
._R .col-lg-offset-3 { margin-left: 25%; }
._R .col-lg-offset-4 { margin-left: 33.333%; }
._R .col-lg-offset-5 { margin-left: 41.667%; }
._R .col-lg-offset-6 { margin-left: 50%; }
._R .col-lg-offset-7 { margin-left: 58.333%; }
._R .col-lg-offset-8 { margin-left: 66.667%; }
._R .col-lg-offset-9 { margin-left: 75%; }
._R .col-lg-offset-10 { margin-left: 83.333%; }
._R .col-lg-offset-11 { margin-left: 91.667%; }
._R .start-lg { justify-content: flex-start; text-align: start; }
._R .center-lg { justify-content: center; text-align: center; }
._R .end-lg { justify-content: flex-end; text-align: end; }
._R .top-lg { align-items: flex-start; }
._R .middle-lg { align-items: center; }
._R .bottom-lg { align-items: flex-end; }
._R .around-lg { justify-content: space-around; }
._R .between-lg { justify-content: space-between; }
._R .first-lg { order: -1; }
._R .last-lg { order: 1; }
}
/* ::::: blob:https://www.tado.com/7a70c611-2866-4a2e-adef-0cc5d5f3f053 ::::: */
.bg1 { background-color:#ededed }
.pad1 { margin-right:10px }
.fleft { float:left }
.fright { float:right }
._R form.flat:-moz-placeholder, ._R form.flat::-moz-placeholder { color: rgb(199, 199, 201); }
._R .outerWrapper { overflow: hidden; margin-left: auto; margin-right: auto; }
@media only screen and (min-width: 1400px) {
._R .outerWrapper { max-width: 1260px; }
}
@media only screen and (min-width: 1024px) and (max-width: 1399px) {
._R .outerWrapper { max-width: 1000px; }
}
._R .innerWrapper { max-width: 1000px; margin: 0px auto; }
@media only screen and (max-width: 1023px) {
._R .centerMobile { text-align: center; }
}
@media (max-width: 767px) {
._R .hidden-xs, ._R td.hidden-xs, ._R th.hidden-xs, ._R tr.hidden-xs { display: none !important; }
.fleft,.fright { float:none }
}
@media (min-width: 768px) and (max-width: 1023px) {
._R .hidden-sm, ._R td.hidden-sm, ._R th.hidden-sm, ._R tr.hidden-sm { display: none !important; }
}
@media (min-width: 1024px) and (max-width: 1199px) {
._R .hidden-md, ._R td.hidden-md, ._R th.hidden-md, ._R tr.hidden-md { display: none !important; }
}
@media (min-width: 1200px) {
._R .hidden-lg, ._R td.hidden-lg, ._R th.hidden-lg, ._R tr.hidden-lg { display: none !important; }
}
/* ::::: http://www.aguaygas.com.ar/forms.css ::::: */
#contacto form { padding: 0 15%; }
#contacto label { display: inline-block; margin: 10px; width:100%; font-size:16px }
#contacto input { margin: 0px 0px 0px 10px; padding: 6px 3px; border: 1px solid rgb(221, 221, 221); width: 70%; font: 13px Arial,Helvetica,sans-serif; color: rgb(102, 102, 102); float:right }
#contacto textarea { margin: 0px 0px 0px 10px; padding: 3px 5px; border: 1px solid rgb(221, 221, 221); width: 70%; vertical-align: middle; font: 13px Arial,Helvetica,sans-serif; color: rgb(102, 102, 102); float:right }
#contacto .botones { width: 100px; float:none; background-color: rgb(46, 134, 177); color: rgb(255, 255, 255); cursor:pointer; margin:0 50%; padding:12px 18px; text-transform:uppercase; border:0px none; font-size:16px; font-weight:500 }
#contacto .botones:hover { background-color:#0066CC; box-shadow:0px 6px 8px #ccc }
.contactext { margin: 10px 15px 15px 20px; line-height: 18px; }
.firebugResetStyles { z-index: 2147483646 !important; top: 0px !important; left: 0px !important; display: block !important; border: 0px none !important; margin: 0px !important; padding: 0px !important; outline: 0px none !important; min-width: 0px !important; max-width: none !important; min-height: 0px !important; max-height: none !important; position: fixed !important; transform: rotate(0deg) !important; transform-origin: 50% 50% 0px !important; border-radius: 0px !important; box-shadow: none !important; background: transparent none repeat scroll 0% 0% !important; pointer-events: none !important; white-space: normal !important; }
style.firebugResetStyles { display: none !important; }
.firebugResetStyles::before, .firebugResetStyles::after { content: "" !important; }
.reset { clear: both; margin: 0px; padding: 0px; }
.example-image-link:hover { opacity:0.5; transition:0.5s all ease }
.but1 { margin-top:30px; margin-bottom:30px }
.but2 { margin-top:30px; margin-bottom:30px; margin-left:10px }
.thumbWrap { margin-bottom:30px }
.blogMZ1 .separator, #contacto .separator { background-color: rgb(250, 185, 7); height: 2px; margin-bottom:30px }
.blogMZ1 .thumbWrap .caption { font-size: 14px; margin-bottom:15px }
.blogMZ1 .thumbs { margin-bottom: 1em; max-width: 350px; width: 100%; }
.caption > a { color:#333 }
.col-xs-12.col-md-right-1 > h3 { margin-top:5px }
.listado > h2, .listado > h2 a { font-size:16px; border-bottom:1px solid #ccc; padding-bottom:15px; margin-bottom:25px; margin-top:10px; color:rgb(88, 89, 91); line-height:normal }
.listado > h2 a::before { color: #000; content: ""; font-family: "tadoicons"; font-size: 16px; position: relative; transform: translateY(-50%); }
.listado > li { padding-bottom:8px; padding-top:3px }
.banner1 { margin-top:30px; background-color:#ededed; min-height:230px; margin-bottom:30px }
.btntienda { background-color: rgb(0, 159, 227); color:#fff; text-align:center; padding:10px; display:inline-block; margin-top:10% }
.btntienda h3 { color:#fff }
#col-izq { float:left; width:25% }
#col-der { float:left; width:75% }
.wLoaderCircle { opacity: 0.85; margin: 60px auto; font-size: 10px; position: relative; text-indent: -9999em; border-width: 1.1em; border-style: solid; border-color: rgba(0, 0, 0, 0.16) rgba(0, 0, 0, 0.16) rgba(0, 0, 0, 0.16) rgb(68, 68, 68); transform: translateZ(0px); animation: 2s linear 0s normal none infinite running load8; }
.wLoaderCircle, .wLoaderCircle::after { border-radius: 50%; width: 5em; height: 5em; }
h1, .styleAsH1 { font-weight: 300; font-size: 2.714em; }
h2, .styleAsH2 { font-weight: 300; font-size: 2em; line-height: 1.286; margin-top: 1.571em; letter-spacing: 0.02em; color: rgb(88, 89, 91); margin-bottom: 0.7855em; }
h3, .styleAsH3 { color: rgb(51, 51, 51); font-weight: 700; font-size: 1.571em; margin-bottom: 1em; margin-top: 1em; }
.baPreview { min-height: 525px; overflow: hidden; background-color: rgb(246, 246, 246); margin-bottom: 1.8em; }
.baPreview .imgWrapper { overflow: hidden; background-color: rgb(255, 255, 255); }
.baPreview .imgWrapper img { width: 100%; max-width: 320px; }
.baPreview .category { font-size: 1.05em; }
.baPreview .description { overflow: hidden; font-size: 0.9em; }
.baPreview .date { font-style: italic; font-weight: 400; font-family: "Avenir LT Std"; }
.baPreview .previewTitle { font-weight: 400; line-height: 1.2em; margin-top: 0.5em; }
.baPreview .previewTitleLink { text-decoration: none; }
.baPreview .previewTeaser { margin-bottom: 1.5em; }
.baPreview .lblock { padding: 0.8em 1.3em 2.8em; box-sizing: border-box; min-height: 335px; position: relative; }
.baPreview .readMore { position: absolute; bottom: 20px; }
.baPreview .articlePreviewWrapper { max-height: 325px; min-height: 325px; overflow: hidden; }
@media only screen and (max-width: 1023px) {
.baPreview { min-height: initial; max-height: none; overflow: auto; }
.baPreview .imgWrapper { max-height: 300px; }
.baPreview .imgWrapper img { max-width: 100%; }
.baPreview .articlePreviewWrapper { overflow: auto; }
.baPreview .articlePreviewWrapper, .baPreview .lblock { min-height: initial; max-height: none; }
.baPreview .readMore { position: static; }
h2, .styleAsH2 { margin-top:3em }
}
@media only screen and (max-width: 767px) {
#col-izq { float:none; width:100% }
#col-der { float:none; width:100% }
.fleft, fright { float:none }
h2, .styleAsH2 { margin-top:2.5em }
.banner1 { margin-top:30px; padding-top:50px }
.btntienda { display:block; margin-top:0 }
.baPreview .imgWrapper { max-height: 100%; }
#contacto form { padding: 0 2%; }
article.block { overflow:visible }
#contacto label { margin:0 0 10px }
#contacto input, #contacto textarea { width:100%; float:none; margin:0 }
#contacto .botones { margin:0 }
footer .subnavigation li { font-size:13px }
.but2 { margin-left:0px }
.image_container.fleft { width:100% }
}
.whatsapp-flotante{position:fixed;right:7px;top:120px;z-index:100;}