@font-face {font-family:'Karla'; font-style:normal; font-weight:400; src:url(/files/fonts/font-a3e80718.woff2) format('woff2'), url(/files/fonts/font-b4e89c80.woff) format('woff'); }
.formRow_enabled {
opacity:1;
pointer-events:initial;
}
* {
margin:0;
padding:0;
outline:none;
}
html {
font-family:Karla;
font-size:18px;
font-weight:400;
line-height:28px;
}
body {
overflow-x:hidden;
position:relative;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
opacity:0;
width:100%;
}
body.loaded {
opacity:1;
}
.sectionStep {
width:100%;
padding-top:70px;
padding-bottom:70px;
display:flex;
justify-content:center;
position:relative;
z-index:1;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
}
#waitForResult {
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
z-index:2;
opacity:0;
pointer-events:none;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
background-color:rgba(255,255,255,0.6);
background-image:url(/files/img/waitForResult.svg);
background-position:center;
background-repeat:no-repeat;
}
.waitForResult #waitForResult {
opacity:1;
pointer-events:initial;
}
.sectionContainer {
max-width:700px;
width:100%;
text-align:center;
}
.formRow_title {
font-size:24px;
font-weight:500;
line-height:34px;
margin-bottom:20px;
justify-content:center;
}
.formRow {
display:flex;
flex-direction:column;
margin-bottom:20px;
}
.formfield {
display:flex;
flex-direction:column;
align-items:center;
}
.formRow_disabled {
display:none;
}
select {
background:none;
border:0;
border-radius:0!important;
border:2px solid #f3c565;
line-height:40px;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
width:100%;
font-size:18px;
height:40px;
}
input[type='submit'] {
background:none;
border:0;
border-radius:0!important;
border:2px solid #f3c565;
line-height:40px;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
width:100%;
font-size:18px;
height:40px;
cursor:pointer;
background-color:rgba(243,194,101,0);
animation-name:color;
animation-duration:2s;
animation-iteration-count:infinite;
}
.formTable_cellCalculate {
border:2px solid #f3c565;
line-height:40px;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
width:calc(100% - 4px);
font-size:18px;
height:40px;
text-align:center;
margin-top:20px;
cursor:pointer;
background-color:rgba(243,194,101,0);
animation-name:color;
animation-duration:2s;
animation-iteration-count:infinite;
}
@keyframes color {
0% {
background-color:rgba(243,194,101,0);
}
50% {
background-color:rgba(243,194,101,1);
}
100 {
background-color:rgba(243,194,101,0);
}
}
.checkStyledInput {
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
animation-name:color;
animation-duration:2s;
animation-iteration-count:infinite;
}
.checkStyledInput.hasValue {
animation-name:none;
}
input[type='text'], input[type='number'] {
background:none;
border:0;
border-radius:0!important;
border:2px solid #f3c565;
line-height:40px;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
width:calc(100% - 44px);
font-size:18px;
height:40px;
padding-left:20px;
padding-right:20px;
text-align:right;
}
textarea {
font-family:Karla;
background:none;
border:0;
border-radius:0!important;
border:2px solid #f3c565;
line-height:40px;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
width:calc(100% - 24px);
height:100px;
font-size:18px;
line-height:28px;
padding:10px;
text-align:left;
}
input.required {
background:yellow;
}
.formTable_submit input[type='text'] {
text-align:left;
}
input[type='submit']:hover, .formTable_cellCalculate:hover {
animation-name:unset;
background-color:#f3c565!important;
color:#000;
}
.formTable {
width:100%;
text-align:left;
}
.formTable td {
padding-left:10px;
padding-right:10px;
padding-bottom:10px;
}
.formTable td:first-Child {
padding-left:0;
}
.formTable td:last-Child {
padding-right:0;
text-align:right;
}
.formTable_submit td:last-Child {
text-align:left;
}
.formTable_cellInfo {
padding-bottom:0!important;
padding-top:10px!important;
font-size:16px;
line-height:20px;
text-align:center!important;
}
.formTable_title {
text-align:left!important;
}
.formTable_cellDivider {
border-bottom:2px solid #000000;
}
.formTable_cellResult {
border:2px solid #f3c565;
line-height:40px;
width:calc(100% - 44px);
font-size:18px;
height:40px;
padding-left:20px;
padding-right:20px;
text-align:right;
}
.formTable_cellResult.red {
background-color:rgba(243,194,101,0.5);
}
.formTable_cellCheckbox {
display:flex;
justify-content:center;
align-items:center;
height:40px;
}
.formTable_rowSubmit {
display:none;
}
.formTable_rowContactus {
padding-top:20px;
}
.formTable_rowAnno {
display:none;
}
.formTable_rowMese {
display:none;
}
#downloadPdf {
    background:none;
    border:0;
    border-radius:0!important;
    border:2px solid #f3c565;
    line-height:40px;
    -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -ms-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
    font-size:18px;
    height:40px;
    cursor:pointer;
    background-color:rgba(243,194,101,0);
    animation-name:color;
    animation-duration:2s;
    animation-iteration-count:infinite;
    display:block;
    width:calc(100% - 4px);
    text-align:center;
    text-decoration:none;
    color:#000000;
}
#showForm, #contactUs {
    background:none;
    border:0;
    border-radius:0!important;
    border:2px solid #f3c565;
    line-height:40px;
    -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -ms-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
    font-size:18px;
    height:40px;
    cursor:pointer;
