body {
    font-size: 0.9rem;
    margin: 0;
    padding: 0;
    color: #0171A1;
    background-color: #7B1FA2
}

.container {
    margin-top: 10px;
    margin-bottom: 10px
}

h1, h2, h3 {
    padding: 20px 0;
    font-family: 'noticia_textbold';
    text-align: left;
}
a {
    color: #0171a1;
}
a.btn, a.btn:visited, a.btn:hover, .categories a.btn {
    font-family: 'noticia_textbold';
    color: #FFF;
}
#main p,form, ul {
    color: #333;
}
@font-face {
    font-family: 'noticia_textbold';
    src: url('./fonts/noticiatext-bold.eot');
    src: url('./fonts/noticiatext-bold.eot?#iefix') format('embedded-opentype'),
    url('./fonts/noticiatext-bold.woff') format('woff'),
    url('./fonts/noticiatext-bold.ttf') format('truetype'),
    url('./fonts/noticiatext-bold.svg#noticia_textbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'noticia_textitalic';
    src: url('./fonts/noticiatext-italic.eot');
    src: url('./fonts/noticiatext-italic.eot?#iefix') format('embedded-opentype'),
    url('./fonts/noticiatext-italic.woff') format('woff'),
    url('./fonts/noticiatext-italic.ttf') format('truetype'),
    url('./fonts/noticiatext-italic.svg#noticia_textitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'noticia_textbolditalic';
    src: url('./fonts/noticiatext-bolditalic.eot');
    src: url('./fonts/noticiatext-bolditalic.eot?#iefix') format('embedded-opentype'),
    url('./fonts/noticiatext-bolditalic.woff') format('woff'),
    url('./fonts/noticiatext-bolditalic.ttf') format('truetype'),
    url('./fonts/noticiatext-bolditalic.svg#noticia_textbolditalic') format('svg');
    font-weight: normal;
    font-style: normal;
}


h1 {
    padding: 30px 0;
}

p {
    text-align: justify;
}

main h2{
    color: #0171A1;
}
.categories div.col-md-4 {
    text-align: center;
    color: #0171A1;
    height: 300px;
    border-radius: 15px;
}
.categories h3 {
    font-size: 1rem;
    text-align: center;
}
.categories a {
    color: #1E5BA3;
}

.inner-image {
    padding: 30px;
    background-color: #fff;
}
.inner-image:hover {
    border-width:1px;
    border-style:solid;
    border-color:rgba(246, 245, 244, 1);
    border-radius:5px;
    -moz-box-shadow:0px 0px 20px rgba(153, 153, 153, 0.349019607843137);
    -webkit-box-shadow:0px 0px 20px rgba(153, 153, 153, 0.349019607843137);
    box-shadow:0px 0px 20px rgba(153, 153, 153, 0.349019607843137);
}
.footer-row {
    margin-top: 80px !important;
}
#footer_project {
    text-align: center;
    width: 65%;
    margin: 0 auto;
}
#eu {
    background:url(../images/eu.png) left center no-repeat;
    height: 80px;
    padding-left: 90px;
    padding-top: 20px;

}
/*
#washmashine {
    background: url("../images/washer.png") center center no-repeat white;
}

#aircondition {
    background: url("../images/klima.jpg") center center no-repeat white;
}

#fridge {
    background: url("../images/fridge.jpg") center center no-repeat white;
}

#tv {
    background: url("../images/tv.jpg") center center no-repeat white;
}

*/

.breadcrumb {
    background-color: transparent;
    border-bottom: 1px solid #dedede;
    padding: 5px 0;
    color:#333;
}
.breadcrumb a{
    color:#0171a1;
}

img {
    max-width: 100%;
}
#header {
    min-height: 300px;
    background-color: #0171A1;
    clear: both;
    color: #fff  !important;
}
#header-page {
    background: url("../images/header_page_bg.png") no-repeat left center #0171a1;
    color: #fff  !important;
    min-height: 230px;
    background-size: contain;
}
.part-header-page {
    background-color: #0171a1;
}
.header-text {
    color: #fff;
}
.inner-right-top-content {
    background-color: #d7d7d7;
    padding: 10px;
    /*height: 150px;*/
}
#header a {
    color: #fff;
    padding: 10px 0;
}

