@charset "UTF-8";

  :root {
--col-1: 8.333333%;
--col-2: 16.666667%;
--col-3: 25%;
--col-4: 33.333333%;
--col-5: 41.666667%;
--col-6: 50%;
--col-7: 58.333333%;
--col-8: 66.666667%;
--col-9: 75%;
--col-10: 83.333333%;
--col-11: 91.666667%;
--col-12: 100%;
--important: !Important;
}
.col-l-1 {
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-l-2 {
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-l-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-l-4 {
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-l-5 {
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-l-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-l-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-l-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-l-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-l-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-l-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-l-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.d-flex-l {
display:flex;
}
.d-block-l {
display:block;
}
.d-none-l {
display:none;
}
.absolute-l {
position:absolute;
z-index: 1;
}
.relative-l {
position:relative;
}
.absolute-center-l {
left:50%;
transform: translateX(-50%);
}
.xt-align-left-l {
text-align:left;
}
.xt-align-center-l {
text-align:center;
}
.xt-align-right-l {
text-align:right;
}
.justify-between-l {
justify-content: space-between;
}
.justify-evenly-l {
justify-content: space-evenly;
}
.justify-center-l {
justify-content: center;
}
.justify-flex-end-l {
justify-content: flex-end;
}
.justify-flex-start-l {
justify-content: flex-start;
}
.align-center-l {
align-items: center;
}
.align-flex-start-l {
align-items: flex-start;
}
.align-flex-end-l {
align-items: flex-end;
}
.direction-column-l {
flex-direction: column;
}
.direction-row-l {
flex-direction: row;
}
.direction-column-reverse-l {
flex-direction: column-reverse;
}
.direction-row-reverse-l {
flex-direction: row-reverse;
}
.flow-wrap-l {
flex-flow:wrap;
}
.flow-wrap-l-reverse {
flex-flow:wrap column-reverse;
}
.flow-row-l {
flex-flow:row;
}
.flow-row-reverse-l {
flex-flow:row-reverse;
}
.flow-column-l {
flex-flow:column;
}
.flow-column-reverse-l {
flex-flow:column-reverse;
}	
.f-size-l-07 {
font-size:0.7rem!important;
} 
.f-size-l-1 {
font-size:1rem!important;
} 
.f-size-l-2 {
font-size:1.2rem!important;
} 
.f-size-l-3 {
font-size:1.4rem!important;
} 
.f-size-l-4 {
font-size:1.6rem!important;
} 
.f-size-l-5 {
font-size:1.8rem!important;
} 
.f-size-l-6 {
font-size:2rem!important;
} 
.f-size-l-7 {
font-size:2.2rem!important;
} 
.f-size-l-8 {
font-size:2.4rem!important;
} 
.f-size-l-9 {
font-size:2.6rem!important;
} 
.f-size-l-10 {
font-size:2.8rem!important;
} 
.f-size-l-11 {
font-size:3rem!important;
}
.f-size-l-12 {
font-size:3.2rem!important;
}
.f-size-l-13 {
font-size:3.4rem!important;
}
.f-size-l-14 {
font-size:3.6rem!important;
}
.f-size-l-15 {
font-size:3.8rem!important;
}
.f-size-l-16 {
font-size:4rem!important;
}
.f-size-l-17 {
font-size:4.2rem!important;
}
.f-size-l-18 {
font-size:4.4rem!important;
}
.f-size-l-19 {
font-size:4.6rem!important;
}
.f-size-l-20 {
font-size:4.8rem!important;
}
.f-size-l-21 {
font-size:5rem!important;
}
.flex-cell {
padding: .5em;
}
.break-all {
word-break: break-all;
}
.break-word {
word-break: break-word;
}
.flex-b-l-1 {
flex-basis: 10%;
max-width: 10%;
}
.flex-b-l-2 {
flex-basis: 20%;
max-width: 20%;
}
.flex-b-l-3 {
flex-basis: 30%;
max-width: 30%;
}
.flex-b-l-4 {
flex-basis: 40%;
max-width: 40%;
}
.flex-b-l-5 {
flex-basis: 50%;
max-width: 50%;
}
.flex-b-l-6 {
flex-basis: 60%;
max-width: 60%;
}
.flex-b-l-7 {
flex-basis: 70%;
max-width: 70%;
}
.flex-b-l-8 {
flex-basis: 80%;
max-width: 80%;
}
.flex-b-l-9 {
flex-basis: 90%;
max-width: 90%;
}
.flex-b-l-10 {
flex-basis: 100%;
max-width: 100%;
}
.m-top-l-0{
margin-top:0em;
} 
.m-top-l-1{
margin-top:1em;
} 
.m-top-l-2{
margin-top:2em;
}
.m-top-l-3{
margin-top:3em;
}
.m-top-l-4{
margin-top:4em;
}
.m-top-l-5{
margin-top:5em;
}
.m-right-l-0{
margin-right:0em;
} 
.m-right-l-1{
margin-right:1em;
} 
.m-right-l-2{
margin-right:2em;
}
.m-right-l-3{
margin-right:3em;
}
.m-right-l-4{
margin-right:4em;
}
.m-right-l-5{
margin-right:5em;
}
.m-bottom-l-0{
margin-bottom:0em;
}
.m-bottom-l-1{
margin-bottom:1em;
} 
.m-bottom-l-2{
margin-bottom:2em;
}
.m-bottom-l-3{
margin-bottom:3em;
}
.m-bottom-l-4{
margin-bottom:4em;
}
.m-bottom-l-5{
margin-bottom:5em;
}
.m-left-l-0{
margin-left:0em;
} 
.m-left-l-1{
margin-left:1em;
} 
.m-left-l-2{
margin-left:2em;
}
.m-left-l-3{
margin-left:3em;
}
.m-left-l-4{
margin-left:4em;
}
.m-left-l-5{
margin-left:5em;
}
.m-all-l-0{
margin:0em;
} 
.m-all-l-1{
margin:1em;
} 
.m-all-l-2{
margin:2em;
}
.m-all-l-3{
margin:3em;
}
.m-all-l-4{
margin:4em;
}
.m-all-l-5{
margin:5em;
}
.p-top-l-0{
padding-top:0em;
} 
.p-top-l-1{
padding-top:1em;
} 
.p-top-l-2{
padding-top:2em;
}
.p-top-l-3{
padding-top:3em;
}
.p-top-l-4{
padding-top:4em;
}
.p-top-l-5{
padding-top:5em;
}
.p-right-l-0{
padding-right:0em;
} 
.p-right-l-1{
padding-right:1em;
} 
.p-right-l-2{
padding-right:2em;
}
.p-right-l-3{
padding-right:3em;
}
.p-right-l-4{
padding-right:4em;
}
.p-right-l-5{
padding-right:5em;
}
.p-bottom-l-0{
padding-bottom:0em;
}
.p-bottom-l-1{
padding-bottom:1em;
} 
.p-bottom-l-2{
padding-bottom:2em;
}
.p-bottom-l-3{
padding-bottom:3em;
}
.p-bottom-l-4{
padding-bottom:4em;
}
.p-bottom-l-5{
padding-bottom:5em;
}
.p-left-l-0{
padding-left:0em;
} 
.p-left-l-1{
padding-left:1em;
} 
.p-left-l-2{
padding-left:2em;
}
.p-left-l-3{
padding-left:3em;
}
.p-left-l-4{
padding-left:4em;
}
.p-left-l-5{
padding-left:5em;
}
.p-all-l-0{
padding:0em;
} 
.p-all-l-1{
padding: 1em;
} 
.p-all-l-2{
padding:2em;
}
.p-all-l-3{
padding:3em;
}
.p-all-l-4{
padding:4em;
}
.p-all-l-5{
padding:5em;
}
@media(max-width:1250px) {
.col-xm-1 {
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-xm-2 {
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-xm-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-xm-4 {
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-xm-5 {
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-xm-6 {
-xms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-xm-7 {
-xms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-xm-8 {
-xms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-xm-9 {
-xms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-xm-10 {
-xms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-xm-11 {
-xms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-xm-12 {
-xms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.flex-b-xm-1 {
flex-basis: 10%;
max-width: 10%;
}
.flex-b-xm-2 {
flex-basis: 20%;
max-width: 20%;
}
.flex-b-xm-3 {
flex-basis: 30%;
max-width: 30%;
}
.flex-b-xm-4 {
flex-basis: 40%;
max-width: 40%;
}
.flex-b-xm-5 {
flex-basis: 50%;
max-width: 50%;
}
.flex-b-xm-6 {
flex-basis: 60%;
max-width: 60%;
}
.flex-b-xm-7 {
flex-basis: 70%;
max-width: 70%;
}
.flex-b-xm-8 {
flex-basis: 80%;
max-width: 80%;
}
.flex-b-xm-9 {
flex-basis: 90%;
max-width: 90%;
}
.flex-b-xm-10 {
flex-basis: 100%;
max-width: 100%;
}
.f-size-xm-07 {
font-size:0.7rem!important;
} 
.f-size-xm-1 {
font-size:1rem!important;
} 
.f-size-xm-2 {
font-size:1.2rem!important;
} 
.f-size-xm-3 {
font-size:1.4rem!important;
} 
.f-size-xm-4 {
font-size:1.6rem!important;
} 
.f-size-xm-5 {
font-size:1.8rem!important;
} 
.f-size-xm-6 {
font-size:2rem!important;
} 
.f-size-xm-7 {
font-size:2.2rem!important;
} 
.f-size-xm-8 {
font-size:2.4rem!important;
} 
.f-size-xm-9 {
font-size:2.6rem!important;
} 
.f-size-xm-10 {
font-size:2.8rem!important;
} 
.f-size-xm-11 {
font-size:3rem!important;
}
.f-size-xm-12 {
font-size:3.2rem!important;
}
.f-size-xm-13 {
font-size:3.4rem!important;
}
.f-size-xm-14 {
font-size:3.6rem!important;
}
.f-size-xm-15 {
font-size:3.8rem!important;
}
.f-size-xm-16 {
font-size:4rem!important;
}
.f-size-xm-17 {
font-size:4.2rem!important;
}
.f-size-xm-18 {
font-size:4.4rem!important;
}
.f-size-xm-19 {
font-size:4.6rem!important;
}
.f-size-xm-20 {
font-size:4.8rem!important;
}
.f-size-xm-21 {
font-size:5rem!important;
}	
.m-top-xm-0{
margin-top:0em;
}     
.m-top-xm-1{
margin-top:1em;
} 
.m-top-xm-2{
margin-top:2em;
}
.m-top-xm-3{
margin-top:3em;
}
.m-top-xm-4{
margin-top:4em;
}
.m-top-xm-5{
margin-top:5em;
}
.m-right-xm-0{
margin-right:0em;
}     
.m-right-xm-1{
margin-right:1em;
} 
.m-right-xm-2{
margin-right:2em;
}
.m-right-xm-3{
margin-right:3em;
}
.m-right-xm-4{
margin-right:4em;
}
.m-right-xm-5{
margin-right:5em;
}
.m-bottom-xm-0{
margin-bottom:0em;
}    
.m-bottom-xm-1{
margin-bottom:1em;
} 
.m-bottom-xm-2{
margin-bottom:2em;
}
.m-bottom-xm-3{
margin-bottom:3em;
}
.m-bottom-xm-4{
margin-bottom:4em;
}
.m-bottom-xm-5{
margin-bottom:5em;
}
.m-left-xm-0{
margin-left:0em;
}     
.m-left-xm-1{
margin-left:1em;
} 
.m-left-xm-2{
margin-left:2em;
}
.m-left-xm-3{
margin-left:3em;
}
.m-left-xm-4{
margin-left:4em;
}
.m-left-xm-5{
margin-left:5em;
}
.m-all-xm-0{
margin:0em;
} 
.m-all-xm-1{
margin:1em;
} 
.m-all-xm-2{
margin:2em;
}
.m-all-xm-3{
margin:3em;
}
.m-all-xm-4{
margin:4em;
}
.m-all-xm-5{
margin:5em;
}    
.p-top-xm-0{
padding-top:0em;
} 
.p-top-xm-1{
padding-top:1em;
} 
.p-top-xm-2{
padding-top:2em;
}
.p-top-xm-3{
padding-top:3em;
}
.p-top-xm-4{
padding-top:4em;
}
.p-top-xm-5{
padding-top:5em;
}
.p-right-xm-0{
padding-right:0em;
} 
.p-right-xm-1{
padding-right:1em;
} 
.p-right-xm-2{
padding-right:2em;
}
.p-right-xm-3{
padding-right:3em;
}
.p-right-xm-4{
padding-right:4em;
}
.p-right-xm-5{
padding-right:5em;
}
.p-bottom-xm-0{
padding-bottom:0em;
}
.p-bottom-xm-1{
padding-bottom:1em;
} 
.p-bottom-xm-2{
padding-bottom:2em;
}
.p-bottom-xm-3{
padding-bottom:3em;
}
.p-bottom-xm-4{
padding-bottom:4em;
}
.p-bottom-xm-5{
padding-bottom:5em;
}
.p-left-xm-0{
padding-left:0em;
} 
.p-left-xm-1{
padding-left:1em;
} 
.p-left-xm-2{
padding-left:2em;
}
.p-left-xm-3{
padding-left:3em;
}
.p-left-xm-4{
padding-left:4em;
}
.p-left-xm-5{
padding-left:5em;
}
.p-all-xm-0{
padding:0em;
} 
.p-all-xm-1{
padding:1em;
} 
.p-all-xm-2{
padding:2em;
}
.p-all-xm-3{
padding:3em;
}
.p-all-xm-4{
padding:4em;
}
.p-all-xm-5{
padding:5em;
}
.d-flex-xm {
display:flex;
}    
.d-block-xm {
display:block;
}
.d-none-xm {
display:none;
}
.xt-align-left-xm {
text-align:left;
}
.xt-align-center-xm {
text-align:center;
}
.xt-align-right-xm {
text-align:right;
}
.justify-between-xm {
justify-content: space-between;
}
.justify-evenly-l-xm {
justify-content: space-evenly;
}
.justify-center-xm {
justify-content: center;
}
.justify-flex-end-xm {
justify-content: flex-end;
}
.justify-flex-start-xm {
justify-content: flex-start;
}
.align-center-xm {
align-items: center;
}
.align-flex-start-xm {
align-items: flex-start;
}	
.align-flex-end-xm {
align-items: flex-end;
}	
.direction-column-xm {
flex-direction: column;
}
.direction-row-xm {
flex-direction: row;
}
.direction-column-reverse-xm {
flex-direction: column-reverse;
}
.direction-row-reverse-xm {
flex-direction: row-reverse;
}
.flow-wrap-xm {
flex-flow:wrap;
}
.flow-wrap-xm-reverse {
flex-flow:wrap column-reverse;
}
.flow-row-xm {
flex-flow:row;
}
.flow-row-reverse-xm {
flex-flow:row-reverse;
}
.flow-column-xm {
flex-flow:column;
}
.flow-column-reverse-xm {
flex-flow:column-reverse;
}	
.absolute-xm {
position:absolute;
z-index: 1;
}
.relative-xm {
position:relative;
}
.absolute-center-xm {
left:50%;
transform: translateX(-50%);
}	
}
@media(max-width:1024px) {
.col-m-1 {
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-m-2 {
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-m-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-m-4 {
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-m-5 {
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-m-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-m-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-m-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-m-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-m-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-m-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-m-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.flex-b-m-1 {
flex-basis: 10%;
max-width: 10%;
}
.flex-b-m-2 {
flex-basis: 20%;
max-width: 20%;
}
.flex-b-m-3 {
flex-basis: 30%;
max-width: 30%;
}
.flex-b-m-4 {
flex-basis: 40%;
max-width: 40%;
}
.flex-b-m-5 {
flex-basis: 50%;
max-width: 50%;
}
.flex-b-m-6 {
flex-basis: 60%;
max-width: 60%;
}
.flex-b-m-7 {
flex-basis: 70%;
max-width: 70%;
}
.flex-b-m-8 {
flex-basis: 80%;
max-width: 80%;
}
.flex-b-m-9 {
flex-basis: 90%;
max-width: 90%;
}
.flex-b-m-10 {
flex-basis: 100%;
max-width: 100%;
}
.f-size-m-07 {
font-size:0.7rem!important;
} 
.f-size-m-1 {
font-size:1rem!important;
} 
.f-size-m-2 {
font-size:1.2rem!important;
} 
.f-size-m-3 {
font-size:1.4rem!important;
} 
.f-size-m-4 {
font-size:1.6rem!important;
} 
.f-size-m-5 {
font-size:1.8rem!important;
} 
.f-size-m-6 {
font-size:2rem!important;
} 
.f-size-m-7 {
font-size:2.2rem!important;
} 
.f-size-m-8 {
font-size:2.4rem!important;
} 
.f-size-m-9 {
font-size:2.6rem!important;
} 
.f-size-m-10 {
font-size:2.8rem!important;
} 
.f-size-m-11 {
font-size:3rem!important;
}
.f-size-m-12 {
font-size:3.2rem!important;
}
.f-size-m-13 {
font-size:3.4rem!important;
}
.f-size-m-14 {
font-size:3.6rem!important;
}
.f-size-m-15 {
font-size:3.8rem!important;
}
.f-size-m-16 {
font-size:4rem!important;
}
.f-size-m-17 {
font-size:4.2rem!important;
}
.f-size-m-18 {
font-size:4.4rem!important;
}
.f-size-m-19 {
font-size:4.6rem!important;
}
.f-size-m-20 {
font-size:4.8rem!important;
}
.f-size-m-21 {
font-size:5rem!important;
}	
.m-top-m-0{
margin-top:0em;
}     
.m-top-m-1{
margin-top:1em;
} 
.m-top-m-2{
margin-top:2em;
}
.m-top-m-3{
margin-top:3em;
}
.m-top-m-4{
margin-top:4em;
}
.m-top-m-5{
margin-top:5em;
}
.m-right-m-0{
margin-right:0em;
}     
.m-right-m-1{
margin-right:1em;
} 
.m-right-m-2{
margin-right:2em;
}
.m-right-m-3{
margin-right:3em;
}
.m-right-m-4{
margin-right:4em;
}
.m-right-m-5{
margin-right:5em;
}
.m-bottom-m-0{
margin-bottom:0em;
}    
.m-bottom-m-1{
margin-bottom:1em;
} 
.m-bottom-m-2{
margin-bottom:2em;
}
.m-bottom-m-3{
margin-bottom:3em;
}
.m-bottom-m-4{
margin-bottom:4em;
}
.m-bottom-m-5{
margin-bottom:5em;
}
.m-left-m-0{
margin-left:0em;
}     
.m-left-m-1{
margin-left:1em;
} 
.m-left-m-2{
margin-left:2em;
}
.m-left-m-3{
margin-left:3em;
}
.m-left-m-4{
margin-left:4em;
}
.m-left-m-5{
margin-left:5em;
}
.m-all-m-0{
margin:0em;
} 
.m-all-m-1{
margin:1em;
} 
.m-all-m-2{
margin:2em;
}
.m-all-m-3{
margin:3em;
}
.m-all-m-4{
margin:4em;
}
.m-all-m-5{
margin:5em;
}    
.p-top-m-0{
padding-top:0em;
} 
.p-top-m-1{
padding-top:1em;
} 
.p-top-m-2{
padding-top:2em;
}
.p-top-m-3{
padding-top:3em;
}
.p-top-m-4{
padding-top:4em;
}
.p-top-m-5{
padding-top:5em;
}
.p-right-m-0{
padding-right:0em;
} 
.p-right-m-1{
padding-right:1em;
} 
.p-right-m-2{
padding-right:2em;
}
.p-right-m-3{
padding-right:3em;
}
.p-right-m-4{
padding-right:4em;
}
.p-right-m-5{
padding-right:5em;
}
.p-bottom-m-0{
padding-bottom:0em;
}
.p-bottom-m-1{
padding-bottom:1em;
} 
.p-bottom-m-2{
padding-bottom:2em;
}
.p-bottom-m-3{
padding-bottom:3em;
}
.p-bottom-m-4{
padding-bottom:4em;
}
.p-bottom-m-5{
padding-bottom:5em;
}
.p-left-m-0{
padding-left:0em;
} 
.p-left-m-1{
padding-left:1em;
} 
.p-left-m-2{
padding-left:2em;
}
.p-left-m-3{
padding-left:3em;
}
.p-left-m-4{
padding-left:4em;
}
.p-left-m-5{
padding-left:5em;
}
.p-all-m-0{
padding:0em;
} 
.p-all-m-1{
padding:1em;
} 
.p-all-m-2{
padding:2em;
}
.p-all-m-3{
padding:3em;
}
.p-all-m-4{
padding:4em;
}
.p-all-m-5{
padding:5em;
}
.d-flex-m {
display:flex;
}   
.d-block-m {
display:block;
}
.d-none-m {
display:none;
}
.xt-align-left-m {
text-align:left;
}
.xt-align-center-m {
text-align:center;
}
.xt-align-right-m {
text-align:right;
}
.justify-between-m {
justify-content: space-between;
}
.justify-evenly-m {
justify-content: space-evenly;
}
.justify-center-m {
justify-content: center;
}
.justify-flex-end-m {
justify-content: flex-end;
}
.justify-flex-start-m {
justify-content: flex-start;
}
.align-center-m {
align-items: center;
}
.align-flex-start-m {
align-items: flex-start;
}	
.align-flex-end-m {
align-items: flex-end;
}	
.direction-column-m {
flex-direction: column;
}
.direction-row-m {
flex-direction: row;
}
.direction-column-reverse-m {
flex-direction: column-reverse;
}
.direction-row-reverse-m {
flex-direction: row-reverse;
}
.flow-wrap-m {
flex-flow:wrap;
}
.flow-wrap-m-reverse {
flex-flow:wrap column-reverse;
}
.flow-row-m {
flex-flow:row;
}
.flow-row-reverse-m {
flex-flow:row-reverse;
}
.flow-column-m {
flex-flow:column;
}
.flow-column-reverse-m {
flex-flow:column-reverse;
}	
.absolute-m {
position:absolute;
z-index: 1;
}
.relative-m {
position:relative;
}
.absolute-center-m {
left:50%;
transform: translateX(-50%);
}	
}
@media(max-width:585px) {
.col-1 {
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-2 {
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-4 {
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-5 {
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}	
.flex-b-1 {
flex-basis: 10%;
max-width: 10%;
}
.flex-b-2 {
flex-basis: 20%;
max-width: 20%;
}
.flex-b-3 {
flex-basis: 30%;
max-width: 30%;
}
.flex-b-4 {
flex-basis: 40%;
max-width: 40%;
}
.flex-b-5 {
flex-basis: 50%;
max-width: 50%;
}
.flex-b-6 {
flex-basis: 60%;
max-width: 60%;
}
.flex-b-7 {
flex-basis: 70%;
max-width: 70%;
}
.flex-b-8 {
flex-basis: 80%;
max-width: 80%;
}
.flex-b-9 {
flex-basis: 90%;
max-width: 90%;
}
.flex-b-10 {
flex-basis: 100%;
max-width: 100%;
}
.f-size-07 {
font-size:0.7rem!important;
} 
.f-size-1 {
font-size:1rem!important;
} 
.f-size-2 {
font-size:1.2rem!important;
} 
.f-size-3 {
font-size:1.4rem!important;
} 
.f-size-4 {
font-size:1.6rem!important;
} 
.f-size-5 {
font-size:1.8rem!important;
} 
.f-size-6 {
font-size:2rem!important;
} 
.f-size-7 {
font-size:2.2rem!important;
} 
.f-size-8 {
font-size:2.4rem!important;
} 
.f-size-9 {
font-size:2.6rem!important;
} 
.f-size-10 {
font-size:2.8rem!important;
} 
.f-size-11 {
font-size:3rem!important;
}
.f-size-12 {
font-size:3.2rem!important;
}
.f-size-13 {
font-size:3.4rem!important;
}
.f-size-14 {
font-size:3.6rem!important;
}
.f-size-15 {
font-size:3.8rem!important;
}
.f-size-16 {
font-size:4rem!important;
}
.f-size-17 {
font-size:4.2rem!important;
}
.f-size-18 {
font-size:4.4rem!important;
}
.f-size-19 {
font-size:4.6rem!important;
}
.f-size-20 {
font-size:4.8rem!important;
}
.f-size-21 {
font-size:5rem!important;
}
.d-flex{
display:flex;
}  	
.d-block {
display:block;
}
.d-none {
display:none;
}
.xt-align-left {
text-align:left;
}
.xt-align-center {
text-align:center;
}
.xt-align-right {
text-align:right;
}
.justify-between {
justify-content: space-between;
}
.justify-evenly {
justify-content: space-evenly;
}
.justify-center {
justify-content: center;
}
.justify-flex-end {
justify-content: flex-end;
}
.justify-flex-start {
justify-content: flex-start;
}
.align-center {
align-items: center;
}
.align-flex-start {
align-items: flex-start;
}	
.align-flex-end {
align-items: flex-end;
}	
.direction-column {
flex-direction: column;
}
.direction-row {
flex-direction: row;
}
.direction-column-reverse {
flex-direction: column-reverse;
}
.direction-row-reverse{
flex-direction: row-reverse;
}
.flow-wrap {
flex-flow:wrap;
}	
.flow-wrap-reverse {
flex-flow:wrap column-reverse;
}
.flow-row {
flex-flow:row;
}
.flow-row-reverse {
flex-flow:row-reverse;
}
.flow-column {
flex-flow:column;
}
.flow-column-reverse {
flex-flow:column-reverse;
}
.absolute {
position:absolute;
z-index: 1;
}
.relative {
position:relative;
}
.absolute-center {
left:50%;
transform: translateX(-50%);
}	
.m-top-0{
margin-top:0em;
} 
.m-top-1{
margin-top:1em;
} 
.m-top-2{
margin-top:2em;
}
.m-top-3{
margin-top:3em;
}
.m-top-4{
margin-top:4em;
}
.m-top-5{
margin-top:5em;
}
.m-right-0{
margin-right:0em;
}
.m-right-1{
margin-right:1em;
} 
.m-right-2{
margin-right:2em;
}
.m-right-3{
margin-right:3em;
}
.m-right-4{
margin-right:4em;
}
.m-right-5{
margin-right:5em;
}
.m-bottom-0{
margin-bottom:0em;
} 
.m-bottom-1{
margin-bottom:1em;
} 
.m-bottom-2{
margin-bottom:2em;
}
.m-bottom-3{
margin-bottom:3em;
}
.m-bottom-4{
margin-bottom:4em;
}
.m-bottom-5{
margin-bottom:5em;
}
.m-left-0{
margin-left:0em;
}
.m-left-1{
margin-left:1em;
} 
.m-left-2{
margin-left:2em;
}
.m-left-3{
margin-left:3em;
}
.m-left-4{
margin-left:4em;
}
.m-left-5{
margin-left:5em;
}
.m-all-0{
margin:0em;
} 
.m-all-1{
margin:1em;
} 
.m-all-2{
margin:2em;
}
.m-all-l-3{
margin:3em;
}
.m-all-4{
margin:4em;
}
.m-all-5{
margin:5em;
}    
.p-top-0{
padding-top:0em;
} 
.p-top-1{
padding-top:1em;
} 
.p-top-2{
padding-top:2em;
}
.p-top-3{
padding-top:3em;
}
.p-top-4{
padding-top:4em;
}
.p-top-5{
padding-top:5em;
}
.p-right-0{
padding-right:0em;
} 
.p-right-1{
padding-right:1em;
} 
.p-right-2{
padding-right:2em;
}
.p-right-3{
padding-right:3em;
}
.p-right-4{
padding-right:4em;
}
.p-right-5{
padding-right:5em;
}
.p-bottom-0{
padding-bottom:0em;
}
.p-bottom-1{
padding-bottom:1em;
} 
.p-bottom-2{
padding-bottom:2em;
}
.p-bottom-3{
padding-bottom:3em;
}
.p-bottom-4{
padding-bottom:4em;
}
.p-bottom-5{
padding-bottom:5em;
}
.p-left-0{
padding-left:0em;
} 
.p-left-1{
padding-left:1em;
} 
.p-left-2{
padding-left:2em;
}
.p-left-3{
padding-left:3em;
}
.p-left-4{
padding-left:4em;
}
.p-left-5{
padding-left:5em;
}
.p-all-0{
padding:0em;
} 
.p-all-1{
padding:1em;
} 
.p-all-2{
padding:2em;
}
.p-all-3{
padding:3em;
}
.p-all-4{
padding:4em;
}
.p-all-5{
padding:5em;
}
}@font-face {
font-family: 'Fira Sans';
font-style: normal;
font-weight: 200;
src: url(//vl-thermo-solutions.de/wp-content/themes/thermo/fonts/fira-sans-v16-latin-200.eot); src: local(''),
url(//vl-thermo-solutions.de/wp-content/themes/thermo/fonts/fira-sans-v16-latin-200.eot?#iefix) format('embedded-opentype'), url(//vl-thermo-solutions.de/wp-content/themes/thermo/fonts/fira-sans-v16-latin-200.woff2) format('woff2'), url(//vl-thermo-solutions.de/wp-content/themes/thermo/fonts/fira-sans-v16-latin-200.woff) format('woff'), url(//vl-thermo-solutions.de/wp-content/themes/thermo/fonts/fira-sans-v16-latin-200.ttf) format('truetype'), url(//vl-thermo-solutions.de/wp-content/themes/thermo/fonts/fira-sans-v16-latin-200.svg#FiraSans) format('svg'); } @font-face {
font-family: 'Fira Sans';
font-style: normal;
font-weight: 400;
src: url(//vl-thermo-solutions.de/wp-content/themes/thermo/fonts/fira-sans-v16-latin-regular.eot); src: local(''),
url(//vl-thermo-solutions.de/wp-content/themes/thermo/fonts/fira-sans-v16-latin-regular.eot?#iefix) format('embedded-opentype'), url(//vl-thermo-solutions.de/wp-content/themes/thermo/fonts/fira-sans-v16-latin-regular.woff2) format('woff2'), url(//vl-thermo-solutions.de/wp-content/themes/thermo/fonts/fira-sans-v16-latin-regular.woff) format('woff'), url(//vl-thermo-solutions.de/wp-content/themes/thermo/fonts/fira-sans-v16-latin-regular.ttf) format('truetype'), url(//vl-thermo-solutions.de/wp-content/themes/thermo/fonts/fira-sans-v16-latin-regular.svg#FiraSans) format('svg'); } @font-face {
font-family: 'Fira Sans';
font-style: normal;
font-weight: 600;
src: url(//vl-thermo-solutions.de/wp-content/themes/thermo/fonts/fira-sans-v16-latin-600.eot); src: local(''),
url(//vl-thermo-solutions.de/wp-content/themes/thermo/fonts/fira-sans-v16-latin-600.eot?#iefix) format('embedded-opentype'), url(//vl-thermo-solutions.de/wp-content/themes/thermo/fonts/fira-sans-v16-latin-600.woff2) format('woff2'), url(//vl-thermo-solutions.de/wp-content/themes/thermo/fonts/fira-sans-v16-latin-600.woff) format('woff'), url(//vl-thermo-solutions.de/wp-content/themes/thermo/fonts/fira-sans-v16-latin-600.ttf) format('truetype'), url(//vl-thermo-solutions.de/wp-content/themes/thermo/fonts/fira-sans-v16-latin-600.svg#FiraSans) format('svg'); } @font-face {
font-family: 'Fira Sans';
font-style: normal;
font-weight: 800;
src: url(//vl-thermo-solutions.de/wp-content/themes/thermo/fonts/fira-sans-v16-latin-800.eot); src: local(''),
url(//vl-thermo-solutions.de/wp-content/themes/thermo/fonts/fira-sans-v16-latin-800.eot?#iefix) format('embedded-opentype'), url(//vl-thermo-solutions.de/wp-content/themes/thermo/fonts/fira-sans-v16-latin-800.woff2) format('woff2'), url(//vl-thermo-solutions.de/wp-content/themes/thermo/fonts/fira-sans-v16-latin-800.woff) format('woff'), url(//vl-thermo-solutions.de/wp-content/themes/thermo/fonts/fira-sans-v16-latin-800.ttf) format('truetype'), url(//vl-thermo-solutions.de/wp-content/themes/thermo/fonts/fira-sans-v16-latin-800.svg#FiraSans) format('svg'); }
:root {
font-size:22px;
}
body{
font-family: 'Fira Sans', sans-serif!important;
font-weight: 200;
}
a {
text-decoration: none;
color: #000000;
font-weight: 600;
font-size: 20px;
}
h1, h2 {
text-transform: uppercase;
font-weight: 500;
letter-spacing: 0.1em;
position: relative;
font-size: 1.5em!Important;
}
h1:after ,h2:after {
content: attr(data-seed);
position: absolute;
left: 50%;
transform: translate(-50%,-50%);
font-size: 2em;
z-index: -1;
opacity: .143;
font-weight: 600;
color: #bdcb01;
white-space: nowrap;
overflow: hidden;
max-width: 100%;
text-overflow: ellipsis;
}
.post, .page {
margin: 0!important;
} .pagewrap {
opacity: 0;
} a.btn {
display: inline-block;
background: rgb(189,204,0);
background: linear-gradient(270deg, rgba(189,204,0,1) 0%, rgb(164 175 21) 100%);
color: #fff;
padding: 0.2em;
box-shadow: 0 0.5em 0.8em rgb(0 0 0 / 52%);
border-radius: 0.1em;
position: relative;
overflow: hidden;
font-size: 1rem;
}
a.btn:after {
content: '';
width: 100%;
height: 10em;
background: rgb(255 255 255 / 21%);
position: absolute;
top: 50%;
transform: translate(-100%,-50%);
left: 0;
transition: 2s cubic-bezier(0.16, 1, 0.3, 1);
transition-delay: .1s;
}
a.btn:hover:after {
transform: translate(0,-50%);
} a.phoneBtn {
position: fixed;
bottom: 2.0em;
right: 1.0em;
z-index: 36;
display: block;
display: flex;
flex-direction: row-reverse;
align-items: center;
font-weight: 500;
color: #bdcb01;
font-size: 1em;
}
a.phoneBtn>div {
width: 3em;
height: 3em;
background: #fff;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
box-shadow: 0 0.5em 1em rgb(0 0 0 / 44%);
position: relative;
z-index: 2;
transition: 500ms cubic-bezier(0.34, 1.56, 0.64, 1);
}
a.phoneBtn.hide>div {
transform: scale(0.8);
}
a.phoneBtn>div:after, 
a.phoneBtn>div:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
background: hsl(64deg 99% 40% / 34%);
z-index: -2;
animation: pulse 2s cubic-bezier(0.71, 0.07, 1, 1) infinite;
}
a.phoneBtn>div:before {
background: #fff;
z-index: -1;
transform: none;
animation:none;
}
a.phoneBtn>span {
background: #fff;
padding: 0.2em 1em 0.2em .5em;
border-radius: .2em;
transform: translateX(0.7em);
position: relative;
z-index: 1;
box-shadow: -0.3em 0.4em 0.5em rgb(0 0 0 / 27%);
transition: 400ms;
}
a.phoneBtn.hide>span {
transform: translateX(30px);
opacity: 0;
} img.vlSpinner {
position: fixed;
width: 8em;
height: 8em;
margin-left: -4em;
margin-top: -4em;
left: 50%;
top: 50%;
z-index: 2;
animation: fa-spin 2s infinite cubic-bezier(0.59, 0.04, 0.39, 1.01);
}
.preloader {
position: fixed;
height: 6em;
width: 8.2em;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
z-index: 999;
text-align: center;
}
.preloader svg {
width: 5em;
height: 5em;
}
.svg {
display: inline-block;
text-align: left;
}
#sun path {
stroke: #ffb900;
fill: #241E20;
}
#cloud {
position: relative;
z-index: 2;
}
#cloud path {
fill: #dedede;
}
#sun {
margin-left: -10px;
margin-top: 6px;
opacity: 0;
width: 2.8em;
height: 2.8em;
position: absolute;
right: 1.3em;
top: 0.5em;
z-index: 1;
animation-name: rotate;
animation-duration: 16000ms;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
#sun path {
stroke-width: 0.18;
fill: #ffb900;
}
.loaderText {
font-size: 0.6em;
font-weight: bold;
} .rain {
position: absolute;
width: 3.2em;
height: 3.2em;
margin-top: -1.8em;
left: 50%;
transform: translateX(-50%);
}
.loaderText {
font-size: 0.6em;
font-weight: bold;
}
.drop {
opacity: 1;
background: #9ea1a4;
display: block;
float: left;
width: 0.14em;
height: 0.5em;
margin-left: 0.2em;
border-radius: 0px 0px 6px 6px;
animation-name: drop;
animation-duration: 1s;
animation-iteration-count: infinite;
}
.drop:nth-child(1) {
animation-delay: -130ms;
}
.drop:nth-child(2) {
animation-delay: -240ms;
}
.drop:nth-child(3) {
animation-delay: -390ms;
}
.drop:nth-child(4) {
animation-delay: -525ms;
}
.drop:nth-child(5) {
animation-delay: -640ms;
}
.drop:nth-child(6) {
animation-delay: -790ms;
}
.drop:nth-child(7) {
animation-delay: -900ms;
}
.drop:nth-child(8) {
animation-delay: -1050ms;
}
.drop:nth-child(9) {
animation-delay: -1130ms;
}
.drop:nth-child(10) {
animation-delay: -1300ms;
} .mainHeader {
position: relative;
width: 100%;
background: #fff;
top: 0;
z-index: 99;
box-shadow: 0 0 1px rgb(0 0 0 / 20%);
} .logo {
max-width: 300px;
width: 100%;
margin-left: 2em;
} .mainNav {
max-width: 600px;
width: 100%;
position: relative;
}
.mainNav ul:first-child>li>a {
display: block;
padding: 3.5em 2em;
position: relative;
transition: transform 400ms cubic-bezier(1, -0.07, 1, 1);
}
.mainNav ul:first-child>li>a:after {
height: 2px;
width: 80%;
content: '';
position: absolute;
bottom: 0;
background: #bdcc00;
left: 50%;
transform: translateX(-50%) scale(0,1);
transition: transform 500ms cubic-bezier(0.75, 0.01, 1, 1);
transform-origin: right;
}
.mainNav ul:first-child>li:hover>a:after,
.mainNav ul:first-child>li.current_page_item>a:after,
.mainNav ul:first-child>li.current-page-ancestor>a:after {
transform-origin: left;
transform: translateX(-50%) scale(1,1);
}
.mainNav ul:first-child {
margin: 0;
list-style: none;
padding: 0;
display: flex;
}
.mainNav ul:first-child>li {
margin-right: 0;
} .mainNav ul:first-child li ul {
position: absolute;
width: 100%;
margin: 0;
padding: 0;
list-style-type: none;
display: flex;
flex-flow: wrap;
background: #fff;
box-shadow: 0 0.8em 0.6em rgb(0 0 0 / 17%);
background: rgb(255,255,255);
background: linear-gradient(153deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
backdrop-filter:blur(5px);
pointer-events: none;
transition: 600ms cubic-bezier(0.88, 0.01, 0.25, 1);
opacity: 0;
left: 0; overflow: hidden; }
.mainNav ul:first-child li:hover ul {
opacity: 1;
pointer-events: all;
}
.mainNav ul:first-child li ul>li {
transform: translateX(-0.7em);
transition: 500ms ease;
opacity: 0;
}
.mainNav ul:first-child li:hover ul>li {
transform: translateX(0);
opacity: 1;
}
.mainNav ul:first-child li:hover ul>li:first-child {
transition-delay: .1s;
}
.mainNav ul:first-child li:hover ul>li:nth-child(2) {
transition-delay: .2s;
}
.mainNav ul:first-child li:hover ul>li:nth-child(3) {
transition-delay: .3s;
}
.mainNav ul:first-child li:hover ul>li:nth-child(4) {
transition-delay: .4s;
}
.mainNav ul:first-child li:hover ul>li:nth-child(5) {
transition-delay: .5s;
}
.mainNav ul:first-child li:hover ul>li:nth-child(6) {
transition-delay: .6s;
}
.mainNav ul:first-child li:hover ul>li:nth-child(7) {
transition-delay: .7s;
}
.mainNav ul:first-child li:hover ul>li:nth-child(7) {
transition-delay: .8s;
}
.mainNav ul:first-child li ul>li>a {
display: block;
padding: 0.7em 0.7em 0.7em 2em;
position: relative;
}
.mainNav ul:first-child li ul>li>a:after {
content: '';
height: 0.6em;
width: 0.6em;
background: #9eb304;
top: 50%;
transform: translateY(-50%);
position: absolute;
left: 0.7em;
clip-path: polygon(100% 50%, 0 0, 0 100%);
transition: 200ms ease-in;
}
.mainNav ul:first-child li ul>li:hover>a:after {
left:1em;
}
.mainNav .hidden {
display: none !important;
}
@media screen and (max-width: 1024px){
.logo {
z-index: 88;
}
.mainNav.toggled {
transform: translateX(-40%);
backdrop-filter: blur(8px);
background: rgba(256,256,256,1);
box-shadow: 5px 0 10px rgba(30,30,30,0.25);
}
.menu-menu-1-container {
margin-left: 12em;
}
#primary-menu {
font-size: 0.85em !important;
}
.mainNav ul:first-child li ul.toggled {
max-height: 500px !important;
box-shadow: none;
}
.mainNav ul:first-child li ul>li>a {
padding: 0.35em 0.7em 0.35em 2em;
border-bottom: 1px solid #ccc;
}
.mainNav ul:first-child>li>a {
padding: 1em 0 0.25em 0 !important;
text-align: left;
}
.mainNav ul:first-child>li>a:after {
width: 100%;
left: 50%;
transform: translateX(-50%) scale(0,1);
}
.sub-menu {
padding: 0 !important;
font-size: 0.80em !important;
border: none;
}
.sub-menu li {
text-align: left !important;
padding: 0 0 !important;
margin: 0 0 !important;
}
.sub-menu li a {
line-height: 1.25em;
padding: 0 2em;
}
#primary-menu li li.current-menu-item {
font-weight: 600;
}
}
@media screen and (max-width: 768px){
.mainNav.toggled {
transform: translateX(-30%);
}
.menu-menu-1-container {
margin-left: 7em;
}
}
@media screen and (max-width: 480px){
.logo {
z-index: 0;
}
.mainNav.toggled {
transform: translateX(-20%);
}
.menu-menu-1-container {
margin-left: 2em;
}
} .hamburger {
width: 2.5em;
position: fixed;
cursor: pointer;
z-index: 1;
transition: 600ms cubic-bezier(0.59, 0, 0.38, 1);
top: 3em;
right:1.25em;
display:none;
}
.nav .hamburger {
left: 50%;
transform: translateX(-50%);
top: 2em;
}
.hamburger.times { }
.hamburger>div {
background: #becc00;
height: 4px;
margin-bottom: 5px;
transition: 400ms ease-out;
transform:translate(0,0) rotate(0);
opacity:1;
border-radius: 2px;
}
.hamburger>div:first-child { }
.hamburger.times>div:first-child {
transform: translateY(9px) rotate(45deg);
}
.hamburger>div:nth-child(2) { }
.hamburger.times>div:nth-child(2) {
transform: translateX(15px) rotate(-2deg);
opacity: 0;
}
.hamburger>div:last-child { }
.hamburger.times>div:last-child {
transform: translateY(-9px) rotate(-45deg);
}
input[type="checkbox"] {
width: 20px;
height: 20px;
} .swiper-pagination-bullet {
height: 1em;
width: 1em;
background: #bdcb01;
}
.swiper-button-next, .swiper-button-prev {
background: #bdcb01;
height: 2em;
width: 2em;
border-radius: 50%;
color: #fff;
font-size: 1em;
display: none;
}
.swiper-container-initialized .swiper-button-next, .swiper-container-initialized .swiper-button-prev {
display:flex;
}
.swiper-button-next:after, .swiper-button-prev:after {
font-size: 1em;
} .scroll#startmainslider {
padding: 0;
}
.mainSlider .swiper-slide {
background: #000;
overflow:hidden;
}
.mainSlider .sliderCaption {
position: absolute;
bottom: 2em;
left: 4em;
color: #fff;
z-index: 1;
font-weight: 500;
max-width: 21em;
text-align: center;
font-size: 1.5em;
width: 100%;
opacity: 0;
transition: 900ms ease-out;
}
.mainSlider .swiper-slide-active .sliderCaption,
.mainSlider.regularHeader .sliderCaption {
opacity:1;
transition-delay: 1.5s;
}
.mainSlider .sliderCaption .above {
position: relative;
padding-bottom: .2em;
margin-bottom: .2em;
display: block;
font-size: 2em;
}
.mainSlider .sliderCaption .above:after {
height: 0.05em;
background: #fff;
position: absolute;
width: 100%;
max-width: 2em;
content: '';
bottom: 0;
left: 50%;
transform: translateX(-50%);
}
.mainSlider .sliderImage img {
max-width: none;
width: 100%;
display: block;
opacity: .3;
transform: scale(1.1);
transition: opacity 1000ms, transform 3000ms cubic-bezier(0, 0, 0.39, 1.03);
}
.loaded .mainSlider .swiper-slide-active .sliderImage img,
.loaded .regularHeader .sliderImage img  {
opacity: .8;
transform: scale(1);
}
.mainSlider .swiper-button-next, 
.mainSlider .swiper-button-prev {
color: #fff;
} section.scroll {
padding: 5.5em 0; }
section.scroll:first-child {  }
section.scroll.dark {
background: rgb(191 191 191 / 15%);
}
.smallerimage {
max-width: 70%;
} .inner {
max-width: 1320px;
margin: 0 auto;
width: 90%;
} ul.checkList {
padding: 0;
margin: 0;
list-style-type: none;
}
ul.checkList>li {
position: relative;
padding: 0 0 2em 2.5em;
}
ul.checkList>li:after {
content:'';
position: absolute;
height: 2em;
width: 2em;
left: 0;
background: url(//vl-thermo-solutions.de/wp-content/themes/thermo/img/checklist.svg);
background-repeat: no-repeat;
background-position: top center;
top: 0;
} .dark .tiles {
margin-top: -8.5em;
}
.tile {
position: relative;
transition: 700ms;
}
.tile:hover {
transform: translateY(-1em);
}
.tile a {
position: relative;
transition: 700ms;
background: #000000;
overflow: hidden;
}
.tile:hover a {
box-shadow: 0 1em 1em rgb(0 0 0 / 45%);
}
.tile img {
max-width: none;
width: 100%;
transition: 400ms ease-in;
}
.tile:hover img {
opacity: .5;
}
.tile .tileOverlay {
position: absolute;
bottom: 0;
color: #fff;
font-weight: 700;
background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(255,255,255,0.00043767507002800965) 0%, rgb(0 0 0 / 40%) 100%);
width: 100%;
text-align: center;
font-size: 1;
transition:600ms cubic-bezier(0.64, 0.01, 0.26, 1.01);
}
.tile:hover .tileOverlay {
padding: 0 0 11em 0;
}
.tile .tileOverlay article {
width: 90%;
margin: 0 auto;
transition: 600ms cubic-bezier(0.69, 0.03, 0.34, 1);
}
.tile:hover .tileOverlay article {
}
.tile .tileOverlay h3 {
margin: 0 auto 1em;
font-size: 1.5em;
text-shadow: 0 0 3px rgba(20,20,20,0.5);
}
.tile .tileOverlay h3 span {
display: block;
font-size: 0.7em;
font-weight: 400;
}
.tile.active a {
background: #bdcb01;
}
.tile.active a img {
opacity: .3;
}
.tile.active a span.btn {
background: transparent;
}
.overlayCaption {
opacity: 0;
transform: translateY(-4em);
transition: 600ms cubic-bezier(0.69, -0.01, 0.25, 1);
position: absolute;
width: 85%;
text-align: center;
left: 7.5%;
bottom: 0;
font-size: 0.9em;
font-weight: 400;
}
.tile:hover .overlayCaption {
opacity: 1;
transform: translateY(0);
bottom: 0.5em;
}
.tile .overlayCaption span {
font-size: 0.75em;
} .swiper-container-textslider {
max-width: 1320px;
margin: 0 auto;
width: 90%;
overflow: hidden;
position: relative;
}
.swiper-container-textslider .swiper-wrapper {
transition-timing-function: cubic-bezier(0.87, 0, 0.13, 1);
}
.swiper-container-textslider .swiper-slide .postThumb,
.swiper-container-textslider .swiper-slide .text {
opacity: 0;
transform: translateX(-15%);
transition:1000ms;
transition-delay:1000ms;display: flex;align-items: flex-start;
}
.swiper-container-textslider .swiper-slide .text {
transition-delay:1300ms;
}
.swiper-container-textslider .swiper-slide-active .postThumb,
.swiper-container-textslider .swiper-slide-active .text {
opacity: 1;
transform: translate(0);
} section#news {
background: #000;
height: 20em;
overflow: hidden;
clip: rect(0 auto auto 0);
position: relative;
}
section#news figure {
background: #000;
position: absolute;
background-repeat: no-repeat;
background-size: cover;
height: 100%;
background-attachment: fixed;
width: 100%;
overflow: hidden;
object-fit: cover;
margin: 0;
clip: rect(0 auto auto 0);
}
section#news figure img {
opacity: .5;
max-width: none;
width: 100%;
display: block;
object-fit: cover;
position: fixed;
top: 0;
}
section#news figure figcaption {
position: absolute;
top: 50%;
left: 50%;
color: #fff;
z-index: 1;
font-weight: 500;
transform: translate(-50%, -50%);
max-width: 16em;
text-align: center;
font-size: 1.5em;
width: 100%;
}
section#news figure figcaption .above {
position: relative;
padding-bottom: .2em;
margin-bottom: .2em;
display: block;
font-size: 2em;
}
section#news figure figcaption .above:after {
height: 0.05em;
background: #fff;
position: absolute;
width: 100%;
max-width: 2em;
content: '';
bottom: 0;
left: 50%;
transform: translateX(-50%);
}
body.page-id-11 header.entry-header {
display: none;
} footer#mainFooter {
background: #2d2d2d;
padding: 5em 0;
color: #fff;
}
footer#mainFooter a {
color: #fff;
}
footer#mainFooter ul.menu {
list-style: none !important;
margin-left: 0.5em !important;
}
footer#mainFooter ul#kontakt li {
padding-bottom: 0.75em;
}
footer#mainFooter ul#kontakt li:nth-child(2) {
padding-bottom: 0;
} @keyframes pulse {
0% {
transform:scale(0);
opacity:1;
}
100% {
opacity:0;
transform: scale(2);
}
}
@keyframes drop {
50% {
height: 45px;
opacity: 0;
}
51% {
opacity: 0;
}
100% {
height: 1px;
opacity: 0;
}
}
@keyframes rotate {
0% {
transform: rotateZ(0deg);
}
100% {
transform: rotateZ(360deg);
}
} .borlabs-cookie-open-dialog-preferences a {
font-size: .75em !important;
}@media (max-width: 1250px) {
:root {
font-size: 18px;
}
}
@media (max-width: 1024px) {
:root {
font-size: 16px;
}
.mainHeader {
padding: 1em 0;
}    
.hamburger {
display:block;
}    
.mainSlider .sliderCaption {
font-size: 1em;
}    
.mainNav {
position: fixed;
background: rgb(255 255 255);
width: 100%;
max-width: none;
top: 0;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
font-size: 2em;
padding: 0 2em;
transition: 600ms cubic-bezier(0.7, 0, 0.35, 0.99);
transform: translateX(-100%);
}
.mainNav ul:first-child {
flex-direction: column;
}   
.mainNav ul:first-child>li {
padding: 0px 2em;
position: relative;
}
.mainNav ul:first-child>li.menu-item-has-children>.subnavToggler {
display: flex;
justify-content: center;
align-items: center;
}    
.mainNav ul:first-child li ul {
position: relative;
opacity: 1;
flex-direction: column; box-shadow: 0 0 0 2px rgb(0 0 0 / 17%);
opacity: 0;
max-height: 0;
min-height: 0;
}
.mainNav ul:first-child li:hover ul {
opacity:0;
} 
.mainNav ul:first-child li ul.toggled {
max-height: 500px;
opacity: 1;
padding-top: 1.5em;
}      
.mainNav ul:first-child li ul>li {
opacity: 1;
transform: translateX(0);
}
.mainNav ul:first-child>li>a {
padding: 1em;
}  
.swiper-button-prev, .swiper-container-rtl .swiper-button-next { }
.swiper-button-prev, .swiper-container-rtl .swiper-button-prev { }
.swiper-button-next, .swiper-button-prev {
font-size: 1em;
}    
}
@media (max-width: 685px) {
:root {
font-size: 13px;
}
a.phoneBtn {
font-size:1.5em;
}
.tile .tileOverlay article {
word-break: break-word;
} 
.logo {
max-width: 180px;
}    
}