/*
*   Genesis setup
*/

/*

.logo-box       : z-index 5000;
.header-box     : z-index 3000;
.site-header    : z-index 4000;
.site-inner     : z-index 1000;
.site-footer    : z-index 2000;

*/

body{
    position: relative;
    background-color: #fff;
    color: #333;
}

body, h1, h2, h3, h4, h5, h6 {
    position: relative;
    margin: 0px;
    padding:0px;
}
body > div {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.5;
}
body {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.5;
}

p {
    margin: 0px;
    padding: 0px;
}
.p-empty{
    margin-top: -10px;
}



/* ## Site Containers
--------------------------------------------- */
.site-container{
    opacity:1;
    background-color: transparent;
}
.wrap {
    margin: 0 auto;
    max-width: 1024px;
    padding:0px;
    position: relative;
}


[class*='grid-outer-margin']{
    margin: 0px 48px 0px 48px;
}
[class*='grid-outer-margin-single']{
    margin: 0px 48px;
}
.grid-outer-margin-left{
    margin-right: 0px;
}
.grid-outer-margin-right{
    margin-left: 0px;
}

[class*='grid-outer-padding']{
    padding: 0px 48px 0px 48px;
}
[class*='grid-outer-padding-single']{
    padding: 0px 48px;
}
.grid-outer-padding-left{
    padding-right: 0px;
}
.grid-outer-padding-right{
    padding-left: 0px;
}


.site-inner {
    max-width: none;
    clear: both;
    padding-top: 0px;
    z-index: 1000; /* onder site-footer  */ 
    padding: 0px;
}
.site-inner .main {
    min-height: 400px;
}
.site-inner .wrap:first-child {
    background-color: transparent;
}


/*
 *   Flex boxes (flex-content-sidebar)
*/

[class*="flex-content-sidebar"] .content{
    width: 100%;
}

[class*="flex-content-sidebar"] .entry-flex {
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -moz-flex;
    display: -moz-box;
    display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
    padding-top: 32px;
    padding-bottom: 64px;
}
[class*="flex-content-sidebar"] .content-flex {
    -webkit-flex:  0 1 10000px; 
    -moz-flex: 0 1 10000px;
    -ms-flex: 0 1 10000px; 
    flex: 0 1 10000px;
}
[class*="flex-content-sidebar"] .sidebar-flex {
    margin-right:32px;
    width: 240px;
    -webkit-flex:  0 0 240px; 
    -moz-flex: 0 0 240px;
    -ms-flex: 0 0 240px; 
    flex: 0 0 240px;
    min-height: 0px;
    right: 0;
    margin-left: auto;
}
[class*="flex-content-sidebar"] .sidebar-flex .sidebar-left {
    -webkit-order: -1; 
    -moz-order: -1; 
    -ms-order: -1; 
    order: -1;
}



/* # Site Navigation
---------------------------------------------------------------------------------------------------- 
*/

/* ruimte creeren in de opmaak om 'menu-sticky' of 'menu-on-scroll' te gebruiken */
.header-height{
    height:40px;
}
.header-box {
    clear: both;
    max-width: none;
    padding:0px;
    position: relative;
    z-index: 3000;  /* boven site-inner  */  
    /* hoogte via .header-height */
}
.fixer{
    position: relative;
}
.fixer.fixed{
    width: 100%;
    position: fixed;
    top:0px;
}

.header {
    position: relative;
    top:0px;
    transition: top 0.2s ease-in-out;
    box-shadow: 0px 0px 15px -3px #000; 
    /* hoogte via .header-height */
}
.header.scroll{
    position: fixed;
    width: 100%; /* probleem met width bij fixed opgelost via jquery ... parent().width() */
}
.header.no-scroll{
    position: absolute;
    left:0px;
    width: 100%;
}
.nav-up { /* benodigd voor menu-on-scroll setting */
    top: -40px;
}


/* Logo
---------------------------------------------------------------------------------------------------- */

.header-box .logo-box{
    position: absolute;
    top:0px;
    text-align: left;
    transition: top 0.2s ease-in-out;
    z-index: 5000;
}
.header-box .logo{
    position: relative;
    margin: auto;
    display:block;
    height:70%;
    top:15%;
    bottom:0px;
    left:10px;
}
.header-box .logo img{
    height: 100%;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition:    all 0.1s ease-in-out;
    -ms-transition:     all 0.1s ease-in-out;
    -o-transition:      all 0.1s ease-in-out;
    transition:         all 0.1s ease-in-out;
}


/* ## Primary Navigation
--------------------------------------------- */

.nav-primary-box {
    padding: 0px 16px;
    background-color: #fff;
}
.nav-primary {
    background-color: transparent;
    transition: top 0.2s ease-in-out;
}
.nav-primary {
    background-color: transparent;
    transition: top 0.2s ease-in-out;
}
.nav-primary .genesis-nav-menu {
    position: relative;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: normal;
    text-align: center;
    width:auto;
    line-height: 16px;
}
.nav-primary .genesis-nav-menu a,
.nav-primary .genesis-nav-menu .current-menu-item > a,
.nav-primary .genesis-nav-menu .sub-menu a {
    color: #fff;
}
.nav-primary .genesis-nav-menu a,
.nav-primary .genesis-nav-menu .sub-menu a {
    text-decoration: none;
    display: block;
    padding: 12px 12px;
    height: auto;
    text-decoration: none;
    border-bottom: none;
}
.nav-primary .genesis-nav-menu .sub-menu a {
    font-size: inherit;
    padding-top:12px;
    padding-bottom:12px;
    height:auto;
}
.nav-primary .genesis-nav-menu a:hover,
.nav-primary .genesis-nav-menu a:focus,
.nav-primary .genesis-nav-menu .current-menu-item > a,
.nav-primary .genesis-nav-menu .sub-menu a:hover,
.nav-primary .genesis-nav-menu .sub-menu a:focus,
.nav-primary .genesis-nav-menu .sub-menu .current-menu-item > a {
    cursor: pointer;
    text-decoration: none;
}
.nav-primary .genesis-nav-menu a:hover span,
.nav-primary .genesis-nav-menu a:focus span{
    color: #000;
}

.nav-primary .genesis-nav-menu .current-menu-item > a span, /* het active item  */
.nav-primary .genesis-nav-menu .current-page-ancestor > a span { /* er is een active pagina in deze brache */
    
}
.nav-primary .genesis-nav-menu .current-menu-item > a{  /* het active item  */
    color: #000;
} 


/*
*   Secondary Navigation
*/

.nav-secondary-box {
    margin:auto;
    min-height: 32px;
}
.nav-secondary {
    background-color: transparent;
    transition: top 0.2s ease-in-out;
}
.nav-secondary .genesis-nav-menu {
    position: relative;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 300;
    text-align: right;
    width:auto;
}
.nav-secondary .genesis-nav-menu .sub-menu {
    -webkit-transition: opacity .2s ease-in-out;
    -moz-transition:    opacity .2s ease-in-out;
    -ms-transition:     opacity .2s ease-in-out;
    -o-transition:      opacity .2s ease-in-out;
    transition:         opacity .2s ease-in-out;
}

