/*
##################################################
# Project ID    : 20151228-764
# Reference     : Renda
# Latest update : January 12, 2016
##################################################
*/

/*
 * Variables:
 *
 * Template = renda
 * Lettertype koppen = bebas_neue_regular
 * Lettertype tekst normaal = fira_sans_regular
 * Lettertype tekst schuin = fira_sans_italic
 * Lettertype tekst dun = fira_sans_light
 * Lettertype tekst medium = fira_sans_medium
 * Lettertype tekst dik = fira_sans_bold
 * Slide wisselsnelheid = 1.0
 * Slideduur = 5
 * Primaire kleur = #7294a4
 * Accent kleur = 
 * Accent kleur rgb = {{Accent kleur rgb}}
 * Hue120 van primaire kleur = #a47294
 * Hue180 van primaire kleur = #a48272
 * Hue240 van primaire kleur = #94a472
 * Hue240 van primaire kleur rgb = 148, 164, 114
 * Secundaire kleur = {{Secundaire kleur}}
 * Primaire kleur rgb = 114, 148, 164
 * Secundaire kleur rgb = {{Secundaire kleur rgb}}
 * Header achtergrondkleur = #C7C7C7
 * Header achtergrondkleur rgb = 199, 199, 199
 * Header bovenkant achtergrondkleur = #7294a4
 * Header bovenkant achtergrondkleur rgb = 114, 148, 164
 * Footer achtergrondkleur = #7294a4
 * Footer achtergrondkleur rgb = 114, 148, 164
 * Titel kleur = #b97a80
 * Titel kleur rgb = 185, 122, 128
 */

/* #Site Styles 
================================================== */

@keyframes animationFrames{
    0% {
        opacity:0;
        transform:  translate(0px,-25px)  ;
    }
    100% {
        opacity:1;
        transform:  translate(0px,0px)  ;
    }
}

@-moz-keyframes animationFrames{
    0% {
        opacity:0;
        -moz-transform:  translate(0px,-25px)  ;
    }
    100% {
        opacity:1;
        -moz-transform:  translate(0px,0px)  ;
    }
} 

@-webkit-keyframes animationFrames {
    0% {
        opacity:0;
        -webkit-transform:  translate(0px,-25px)  ;
    }
    100% {
        opacity:1;
        -webkit-transform:  translate(0px,0px)  ;
    }
}

@-o-keyframes animationFrames {
    0% {
        opacity:0;
        -o-transform:  translate(0px,-25px)  ;
    }
    100% {
        opacity:1;
        -o-transform:  translate(0px,0px)  ;
    }
}

@-ms-keyframes animationFrames {
    0% {
        opacity:0;
        -ms-transform:  translate(0px,-25px)  ;
    }
    100% {
        opacity:1;
        -ms-transform:  translate(0px,0px)  ;
    }
}


#headerCntr .menuBox ul li.has-dropdown > ul.dropdown {
    position: absolute;
    background-color: #C7C7C7;
    padding: 15px 0 15px 15px;
    margin-left: -15px;
    -webkit-box-shadow: 5px 5px 0px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 5px 5px 0px 0px rgba(0,0,0,0.2);
    box-shadow: 5px 5px 0px 0px rgba(0,0,0,0.2);
    z-index: 1;
    display: none;
    transform:  translate(0px,-25px);
    -moz-transform:  translate(0px,-25px);
    -webkit-transform:  translate(0px,-25px);
    -o-transform:  translate(0px,-25px);
    -ms-transform:  translate(0px,-25px);
}

@media only screen and (min-width: 768px) {
    #headerCntr .menuBox ul li.has-dropdown {
        line-height: 15px;
    }
}

@media only screen and (max-width: 767px) {

    #headerCntr .menuBox ul.dropdown {
        width: 100vw;
        -webkit-box-shadow: 0px 5px 0px 0px rgba(0,0,0,0.2);
        -moz-box-shadow: 0px 5px 0px 0px rgba(0,0,0,0.2);
        box-shadow: 0px 5px 0px 0px rgba(0,0,0,0.2);
    }
}

#headerCntr .menuBox ul li.has-dropdown:hover > ul.dropdown {
    display: block;
    animation: animationFrames ease-out 0.5s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
    animation-fill-mode:forwards; /*when the spec is finished*/
    -webkit-animation: animationFrames ease-out 0.5s;
    -webkit-animation-iteration-count: 1;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/
    -moz-animation: animationFrames ease-out 0.5s;
    -moz-animation-iteration-count: 1;
    -moz-transform-origin: 50% 50%;
    -moz-animation-fill-mode:forwards; /*FF 5+*/
    -o-animation: animationFrames ease-out 0.5s;
    -o-animation-iteration-count: 1;
    -o-transform-origin: 50% 50%;
    -o-animation-fill-mode:forwards; /*Not implemented yet*/
    -ms-animation: animationFrames ease-out 0.5s;
    -ms-animation-iteration-count: 1;
    -ms-transform-origin: 50% 50%;
    -ms-animation-fill-mode:forwards; /*IE 10+*/
}

/* #Font-Face
================================================== */

/* ### general ### */
* {
    margin: 0px;
    padding: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html, body {
    font-family: 'fira_sans_regular', sans-serif;
    font-size: 12px;
    color: #000;
}

input, select, textarea {
    font-family: 'fira_sans_regular', sans-serif;
    font-size: 12px;
    color: #000;
}

body {
    background: #fff;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
}

img {
    border: 0px;
    display: block;
}

ul, li {
    list-style: none;
}

:focus {
    outline: none;
}

fieldset {
    border: none;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}

a {
    text-decoration: none;
    color: #7294a4;
}

/* ### global classes ### */
.clear {
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.center {
    margin: 0 auto;
    max-width: 1000px;
    position: relative;
}

.topbg {
    background: #C7C7C7;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 430px;
}

.bottombg {
    background: #7294a4;
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 196px;
}

/* ### wrapper ### */
#wrapper {
    position: relative;
    display: block;
    width: 100%;
    min-height: 100%;
}

/* ### main container ### */
#mainCntr {
    width: 100%;
}

/* ### header container ### */
#headerCntr {
    position: relative;
    width: 100%;
}

#headerCntr .center {
    padding: 0px 0px 0px 222px;
}

#headerCntr .topBox {
    width: 100%;
    overflow: hidden;
    background: #1e1e1c;
}

#headerCntr .topBox ul {
    float: right;
}

#headerCntr .topBox li {
    float: left;
    border-right: 1px solid #8f8f8d;
}

#headerCntr .topBox li a {
    font-family: 'bebas_neue_regular', sans-serif;
    font-size: 13px;
    color: #fff;
    padding: 10px 13px 10px 13px;
    display: block;
    text-decoration: none;
}

#headerCntr .topBox li a:hover {
    color: #018cc5;
}

#headerCntr .topBox li:last-child {
    border: none;
}

#headerCntr .logo {
    position: absolute;
    top: 20px;
    left: 82px;
    z-index: 1;
}

#headerCntr .logo img {
    max-width: 100%;
}

/* ### menu container ### */
#menuCntr {
    width: 100%;
    background: #7294a4;
}

/* ### menu box ### */
#headerCntr .menuBox {
    float: left;
}

#headerCntr .menuBox ul {
    padding: 26px 0px 20px 0px;
    list-style: none;
}

#headerCntr .menuBox li {
    padding: 0px 18px 0px 0px;
    float: left;
}

#headerCntr .menuBox li a {
    font-family: 'bebas_neue_regular', sans-serif;
    font-size: 15px;
    color: #fff;
    text-decoration: none;
}

#headerCntr .menuBox li a:hover {
    text-decoration: underline;
}

#headerCntr .menuBox .search {
    display: none;
}

#headerCntr .menuBox .topBox {
    display: none;
}

#headerCntr .bottom {
    padding: 18px 0px 11px 0px;
    background: #C7C7C7;
}

#headerCntr .bottom .title {
    width: 320px;
    float: left;
    font-family: 'bebas_neue_bold', sans-serif;
    font-size: 28px;
    color: #fff;
    line-height: 30px;
}

#headerCntr .search {
    margin-top: 5px;
    width: 267px;
    height: 46px;
    float: left;
    line-height: 46px;
    background: #fff;
}

#headerCntr .search input[type="text"] {
    width: -webkit-calc(100% - 42px);
    width: calc(100% - 42px);
    font-size: 13px;
    color: #C3C3C3;
    float: left;
    border: none;
    background: none;
    line-height: 46px;
    height: 46px;
    padding: 0px 15px;
}

#headerCntr .search .button {
    width: 42px;
    height: 46px;
    line-height: 46px;
    display: block;
    font-size: 20px;
    color: #c3c3c3;
    float: left;
    cursor: pointer;
    border: none;
    background: none;
}

#headerCntr .search .button:hover {
    color: #7294a4;
}

#headerCntr .select {
    width: 168px;
    margin-left: 5px;
    margin-top: 5px;
    height: 46px;
    float: left;
    padding: 0 32px;
    font-size: 13px;
    color: #fff;
    cursor: pointer;
    -webkit-border-radius: 0;
    border-radius: 0;
    border: 1px solid #d2d2d2;
    background: url(../renda/images/select_arrow4.png) no-repeat right;
    -webkit-appearance: none;
    -moz-appearance: none;
}

#headerCntr .select option {
    color: #333;
}

/* ### right link ### */
#headerCntr .rightLink {
    float: right;
    position: relative;
}

#headerCntr .rightLink ul {
    overflow: hidden;
    background: #fff;
}

#headerCntr .rightLink li {
    float: left;
}

#headerCntr .rightLink li > a {
    padding: 21px 14px 19px 14px;
    position: relative;
    display: block;
    font-family: 'bebas_neue_regular', sans-serif;
    font-size: 17px;
    color: #1E1E1C;
    text-decoration: none;
    border-right: 1px solid #565654;
}

#headerCntr .rightLink li a:hover, #headerCntr .rightLink li.active a {
    color: #7294a4;
    border-right: 1px solid #7294a4;
}

#headerCntr .rightLink li.link a {
    padding: 24px 20px 18px 20px;
}

#headerCntr .rightLink li a span {
    font-size: 20px;
}

#headerCntr li a small {
    width: 17px;
    height: 17px;
    color: #fff;
    line-height: 17px;
    font-size: 9px;
    text-align: center;
    position: absolute;
    right: 3px;
    top: 4px;
    background: #c85516;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

#headerCntr .rightLink li:last-child a {
    border: none;
}

#headerCntr .rightLink li span.icon {
    width: 18px;
    height: 26px;
    display: block;
    background: url(../renda/images/icon.png) left top no-repeat;
}

#headerCntr .rightLink li span.icon:hover {
    background: url(../renda/images/icon_hover.png) left top no-repeat;
}

#headerCntr .rightLink li:hover > a {
    color: #7294a4;
}

#headerCntr .rightLink li.link span {
    margin-left: 5px;
}

#headerCntr .rightLink li.user {
    position: inherit;
}

#headerCntr .rightLink li.user > a {
    padding: 24px 20px 18px 20px;
}

/* ### login popup ### */
/*#headerCntr .rightLink li.login:hover .loginBox { display: block; } */
#headerCntr .loginBox {
    display: none;
    position: absolute;
    right: 0px;
    top: 60px;
    z-index: 99;
    width: 245px;
    padding: 20px 17px 20px 23px;
    background: #fff;
}

#headerCntr .loginBox .title {
    padding-bottom: 6px;
    display: block;
    font-weight: normal;
    font-family: 'bebas_neue_regular', sans-serif;
    font-size: 18px;
    color: #7294a4;
}

#headerCntr .loginBox input[type="text"], #headerCntr .loginBox input[type="email"], #headerCntr .loginBox input[type="password"] {
    margin-bottom: 5px;
    padding: 0px 20px;
    line-height: 40px;
    font-size: 13px;
    color: #7294a4;
    width: 100%;
    border: 1px solid #c0e1f0;
    height: 40px;
}

#headerCntr .loginBox .button {
    margin-top: 5px;
    display: block;
    height: 35px;
    line-height: 35px;
    width: 100%;
    border: none;
    font-family: 'bebas_neue_regular', sans-serif;
    font-size: 18px;
    color: #fff;
    text-align: center;
    cursor: pointer;
    background: #334779 url(../renda/images/in.png) 8px 8px no-repeat;
}

.btn-block,
#headerCntr .loginBox .btn {
    display: block;
    height: 35px;
    margin-top: 10px;
    line-height: 35px;
    width: 100%;
    border: none;
    font-family: 'bebas_neue_regular', sans-serif;
    font-size: 18px;
    color: #fff;
    text-align: center;
    cursor: pointer;
    background: #7294a4;
}

.btn-block,
#headerCntr .loginBox .btn:disabled {
    background: #c3c3c3;
}

#headerCntr .loginBox .btn:hover {
    text-decoration: underline;
}

#headerCntr .loginBox .button:hover {
    text-decoration: underline;
}

#headerCntr .loginBox .row {
    position: relative;
}

#headerCntr .loginBox .checkbox label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 20px;
    margin-right: 3px;
    font-size: 10px;
    color: #7294a4;
}

#headerCntr .loginBox .checkbox input[type=checkbox] {
    display: none
}

#headerCntr .loginBox .checkbox label::before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    position: absolute;
    left: 0;
    bottom: 0px;
    border: 1px solid #bee2f0;
}

#headerCntr .loginBox .checkbox label::before {
    background: url(../renda/images/checkbox_normal.png) center center no-repeat;
    background-size: cover;
}

#headerCntr .loginBox .checkbox input[type=checkbox]:checked + label::before {
    content: "";
    background: url(../renda/images/checkbox_selected.png);
    background-size: cover;
}

#headerCntr .loginBox p {
    padding: 5px 0px 15px 0;
    font-size: 10px;
    color: #334779;
}

#headerCntr .loginBox .block {
    padding: 14px 0px;
    margin-top: 10px;
    overflow: hidden;
    text-align: center;
    background: #c3c3c3;
    cursor: pointer;
}

#headerCntr .loginBox .block:hover .btn2 {
    color: #7294a4;
}

#headerCntr .loginBox .block span {
    font-size: 11px;
    color: #334779;
    font-weight: bold;
}

#headerCntr .loginBox .block .btn2 {
    font-family: 'bebas_neue_regular', sans-serif;
    font-size: 16px;
    display: block;
    color: #fff;
    font-weight: normal;
    cursor: pointer;
    border: none;
    background: none;
    margin: 0px auto;
    cursor: pointer;
}

#headerCntr .loginBox .help {
    font-size: 10px;
    color: #7294a4;
    text-decoration: underline;
}

#headerCntr .loginBox input[type="text"]::-webkit-input-placeholder {
    color: #80c5e6;
}

#headerCntr .loginBox input[type="text"]:-moz-placeholder {
    color: #80c5e6;
}

#headerCntr .loginBox input[type="text"]::-moz-placeholder {
    color: #80c5e6;
}

#headerCntr .loginBox input[type="text"]:-ms-input-placeholder {
    color: #80c5e6;
}

#headerCntr .loginBox input[type="email"]::-webkit-input-placeholder {
    color: #80c5e6;
}

#headerCntr .loginBox input[type="email"]:-moz-placeholder {
    color: #80c5e6;
}

#headerCntr .loginBox input[type="email"]::-moz-placeholder {
    color: #80c5e6;
}

#headerCntr .loginBox input[type="email"]:-ms-input-placeholder {
    color: #80c5e6;
}

#headerCntr .loginBox input[type="password"]::-webkit-input-placeholder {
    color: #80c5e6;
}

#headerCntr .loginBox input[type="password"]:-moz-placeholder {
    color: #80c5e6;
}

#headerCntr .loginBox input[type="password"]::-moz-placeholder {
    color: #80c5e6;
}

#headerCntr .loginBox input[type="password"]:-ms-input-placeholder {
    color: #80c5e6;
}

#headerCntr .loginBox.forgot p {
    color: #7294a4;
}

/* ### login popup ### */
#headerCntr .rightLink li.user:hover > a {
    color: #7294a4;
}

#headerCntr .rightLink li.user:hover .loginuser {
    display: block;
}

#headerCntr .loginuser {
    display: none;
    position: absolute;
    right: 0px;
    top: 60px;
    z-index: 99;
    width: 240px;
    padding: 20px 17px 20px 23px;
    background: #fff;
}

#headerCntr .loginuser .title {
    font-family: 'bebas_neue_regular', sans-serif;
    font-size: 18px;
    color: #7294a4;
    float: left;
    font-weight: normal;
}

#headerCntr .loginuser .image {
    float: right;
    width: 70px;
}

#headerCntr .loginuser ul {
    padding-top: 10px;
    list-style: none;
}

#headerCntr .loginuser li {
    margin-bottom: 5px;
    float: none;
}

#headerCntr .loginuser li a {
    border: none;
    padding: 0px;
    font-family: 'bebas_neue_regular', sans-serif;
    display: block;
    line-height: 35px;
    height: 35px;
    font-size: 16px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    background: #7294a4;
}

#headerCntr .loginuser li a:hover, #headerCntr .loginuser li.active a {
    border: none;
    color: #fff;
    background: #c3c3c3;
}

/* ### content container ### */
#contentCntr {
    width: 100%;
}

#contentCntr .bg {
    padding: 0px 44px 0px 47px;
    overflow: hidden;
    background: #fff;
}

/* ### breadcrumbs ### */
.breadcrumbsBox {
    padding: 11px 32px 6px 18px;
    min-width: 376px;
    display: inline-block;
    overflow: hidden;
    background: #C7C7C7;
}

.breadcrumbsBox ul {
}

.breadcrumbsBox li {
    float: left;
    font-size: 12px;
    color: #fff;
}

.breadcrumbsBox li a {
    padding: 0px 0px 0px 2px;
    color: #fff;
    text-decoration: none;
}

.breadcrumbsBox li a:after {
    margin: 0px 5px;
    padding: 0px;
    content: '>';
    width: 8px;
    height: 8px;
    display: inline-block;
    /*background: url(../renda/images/breadcrumbs_arrow.png) right center no-repeat;*/
}

.breadcrumbsBox li a:hover {
    text-decoration: underline;
}

/* ### content container ### */
#container {
    /* padding: 20px 0px 80px 0px; */
    padding: 20px 0px 20px 0px;
}

/* ### left container ### */
#leftCntr {
    padding: 0px 46px 0px 0px;
    float: left;
    width: 62%;
}

/* ### content box ### */
.contentBox {
    padding: 0px 0px 22px 0px;
    width: 100%;
    overflow: visible;
    position: relative;
}

.contentBox .icon {
    display: block;
    position: absolute;
    right: 0px;
    top: 0px;
    font-size: 26px;
    color: #7294a4;
}

.contentBox h1, .contentBox h2, .contentBox h3.title, .partnertitle {
    padding-right: 34px;
    font-family: 'bebas_neue_regular', sans-serif;
    font-size: 38px;
    color: #7294a4;
    line-height: 33px;
}
.contentBox h1 {
    color: #b97a80;
}

.contentBox h1 span, .contentBox h2 span {
    color: #B8B8B8;
    display: block;
}

.contentBox .date {
    padding: 0px 0px 12px 0px;
    font-family: 'bebas_neue_regular', sans-serif;
    font-size: 26px;
    color: #B8B8B8;
    display: block;
}

.container ul {

}
.contentBox p,
.contentBox li {
    font-size: 13px;
    color: #696968;
    line-height: 20px;
}

.contentBox p {
    padding: 0px 0px 18px 0px;
}

.contentBox .title {
    padding-bottom: 17px;
}

.contentBox.renda {
    padding-right: 100px;
}

/* ### about box ### */
.aboutBox {
    padding: 20px 74px 42px 25px;
    width: 300px;
    overflow: hidden;
    background: #f5f5f5;
}

.aboutBox strong {
    padding: 0px 0px 22px 0px;
    font-family: 'bebas_neue_regular', sans-serif;
    font-size: 26px;
    color: #7294a4;
    display: block;
    line-height: 28px;
    font-weight: normal;
}

.aboutBox ul {
    list-style: none;
}

.aboutBox li, .aboutBox li a {
    padding: 7px 0px;
    font-size: 13px;
    color: #696968;
    border-bottom: 2px solid #d2d2d2;
    cursor: pointer;
}

