/* ------------------ NODE RODO -------------------------------------------------------- */
@font-face {
    font-family: 'Roboto';
    src: url('../../fonts/page_extended/roboto-bold-webfont.eot');
    src: url('../../fonts/page_extended/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/page_extended/roboto-bold-webfont.woff2') format('woff2'),
         url('../../fonts/page_extended/roboto-bold-webfont.woff') format('woff'),
         url('../../fonts/page_extended/roboto-bold-webfont.ttf') format('truetype'),
         url('../../fonts/page_extended/roboto-bold-webfont.svg#robotobold') format('svg');
    font-weight: bold;
    font-style: normal;

}

@font-face {
    font-family: 'Roboto';
    src: url('../../fonts/page_extended/roboto-bolditalic-webfont.eot');
    src: url('../../fonts/page_extended/roboto-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/page_extended/roboto-bolditalic-webfont.woff2') format('woff2'),
         url('../../fonts/page_extended/roboto-bolditalic-webfont.woff') format('woff'),
         url('../../fonts/page_extended/roboto-bolditalic-webfont.ttf') format('truetype'),
         url('../../fonts/page_extended/roboto-bolditalic-webfont.svg#robotobold_italic') format('svg');
    font-weight: bold;
    font-style: italic;

}

@font-face {
    font-family: 'Roboto';
    src: url('../../fonts/page_extended/roboto-italic-webfont.eot');
    src: url('../../fonts/page_extended/roboto-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/page_extended/roboto-italic-webfont.woff2') format('woff2'),
         url('../../fonts/page_extended/roboto-italic-webfont.woff') format('woff'),
         url('../../fonts/page_extended/roboto-italic-webfont.ttf') format('truetype'),
         url('../../fonts/page_extended/roboto-italic-webfont.svg#robotoitalic') format('svg');
    font-weight: normal;
    font-style: italic;

}

@font-face {
    font-family: 'Roboto';
    src: url('../../fonts/page_extended/roboto-regular-webfont.eot');
    src: url('../../fonts/page_extended/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/page_extended/roboto-regular-webfont.woff2') format('woff2'),
         url('../../fonts/page_extended/roboto-regular-webfont.woff') format('woff'),
         url('../../fonts/page_extended/roboto-regular-webfont.ttf') format('truetype'),
         url('../../fonts/page_extended/roboto-regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}



/* ------------------ NODE RODO - COMMON ----------------------------------------------- */
body {
    font-family: "Roboto", Arial, sans-serif;
    color:#000;
    font-weight:normal;
    font-size:15px;
}

body .container {
    background-color:#fff;
}

/* ------------------ NODE RODO - LAYOUT ----------------------------------------------- */
body .node-line-parts .field--name-body > div {
    padding-top:30px;
    padding-bottom:15px;
}


body .node-line-parts .field--name-body > div:nth-child(n + 3):nth-child(odd) {
    color: #fff;
    background-color: #de1935;
    overflow-x: hidden;
    margin: 0;
    padding: 40px 40px;
}

body .node-line-parts .field--name-body .field__item .row {
    margin-left:0;
    margin-right:0;
}


/* ------------------ NODE RODO - LIST ----------------------------------------------- */
body .node .field--name-body ul li, 
body .node .field--name-body ul li.leaf {
    list-style-image:none;
    list-style:none;

    margin-left:30px; 
    position:relative;
}

body .node .field--name-body ul li:before,
body .node .field--name-body ul li.leaf:before {
    content:'';
    display:block;
    position:absolute;
    top:4px;
    left:-30px;
    width:17px;
    height:17px;
    border: 6px solid #bcbec0;
    border-radius: 50%;
}

body .node-line-parts .field--name-body .bg-red ul li:before,
body .node-line-parts .field--name-body .bg-red ul li.leaf:before,
body .node-line-parts .field--name-body > div:nth-child(2n + 1) ul li:before,
body .node-line-parts .field--name-body > div:nth-child(2n + 1) ul li.leaf:before {
    border-color:#fff;
}

/* ------------------ NODE RODO - BUTTON ----------------------------------------------- */
body .node .field--name-body a.btn {
    font-family: "Roboto", Arial, sans-serif;
    font-size: 1em;
    font-weight: bold;
    line-height: 1.1;
    color:#fff;
    text-transform:uppercase;
    text-decoration: none;

    background-color:#37bdbe;
    padding:18px 18px;
    width:100%;

    border-radius:0;

    transition:color 0.5s linear;
}

body .node .field--name-body a.btn.btn-light {
    color:#c6182f;

    background-color:#fff;
}
body .node .field--name-body a.btn:hover,
body .node .field--name-body a.btn:focus,
body .node .field--name-body a.btn.btn-light:hover,
body .node .field--name-body a.btn.btn-light:focus {
    color:#000;
}

@media all and (min-width:768px) {
body .node .field--name-body a.btn {
    font-size: 1.8em;
}
}

/* ------------------ NODE RODO - LINK ----------------------------------------------- */
body .node .field--name-body p a {
   color:#de1935;
   text-decoration:underline;
}
body .node .field--name-body p a:hover,
body .node .field--name-body p a:focus {
   color:#000;
}

/* ------------------ NODE RODO - HEADLINES --------------------- */
body .node .field--name-body h1,
body .node .field--name-body h2,
body .node .field--name-body h3 {
    font-family: "KnockoutHiBlur","Roboto", Arial, sans-serif;
    font-weight: normal;
}

body .node .field--name-body h2 {
    color: #de1935;
    text-transform: uppercase;
    font-size: 1.8em;
    font-family: "Roboto", Arial, sans-serif;
    font-weight: normal;
    margin: 0 0 10px;
    line-height: 1.3;
}
body .node .field--name-body h3 {
    background-color:#de1935;
    padding:8px 13px;

    font-size:1.5em;
    color:#fff;
}


/* ------------------ NODE RODO - CONTENT - CUSTOM --------------------- */
body .node .field--name-body .field__item:nth-child(2) .btn {
    margin-top:20px;
}

@media all and (min-width:768px) {
    body .node .field--name-body .field__item:nth-child(2) .col-sm-6.bg-white,
    body .node .field--name-body .field__item:nth-child(4) .col-sm-6.bg-white {
       width:50%;
       padding-left:0;
    }
    body .node .field--name-body .field__item:nth-child(2) .col-sm-6.bg-gray,
    body .node .field--name-body .field__item:nth-child(4) .col-sm-6.bg-gray {
       width:50%;
    }

}


body .node-line-parts .field--name-body div.field__item:last-child {
    background-color: transparent;
    padding: 0;
}