.nav-secondary .genesis-nav-menu a,
.nav-secondary .genesis-nav-menu .sub-menu a{
    text-decoration: none;
    display: block;
    color: #333;
    text-decoration: none;
    border-bottom: none;
    padding: 8px 12px 0px 12px;
    height: 32px;
}
.nav-secondary .genesis-nav-menu .sub-menu a {
    font-size: inherit;
    padding-top:12px;
    padding-bottom:12px;
    height:auto;
}
.nav-secondary .genesis-nav-menu a:hover,
.nav-secondary .genesis-nav-menu a:focus,
.nav-secondary .genesis-nav-menu .current-menu-item > a,
.nav-secondary .genesis-nav-menu .sub-menu a:hover,
.nav-secondary .genesis-nav-menu .sub-menu a:focus,
.nav-secondary .genesis-nav-menu .sub-menu .current-menu-item > a {
    color: inherit;
    cursor: pointer;
    text-decoration: none;
}
.nav-secondary .genesis-nav-menu a:hover span,
.nav-secondary .genesis-nav-menu a:focus span{
}

.nav-secondary .genesis-nav-menu .current-menu-item > a,
.nav-secondary .genesis-nav-menu .current-page-ancestor > a {
    background-color: inherit;
}
.nav-secondary .genesis-nav-menu .current-menu-item > a span,
.nav-secondary .genesis-nav-menu .current-page-ancestor > a span {
}


/* # Site Header
---------------------------------------------------------------------------------------------------- */

.site-header {
    position: relative;
    background-color: #fff;
    min-height: 0px;
    width: 100%;
    z-index: 4000;  /* boven nav-primary  */
}

.site-header .wrap {
    padding: 0px 0;
}
.title-area {
    padding: 0px;
}
p.entry-meta {
    font-size: 18px;
    font-size: 1.8rem;
}
.content {
    float: none;
}
.entry {
    margin-bottom: 0px;
    padding: 0px;
}
.content .entry {
    background-color: transparent;
}
.entry-content{
    margin-bottom: 0px;
    padding: 0px;
    padding-bottom: 0px;
}
.full-width-content .entry-content{
    padding-bottom: 32px;
}


/* # Site Footer
---------------------------------------------------------------------------------------------------- */

.site-footer{
    background-color: transparent; 
    z-index: 2000;   /* boven site-inner  */ 
    position: relative;
    text-align: left;
    line-height: inherit;
    padding:0px;
    font-size: 94%;
}
.site-footer .footer-box{
    position: relative;
    display: block;
    margin: auto;
    margin-bottom: 0px;
    padding: 0px;
    min-height: 100%;
    width: 100%;
}
.site-footer .footer{
    position: relative;
    display: block;
}
.footer-2,
.footer-3{
    padding: 48px 0px;
}
.footer-1 {
    height: 32px;
}

.site-footer .naw-logo{
    box-sizing: border-box;
    background-size: contain;   
    position: relative;
    display:block;
    background-repeat: no-repeat;
    background-position: top left;
}