.aboutBox li:hover a {
    text-decoration: underline;
}

.aboutBox li:last-child {
    border: none;
}

/* ### right container ### */
#rightCntr {
    float: right;
    width: 38%;
}

#rightCntr .space {
    margin-top: 82px;
    width: 300px;
    float: right;
}

#rightCntr .space2 {
    margin-top: 43px;
    width: 300px;
    float: right;
}

/* ### share box ### */
.shareBox {
    width: auto;
    float: right;
    overflow: hidden;
    border: 1px solid #b9ddeb;
}

.shareBox ul {
    list-style: none;
}

.shareBox li {
    float: left;
    border-right: 1px solid #b9ddeb;
    background-color: white;
}

.shareBox li:last-child {
    border: none;
}

.shareBox li.title {
    padding: 16px 20px;
    text-align: center;
    font-family: 'bebas_neue_regular', sans-serif;
    font-size: 18px;
    color: #fff;
    background: #7294a4;
}

.shareBox li a {
    padding: 12px 18px 12px 18px;
    display: block;
    font-size: 18px;
    color: #7294a4;
    text-align: center;
}

.shareBox li a:hover {
    background: #7294a4;
    color: #fff;
}

.shareBox.renda {
    margin-left: -48px;
    margin-bottom: 10px;
}

.shareBox.top {
    margin-top: 25px;
}

/* ### share box ### */
.blockBox {
    width: 100%;
    border: 1px solid #c0e1f0;
    margin-bottom: 14px;
    overflow: hidden;
}

.blockBox .inner {
    padding: 17px 14px 40px 14px;
    overflow: hidden;
    border-bottom: 1px solid #c0e1f0;
}

.blockBox .image {
    padding: 0px 10px 0px 0px;
    float: left;
}

.blockBox .image img {
    width: 76px;
}

.blockBox .image ul.social {
    border: none;
}

.blockBox .image ul.social li {
    float: left;
    border: none;
}

.blockBox .image ul.social li a {
    width: 38px;
    height: 38px;
    display: block;
    font-size: 20px;
    color: #fff;
    text-align: center;
    line-height: 38px;
    padding: 0px;
    background: #b8b8b8;
}

.blockBox .image ul.social li a:hover {
    background: #7294a4;
}

.blockBox .image ul.social li a.active {
    background: #7294a4;
}

.blockBox .right {
    overflow: hidden;
}

.blockBox .right h3 {
    font-family: 'bebas_neue_regular', sans-serif;
    font-size: 17px;
    color: #7294a4;
}

.blockBox .right h3 span {
    font-family: 'fira_sans_italic', sans-serif;
    font-size: 13px;
    color: #7294a4;
    display: block;
}

.blockBox .right p {
    padding: 19px 0px 0px 0px;
    font-size: 13px;
    color: #7294a4;
    line-height: 18px;
}

.blockBox a.morelink {
    border: none;
}

/* ### column box ### */
.columnBox {
    width: 100%;
    padding: 14px;
    border: 1px solid #c0e1f0;
    margin-bottom: 14px;
    overflow: hidden;
}

.columnBox h3 {
    font-family: 'bebas_neue_regular', sans-serif;
    font-size: 26px;
    color: #7294a4;
    line-height: 28px;
}

.columnBox ul {
    padding: 14px 0px 0px 0px;
    list-style: none;
}

.columnBox li {
    padding: 0px 0px 10px 0px;
    overflow: hidden;
}

.columnBox li .image {
    float: left;
    padding: 0px 13px 0px 0px;
}

.columnBox li .image img {
    width: 70px;
}

.columnBox .right {
    overflow: hidden;
}

.columnBox span {
    font-family: 'fira_sans_italic', sans-serif;
    display: block;
    font-size: 14px;
    color: #7294a4;
}

.columnBox p a {
    font-family: 'fira_sans_bold', sans-serif;
    font-size: 14px;
    color: #7294a4;
    line-height: 18px;
}

.columnBox a {
    color: #7294a4;
    text-decoration: none;
}

.columnBox a:hover {
    text-decoration: underline;
}

.columnBox .arrow {
    width: 32px;
    height: 17px;
    display: block;
    margin: 27px auto 0;
    text-indent: -9999px;
    background: url(../renda/images/arrow.png) left top no-repeat;
}

/* ### team box ### */
.teamBox {
    width: 100%;
    border: 1px solid #c0e1f0;
    margin-bottom: 16px;
    overflow: hidden;
}

.teamBox .inner {
    padding: 20px;
    overflow: hidden;
}

.teamBox h3 {
    font-family: 'bebas_neue_regular', sans-serif;
    font-size: 26px;
    color: #7294a4;
    line-height: 28px;
}

.teamBox ul {
    padding: 14px 0px 0px 17px;
    list-style: none;
}

.teamBox li {
    /*padding: 0px 50px 11px 0px;*/
    position: relative;
    /*overflow: hidden;*/
}

.teamBox li .image {
    float: left;
    padding: 0px 13px 0px 0px;
}

.teamBox li .image img {
    width: 70px;
}

.teamBox .right {
    overflow: hidden;
    min-height: 80px;
}

.teamBox span.staff {
    font-family: 'fira_sans_italic', sans-serif;
    display: block;
    font-size: 12px;
    color: #7294a4;
}

.teamBox strong {
    font-family: 'fira_sans_bold', sans-serif;
    font-size: 16px;
    color: #7294a4;
    line-height: 18px;
}

.teamBox a {
    color: #7294a4;
    font-weight: bold;
    text-decoration: none;
}

.teamBox a:hover {
    text-decoration: underline;
}

.teamBox p {
    padding: 13px 0px 20px 0px;
    font-family: 'fira_sans_regular', sans-serif;
    font-size: 13px;
    color: #696968;
    line-height: 18px;
}

.teamBox li {
    font-family: 'fira_sans_regular', sans-serif;
    font-size: 13px;
    color: #696968;
}

.teamBox .social {
    border: none;
    width: 35px;
    position: absolute;
    right: 0px;
    top: 0px;
    padding: 0px;
}

.teamBox .social li {
    padding: 0px;
    border: none;
}

.teamBox .social li a {
    width: 33px;
    height: 33px;
    display: block;
    font-size: 20px;
    color: #fff;
    text-align: center;
    line-height: 33px;
    background: #b8b8b8;
    padding: 0px;
}

.teamBox .social li a.active {
    background: #7294a4;
    color: #fff;
}

.teamBox a.morelink {
    border-top: 1px solid #c0e1f0;
    display: block;
    padding: 13px 0px;
    text-align: center;
    font-family: 'bebas_neue_regular', sans-serif;
    font-weight: normal;
    font-size: 16px;
    color: #7294a4;
    text-decoration: none;
}

.teamBox a.morelink:hover {
    text-decoration: underline;
}

.teamBox a.morelink.gray {
    color: #696968;
    border-top: 1px solid #d9d9d9;
}

.teamBox.gray h3 {
    color: #696968;
}

.teamBox div.blue p {
    color: #7294a4;
}

/* ### introduction box ### */
.introductionBox {
    padding: 0px 0px 27px 0px;
    width: 100%;
    overflow: hidden;
}

.introductionBox h1 {
    font-family: 'bebas_neue_regular', sans-serif;
    font-size: 38px;
    color: #b97a80;
    line-height: 38px;
}

.introductionBox h1 span {
    display: block;
    color: #B8B8B8;
}

.introductionBox p {
    padding: 21px 0px 11px 0px;
    max-width: 500px;
    float: left;
    font-size: 13px;
    color: #696968;
    line-height: 20px;
}

.introductionBox .clientlogo {
    float: right;
    height: 88px;
}

.introductionBox .clientlogo img {
    max-height: 100%;
    max-width: 100%;
}

.introductionBox .button {
    padding: 10px 33px 10px 56px;
    display: inline-block;
    font-family: 'bebas_neue_regular', sans-serif;
    font-size: 19px;
    color: #fff;
    text-decoration: none;
    background: #334779 url(../renda/images/in.png) 10px 10px no-repeat;
}

.introductionBox .button:hover {
    text-decoration: underline;
}

/* ### column list box page2 ### */
.introduceBox {
    width: 100%;
    overflow: hidden;
}

.introduceBox .block {
    padding: 0px 0px 10px 18px;
    margin-bottom: 12px;
    overflow: hidden;
    background: #f5f5f5;
}

.introduceBox .left {
    padding: 13px 70px 0px 0px;
    width: 65%;
    float: left;
}

.introduceBox .left .detail {
    overflow: hidden;
}

.introduceBox .left strong {
    font-size: 18px;
    color: #696968;
}

.introduceBox .left strong a {
    color: #696968;
}

.introduceBox .left p {
    padding: 11px 0px 15px 0px;
    font-size: 13px;
    color: #696968;
    line-height: 18px;
}

ul.social {
    float: left;
    border: 1px solid #b9dae9;
    overflow: hidden;
}

ul.social li {
    float: left;
    border-right: 1px solid #b9dae9;
}

ul.social li:last-child {
    border: none;
}

ul.social li a {
    padding: 8px 15px;
    display: block;
    font-size: 18px;
    color: #7294a4;
    text-align: center;
}

ul.social li a:hover {
    background: #7294a4;
    color: #fff;
}

.introduceBox .image {
    float: left;
    padding: 0px 16px 0px 0px;
    width: 184px;
}

.introduceBox .right {
    width: 35%;
    float: left;
}

.introduceBox .right .button {
    padding: 13px 0px 0px 0px;
    text-align: center;
}

.introduceBox .right .button a {
    font-family: 'bebas_neue_regular', sans-serif;
    font-size: 15px;
    color: #7294a4;
    text-decoration: none;
}

.introduceBox .right .button a:hover {
    text-decoration: underline;
}

/* ### item box ### */
.itemBox {
    padding: 0px 18px 0px 13px;
    overflow: hidden;
    background: #7294a4;
}

.itemBox h2 {
    font-family: 'bebas_neue_regular', sans-serif;
    font-size: 26px;
    color: #fff;
    padding: 20px 0px 5px 0px;
}

.itemBox ul {
}

.itemBox li {
    padding: 11px 0px;
    font-family: 'fira_sans_bold', sans-serif;
    font-size: 13px;
    color: #fff;
    border-bottom: 1px solid #41a8d3;
}

.itemBox li a {
    font-size: 13px;
    color: #fff;
    text-decoration: none;
}

.itemBox li a:hover {
    text-decoration: underline;
}

.itemBox li span {
    font-family: 'fira_sans_italic', sans-serif;
    display: block;
}

.itemBox li:last-child {
    border: none;
}

.itemBox.network {
    padding: 0px 18px 24px 16px;
    overflow: hidden;
    margin-bottom: 12px;
    overflow: hidden;
}

.itemBox.network p {
    padding: 5px 0px 11px 0;
    font-size: 13px;
    color: #fff;
    line-height: 18px;
    font-family: 'fira_sans_light', sans-serif;
}

/* ### column list box page3 ### */
.columnListBox {
    width: 100%;
    overflow: hidden;
}

.columnListBox .search {
    padding: 0px 13px 0px 0px;
    width: 67%;
    float: left;
}

.columnListBox .search2 {
    padding: 0px 13px 0px 0px;
    //width: 67%;
    width: 73%;
    float: left;
}


.columnListBox .block {
    /*padding: 24px 60px 24px 27px;*/
    padding: 24px 27px;
    background: #7294a4;
    overflow: hidden;
}

.columnListBox .search input[type="text"] {
    padding: 0px 16px;
    width: 48%;
    height: 41px;
    float: left;
    line-height: 41px;
    background: #fff;
    border: 1px solid #c0e1f2;
}

.columnListBox .block input[type="text"]::-webkit-input-placeholder {
    color: #7294a4;
}

.columnListBox .block input[type="text"]:-moz-placeholder {
    color: #7294a4;
}

.columnListBox .block input[type="text"]::-moz-placeholder {
    color: #7294a4;
}

.columnListBox .block input[type="text"]:-ms-input-placeholder {
    color: #7294a4;
}

.columnListBox .select {
    width: 35%;
    margin: 0px 8px;
    height: 41px;
    float: left;
    padding: 0 22px 0px 6px;
    font-size: 13px;
    color: #fff;
    cursor: pointer;
    border: 1px solid #c1e2f1;
    background: url(../renda/images/select_arrow4.png) no-repeat right;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.columnListBox .search .button {
    width: 70px;
    height: 41px;
    display: block;
    font-size: 21px;
    color: #fff;
    float: left;
    cursor: pointer;
    /*border: 1px solid #7fc7e0;*/
    border: 1px solid #c1e2f1;
    background: none;
}

.columnListBox .learnBox {
    width: 33%;
    float: left;
    padding: 17px 18px 17px 26px;
    background: #b8b8b8;
}

.columnListBox .learnBox2 {
    width: 27%;
    float: left;
    padding: 17px 18px 17px 26px;
    background: #b8b8b8;
}

.columnListBox .learnBox a {
    font-family: 'bebas_neue_regular', sans-serif;
    font-size: 26px;
    color: #fff;
    text-decoration: none;
    display: block;
    line-height: 28px;
    background: url(../renda/images/arrow2.png) right top no-repeat;
    padding-right: 50px;
    height: 100%;
}

.columnListBox ul.column {
    padding-top: 11px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -11px;
}

.columnListBox ul.column li {
    position: relative;
    padding: 17px 16px 33px 16px;
    width: -webkit-calc(33.3% - 11px);
    width: calc(33.3% - 11px);
    margin: 0px 11px 11px 0px;
    background: #EBE9E5;
}

.columnListBox ul.column span.date {
    font-family: 'fira_sans_italic', sans-serif;
    font-size: 13px;
    color: #696968;
    display: block;
}

.columnListBox ul.column span.subtitle {
    font-family: 'fira_sans_light', sans-serif;
    font-size: 13px;
    color: #7294a4;
    display: block;
}

.columnListBox .image {
    padding: 0px 18px 0px 0px;
    float: left;
    position: relative;
}

.columnListBox .detail {
    overflow: hidden;
}

.columnListBox ul.column .title,
.columnListBox ul.column a.title,
.columnListBox ul.column p.subtitle,
.columnListBox ul.column a.subtitle {
    padding-top: 5px;
    font-family: 'fira_sans_bold', sans-serif;
    font-size: 16px;
    color: #696968;
    display: block;
    min-height: 110px;
    font-weight: normal;
    line-height: 22px;
    text-decoration: none;
    word-wrap: break-word;
}

.columnListBox ul.column p.subtitle,
.columnListBox ul.column a.subtitle {
    font-size: 12px;
    font-family: 'fira_sans_regular', sans-serif;
    color: #000;
    line-height: 17px;
    margin-bottom: 10px;
}

.columnListBox ul.column .heart {
    width: 23px;
    height: 20px;
    display: block;
    position: absolute;
    right: 7px;
    top: 7px;
    font-size: 20px;
    color: #008ac8;
}

.columnListBox ul.column a.title:hover,
.columnListBox ul.column a.subtitle:hover {
    color: #7294a4;
}

.columnListBox .more {
    padding: 0px 20px;
    display: inline-block;
    float: left;
    font-family: 'bebas_neue_regular', sans-serif;
    text-align: center;
    margin: 23px 8px 0px 0px;
    line-height: 20px;
    height: 20px;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    background: #7294a4;
}

.columnListBox .more:hover {
    text-decoration: underline;
}

.columnListBox h2 {
    padding: 30px 0px 0px 0px;
    font-family: 'bebas_neue_regular', sans-serif;
    font-size: 32px;
    color: #696968;
}

.columnListBox ul.network {
    padding-top: 11px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -11px;
}

.columnListBox ul.network li {
    position: relative;
    padding: 17px 50px 38px 16px;
    width: -webkit-calc(33.3% - 11px);
    width: calc(33.3% - 11px);
    margin: 0px 11px 11px 0px;
    background: #f5f5f5;
}

.columnListBox ul.network li.first {
    width: -webkit-calc(66.6% - 11px);
    width: calc(66.6% - 11px);
}

.columnListBox ul.network li.first .title {
    font-family: 'fira_sans_bold', sans-serif;
    font-size: 26px;
    line-height: 28px;
    font-weight: normal;
}

.columnListBox ul.network li.first strong span {
    display: block;
    font-size: 18px;
    font-family: 'fira_sans_italic', sans-serif;
}

.columnListBox ul.network li.first .more {
    margin-top: 50px;
}

.columnListBox ul.network .title {
    font-family: 'fira_sans_bold', sans-serif;
    padding: 5px 0 7px 0px;
    font-size: 18px;
    color: #696968;
    display: block;
    line-height: 22px;
    font-weight: normal;
}

.columnListBox ul.network .title:hover {
    color: #7294a4;
}

.columnListBox ul.network span {
    font-size: 13px;
    font-family: 'fira_sans_italic', sans-serif;
    color: #7294a4;
    display: block;
    font-weight: normal;
}

.columnListBox ul.network p {
    width: 185px;
    float: left;
    font-size: 13px;
    color: #696968;
    line-height: 18px;
}

.columnListBox ul.network .news {
    position: absolute;
    right: 18px;
    top: 0px;
    display: block;
    width: 50px;
    height: 50px;
    font-family: 'bebas_neue_regular', sans-serif;
    font-size: 16px;
    color: #fff;
    text-align: center;
    line-height: 50px;
    background: #7294a4;
}

/* ### network container ### */
#networkCntr {
    width: 100%;
    overflow: hidden;
}

#networkCntr #left {
    padding: 0px 13px 0px 0px;
    width: 68%;
    float: left;
}

#networkCntr #right {
    width: 32%;
    float: right;
}

/* ### news box ### */
.newsBox {
    width: 100%;
    overflow: hidden;
    padding: 12px;
    background: #f5f5f5;
}

.newsBox .image {
    float: left;
    margin-right: 32px;
    position: relative;
}

.newsBox ul.social {
    margin-top: 10px;
}

.newsBox .tag {
    position: absolute;
    right: 0px;
    top: 0px;
    display: block;
    width: 50px;
    height: 50px;
    font-family: 'bebas_neue_regular', sans-serif;
    font-size: 16px;
    color: #fff;
    text-align: center;
    line-height: 50px;
    background: #7294a4;
}

.newsBox .detail {
    overflow: hidden;
}

.newsBox .title {
    padding: 15px 0px 15px 0px;
    display: block;
    font-family: 'fira_sans_bold', sans-serif;
    font-size: 18px;
    color: #696968;
    line-height: 20px;
    font-weight: normal;
}

.newsBox .title span {
    display: block;
    font-size: 13px;
    font-family: 'fira_sans_italic', sans-serif;
}

.newsBox p {
    padding-bottom: 15px;
    font-family: 'fira_sans_light', sans-serif;
    font-size: 13px;
    color: #696968;
    line-height: 18px;
}

/* ### contributions box ### */
.contributionsBox {
    width: 100%;
    overflow: hidden;
}

.contributionsBox h2 {
    padding: 30px 0px 7px 0;
    font-family: 'bebas_neue_regular', sans-serif;
    font-size: 26px;
    color: #7294a4;
}

.contributionsBox .block {
    padding: 15px 37px;
    margin-bottom: 10px;
    overflow: hidden;
    background: #f5f5f5;
}

.contributionsBox .block strong {
    font-size: 18px;
    color: #696968;
    line-height: 20px;
}

.contributionsBox .block p {
    font-size: 13px;
    color: #696968;
    line-height: 20px;
}

.contributionsBox .block a {
    padding: 0px 20px;
    display: inline-block;
    float: left;
    font-family: 'bebas_neue_regular', sans-serif;
    text-align: center;
    margin: 23px 8px 0px 0px;
    line-height: 20px;
    height: 20px;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    background: #7294a4;
}

.contributionsBox .block a:hover {
    text-decoration: underline;
}

/* ### event box ### */
.eventBox {
    width: 100%;
    overflow: hidden;
}

.eventBox ul {
}

.eventBox li {
    padding: 14px 23px 14px 14px;
    background: #f5f5f5;
    margin-bottom: 10px;
}

.eventBox .image {
    float: left;
    padding: 0px 24px 0px 0px;
}

