/* rubik-regular - latin */
@font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/rubik-v21-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../fonts/rubik-v21-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/rubik-v21-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/rubik-v21-latin-regular.woff') format('woff'), /* Modern Browsers */
         url('../fonts/rubik-v21-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/rubik-v21-latin-regular.svg#Rubik') format('svg'); /* Legacy iOS */
  }
/* rubik-700italic - latin */
@font-face {
    font-family: 'Rubik';
    font-style: italic;
    font-weight: 700;
    src: url('../fonts/rubik-v21-latin-700italic.eot'); /* IE9 Compat Modes */
    src: local(''),
            url('../fonts/rubik-v21-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
            url('../fonts/rubik-v21-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
            url('../fonts/rubik-v21-latin-700italic.woff') format('woff'), /* Modern Browsers */
            url('../fonts/rubik-v21-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
            url('../fonts/rubik-v21-latin-700italic.svg#Rubik') format('svg'); /* Legacy iOS */
}
/* inconsolata-regular - latin */
@font-face {
    font-family: 'Inconsolata';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/inconsolata-v31-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
        url('../fonts/inconsolata-v31-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/inconsolata-v31-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
        url('../fonts/inconsolata-v31-latin-regular.woff') format('woff'), /* Modern Browsers */
        url('../fonts/inconsolata-v31-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../fonts/inconsolata-v31-latin-regular.svg#Inconsolata') format('svg'); /* Legacy iOS */
}
/* inconsolata-700 - latin */
@font-face {
    font-family: 'Inconsolata';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/inconsolata-v31-latin-700.eot'); /* IE9 Compat Modes */
    src: local(''),
            url('../fonts/inconsolata-v31-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
            url('../fonts/inconsolata-v31-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
            url('../fonts/inconsolata-v31-latin-700.woff') format('woff'), /* Modern Browsers */
            url('../fonts/inconsolata-v31-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
            url('../fonts/inconsolata-v31-latin-700.svg#Inconsolata') format('svg'); /* Legacy iOS */
}
/* inconsolata-700 - latin */
@font-face {
    font-family: 'Inconsolata';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/inconsolata-v31-latin-700.eot'); /* IE9 Compat Modes */
    src: local(''),
            url('../fonts/inconsolata-v31-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
            url('../fonts/inconsolata-v31-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
            url('../fonts/inconsolata-v31-latin-700.woff') format('woff'), /* Modern Browsers */
            url('../fonts/inconsolata-v31-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
            url('../fonts/inconsolata-v31-latin-700.svg#Inconsolata') format('svg'); /* Legacy iOS */
}
@font-face {
    font-family: 'Redaction 70';
    src: url('../fonts/Redaction_70-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Redaction 70';
    src: url('../fonts/Redaction_70-Bold.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Redaction 50';
    src: url('../fonts/Redaction_50-Bold.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Redaction 50';
    src: url('../fonts/Redaction_50-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


/* Import */
@import url(normalize.css);

/* Fixes */
html, body {width: 100%; height: 100%; margin: 0; padding: 0; font-size: 1em; background-color: #031E3B;}
::selection {color: #FCF9F2; background-color: #0000ff; background-color: var(--select-bg);}
.marked, .marked a {background-color: #0000ff; color: #FCF9F2;}
* {-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin: 0; padding: 0 }
.clearfix:after {content: "."; clear: both; display: block; visibility: hidden; height: 0px;}

p {font-family: 'Inconsolata', sans-serif; font-weight: 400; font-size: 1.1em; margin: 0 0 24px 0; line-height: 1.6em;}
h1 {font-family: 'Rubik', sans-serif; font-weight: 700; font-style: italic; font-size: 3em; margin: 0 0 24px 0;}
h2 {font-family: 'Redaction 70', sans-serif; font-weight: bold; font-size: 52px; margin: 0 0 24px 0; color: #fff;}
h3 {font-family: 'Redaction 50', sans-serif; font-weight: normal; font-size: 28px; color: #fff; margin: 0 12px -12px 0;}

a, a:visited {text-decoration: none; border-bottom: 1px solid;}
a:hover{text-decoration: none;}

.bottom-space{margin-bottom: 36px;}

.button {border: none; padding: 12px 12px 12px 18px; text-align: center; text-decoration: none; font-size: 1em; font-family: 'Inconsolata', sans-serif; font-weight: 400; text-transform: uppercase; letter-spacing: 2px; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; cursor: pointer; background-color: #FCF9F2; float: left; margin: -12px 24px 20px 0;}
.button-black {color: #000; border: 1px solid #000; background: #FCF9F2;}
.button-black:hover {color: #FCF9F2; border: 1px solid #000; background: #000;}
.button-white {color: #FCF9F2; border: 1px solid #FCF9F2; background: #000;}
.button-white:hover {color: #000; border: 1px solid #FCF9F2; background: #FCF9F2;}

#wrapper {margin: 0; padding: 0; width: 100%;}
#description {width: 40%; margin: 0 26% 60% 26%; padding: 3% 4% 2% 4%; top: 42%; background-color: #FCF9F2; position: absolute; z-index: 1000; }
#footer {width: 50%; margin: 5% 21% 10% 21%; padding: 3.5% 4% 4% 4%;}

#wrapper-corporate-life {width: 100%; margin: 0; padding: 10% 0 10% 0;}

#wrapper-corporate-life-header {width: 60%; max-width: 1000px; margin: 25% auto 0 auto; height: 50vh;}
#wrapper-corporate-life-text {width: 60%; max-width: 1000px; margin: 0 auto 0 auto; transform: rotate(0deg)}
#wrapper-corporate-life img {width: 60%; max-width: 1000px; display: block; margin: 0 auto 12px auto;}

#wrapper-corporate-life-text h3 {text-align: right;}
#wrapper-corporate-life-text p, #wrapper-corporate-life-header p,  #wrapper-corporate-life-header a, #wrapper-corporate-life-header a:visited {text-align: left; color: #fff;}
#wrapper-corporate-life-header a:hover{color:#031E3B; background:#FCF9F2; -webkit-transition-duration: 0.4s; transition-duration: 0.4s;}


.bg-white {color: #000;}
.bg-white a, .bg-white a:visited {color: #000;}
.bg-white a:hover {color:#FCF9F2; background:#000; -webkit-transition-duration: 0.4s; transition-duration: 0.4s;}

.bg-dali {background: #7A967A;}
.bg-magritte {background: #859188;}
.bg-cranach {background: #71777B;}
.bg-caspar {background: #5B5641;}
.bg-overbeck {background: #717966;}
.bg-hokusai {background: #8F9A77;}
.bg-renoir {background: #447070;}
.bg-bosch {background: #6B734F;}
.bg-hopper {background: #3E4F33;}

.bg-black {color: #FCF9F2;}
.bg-black a, .bg-black a:visited  {color:#FCF9F2;}
.bg-black a:hover{color:#031E3B; background:#FCF9F2; -webkit-transition-duration: 0.4s; transition-duration: 0.4s;}


.W20{width: 20%;}
.W25{width: 25%;}
.W30{width: 30%;}
.W35{width: 35%;}
.W40{width: 40%;}
.W45{width: 45%;}
.W50{width: 50%;}
.W55{width: 55%;}
.W60{width: 60%;}
.W65{width: 65%;}
.W70{width: 70%;}
.W75{width: 75%;}
.W80{width: 80%;}
.W85{width: 85%;}
.W90{width: 90%;}
.W95{width: 95%;}
.w100{width: 100%; margin-bottom: 40px;}

.ML2 {margin-left:  2%;}
.ML5 {margin-left:  5%;}
.ML10{margin-left: 10%;}
.ML15{margin-left: 15%;}
.ML20{margin-left: 20%;}
.ML25{margin-left: 25%;}
.ML30{margin-left: 30%;}
.ML35{margin-left: 35%;}
.ML40{margin-left: 40%;}
.ML45{margin-left: 45%;}
.ML50{margin-left: 50%;}
.ML55{margin-left: 55%;}
.ML60{margin-left: 60%;}
.ML65{margin-left: 65%;}
.ML70{margin-left: 70%;}
.ML75{margin-left: 75%;}

.MT60  {margin-top:   60%;}
.MT50  {margin-top:   50%;}
.MT40  {margin-top:   40%;}
.MT30  {margin-top:   30%;}
.MT25  {margin-top:   25%;}
.MT20  {margin-top:   20%;}
.MT15  {margin-top:   15%;}
.MT10  {margin-top:   10%;}
.MT5   {margin-top:   5%;}
.MT2   {margin-top:   2%;}
.MT-0  {margin-top:    0%;}
.MT-10 {margin-top:  -10%;}
.MT-20 {margin-top:  -20%;}
.MT-25 {margin-top:  -25%;}
.MT-30 {margin-top:  -30%;}
.MT-40 {margin-top:  -40%;}
.MT-50 {margin-top:  -50%;}
.MT-60 {margin-top:  -60%;}
.MT-70 {margin-top:  -70%;}
.MT-80 {margin-top:  -80%;}
.MT-90 {margin-top:  -90%;}
.MT-100{margin-top: -100%;}
.MT-110{margin-top: -110%;}
.MT-120{margin-top: -120%;}
.MT-150{margin-top: -150%;}
.MT-200{margin-top: -200%;}

.Z-500 {z-index: 0; position: relative;}
.Z500  {z-index: 500; position: relative;}


/* ----------------------------- Responsive ----------------------------- */

@media (min-width: 1px) and (max-width: 900px){

    p {font-size: 1em; margin: 0 0 20px 0;}
    .bold {font-size: 1.8em;}
    h1 {font-size: 2.5em;}

    .button {padding: 12px 12px 12px 18px; font-size: 0.9em; margin: 0 20px 20px 0;}
    
    #description {width: 70%; max-width:800px; margin: 0 6% 60% 6%; padding: 8% 8% 4% 8%; top: 25%; }
    #footer {width: 70%; margin: 15% 6% 60% 6%; padding: 0;}

    .W20{width: 20%;}
    .W25{width: 30%;}
    .W30{width: 40%;}
    .W35{width: 35%;}
    .W40{width: 50%;}

    .w100{width: 100%; margin-bottom: 40px;}

    .ML2 {margin-left:  2%;}
    .ML5 {margin-left:  2%;}
    .ML10{margin-left:  5%;}
    .ML40{margin-left: 35%;}
    .ML60{margin-left: 50%;}
    .ML65{margin-left: 55%;}
  
    .MT5   {margin-top:   90%;}
    .MT-10 {margin-top:  -10%;}
    .MT-20 {margin-top:  -20%;}
    .MT-25 {margin-top:  -50%;}
    .MT-30 {margin-top:  -30%;}
    .MT-40 {margin-top:  -40%;}
    .MT-50 {margin-top:  -50%;}
    .MT-60 {margin-top:  -60%;}
    .MT-70 {margin-top:  -70%;}
    .MT-80 {margin-top:  -80%;}
    .MT-90 {margin-top:  -90%;}
    .MT-100{margin-top: -20%;}

    #wrapper-corporate-life {padding: 25% 0 25% 0;}
    #wrapper-corporate-life-header {width: 90%;}
    #wrapper-corporate-life-text {width: 90%;}
    #wrapper-corporate-life img {width: 90%;}

    h2 {font-size: 48px;}
    h3 {font-size: 20px; margin: 0 8px -10px 0;}

    }

@media (min-width: 1500px) and (max-width: 9000px){

    #description {width: 36%; margin: 0 29% 60% 29%; padding: 2.5% 3% 2% 3%; top: 50%; }
    #footer {width: 40%; margin: 5% 26% 10% 26%; padding: 0;}

    .W20{width: 20%;}
    .W25{width: 25%;}
    .W30{width: 30%;}
    .W35{width: 35%;}
    .W40{width: 40;}

    .w100{width: 100%; margin-bottom: 40px;}

    .ML2 {margin-left:  2%;}
    .ML5 {margin-left:  5%;}
    .ML10{margin-left: 10%;}
    .ML40{margin-left: 40%;}
    .ML65{margin-left: 65%;}
  
    .MT5   {margin-top:   -5%;}
    .MT-10 {margin-top:  -20%;}
    .MT-20 {margin-top:  -20%;}
    .MT-25 {margin-top:  -25%;}
    .MT-30 {margin-top:  -20%;}
    .MT-40 {margin-top:  -40%;}
    .MT-50 {margin-top:  -50%;}
    .MT-60 {margin-top:  -60%;}
    .MT-70 {margin-top:  -70%;}
    .MT-80 {margin-top:  -80%;}
    .MT-90 {margin-top:  -90%;}
    .MT-100{margin-top: -100%;}
    }