.archive-description, .author-box {
    background-color: #fff;
    margin-bottom: 0px;
    padding: 0px;
}
.comment-respond, .entry-comments, .entry-pings {
    background-color: #fff;
    margin-bottom: 0px;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button {
	background-color: #333;
	color: #fff;
	font-weight: 300;
	padding: 0px 10px;
        text-transform: none;

}
button:hover,
input:hover[type="button"],
input:hover[type="reset"],
input:hover[type="submit"],
.button:hover,
button:focus,
input:focus[type="button"],
input:focus[type="reset"],
input:focus[type="submit"],
.button:focus  {
	background-color: #000;
	color: #fff;
}


/*
 *  Widgets
*/
.sidebar .widget {
    background-color: transparent;
    margin-bottom: 0px;
    padding: 0px; 
}



@media all and  (max-width: 960px) {
    html {
        font-size: 60%; /* 62.5% = 10px browser default */
    }
}

@media all and  (max-width: 640px) {
    html {
        font-size: 57.5%; /* 62.5% = 10px browser default */
    }
    [class*='grid-outer-margin']{
        margin: 0px 32px 0px 32px;
    }
    [class*='grid-outer-margin-single']{
        margin: 0px 32px;
    }
    [class*='grid-outer-padding']{
        padding: 0px 32px 0px 32px;
    }
    [class*='grid-outer-padding-single']{
        padding: 0px 32px;
    }
    .one-half{
        margin: 0;
        width: 100%;
    }
    .site-footer .footer {
        width: 100%;
    }
    .nav-secondary-box{
        margin:auto;
    }
}

@media all and (max-width: 420px) {
    html {
        font-size: 55%; /* 62.5% = 10px browser default */
    }
    [class*='grid-outer-margin']{
        margin: 0px 24px 0px 24px;
    }
    [class*='grid-outer-margin-single']{
        margin: 0px 24px;
    }
    [class*='grid-outer-padding']{
        padding: 0px 24px 0px 24px;
    }
    [class*='grid-outer-padding-single']{
        padding: 0px 24px;
    }
}









/*  - - - - - - - - - - - - - - - - - - - - -  NENONTWERP LAYOUT STYLES - - - - - - - - - - - - - - - - - - - - - - */




.layoutblock{
    position: relative;
    width:100%;
    padding: 0px 0px;
    margin-top: 0px;
}
.layoutblock .lb-content{
    background-color: transparent;
    padding: 0px 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}
.layoutblock.tekst{
    padding-top: 16px;
    padding-bottom: 96px;
}
.layoutblock.tekst.no-padding-bottom{
    padding-bottom: 32px;
}


.layoutblock.image,
.layoutblock.image-parallax-scroll,
.layoutblock.image-header,
.layoutblock.image-header-front {
    margin-top: 0px;
    overflow: hidden;
}
.layoutblock .image-box {
    position: relative;
    width:100%;
    height:1000px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.layoutblock.image-header-front .image-box{
    max-height: 100%;
}

.layoutblock .image-box .cover{
    content: '';
    position: absolute;
    background-color: #6bb1e1;
    width: 100%;
    height: 100%;
    top:0px;
    left:0px;
    opacity: .8;
}
.layoutblock .image-box > .wrap{
    height: 100%;    
}

.layoutblock .image-box .image{
    position: absolute;
    left:50%;
    top:0px;
    
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    
    display: block;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    width:100%;
    height:100%;
    /*pointer-events: none;*/
}
.layoutblock .image-box .image .placeholder{
    display: none;
}
.layoutblock .image-box .image.parallax-scroll .placeholder {
    display: block;
}
.layoutblock .image-box .image.parallax-scroll.hide-placeholder .placeholder {
    display: none;
}

.layoutblock .image-box .image-left,
.layoutblock .image-box .image-right{
    position: absolute;
    left:50%;
    top:0px;    
    display: block;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    width:50%;
    height:100%;
    /*pointer-events: none;*/
}
.layoutblock .image-box .image-left{
    left: 0px;
}
.layoutblock .image-box .image-right{
    right: 0px;
}
.layoutblock .image-box .image-front{
    /* max-width: 1440px; */
}


@media all and (min-width: 1440px) {
    .layoutblock .image-box                         { max-height: 360px; }
    .layoutblock.image .image-box                   { max-height: 475px; }
    .layoutblock.image-header .image-box            { max-height: 475px; }
    .layoutblock.image-header-front .image-box      { max-height: 475px; }
    .layoutblock.image-parallax .image-box          { max-height: 560px; }
}

@media all and (max-width: 1440px) {
    .layoutblock .image-box                         { max-height: 360px; }
    .layoutblock.image .image-box                   { max-height: 475px; }
    .layoutblock.image-header .image-box            { max-height: 475px; }
    .layoutblock.image-header-front .image-box      { max-height: 475px; }
    .layoutblock.image-parallax .image-box          { max-height: 560px; }
}

@media all and (max-width: 960px) {
}

@media all and (max-width: 640px) {
    .layoutblock .image-box                         { max-height: 320px; }
    .layoutblock.image .image-box                   { max-height: 340px; }
    .layoutblock.image-header .image-box            { max-height: 340px; }
    .layoutblock.image-header-front .image-box      { max-height: 340px; }
    .layoutblock.image-parallax .image-box          { max-height: 440px; }
}
@media all and (max-width: 420px) {
    .layoutblock .image-box                         { max-height: 240px; }
    .layoutblock.image .image-box                   { max-height: 325px; }
    .layoutblock.image-header .image-box            { max-height: 325px; }
    .layoutblock.image-header-front .image-box      { max-height: 325px; }
    .layoutblock.image-parallax .image-box          { max-height: 400px; }
}





/*  - - - - - - - - - - - - - - - - - - - - -  NENONTWERP ELEMENT STYLES  - - - - - - - - - - - - - - - - - - - - - - */






.header.sticky,
.header.no-scroll.sticky{
    position:fixed;
    top:0;    
}
.clearfloat,
.clear-float,
.float-clear,
.floatclear{
    clear: both;
}


.entry-content table {
    table-layout: fixed;
    width: 100%;
    border-spacing: 0px;
    vertical-align: top;
    text-align: left;
}
.entry-content table td{
    vertical-align: top;
}

.google_map.map{
    width: 100%;
    height: 425px;
}
.google_map.mapcover{
    width: 100%;
    height:100%;    
    display: block;
    position: absolute;
    top:0px;
    left:0px;
}
.nenontwerp .slick-slider{
    margin: 0px ;
}




/*  - - - - - - - - - - - - - - - - - - - - -  form classes  - - - - - - - - - - - - - - - - - - - - - - */



/*
input[type='text'],
input[type='password'],
input[type='datetime'],
input[type='email'],
input[type='checkbox'],
input[type='radio'], */
input,
textarea,
select{
    color: #000;
    background-color: #e8f0f8;
    border: 1px solid #bfd8ec;
    border-bottom: 1px solid #57a9d4;
    box-shadow: none; 
}
/*
input[type='text'],
input[type='password'],
input[type='datetime'],
input[type='email'],*/
input{
    border-radius: 2px;
}
textarea{
    padding: 4px;
    border-radius: 2px;
    resize: vertical;
    line-height: 1.3;
}
select {
    font-size: inherit;
    border-radius: 2px;
}
select option {
    padding: 3px;
}

input[type='checkbox']{
    appearance: none;
    -webkit-appearance: none;
    position: relative;
    width: 18px;
    height: 18px;
    border-radius: 3px;
    cursor: pointer;
    background-color: #fff;
    border: 1px solid #57a9d4;
    margin: 0 5px 0 15px;
}
input[type='checkbox']:checked{ }

input[type='checkbox']:checked:after {
    content: '\2713'; /* alt char: \2714 */
    font-size: 20px;
    line-height: 0px;
    position: absolute;
    width: 18px;
    height: 18px;
    text-align: center;
    top: 50%;
    left: 50%;
    margin-left: -6px;
    margin-top: -3px;
    color: inherit;
}

input[type='radio']{
    appearance: none;
    -webkit-appearance: none;
    width: 18px;
    height: 18px;
    border-radius: 100%;
    position: relative;
    display: inline-block;
    cursor: pointer;
    background-color: #fff;
    border-color: #57a9d4;
    margin: 0px;
    margin-bottom: -4px;
}
input[type='radio']:checked{ }

input[type='radio']:after {
    content:"";
    border-radius: 100%;
    font-size: 20px;
    line-height: 0px;
    position: absolute;
    width: 10px;
    height: 10px;
    text-align: center;
    top: 50%;
    left: 50%;
    margin-left: -5px;
    margin-top: -5px;
    background-color: #57a9d4;
}
input[type='radio']:checked:after {
    content:"";
    border-radius: 100%;
    font-size: 20px;
    line-height: 0px;
    position: absolute;
    width: 6px;
    height: 6px;
    text-align: center;
    top: 50%;
    left: 50%;
    margin-left: -3px;
    margin-top: -3px;
    box-shadow: 0 0 0 3px #000;
    background-color: #57a9d4;
}
/*
input[type='text']:focus,
input[type='password']:focus,
input[type='datetime']:focus,
input[type='email']:focus,
input[type='checkbox']:focus,
input[type='radio']:focus,*/
input:focus,
textarea:focus,
select:focus{
    border-color: #57a9d4; 
    background-color: #ddeef6;
}





/*  - - - - - - - - - - - - - - - - - - - - -  custom elements  - - - - - - - - - - - - - - - - - - - - - - */



.entry-content ol,
.entry-content ul {
	margin-bottom: 0px;
	margin-left: 0px;
}

.entry-content ol > li ,
.entry-content ul > li {
	list-style-type: none;
	list-style-type: none;
}

.entry-content ol ol,
.entry-content ul ul {
	margin-bottom: 0;
}


/*
*   list ol + ul
*/

/*
body.flex-content-sidebar-fw ul > li,
body.flex-content-sidebar-fw ol > li {
	list-style-type: none;
}


[class*="flex-content-sidebar"] .content-flex ol,
body:not(.flex-content-sidebar-fw) .entry-content ol,
#tinymce ol{
    position: relative;
    padding: 0;
    margin: 0;
    padding-left:32px;
}

[class*="flex-content-sidebar"] .content-flex ol > li,
body:not(.flex-content-sidebar-fw) .entry-content ol > li,
#tinymce ol > li{
    list-style-position: outside; 
    list-style-type:  inherit;
    position: relative;
    padding: 0;
    margin: 0;
    padding-left:24px;
}
[class*="flex-content-sidebar"] .content-flex ol > li:before,
body:not(.flex-content-sidebar-fw) .entry-content ol > li:before,
#tinymce ol > li:before {
    content: "\2013"; /* eN dash 
    content: "\2014"; /* eM dash 
    position: absolute;
    left: 0px;
    color: #aaa; 
}
[class*="flex-content-sidebar"] .content-flex ul,
[class*="flex-content-sidebar"] .content-flex ul > li,
body:not(.flex-content-sidebar-fw) .entry-content ul,
body:not(.flex-content-sidebar-fw) .entry-content ul > li,
#tinymce ul,
#tinymce ul > li {
    position: relative;
    display: block;
    list-style: none; /* Remove list bullets 
    padding: 0;
    margin: 0;
    padding-left: 8px;
    margin-left: 8px;
}
[class*="flex-content-sidebar"] .content-flex ul > li:before,
body:not(.flex-content-sidebar-fw) .entry-content ul > li:before,
#tinymce ul > li:before {
    content: "•"; 
    position: absolute;
    left: -8px;
    color: #aaa; 
}
*/


.list ol,
#tinymce ol{
    position: relative;
    padding: 0;
    margin: 0;
    padding-left:32px;
}

.list ol > li,
#tinymce ol > li{
    list-style-position: outside; 
    list-style-type:  inherit;
    position: relative;
    padding: 0;
    margin: 0;
    padding-left:24px;
}
.list ol > li:before,
#tinymce ol > li:before {
    content: "\2013"; /* eN dash */
    content: "\2014"; /* eM dash */
    position: absolute;
    left: 0px;
    color: #aaa; 
}
.list ul,
.list ul > li,
#tinymce ul,
#tinymce ul > li {
    position: relative;
    display: block;
    list-style: none; /* Remove list bullets */
    padding: 0;
    margin: 0;
    padding-left: 8px;
    margin-left: 8px;
}
.list ul > li:before,
#tinymce ul > li:before {
    content: "•"; 
    position: absolute;
    left: -8px;
    color: #aaa; 
}


