*,*::before,*::after{box-sizing:border-box}body,h1,h2,h3,h4,p,figure,dl,dd{margin:0}ul[role="list"],ol[role="list"]{list-style:none}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.6}a:not([class]){text-decoration-skip-ink:auto}input,button,textarea,select{font:inherit}@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.5ms !important;scroll-behavior:auto !important}}

html {font-size: 16px;}

:root {
--bg-color: #ffffff;
--secondary-bgColor: #f1f1f1;
--text-color: #222;
--text-colorInv: #ffffff;
--primaryColor: #031620;
--primaryContrastColor: #019570;
--secondaryColor: #c2dad4;
--secondaryContrastColor: #ff5500;
--headerBg: rgba(255,255,255,0);
--headerBgAct: rgba(255,255,255,1);
--footerBg: #000000;
--footerColor: #ffffff;
--footerContrastColor: #ffb8a3;
--hoverColor: #4278bd;
--overlayColor: rgba(0,0,0,0.3);
--curtainColor: rgba(153,204,255,1);
}

h1, h2, h3, h4, h5, h6 {
font-size: 2rem;
font-weight: 700;
padding-bottom:0.25rem;
line-height:1.2;}

h4 {font-weight: 400;}
h6 {font-size: 1.2rem;margin: 0.75rem 0;}
.kapitelrub {text-transform:uppercase;font-size:1.2rem;}

p {padding-bottom:1rem;}

a {color: var(--secondaryContrastColor);text-decoration: none;transition: color 0.3s ease;word-break:break-word;}
a:hover {color: var(--hoverColor);}
a:active {color: var(--hoverColor);}

hr {height:1px;background:var(--hoverColor);margin: 1.5rem 0;border:0;}

img, picture {margin: 0;max-width: 100%;}

main {margin: 0;}

.site-header {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
position: fixed;
width: 100%;
z-index: 4;
left: 0;
transition: left 225ms ease;
box-shadow: none;
background-color: var(--headerBg);
}

.ghost {height:80px; width:100%;background-color:transparent;}

.titeluppe {
display:none;
font-weight: 700;
color: #e3a1c7;
font-size: 1.75rem;
padding: 0.5rem;
margin:0;
}
.desktop-nav ul {margin-bottom: 0;}

.desktop-nav li {
display: block;
float: left;
position: relative;
padding-left:1rem;
padding-bottom: 0;}

.desktop-nav a, .desktop-nav a:visited {font-size: 1.2rem;color:var(--text-colorInv);}

.desktop-nav a:hover, .desktop-nav a:active {color:var(--primaryContrastColor);}
.active .desktop-nav a {color: var(--text-color);}

.active {background-color: var(--headerBgAct);box-shadow: none;transition: 0.8s;}


.else {background-color:  var(--headerBgAct);}
.else .desktop-nav a {color: var(--text-color);}
.else .desktop-nav a:hover, .else .desktop-nav a:active {color:var(--primaryContrastColor);}
.active .desktop-nav a {color:var(--text-color);}
.active .desktop-nav a:hover, .active .desktop-nav a:active {color:var(--primaryContrastColor);}
.site-header .branding {height: 80px;}

.branding {
width:100%;
max-width:92rem;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
margin:0 auto;
padding-left:1.5rem;padding-right:1.5rem;}

@media (max-width: 640px){
.site-header {
position: fixed;
flex-direction: column;

}}

#home-slide-bg {
display:flex;
flex-direction: column;
justify-content: center;
height:800px; 
}


.h_overlay {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
position:absolute;
height: 100%;
width: 100%;
max-height: 800px;
background: var(--overlayColor);}

.bildtext {
z-index:4;
overflow: auto;
width: 100%;
max-width: 92rem;
padding:0 1.5rem;
}

.bt-1 {
display:flex;
flex-direction: column;
align-items: center;
text-align:center;
max-width:50%;
margin:0 auto;}

.bt-2 {display:none;}

#home-slide-bg h1 {
font-size: 1.4rem;
color: #fff;
padding-bottom:0;

}

#home-slide-bg h2 {
font-size: 4rem;
color: #fff;
padding-bottom:0;
text-wrap: balance;
}

.small {
color:#fff;
font-size: 1.6rem;
padding-bottom: 0.8rem;
line-height:1.3;
text-wrap: balance;
}

aside {width: 50%;display: inline;}

