@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700&display=swap&subset=latin-ext');

@font-face {
    font-family: 'raiffeisen_ro-regular';
    src: url('raiffeisen_ro-regular-webfont.eot') format('embedded-opentype'),
         url('raiffeisen_ro-regular-webfont.woff2') format('woff2'),
         url('raiffeisen_ro-regular-webfont.woff') format('woff'),
         url('raiffeisen_ro-regular-webfont.ttf') format('truetype'),
         url('raiffeisen_ro-regular-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'raiffeisen_ro-bold';
    src: url('raiffeisen_ro-bold-webfont.eot') format('embedded-opentype'),
         url('raiffeisen_ro-bold-webfont.woff2') format('woff2'),
         url('raiffeisen_ro-bold-webfont.woff') format('woff'),
         url('raiffeisen_ro-bold-webfont.ttf') format('truetype'),
         url('raiffeisen_ro-bold-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}	

html {background: #000000;}
body {margin: 0px; padding: 0px; font-family: "raiffeisen_ro-regular", sans-serif; font-weight: 300;}

::-moz-selection { color: #ffdd00; background: #000000;}
::selection { color: #ffdd00; background: #000000;}

.header {background: #ffffff; text-align: center; padding: 20px 0px; border-bottom: 3px solid #000000;}
.content {background: #ffdd00; padding: 30px 0px;}
.content h1 {text-align: center; border-bottom: 1px solid rgba(255,255,255,0.5); font-family: "raiffeisen_ro-regular", sans-serif; font-weight: bold; font-size: 16px; padding-bottom: 10px;}
.content h1 span {font-size: 14px; font-weight: 300;}
.content .realestate {margin-bottom: 20px;}
.content .results {border-top: 1px solid rgba(255,255,255,0.5); margin-top: 20px; padding-top: 10px;}
.content .amount {background: #ffffff; padding: 30px;}
.content .amount p {margin: 0px;}
.content .amount span {font-weight: bold; font-size: 16px;}
.content .notice {background: rgba(255,255,255,0.4); padding: 30px 50px; font-style: italic;}
.content .notice p {margin: 0px;}
.content .icon {background: #000000; padding: 30px; text-align: center;}
.content tr {background: rgba(255,255,255,0.3); border-top: 1px solid #ffdd00; border-bottom: 1px solid #ffdd00;}
.content tr:nth-of-type(2n+1) {background: rgba(255,255,255,0.4) !important; border-top: 1px solid #ffdd00 !important; border-bottom: 1px solid #ffdd00 !important;}
.content td {padding: 10px; font-size: 18px; color: #000000;}
.content .measures span {font-weight: bold; font-size: 16px;}
.content .measures .title {font-style: italic;}
.content .contact {background: rgba(255,255,255,0.5); padding: 30px;}
.content .contact span.icon {background: #000000; display: block; width: 40px; height: 40px; float: left; padding: 0px; line-height: 38px;}
.content .contact span.label {background: #ffdd00; color: #000000; display: block;  width: 120px; height: 40px; font-size: 14px; float: left; padding: 0px 10px; text-align: right; line-height: 38px; font-weight: normal;}
.content .contact input {float: left; width: 370px; border: none; font-weight: bold; color: #000000;}
.content .contact .terms {margin-top: 5px;}
.content .contact .terms input {width: 20px; height: 20px; background: #ffffff;}
.content .contact .submit {margin-top: 20px; background: #000000; color: #ffffff; font-weight: normal; font-size: 18px; border: 2px solid #000000;}
.content .contact .submit:hover {background: #ffdd00; color: #000;}
.footer {background: #000000; margin: 20px 0px 50px; text-align: center; padding: 20px 0px; font-size: 10px; border: 2px solid #000000;}
.footer img {padding-bottom: 3px;}
.footer .copyright {border-top: 1px solid rgba(255,255,255,0.2); padding-top: 5px; margin-top: 5px;}

/** ITEM STYLING **/
.item {background: #000; min-height: 140px; position: relative;margin: 4px 10px 5px; width:250%;left:20%;}
.item h2 {font-size: 16px; text-align: left; color: #ffdd00; font-weight: bold; font-size: 15px; width: 30%; position: absolute; top: 10px; left: 5px; margin: 0px;}
.item a {background: none; color: #ffdd00; font-style: italic; font-weight: normal; font-size: 12px; text-decoration: none; display: block; text-align: right; padding: 10px; position: absolute; bottom: 0px; width: 100%; box-sizing: border-box;}
.item a span {color: #ffffff;}
.item .image {position: absolute; float: right; height: 55%; width: 100%; opacity: 0.4; background-repeat:no-repeat; background-position: 120%;}
.item .input {position: absolute; bottom: 0px; width: 100%; background: rgba(0,0,0,0.7); padding: 10px 20px; box-sizing: border-box; display: none;}
.item .input input {border-radius: 10px 0px 0px; width: 30%; border: none; float: right; text-align: right; font-weight: bold; color: #000000;}
.item .input .currency {background: #ffdd00; color: #000000; font-weight: bold; line-height: 38px; height: 40px; width: 60px; display: block; float: right;}
.item .input .label {font-size: 12px; color: #ffdd00; font-weight: normal; display: block; height: 40px; margin: 4px 10px 0px; float: left; top: 50%;transform: translateY(25%);text-align: right;}
.item .input .label_error {font-size: 12px; color: red; font-weight: bold; height: 40px; margin: 4px 10px 0px; float: left; text-align: right;}
.item .options {position: absolute; text-align: left; top: 20px; left: 20%; display: none;}

/** ITEM ACTIVE **/
.item.active {cursor: pointer;}
.item.active a {background: rgba(255,255,255,0.2)}
.item.active .image {opacity: 1;}

/** ITEM OPEN **/
.item.open {background: #ffffff;}
.item.open h2 {color: #000000;}
.item.open a {display: none;}
.item.open .image {opacity: 1;}
.item.open .input, .item.open .options {display: inherit;}

/** ITEM IMAGES **/
.item .image.realestate {background-image: url("../images/realestate.jpg");}
.item.open .image.realestate {background-image: url("../images/realestate.jpg");}
.item .image.heating {background-image: url("../images/heating.jpg");}
.item.open .image.heating {background-image: url("../images/heating.jpg");}
.item .image.roof {background-image: url("../images/roofinsulation.jpg");}
.item.open .image.roof {background-image: url("../images/roofinsulation-active.jpg");}
.item .image.floor {background-image: url("../images/floorinsulation.jpg");}
.item.open .image.floor {background-image: url("../images/floorinsulation-active.jpg");}
.item .image.lightbulbs {background-image: url("../images/lightbulbs.jpg");}
.item.open .image.lightbulbs {background-image: url("../images/lightbulbs-active.jpg");}
.item .image.doors {background-image: url("../images/doors.jpg");}
.item.open .image.doors {background-image: url("../images/doors-active.jpg");}
.item .image.windows {background-image: url("../images/windows.jpg");}
.item.open .image.windows {background-image: url("../images/windows-active.jpg");}
.item .image.radiators {background-image: url("../images/radiators.jpg");}
.item.open .image.radiators {background-image: url("../images/radiators-active.jpg");}
.item .image.heatpumps {background-image: url("../images/heatpumps.jpg");}
.item.open .image.heatpumps {background-image: url("../images/heatpumps-active.jpg");}
.item .image.fridge {background-image: url("../images/fridge.jpg");}
.item.open .image.fridge {background-image: url("../images/fridge-active.jpg");}
.item .image.washingmachine {background-image: url("../images/washingmachine.jpg");}
.item.open .image.washingmachine {background-image: url("../images/washingmachine-active.jpg");}
.item .image.dishwasher {background-image: url("../images/dishwasher.jpg");}
.item.open .image.dishwasher {background-image: url("../images/dishwasher-active.jpg");}
.item .image.stove {background-image: url("../images/stove.jpg");}
.item.open .image.stove {background-image: url("../images/stove-active.jpg");}
.item .image.airconditioner {background-image: url("../images/airconditioner.jpg");}
.item.open .image.airconditioner {background-image: url("../images/airconditioner-active.jpg");}

@media (min-width: 768px) {
    .content .amount span {font-weight: bold; font-size: 21px;}
    .content .measures span {font-weight: bold; font-size: 21px;}
}


.full { text-transform: uppercase; font-size: x-small !important;display: none;}


.hidden { display: none; }

input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
 
input[type="number"] {
    -moz-appearance: textfield;
}

.x_close {
	position: relative;top:-130px;right:-15px;float:right;font-weight: bold;display:none;
}