/*
*   image wrapper / image credits
*/


.image-wrapper{
    position: relative;
    line-height: 0px;
    padding:0px;
    margin:0px;
    margin-bottom: 12px;
}
.image-wrapper img{
    margin:0px;
}
.image-credits,
.image-credits.br{
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 6px 8px;
    font-size: 9px;
    line-height: 9px;
    color: #fff;
    text-shadow: 0px 0px 3px #000;
}
.image-credits.bl{
    top: auto;
    bottom: 0px;
    right: auto;
    left: 0px;
}
.image-credits.tl{
    top: 0px;
    bottom: auto;
    right: auto;
    left: 0px;
}
.image-credits.tr{
    top: 0px;
    bottom: auto;
    right: 0px;
    left: auto;
}
.image-credits a,
.image-credits div{
    opacity: .6;
    color: inherit;
    text-decoration: none;
    cursor: default;
}
.image-credits a:after,
.image-credits.tr a:after,
.image-credits.br a:after,
.image-credits div:after,
.image-credits.tr div:after,
.image-credits.br div:after{
    content: '\00a0\00a9';
    position: relative;
    display: inline;
    font-size: 120%;
    font-weight: 300;
    bottom: -1px;
}
.image-credits.tl a:before,
.image-credits.bl a:before,
.image-credits.tl div:before,
.image-credits.bl div:before{
    content: '\00a9\00a0';
    position: relative;
    display: inline;
    font-size: 120%;
    font-weight: 300;
    bottom: -1px;
}
.image-credits.tl a:after,
.image-credits.bl a:after,
.image-credits.tl div:after,
.image-credits.bl div:after{
    content: none;
}
.image-credits a:hover,
.image-credits div:hover{
    opacity: 1;   
    font-size: 150%;
    line-height: 150%;
    color: inherit;
}
    
.image-credits a:hover{
    cursor: pointer;
}



/*
*   SC clip
*/

.clip{
    position: relative;
    margin: 16px 0px;
}
.clip .clip-title{
    position: absolute;
    width: 100%;
    height: auto;
    top:0px;
}
.clip .clip-title-text{
    position: relative;
    font-weight: 600;
    padding:8px;
    font-style: normal;
    line-height: 20px;
    line-height: 2.0rem;
    color: #333;
}
.clip .clip-image > .clip-cover{
    background: -webkit-radial-gradient(rgba(0,0,0,0) 50%, #000 90%); /* Safari 5.1-6.0 */
    background: -moz-radial-gradient(rgba(0,0,0,0) 50%, #000 90%); /* For Firefox 3.6-15 */
    background: -ms-radial-gradient(rgba(0,0,0,0) 50%, #000 90%); /* For Firefox 3.6-15 */
    background: -o-radial-gradient(rgba(0,0,0,0) 50%, #000 90%); /* For Opera 11.6-12.0 */
    background: radial-gradient(rgba(0,0,0,0) 50%, #000 90%); /* Standard syntax */
    opacity: .6;
}

.clip .clip-time{
    position: absolute;
    width: 100%;
    height: auto;
    bottom:0px;
    left:0px;
    margin:auto 0px;
}
.clip .clip-time-text{
    position: relative;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 200;
    line-height: 14px;
    line-height: 1.4rem;
    padding:8px;
    letter-spacing: 1px;
    color:#fff;
}
.clip .clip-image{
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}
.clip-start,
.clip .clip-start{
    position: absolute;
    height: 80px;
    width: 128px;
    top: 50%;
    left: 50%;
    margin-top:-40px;
    margin-left:-64px;
    border-radius: 8px;
    overflow: hidden;
    cursor: pointer;
}
.clip-start-cover,
.clip .clip-start-cover{
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0px;
    left: 0px;
    background-color: #fff;
    opacity: .75;
}
.clip-start-arrow,
.clip .clip-start-arrow{
    position: relative;
}
.clip-start #arrow *,
.clip .clip-start #arrow *{ /* svg */
    fill: #f30033;
}
.clip-start:hover,
.clip .clip-start:hover{
    box-shadow: 0px 2px 15px -2px #000;
}
.clip-start:hover .clip-start-cover,
.clip .clip-start:hover .clip-start-cover{
    opacity: 1;
}
.clip-start:active .clip-start-cover,
.clip .clip-start:active .clip-start-cover{
    background-color: #ddd;
}
.clip-start:active #arrow *,
.clip .clip-start:active #arrow *{  /* svg */
    fill: #000;
}





/*
*   Harmonica / cookies
*/

.harmonica{
    position: relative;
    margin: 0px;
    margin-top: 4px;
    margin-bottom: 16px;
}
.harmonica.active{
}
.harmonica-btn{
    font-weight: 600;
    position:relative;
    display: block;
    cursor: pointer;
    padding: 8px 8px;
    margin-bottom: -8px;
    z-index: +1;
    padding-left: 40px;
}
.harmonica-btn:after{
    content:"";
    position: absolute;
    top: 12px;
    left: 0px;
    width: 18px;
    height: 12px;
    border-width: 9px;
    border-style: solid;
    border-top: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 9px solid transparent;
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition:    all 0.15s ease-in-out;
    -ms-transition:     all 0.15s ease-in-out;
    -o-transition:      all 0.15s ease-in-out;
    transition:         all 0.15s ease-in-out;
}
.harmonica.active .harmonica-btn:after{
    top:16px;
    left: 0px;
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    -moz-transform: rotate(90deg); /* IE 9 */
    -ms-transform: rotate(90deg); /* IE 9 */
    -o-transform: rotate(90deg); /* IE 9 */
    transform: rotate(90deg);
}

.harmonica.active .harmonica-btn{
    border-color: transparent;
    background-color: transparent;
}

.harmonica-btn:active,
.harmonica-btn:hover{
    background-color: #ddd;
}
.harmonica-mask{
    max-height: 0px;
    overflow: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition:    all 0.3s ease-in-out;
    -ms-transition:     all 0.3s ease-in-out;
    -o-transition:      all 0.3s ease-in-out;
    transition:         all 0.3s ease-in-out;
}
.harmonica.active .harmonica-mask{
    overflow: visible;
    max-height: 2400px;
}
.harmonica-content{
    margin-left: 8px;
    padding: 8px 32px;
    border-left: 1px solid #aaa;
}
.harmonica-content table{
    margin: 0px;
    padding: 0px;
}
.harmonica-content table.alignleft {
    float: none;
}
@media print {
        .harmonica .harmonica-mask{
            overflow: visible;
            max-height: 2400px;
        }
}



/*
*   Cookies
*/
.cookies td{
    padding: 6px 0px;
}
.cookies td p:last-child i{
    color: #aaa;
    font-size: 90%;
}




/*
 *  cookie consent
*/

/* popup */
.nen-cookie-popup{
    position: fixed;
    left: 0px;
    bottom: 0px;
    z-index: 2001;
    display: none;
}
.nen-cookie-popup.active{
    display: block;
}
.nen-cookie-popup .item{
    background: #fff;
    min-width: 240px;
    max-width: 480px;
    padding: 32px 48px;
    position: relative;
    top: 96px;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition:    all 0.3s ease-in-out;
    -ms-transition:     all 0.3s ease-in-out;
    -o-transition:      all 0.3s ease-in-out;
    transition:         all 0.3s ease-in-out;
    box-shadow: 0px 0px 12px -3px #000;
}
.nen-cookie-popup.active .item{
    top: 0px;
    opacity: 1;
}
.nen-cookie-popup .item-text{
    margin-bottom: 12px;
}
.nen-cookie-popup .item-buttons{
    text-align: right;
}
.nen-cookie-popup .item-button.small{
    font-size: 80%;
}
.nen-cookie-popup .item-button{
    margin-left: 16px;
}
.nen-cookie-popup .item-button.nen-cookie-close{
    width: 28px;
    height: 28px;
    margin: 0px;
    position: absolute;
    top: -14px;
    right: -14px;
    border-radius: 100%;
    background-color: #fff;
    background-image: url('../images/menu-close-black.svg');
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: center center;
    border: 1px solid #000;
    cursor: pointer;
    box-shadow: 0px 0px 8px -2px #000;
}
.nen-cookie-popup .item-button.nen-cookie-close:hover{
    background-color: #000;
    background-image: url('../images/menu-close-white.svg');
}
@media all and (max-width: 800px) {
    .nen-cookie-popup .item{
        padding: 32px;
    }
}
@media all and (max-width: 600px) {
    .nen-cookie-popup .item{
        padding: 24px;
    }
}
@media all and (max-width: 400px) {
    .nen-cookie-popup .item{
        padding: 16px;
    }
}
/* settings */
.nen-cookie-settings {
    position: relative;
    border: 1px solid transparent;
    padding: 24px 32px;
}
.nen-cookie-setting{
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 8px 0px;
}
.nen-cookie-setting + p + .nen-cookie-setting{
    border-top: none;
}
.nen-cookie-setting .item-button{
    width: 60px;
    text-align: center;
}
.nen-cookie-setting .item-button.disabled{
    opacity: .4;
    border-style: dashed;
    pointer-events: none;
}
.nen-cookie-setting .table .cell:first-child{
    width: 160px;
    padding-top: 8px;
}
.nen-cookie-setting .table{
    margin-bottom: 12px;
}
@media all and (max-width: 700px) {
    .nen-cookie-setting .table .cell:first-child{
        padding-top: 12px;
        padding-bottom: 8px;
    }
    .nen-cookie-setting .table .cell{
        display: block !important;
    }
}
@media all and (max-width: 500px) {
    .nen-cookie-settings {
        padding-left: 16px;
        padding-right: 16px;
    }
}
/* list */
.nen-cookie-list .item-group-header{
    margin-top: 12px;
    margin-bottom: 4px;
    font-style: italic;
    text-decoration: underline;
    font-weight: 500;
}
.nen-cookie-list .item-group{
    margin-left: 0px;
}
.nen-cookie-list .cell:first-child{
    width: 48px;
}
.nen-cookie-list .btn.cookie-remove{
    padding: 2px 4px;
    line-height: 1;
    font-size: 80%
}
.nen-cookie-list .btn.cookie-remove:after{
    display: none;
}




/*
*   Social buttons
*/

.socialbutton #bg,
.socialbutton #element{
    opacity: 1;
}
.socialbutton #single *{
    fill: #000;
    opacity: 0;
}
.socialbutton:hover *{
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition:    all 0.3s ease-in-out;
    -ms-transition:     all 0.3s ease-in-out;
    -o-transition:      all 0.3s ease-in-out;
    transition:         all 0.3s ease-in-out;
}
.socialbutton:hover #single *{
    opacity: 1;
}
.socialbutton:hover #bg,
.socialbutton:hover #element{
    opacity: 0;
}