background-color:rgba(243,194,101,1);
    display:block;
    width:calc(100% - 4px);
    text-align:center;
    text-decoration:none;
    color:#000000;
    margin-top:150px;
animation-name:unset;
}
#showForm:hover {
    background-color:rgba(243,194,101,0);
}
#downloadPdf:hover, #contactUs:hover {
animation-name:unset;
background-color:#f3c565!important;
color:#000;
}
.formInput_emailHolder {
display:none;
}
.sectionContainer h1 {
    font-size:38px;
    line-height:48px;
    font-weight:500;
    letter-spacing:-1px;
    margin:0 0 30px 0;
    color:#000;
    text-transform:inherit;
    letter-spacing:-2px;
}
.sectionContainer p {
text-align:left;
display:flex;
align-items:center;
}
.sectionContainer a {
display:block;
}
input[type="checkbox"] {
    background:none;
    border:0;
    border-radius:0!important;
    border:2px solid #f3c565;
    height:40px;
}
#tutorialYoutube {
position:fixed;
top:20px;
right:20px;
height:50px;
animation:pulseIcon 1.5s infinite;
border-radius:15px;
z-index:999;
}
#tutorialYoutube svg {
height:100%;
width:auto;
}
@keyframes pulseIcon {
0% {
transform:scale(0.99);
box-shadow:0 0 0 0 rgba(135,135,135,0.9);
}

70% {
transform:scale(0.7);
box-shadow:0 0 0 15px rgba(135,135,135,0);
}

100% {
transform:scale(0.99);
box-shadow:0 0 0 0 rgba(135,135,135,0);
}
}
#tutorialImage_activator {
position:fixed;
left:20px;
top:20px;
line-height:50px;
border-radius:25px;
border:2px solid #f3c565;
animation:pulseIcon 1.5s infinite;
cursor:pointer;
z-index:999;
padding-left:20px;
padding-right:20px;
}
#tutorialImage_activator a {
text-decoration:none;
}
#limitedPDF {
text-align:center;
width:calc(100% - 4px);
background-color:yellow;
border:2px solid red;
font-weight:bold;
padding-top:6px;
padding-bottom:6px;
}
.formTable_cellResult.green {
    border: 2px solid #99cc66;
background-color: rgba(153,204,102,0.5);
}
.isGrey {
background-color:rgba(204,204,204,0.5)!important;
}
.formTable_group {
padding:20px;
background-color:rgba(255,255,204,0.3)!important;
}
.lighter.formTable_group {
background-color:rgba(204,204,204,0.2)!important;
}
input.disabled {
pointer-events:none;
}
#euroKwAlert {
position:fixed;
top:0;
left:0;
width:100vw;
height:100vh;
z-index:9999;
pointer-events:none;
opacity:0;
    -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -ms-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
}
.showAlert #euroKwAlert {
pointer-events:initial;
opacity:1;
}
#euroKwAlert_background {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-color:rgba(0,0,0,0.5);
}
#euroKwAlert_wrapper {
position:absolute;
left:50%;
top:50%;
-webkit-transform:translateX(-50%) translateY(-50%);
-moz-transform:translateX(-50%) translateY(-50%);
-ms-transform:translateX(-50%) translateY(-50%);
-o-transform:translateX(-50%) translateY(-50%);
transform:translateX(-50%) translateY(-50%);
background-color:#ffffff;
padding:20px;
border:2px solid red;
border-radius:20px;
}
#euroKwAlert_close {
position:absolute;
top:-20px;
right:-20px;
width:20px;
height:20px;
z-index:9;
cursor:pointer;
background-color:#ffffff;
padding:10px;
border:2px solid red;
border-radius:50%;
}
#euroKwAlert_close svg {
width:20px;
height:20px;
}