.eventBox .right {
    overflow: hidden;
    position: relative;
}

.eventBox .eventTitle {
    font-family: 'fira_sans_bold', sans-serif;
    font-size: 18px;
    color: #696968;
    line-height: 22px;
    font-weight: normal;
    text-decoration: none;
}

.eventBox .eventTitle:hover {
    color: #7294a4;
}

.eventBox .right .mid {
    float: left;
    padding: 0px 85px 0px 0px;
}

.eventBox .date {
    display: block;
    font-size: 13px;
    font-family: 'fira_sans_italic', sans-serif;
}

.eventBox .renda {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 70px;
    height: 70px;
    display: block;
    font-size: 18px;
    font-family: 'bebas_neue_regular', sans-serif;
    color: #7294a4;
    text-align: center;
    float: left;
}

.eventBox .renda img {
    width: 70px;
}

.eventBox .icon {
    float: left;
    margin-top: 24px;
    color: #7294a4;
    font-size: 18px;
}

a.more {
    padding: 0px 20px;
    display: inline-block;
    float: left;
    font-family: 'bebas_neue_regular', sans-serif;
    text-align: center;
    margin: 23px 8px 0px 0px;
    line-height: 20px;
    height: 20px;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    background: #7294a4;
}

a.more:hover {
    text-decoration: underline;
}

.more.gray {
    width: auto;
    padding: 0px 34px;
    background: #696969;
}

/* ### renda box ### */
.rendaBox {
    width: 100%;
    margin-bottom: 13px;
    overflow: hidden;
    background: #f6f6f6;
}

.rendaBox .inner {
    padding: 20px 80px 30px 16px;
    border-bottom: 1px solid #badbea;
    position: relative;
}

.rendaBox .title {
    font-size: 26px;
    font-family: 'bebas_neue_regular', sans-serif;
    color: #7294a4;
}

.rendaBox p {
    padding: 5px 0px 11px 0;
    font-size: 13px;
    color: #7294a4;
    line-height: 18px;
    font-family: 'fira_sans_light', sans-serif;
}

.rendaBox .renda {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 70px;
    height: 70px;
    display: block;
    font-size: 18px;
    font-family: 'bebas_neue_regular', sans-serif;
    color: #7294a4;
    text-align: center;
    float: left;
}

.rendaBox .renda img {
    width: 70px;
}

.rendaBox .lessmore {
    padding: 14px 0px;
    display: block;
    font-size: 18px;
    font-family: 'bebas_neue_regular', sans-serif;
    color: #7294a4;
    text-decoration: none;
    text-align: center;
}

.rendaBox .lessmore:hover {
    text-decoration: underline;
}

/* ### income box ### */
#incomeCntr {
    width: 100%;
}

#incomeCntr #left {
    padding: 0px 10px 0px 0px;
    width: 65%;
    float: left;
}

#incomeCntr #right {
    width: 35%;
    float: left;
}

/* ##render addCaleder Item */
.rendaaddCalederItem {
    margin-bottom:-10px;
    text-align: center;
}
/* ### rendacirlce box ### */
.rendaCircle {
    padding: 52px 0px 14px 0px;
    overflow: hidden;
    text-align: center;
}

.rendaCircle img {
    display: inline;
}

.rendaCircle .circle {
    margin: 0px auto;
    padding: 62px 0px 0px 0px;
    width: 180px;
    height: 180px;
    display: block;
    border: 1px solid #7294a4;
    font-size: 31px;
    line-height: 28px;
    font-family: 'bebas_neue_regular', sans-serif;
    color: #7294a4;
    text-align: center;
    text-decoration: none;
    cursor:default;
}

/* ### program box ### */
.programBox {
    width: 100%;
    overflow: hidden;
}

.programBox .holder {
    margin-right: -10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.programBox .block {
    padding: 17px 23px 5px 23px;
    margin-right: 10px;
    width: -webkit-calc(50% - 10px);
    width: calc(50% - 10px);
    float: left;
    background: #f5f5f5;
}

.programBox .title {
    font-family: 'bebas_neue_regular', sans-serif;
    font-size: 26px;
    color: #7294a4;
}

.programBox ul {
    list-style: none;
}

.programBox li {
    padding: 10px 0px;
    font-size: 12px;
    color: #696968;
    border-bottom: 1px solid #afafaf;
}

.programBox li strong {
    font-size: 13px;
    display: block;
    font-family: 'fira_sans_bold', sans-serif;
    font-weight: normal;
}

.programBox li:last-child {
    border: none;
}

.programBox .block.blue {
    background: #7294a4;
}

.programBox .block.blue li {
    border-bottom: 1px solid #82c5e2;
    color: #fff;
}

.programBox .block.blue li:last-child {
    border-bottom: none;
}

.programBox .block.blue .title {
    color: #fff;
}

.programBox .block .arrow {
    font-size: 60px;
    text-decoration: none;
    color: #fff;
    line-height: 32px;
    margin: 10px auto 0;
}

.textCenter {
    text-align: center;
}

.bannerboxCntr {
    text-align: center;
    /* margin-bottom: 20px; */
}
.bannerboxCntr div {
    width: 100% !important;
}
.bannerboxCntr iframe { }
/* ### user box ### */
.userBox {
    padding: 10px 0px 0px 0px;
    width: 100%;
    overflow: hidden;
}

.userBox .holder {
    margin-right: -10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.userBox .block {
    padding: 17px 23px 17px;
    margin-right: 10px;
    width: -webkit-calc(50% - 10px);
    width: calc(50% - 10px);
    float: left;
    background: #b8b8b8;
}

.userBox .title {
    padding-bottom: 12px;
    font-family: 'bebas_neue_regular', sans-serif;
    font-size: 26px;
    color: #fff;
}

.userBox input[type="text"] {
    padding: 0px 23px;
    font-size: 13px;
    color: #696968;
    font-family: 'fira_sans_regular', sans-serif;
    height: 40px;
    line-height: 40px;
    width: 100%;
    border: 1px solid #dcdcdc;
    margin-bottom: 10px;
    background: #fff;
}

.userBox input[type="text"]::-webkit-input-placeholder {
    color: #696968;
}

.userBox input[type="text"]:-moz-placeholder {
    color: #696968;
}

.userBox input[type="text"]::-moz-placeholder {
    color: #696968;
}

.userBox input[type="text"]:-ms-input-placeholder {
    color: #696968;
}

.userBox .button {
    font-family: 'bebas_neue_regular', sans-serif;
    font-size: 18px;
    color: #fff;
    cursor: pointer;
    width: 100%;
    height: 40px;
    line-height: 40px;
    border: 1px solid #dbdbdb;
    text-align: center;
    background: none;
}

.userBox .button:hover {
    text-decoration: underline;
}

.userBox .block.light {
    background: #f5f5f5;
}

.userBox .block.light .title {
    font-family: 'bebas_neue_regular', sans-serif;
    font-size: 26px;
    color: #696968;
}

.userBox .block:not(.light) .maintitle {
    font-family: 'bebas_neue_regular', sans-serif;
    font-size: 26px;
    color: #fff;
    padding-bottom: 12px;
}

.userBox ul {
    list-style: none;
}

.userBox li {
    padding: 0px 0px 5px 0px;
    overflow: hidden;
}

.userBox .image {
    padding: 0px 11px 0px 0px;
    float: left;
}

.userBox .right {
    overflow: hidden;
}

.userBox strong {
    padding: 9px 0px 0px 0px;
    font-family: 'fira_sans_bold', sans-serif;
    font-size: 13px;
    font-weight: normal;
    text-decoration: none;
}

.userBox a {
    color: #696968;
    text-decoration: none;
}

.userBox p {
    font-family: 'fira_sans_light', sans-serif;
    font-size: 13px;
    color: #696968;
}

.userBox h3, .userBox .block:not(.light) p {
    color: #fff;
}

.userBox .arrow {
    font-size: 60px;
    text-decoration: none;
    color: #838383;
    line-height: 32px;
    margin: 10px auto 0;
}

.userBox a:hover {
    color: #7294a4;
}

/* ### partner box ### */
.partnerBox {
    padding: 16px 16px 5px 16px;
    width: 100%;
    overflow: hidden;
    background: #f5f5f5;
}

.partnerBox .title {
    font-family: 'bebas_neue_regular', sans-serif;
    font-size: 32px;
    color: #696968;
    font-weight: normal;
}

.partnerBox ul {
    padding-top: 30px;
    overflow: hidden;
    list-style: none;
}

.partnerBox li {
    padding: 0px 15px 38px 0px;
    width: 50%;
    float: left;
}

.partnerBox .image {
    padding: 0px 15px 0px 0px;
    float: left;
}

.partnerBox .right {
    overflow: hidden;
}

.partnerBox .subtitle {
    display: block;
    font-size: 18px;
    color: #696968;
    line-height: 20px;
    text-decoration: none;
    font-weight: bold;
}

.partnerBox .subtitle:hover {
    color: #7294a4;
}

.partnerBox span {
    display: block;
    font-size: 13px;
    font-family: 'fira_sans_italic', sans-serif;
}

.partnerBox p {
    padding: 15px 0 0 0;
    font-family: 'fira_sans_regular', sans-serif;
    font-size: 13px;
    color: #696968;
    line-height: 18px;
}

.partnerBox ul.user {
    padding-right: 90px;
}

.partnerBox ul.user li {
    padding: 0px 25px 15px 0px
}

.partnerBox ul.user li .subtitle {
    font-size: 15px;
}

/* ### clients  box ### */
.clientsBox {
    margin-top: 10px;
    width: 100%;
    overflow: hidden;
    border: 1px solid #bfe3f1;
}

.clientsBox .inner {
    padding: 20px 30px 38px 20px;
    overflow: hidden;
    border-bottom: 1px solid #bfe3f1;
}

.clientsBox .title {
    font-family: 'bebas_neue_regular', sans-serif;
    font-size: 32px;
    color: #696968;
    font-weight: normal;
}

.clientsBox p {
    padding: 7px 0 34px 0;
    font-family: 'fira_sans_regular', sans-serif;
    font-size: 13px;
    color: #696968;
    line-height: 18px;
}

.clientsBox ul {
    margin-right: -68px;
    text-align: center;
}

.clientsBox li {
    display: inline-block;
    padding-right: 68px;
}

.clientsBox a.morelink {
    border: none;
}

/* ### my event container ### */
#myEventCntr {
    width: 100%;
    overflow: hidden;
}

#myEventCntr #left {
    padding: 0px 32px 0px 0px;
    width: 70%;
    float: left;
}

#myEventCntr #right {
    width: 30%;
    float: right;
}

/* ### my event box ### */
.myEventBox {
    width: 100%;
    overflow: hidden;
}

.myEventBox .block {
    padding: 13px 135px 17px 17px;
    margin-bottom: 8px;
    width: 100%;
    overflow: hidden;
    position: relative;
    background: #f6f6f6;
}

.myEventBox .image {
    padding: 0px 18px 0px 0px;
    float: left;
}

.myEventBox .right {
    overflow: hidden;
}

.myEventBox .title, .myEventBox a.title {
    font-size: 18px;
    color: #696968;
    font-weight: bold;
    line-height: 20px;
    text-decoration: none;
}

.myEventBox a.title:hover {
    color: #7294a4;
}

.myEventBox .date {
    font-family: 'fira_sans_bold', sans-serif;
    font-size: 14px;
    color: #696968;
    display: block;
}

.myEventBox p {
    font-family: 'fira_sans_regular', sans-serif;
    font-size: 13px;
    color: #696968;
    line-height: 18px;
}

.myEventBox .action {
    position: absolute;
    right: 17px;
    top: 56px;
}

.myEventBox .action ul {
}

.myEventBox .action li {
    padding-left: 5px;
    float: left;
}

.myEventBox .action li a {
    width: 44px;
    height: 44px;
    display: block;
    font-size: 20px;
    color: #7294a4;
    line-height: 40px;
    text-align: center;
    text-decoration: none;
    border: 1px solid #7294a4;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

.myEventBox .action li a.circle {
    width: 44px;
    height: 44px;
    display: block;
    border: none;
    background: url(../renda/images/circle_icon.png) left top no-repeat;
}

.myEventBox .more.gray {
    padding: 0px 16px;
}

/* ### submenu box ### */
.submenuBox {
    width: 100%;
    overflow: hidden;
}

.submenuBox ul {
    list-style: none;
}

.submenuBox li {
    padding-bottom: 5px;
}

.submenuBox li a {
    font-family: 'bebas_neue_regular', sans-serif;
    font-size: 18px;
    display: block;
    color: #fff;
    text-decoration: none;
    height: 36px;
    text-align: center;
    line-height: 36px;
    background: #7294a4;
}

.submenuBox li a:hover, .submenuBox li.active a {
    background: #b8b8b8;
}

/* ### popup box ### */
.popupBox {
}

.popupBox .overlay {
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.8);
    min-height: 100%;
    height: auto !important;
    height: 100%;
    min-width: 100%;
    width: auto !important;
    width: 100%;
    z-index: 98;
}

.popupBox .popup {
    padding: 20px 90px 48px 48px;
    width: 400px;
    position: fixed;
    top: 200px;
    left: 50%;
    margin: 0 0 0 -200px;
    z-index: 99;
    background: #fff;
    border: 1px solid #b5dced;
}

.popupBox ul.action {
    overflow: hidden;
}

.popupBox ul.action li {
    padding-left: 5px;
    float: left;
}

.popupBox ul.action li a {
    width: 44px;
    height: 44px;
    display: block;
    font-size: 20px;
    color: #7294a4;
    line-height: 44px;
    text-align: center;
    text-decoration: none;
    border: 1px solid #7294a4;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

.popupBox ul.action li a.circle {
    width: 44px;
    height: 44px;
    display: block;
    border: none;
    background: url(../renda/images/circle_icon.png) left top no-repeat;
}

.popupBox .title {
    padding-top: 11px;
    font-family: 'fira_sans_bold', sans-serif;
    font-size: 18px;
    color: #696968;
    font-weight: normal;
}

.popupBox p {
    padding-bottom: 14px;
    font-family: 'fira_sans_bold', sans-serif;
    font-size: 13px;
    color: #696968;
    line-height: 16px;
    font-weight: normal;
}

.popupBox ul.list {
    list-style: none;
}

.popupBox ul.list li {
    overflow: hidden;
    padding-bottom: 7px;
    border-top: 1px solid #b4b4b4;
}

.popupBox ul.list .image {
    float: left;
    padding: 0px 14px 0px 0px;
}

.popupBox ul.list .right {
    padding-top: 5px;
    overflow: hidden;
}

.popupBox ul.list a {
    display: block;
    font-size: 13px;
    font-weight: bold;
    color: #696968;
    text-decoration: none;
}

.popupBox ul.list span {
    display: block;
    font-size: 13px;
}

.popupBox ul.list li.active, .popupBox ul.list li:hover {
    color: #7294a4;
    border-top: 1px solid #7294a4;
}

.popupBox ul.list li.active a, .popupBox ul.list li:hover a {
    color: #7294a4;
}

.popupBox ul.list li.active span, .popupBox ul.list li:hover span {
    color: #7294a4;
}

.popupBox .close {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 40px;
    height: 40px;
    display: block;
    font-size: 20px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    line-height: 40px;
    background: #7294a4;
}

/* ### privacy box ### */
.privacyBox {
    overflow: hidden;
    width: 100%;
}

.privacyBox .block {
    padding: 20px 16px;
    width: 100%;
    overflow: hidden;
    margin-bottom: 17px;
    background: #f6f6f6;
}

.privacyBox .title {
    font-family: 'bebas_neue_regular', sans-serif;
    font-size: 32px;
    color: #696968;
    font-weight: normal;
}

.privacyBox p {
    padding: 5px 0px 18px 0px;
    font-size: 13px;
    color: #696968;
    line-height: 18px;
}

.privacyBox ul.radiolist {
    padding: 0px 0px 0px 23px;
    overflow: hidden;
    list-style: none;
}

.privacyBox ul.radiolist li {
    margin-bottom: 7px;
    line-height: 26px;
}

.privacyBox .radio label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 40px;
    margin-right: 15px;
    font-size: 13px;
    color: #696968;
}

.privacyBox .radio input[type=radio] {
    display: none
}

.privacyBox .radio label::before {
    content: "";
    display: inline-block;
    width: 26px;
    height: 26px;
    position: absolute;
    left: 0;
    top: 0px
}

.privacyBox .radio label::before {
    background: url(../renda/images/radio_normal.png) no-repeat
}

.privacyBox .radio input[type=radio]:checked + label::before {
    content: "";
    background: url(../renda/images/radio_selected.png) no-repeat
}

.privacyBox .save {
    display: block;
    height: 40px;
    line-height: 40px;
    width: 100%;
    border: none;
    font-family: 'bebas_neue_regular', sans-serif;
    font-size: 18px;
    color: #fff;
    text-align: center;
    cursor: pointer;
    background: #7294a4;
}

.privacyBox .save:hover {
    text-decoration: underline;
}

/* ### address box ### */
.addressBox {
    width: 100%;
    overflow: hidden;
}

.addressBox .map {
    float: right;
    width: 60%;
}

.addressBox .map img {
    width: 100%;
}

.addressBox .left {
    width: 40%;
    float: left;
}

.addressBox address {
    font-size: 13px;
    color: #696968;
    line-height: 18px;
    font-style: normal;
}

.addressBox address a {
    color: #696968;
    text-decoration: none;
}

.addressBox address a:hover {
    text-decoration: underline;
}

/* ### contatform box ### */
.contactformBox {
    max-width: 600px;
}

.contactformBox .title {
    padding: 24px 0px 15px 0px;
    font-family: 'bebas_neue_regular', sans-serif;
    font-size: 32px;
    color: #696968;
    font-weight: normal;
    display: block;
}

.contactformBox input[type="text"], .contactformBox input[type="email"] {
    margin-bottom: 10px;
    padding: 0px 20px;
    line-height: 40px;
    height: 40px;
    font-size: 13px;
    color: #696968;
    width: 100%;
    border: 1px solid #b4b4b4;
}

.contactformBox .textarea {
    margin-bottom: 10px;
    padding: 0px 20px;
    height: 142px;
    line-height: 40px;
    font-size: 13px;
    color: #696968;
    width: 100%;
    border: 1px solid #b4b4b4;
    resize: none;
}

.contactformBox .textarea.error, .contactformBox input.error {
    border-color: #CC0003;
}

.contactformBox form {
    overflow: hidden;
}

.contactformBox .contactnotify {
    overflow: hidden;
    font-weight: bold;
    height: 0px;
}

.contactformBox .button {
    display: block;
    height: 40px;
    line-height: 40px;
    width: 100%;
    border: none;
    font-family: 'bebas_neue_regular', sans-serif;
    font-size: 18px;
    color: #fff;
    text-align: center;
    cursor: pointer;
    background: #696969;
}

.contactformBox .button:hover {
    text-decoration: underline;
}

.contactformBox input[type="text"]::-webkit-input-placeholder, .contactformBox .textarea::-webkit-input-placeholder {
    color: #acacac;
}

.contactformBox input[type="text"]:-moz-placeholder, .contactformBox .textarea:-moz-placeholder {
    color: #acacac;
}

.contactformBox input[type="text"]::-moz-placeholder, .contactformBox .textarea::-moz-placeholder {
    color: #acacac;
}

.contactformBox input[type="text"]:-ms-input-placeholder, .contactformBox .textarea:-ms-input-placeholder {
    color: #acacac;
}

.contactformBox input[type="email"]::-webkit-input-placeholder {
    color: #acacac;
}

.contactformBox input[type="email"]:-moz-placeholder {
    color: #acacac;
}

.contactformBox input[type="email"]::-moz-placeholder {
    color: #acacac;
}

.contactformBox input[type="email"]:-ms-input-placeholder {
    color: #acacac;
}

/* ### profile box ### */
.profileBox {
    width: 100%;
    overflow: hidden;
}

.profileBox .block {
    padding: 26px 26px 16px 16px;
    overflow: hidden;
    margin-bottom: 12px;
    background: #f6f6f6;
}

.profileBox .title {
    padding: 0px 0px 13px 0px;
    font-family: 'bebas_neue_regular', sans-serif;
    font-size: 26px;
    color: #696968;
    font-weight: normal;
    display: block;
}