/*
*   paginalink
*/
.buttonlink,
.pagelink,
.paginalink{
    display: block;
    width:100%;
    margin: 16px 0px;
}
.buttonlink.align-left,
.pagelink.align-left,
.paginalink.align-left{
    text-align:left !important;
}
.buttonlink.align-right,
.pagelink.align-right,
.paginalink.align-right{
    text-align:right !important;
}
.buttonlink.align-center,
.pagelink.align-center,
.paginalink.align-center{
    text-align:center;
}
.pagelink .link-btn,
.paginalink .link-btn{
    display: inline-block;
}
.pagelink.align-right .link-btn{
    padding: 0px;
    padding-right:48px;
}
.pagelink.align-right .link-btn[data-arrow]:before{
    left:auto;
    right:0px;
}
.pagelink.rotate .link-btn[data-arrow]:hover:before{
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg); 
    -o-transform: rotate(90deg); 
    transform: rotate(90deg);
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition:    all 0.15s ease-in-out;
    -ms-transition:     all 0.15s ease-in-out;
    -o-transition:      all 0.15s ease-in-out;
    transition:         all 0.15s ease-in-out;
}


/*
 *  footer-extender
*/
.footer-extender,
.footer-extender-box{
    position: relative;
    width:100%;
    padding: 0px 0px;
    margin-top: 0px;
}
.footer-extender-quote-box{
    padding-top: 96px;
    padding-bottom: 48px;
}
.footer-extender-quote .quote{
    position: relative;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 40px;
    line-height: 4.0rem;
    font-weight: 200;
    font-style: italic;
    letter-spacing: 1px;
    margin-bottom: 16px;
}
.footer-extender-quote .quote-credits{
    text-align: right;
    padding-right:32px;
    margin-top: 0px;
}
.footer-extender-quote .quote:before{
    content: "\201C";
    position: absolute;
    font-size: 72px;
    font-weight: 400;
    font-style: italic;
    top:-32px;
    left:0px;
}
.footer-extender-quote .cell .quote{
    margin-left: 32px;
}
.footer-extender-quote .cell:first-child{
    width:25%;
    position: relative;
}
.footer-extender-quote .image{
    display: block;
    position: relative;
    width: 100%;
    padding-top: 100%;
    top: 0px;
    left: 0px;
    bottom: 48px;
    margin-top: -48px;
}
@media all and (max-width: 700px) {
    .footer-extender-quote .cell{
        display: block !important;
        width:100%;
    }
    .footer-extender-quote .cell:first-child{
        width:100%;
    }
    .footer-extender-quote .image{
        width: 100%;
        padding-top: 50%;
    }
    .footer-extender-quote .cell .quote{
        margin: 0px;
        margin-top: 64px;
    }
}


/*
 *  Multilang / polylang
*/

.lang-switch .lang-item{
    display: inline-block;
    margin-right: 8px;
}
.lang-switch .lang-flag{
    width:24px;
    display: inline-block;
    margin-bottom: -2px;
}
.lang-switch .flag{
    width:100%; 
    padding-top: 68.75%;
    border:1px solid #fff;
    box-shadow: 0px 0px 0px 1px #aaa, 0px 0px 5px -1px #000 inset;
}
.lang-switch .current-lang .flag{
    box-shadow: 0px 0px 0px 1px #000, 0px 0px 5px -1px #000 inset;
}
.lang-switch .lang-item:hover .flag{
    box-shadow: 0px 0px 0px 1px #000;
}
.lang-switch .lang-text{
    display: inline-block;
    font-size: 90%;
}
.lang-switch .lang-flag + .lang-text{
    margin-left: 8px;
}