a.moreinfo, #header a.moreinfo {
    padding: 10px 70px;
    background: linear-gradient(180deg, rgba(129, 172, 80, 1) 0%, rgba(129, 172, 80, 1) 0%, rgba(115, 162, 59, 1) 100%, rgba(115, 162, 59, 1) 100%);
    border: none;
    border-radius: 5px;
    -moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.349019607843137);
    -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.349019607843137);
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.349019607843137);
    text-transform: uppercase;
    font-weight: 700;
}


.header-title {
    padding: 30px 0 10px 0;
    text-align: left;
}

.header_back {
    background: url("../images/header_nal.png") no-repeat;
    min-height: 300px;
}
.discover-label {
    margin-top: 102px; text-align:right;font-weight: bold;width:  200px; color: #fff; font-size: 1.1rem; text-transform: uppercase;
}
.header-arrow {
    margin-top: 95px; font-weight: bold;color: #fff; font-size: 1.5rem; text-transform: uppercase
}

.carousel-inner img {
    width: 100%;
    height: 100%
}

#prodcarousel .carousel-indicators {
    position: static;
    margin-top: 20px;
    min-height: 100px;
    margin-left: 5% !important;
    margin-right: 5% !important;
}

#prodcarousel .carousel-indicators>li {
    width: 100px
}

#prodcarousel .carousel-indicators li img {
    display: block;
    opacity: 0.5
}

#prodcarousel .carousel-indicators li.active img {
    opacity: 1
}

#prodcarousel .carousel-indicators li:hover img {
    opacity: 0.75
}
.carousel-item .col-md-4 img, .carousel-item .col img{
    height: 400px;
}