.profileBox .left {
    padding-right: 20px;
    width: -webkit-calc(100% - 121px);
    width: calc(100% - 121px);
    float: left;
}

.profileBox .image {
    float: right;
    width: 121px;
    position: relative;
}

.profileBox .image img {
    width: 100%;
}

.profileBox input[type="text"], .profileBox input[type="email"], .profileBox input[type="password"] {
    margin-bottom: 10px;
    padding: 0px 20px;
    line-height: 40px;
    height: 40px;
    font-size: 13px;
    color: #696969;
    width: 100%;
    border: none;
}

.profileBox .textarea {
    margin-bottom: 10px;
    padding: 10px 20px;
    height: 182px;
    line-height: 20px;
    font-size: 13px;
    color: #696968;
    width: 100%;
    border: none;
    resize: none;
}

.profileBox ul {
    padding-left: 22px;
    width: 50%;
    float: left;
}

.profileBox li {
    margin-bottom: 8px;
    overflow: hidden;
}

.profileBox .checkbox label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 25px;
    margin-right: 15px;
    font-size: 13px;
    color: #696968;
}

.profileBox .checkbox input[type=checkbox] {
    display: none
}

.profileBox .checkbox label::before {
    content: "";
    display: inline-block;
    width: 21px;
    height: 20px;
    margin-right: 10px;
    position: absolute;
    left: 0;
    top: 0px
}

.profileBox .checkbox label::before {
    background: url(../renda/images/checkbox_normal.png) no-repeat
}

.profileBox .checkbox input[type=checkbox]:checked + label::before {
    content: "";
    background: url(../renda/images/checkbox_selected.png)
}

.profileBox .file {
    position: absolute;
    left: 10px;
    top: 10px;
}

.profileBox .file #inputFile {
    background: url('../renda/images/camera.png') no-repeat;
    height: 18px;
    width: 18px;
    margin: 0px;
    float: left;
    position: relative;
    padding: 0;
}

.profileBox .file #inputFile #fileOriginal {
    opacity: 0.0;
    -moz-opacity: 0.0;
    width: 329px;
    position: relative;
    height: 25px;
    z-index: 100;
}

.profileBox .file #inputFile #fileDuplicate {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
    padding: 0;
}

.profileBox .file #inputFile .inputText {
    width: 18px;
    height: 18px;
    line-height: 18px;
    padding: 0 10px;
    border: none;
    background: none;
    font-size: 10px;
    color: #000;
}

.profileBox .button {
    display: block;
    height: 40px;
    line-height: 40px;
    width: 100%;
    border: none;
    font-family: 'bebas_neue_regular', sans-serif;
    font-size: 18px;
    color: #fff;
    text-align: center;
    cursor: pointer;
    background: #7294a4;
}

.profileBox .button:hover {
    text-decoration: underline;
}

.profileBox input[type="text"]::-webkit-input-placeholder, .profileBox .textarea::-webkit-input-placeholder {
    color: #acacac;
}

.profileBox input[type="text"]:-moz-placeholder, .profileBox .textarea:-moz-placeholder {
    color: #acacac;
}

.profileBox input[type="text"]::-moz-placeholder, .profileBox .textarea::-moz-placeholder {
    color: #acacac;
}

.profileBox input[type="text"]:-ms-input-placeholder, .profileBox .textarea:-ms-input-placeholder {
    color: #acacac;
}

.profileBox input[type="email"]::-webkit-input-placeholder {
    color: #acacac;
}

.profileBox input[type="email"]:-moz-placeholder {
    color: #acacac;
}

.profileBox input[type="email"]::-moz-placeholder {
    color: #acacac;
}

.profileBox input[type="email"]:-ms-input-placeholder {
    color: #acacac;
}

/* ### rendablock box ### */
.rendacontentBox {
    margin-bottom: 10px;
    width: 100%;
    overflow: hidden;
}

.rendacontentBox .holder {
    margin-right: -10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.rendacontentBox .block {
    margin-right: 10px;
    width: -webkit-calc(50% - 10px);
    width: calc(50% - 10px);
    float: left;
    background: #7294a4;
    margin-bottom: 10px;
}

.rendacontentBox .inner {
    padding: 16px 19px 0 19px;
    overflow: hidden;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    min-height: 302px;
}

.rendacontentBox .title {
    padding: 0px 0px 13px 0px;
    font-family: 'bebas_neue_regular', sans-serif;
    font-size: 26px;
    color: #fff;
    font-weight: normal;
    display: block;
}

.rendacontentBox img {
    width: 100%;
}

.rendacontentBox p {
    font-size: 13px;
    color: #fff;
    line-height: 18px;
    padding: 12px 0px 18px 0px;
    min-height: 86px;
}

.rendacontentBox a.morelink {
    color: #fff;
    border-top: none
}

.rendacontentBox a.morelink:hover {
    text-decoration: underline;
}

.rendacontentBox .block.gray {
    background: #b8b8b8;
}

/* ### banner box ### */
.bannerBox {
    padding: 22px 0px 0px 0px;
    width: 100%;
    overflow: hidden;
}

/*.bannerBox .left { width:-webkit-calc(100% - 240px); width:calc(100% - 240px); float: left; position: relative; }*/
.bannerBox .left {
    width: 67%;
    float: left;
    position: relative;
    background-color: #F2F2F2;
}

.bannerBox .left .info {
    width: 80%;
    position: absolute;
    right: 0px;
    bottom: 0px;
    background: rgba(255, 255, 255, 0.8);
}

.bannerBox .left .info span {
    float: left;
    padding: 0px 0px 0px 0px;
    font-family: 'bebas_neue_regular', sans-serif;
    font-size: 23px;
    color: #7294a4;
    line-height: 23px;
    display: table;
    width: 85px;
    height: 85px;
    text-align: center;
    background: #fff;
    vertical-align: middle;
}

.bannerBox .left .info span .sub {
    display: table-cell;
    height: 85px;
    vertical-align: middle;
}

.bannerBox .left .info p {
    overflow: hidden;
    padding: 20px 0px 0px 43px;
    font-family: 'bebas_neue_regular', sans-serif;
    font-size: 23px;
    color: #7294a4;
}

/*.bannerBox .right { width: 240px; float:left; }*/
.bannerBox .right {
    width: 33%;
    float: left;
    background-color: #F2F2F2;
}

.bannerBox .banner {
    height: 342px;
    background: url(../renda/images/banner.jpg) left top no-repeat;
    background-size: cover;
}

.bannerBox img {
    width: 100%;
}

/*.bannerBox .right .img { border-bottom: 1px solid #fff; }*/
.bannerBox .left .info .border {
    width: 40%;
    height: 3px;
    position: absolute;
    left: 0px;
    top: -3px;
    background: #7294a4;
}

/* ### agenda container ### */
#agendaCntr {
    padding: 0px 0px 15px 0px;
    width: 100%;
    overflow: hidden;
}

#agendaCntr .holder {
    margin-right: -10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#agendaCntr .column,
.column.first-row.column {
    margin: 0px 10px 0px 0px;
    width: -webkit-calc(33.3% - 10px);
    width: calc(33.3% - 10px);
    float: left;
    background: #f2f2f2;
}

#agendaCntr .column.green,
.column.first-row.green {
    background: #f1f9fc;
}

#agendaCntr .title,
.column.first-row .title {
    position: relative;
    min-height: 84px;
    padding: 18px 0px 12px 18px;
    font-family: 'bebas_neue_regular', sans-serif;
    font-size: 26px;
    color: #7294a4;
    border-bottom: 3px solid #fff;
    background: #f2f2f2;
}

#agendaCntr .agendaCoalunBox .image,
.column.first-row .title .image {
    position: relative;
    right: 0px;
    top: 0px;
    float: right;
}

#agendaCntr .title1,
.column.first-row .title1 {
    background: #f1f9fc;
}

#agendaCntr .title2,
.column.first-row .title2 {
    color: #696968;
}

#agendaCntr .column.green .freshBox,
.column.first-row.green .freshBox {
    border-bottom: 8px solid #fff;
}

#agendaCntr .column.green .freshBox.last,
.column.first-row.green .freshBox.last {
    border-bottom: none;
}

/* ### freshbox box ### */
.freshBox {
    padding: 18px 49px 18px 18px;
    width: 100%;
    overflow: hidden;
}

.freshBox.selected {
    padding: 0px;
}

.freshBox p {
    font-size: 13px;
    color: #696968;
    font-family: 'fira_sans_light', sans-serif;
}

.freshBox strong {
    font-size: 14px;
    color: #696968;
    line-height: 16px;
}

.freshBox strong a {
    color: #696968;
}

.freshBox a {
    color: #7294a4;
    text-decoration: none;
}

.freshBox a:hover {
    text-decoration: underline;
}

a.articleTitle {
    font-size: 14px;
    color: #696968;
    line-height: 16px;
    font-weight: bold;
}

a.articleTitle:hover {
    color: #7294a4;
    text-decoration: none;
}

.smalltitle {
    font-family: 'bebas_neue_regular', sans-serif;
    font-size: 13px;
    color: #fff;
    height: 20px;
    line-height: 20px;
    text-align: center;
    display: block;
    margin-bottom: 5px;
    border-top: 1px solid #b7deef;
}

.smalltitle small {
    font-size: 13px;
    color: #fff;
    width: 90px;
    display: block;
    background: #7294a4;
}

.smalltitle.red {
    border-top: 1px solid #c29590;
}

.smalltitle.red small {
    background: #8f352d;
}

.smalltitle.gray {
    border-top: 1px solid #696969;
}

.smalltitle.gray small {
    background: #696969;
}

/* ### agenda box ### */
.agendaBox {
    width: 100%;
    overflow: hidden;
}

.agendaBox ul {
    list-style: none;
}

.agendaBox li {
    border-bottom: 4px solid #fff;
    overflow: hidden;
    padding: 13px 0px 0px 13px;
    min-height: 86px;
    background: #f2f2f2;
}

.agendaBox .left {
    width: 83px;
    float: left;
}

.agendaBox .left .date {
    margin-right: 1px;
    font-family: 'bebas_neue_regular', sans-serif;
    font-size: 17px;
    color: #fff;
    display: block;
    float: left;
    text-align: center;
    line-height: 33px;
    width: 33px;
    height: 33px;
    background: #7294a4;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

.agendaBox .left .month {
    font-family: 'bebas_neue_regular', sans-serif;
    font-size: 17px;
    color: #fff;
    display: block;
    float: left;
    text-align: center;
    line-height: 33px;
    width: 33px;
    height: 33px;
    background: #6a6a6a;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

.agendaBox p {
    font-size: 14px;
    color: #696969;
    line-height: 16px;
    font-weight: bold;
}

.agendaBox a {
    color: #696969;
    text-decoration: none;
}

.agendaBox a:hover {
    text-decoration: underline;
}

.agendaBox .right {
    overflow: hidden;
}

.agendaBox a.viewall {
    display: block;
    font-family: 'bebas_neue_regular', sans-serif;
    color: #696968;
    text-decoration: none;
    padding: 13px 0px;
    text-align: center;
    font-size: 17px;
    background: #f2f2f2;
}

.agendaBox a.viewall:hover {
    text-decoration: underline;
}

/* ### agenda box ### */
.agendaCoalunBox {
    width: 100%;
    background: #f2f2f2;
    overflow: hidden;
    position: relative;
}

.agendaCoalunBox a.subtitle {
    font-family: 'fira_sans_bold', sans-serif;
    font-size: 18px;
    color: #696968;
    line-height: 20px;
    font-weight: normal;
}

.agendaCoalunBox a.subtitle span {
    color: #7294a4;
    display: block;
}

.agendaCoalunBox a.subtitle:hover {
    color: #7294a4;
}

.agendaCoalunBox p {
    min-height: 118px;
    padding: 10px 0px 0px 0px;
    font-size: 14px;
    color: #696968;
    font-family: 'fira_sans_light', sans-serif;
    word-wrap: break-word;
}

.agendaCoalunBox .inner {
    padding: 20px 70px 20px 20px;
}

a.morelink {
    text-align: center;
    padding: 13px 0px;
    border-top: 1px solid #b7d8e7;
    display: block;
    font-family: 'bebas_neue_regular', sans-serif;
    font-size: 17px;
    color: #7294a4;
    text-decoration: none;
    border-bottom: 1px solid #b7d8e7;
}

a.morelink:hover {
    text-decoration: underline;
}

/* ### selected box ### */
.selectedBox {
    width: 100%;
    overflow: hidden;
}

.selectedBox h3 {
    margin-bottom: 5px;
    padding: 18px 0px 0px 18px;
    min-height: 80px;
    font-family: 'bebas_neue_regular', sans-serif;
    font-size: 26px;
    color: #7294a4;
    background: #f2f2f2;
}

.selectedBox ul {
    list-style: none;
    margin-right: -10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.selectedBox li {
    padding: 23px 50px 23px 20px;
    margin-right: 10px;
    width: -webkit-calc(33.3% - 10px);
    width: calc(33.3% - 10px);
    position: relative;
    float: left;
    background: #f2f2f2;
}

.selectedBox .icon {
    position: absolute;
    right: 20px;
    top: 15px;
    font-size: 20px;
    color: #7294a4;
}

.selectedBox .image {
    padding-bottom: 11px;
    float: left;
    position: relative;
}

.freshBox .image .play,
.selectedBox .image .play {
    width: 38px;
    height: 40px;
    margin: -25px 0px 0px -19px;
    position: absolute;
    left: 50%;
    top: 50%;
    background: url(../renda/images/play.png) left top no-repeat;
}

/* ### featured box ### */
.featuredBox {
    padding: 13px 0px 0px 0px;
    width: 100%;
    overflow: hidden;
}

.featuredBox .holder {
    margin-right: -10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.featuredBox .col {
    margin-right: 10px;
    width: -webkit-calc(33.3% - 10px);
    width: calc(33.3% - 10px);
    float: left;
    background: #f1f9fc;
}

.featuredBox .col.none {
    background: none;
}

 .featured {
    border: 1px solid #c0e1f0!important;
    position: relative!important;
    overflow: hidden;
}

 .featured .inner {
    padding: 20px;
    overflow: hidden;
}

 .featured .title {
    padding-bottom: 15px;
    font-family: 'bebas_neue_regular', sans-serif;
    display: block;
    font-size: 26px;
    color: #7294a4;
    font-weight: normal;
}

.featured p {
    font-size: 13px;
    color: #696968;
}

 .featured span {
    font-size: 18px;
    color: #696968;
    display: block;
    font-weight: bold;
}

.featured .image {
    position: absolute;
    right: 20px;
    top: 15px;
    max-height: 66px;
}

 .whoBox {
    width: 100%;
}

.whoBox .title {
    border-bottom: 5px solid #fff;
    padding: 20px;
    min-height: 80px;
    font-family: 'bebas_neue_regular', sans-serif;
    display: block;
    font-size: 26px;
    color: #7294a4;
    background: #f1f9fc;
    font-weight: normal;
}

 .whoBox .block {
    padding: 10px 13px;
    border-bottom: 5px solid #fff;
}

 .whoBox .subtitle {
    padding: 0px 0px 5px 0px;
    display: block;
    text-align: center;
    font-family: 'bebas_neue_regular', sans-serif;
    font-size: 18px;
    color: #7294a4;
    font-weight: normal;
}

 .whoBox .block:last-child {
    border: none;
}

 .flower {
    width: 100%;
    overflow: hidden;
}

.flower .image {
    float: left;
}

.featuredBox .right {
    width: -webkit-calc(100% - 77px);
    width: calc(100% - 77px);
    overflow: hidden;
    float: right;
}

.featuredBox .flower .right strong {
    padding: 5px 0 0 0;
    font-size: 12px;
    display: block;
    font-size: 12px;
    color: #fff;
    text-align: center;
    line-height: 14px;
}

.featuredBox .flower .right span {
    padding: 0px 0 4px 0;
    display: block;
    font-size: 12px;
    color: #fff;
    text-align: center;
    line-height: 14px;
}

.featuredBox .flower .top {
    background: #7294a4;
}

.featuredBox .flower .bottom {
    background: #b8b8b8;
    position: relative;
}

.featuredBox .flower .arrow {
    position: absolute;
    right: 15px;
    top: -5px;
    width: 10px;
    height: 5px;
    display: block;
    background: url(../renda/images/arrow3.png) left top no-repeat;
}

.featuredBox .map {
    padding: 20px 31px 46px 20px;
    overflow: hidden;
    background: #f1f9fc;
}

.featuredBox .map .title {
    position: relative;
    z-index: 2;
    font-family: 'bebas_neue_regular', sans-serif;
    display: block;
    font-size: 26px;
    color: #7294a4;
    background: #f1f9fc;
    font-weight: normal;
}

.featuredBox .map .img {
    padding: 0px 0px 0px 35px;
    margin-top: -20px;
    position: relative;
}

.featuredBox .map img {
    width: 100%;
}

.featuredBox .map .bar {
    height: 120px;
    position: absolute;
    left: 0px;
    top: 41px;
}

.featuredBox .map .bar .line {
    width: 1px;
    height: 120px;
    background: #79c2e2;
}

.featuredBox .map .circle {
    width: 9px;
    height: 9px;
    position: absolute;
    left: -4px;
    bottom: 17px;
    background: #018cc7;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    cursor: pointer;
}

.featuredBox .map .count {
    position: absolute;
    left: -10px;
    bottom: 70px;
    font-family: 'bebas_neue_regular', sans-serif;
    display: block;
    font-size: 22px;
    color: #7294a4;
}

/* ### newsttitle box  ### */
.newsttitleBox { /* margin-top: 12px; *//* width: 66.6%; */
    border: 1px solid #c0e1f0;
    padding: 20px;
}

.newsttitleBox strong {
    font-family: 'bebas_neue_regular', sans-serif;
    display: block;
    font-size: 26px;
    color: #7294a4;
    font-weight: normal;
}

.newsttitleBox strong span {
    color: #696969;
}

/* ### right columnlist box  ### */
.rightcolumnListBox {
    width: 100%;
    margin-bottom: 20px;
    overflow: hidden;
    background: #f7f7f7;
}

.rightcolumnListBox .title {
    padding: 0px 0px 0px 20px;
    font-family: 'bebas_neue_regular', sans-serif;
    display: block;
    font-size: 26px;
    color: #7294a4;
    font-weight: normal;
}

.rightcolumnListBox .subtitle, .rightcolumnListBox a.subtitle {
    font-family: 'fira_sans_bold', sans-serif;
    width: 100%;
    font-size: 16px;
    color: #696968;
    display: block;
    font-weight: normal;
    line-height: 20px;
    text-decoration: none;
}

.rightcolumnListBox a.subtitle:hover {
    color: #7294a4;
}

.rightcolumnListBox .heart {
    width: 23px;
    height: 20px;
    display: block;
    position: absolute;
    right: 0px;
    top: 10px;
    font-size: 20px;
    color: #008ac8;
}

.rightcolumnListBox .image {
    padding: 0px 18px 0px 0px;
    float: left;
    position: relative;
}

.rightcolumnListBox .image img {
    width: 90px;
}

.rightcolumnListBox .detail {
    overflow: hidden;
    min-height: 90px;
}

.rightcolumnListBox ul {
    padding: 0px 20px 0 20px;
    overflow: hidden;
}

.rightcolumnListBox li {
    padding: 17px 12px 17px 0;
    position: relative;
    width: 100%;
    border-bottom: 1px solid #badbea;
}

.rightcolumnListBox li:last-child {
    border: none;
}

.rightcolumnListBox span.date {
    font-family: 'fira_sans_italic', sans-serif;
    font-size: 13px;
    color: #696968;
    display: block;
}

.rightcolumnListBox a {
    font-family: 'fira_sans_light', sans-serif;
    font-size: 13px;
    color: #7294a4;
    text-decoration: none;
}

.rightcolumnListBox a:hover {
    text-decoration: underline;
}

.rightcolumnListBox .more {
    text-align: center;
    padding: 10px 0px;
    border-top: 1px solid #badbea;
}

.rightcolumnListBox .more a {
    font-family: 'bebas_neue_regular', sans-serif;
    font-size: 17px;
    color: #7294a4;
    display: block;
    text-decoration: none;
}

.rightcolumnListBox .more a:hover {
    text-decoration: underline;
}

.rightcolumnListBox.green {
    background: #fff;
}

.rightcolumnListBox.green .title {
    padding-bottom: 5px;
}

.rightcolumnListBox.green ul {
    padding: 0px;
}

.rightcolumnListBox.green li {
    padding: 20px;
    margin-bottom: 10px;
    border: none;
    overflow: hidden;
    background: #f1f9fc;
}

.rightcolumnListBox.green .more {
    color: #fff;
    background: #7294a4;
    border: none;
}

.rightcolumnListBox.green .more a {
    color: #fff;
}

/* ### short box  ### */
.sortBox {
    width: 241px;
    width: 100%;
}

.sortBox .label {
    padding: 0px 14px;
    float: left;
    font-size: 13px;
    color: #fff;
    background: #7294a4;
    height: 41px;
    line-height: 41px;
}

.sortBox .select {
    width: 168px;
    height: 41px;
    float: left;
    padding: 0 20px;
    font-size: 13px;
    color: #7294a4;
    cursor: pointer;
    border: 1px solid #038bc7;
    background: url(../renda/images/select_arrow5.png) no-repeat right;
    -webkit-appearance: none;
    -moz-appearance: none;
}

/* ### communication box  ### */
.communicationBox {
    width: 100%;
    overflow: hidden;
    margin-bottom: 40px;
}

.communicationBox .block {
    overflow: hidden;
    padding-bottom: 10px;
}

.communicationBox .image {
    padding: 0px 14px 0px 0px;
    float: left;
    position: relative;
}

.communicationBox .image img {
    width: 133px;
}

.communicationBox .right {
    overflow: hidden;
    float: right;
    width: 69%;
    width: -webkit-calc(100% - 148px);
    width: -moz-calc(100% - 148px);
    width: calc(100% - 148px);
}

.communicationBox .title {
    padding: 0px 0px 25px 146px;
    font-family: 'bebas_neue_regular', sans-serif;
    font-size: 33px;
    color: #696968;
    display: block;
    line-height: 30px;
    font-weight: normal;
}

.communicationBox .title span {
    font-size: 18px;
    display: block;
    line-height: 20px;
}

.communicationBox .image .play {
    width: 38px;
    height: 40px;
    margin: -25px 0px 0px -19px;
    position: absolute;
    left: 50%;
    top: 50%;
    background: url(../renda/images/play.png) left top no-repeat;
}

/* ### boiler container  ### */
#boilerCntr {
    width: 100%;
}

#boilerCntr #left {
    padding: 0px 20px 0px 0px;
    width: 50%;
    float: left;
}

#boilerCntr #mid {
    padding: 0px 20px 0px 0px;
    width: 25%;
    float: left;
}

#boilerCntr #left.wide {
    width: 75%;
    margin-top: -30px;
}