/*  - - - - - - - - - - - - - - - - - - - - -  style classes  - - - - - - - - - - - - - - - - - - - - - - */


.anchor{
    width:0px;
    height:0px;
    padding:0px;
    margin:0px;
}

.relative{
    position: relative;
}
.absolute{
    position: absolute;
}
.flex {
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -moz-flex;
    display: -moz-box;
    display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
}
.flex-child,
.flex-child-1-1{
    /*  can grow, can shrink */
    -webkit-flex-grow:  1; 
    -moz-flex-grow: 1;
    -ms-flex-grow: 1; 
    flex-grow: 1;
    -webkit-flex-shrink: 1; 
    -moz-flex-shrink: 1;
    -ms-flex-shrink: 1; 
    flex-shrink: 1;
}
.flex-child-0-1{
    /*  can only shrink */
    -webkit-flex-grow: 0; 
    -moz-flex-grow: 0;
    -ms-flex-grow: 0; 
    flex-grow: 0;
    -webkit-flex-shrink: 1; 
    -moz-flex-shrink: 1;
    -ms-flex-shrink: 1; 
    flex-shrink: 1;
}
.flex-child-1-0{
    /*  can only grow */
    -webkit-flex-grow:  1; 
    -moz-flex-grow: 1;
    -ms-flex-grow: 1; 
    flex-grow: 1;
    -webkit-flex-shrink: 0; 
    -moz-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0;
}
.flex-child-0-0{
    /*  fixed size */
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-grow: 0; 
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0;
}
.flex-wrap {
    -webkit-flex-wrap: wrap; 
    -moz-flex-wrap: wrap; 
    -ms-flex-wrap: wrap; 
    flex-wrap: wrap;
}
.flex-nowrap {
    -webkit-flex-wrap: nowrap; 
    -moz-flex-wrap: nowrap; 
    -ms-flex-wrap: nowrap; 
    flex-wrap: nowrap;
}
.flex-column {
    -webkit-flex-direction: column; 
    -moz-flex-direction: column; 
    -ms-flex-direction: column; 
    flex-direction: column;
}
.flex-column-reverse {
    -webkit-flex-direction: column-reverse; 
    -moz-flex-direction: column-reverse; 
    -ms-flex-direction: column-reverse; 
    flex-direction: column-reverse;
}
.flex-row {
    -webkit-flex-direction: row; 
    -moz-flex-direction: row; 
    -ms-flex-direction: row; 
    flex-direction: row;
}
.flex-row-reverse {
    -webkit-flex-direction: row-reverse; 
    -moz-flex-direction: row-reverse; 
    -ms-flex-direction: row-reverse; 
    flex-direction: row-reverse;
}
.flex-basis-max {
    -webkit-flex-basis: 9999; 
    -moz-flex-basis: 9999; 
    -ms-flex-basis: 9999; 
    flex-basis: 9999;
}
.flex-basis-auto {
    -webkit-flex-basis: auto;
    -moz-flex-basis: auto;
    -ms-flex-basis: auto;
    flex-basis: auto;
}
.flex-order-1 {
    -webkit-order: 1; 
    -moz-order: 1; 
    -ms-order: 1; 
    order: 1;
}
.flex-order-2 {
    -webkit-order: 2; 
    -moz-order: 2; 
    -ms-order: 2; 
    order: 2;
}
.flex-order-3 {
    -webkit-order: 3; 
    -moz-order: 3; 
    -ms-order: 3; 
    order: 3;
}
.flex-order-4 {
    -webkit-order: 4; 
    -moz-order: 4; 
    -ms-order: 4; 
    order: 4;
}
.flex-order-5 {
    -webkit-order: 5; 
    -moz-order: 5; 
    -ms-order: 5; 
    order: 5;
}
.flex-order-min-1 {
    -webkit-order: -1; 
    -moz-order: -1; 
    -ms-order: -1; 
    order: -1;
}
.flex-order-min-2 {
    -webkit-order: -2; 
    -moz-order: -2; 
    -ms-order: -2; 
    order: -2;
}
.flex-order-min-3 {
    -webkit-order: -3; 
    -moz-order: -3; 
    -ms-order: -3; 
    order: -3;
}
.flex-order-min-4 {
    -webkit-order: -4; 
    -moz-order: -4; 
    -ms-order: -4; 
    order: -4;
}
.flex-order-min-5 {
    -webkit-order: -5; 
    -moz-order: -5; 
    -ms-order: -5; 
    order: -5;
}

td,
tbody {
    border: none;
}
table {
    line-height: inherit;
}
.table{
    display: table !important;
    width:100%;
    border-spacing: 0px;
    vertical-align: top;
    text-align: left;
}
.table.equal,
.table.fixed{
    table-layout: fixed;
}
.table-cell,
.cell{
    display: table-cell !important;
    vertical-align: top;
}
.table-cell:last-child,
.cell:last-child{
    /* padding-right: 0px; */
}
.row{
    display: table-row !important;
}


.noselect,
.no-select {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome/Safari/Opera */
     -khtml-user-select: none; /* Konqueror */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently not supported by any browser */
}
.no-margin{
    margin: 0px;
}