.buttons {
background-color: #00a899;
border-radius: 0;
border:0;
color: #fff;
padding: 14px 24px;
display: block;
font-size: 1.2rem;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
transition: 0.5s;
cursor: pointer;
width:fit-content;
}

.buttons:hover {
background-color: #019689;
color: #fff;
}

.buttons1 {
background-color: #00a899;
border-radius: 0;
border:0;
color: #fff;
padding: 14px 24px;
display: block;
font-size: 1.2rem;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
transition: 0.5s;
cursor: pointer;
width:fit-content;
margin:0 auto;
float: left;}

.buttons1:hover {
background-color: #019689;
color: #fff;
}

.buttons2 {
background-color: #f1f1f1;
border-radius: 0;
color: #58b6cb;
padding: 14px 24px;
display: block;
font-size: 1.2rem;
-webkit-transition-duration: 0.5s
transition-duration: 0.5s;
transition: 0.5s;
cursor: pointer;
width:fit-content;
}

.buttons2:hover {
background-color: #f9f9f9;
color:#222;
}
.buttons:hover {background-color: var(--hoverColor);color: var(--text-colorInv);}
.buttons1 {background-color: var(--primaryContrastColor);color: var(--text-colorInv);}
.buttons1:hover {background-color: var(--hoverColor);color: var(--text-colorInv);}
.buttons2 {background-color: var(--secondaryContrastColor);color: var(--text-colorInv);}
.buttons2:hover {background-color: --hoverColor;color:var(--text-colorInv);}

.color-block {padding:2rem 0;}
.frame {padding:1rem 0;}

blockquote {
border-left: 3px solid var(--primaryContrastColor);
background-color: transparent;
padding: 1rem 1rem;
margin-left:1rem;
font-size:130%;
margin-block-start: 0.75rem;
margin-block-end: 1.5rem;
}

blockquote p {
padding-bottom: 0;
}

/* CONTACT-FORMS */

form {max-width: 80rem;display:block;}

fieldset {
background-color: transparent;
border: 0;
border-radius: 2px;
padding: 0;
margin-left: auto;
margin-right: auto;
width: 100%;
display: block;
}

input,
select {display: block;}
label {margin-bottom: 0.375rem;}
label.required::after {content: "*";}
label abbr {display: none;}

input, input:not([type]), textarea,
select {
background-color: #fff;
border: 0;
border-radius: 2px;
box-shadow: none;
box-sizing: border-box;
margin-top: 0;
margin-bottom: 1rem;
padding: 0.8rem;
width: 100%; 
max-height: 120px;
}

input:hover, textarea:hover,
select:hover {
border: 0; 
background-color:#f9f9f9;
}

input:focus, input:not([type]):focus, textarea:focus,
select:focus {
border: 0;
box-shadow: none;
outline:none;
background-color:#f9f9f9;
}

input.buttons1 {border:0;}
::placeholder {opacity: 1;color: var(--primaryContrastColor);}
:-ms-input-placeholder {color: var(--primaryContrastColor);}
::-ms-input-placeholder {color: var(--primaryContrastColor);}

textarea {resize: vertical;}

input[type="search"] {
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;}

input[type="checkbox"],
input[type="radio"] {
display: inline;
margin-right: 0;
margin-top:1rem;}

input[type="file"] {}

select {margin-bottom: 1.5rem;max-width: 100%;width: auto;}
input#check {display: inline-block;margin-left: 0;margin-top: 0;}
input#check {width: 20px;margin:0;accent-color: var(--primaryContrastColor);}

input[type="file"] {
padding-bottom: 0;
border: 0;
background-color: transparent;
padding-left: 0;}
input[type="file"]:hover {
border: 0;
background-color: transparent;
}

::-webkit-file-upload-button {
background: var(--hoverColor);
color: #fff;
border:0;
padding: 0.5rem 1rem;
}


ul, ol {margin: 0;padding: 0 0 1.5rem 1.2rem;}
ul {list-style-type: square;margin-bottom: 0;}
dl {margin-bottom: 0.75rem;}
dl dt {margin-top: 0.75rem;}
dl dd {margin: 0;}
li {padding-bottom: 0.75rem;}
li:last-child {padding-bottom: 0;}

footer li {padding-bottom: 0;}
footer hr {background: var(--secondaryContrastColor);margin:0.75rem 0;}
.accordion {
background-color: #eee;
color: #222;
cursor: pointer;
padding: 18px;
width: 100%;
border: none;
text-align: left;
outline: none;
font-size: 1rem;
transition: 0.4s;
margin-bottom: 1rem;
}