#boilerCntr #left.wide .textBox .icon {
    top: -27px;
    right: 67px;
}

#boilerCntr #right {
    width: 25%;
    float: left;
}

#boilerCntr #right .holder {
    margin-right: -10px;
}

#boilerCntr #right .col {
    width: 100%;
    float: left;;
}

#boilerCntr .shareBox {
    margin-bottom: 20px;
    float: right;
    margin-top: -40px;
}

/* ### text box  ### */
.textBox {
    padding: 0px 0px 22px 0px;
    width: 100%;
    position: relative;
}

.textBox p a {
    color: #7294a4;
    text-decoration: underline;
}

.textBox .slideshow {
    height: 441px;
    text-align: center;
}

.textBox .slideshow .fullimage {
    max-width: 100%;
    max-height: 441px;
    display: inline;
}

.textBox h1 {
    font-family: 'bebas_neue_regular', sans-serif;
    font-size: 38px;
    color: #b97a80;
    line-height: 38px;
}

.textBox h1 span {
    display: block;
    color: #B8B8B8;
}

.textBox .icon {
    display: block;
    position: absolute;
    right: 0;
    top: 4px;
    font-size: 26px;
    color: #7294a4;
}

.textBox h2 {
    font-family: 'bebas_neue_regular', sans-serif;
    font-size: 32px;
    color: #7294a4;
    line-height: 33px;
    margin-bottom: 5px;
    margin-top: 20px;
}

h3.quote {
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 20px;
    font-family: 'bebas_neue_regular', sans-serif;
    color: #b97a80;
    text-align: center;
}

.textBox h2 span:not(.read-more-title) {
    font-size: 18px;
    display: block;
    line-height: 20px;
}

.textBox .date {
    padding: 0px 0px 12px 0px;
    font-family: 'bebas_neue_regular', sans-serif;
    font-size: 26px;
    /*color: #7294a4;*/
    color: #B8B8B8;
    display: block;
}

.textBox .smalltitle {
    max-width: 226px;
}

/*.textBox p { padding: 24px 0px 0px 0px; font-size: 13px; color: #696968; line-height: 20px;  }*/
.textBox p {
    /* padding: 12px 0px; */
    /* AW-556 */
    padding: 2px 0px 12px;;
    font-size: 13px;
    color: #696968;
    line-height: 20px;
}

.textBox .bottom {
    padding-bottom: 23px;
    position: relative;
}

.textBox .overlay {
    height: 80px;
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.67) 33%, rgba(255, 255, 255, 0.63) 37%, rgba(255, 255, 255, 0.38) 62%, rgba(255, 255, 255, 0) 100%);
}

.textBox ul {
    list-style: none;
}

.textBox li {
    width: 270px;
    height: 41px;
    line-height: 41px;
    border: 1px solid #c3e3f0;
    margin-top: 5px;
}

.textBox li a {
    display: block;
    font-family: 'bebas_neue_regular', sans-serif;
    font-size: 18px;
    color: #7294a4;
    text-decoration: none;
}

.textBox li a .icon2 {
    padding: 0px 18px 0px 16px;
    font-size: 20px;
    color: #7294a4;
}

.textBox li a:hover {
    text-decoration: underline;
}

/* ### quote box  ### */
.quoteBox {
    width: 100%;
}

.quoteBox .image {
    margin-bottom: 10px;
    position: relative;
}

.quoteBox .plus {
    width: 24px;
    height: 24px;
    font-size: 12px;
    color: #fff;
    background: #7294a4;
    position: absolute;
    right: 0px;
    top: 0px;
    text-align: center;
    line-height: 24px;
    text-decoration: none;
}

.quoteBox img {
    width: 100%;
}

.quoteBox ul {
}

.quoteBox li {
    margin: 0px;
}

.quoteBox li a {
    font-size: 18px;
    color: #7294a4;
    text-decoration: underline;
}

.quoteBox li a:hover {
    text-decoration: none;
}

.quoteBox .title {
    padding: 45px 0px 0px 0px;
    font-family: 'bebas_neue_regular', sans-serif;
    font-size: 26px;
    color: #7294a4;
    font-weight: normal;
}

/* ### see box  ### */
.seeBox {
    padding: 14px 10px;
    width: 100%;
    background: #f6f6f6;
}

.seeBox .title {
    padding-bottom: 13px;
    display: block;
    font-family: 'bebas_neue_regular', sans-serif;
    font-size: 26px;
    color: #7294a4;
    font-weight: normal;
}

.seeBox .style1 {
    font-style: italic;
    display: block;
}

.seeBox .img {
    position: absolute;
    right: 0px;
    top: -25px;
    width: 60px;
}

.seeBox .spacing {
    padding: 0 64px 15px 0;
    background: none;
    position: relative;
}

/* ### popup box ### */
.articlepopupBox {
}

.articlepopupBox.newsletter button {
    background-image: none;
}

.articlepopupBox.newsletter .success {
    font-weight: bold;
}

.articlepopupBox.newsletter .right {
    width: 100%;
}

.articlepopupBox.newsletter .popup {
    width: 350px;
    margin: 0 0 0 -175px;
    left: 50%;
    top: 50%;
    -ms-transform: translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
     transform: translate(-50%,-50%);
    
}

#newsletterform-head{
    
   // height: 100vh; /* viewport height */
   // overflow-y: scroll;
   // overflow-x: hidden;
}


.articlepopupBox .overlay {
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.8);
    min-height: 100%;
    height: auto !important;
    height: 100%;
    min-width: 100%;
    width: auto !important;
    width: 100%;
    z-index: 98;
}

/*.articlepopupBox .popup {width: 550px; position: absolute; top: 200px; left: 50%; margin: 0 0 0 -275px; z-index: 99;  background: #fff; border: 1px solid #b5dced;  }*/
.articlepopupBox .popup {
    width: 550px;
    position: fixed;
    top: 200px;
    left: 50%;
    margin: 0 0 0 -275px;
    z-index: 99;
    background: #fff;
    border: 1px solid #b5dced;
}

.articlepopupBox .close {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 40px;
    height: 40px;
    display: block;
    font-size: 20px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    line-height: 40px;
    background: #7294a4;
}

.articlepopupBox .holder {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-height: calc(100vh - 80px);
    overflow-y: auto;  
}

.articlepopupBox .left {
    padding: 80px 0px 0px 16px;
    width: 158px;
    float: left;
    background: #7294a4;
}

.articlepopupBox .left span {
    padding: 0px 0px 0px 14px;
    width: 90px;
    height: 20px;
    line-height: 20px;
    display: block;
    border: 1px solid #84c7e4;
    font-family: 'bebas_neue_regular', sans-serif;
    font-size: 13px;
    color: #7294a4;
    font-weight: normal;
    background: #fff;
}

.articlepopupBox .left p {
    padding: 5px 0px 20px 0px;
    font-family: 'bebas_neue_regular', sans-serif;
    font-size: 21px;
    color: #fff;
    font-weight: normal;
}

.articlepopupBox .right {
    //padding: 15px 50px 50px 50px;
    padding: 14px 50px 50px 10px;
    width: -webkit-calc(100% - 158px);
    width: calc(100% - 158px);
    float: left;
}

.articlepopupBox .icon {
    width: 44px;
    height: 44px;
    display: block;
    border: 1px solid #7294a4;
    text-decoration: none;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

.articlepopupBox .icon span {
    line-height: 44px;
    text-align: center;
    font-size: 20px;
    display: block;
    color: #7294a4;
    text-decoration: none;
}

.articlepopupBox .title {
    padding: 15px 0px 0px 0px;
    display: block;
    font-family: 'bebas_neue_regular', sans-serif;
    font-size: 28px;
    color: #7294a4;
    font-weight: normal;
}

.articlepopupBox .right p {
    padding: 5px 0px 20px 0px;
    font-size: 13px;
    color: #696968;
    line-height: 16px;
}
.whitepaper input[type="email"],
.emailsignup input[type="email"],
.articlepopupBox input[type="text"], .articlepopupBox input[type="email"], .articlepopupBox input[type="password"] {
    margin-bottom: 10px;
    padding: 0px 20px;
    line-height: 40px;
    height: 40px;
    font-size: 13px;
    color: #7294a4;
    width: 100%;
    border: 1px solid #c0e1f0;
}

.articlepopupBox textarea {
    margin-bottom: 10px;
    padding: 0px 20px;
    line-height: 40px;
    height: 140px;
    font-size: 13px;
    color: #7294a4;
    width: 100%;
    border: 1px solid #c0e1f0;
}
.whitepaper {
    float: right;
    margin-top:20px;
}
.whitepaper img{
    float: right;
    height: 50px;
    margin: 10px 0;
}
.whitepaper input[type="submit"],
.emailsignup input[type="submit"],
.articlepopupBox .button {
    display: block;
    height: 40px;
    line-height: 40px;
    width: 100%;
    border: none;
    font-family: 'bebas_neue_regular', sans-serif;
    font-size: 18px;
    color: #fff;
    text-align: center;
    cursor: pointer;
    background: #7294a4  8px 8px no-repeat;
}

.articlepopupBox .required {
    font-size: 13px;
    color: #7294a4;
    display: block;
    padding-top: 10px;
    float: left;
}
.articlepopupBox .help {
    padding-top: 10px;
    float: right;
    text-decoration: underline;
}

.articlepopupBox input[type="text"]::-webkit-input-placeholder {
    color: #80c5e6;
}

.articlepopupBox input[type="text"]:-moz-placeholder {
    color: #80c5e6;
}

.articlepopupBox input[type="text"]::-moz-placeholder {
    color: #80c5e6;
}

.articlepopupBox input[type="text"]:-ms-input-placeholder {
    color: #80c5e6;
}

.articlepopupBox input[type="email"]::-webkit-input-placeholder {
    color: #80c5e6;
}

.articlepopupBox input[type="email"]:-moz-placeholder {
    color: #80c5e6;
}

.articlepopupBox input[type="email"]::-moz-placeholder {
    color: #80c5e6;
}

.articlepopupBox input[type="email"]:-ms-input-placeholder {
    color: #80c5e6;
}

.articlepopupBox input[type="password"]::-webkit-input-placeholder {
    color: #80c5e6;
}

.articlepopupBox input[type="password"]:-moz-placeholder {
    color: #80c5e6;
}

.articlepopupBox input[type="password"]::-moz-placeholder {
    color: #80c5e6;
}

.articlepopupBox input[type="password"]:-ms-input-placeholder {
    color: #80c5e6;
}

.articlepopupBox.questions_remarks button {
    background-image: none;
}

.articlepopupBox.questions_remarks .success {
    font-weight: bold;
}

.articlepopupBox.questions_remarks .right {
    width: 100%;
}

.articlepopupBox.questions_remarks .popup {
    width: 450px;
    margin: 0 0 0 -175px
}
/* ### joinlist box ### */
.joinListBox {
    width: 100%;
    overflow: hidden;
}

.joinListBox h3 {
    padding: 15px 0px 0px 0px;
    display: block;
    font-family: 'bebas_neue_regular', sans-serif;
    font-size: 26px;
    color: #7294a4;
    font-weight: normal;
    line-height: 26px;
}

.joinListBox ul.column .title {
    min-height: inherit !important;
}

.joinListBox p {
    padding-top: 10px;
    font-size: 13px;
    line-height: 16px;
    color: #696968;
}

/* ### main renda container ### */
#mainrendaCntr {
    width: 100%;
    position: relative;
}

#mainrendaCntr h1 {
    padding: 26px 0px 47px 0px;
    font-family: 'bebas_neue_regular', sans-serif;
    font-size: 26px;
    color: #b97a80;
    font-weight: normal;
    line-height: 26px;
}

#mainrendaCntr .deel {
    position: absolute;
    right: 80px;
    top: -25px;
    padding: 30px 50px;
    max-width: 531px;
    background: #c3c3c3;
}

#mainrendaCntr .deel span {
    display: block;
    padding: 0px 20px;
    height: 40px;
    line-height: 40px;
    font-family: 'bebas_neue_regular', sans-serif;
    font-size: 20px;
    color: #fff;
    font-weight: normal;
    background: #7294a4;
}

#mainrendaCntr .holder {
    margin-right: -10px;
}

#mainrendaCntr .col {
    padding-right: 10px;
    width: 33.3%;
    float: left;
}

#mainrendaCntr .title {
    padding-bottom: 5px;
    display: block;
    font-family: 'bebas_neue_regular', sans-serif;
    font-size: 20px;
    color: #7294a4;
    font-weight: normal;
    line-height: 26px;
}

#mainrendaCntr .news {
    padding: 14px 42px 14px 20px;
    margin-bottom: 20px;
    border: 1px solid #e4ccca;
}

#mainrendaCntr .news .title {
    color: #8f352d;
}

#mainrendaCntr .news a {
    color: #8f352d;
}

#mainrendaCntr .style1 {
    display: block;
    font-style: italic;
}

.stelling {
    padding: 14px 42px 14px 20px;
    margin-bottom: 20px;
    border: 1px solid #d9d9d9;
}

.stelling .title {
    color: #696969;
}

.stelling ul {
    padding: 13px 0px 30px 0px;
    overflow: hidden;
    list-style: none;
}

.stelling li {
    margin-bottom: 9px;
}

.stelling .checkbox label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 35px;
    margin-right: 15px;
    font-size: 13px;
    color: #696968;
}

.stelling .checkbox input[type=radio],
.stelling .checkbox input[type=checkbox] {
    display: none
}

.stelling .checkbox label::before {
    content: "";
    display: inline-block;
    width: 22px;
    height: 22px;
    margin-right: 10px;
    position: absolute;
    left: 0;
    bottom: 1px
}

.stelling .checkbox label::before {
    background: url(../renda/images/checkbox_normal2.png) no-repeat
}

.stelling .checkbox input[type=radio]:checked + label::before,
.stelling .checkbox input[type=checkbox]:checked + label::before {
    content: "";
    background: url(../renda/images/checkbox_selected2.png)
}

.stelling .button {
    font-family: 'bebas_neue_regular', sans-serif;
    font-size: 20px;
    color: #696969;
    width: 100%;
    height: 41px;
    background: none;
    border: 1px solid #8e8e8e;
    cursor: pointer;
    text-align: center;
    line-height: 41px;
}

.stelling .button:hover {
    text-decoration: underline;
}

#mainrendaCntr .img {
    float: right;
    padding-left: 20px;
}

#mainrendaCntr .work {
    padding: 14px 42px 14px 20px;
    margin-bottom: 20px;
    border: 1px solid #c0e1f0;
}

#mainrendaCntr .video, #leftCntr .video {
    position: relative;
}

#mainrendaCntr .video img {
    width: 100%;
}

#mainrendaCntr .video .play, #leftCntr .video .play {
    width: 70px;
    height: 70px;
    margin: -35px 0px 0px -35px;
    position: absolute;
    left: 50%;
    top: 50%;
    background: url(../renda/images/play2.png) left top no-repeat;
}

#mainrendaCntr .title2 {
    padding: 0px 0px 0px 17px;
    display: block;
    margin-bottom: 10px;
    font-weight: normal;
    font-family: 'bebas_neue_regular', sans-serif;
    font-size: 20px;
    color: #fff;
    height: 50px;
    line-height: 50px;
    background: #7294a4;
}

#mainrendaCntr .article {
    padding: 9px 30px 20px 17px;
    margin-bottom: 14px;
    overflow: hidden;
    position: relative;
    background: #f1f9fc;
}

#mainrendaCntr .article .image {
    padding-right: 13px;
    float: left;
}

#mainrendaCntr .article .right {
    overflow: hidden;
}

#mainrendaCntr .article .subtitle {
    font-family: 'fira_sans_bold', sans-serif;
    font-size: 18px;
    color: #7294a4;
    display: block;
    font-weight: normal;
    line-height: 20px;
}

#mainrendaCntr .article .date {
    font-family: 'fira_sans_italic', sans-serif;
    font-size: 13px;
    color: #7294a4;
    display: block;
}

#mainrendaCntr .article p {
    font-size: 13px;
    color: #7294a4;
}

#mainrendaCntr .article a {
    font-size: 13px;
    color: #7294a4;
    display: block;
    text-decoration: none;
}

#mainrendaCntr .article a:hover {
    text-decoration: underline;
}

#mainrendaCntr .article .close {
    position: absolute;
    right: 6px;
    top: 6px;
    font-size: 20px;
}

.maintitle {
    padding: 0px 0px 0px 0px;
    font-family: 'bebas_neue_regular', sans-serif;
    font-size: 26px;
    color: #7294a4;
    font-weight: normal;
    display: block;
    margin-bottom: 15px;
}

h3.maintitle {
    font-size: 22px;
    /* AW-556 */
    margin-bottom: 0px;
    margin-top: 15px;
}

/* ### featured banner ### */
.featuredbannerBox {
    margin-top: 25px;
    min-height: 342px;
    width: 100%;
    overflow: hidden;
    background: #7294a4;
    margin-bottom: 13px;
}

.featuredbannerBox .left {
    padding: 33px 46px 20px 19px;
    width: 35%;
    overflow: hidden;
    float: left;
}

.featuredbannerBox .left span {
    font-family: 'bebas_neue_regular', sans-serif;
    font-size: 18px;
    color: #fff;
    font-weight: normal;
    display: block;
}