.bg-image,
.bg-image-cover,
.bg-image-contain {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.bg-image-contain {
    background-size: contain;
}


.italic{
    font-style: italic;
}  


[class*='div-cvr-'],
[class*='divcvr-'],
[class*=' cvr-']:after,
[class*='hvrcvr-'].hover:before,
[class*='hvrcvr-']:hover:before{
    content:"";
    position: absolute;
    top: 0px;
    left:0px;
    right:0px;
    bottom:0px;
    width: auto;
    height: auto;
    opacity: 0.15;
    z-index: 1;
    pointer-events: none;
}
[class*='hvrcvr-'].hover:before,
[class*='hvrcvr-']:hover:before{
    cursor: pointer;
}
[class*='hvrcvr-']:active:before{
    opacity: 0.4;
}
[class*='div-cvr-'],
[class*='divcvr-']{
    z-index: 0;
}

[class*='div-cvr-5'],
[class*='divcvr-5'],
[class*=' cvr-5']:after,
.hvrcvr-5.hover:before,
.hvrcvr-5:hover:before{ opacity: 0.05; }
[class*='div-cvr-10'],
[class*='divcvr-10'],
[class*=' cvr-10']:after,
.hvrcvr-10.hover:before,
.hvrcvr-10:hover:before{ opacity: 0.1; }
[class*='div-cvr-15'],
[class*='divcvr-15'],
[class*=' cvr-15']:after,
.hvrcvr-15.hover:before,
.hvrcvr-15:hover:before{ opacity: 0.15; }
[class*='div-cvr-20'],
[class*='divcvr-20'],
[class*=' cvr-20']:after,
.hvrcvr-20.hover:before,
.hvrcvr-20:hover:before{ opacity: 0.2; }
[class*='div-cvr-25'],
[class*='divcvr-25'],
[class*=' cvr-25']:after,
.hvrcvr-25.hover:before,
.hvrcvr-25:hover:before{ opacity: 0.25; }
[class*='div-cvr-30'],
[class*='divcvr-30'],
[class*=' cvr-30']:after,
.hvrcvr-30.hover:before,
.hvrcvr-30:hover:before{ opacity: 0.3; }
[class*='div-cvr-35'],
[class*='divcvr-35'],
[class*=' cvr-35']:after,
.hvrcvr-35.hover:before,
.hvrcvr-35:hover:before{ opacity: 0.35; }
[class*='div-cvr-40'],
[class*='divcvr-40'],
[class*=' cvr-40']:after,
.hvrcvr-40.hover:before,
.hvrcvr-40:hover:before{ opacity: 0.4; }
[class*='div-cvr-45'],
[class*='divcvr-45'],
[class*=' cvr-45']:after,
.hvrcvr-45.hover:before,
.hvrcvr-45:hover:before{ opacity: 0.45; }
[class*='div-cvr-50'],
[class*='divcvr-50'],
[class*=' cvr-50']:after,
.hvrcvr-50.hover:before,
.hvrcvr-50:hover:before{ opacity: 0.5; }
[class*='div-cvr-55'],
[class*='divcvr-55'],
[class*=' cvr-55']:after,
.hvrcvr-55.hover:before,
.hvrcvr-55:hover:before{ opacity: 0.55; }
[class*='div-cvr-60'],
[class*='divcvr-60'],
[class*=' cvr-60']:after,
.hvrcvr-60.hover:before,
.hvrcvr-60:hover:before{ opacity: 0.6; }
[class*='div-cvr-65'],
[class*='divcvr-65'],
[class*=' cvr-65']:after,
.hvrcvr-65.hover:before,
.hvrcvr-65:hover:before{ opacity: 0.65; }
[class*='div-cvr-70'],
[class*='divcvr-70'],
[class*=' cvr-70']:after,
.hvrcvr-70.hover:before,
.hvrcvr-70:hover:before{ opacity: 0.7; }
[class*='div-cvr-75'],
[class*='divcvr-75'],
[class*=' cvr-75']:after,
.hvrcvr-75.hover:before,
.hvrcvr-75:hover:before{ opacity: 0.75; }
[class*='div-cvr-80'],
[class*='divcvr-80'],
[class*=' cvr-80']:after,
.hvrcvr-80.hover:before,
.hvrcvr-80:hover:before{ opacity: 0.8; }
[class*='div-cvr-85'],
[class*='divcvr-85'],
[class*=' cvr-85']:after,
.hvrcvr-85.hover:before,
.hvrcvr-85:hover:before{ opacity: 0.85; }
[class*='div-cvr-90'],
[class*='divcvr-90'],
[class*=' cvr-90']:after,
.hvrcvr-90.hover:before,
.hvrcvr-90:hover:before{ opacity: 0.9; }
[class*='div-cvr-95'],
[class*='divcvr-95'],
[class*=' cvr-95']:after,
.hvrcvr-95.hover:before,
.hvrcvr-95:hover:before{ opacity: 0.95; }
[class*='div-cvr-100'],
[class*='divcvr-100'],
[class*=' cvr-100']:after,
.hvrcvr-100.hover:before,
.hvrcvr-100:hover:before{ opacity: 1.0; }

.hvrcvr-5:active:before{ opacity: 0.25; }
.hvrcvr-10:active:before{ opacity: 0.35; }
.hvrcvr-15:active:before{ opacity: 0.4; }
.hvrcvr-20:active:before{ opacity: 0.45; }
.hvrcvr-25:active:before{ opacity: 0.5; }
.hvrcvr-30:active:before{ opacity: 0.55; }
.hvrcvr-35:active:before{ opacity: 0.6; }
.hvrcvr-40:active:before{ opacity: 0.65; }
.hvrcvr-45:active:before{ opacity: 0.7; }
.hvrcvr-50:active:before{ opacity: 0.75; }
.hvrcvr-55:active:before{ opacity: 0.78; }
.hvrcvr-60:active:before{ opacity: 0.8; }
.hvrcvr-65:active:before{ opacity: 0.85; }
.hvrcvr-70:active:before{ opacity: 0.88; }
.hvrcvr-75:active:before{ opacity: 0.88; }
.hvrcvr-80:active:before{ opacity: 0.9; }
.hvrcvr-85:active:before{ opacity: 0.95; }
.hvrcvr-90:active:before{ opacity: 0.98; }
.hvrcvr-95:active:before{ opacity: 0.98; }
.hvrcvr-100:active:before{ opacity: 1.0; }


.z-index--1{ z-index: -1; }
.z-index-0{ z-index: 0; }
.z-index-1{ z-index: 1; }
.z-index-2{ z-index: 2; }
.z-index-3{ z-index: 3; }
.z-index-4{ z-index: 4; }
.z-index-5{ z-index: 5; }
.z-index-6{ z-index: 6; }
.z-index-7{ z-index: 7; }
.z-index-8{ z-index: 8; }
.z-index-9{ z-index: 9; }
.z-index-10{ z-index: 10; }
.z-index-11{ z-index: 11; }
.z-index-12{ z-index: 12; }
.z-index-13{ z-index: 13; }
.z-index-14{ z-index: 14; }
.z-index-15{ z-index: 15; }
.z-index-16{ z-index: 16; }
.z-index-17{ z-index: 17; }
.z-index-18{ z-index: 18; }
.z-index-19{ z-index: 19; }
.z-index-20{ z-index: 20; }


.relative{ position: relative }


[class*=' cvr-']:after{
    z-index: 1;
}
[class*='hvrcvr-']:before{
    z-index: 2;
}

.underline,
a.underline{
    text-decoration: underline;
}
.underline-hover:hover,
a.underline-hover:hover{
    text-decoration: underline;
}
.no-underline,
a.no-underline{
    text-decoration: none;
}
.no-underline:hover,
a.no-underline:hover{
    text-decoration: underline;
}
.no-underline-hover:hover,
a.no-underline-hover:hover{
    text-decoration: none;
}

.max-width-3200{ max-width: 3200px !important; }
.max-width-3100{ max-width: 3100px !important; }
.max-width-3000{ max-width: 3000px !important; }
.max-width-2900{ max-width: 2900px !important; }
.max-width-2800{ max-width: 2800px !important; }
.max-width-2700{ max-width: 2700px !important; }
.max-width-2600{ max-width: 2600px !important; }
.max-width-2500{ max-width: 2500px !important; }
.max-width-2400{ max-width: 2400px !important; }
.max-width-2300{ max-width: 2300px !important; }
.max-width-2200{ max-width: 2200px !important; }
.max-width-2100{ max-width: 2100px !important; }
.max-width-2000{ max-width: 2000px !important; }
.max-width-1900{ max-width: 1900px !important; }
.max-width-1800{ max-width: 1800px !important; }
.max-width-1700{ max-width: 1700px !important; }
.max-width-1600{ max-width: 1600px !important; }
.max-width-1500{ max-width: 1500px !important; }
.max-width-1400{ max-width: 1400px !important; }
.max-width-1300{ max-width: 1300px !important; }
.max-width-1200{ max-width: 1200px !important; }
.max-width-1100{ max-width: 1100px !important; }
.max-width-1000{ max-width: 1000px !important; }
.max-width-900{ max-width: 900px !important; }
.max-width-800{ max-width: 800px !important; }
.max-width-700{ max-width: 700px !important; }
.max-width-600{ max-width: 600px !important; }
.max-width-500{ max-width: 500px !important; }
.max-width-400{ max-width: 400px !important; }
.max-width-300{ max-width: 300px !important; }
.max-width-200{ max-width: 200px !important; }

.bg-color-default1,
.bg-color-after-default1:after,
.bg-color-before-default1:before,
.cvr-color-default1:after,
.hvrcvr-color-default1:before,
.bg-color-black,
.cvr-color-black:after,
.hvrcvr-color-black:before,
.bg-color-after-black:after,
.bg-color-before-black:before       { background-color: #000; }
.i-bg-color-black,
.i-cvr-color-black:after,
.i-hvrcvr-color-black:before,
.i-bg-color-after-black:after,
.i-bg-color-before-black:before       { background-color: #000 !important; }

.bg-color-offblack,
.cvr-color-offblack:after,
.hvrcvr-color-offblack:before,
.bg-color-after-offblack:after,
.bg-color-before-offblack:before    { background-color: #333; }
.i-bg-color-offblack,
.i-cvr-color-offblack:after,
.i-hvrcvr-color-offblack:before,
.i-bg-color-after-offblack:after,
.i-bg-color-before-offblack:before    { background-color: #333 !important; }

.bg-color-default2,
.bg-color-after-default2:after,
.bg-color-before-default2:before,
.cvr-color-default2:after,
.hvrcvr-color-default2:before,
.bg-color-white,
.cvr-color-white:after,
.hvrcvr-color-white:before,
.bg-color-after-white:after,
.bg-color-before-white:before       { background-color: #fff; }
.i-bg-color-white,
.i-cvr-color-white:after,
.i-hvrcvr-color-white:before,
.i-bg-color-after-white:after,
.i-bg-color-before-white:before       { background-color: #fff !important; }

.bg-color-offwhite,
.cvr-color-offwhite:after,
.hvrcvr-color-offwhite:before,
.bg-color-after-offwhite:after,
.bg-color-before-offwhite:before    { background-color: #eee; }
.i-bg-color-offwhite,
.i-cvr-color-offwhite:after,
.i-hvrcvr-color-offwhite:before,
.i-bg-color-after-offwhite:after,
.i-bg-color-before-offwhite:before    { background-color: #eee !important; }

.bg-color-transparent,
.bg-color-after-transparent:after,
.bg-color-before-transparent:before { background-color: transparent; }
.i-bg-color-transparent,
.i-bg-color-after-transparent:after,
.i-bg-color-before-transparent:before { background-color: transparent !important; }

.color-black,
.color-after-black:after,
.color-before-black:before      {  color: #000;}
.i-color-black,
.i-color-after-black:after,
.i-color-before-black:before      {  color: #000 !important;}
.color-default1,
.color-after-default1:after,
.color-before-default1:before,
.color-offblack,
.color-after-offblack:after,
.color-before-offblack:before   {  color: #333;}
.i-color-offblack,
.i-color-after-offblack:after,
.i-color-before-offblack:before   {  color: #333 !important;}
.color-default2,
.color-after-default2:after,
.color-before-default2:before,
.color-white,
.color-after-white:after,
.color-before-white:before      {  color: #fff;}
.i-color-white,
.i-color-after-white:after,
.i-color-before-white:before      {  color: #fff !important;}
.color-offwhite,
.color-after-offwhite:after,
.color-before-offwhite:before  {  color: #eee;}
.i-color-offwhite,
.i-color-after-offwhite:after,
.i-color-before-offwhite:before  {  color: #eee !important;}


.bdr-color-black,
.bdr-color-after-black:after,
.bdr-color-before-black:before      {  border-color: #000;}
.i-bdr-color-black,
.i-bdr-color-after-black:after,
.i-bdr-color-before-black:before      {  border-color: #000 !important;}

.bdr-color-default1,
.bdr-color-after-default1:after,
.bdr-color-before-default1:before,
.bdr-color-offblack,
.bdr-color-after-offblack:after,
.bdr-color-before-offblack:before    {  border-color: #333;}
.i-bdr-color-offblack,
.i-bdr-color-after-offblack:after,
.i-bdr-color-before-offblack:before    {  border-color: #333 !important;}

.bdr-color-default2,
.bdr-color-after-default2:after,
.bdr-color-before-default2:before,
.bdr-color-white,
.bdr-color-after-white:after,
.bdr-color-before-white:before      {  border-color: #fff;}
.i-bdr-color-white,
.i-bdr-color-after-white:after,
.i-bdr-color-before-white:before      {  border-color: #fff !important;}

.bdr-color-offwhite,
.bdr-color-after-offwhite:after,
.bdr-color-before-offwhite:before      {  border-color: #eee;}
.i-bdr-color-offwhite,
.i-bdr-color-after-offwhite:after,
.i-bdr-color-before-offwhite:before      {  border-color: #eee !important;}

.bdr-color-transparent,
.bdr-color-after-transparent:after,
.bdr-color-before-transparent:before  {  border-color: transparent; }
.i-bdr-color-transparent,
.i-bdr-color-after-transparent:after,
.i-bdr-color-before-transparent:before  {  border-color: transparent !important; }


.color-inherit-children *{
    color: inherit !important;
}
.color-inherit-children-1 > *{
    color: inherit !important;
}
.color-inherit-children-2 > * ,
.color-inherit-children-2 > * > *{
    color: inherit !important;
}
.color-inherit-children-3 > *,
.color-inherit-children-3 > * > *,
.color-inherit-children-3 > * > * > *{
    color: inherit !important;
}
.color-inherit-children-4 > *,
.color-inherit-children-4 > * > *,
.color-inherit-children-4 > * > * > *,
.color-inherit-children-4 > * > * > * > *{
    color: inherit !important;
}
.color-inherit-children-5 > *,
.color-inherit-children-5 > * > *,
.color-inherit-children-5 > * > * > *,
.color-inherit-children-5 > * > * > * > *,
.color-inherit-children-5 > * > * > * > * > *{
    color: inherit !important;
}
.color-inherit-children-6 > *,
.color-inherit-children-6 > * > *,
.color-inherit-children-6 > * > * > *,
.color-inherit-children-6 > * > * > * > *,
.color-inherit-children-6 > * > * > * > * > *,
.color-inherit-children-6 > * > * > * > * > * > *{
    color: inherit !important;
}
.color-inherit-children-7 > *,
.color-inherit-children-7 > * > *,
.color-inherit-children-7 > * > * > *,
.color-inherit-children-7 > * > * > * > *,
.color-inherit-children-7 > * > * > * > * > *,
.color-inherit-children-7 > * > * > * > * > * > *,
.color-inherit-children-7 > * > * > * > * > * > * > *{
    color: inherit !important;
}
.color-inherit-children-8 > *,
.color-inherit-children-8 > * > *,
.color-inherit-children-8 > * > * > *,
.color-inherit-children-8 > * > * > * > *,
.color-inherit-children-8 > * > * > * > * > *,
.color-inherit-children-8 > * > * > * > * > * > *,
.color-inherit-children-8 > * > * > * > * > * > * > *,
.color-inherit-children-8 > * > * > * > * > * > * > * > *{
    color: inherit !important;
}


.bg-color-inherit-children *{
    background-color: inherit !important;
}
.bdr-color-inherit-children *{
    background-color: inherit !important;
}