@import url("https://use.typekit.net/pzo2wsl.css");

/* -------------------------------------------------------------------------------------------- */
/* - Begin - Reset code ----------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------- */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}audio,canvas,video{display:inline-block;}audio:not([controls]){display:none;height:0;}[hidden]{display:none;}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}body{margin:0;}a:focus{outline:thin dotted;}a:active,a:hover{outline:0;}h1{font-size:2em;margin:0.67em 0;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:bold;}dfn{font-style:italic;}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}mark{background:#ff0;color:#000;}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em;}pre{white-space:pre-wrap;}q{quotes:"\201C" "\201D" "\2018" "\2019";}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}img{border:0;}svg:not(:root){overflow:hidden;}figure{margin:0;}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}legend{border:0;padding:0;}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;}button,input{line-height:normal;}button,select{text-transform:none;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}button[disabled],html input[disabled]{cursor:default;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0;} *, *::after, *::before {box-sizing: border-box;} :root {font-size: 16px;} html, body {height: 100%;} body {-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
/* -------------------------------------------------------------------------------------------- */
/* - End - Reset code ------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------------------------- */
/* - Begin - Hero Banner V1 2020 -------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------- */
div.HeroBannerV12020 
{float: left; width: 100%; height: auto; padding: 0px 50px; position: relative; background: #000; -webkit-font-smoothing: antialiased;}

div.HeroBannerV12020 .Gradiant 
{width: 100%; height: 50%; position: absolute; bottom: 0; left: 0; z-index: 1; opacity: 0.5; background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,1)); /* Standard syntax (must be last) */}

div.HeroBannerV12020 .BackgroundHero 
{width: 100%; height: 100%; position: absolute; top: 0; left: 0; object-position: bottom left!important; object-fit: cover; -webkit-font-smoothing: antialiased; font-family: benton-sans, sans-serif!important; font-weight: 400; font-style: normal;}

div.HeroBannerV12020 .ContainerSize 
{width: 100%; max-width: 1240px; margin: 0 auto;}

div.HeroBannerV12020 .ContainerSize .inside 
{float: left; width: 100%; padding: 0px 0px; position: relative; z-index: 2}

div.HeroBannerV12020 .ContentBox {width: 50%; padding: 100px 0px; float: left}