.featuredbannerBox .left .title {
    padding: 17px 0px 5px 0px;
    font-family: 'bebas_neue_regular', sans-serif;
    font-size: 34px;
    color: #fff;
    font-weight: normal;
    display: block;
    line-height: 34px;
}

.featuredbannerBox .left p {
    font-size: 13px;
    color: #fff;
    line-height: 16px;
}

.featuredbannerBox .right {
    width: 65%;
    height: 100%;
    float: right;
    background-size: cover;
}

/* ### featured search ### */
.featuredsearchBox {
    padding: 15px 20px;
    width: 60%;
    float: left;
    background: #c3c3c3;
}

.featuredsearch {
    margin-top: 5px;
    width: 267px;
    height: 46px;
    float: left;
    line-height: 46px;
    background: #fff;
}

.featuredsearch input[type="text"] {
    width: -webkit-calc(100% - 42px);
    width: calc(100% - 42px);
    font-size: 13px;
    color: #C3C3C3;
    float: left;
    border: none;
    background: none;
    line-height: 46px;
    height: 46px;
    padding: 0px 15px;
}

.featuredsearchBox .button {
    width: 42px;
    height: 46px;
    line-height: 46px;
    display: block;
    font-size: 20px;
    color: #c3c3c3;
    float: left;
    cursor: pointer;
    border: none;
    background: none;
}

.featuredsearchBox .button:hover {
    color: #7294a4;
}

.featuredsearchBox .select {
    width: 168px;
    margin-left: 5px;
    margin-top: 5px;
    height: 46px;
    float: left;
    padding: 0 32px;
    font-size: 13px;
    color: #fff;
    cursor: pointer;
    border: 1px solid #d2d2d2;
    background: url(../renda/images/select_arrow4.png) no-repeat right;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.featuredsearchBox .select option {
    color: #fff;
}

.featuredsearchBox .label {
    padding-bottom: 5px;
    font-family: 'bebas_neue_regular', sans-serif;
    font-size: 18px;
    color: #fff;
    font-weight: normal;
    display: block;
}

/* ### featurebox ### */
.featureBox {
    padding-bottom: 38px;
    width: 100%;
    overflow: hidden;
}

.featureBox .title {
    font-family: 'bebas_neue_regular', sans-serif;
    font-size: 26px;
    color: #7294a4;
    font-weight: normal;
}

.featureBox ul {
    margin-top: 5px;
    list-style: none;
}

.featureBox li {
    margin-bottom: 10px;
    padding: 18px;
    overflow: hidden;
    background: #f7f7f7;
}

.featureBox .image {
    margin-right: 15px;
    float: left;
    position: relative;
}

.featureBox .right {
    overflow: hidden;
}

.featureBox .smalltitle {
    width: 60%;
}

.featureBox ul.green li {
    background: #f2fafd;
}

.featureBox ul.green .play {
    width: 38px;
    height: 40px;
    margin: -25px 0px 0px -19px;
    position: absolute;
    left: 50%;
    top: 50%;
    background: url(../renda/images/play.png) left top no-repeat;
}

.featureBox .date {
    font-family: 'fira_sans_bold', sans-serif;
    color: #696968;
    display: block;
    font-size: 13px;
}

.featureBox .date strong {
    font-weight: normal;
    color: #7294a4;
    font-size: 13px !important;
}

.featureBox .more {
    padding: 0px 20px;
    display: inline-block;
    float: left;
    font-family: 'bebas_neue_regular', sans-serif;
    text-align: center;
    margin: 23px 8px 0px 0px;
    line-height: 20px;
    height: 20px;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    background: #7294a4;
}

.featureBox .icon {
    float: left;
    display: block;
    position: relative;
    right: -10px;
    top: 16px;
    font-size: 26px;
    color: #7294a4;
}

.featureBox .viewall {
    width: 100%;
    height: 45px;
    font-family: 'bebas_neue_regular', sans-serif;
    color: #fff;
    font-size: 16px;
    display: block;
    line-height: 45px;
    text-align: center;
    text-decoration: none;
    background: #7294a4;
    position: relative;
}

.featureBox .viewall:hover {
    text-decoration: underline;
}

.featureBox .freshBox strong {
    font-size: 18px;
    font-weight: normal;
}

/* ### grid box ### */
.gridBox .data {
    width: 99%;
}

.gridBox .data table {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
}

.gridBox .data th {
    font-family: 'bebas_neue_regular', sans-serif;
    font-size: 28px;
    color: #7294a4;
    font-weight: normal;
}

.gridBox .data .title1 a,
.gridBox .data .title1 {
    color: #80c6e0;
}
.gridBox .data .title1 {
    border-left: 1px solid #bee2f0;
}

.gridBox .data .title1.none {
    border: none;
}

.gridBox .data .title2 a,
.gridBox .data .title2 {
    color: #4daed8;
}

.gridBox .data .title3 a,
.gridBox .data .title3 {
    color: #048bc3;
}

.gridBox .data .title4 a,
.gridBox .data .title4 {
    color: #c59895;
}

.gridBox .data .title5 a,
.gridBox .data .title5 {
    color: #AB5F58;
}
.gridBox .data .title6 a,
.gridBox .data .title6 {
    color: #93362f;
}

.gridBox .data .title1,
.gridBox .data .title2,
.gridBox .data .title3,
.gridBox .data .title4,
.gridBox .data .title5,
.gridBox .data .title6 {
    padding: 0 5px;
}

.gridBox .data td {
    background: #fff;
    text-align: center;
}

.gridBox .data td {
    padding: 10px;
    font-family: 'fira_sans_medium';
    font-size: 13px;
    color: #7294a4;
    text-align: center;
    border: none;
}

.gridBox td.blank {
    width: 27px;
}

.gridBox .data td img {
    display: inline-block;
}

.gridBox .data td.col1 {
    background: #f5f5f5;
    text-align: left;
    border-right: 1px solid #bee2f0;
}

.gridBox .data td.col2 {
    background: #ebf6fa;
    border-right: 1px solid #bee2f0;
}

.gridBox .data td.col3 {
    background: #daeef7;
    border-right: 1px solid #82c5e2;
}

.gridBox .data td.col4 {
    background: #b3dded;
}

.gridBox .data td.col5 {
    width: 27px;
    background: #fff;
}

.gridBox .data td.col6 {
    background: #f7eeef;
    border-right: 1px solid #d5b6b3;
}

.gridBox .data td.col7 {
    background: #F3E8E8;
    border-right: 1px solid #d5b6b3;
}
.gridBox .data td.col8 {
    background: #efe1e0;
}

.gridBox .data tr.total td a,
.gridBox .data tr.total td {
    color: #fff;
}
.gridBox .data tr.total td {
    font-family: 'bebas_neue_regular', sans-serif;
    font-size: 28px;
}

.gridBox .data td.total1 {
    background: #80c5e2 !important;
}

.gridBox .data td.total2 {
    background: #4eaed8 !important;
    border-right: 1px solid #bee2f0;
}

.gridBox .data td.total3 {
    background: #038BC5 !important;
    border-right: 1px solid #82c5e2;
}

.gridBox .data td.total4 {
    background: #c89b96 !important;
}

.gridBox .data td.total5 {
    background: #AB5F58 !important;
}
.gridBox .data td.total6 {
    background: #8f352d !important;
}

.gridBox .data tr.lasttotal td {
    font-family: 'bebas_neue_regular', sans-serif;
    font-size: 26px;
}

.gridBox .data tr.lasttotal td {
    border-right: 1px solid #bee2f0;
    border-bottom: 1px solid #bee2f0;
}

.gridBox .data tr.lasttotal td.border_none {
    border-bottom: none;
    border-right: none;
}

.gridBox .data tr.lasttotal td.redborder {
    border-right: 1px solid #e4ccca;
    border-bottom: 1px solid #e4ccca;
}

.gridBox .data tr.lasttotal td.leftborder {
    border-left: 1px solid #e4ccca;
    border-bottom: 1px solid #e4ccca;
}

.heplcircle {
    float: right;
}

.stacktable.large-only {
    display: table;
}

.stacktable.small-only {
    display: none;
}

.gridBox .data table tr:nth-child(odd) td {
    background: #fff;
}

/* ### footer container ### */
#footerCntr {
    overflow: hidden;
    width: 100%;
}

/* ### footer box ### */
.footerBox {
    padding: 0px 0px 25px 0px;
    overflow: hidden;
    background: #fff;
    z-index: 9;
    position: relative;
}

.footerBox .title {
    padding: 0px 0px 0px 70px;
    margin-bottom: 18px;
    line-height: 50px;
    height: 50px;
    font-family: 'bebas_neue_regular', sans-serif;
    font-size: 26px;
    color: #fff;
    background: #7294a4;
}

.footerBox .block {
    padding: 0px 27px 0px 70px;
    width: 300px;
    float: left;
}

.footerBox .block .newsletter {
    border: 1px solid #bee2f0;
    overflow: hidden;
    width: 100%;
}

.footerBox .block input[type="email"] {
    padding: 0px 20px;
    line-height: 39px;
    width: -webkit-calc(100% - 29px);
    width: calc(100% - 29px);
    float: left;
    border: none;
    font-size: 10px;
    color: #7294a4;
    text-decoration: none;
}

.footerBox .block input[type="email"]::-webkit-input-placeholder {
    color: #7294a4;
}

.footerBox .block input[type="email"]:-moz-placeholder {
    color: #7294a4;
}

.footerBox .block input[type="email"]::-moz-placeholder {
    color: #7294a4;
}

.footerBox .block input[type="email"]:-ms-input-placeholder {
    color: #7294a4;
}

.footerBox .block .success {
    padding: 10px;
    font-weight: bold;
}

.footerBox .block .button {
    width: 29px;
    height: 39px;
    display: block;
    border: none;
    text-indent: -99999px;
    cursor: pointer;
    background: url(../renda/images/bullet.png) left top no-repeat;
}

.footerBox strong {
    font-family: 'bebas_neue_regular', sans-serif;
    font-size: 18px;
    color: #7294a4;
    font-weight: normal;
}

.footerBox .block2 {
    float: left;
    padding-left: 20px;
}

.footerBox .block2 .col {
    width: 230px;
    float: left;
}

.footerBox .block2 .col2 {
    width: 100px;
    float: left;
}

.footerBox ul {
    list-style: none;
}

.footerBox li {
}

.footerBox li a {
    font-size: 12px;
    color: #7294a4;
    text-decoration: none;
    font-weight: normal;
}

.footerBox li a:hover {
    text-decoration: underline;
}

.footerBox .block3 {
    padding-right: 50px;
    width: 230px;
    float: right;
}

.footerBox .block3 span {
    padding: 0px 20px 9px 0px;
    font-size: 10px;
    color: #7294a4;
    font-weight: bold;
    display: block;
    text-align: right;
}

.copyrightBox {
    margin-top: 40px;
    padding: 10px 0px 20px 0px;
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 9;
    background: #fff;
}

.copyrightBox p {
    font-size: 10px;
    color: #C3C3C3;
    text-align: right;
}

/* #Media Queries
================================================== */
.iconBox {
    display: none;
}

.iconBox .loginBox {
    display: none;
}

@media only screen and (max-width: 999px) {
    #headerCntr .center {
        padding: 0px 0 0 143px;
    }

    .center {
        padding: 0px 10px;
    }

    #contentCntr .bg {
        padding: 0px 10px;
    }

    #headerCntr .logo {
        left: 10px;
        z-index: 3;
    }

    #headerCntr .menuBox li {
        padding-right: 15px;
    }

    #headerCntr .bottom .title {
        width: 248px;
        font-size: 24px;
    }

    #headerCntr .search {
        width: 210px;
    }

    #headerCntr .select {
        width: 150px;
        padding: 0px 15px;
    }

    #leftCntr {
        padding-right: 20px;
        width: 58%;
    }

    #rightCntr {
        width: 42%;
    }

    .shareBox li a {
        padding: 9px 15px 10px;
    }

    .shareBox li.title {
        padding: 13px 15px;
    }

    .footerBox {
        padding: 0px 10px 25px 10px;
    }

    .copyrightBox {
        text-align: center;
    }

    .introduceBox .left {
        padding-right: 20px;
    }

    .introduceBox .image {
        width: 140px;
    }

    .introduceBox .image img {
        width: 100%;
    }

    #headerCntr .rightLink li.link a {
        padding: 24px 28px 18px;
    }

    #headerCntr .rightLink {
        padding-right: 13px;
    }

    .columnListBox ul.column li {
        width: -webkit-calc(50% - 11px);
        width: calc(50% - 11px);
    }

    .columnListBox .block {
        padding: 24px 27px;
    }

    .columnListBox .search input[type="text"] {
        width: 44%;
    }

    .columnListBox ul.network li.first {
        width: 100%;
        margin-right: 0px;
    }

    .columnListBox ul.network li {
        width: -webkit-calc(50% - 11px);
        width: calc(50% - 11px);
    }

    .bannerBox .banner {
        height: 266px;
    }

    /*.bannerBox .left {width: -webkit-calc(100% - 188px);width: calc(100% - 188px);}*/
    .bannerBox .left {
        width: 67%;
    }

    /*.bannerBox .right {  width: 188px;}*/
    .bannerBox .right {
        width: 33%;
    }

    .column.first-row.column,
    #agendaCntr .column {
        margin-bottom: 10px;
        width: -webkit-calc(50% - 10px);
        width: calc(50% - 10px);
    }

    .column.first-row.column.last {
        width: 100%;
    }

    .selectedBox li {
        margin-bottom: 10px;
        width: -webkit-calc(50% - 10px);
        width: calc(50% - 10px);
    }

    .selectedBox li:last-child {
        width: 100%;
    }

    .featuredBox .col {
        margin-bottom: 10px;
        width: -webkit-calc(50% - 10px);
        width: calc(50% - 10px);
    }

    .featuredBox .col.last {
        width: 100%;
    }

    .partnerBox .image {
        width: 85px;
        padding-right: 10px;
    }

    .partnerBox .image img {
        width: 100%;
    }

    #myEventCntr #left {
        padding-right: 10px;
    }

    .partnerBox ul.user {
        padding-right: 0px;
    }

    .clientsBox ul {
        margin-right: -30px;
    }

    .clientsBox li {
        padding-right: 30px;
    }

    .contentBox h2 {
        font-size: 33px;
    }

    .textBox h2 {
        font-size: 33px;
    }

    .textBox .icon {
        top: 5px;
        right: 20px;
    }

    #boilerCntr #right .holder {
        margin: 0px;
    }

    #boilerCntr #right .col {
        width: 100%;
        padding: 0px 0 20px 0px;
    }

    #mainrendaCntr .col {
        width: 50%;
    }

    #mainrendaCntr .col.last {
        width: 100%;
    }

    .featuredbannerBox .left {
        padding: 33px 16px 0 19px;
    }

    .featuredbannerBox .left .title {
        font-size: 32px;
    }

    .featuredsearchBox {
        width: 58%;
    }

    .featuredsearch {
        width: 206px;
    }

}

@media only screen and (max-width: 649px) {
    #searchform fieldset {
        width: 100%;
        padding-right: 10px;
    }
    #searchform .search {
        width: -webkit-calc(100% - 155px);
        width: calc(100% - 155px);
    }
}

@media only screen and (max-width: 300px) {
    #searchform .select {
        width: 100px;
    }
    #searchform .search {
        width: -webkit-calc(100% - 105px);
        width: calc(100% - 105px);
    }
}

@media only screen and (max-width: 767px) {

    #headerCntr .center {
        padding: 0px 0 0 10px;
    }

    #headerCntr .topBox {
        display: none;
    }

    #container {
        padding: 27px 0px;
    }

    #headerCntr .menuBox {
        display: none;
    }

    #headerCntr .menuBox {
        width: 100%;
        position: absolute;
        left: 0px;
        top: 100px;
        padding: 15px 15px 15px 15px;
        z-index: 2;
        background: #7294a4;
    }

    #headerCntr .menuBox ul {
        border-top: 1px solid #fff;
        clear: both;
        padding: 0px;
    }

    #headerCntr .menuBox li {
        float: none;
        padding: 7px 0px;
        border-bottom: 1px solid #c2e2f1;
    }

    #headerCntr .menuBox .search {
        display: block;
        width: 100%;
        margin-bottom: 20px;
    }

    #headerCntr .menuBox .topBox {
        display: block;
        background: none;
    }

    #headerCntr .menuBox .topBox ul {
        float: none;
        text-align: center;
        padding-top: 20px;
        border: none;
    }

    #headerCntr .menuBox .topBox li {
        display: inline-block;
        float: none;
        border-bottom: none;
        border-right: 1px solid #80c5e2;
    }

    #headerCntr .menuBox .topBox li:last-child {
        border: none;
    }

    #headerCntr .menuBox .topBox li a:hover {
        color: #fff;
    }

    #headerCntr .menuBox .topBox li a {
        font-size: 20px;
    }

    .iconBox {
        width: 100%;
        padding: 14px 0px;
        float: left;
        display: block;
    }

    .iconBox li.login:hover.loginBox {
        display: block;
    }

    .iconBox ul {
        list-style: none;
        float: right;
        min-height: 36px;
    }

    .iconBox li {
        padding: 0px 8px 0px 0px;
        float: left;
    }

    .iconBox li > a {
        width: 36px;
        height: 36px;
        line-height: 36px;
        display: block;
        text-align: center;
        font-size: 16px;
        color: #fff;
        position: relative;
        text-decoration: none;
        border: 1px solid #fff;
        -webkit-border-radius: 100%;
        border-radius: 100%;
    }

    .iconBox li a:hover {
    }

    .iconBox li a .menu {
        width: 18px;
        height: 14px;
        display: block;
        margin: 9px 0px 0px 9px;
        background: url(../renda/images/menu.png) left top no-repeat;
    }

    .iconBox li a .mobile_icon {
        width: 13px;
        height: 19px;
        display: block;
        margin: 8px 0px 0px 10px;
        background: url(../renda/images/mobile_icon.png) left top no-repeat;
    }

    #headerCntr .bottom .hide {
        display: none;
    }
    
    #searchform fieldset {
        padding-right: 10px;
    }

    #headerCntr .rightLink {
        display: none;
    }

    #headerCntr .bottom {
        padding-top: 0px;
    }

    #leftCntr {
        width: 100%;
        padding: 0px 0 20px 0;
    }

    #rightCntr {
        width: 100%;
    }

    #rightCntr .space {
        //float: none;
        width: 100%;
        margin: 20px auto 0;
    }

    .contentBox h2 {
        font-size: 28px;
        line-height: 30px;
    }
    .addthis_sharing_toolbox {
        position: absolute;
        right: 16px;
        top: 8px;
    }
    /*
    .shareBox {
        margin-bottom: 20px;
        float: left;
    }
    */
    .footerBox .block {
        width: 100%;
        padding: 0px 0px 20px 0px;
    }

    .introduceBox .block {
        margin-bottom: 20px;
    }

    .introduceBox .left {
        width: 100%;
    }

    .introduceBox .right {
        width: 100%;
        margin-top: 15px;
    }

    .introduceBox .image {
        width: 116px;
    }

    .introductionBox h1 {
        font-size: 28px;
    }

    .itemBox {
        margin-left: -20px;
    }

    .columnListBox .search {
        width: 100%;
        padding-right: 0px;
    }

    .columnListBox .block {
        padding: 20px 14px;
    }

    .columnListBox .learnBox {
        width: 100%;
    }

    .columnListBox .learnBox a {
        line-height: 43px;
    }

    .columnListBox ul.column li {
        width: 100%;
        margin-right: 0px;
        margin-bottom: 20px;
        padding: 17px 50px 26px 16px
    }

    .columnListBox ul.column .title {
        min-height: inherit;
    }

    .columnListBox ul.network {
        margin: 0px;
    }

    .columnListBox ul.network li {
        width: 100%;
        margin-right: 0px;
        padding: 20px;
        margin-bottom: 20px;
    }

    .columnListBox .image img {
        width: 100%;
    }

    .bannerBox .banner {
        height: 266px;
    }

    .bannerBox .left {
        width: 100%;
    }

    .bannerBox .right {
        width: 100%;
    }

    .bannerBox .block {
        width: 50%;
        float: left;
    }

    .bannerBox .left .info p {
        font-size: 18px;
        padding-left: 20px;
    }

    #agendaCntr {
        padding-bottom: 0px;
    }

    #agendaCntr .holder {
        margin: 0px;
    }

    #agendaCntr .column,
    .column.first-row.column {
        margin: 0px 0 20px 0px;
        width: 100%;
    }

    .selectedBox ul {
        margin: 0px;
    }

    .selectedBox li {
        width: 100%;
        margin: 0px 0 20px 0px;
    }

    .featuredBox .holder {
        margin: 0px;
    }

    .featuredBox .col {
        width: 100%;
        margin-right: 0px;
    }

    .newsttitleBox {
        width: 100%;
    }

    .bannerBox .left .info {
        width: 100%;
    }

    #networkCntr #left {
        width: 100%;
        padding: 0px;
    }

    .newsBox .image {
        margin-right: 16px;
    }

    .newsBox .title {
        padding-top: 0px;
    }

    #networkCntr #right {
        width: 100%;
    }

    .itemBox.network {
        margin-left: 0px;
    }

    .contributionsBox .block {
        padding: 15px 20px;
    }

    #incomeCntr #left {
        width: 100%;
        padding: 0px;
    }

    #incomeCntr #right {
        width: 100%;
    }

    .programBox .holder {
        margin: 0px;
    }

    .programBox .block {
        width: 100%;
        margin: 0px 0px 20px 0px;
        padding: 17px 20px 20px 20px;
    }

    .userBox .holder {
        margin: 0px;
    }

    .userBox .block {
        width: 100%;
        margin: 0px 0px 20px 0px;
        padding: 17px 20px;
    }

    .rendaCircle {
        padding: 20px 0px;
    }

    #myEventCntr #right {
        width: 100%;
    }

    #myEventCntr #left {
        width: 100%;
        padding: 0px;
    }

    .myEventBox .block {
        padding-right: 100px;
    }

    .myEventBox .image {
        width: 100px;
    }

    .myEventBox .image img {
        width: 100%;
    }

    .contentBox.renda {
        padding-right: 0px;
    }

    .rendacontentBox .holder {
        margin: 0px;
    }

    .rendacontentBox .block {
        width: 100%;
        margin: 0px 0px 20px 0px;
    }

    .breadcrumbsBox {
        display: none;
    }

    .shareBox.mobileshare {
        /* position: absolute; */
        left: 20px;
        top: 0px;
        margin: 0px;
        width: auto;

        position: relative !important;
        margin-top: -10px !important;
        margin-left: -20px !important;
        float: left !important;
        margin-bottom: 0 !important;
    }

    #incomeCntr #left.mobile {
        padding: 36px 0px 0px 0px;
    }

    #leftCntr.mobile {
        padding: 36px 0px 0px 0px;
    }

    #rightCntr .space2 {
        width: 100%;
    }

    #boilerCntr #left {
        width: 100% !important;
        padding: 36px 0px 0px 0px;
    }

    #boilerCntr #left.wide .textBox .icon {
        right: 0;
    }

    #boilerCntr #right {
        width: 100% !important;
    }

    .articlepopupBox.newsletter .popup,
    .articlepopupBox .popup {
        width: 100%;
        //top: 0px;
        left: 0px;
        margin: 0px;
	max-height: calc(100vh - 80px);
        overflow-y: auto;  
    }

    .articlepopupBox .right {
        padding: 15px 30px 50px 30px;
    }

    #mainrendaCntr .holder {
        margin: 0px;
    }

    #mainrendaCntr .col {
        width: 100%;
        padding: 0px;
        margin-bottom: 20px;
    }

    #mainrendaCntr .deel {
        position: static;
        margin-top: -28px;
    }

    .featuredbannerBox {
        height: auto;
    }

    .featuredbannerBox .right {
        width: 100%;
        height: 200px;
    }

    .featuredbannerBox .left {
        width: 100%;
        padding: 20px;
    }

    .featuredsearchBox {
        width: 100%;
    }

    .stacktable.large-only {
        display: none;
    }

    .stacktable.small-only {
        display: table;
    }

    .gridBox .data td:first-child {
        text-align: left;
    }

    .gridBox .data td.col3 {
        border: none;
    }

    .gridBox .data td.col6 {
        border: none;
    }

    .gridBox .data td.col2 {
        border: none;
    }

    .gridBox .data th {
        /* text-align: left; */
        padding: 10px 0px;
    }

    .gridBox .data td.total2 {
        border: none;
    }

}