.carousel-item {
    width: 100%;
}
.carousel-control-next, .carousel-control-prev {
    width: 5%;
}
.carousel-control-next span, .carousel-control-prev span{
    background-color: #3e3b3b;
    padding: 20px;
    font-size: 13px;
    background-size: 50%;
}
#prodcarousel{
    padding: 15px;
    border: 1px solid #d7d7d7;
}
a.popover {
    border-radius: 50%;
    outline: none;
    border: none;
    width: 30px;
    height: 30px;
    display: block;
    padding: 0;
    margin: 0;
    text-align: center;
    color: #fff !important;
    position: absolute;
    left: 0px;
    top: 0px;
}
.catincl .categories .col-md-4 {
    width: 15% !important;
    flex: 0 0 0 15%;
    max-width: 15%;
}
.catincl .categories .col-md-4 ,
.catincl .categories .col-md-4 img{
    height: unset;
}
header h1#logoZPS  {
    margin: 0;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    width: 120px;
    height: 100px;
    background: url('../images/logo_zps.svg') no-repeat 20px 15px #c72b2b;
    display: block;
    float: right;
}
header h1#logoZPS a {
    padding-top: 10px;
    display: block;
    width: 120px;
    height: 100px;
}
.result_row {
    border-width: 5px !important;
    padding: 10px 0;
    height: 150px;
}
.result-draw div.result_row:nth-of-type(even) {background: #fff;}

.black {
    color: #4A4A4A;
}
.result_text_heading {height: 40px;
    position: absolute;
    padding-left: 180px;}
.result_text {
    padding: 10px 0 10px 10px;
    float: left;
    position: absolute;
    padding-left: 180px;
    padding-top: 50px;
}
.result_text p{
    margin: 0;
}
.result_text_heading h4{
    text-align: center;
    font-size: 1.3rem;
    font-weight: bold;
    top:75px;
}
.result_chart {
    float: right;
    margin-top: 50px;
    max-width: 257px;
    height: 30px;
    background: linear-gradient(270deg, rgba(255, 0, 0, 1) 0%, rgba(255, 0, 0, 1) 0%, rgba(237, 125, 49, 1) 17%, rgba(255, 192, 0, 1) 35%, rgba(255, 255, 0, 1) 52%, rgba(146, 208, 80, 1) 69%, rgba(112, 173, 71, 1) 85%, rgba(84, 130, 53, 1) 100%, rgba(84, 130, 53, 1) 100%);
    border: none;
    right: 15px;
    position: absolute;
}
.hor-line {
    position: absolute;
    top: 16px;
}
.stepper {
    font-size: 9px;
    top: 2em;
    /*margin-left: -10px;*/
}
.steptable {
position: relative;
    margin: 0;
    bottom:0;
}
.steptable td {
    width: 12.5%;
    position: relative;
    border-top: 1px solid #303030;

}
.steptable td.middle {
    border-top: 1px solid #303030;
    border-right: 1px solid #303030;
    border-left: 1px solid #303030;
}
.steptable td.middle:last-child {
    border-top: 1px solid #303030;
    border-right: none;
}

.steptable td span {
    top:100%;
    left: -7px;
    width: 100%;
    position: absolute;
}
.lines_v img {
    position: absolute;
    top: 15px;
}
.marker img {
    /*transform:rotate(180deg);*/
    web-kit-transform:rotate(180deg);
    position: absolute;
    top: -26px;
    left: 0;
}
.circle {
    height: 110px;
    max-width: 110px;
    text-align: center;
    padding: 10px;
    position: absolute;
    left: 20px;
    color: #303030;
    border-radius: 50%;
}
.circle span {
    font-size: 1rem;
    font-weight: bold;
    line-height: 1rem;
    margin-top: 12px;
    display: inline-block;
}
.grade_A {background-color: #238448;color: #fff;}
.grade_A img {filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(89deg) brightness(104%) contrast(95%)}
.grade_B {background-color: #77b941;}
.grade_C {background-color: #afdc3d;}
.grade_D {background-color: #ffce44;}
.grade_E {background-color: #e98600;}
.grade_F {background-color: #de460d;color: #fff;}
.grade_F img {filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(89deg) brightness(104%) contrast(95%)}
.grade_G {background-color: #d3061a;color: #fff;}
.grade_G img {filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(89deg) brightness(104%) contrast(95%)}


@media (max-width: 575.98px) {
    .header_back {
        background: none;
        min-height: unset;
        display: none;
    }

    .discover-label {
        margin-top: 102px; text-align:right;font-weight: bold;width:  200px; color: #fff; font-size: 1.1rem; text-transform: uppercase;
    }
    #footer_project {
        width: 100%;
        font-size: 0.8rem;
    }
    #eu {
        padding-top: 0px;

    }
    .stepper {
        width: 257px !important;
        /*max-width: 257px;
        margin-left: 0 !important;*/
    }

    .page img {max-width: 100%}
    .result_text_heading {
        padding-left: 10px;
        position: relative;
        width: 100%;
    }

    .result_text {
        float: left;
        position: absolute;
        padding-left: 150px;
        padding-top: 50px;
        font-size: 12px;
        margin-top: 62px;
    }
    .result_chart {
        max-width: 210px;
        right: 10px;
    }

    .green_circle {
        width: 112px;
        height: 112px;
        margin-top: 40px;
        background-size: contain;
    }
    .green_circle img{ height:35px}
    .green_circle span {font-size: 1rem}

}

@media (max-width: 767.98px) {
    #header-page {
        background: url("../images/header_nal.png") no-repeat left center #0171a1;
        color: #fff  !important;
        min-height: 230px;
        background-size: cover;
    }
    .header-arrow {
        max-width: 50%;
        font-size: 0.8rem;
        text-align: left;
        padding-right: 40px;
        margin-top: 90px;
        position: absolute;
    }
    .inner-image {
        padding: 5px;
    }
    .catincl .categories .col-md-4 {
        width: 50% !important;
        flex: 0 0 0 50%;
        max-width: 50%;
    }
    .catincl .categories .col-md-4 ,
    .catincl .categories .col-md-4 img{
        width: 60%;
    }
}

@media (max-width: 991.98px) {
}

@media (max-width: 1199.98px) {

}