.activeacc, .accordion:hover {
background-color: #ccc;
}

.accordion:after {
content: '+';
color: #212121;
font-weight: 700;
float: right;
margin-left: 5px;
}

.activeacc:after {
content: '-';
color: #fff;
font-weight: 700;
float: right;
margin-left: 5px;
}

.panel {
padding: 0 18px;
background-color: transparent;
max-height: 0;
overflow: auto;
transition: max-height 0.2s ease-out;}

table {
-webkit-font-feature-settings: "kern", "liga", "tnum";
-moz-font-feature-settings: "kern", "liga", "tnum";
-ms-font-feature-settings: "kern", "liga", "tnum";
font-feature-settings: "kern", "liga", "tnum";
border-collapse: collapse;
margin: 0.75rem 0;
table-layout: fixed;
}

th {border: 0;padding: 0;}
td {border: 0;padding: 0;}
tr,td,th {vertical-align: middle;}

body {
min-height: 100vh;
display: flex;
flex-direction: column;
-webkit-font-feature-settings: "kern", "liga", "pnum";
-moz-font-feature-settings: "kern", "liga", "pnum";
-ms-font-feature-settings: "kern", "liga", "pnum";
font-feature-settings: "kern", "liga", "pnum";
-webkit-font-smoothing: antialiased;
background-color:var(--bg-color);
color: var(--text-color);
font-family: "Sora", sans-serif;
font-optical-sizing: auto;
font-size: 16px;
line-height: 1.6;}

.row {
display:flex;
flex-wrap: nowrap;
justify-content: space-between;
max-width:92rem;
margin-left:auto;
margin-right:auto;
padding-left:1.5rem;padding-right:1.5rem;}

.row:after {content: " ";display: block;clear: both;}

header .left {
float: left;
display: flex;
flex-direction: row;
align-items: center;
z-index:11;}

header .left a {display: block;}
header .left img {max-height: 4rem;margin:0;width:132px;}
.active header .left img {max-height: 4rem;margin:0;width:132px;}
header .left2 {float: right;margin-left:1rem;}
header .left2 p {padding:0;font-size:1.2rem;}
header .left2 img {width:auto;}
#second-logo {display:none;}
.right2 {display: inline;margin-right: 0;float: right;}

@media (max-width: 800px) {
.row {flex-wrap:wrap;}}

@media (max-width: 640px) {
.bildtext {max-width: 100%;margin-top:80px;}
header .right {display: flex;flex-direction: column;align-items: center;} 
header .left {display: flex;flex-direction: column;align-items: center;}
.left2 {display:none;}
}

@media (min-width: 1240px) {.right {display: none;}}

@media (max-width: 1240px){.right2 {display: none;float: none;text-align: center;}}

@media (max-width: 640px) {header .left a {display: inline;}.titeluppe {margin:0 auto;}}

.burger {fill: var(--secondaryContrastColor);}
.active .burger {fill: var(--secondaryContrastColor);}
.else .burger {fill: var(--secondaryContrastColor);}

.mobile-nav-toggle .st1 {right: 0;width: 90px;transform-origin: 0 10%;transition: 0.5s ease transform, 0.5s ease-in-out;}
.mobile-nav-toggle .st2 {right: 0;width: 90px;transform-origin: 50% 50%;transition: 0.5s ease-in-out;}
.mobile-nav-toggle .st3 {right: 0;width: 90px;margin-bottom: 0;transform-origin:14% 71%;transition: 0.5s ease-in-out;}
.mobile-nav-toggle.active .st1 {top: 0;width: 95px;transform: rotatez(45deg);}
.mobile-nav-toggle.active .st2 {top: 0;width: 90px;transform: rotatez(-45deg);opacity:0;}
.mobile-nav-toggle.active .st3 {top: 0;width: 95px;transform: rotatez(-45deg);}
.mobile-nav-toggle.active {background-color: transparent;box-shadow: none;z-index: 10;}

@media (min-width: 1040px) {.mobile-nav-toggle {display: none;}}
@media (min-width: 1024px) {.mobile-nav-toggle {display: block;}}

.toggle-button {position:relative;cursor: pointer;height: 30px;display: block;z-index: 10;}