@media only screen and (max-width: 479px) {
    .contentBox h2 {
        font-size: 25px;
        line-height: 28px;
    }

    .shareBox {
        width: 100%;
    }

    .shareBox li a {
        padding: 9px 14px 10px;
    }

    .shareBox li.title {
        padding: 13px 11px;
    }

    .blockBox .image {
        width: 100%;
        float: none;
        padding: 0px 0px 21px 0px;
        overflow: hidden;
    }

    .blockBox .image img {
        width: 100%;
    }

    .blockBox .right {
        width: 100%;
    }

    .footerBox .block2 .col {
        width: 100%;
    }

    .footerBox .block2 .col2 {
        width: 100%;
        padding: 20px 0px;
    }

    .footerBox .block3 span {
        padding-top: 0px;
    }

    .footerBox .block3 {
        float: left;
    }

    .breadcrumbsBox {
        max-width: 100%;
    }

    .introductionBox h1 {
        font-size: 22px;
        line-height: 28px;
    }

    .introduceBox .image {
        float: none;
        width: 100%;
        padding-right: 0px;
        padding-bottom: 20px;
    }

    .introduceBox .left .more {
        margin-bottom: 20px;
    }

    .introduceBox .left {
        padding: 18px 18px 0 0;
    }

    .columnListBox .search input[type="text"] {
        width: 100%;
        margin-bottom: 10px;
    }

    .columnListBox .select {
        width: 69%;
        margin-left: 0px;
    }

    .columnListBox .learnBox a {
        line-height: 25px;
    }

    .columnListBox .image {
        width: 100%;
        float: none;
        padding-right: 0px;
    }

    .columnListBox .image img {
        width: 100%;
        max-width: 300px;
        margin: 0 auto;
    }

    .bannerBox .left .info .border {
        width: 80%;
    }

    .bannerBox .banner {
        height: 300px;
        background: rgba(0, 0, 0, 0) url(../renda/images/mobilebanner.png) left top no-repeat;
    }

    .bannerBox .right {
        display: none;
    }

    .columnListBox ul.network .news {
        right: 0px;
    }

    .newsBox .image {
        width: 100%;
        margin: 0px 0 10px 0;
        float: none;
    }

    .newsBox .image img {
        width: 100%;
    }

    .newsBox .detail {
        width: 100%;
        padding-top: 15px;
    }

    .eventBox .image {
        float: none;
        width: 100%;
        padding: 0px;
        margin-bottom: 20px;
    }

    .eventBox .image img {
        width: 100%;
    }

    .eventBox li {
        padding: 20px;
    }

    .contentBox h2 {
        font-size: 23px;
        line-height: 25px;
    }

    .partnerBox li {
        width: 100%;
        padding: 0px 0 20px 0px;
    }

    .myEventBox .block {
        padding: 20px;
    }

    .myEventBox .image {
        width: 100%;
        padding: 0px;
    }

    .myEventBox .right {
        width: 100%;
    }

    .myEventBox .action {
        position: relative;
        width: 100%;
        top: 7px;
        right: 0px;
        padding-bottom: 10px;
        float: left;
    }

    .popupBox .popup {
        width: 100%;
        margin: 0px;
        left: 0px;
        padding: 20px 30px;
    }

    .privacyBox ul.radiolist li {
        line-height: 21px;
    }

    .addressBox .left {
        width: 100%;
    }

    .addressBox .map {
        width: 100%;
        padding-top: 20px;
    }

    .profileBox .block {
        padding: 20px;
    }

    .profileBox .image {
        width: 100%;
    }

    .profileBox .left {
        width: 100%;
        padding: 20px 0px 0px 0px;
    }

    .profileBox ul {
        padding: 0px;
    }

    .communicationBox .title {
        padding-left: 0px;
    }

    .communicationBox .image {
        width: 100%;
        padding: 0px;
    }

    .communicationBox .image img {
        width: 100%;
    }

    .communicationBox .right {
        width: 100%;
        padding: 20px 0px;
    }

    .rightcolumnListBox .image {
        width: 100%;
        padding: 0px;
        float: none;
    }

    .rightcolumnListBox .image img {
        width: 100%;
    }

    .rightcolumnListBox .detail {
        padding-top: 10px;
        position: relative;
    }

    .rightcolumnListBox li {
        padding: 17px 0px;
    }

    .articlepopupBox .left {
        width: 110px;
        padding-left: 10px;
    }

    .articlepopupBox .right {
        width: -webkit-calc(100% - 110px);
        width: calc(100% - 110px);
        padding: 15px 15px 50px 15px;
    }

    .articlepopupBox .title {
        font-size: 23px;
    }

    .columnListBox ul.column {
        margin: 0px;
    }

    .columnListBox ul.column li {
        padding: 17px 20px;
        margin: 0px;
    }

    #mainrendaCntr .deel {
        padding: 15px;
    }

    #mainrendaCntr .deel span {
        font-size: 16px;
        padding: 0px 10px;
    }

    #mainrendaCntr .article {
        padding: 15px 20px;
    }

    #mainrendaCntr .article .image {
        float: none;
        width: 100%;
        padding: 0px;
    }

    #mainrendaCntr .article .image img {
        width: 100%;
    }

    #mainrendaCntr .article .right {
        padding: 15px 0px 0px 0px;
        overflow: hidden;
    }

    .featuredsearch {
        width: 100%;
        margin-bottom: 8px;
    }

    .featuredsearchBox .select {
        width: 100%;
        margin: 0px;
        padding: 0px 10px;
    }

    .featureBox .image {
        float: none;
        width: 100%;
        padding: 0px;
    }

    .featureBox .image img {
        width: 100%;
    }

    .featureBox .right {
        padding: 15px 0px 0px 0px;
        overflow: hidden;
    }

    .featureBox .smalltitle {
        width: 80%;
    }

    .featuredbannerBox .right {
        height: 160px;
    }

}

.error {
    color: #A73229 !important;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.editing {
    position: relative;
}

/* Pager: */
.pagination {
    margin-left: 0;
    float: left;
    width: auto;
    overflow: hidden;
}

.pagination ul {
    list-style: none;
}

.pagination li {
    float: left;
    border-width: 1px 0 1px 1px;
    border-style: solid;
    border-color: #b9ddeb;
    margin-bottom: 10px;
    font-family: 'bebas_neue_regular', sans-serif;
}
.pagination li:last-of-type {
    border-right: 1px solid #b9ddeb;
}

.pagination li.active {
    text-align: center;
    font-size: 18px;
    color: #fff;
    background: #7294a4;
    padding: 16px 18px;
    border-color: #7294a4;
}

.pagination li.spacer {
    text-align: center;
    font-family: 'bebas_neue_regular', sans-serif;
    font-size: 18px;
    color: #7294a4;
    padding: 16px 18px;
}

.pagination li a {
    display: block;
    font-size: 18px;
    color: #7294a4;
    text-align: center;
    padding: 16px 18px;
}

.pagination li a:hover {
    background: #7294a4;
    color: #fff;
}

@media only screen and (max-width: 740px) {
    .pagination li.active,
    .pagination li.spacer,
    .pagination li a {
        font-size: 14px !important;
        padding: 12px 16px !important;
    }
}

.userBox select {
    padding: 0px 20px;
    font-size: 13px;
    color: #696968;
    font-family: 'fira_sans_regular', sans-serif;
    height: 40px;
    line-height: 40px;
    width: 100%;
    border: 1px solid #dcdcdc;
    margin-bottom: 10px;
    background: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.userBox select::-ms-expand {
    display: none;
}

.largeImage {
    border: 1px solid #000000;
}

.textBox .slideshow, .textBox .slideshow-pdf {
    /*height: 441px;*/
    height: 300px;
    text-align: center;
}

.textBox .slideshow .fullimage, .textBox .slideshow-pdf .fullimage {
    max-width: 100%;
    max-height: 441px;
    display: inline;
}

#headerCntr .select::-ms-expand,
.sortBox .select::-ms-expand,
.featuredsearchBox .select::-ms-expand,
.columnListBox .select::-ms-expand {
    display: none;
}

.bluebackground {
    background-color: #7294a4;
    color: #fff !important;
    padding: 20px;
    margin-bottom: 10px;
}

.bluebackground h1,
.bluebackground h2,
.bluebackground h3,
.bluebackground p,
.bluebackground a {
    color: #fff !important;
}

.bluebackground h2,
.bluebackground h3 {
    font-family: 'bebas_neue_regular', sans-serif;
}

.bluebackground h2 {
    font-size: 30px;
    line-height: 30px;
}

.bluebackground h3 {
    font-size: 24px;
    line-height: 24px;
}

.bluebackground a {
    text-decoration: underline;
}

.partnerlogo-wrapper {
    padding-top: 20px;
}

.contentBox ul:not([class]),
.introductionBox ul:not([class]),
.bullet ul:not([class]) {
    margin-bottom: 18px;
    padding-left: 18px;
}
.contentBox ul:not([class]) li,
.introductionBox ul:not([class]) li,
.bullet ul:not([class]) li {
    list-style-type: disc;
    list-style-position: outside;
}
.contentBox ol:not([class]),
.introductionBox ol:not([class]),
.bullet ol:not([class]) {
    margin-bottom: 18px;
    padding-left: 18px;
}
.contentBox ol:not([class]) li,
.introductionBox ol:not([class]) li,
.bullet ol:not([class]) li {
    list-style-type: decimal;
    list-style-position: outside;
}
.bullet li {
    width: 100%;
    height: auto; /* initial; */
    line-height: 20px;
    border: none;
    font-family: 'fira_sans_regular', sans-serif;
    font-size: 13px;
    color: #696968;
}
.bullet li a {
    font-family: 'fira_sans_regular', sans-serif;
    font-size: 13px;
    display: inline-block;
}
.bullet img {
    max-width: 100%;
}

#noprofile ul {
    width: 100%;
    border: 1px solid #c0e1f0;
    margin-bottom: 10px;
    padding-left: 15px;
}

#noprofile li {
    margin-bottom: 8px;
    overflow: hidden;
    margin: 0;
    height: 40px;
    line-height: 40px;
}

#noprofile .checkbox label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 25px;
    margin-right: 15px;
    font-size: 13px;
    color: #7294a4;
}

#noprofile .checkbox input[type=radio] {
    display: none
}

#noprofile .checkbox label::before {
    content: "";
    display: inline-block;
    width: 21px;
    height: 20px;
    margin-right: 10px;
    position: absolute;
    left: 0;
    top: 10px
}

#noprofile .checkbox label::before {
    background: url(../renda/images/checkbox_normal.png) no-repeat
}

#noprofile .checkbox input[type=radio]:checked + label::before {
    content: "";
    background: url(../renda/images/checkbox_selected.png)
}

/* article-brand
================================================== */
.article-brand {
    display: inline-block;
    float: right;
    width: 100px;
    /*height: 60px;*/
    margin-left: 1em;
    margin-bottom: 1em;
    /*
    background-repeat: no-repeat;
    background-position: center;
    */
}
.article-brand img {
    width: 100%;
}
@media only screen and (max-width: 479px) {
    .article-brand {
        width: 60px;
    }
}
@media only screen and (min-width: 480px) {
    ul.column .image img {
        width: 77px;
    }
}

/* article-brand tooltip
================================================== */
.ui-tooltip.custom-tooltip {
    background: none;
    background-color: #7294a4 !important;
    color: #fff !important;
    /* padding: .5em !important; */
    /* font-family: 'bebas_neue_regular' !important; */
    border-width: 1px;
    border: none;
    font-size: 0.9em !important;
    opacity: .9;
    /* -webkit-box-shadow: 0 0 10px #aaa; */
    /* box-shadow: 4px 4px 5px #aaa; */
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    border-radius: 0;
}

/* Fix for logo on mobile */
@media only screen and (max-width: 430px) {
    #headerCntr .logo {
        top: 64px;
        width: 85px;
    }
}

.bullet ul:not([class]),
.bullet ol:not([class]) {
    //padding-left: 0;
    /*margin-top: -10px;*/
        padding-left: 17px;
}
.bullet ul:not([class]) li,
.bullet ol:not([class]) li {
    border: none;
    min-height: 16px;
    /* text-indent: -2.1em; */
    /* padding-left: 2.1em; */
    /* text-indent: -1em; */
    padding-left: 1em;
    /* list-style: decimal outside none; */
    /* margin-bottom: 12px; */
    margin: 0; /* AW-610 */
}
.bullet ul:not([class]) li p,
.bullet ol:not([class]) li p {
    padding: 0;
    display: inline;
}

/* Table */
.extra-header h2 {
    font-family: 'bebas_neue_regular', sans-serif;
    font-size: 28px;
}
.extra-header h2.left {
    color: #4daed8;
}
.extra-header h2.right {
    color: #AB5F58;
}
@media only screen and (min-width: 910px) {
    .gridBox .responsive-table .data td.col1 {
        min-width: 230px;
    }
}
@media only screen and (max-width: 820px) {
    .extra-header h2 {
        font-size: 26px !important;
    }
    .gridBox .data tr.total td,
    .gridBox .data th {
        font-size: 20px !important;
    }
    .gridBox .data td img {
        width: 8px;
    }
}
@media only screen and (min-width: 701px) {
    #responsive-table-2 {
        display: none;
    }
}
@media only screen and (max-width: 700px) {
    .mobile-0 {
        display: none;
    }
    #responsive-table .mobile-2 {
        display: none;
    }
    #responsive-table-2 .mobile-1 {
        display: none;
    }
    #responsive-table .mobile-1.mobile-2,
    #responsive-table-2 .mobile-1.mobile-2 {
        display: table-cell;
    }
}
@media only screen and (max-width: 480px) {
    .extra-header h2 {
        font-size: 22px !important;
    }
    .gridBox .data tr.total td,
    .gridBox .data th {
        font-size: 16px !important;
    }
}
@media only screen and (max-width: 370px) {
    .gridBox .data tr.total td,
    .gridBox .data th,
    .gridBox .data td.col1 {
        padding-left: 2px !important;
        padding-right: 2px !important;
    }
}

#custom-search-button {
    margin-left: 8px;
}

@media only screen and (max-width: 479px) {
    #custom-search-button {
        float: right;
    }
}

@keyframes cookiemessage {
    from {bottom: -50px;}
    to {bottom: 0px;}
}

/* Cookiemelding */
.cookiemessage {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    color: #fff;
    text-align: center;
    animation-name: cookiemessage;
    animation-duration: 2s;
}
.cookiemessage::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .8;
    z-index: -1;
    background: #7294a4;
}
.cookiemessage p {
    line-height: 50px;
}
.cookiemessage a {
    color: #fff;
    text-decoration: underline;
}
.cookiemessage .cookieinfo {
    margin-right: 20px;
}
.cookiemessage .cookiebuttons a {
    text-decoration: none;
    padding: 5px 20px;
    border: 1px solid #fff;
    margin: 0 5px;
    transition: all 0.4s;
}
.cookiemessage .cookiebuttons .allow {
    background-color: #fff;
    color: #7294a4;
    text-decoration: none;
    border: 1px solid #fff;
    padding: 5px 20px;
}
.cookiemessage .cookiebuttons .allow:hover {
    background: none;
    color: #fff;
}
.cookiemessage .cookiebuttons .reject {

}
.cookiemessage .cookiebuttons .reject:hover {
    background-color: #fff;
    color: #7294a4;
}

/* Aanpassingen */
@media only screen and (min-width: 768px) {
    #headerCntr .menuBox {
        min-width: 600px;
    }
}

/* Content comments */
.commentbox{
    width:100%;
    //overflow:hidden;
}

.commentbox p{
    color: #7294a4;
    font-size: 30px;
    /* font-family: 'bebas_neue_regular', sans-serif; */
}

.commentform{
    width:100%;
}

.commentform label{
    color: #7294a4;
    font-size: 18px;
    /* font-family: 'bebas_neue_regular', sans-serif; */
}