div.HeroBannerV12020 h1 
{padding: 0; margin: 0; width: 100%; float: left; color: #fff; -webkit-font-smoothing: antialiased; line-height: 1.1; font-weight: 900; font-size: 60px; line-height: 65px; letter-spacing: -1px; text-shadow: 1px 1px 5px rgba(15, 22, 26, 0.3); font-family: benton-sans, sans-serif!important;     margin-bottom: 24px;}

div.HeroBannerV12020 h2 
{text-shadow: 1px 1px 5px rgba(15, 22, 26, 0.3); font-weight: 400; font-size: 23px; letter-spacing: -.5px; line-height: 1.7; margin-bottom: 16px; color: #fff}

div.HeroBannerV12020 p 
{-webkit-font-smoothing: antialiased; font-family: benton-sans, sans-serif!important; text-shadow: 1px 1px 5px rgba(15, 22, 26, 0.3); font-style: normal; color: #fff; font-size: 23px; letter-spacing: -0.5px; font-weight: 400; line-height: 35px;}

div.HeroBannerV12020 img.CardOverlay 
{width:500px; height: auto; float: left; clear: both; -moz-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.25); box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.25); border-radius: 20px; margin: 30px 0; position: absolute; right: 0; bottom: -100px; z-index: 0}

div.HeroBannerV12020 img.TagBol 
{width: 170px; height: auto; position: absolute; bottom: 170px; right: 400px; z-index: 1}

div.HeroBannerV12020 a.btn2020 
{border-radius: 64px; background-color: #1763C8; line-height: 18px; display: inline-block; text-decoration: none;  position: relative; margin-top: 32px; -webkit-transition: .15s; transition: .15s; white-space: nowrap; text-align: center; padding: 21px 32px 21px 32px; -webkit-font-smoothing: antialiased; font-family: benton-sans, sans-serif!important; font-style: normal; color: #fff; font-size: 18px; letter-spacing: -0.5px;font-weight: 700; }

div.HeroBannerV12020 a:hover.btn2020 {background-color: #006fcf;}

/* -------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 576px){
div.HeroBannerV12020 {padding: 0px 40px;}    
div.HeroBannerV12020 .ContentBox {width: 100%; padding: 30px 0px;}    
div.HeroBannerV12020 h1 {font-size: 28px; line-height: 35px;  margin-bottom: 10px; text-align: center}
div.HeroBannerV12020 h2 {font-size: 20px;  line-height: 22px; margin-bottom: 16px; text-align: center}
div.HeroBannerV12020 img.CardOverlay {width:100%; border-radius: 5px; margin: 0px 0 30px 0; position: static;}  
div.HeroBannerV12020 p {font-size: 18px; line-height: 23px; text-align: center}  
div.HeroBannerV12020 a.btn2020 {line-height: 14px; display: inline-block; margin: 30px 0 15px 0;  text-align: center; font-size: 14px; width: 100%; text-align: center; padding: 21px 0px 21px 0px;}       
} 
/* -------------------------------------------------------------------------------------------- */
@media (min-width:577px) and (max-width:768px){
div.HeroBannerV12020 {padding: 0px 150px;}    
div.HeroBannerV12020 .ContentBox {width: 100%; padding: 100px 0px; text-align: center;}    
div.HeroBannerV12020 h1 {font-size: 60px; line-height: 65px;  margin-bottom: 10px; text-align: center}
div.HeroBannerV12020 h2 {font-size: 23px;  line-height: 1.7; margin-bottom: 16px; text-align: center}
div.HeroBannerV12020 img.CardOverlay {width:100%; border-radius: 5px; margin: 40px 0 40px 0; position: static;}
div.HeroBannerV12020 p {font-size: 23px; line-height: 35px; text-align: center}  
div.HeroBannerV12020 a.btn2020 {line-height: 18px; display: inline-block; margin: 30px 0 15px 0;  text-align: center; font-size: 18px;  width: auto; text-align: center; padding: 21px 32px 21px 32px;} 
} 
/* -------------------------------------------------------------------------------------------- */
@media (min-width:769px) and (max-width:992px){
div.HeroBannerV12020 .ContentBox {width: 50%; padding: 40px 0px;}
div.HeroBannerV12020 h1 {font-size: 30px; line-height: 35px;  margin-bottom: 10px;}    
div.HeroBannerV12020 h2 {font-size: 18px;  line-height: 22px; margin-bottom: 16px; } 
div.HeroBannerV12020 p {font-size: 18px; line-height: 28px;} 
div.HeroBannerV12020 img.CardOverlay {width:400px; border-radius: 15px; }    
div.HeroBannerV12020 a.btn2020 {line-height: 14px;  text-align: center; font-size: 14px; padding: 21px 32px 21px 32px; margin: 20px 0 20px 0;}   
} 
/* -------------------------------------------------------------------------------------------- */
@media (min-width:993px) and (max-width:1200px){
div.HeroBannerV12020 .ContentBox {width: 46%; padding: 28px 0px 60px 0px;}
div.HeroBannerV12020 img.CardOverlay {width:500px; border-radius: 20px; right: -20px; bottom: -80px } 
} 
/* -------------------------------------------------------------------------------------------- */
/* - End - Hero Banner V1 2020 -------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------------------------- */
/* - Begin - Snelle Grenspassage -------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------- */
#SnelleGrenspassage {margin-top: 100px;}
#SnelleGrenspassage h2 {line-height: 1.1; font-weight: 800; letter-spacing: -1px; margin-bottom: 24px; font-size: 36px; font-family: benton-sans!important;}
#SnelleGrenspassage .container {padding: 0;}
#SnelleGrenspassage .row.pad-3-t.pad-3-b {margin: 0!important; padding: 0px!important;}   
#SnelleGrenspassage .col-md-6.margin-0-tb {margin: 0; padding: 0 0 0 0;} 
#SnelleGrenspassage .col-md-6.margin-0-tb .pad {margin: 0; padding: 0px;}
#SnelleGrenspassage .col-md-6.margin-0-tb img {width: 100%; height: auto; padding-right: 100px;}
#SnelleGrenspassage .col-md-6.margin-0-tb .richtext.parbase 
{padding-left: 50px; padding-right: 50px; -webkit-font-smoothing: antialiased; font-family: benton-sans,sans-serif!important; font-weight: 400; font-style: normal; font-size: 17px; letter-spacing: -.5px; font-weight: 500; line-height: 26.2px;}
#SnelleGrenspassage .col-md-6:nth-of-type(2).margin-0-tb {display: flex; justify-content: center; align-items: center;} 
/* -------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 576px){
#SnelleGrenspassage {margin-top: -61px;}    
#SnelleGrenspassage .col-md-6.margin-0-tb img {padding-right: 0px;}    
#SnelleGrenspassage .col-md-6.margin-0-tb .richtext.parbase 
{padding: 40px; font-size: 14px; letter-spacing: -.5px; font-weight: 500; line-height: 26.2px;}    
#SnelleGrenspassage h2 {font-size: 28px; line-height: 35px;}  
#SnelleGrenspassage .container {display: flex; flex-flow: column;}
#SnelleGrenspassage .container .col-md-6:first-child {order: 2;}
#SnelleGrenspassage .container .col-md-6:second-child {order: 1;}       
} 
/* -------------------------------------------------------------------------------------------- */
@media (min-width:577px) and (max-width:768px){
#SnelleGrenspassage {margin-top: -61px;}    
#SnelleGrenspassage .col-md-6.margin-0-tb img {padding-right: 0px;}    
#SnelleGrenspassage .col-md-6.margin-0-tb .richtext.parbase {padding: 60px;}    
#SnelleGrenspassage .container {display: flex; flex-flow: column; margin: 0; max-width: 100%;}
#SnelleGrenspassage .container .col-md-6:first-child {order: 2;}
#SnelleGrenspassage .container .col-md-6:second-child {order: 1;}
} 
/* -------------------------------------------------------------------------------------------- */
@media (min-width:769px) and (max-width:992px){
#SnelleGrenspassage {margin-top: 20px;}
#SnelleGrenspassage .container {margin: 0; max-width: 100%; padding: 50px 50px 50px 0px}
#SnelleGrenspassage .col-md-6.margin-0-tb img {padding-right: 0px;}
#SnelleGrenspassage .col-md-6.margin-0-tb .richtext.parbase {padding-left: 70px; padding-right: 0px;}
} 
/* -------------------------------------------------------------------------------------------- */
@media (min-width:993px) and (max-width:1200px){} 
/* -------------------------------------------------------------------------------------------- */
/* - End - Snelle Grenspassage ---------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------------------------- */
/* - Begin - Stijlvol Metaal ------------------------------------------------------------------ */
/* -------------------------------------------------------------------------------------------- */
#StijvolMetaal {margin-top: 100px; margin-bottom: 100px}
#StijvolMetaal h2 {line-height: 1.1; font-weight: 800; letter-spacing: -1px; margin-bottom: 24px; font-size: 36px; font-family: benton-sans!important;}
#StijvolMetaal .container {padding: 0;}
#StijvolMetaal .row.pad-3-t.pad-3-b {margin: 0!important; padding: 0px!important;}   
#StijvolMetaal .col-md-6.margin-0-tb {margin: 0; padding: 0 0 0 0;} 
#StijvolMetaal .col-md-6.margin-0-tb .pad {margin: 0; padding: 0px;}
#StijvolMetaal .col-md-6.margin-0-tb img {width: 100%; height: auto; -moz-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.25); box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.25); border-radius: 25px}
#StijvolMetaal .col-md-6.margin-0-tb .richtext.parbase 
{padding-left: 50px; padding-right: 100px; -webkit-font-smoothing: antialiased; font-family: benton-sans,sans-serif!important; font-weight: 400; font-style: normal; font-size: 17px; letter-spacing: -.5px; font-weight: 500; line-height: 26.2px;}
#StijvolMetaal .col-md-6:nth-of-type(1).margin-0-tb {display: flex; justify-content: center; align-items: center;} 
#StijvolMetaal .col-md-6:nth-of-type(2).margin-0-tb {padding-left: 0px} 
/* -------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 576px){
#StijvolMetaal {margin-top: 0px;}    
#StijvolMetaal .col-md-6.margin-0-tb img {padding-right: 0px;}    
#StijvolMetaal .col-md-6.margin-0-tb .richtext.parbase 
{padding: 40px; font-size: 14px; letter-spacing: -.5px; font-weight: 500; line-height: 26.2px;}    
#StijvolMetaal h2 {font-size: 28px; line-height: 35px;}  
#StijvolMetaal .container {display: flex; flex-flow: column;}
#StijvolMetaal .container .col-md-6:first-child {order: 2;}
#StijvolMetaal .container .col-md-6:second-child {order: 1;}
#StijvolMetaal .col-md-6:nth-of-type(2).margin-0-tb {padding-left: 30px; padding-right: 30px} 
#StijvolMetaal .col-md-6.margin-0-tb img {border-radius: 10px; -moz-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.15);}
} 
/* -------------------------------------------------------------------------------------------- */
@media (min-width:577px) and (max-width:768px){
#StijvolMetaal {margin-top: 0px;}    
#StijvolMetaal .col-md-6.margin-0-tb img {padding-right: 0px;}    
#StijvolMetaal .col-md-6.margin-0-tb .richtext.parbase {padding: 60px;}      
#StijvolMetaal .container {display: flex; flex-flow: column; margin: 0; max-width: 100%;}
#StijvolMetaal .container .col-md-6:first-child {order: 2;}
#StijvolMetaal .container .col-md-6:second-child {order: 1;}
#StijvolMetaal .col-md-6:nth-of-type(2).margin-0-tb {padding-left: 80px; padding-right: 80px} 
#StijvolMetaal .col-md-6.margin-0-tb img {border-radius: 25px;}
} 
/* -------------------------------------------------------------------------------------------- */
@media (min-width:769px) and (max-width:992px){
#StijvolMetaal {margin-top: 0px;}
#StijvolMetaal .container {margin: 0; max-width: 100%; padding: 30px 50px}
#StijvolMetaal .col-md-6.margin-0-tb img {padding-right: 0px;}
#StijvolMetaal .col-md-6.margin-0-tb .richtext.parbase {padding-left: 0px; padding-right: 50px;}
#StijvolMetaal .col-md-6:nth-of-type(2).margin-0-tb {padding-left: 40px; padding-right: 0px} 
} 
/* -------------------------------------------------------------------------------------------- */
@media (min-width:993px) and (max-width:1200px){} 
/* -------------------------------------------------------------------------------------------- */
/* - End - Stijlvol Metaal -------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------------------------- */
/* - Begin - Experienceapp -------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------- */
.experiencesapp h2 
{line-height: 1.1; font-weight: 800; letter-spacing: -1px; margin-bottom: 24px; font-size: 36px; font-family: benton-sans!important;}

.experiencesapp p 
{-webkit-font-smoothing: antialiased; font-family: benton-sans,sans-serif!important; font-weight: 400; font-style: normal; font-size: 17px; letter-spacing: -.5px; font-weight: 500; line-height: 26.2px;}

.experiencesapp .exp-L {background: url("https://www.americanexpress.com/content/dam/amex/nl/assets/images/iphone-green-overview-small-V4.png") 50% 0% no-repeat; padding-bottom:80px; background-size: 70%; height: 600px; position: relative; left: -50px}
/* -------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 576px){
.experiencesapp {padding: 0; margin: 0; margin-top: -60px}     
.experiencesapp .richtext.parbase {margin-top: -100px; padding: 0px 40px 140px 40px}    
.experiencesapp p  
{padding: 0px; font-size: 14px; letter-spacing: -.5px; font-weight: 500; line-height: 26.2px;}    
.experiencesapp h2 {font-size: 28px; line-height: 35px;}
.experiencesapp .exp-L {background-size: 80%; height: 300px; position: relative; left: 0px; }   
.experiencesapp .container {display: flex; flex-flow: column;}
.experiencesapp .container .col-md-6:first-child {order: 1;}
.experiencesapp .container .col-md-6:second-child {order: 2;}     
}  
/* -------------------------------------------------------------------------------------------- */
@media (min-width:577px) and (max-width:768px){
.experiencesapp {padding: 0; margin: 0; margin-top: -20px}     
.experiencesapp .richtext.parbase {margin-top: -100px; padding: 0px 40px 140px 40px}    
.experiencesapp p  
{padding: 0px; font-size: 14px; letter-spacing: -.5px; font-weight: 500; line-height: 26.2px;}    
.experiencesapp h2 {font-size: 28px; line-height: 35px;}
.experiencesapp .exp-L {background-size: 80%; height: 300px; position: relative; left: 0px; }   
.experiencesapp .container {display: flex; flex-flow: column;}
.experiencesapp .container .col-md-6:first-child {order: 1;}
} 
/* -------------------------------------------------------------------------------------------- */
@media (min-width:769px) and (max-width:992px){
.experiencesapp {padding: 0; margin: 0;}
.experiencesapp .richtext.parbase {margin-top: -110px; padding: 0px} 
.experiencesapp .exp-L {height: 550px;}  
} 
/* -------------------------------------------------------------------------------------------- */
@media (min-width:993px) and (max-width:1200px){} 
/* -------------------------------------------------------------------------------------------- */
/* - End - Experienceapp ---------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------------------------- */
/* - Begin - Meestgestelde vragen ------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------- */
#MeestgesteldeVragen h3 
{line-height: 1.1; font-weight: 800; letter-spacing: -1px; margin-bottom: 15px; font-size: 22px; font-family: benton-sans!important;}
#MeestgesteldeVragen ul {margin: 0px; padding-top: 0px}
#MeestgesteldeVragen .row.pad-3-b {display: flex; width: 100%;}
#MeestgesteldeVragen .row.pad-3-b .col-md-4.margin-0-tb {background: #fff; flex: 1; padding: 0px; margin:10px; }
#MeestgesteldeVragen .row.pad-3-b .col-md-4.margin-0-tb .card-img-bg.dls-accent-white-01-bg 
{background: transparent; margin: 0px!important; padding: 0px!important;}
/* -------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 576px){
#MeestgesteldeVragen  {margin-bottom: -55px}
#MeestgesteldeVragen .row.pad-3-b {display: block; width: 100%; }   
#MeestgesteldeVragen .row.pad-3-b .col-md-4.margin-0-tb 
{padding: 8px 0px 0px 0px; margin:5px 0px 0px 10px; border-bottom: 14px solid #f7f8f9;}
}  
/* -------------------------------------------------------------------------------------------- */
@media (min-width:577px) and (max-width:768px){
#MeestgesteldeVragen  {margin-bottom: -55px}
#MeestgesteldeVragen .row.pad-3-b {display: block; width: 100%; }   
#MeestgesteldeVragen .row.pad-3-b .col-md-4.margin-0-tb 
{padding: 8px 0px 0px 0px; margin:5px 0px 0px 10px; border-bottom: 14px solid #f7f8f9;}
} 
/* -------------------------------------------------------------------------------------------- */
@media (min-width:769px) and (max-width:992px){
#MeestgesteldeVragen  {margin-bottom: -55px}
#MeestgesteldeVragen .row.pad-3-b {display: block; width: 100%; }   
#MeestgesteldeVragen .row.pad-3-b .col-md-4.margin-0-tb 
{padding: 8px 0px 0px 0px; margin:5px 0px 0px 10px; border-bottom: 14px solid #f7f8f9;}
} 
/* -------------------------------------------------------------------------------------------- */
@media (min-width:993px) and (max-width:1200px){} 
/* -------------------------------------------------------------------------------------------- */
/* - End - Meestgestelde vragen --------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------------------------- */
/* - Begin - Modal ---------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------- */
.modal-refresh {display: none; position: fixed; z-index: 1; padding-top: 100px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(1,23,90,0.9); box-shadow: 0 0 3px 40px rgba(0,0,0,0.40); z-index: 999999;}
.modal-refresh[style] {position: fixed!important;}
.modal-refresh .container .container{position: relative; background-color: #ffffff!important; margin: auto; padding: 0; border: 1px solid #888; width: 80%; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19); padding:30px;}
.close-refresh 
{position: fixed; background: url("https://americanexpress.com/content/dam/amex/nl/assets/2020/platinum/refresh/close_refresh.png") 0 0 no-repeat; right: 0; top: 0; width:119px; height:119px;}
.close-refresh:hover, .close-refresh:focus {color: #000; text-decoration: none; cursor: pointer;}
/* -------------------------------------------------------------------------------------------- */
@media only screen and (max-width:576px) {.modal-refresh .container .container {width: 90%;}}
@media (min-width:577px) and (max-width:768px){}
@media (min-width:769px) and (max-width:992px){}
@media (min-width:993px) and (max-width:1200px){.modal-refresh .container .container {width: 50%;}}
/* -------------------------------------------------------------------------------------------- */
/* - End - Modal ------------------------------------------------------------------------------ */
/* -------------------------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------------------------- */
/* - Begin - legacy --------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------- */
.row6 {padding:30px 0px;}
.row8 .dls-core-blue-01-bg {background-color: #1763C8!important;}
.row9 .dls-accent-gray-03-bg{ background-color: #00175a!important;}
h2 {font-family: benton-sans, sans-serif !important; font-weight: 900; letter-spacing: -1px;}
.row4 .col-md-6, .row5 .col-md-6 {position: relative;}
.row4 .col-md-6:nth-child(2), .experiencesapp .col-md-6:nth-child(2) {transform: translate(0%, 20%);}
/* -------------------------------------------------------------------------------------------- */
.container_icon_menu2 {background-color: #00175a; width:100%; height: 200px; text-align: center;}
.container_icon_menu2 ul {margin:2px auto; line-height: 1.4; font-family:"Roboto Slab"; font-weight: normal; font-size:18px; color:#fff;}
.container_icon_menu2 ul li {display: inline-block; margin:15px; text-align: center; padding:12px; height:150px;}
.container_icon_menu2 ul li a {display:block; color:#fff;}
.container_icon_menu2 span {height:80px;}
/* -------------------------------------------------------------------------------------------- */
/* - End - legacy ----------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------- */