.mobile-nav {
display:flex;
justify-content: flex-end;
align-items: center;
background-color: var(--curtainColor);
padding: 1.5rem;
position: fixed;
top: 0;
bottom: 0;
right: 0;
overflow-x: auto;
height: 100%;
width: 50%;
text-align: right;
-webkit-transition: 0.7s ease;
transition: transform 0.7s ease;
-webkit-transform: translateX(200%);
transform: translateX(200%);
z-index: 9;
}

.mobile-nav.active {
-webkit-transition: 0.7s ease;
transition: transform 0.7s ease;
-webkit-transform: translateX(0);
transform: translateX(0);
}

.mobile-nav ul {padding: 0;}

.mobile-nav ul li {
display: block;
font-size:1.8rem;
font-weight:700;
padding-bottom:0;
}

@media (max-width: 640px) {
.desktop-nav {display: none;}
.mobile-nav {width: 100%;}
}

.jumbotron-subpage {
display:flex;
flex-direction: column;
justify-content: center;
flex-wrap: wrap;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
z-index: 0;}

.undersidatitel {width:100%;max-width:92rem;display:block;padding:1.5rem 1.5rem;float:left;margin-right:auto;}
.undersidatitel p {font-size:130%;padding-bottom:0;max-width:46rem;text-wrap: pretty;}
.undersidatitel hr {background: #fff;height:2px;margin:0.5rem 0;display:none;max-width:46rem;}

.kontakt {display:flex;flex-direction: column;align-items: center;font-size:130%;padding:1.5rem;text-align: center;}
.kontakt p {padding:0;}
.kontakt hr {height:2px;background:var (--primaryContrastColor);margin: 1.5rem 0;width:50%;}

.container {
display:flex;
flex-direction: row;
flex-wrap: wrap;
overflow: initial;
max-width:92rem;
margin: 0 auto;
padding-left:1.5rem;padding-right:1.5rem;
}

.container:after {content: " ";display: block;clear: both;}

.grid {
display: grid;
row-gap: 20px;
column-gap: 20px;
grid-template-columns: auto auto auto auto;
}
.parallax {
background-image: url('https://uploads.staticjw.com/va/varmepumparorebro/kvkab_s_1b.webp');
background-position: center;
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
}



.intro {
display: flex;
flex-direction: column;
justify-content: center;
width: 50%;
padding:3rem;
}


.intro:nth-child(odd) {padding-left:0;}
.intro:nth-child(even) {padding-right:0;}
.pix {padding:0;}
.intro p:last-child {padding-bottom:0;}
.intro img {object-fit:cover;height:100%;}

@media (max-width: 1024px) {
.intro {padding:1.5rem;}
.intro:nth-child(odd) {padding-left:0;}
.intro:nth-child(even) {padding-right:0;}
.pix:nth-child(odd) {padding:0;}
.pix:nth-child(even) {padding:0;}
.bt-1 {max-width:70%;}}


@media (max-width: 800px) {
.intro {width:100%;}
.intro:nth-child(odd) {padding:2rem 1.5rem;}
.intro:nth-child(even) {padding:2rem 1.5rem;}
.pix:nth-child(odd) {padding:0;}
.pix:nth-child(even) {padding:0;}
.gone {display:none;}
.bt-1 {max-width:75%;}}

@media (max-width: 640px) {h1, h2, h3, h4, h5 {font-size:1.6rem;}.bt-1 {max-width:100%;}}

footer {
padding-top: 2.5rem;
padding-bottom: 1.5rem;
margin-top: auto;
}

footer a {word-break: break-word;color:var(--footerContrastColor);}
footer .branding {display:flex;justify-content: space-between;flex-wrap: wrap;padding-top: 1rem;}

.cols {width: 23%;float: left;padding-bottom:1.5rem;}
.cols p:last-child {margin-bottom:0;}

@media (max-width: 800px) {.cols {width: 49%;}}

@media (min-width: 640px) {
footer .branding .left {float: left;}
footer .branding .right {float: right;text-align: right; }}

footer .branding .left svg {width:112px;margin:0 0.1rem;}
footer .branding .left {width: 50%;}
footer .branding .right {width: 50%;display: inline-block;}
footer .branding p {display: inline-block;padding:0;}

@media (max-width: 640px) {
.cols {width: 100%;}
footer .branding {flex-direction: column;text-align: center;font-size:90%;}
footer .branding svg {display: block;}
footer .branding .left svg {margin:0.5rem auto;}
footer .branding .left {width: 100%;display: block;} 
footer .branding .right {padding-top:0.25rem;width: 100%;display: block;}
.undersidatitel p {font-size:120%;line-height:1.3;}
input.buttons1 {width:100%;}}

.fotkontakt {display:flex;align-items: center;padding-bottom:0;}
.fotkontakt svg {width:28px;display:inline-block;}

footer .st0 {fill: var(--footerContrastColor);}

.cta-block {
display:flex;
align-items: center;
justify-content: center;
text-align: center;
min-height:300px;
padding-left:1.5rem;
padding-right:1.5rem;
}

.inner {
display:flex;
flex-direction: column;
align-items: center;
max-width:800px;}

.cta-block .paragraph {font-size: 2.4rem;font-weight:700;margin-bottom: 0.75rem;line-height: 1.15;text-wrap: balance;}
.cta-block h2 {font-size: 2.4rem;margin-bottom: 0.75rem;text-wrap: balance;}

@media (max-width: 640px) {.cta-block h2 {font-size: 1.7rem;}.cta-block .paragraph {font-size: 1.7rem;}}
@media (max-width: 420px) {.cta-block h2 {font-size: 1.7rem;}.cta-block .paragraph {font-size: 1.7rem;}}

/* Specialklasser */

.fstart {justify-content: flex-start;}
.butmar {margin:0.75rem 0 0;}

.cubes {display:flex;flex-wrap: wrap;justify-content: space-between;color:var(--primaryContrastColor);}
.cube {width:49%;padding:1.5rem;border:1px solid var(--primaryContrastColor);margin:0.75rem 0;}
.cube h3 {font-size:1.8rem;}
.cube p {padding-bottom:0;}
@media (max-width: 640px) {.cube {width:100%;margin:0.75rem 1.5rem;padding:1rem;}}

.cells {
display: flex;
flex-direction: column;
justify-content: center;
width: 100%;
padding: 1rem;
object-fit:cover;
}

.cells img {height: 400px;width:400px;}
.text-limit p {max-width: 46rem;}

.phonebox {float:right;z-index:10;margin-left:auto;padding-right:1rem;}
#h-phone {width:40px;}
#h-phone .st0 {fill: var(--primaryContrastColor);}
@media (min-width: 800px) {.phonebox {display:none;}}



.priser {display: grid;row-gap: 10px;column-gap: 10px;grid-template-columns: auto auto auto;font-size:120%;}
.priser p {padding:0;}
.produkt {text-align:left;background-color:#fff;padding:1rem;}
.info {text-align:center;background-color:#fff;padding:1rem;}
.pris {text-align:right;background-color:#fff;padding:1rem;}
.clr-f {background-color:var(--footerBg);color:var(--footerColor);}
.clr-x {background-color: #000000;}
.clr-0 {background-color: #ffffff;}
.clr-1 {background-color: #ffb8a3;}
.clr-2 {background-color: #f9d0ed;}
.clr-3 {background-color: #99d1c9;}
.clr-4 {background-color: #99ccff;}
.clr-5 {background-color: #e3a1c7;}



.blogglista {float:right;margin-left:auto;justify-content: flex-start;}
#social-buttons {display:none;}
#other-posts-header {padding: 1.5rem 1.5rem 0;margin: 0 auto;max-width: 92rem;}
#blog-list {padding: 1.5rem;margin: 0 auto;list-style-position: inside;max-width: 92rem;}
#comment {display:none;}   
#other-posts-header{}
.blogg img {padding:1rem;background-color:#fff;}
.blogglista {margin: 1.5rem;padding: 1.5rem;}
.blog-post {border-bottom:0!important;}
.blog-post h3 {margin-bottom: 0!important;font-size: 1.8rem!important;line-height: 1.15!important;padding-bottom: 0.5rem!important;display:inline-block;}
.blog-date {color:#fff!important;float:right!important;margin-top:0.6rem!important;}
img#rss-img {display:none;}
.blog-post hr {background: #fff!important;height:1px;}


.infobox {margin-bottom:1.5rem;padding:1.5rem;background-color: transparent;border:1px solid var(--primaryContrastColor);}
.infobox hr {margin: 0.75rem 0;background:var(--primaryContrastColor);}
.infobox h4 {font-size:1.3rem;color:var(--primaryContrastColor);font-weight:400;}

.socials {display:flex;justify-content: flex-start;}
.soc {width:30px;margin-right:1rem;}
.butmar {margin:0.75rem 0 0;}

.videoWrapper {position: relative;padding-bottom: 56.25%; /* 16:9 */padding-top: 25px;height: 0;}
.videoWrapper iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

@media (max-width:800px){
.container {flex-direction: column;padding-left:0;padding-right:0;}
blockquote {margin-left: 0;margin-right: 0;}
#home-slide-bg {height: 650px;padding: 0;}
#home-slide-bg h1 {font-size: 2rem;}
#home-slide-bg h2 {font-size: 3.5rem;}
.small {font-size: 1.2rem;}
}


.mover img {
scale: .8;
opacity: .2;
animation: fade-in linear forwards;
animation-timeline: view();
animation-range: entry;
}

@keyframes fade-in {
to { scale: 1; opacity: 1;}
}

.bildtext {
opacity:1;
animation: fade-out linear;
animation-timeline:view();
animation-range:exit -200px;
}

@keyframes fade-out {
to {opacity:0;}
}

footer .branding .right {display: none;}

/*# sourceMappingURL=application.css.map */

.cc-window{opacity:1;transition:opacity 1s ease}.cc-window.cc-invisible{opacity:0}.cc-animate.cc-revoke{transition:transform 1s ease}.cc-animate.cc-revoke.cc-top{transform:translateY(-2em)}.cc-animate.cc-revoke.cc-bottom{transform:translateY(2em)}.cc-animate.cc-revoke.cc-active.cc-bottom,.cc-animate.cc-revoke.cc-active.cc-top,.cc-revoke:hover{transform:translateY(0)}.cc-grower{max-height:0;overflow:hidden;transition:max-height 1s}
.cc-link,.cc-revoke:hover{text-decoration:underline}.cc-revoke,.cc-window{position:fixed;overflow:hidden;box-sizing:border-box;font-family:Helvetica,Calibri,Arial,sans-serif;font-size:16px;line-height:1.6;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:9999}.cc-window.cc-static{position:static}.cc-window.cc-floating{padding:2rem;max-width:24rem;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner{padding:1rem 1.8rem;width:100%;-ms-flex-direction:row;flex-direction:row}.cc-revoke{padding:.5em}.cc-header{font-size:18px;font-weight:700}.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{opacity:.8;display:inline-block;padding:.2em}.cc-link:hover{opacity:1}.cc-link:active,.cc-link:visited{color:initial}.cc-btn{display:block;padding:.4rem .8rem;font-size:.9rem;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap}.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}.cc-close{display:block;position:absolute;top:.5rem;right:.5rem;font-size:1.6rem;opacity:.9;line-height:.75}.cc-close:focus,.cc-close:hover{opacity:1}
.cc-revoke.cc-top{top:0;left:3rem;border-bottom-left-radius:.5rem;border-bottom-right-radius:0.5}.cc-revoke.cc-bottom{bottom:0;left:3rem;border-top-left-radius:.5rem;border-top-right-radius:.5em}.cc-revoke.cc-left{left:3rem;right:unset}.cc-revoke.cc-right{right:3rem;left:unset}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:1em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em}.cc-window.cc-floating .cc-compliance{-ms-flex:1 0 auto;flex:1 0 auto}.cc-window.cc-banner{-ms-flex-align:center;align-items:center}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{left:0;right:0;bottom:0}.cc-banner .cc-message{display:block;-ms-flex:1 1 auto;flex:1 1 auto;max-width:100%;margin-right:1em}.cc-compliance{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between}.cc-floating .cc-compliance>.cc-btn{-ms-flex:1;flex:1}.cc-btn+.cc-btn{margin-left:.5em}
@media print{.cc-revoke,.cc-window{display:none}}@media screen and (max-width:900px){.cc-btn{white-space:normal}}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-floating,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner .cc-compliance{-ms-flex:1 1 auto;flex:1 1 auto}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-ms-flex-align:unset;align-items:unset}.cc-window.cc-banner .cc-message{margin-right:0}}
.cc-floating.cc-theme-classic{padding:1.2rem;border-radius:0}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-ms-flex:none;flex:none}.cc-theme-classic .cc-btn{border-radius:0}.cc-theme-classic .cc-btn:last-child{min-width:140px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block}
.cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2rem 2rem 1.5rem;}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8rem 1.8rem;height:100%}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0}