.commentform label{
    display:block;
    font-size: 15px;
    padding: 10px 0 2px 0;
    /* text-transform: capitalize; */
}

.commentform input:not([type=range]),.commentform textarea {
    display:block;
    padding: 5px 0 10px 5px;
    max-width: 100%;
    width:100%;
    border: 1px solid darkgrey;
}

.commentform button.g-recaptcha,
.commentform input[type=submit]{
    display:block;
    padding: 10px 0 10px 5px;
    max-width: 100%;
    width:100%;
    margin-top:10px;
    color: #fff;
    background: #7294a4;
    font-family: 'bebas_neue_regular', sans-serif;
    font-size: 18px;
    border: none;
    cursor: pointer;
}

.comments{
    border-top: 1px solid #7294a4;
    margin-bottom: 5px;
}
.comments p{
    font-size: 13px;
    color: #696968;
    line-height: 20px;
    padding-top: 4px;
    padding-bottom: 20px;
}

.comments header{
    color: #7294a4;
    font-size: 18px;
    /* font-family: 'bebas_neue_regular', sans-serif; */
}

.comments header span {
    float: right;
    font-size: 13px;
}

.error p{
    color:red;
}

.commentform span{
    font-size:12px;
}

.columnListBox .subselect{
    width: 35%;
    margin: 10px 0px;
    height: 41px;
    float: left;
    padding: 0 22px 0px 6px;
    font-size: 13px;
    color: #fff;
    cursor: pointer;
    border: 1px solid #c1e2f1;
    background: url(../renda/images/select_arrow4.png) no-repeat right;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.columnListBox .subselect:last-child{
    margin: 10px 8px;
}

.columnListBox .subselect option{
    color:#000;
}

.select option{
    color:#000;
}

.overlay-fancy {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    z-index: 999;
}
.overlay-fancy:target {
    visibility: visible;
    opacity: 1;
}

/*
.popup-fancy {
    margin: 70px auto;
    padding: 20px;

    border-radius: 5px;
    width: 50%;
    position: relative;

}

.popup-fancy .content {
    max-height: 30%;
    overflow: auto;
}
.popup-fancy iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 90%;
    height: 400px;
    border: none;
}
*/

.popup-fancy-wrapper {
    max-width: 900px;
    width: 90%;
    margin-top: 70px;
    margin-left: auto;
    margin-right: auto;
}

.popup-fancy {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
}

.popup-fancy .content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

.popup-fancy h2 {
    margin-top: 0;
    color: #333;
    font-family: Tahoma, Arial, sans-serif;
}
.popup-fancy .close {
    position: absolute;
    font-size: 30px;
    font-weight: bold;
    text-decoration: none;
    color: #fff;
    top: -38px;
    right: 0;
}
.popup-fancy .close:hover {
    color: #7294a4;
}

/* For MathJax */
.mjx-chtml .mjx-mi *,
.mjx-chtml .mjx-mtext {
    /* font-family: 'fira_sans_regular', sans-serif; */
}
.mjx-chtml {
    /* font-size: 300% !important; */
}
.MJXc-display {
    text-align: initial !important;
}

.bullet ol li::before {
    content: "";
    //width: 14px;
    display: inline-block;
}

.passworderror {
   color:red;
   display:none;
   font-size: 18px;
   font-family: 'bebas_neue_regular', sans-serif;
}
.columnListBox .search-authors {
    width: 100% !important;
    padding-right: 0;
}
.textBox .subtitle{
    font-size: 38px;
    color: #B8B8B8;
    padding:0;
}
.textBox .author-name {
    color: #B8B8B8;
    padding-top:0;
    font-size: 28px;
}

.bullet ol{
    list-style: decimal outside;
    text-index:-1em;
    margin-bottom: 12px;
}

.addthis_inline_share_toolbox {
    float: right;
}
#atstbx{
    float: right
}
@media print
{
    #rightCntr,
    #right,
    .addthis_sharing_toolbox ,
    .commentbox,
    .breadcrumbsBox,
    .topbg,
    .edit-button-wrapper,
    .bottombg,
    .copyrightBox,
    #footerCntr,
    .contactformBox,
    .featureBox,
    iframe,
    #headerCntr{
        display:none;
    }
    #incomeCntr #left,
    #leftCntr{
        width: 100%;
    }

    .featuredbannerBox .right{
        float:none;
        width: 300px;
        height: auto;
    }
    .featuredbannerBox .left{
        float:none;
        width: 100%;
    }
}


h2.maintitle {
    /* AW-531: nu moet het opeens weer niet.. */
    /* font-size: 22px!important; */
}

.featured-span{

    font-size: 26px!important;
    color: #7294a4!important;
    font-weight: normal!important; 
    
}

@media only screen and (max-width: 767px) {
    #boilerCntr #left.wide {
        width: 75%;
        margin-top: -10px;
    }
}



.grecaptcha-badge {
    display: none;
}

/*
 * Image with description
 */
.imagedescription {
    background: black;
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 40px 20px 5px;background: rgba(0,0,0,0);
    background: rgba(0,0,0,0);
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.85) 60%, rgba(0,0,0,0.85) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(60%, rgba(0,0,0,0.85)), color-stop(100%, rgba(0,0,0,0.85)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.85) 60%, rgba(0,0,0,0.85) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.85) 60%, rgba(0,0,0,0.85) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.85) 60%, rgba(0,0,0,0.85) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.85) 60%, rgba(0,0,0,0.85) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
}
.imagedescription > p {
    color: white;
}
@media only screen and (max-width: 630px) {
    .imagedescription {
        position: relative;
        background: none;
        padding: 0;
    }
    .imagedescription > p {
        color: #696968;
        padding-top: 0;
        font-style: italic;
        font-size: 0.9em;
        margin-bottom: 12px;
    }
}

.image-with-description > p,
.description-of-image {
    color: #696968;
    padding-top: 0;
    /* font-style: italic; // AW-575 */
    /* font-size: 0.9em; // AW-575 */
    margin-bottom: 12px;
}


.disclaimer{
display: none;
    background: white;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 210px;
    height: 200px;
    margin-left: -200px;
    margin-top: -200px;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.4);
    box-shadow: 0 0 10px rgba(0,0,0,0.4);
    padding: 27px;
}

img.lazy {
  display: none;
}

.commentbox .comments {
    transition: background-color 1s linear;
    -moz-transition: background-color 1s linear;
    -o-transition: background-color 1s linear;
    -webkit-transition: background-color 1s linear;
}

.bg-c-primary {
    background-color: #7294a4;
    color: #fff !important;
}

.color-primary {
    color: #7294a4 !important;
}

/* ### summary box ### */
.summaryBox {
    width: 100%;
    /*border: 1px solid #c0e1f0;*/
    border: 1px solid rgba(114, 148, 164, .26);
    margin-bottom: 16px;
    overflow: hidden;
    background-color: rgba(114, 148, 164, .1);
}

.summaryBox .inner {
    padding: 20px;
    overflow: hidden;
}

.summaryBox h3 {
    font-family: 'bebas_neue_regular', sans-serif;
    font-size: 26px;
    color: #7294a4;
    line-height: 28px;
}

.summaryBox ul {
    padding: 14px 0px 0px 17px;
    list-style: none;
}

.summaryBox li {
    /*padding: 0px 50px 11px 0px;*/
    position: relative;
    /*overflow: hidden;*/
}

.summaryBox li .image {
    float: left;
    padding: 0px 13px 0px 0px;
}

.summaryBox li .image img {
    width: 70px;
}

.summaryBox .right {
    overflow: hidden;
    min-height: 80px;
}

.summaryBox span.staff {
    font-family: 'fira_sans_italic', sans-serif;
    display: block;
    font-size: 12px;
    color: #7294a4;
}

.summaryBox strong {
    font-family: 'fira_sans_bold', sans-serif;
    font-size: 13px;
    color: #7294a4;
    line-height: 18px;
}

.summaryBox a {
    color: #7294a4;
    font-weight: bold;
    text-decoration: none;
}

.summaryBox a:hover {
    text-decoration: underline;
}

.summaryBox p {
    padding: 13px 0px 20px 0px;
    font-family: 'fira_sans_regular', sans-serif;
    font-size: 13px;
    color: #696968;
    line-height: 18px;
}

.summaryBox li {
    font-family: 'fira_sans_regular', sans-serif;
    font-size: 13px;
    color: #696968;
}

.summaryBox .social {
    border: none;
    width: 35px;
    position: absolute;
    right: 0px;
    top: 0px;
    padding: 0px;
}

.summaryBox .social li {
    padding: 0px;
    border: none;
}

.summaryBox .social li a {
    width: 33px;
    height: 33px;
    display: block;
    font-size: 20px;
    color: #fff;
    text-align: center;
    line-height: 33px;
    background: #b8b8b8;
    padding: 0px;
}

.summaryBox .social li a.active {
    background: #7294a4;
    color: #fff;
}

.summaryBox a.morelink {
    border-top: 1px solid #c0e1f0;
    display: block;
    padding: 13px 0px;
    text-align: center;
    font-family: 'bebas_neue_regular', sans-serif;
    font-weight: normal;
    font-size: 16px;
    color: #7294a4;
    text-decoration: none;
}

.summaryBox a.morelink:hover {
    text-decoration: underline;
}

.summaryBox a.morelink.gray {
    color: #696968;
    border-top: 1px solid #d9d9d9;
}

.summaryBox.gray h3 {
    color: #696968;
}

.summaryBox div.blue p {
    color: #7294a4;
}

.articletitle,
.title_font_regular {
    font-family: 'bebas_neue_regular', sans-serif;
}
.question-wrapper input[type="text"], .question-wrapper input[type="number"], .question-wrapper input[type="email"],
.text_font_regular {
    font-family: 'fira_sans_regular', sans-serif;
}

/* Pricing tables */
.pricing-tables {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 30px;
}

.text-center {
    text-align: center;
}

.pricing-heading:after, .pricing-heading:before {
    content: " ";
    display: table;
    box-sizing: border-box;
}

.pricing-wrapper:after, .pricing-wrapper:before,
.pricing-footer:after, .pricing-footer:before {
    content: " ";
    display: table;
}

.pricing-heading > * {
    color: #fff;
    font-weight: 400;
    line-height: 1;
}

.pricing-heading h2 {
    font-size: 28px;
    margin-bottom: .5em;
    margin-top: 1em;
}

.pricing-heading p {
    margin-bottom: 32px;
}

.pricing-wrapper {
    border: 1px solid #e8e8e8;
    border-radius: 0 0 2px 2px;
    border-top: none;
}

.pricing-body p {
    color: #444;
    line-height: 24px;
    min-height: 48px;
    margin-top: 22px;
    margin-bottom: 26px;
}

.list-group {
    border-radius: 0;
    color: #aaa;
    margin-bottom: 20px;
    padding-left: 0;
}
.list-group, .pricing-body {
    margin: 0 20px;
}
.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-left: none;
    border-radius: 0;
    border-right: none;
    padding: 14px 0;
}
.list-group-item:last-child {
    border-bottom: none;
}
.pricing-calculator {
    padding: 10px 35px;
}
.pricing-footer {
    padding: 10px 35px 30px;
}
.pricing-footer div {
    padding: 0 5px;
}
.pricing-calculator div label {
    width: 100%;
    text-align: left;
    display: inline-block;
    padding: 5px 0;
}
.pricing-calculator div input,
.pricing-calculator div input:disabled {
    padding: 5px;
    border: 1px solid #ddd;
    background-color: white;
    font-size: 14px;
    font-weight: 400;
    -webkit-text-fill-color:#444;
    -webkit-opacity:1;
    color: #444;
}
.pricing-calculator div {
    padding-left: 0;
    padding-right: 0;
}
.pricing-footer div:first-child {
    padding-left: 0;
}
.pricing-footer div:last-child {
    padding-right: 0;
}
.pricing-footer .btn:hover {
    color: #fff;
    text-decoration: none;
    background-color: #c3c3c3 !important;
}

/* Call to action block */
.large-teams {
    width: 100%;
}
.large-teams .wrapper {
    background-color: #7294a4;
    border-radius: 2px;
    color: #fff;
    padding: 26px;
    margin: 2em 0;
}
.large-teams h3 {
font-family: bebas_neue_light;
margin: 1em 0;
font-size: 30px;
}
.large-teams p {
    font-size: 16px;
    color: inherit;
    margin-bottom: 26px;
}

.large-teams .btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    border: 1px solid transparent;
    line-height: 1.625;
    border-radius: 2px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    letter-spacing: .75px;
    text-transform: uppercase;
    font-size: 14px;
    padding: 8px 24px 7px;
}

@media only screen and (min-width: 768px) {
    .large-teams .btn {
        white-space: nowrap;
    }
}

.large-teams .btn,
.large-teams .btn:hover {
    transition: all .2s ease;
}

.large-teams .btn-default-inverted {
    color: #fff;
    background-color: transparent;
    border-color: #fff;
    text-decoration: none;
}
.large-teams .btn-default-inverted:hover {
    color: #7294a4;
    background-color: #fff;
}

/* Title text box */
.title-text-block.column,
.title-text-block .wrapper {
    background-color: #7294a4 !important;
}
.title-text-block .wrapper {
    border-radius: 2px;
    padding: 26px;
}
.title-text-block .wrapper * {
    color: #fff;
}
.title-text-block .wrapper a {
    text-decoration: underline;
}
.title-text-block .wrapper a:hover {
    color: #ff8617;
}
.title-text-block h3 {
    font-family: bebas_neue_light, sans-serif;
    margin: 0 0 15px;
    font-size: 30px;
}
.title-text-block img {
    margin: 0 0 15px;
}
.title-text-block p {
    font-size: 16px;
    color: inherit;
}
.title-text-block .btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    border: 1px solid transparent;
    /*white-space: nowrap;*/
    line-height: 1.625;
    border-radius: 2px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    letter-spacing: .75px;
    text-transform: uppercase;
    font-size: 14px;
    padding: 8px 24px 7px;
}
.title-text-block .btn,
.title-text-block .btn:hover {
    transition: all .2s ease;
}

.title-text-block .wrapper a.btn-default-inverted {
    color: #fff;
    background-color: transparent;
    border-color: #fff;
    text-decoration: none;
    margin-top: 30px;
}
.title-text-block .wrapper a.btn-default-inverted:hover {
    color: #7294a4;
    background-color: #fff;
}

/* Shop link */
.textBox .button {
    padding: 10px 20px 10px 25px;
    display: inline-block;
    font-family: 'bebas_neue_regular', sans-serif;
    text-align: center;
    line-height: 20px;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    background: #7294a4;
    font-size: 16px;
}

.textBox .button:hover {
    text-decoration: underline;
}

.textBox .button .fa {
    margin-left: 7px;
}

.primary-color,
.primary-color * {
    color: #7294a4 !important;
}
.border-c-primary {
    border-color: #7294a4 !important;
}

.align-center {
    text-align: center;
}
.align-left {
    text-align: left;
}
.align-right {
    text-align: right;
}
.align-justify {
    text-align: justify;
    text-justify: inter-word;
}
.font-weight-bold {
    font-weight: bold;
}
.head-font-family {
    font-family: bebas_neue_regular !important;
}
.body-font-family {
    font-family: fira_sans_regular !important;
}
.body-font-family-bold {
    font-family: fira_sans_bold !important;
}
.uppercase {
    text-transform: uppercase;
}

/* article, news and column main image caption */
.quoteBox .image-caption {
    margin-bottom: 20px;
    color: #696968;
}

/* Quiz styles */
body.quiz {
    background: #71E6E0;
}

.wrapper-holder:before {
    background: #00aac8;
}
.clr-1 {
    background-color: #71E6E0;
}
.clr-2 {
    background-color: #00aac8;
}
.question-wrapper .btn {
    background-color: #000000;
    -webkit-box-shadow: inset 0 0 0 0 #32B0EB,
                inset 0 0 0 0 #32B0EB;
    -moz-box-shadow: inset 0 0 0 0 #32B0EB,
                inset 0 0 0 0 #32B0EB;
    box-shadow: inset 0 0 0 0 #32B0EB,
                inset 0 0 0 0 #32B0EB;
}

.question-wrapper .btn:hover,
.question-wrapper .btn:focus {
    text-decoration: none;
}
.question-wrapper .btn:not(.btn-quiz-big):hover,
.question-wrapper .btn:not(.btn-quiz-big):focus {
    -webkit-box-shadow: inset 90px 0 0 0 #32B0EB,
                inset -90px 0 0 0 #32B0EB;
    -moz-box-shadow: inset 90px 0 0 0 #32B0EB,
                     inset -90px 0 0 0 #32B0EB;
    box-shadow: inset 90px 0 0 0 #32B0EB,
                inset -90px 0 0 0 #32B0EB;
}
.question-wrapper .btn.btn-quiz-big:hover,
.question-wrapper .btn.btn-quiz-big:focus {
    -webkit-box-shadow: inset 180px 0 0 0 #32B0EB,
                        inset -180px 0 0 0 #32B0EB;
    -moz-box-shadow: inset 180px 0 0 0 #32B0EB,
                     inset -180px 0 0 0 #32B0EB;
    box-shadow: inset 180px 0 0 0 #32B0EB,
                inset -180px 0 0 0 #32B0EB;
}

.quiz .devider {
    background-color: #71E6E0;
}
.quiz .checkmark,
.quiz .checkmark-r {
    background-color: #eeeeee;
}
.quiz .container:hover input ~ .checkmark,
.quiz .container:hover input ~ .checkmark-r {
    background-color: #cccccc;
}
.quiz .container input:checked ~ .checkmark,
.quiz .container input:checked ~ .checkmark-r {
    background-color: #00aac8;
}
.quiz .container .checkmark-r:after {
    background: #ffffff;
}
.quiz .container .checkmark:after {
    border: solid #ffffff;
    border-width: 0 3px 3px 0;
}

.rating-number{
font-size:17px;
}

.rating-data-stars{
margin-bottom: 10px;
    
    line-height: 40px;
    height: 12px;
    
    color: #7294a4;
    width: 26px;
    border: 1px solid #c0e1f0;
}


.rating-submit {
    display: block;
    height: 40px;
    line-height: 40px;
    width: 100%;
    border: none;
    font-family: 'Muli', sans-serif;
    font-size: 18px;
    color: #fff;
    text-align: center;
    cursor: pointer;
    background: #7294a4 8px 8px no-repeat;
}



.rating-data{
margin-bottom: 10px;
    padding: 0px 20px;
    line-height: 40px;
    height: 40px;
    font-size: 13px;
    color: #038BC5;
    width: 100%;
    border: 1px solid #c0e1f0;
    }
    
    
    .popup-link {
    text-decoration: none;
    color: inherit;
    padding-bottom: 1px;
border-bottom: 1px dotted #333333
}

.popup-link > a {
    display: none;
    background: #ffffff;
    width: 250px;
    left: -2px;
    border: 1px solid #bbbbbb;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
    padding: 10px;
    position: absolute;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    z-index: 500;
    font-style: normal;
    text-decoration:none!important;
     color: #6c6c6c!important;
    
}

.popup-link:hover > a {
    border: 1px solid #cccccc;
    background: #ffffff;
    color: #6c6c6c
}

.popup-link:hover {
    border-bottom: 1px dotted #333333;
    cursor: pointer
    }
    
    
.pLink {
    display: none;
    color: #eb6909
}

.pLink:hover {
    border-bottom: 1px solid #eb6909
}

.pTitle {
    font-weight: bold
}

.crossLink p {
padding: 0px 0px 0px!important;
}
.textBox .button{
    padding: 10px 20px 10px 25px;
    display: inline-block;
    font-family: 'bebas_neue_regular', sans-serif;
    text-align: center;
    line-height: 20px;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    background: #7294a4;    
    font-size: 16p
}

.factuur, .bezorg{
width:50%;
float:left;
padding: 20px;
}

.type{
padding: 20px;
}

.gelijk{
display: inline-block!important;
  width: 140px!important;
  text-align: right!important;
}

.gelijk_gap{
    display: inline-block!important;
}

.type select{
    width: 200px;
    padding: 10px;
}

.curform{
display:none;
}