.card-body {
    padding: 0.75rem 1.25rem 1.25rem 1.25rem !important;
}

.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    /*border: 1px solid rgba(0, 0, 0, .125);*/
    border-radius: .25rem;
    padding:20px;
   /* margin-right: 30px;*/
}

form#apply,
.terms {
    box-shadow: 0px 0px 10px #ccc;
    padding: 0px 20px 27px 29px;
    position: relative;
    z-index: 9;
    background: #fff;
}
.terms {
    margin-top: 30px;
}

input#jform_voornaam,
input#jform_voornaam.required,
input#jform_achternaam.required,
input#jform_straat,
input#jform_huisnummer,
input#jform_postcode,
input#jform_land,
input#jform_plaats,
input#jform_mobiel,
input#jform_email.required.validate-email.email.required,
input#jform_telefoon,
select#jform_bron,
input#jform_geboortedatum {
    width: 100%;
    border: 1px solid #282828 !important;
    margin-bottom: 5px;
    color: #000 !important;
    height: 44px;
    font-weight: bold !important;
}

#jform_bron {
    width: 100%;
    border: 1px solid #282828 !important;
    color: #000 !important;
    font-weight: 400 !important;
    height: 43px;
    border-radius: 0.25rem;
    font-size: 14px !important;
    margin-top: -1px;
    padding-left: 8px;
} 

.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #282828;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}


.visually-hidden{display: none!important;}


.btn-outline-secondary {
    color: #000;
    border-color: #000;
    border: 2px solid;
    background: #fff;
    width: 100%;
    height: 67px;
    border-radius: 35px;
    margin-top: 27px;
}


form#apply button {
    background: #000 !important;
    color: #fff !important;
    font-weight: bold !important;
    width: 100%;
    border: none !important;
    height: 67px;
    font-size: 22px;
    border-radius: 35px;
}




.lijst-vacatures .topbar, .lijst-vacatures .social-sidebar, .lijst-vacatures .footer{
display:none!important;
}

.lijst-vacatures .item-page{
   display: flex;
  justify-content: center;
}

.lijst-vacatures .item-page div li{
  list-style: none;
  line-height:2;
}

.lijst-vacatures .item-page div li a:hover{
  text-decoration:underline;
}
body.lijst-vacatures{padding-top:0px!important;}

@font-face {
    font-family: 'gilroyblack';
    src: url('../fonts/radomir_tinkov_-_gilroy-black-webfont.woff2') format('woff2'),
         url('../fonts/radomir_tinkov_-_gilroy-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gilroyblack_italic';
    src: url('../fonts/radomir_tinkov_-_gilroy-blackitalic-webfont.woff2') format('woff2'),
         url('../fonts/radomir_tinkov_-_gilroy-blackitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'gilroybold_italic';
    src: url('../fonts/radomir_tinkov_-_gilroy-bolditalic-webfont.woff2') format('woff2'),
         url('../fonts/radomir_tinkov_-_gilroy-bolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gilroyextrabold';
    src: url('../fonts/radomir_tinkov_-_gilroy-extrabold-webfont.woff2') format('woff2'),
         url('../fonts/radomir_tinkov_-_gilroy-extrabold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gilroyheavy';
    src: url('../fonts/radomir_tinkov_-_gilroy-heavy-webfont.woff2') format('woff2'),
         url('../fonts/radomir_tinkov_-_gilroy-heavy-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gilroyheavy_italic';
    src: url('../fonts/radomir_tinkov_-_gilroy-heavyitalic-webfont.woff2') format('woff2'),
         url('../fonts/radomir_tinkov_-_gilroy-heavyitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gilroylight';
    src: url('../fonts/radomir_tinkov_-_gilroy-light-webfont.woff2') format('woff2'),
         url('../fonts/radomir_tinkov_-_gilroy-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gilroymedium';
    src: url('../fonts/radomir_tinkov_-_gilroy-medium-webfont.woff2') format('woff2'),
         url('../fonts/radomir_tinkov_-_gilroy-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gilroyregular';
    src: url('../fonts/radomir_tinkov_-_gilroy-regular-webfont.woff2') format('woff2'),
         url('../fonts/radomir_tinkov_-_gilroy-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gilroysemibold';
    src: url('../fonts/radomir_tinkov_-_gilroy-semibold-webfont.woff2') format('woff2'),
         url('../fonts/radomir_tinkov_-_gilroy-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gilroythin';
    src: url('../fonts/radomir_tinkov_-_gilroy-thin-webfont.woff2') format('woff2'),
         url('../fonts/radomir_tinkov_-_gilroy-thin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gilroyultralight';
    src: url('../fonts/radomir_tinkov_-_gilroy-ultralight-webfont.woff2') format('woff2'),
         url('../fonts/radomir_tinkov_-_gilroy-ultralight-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.vacatures .content a {
    font-family: "gilroyregular", Helvetica, Arial, Lucida, sans-serif!important;
    font-size: 20px;
    line-height: 30px;
    color: #001046;
  	border-radius:8px;
  	text-align:center;
}

.item-page {
  margin: 4px 0px 0px 0px;
}

.item-page p a {
  color: #282828 !important;
  font-weight: bold !important;
}

.content p {
  margin-bottom: 10px;
}


.privacy p {
  text-align: left !important;
  margin-left: 2px;
}

.privacy p a,
ul li strong {
  color: #282828 !important;
  font-weight: bold;
  font-family: "gilroyregular", Helvetica, Arial, Lucida, sans-serif !important;
  background: none !important;
}

.privacy p a:hover {
  color: #282828 !important;
}

.content ul {
  margin-bottom: 20px!important;
}

.content ul li{
  font-family: "gilroyregular", Helvetica, Arial, Lucida, sans-serif !important;
    font-size: 19px !important;
    line-height:1.5;
        color: #282828!important;
}
/*
.content ul li::before {
  content: "\2022";
  color: #E31C79 !important;
  font-size: 22px !important;
  display: inline-block;
  width: 1em;
}*/

h1.title-text-head.spruce-text{
    font-family: "gilroyheavy", Helvetica, Arial, Lucida, sans-serif!important;
    font-weight: bolder!important;
    color: #282828!important;
    font-size: 40px;
    text-transform: uppercase!important;
	margin-bottom:20px;
}

.formulier{
 margin-left:500px;
margin-right:500px;
}

@media(max-width:1700px ) {
.formulier{
 margin-left:400px!important;
margin-right:400px!important;
}
}

@media(max-width:1280px ) {
.formulier{
 margin-left:0px!important;
margin-right:0px!important;
}
}

.vacatures .content{
	padding:8px 27px 0px 0px!important;
}


.home .nivoSlider {
    background:none!important;
    -moz-box-shadow: none!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
}

.left-side{
	margin-left:15px;
	background:#282828;
    margin-right:40px;
    box-shadow: 12px 8px 17px 4px rgb(0 0 0 / 33%);
    margin-top:-70px;
    padding-bottom:30px;

}

.left-side h2{
	  margin-left:18px!important;
    padding-top: 81px;
    font-size:28px!important;
   font-family: "gilroyregular", Helvetica, Arial, Lucida, sans-serif!important;
    color: white!important;
    font-weight:bold;
margin-bottom:10px;
}

.left-side  ul.yooreslisting .yooreslisting-category-group, ul.yooreslisting .yooreslisting-category-group  {
color: #000!important;
margin-top:20px;
margin-bottom:7px;
background:#fff;
padding:7px 7px 7px 10px;
font-size:24px!important;
font-family: "gilroyregular", Helvetica, Arial, Lucida, sans-serif!important;
font-weight:normal!important;
}



ul.yooreslisting li ul li{
	 font-size:16px!important;
	 margin-top: 15px;
	 margin-bottom: 15px;
	font-family: "gilroyregular", Helvetica, Arial, Lucida, sans-serif!important;
	padding:0px 10px 0px 12px;
}

.left-side li{
    list-style-type:none!important;
  	margin-left:41px;
}

ul.yooreslisting li ul li a.yooreslisting-category-title, .left-side li a {
	color:white!important;
	font-size:20px!important;
	font-weight:500!important;
  line-height:2;
font-family: "gilroyregular", Helvetica, Arial, Lucida, sans-serif!important;
}

ul.yooreslisting li ul li a.yooreslisting-category-title:hover, .left-side li a:hover{
text-decoration: underline!important;
}

.py-10.content{padding-left:10px;}

.content.vaca.col-lg-13 .item-page div div div.row{
    padding-left: 0px!important;
    margin-left: 0px!important;
}

.about0{
  margin-left:15px;
}

.about0 h1{
  margin:30px 0px 10px 0px;
}

.item-page p a:hover{
     color:#001046!important;
     text-decoration:underline;
}

.job .content.col-lg-16{

}

.jobs ul.yooreslisting li ul li{
	padding:0px 10px 0px 0px!important;
}


.jobs ul.yooreslisting{
		background:#001046;
		padding-bottom:30px;
}

.jobs  ul.yooreslisting li .yooreslisting-category-group, .vacatures ul.yooreslisting li .yooreslisting-category-group  {
color: white!important;
margin-top:0px!important;
margin-bottom:7px;
background:#282828;
padding:7px 7px 7px 10px!important;
font-size:20px!important;
font-family: "gilroyregular", Helvetica, Arial, Lucida, sans-serif!important;
}


.bt-social-share-button.bt-linkedin-button{margin-left:14px;}
.addthis_native_toolbox{display:none;}


.over-ics .item-page p{ margin-right:10px;}
#apply-page.item-page p strong{
    color:#282828;
    font-size:24px!important;
    display: block;
    padding-top:10px;
    font-weight:bold!important;
}

.jobs .content .item-page{
margin-left:-18px;
}

.jobs .content #apply-page.item-page ul, .jobs .content .item-page ul{
    margin-left:17px;
}

.jobs .content #apply-page.item-page li, .jobs .content .item-page li{
    font-size: 16px!important;
    font-family: "gilroyregular", Helvetica, Arial, Lucida, sans-serif!important;
    list-style-type:none;
    line-height:1.5;
    font-size:18px!important;
}

.form-vacature{
    padding:0px 40px 40px 40px;
    background:#F3DFD7;
    margin-right:150px;
}

button {border:none; outline:none; box-shadow: none; display: block; padding: 0; background: transparent;}
input,textarea {font-family: 'Open Sans', sans-serif;display: block; font-size: 16px; line-height: 28px; outline: none; box-shadow: none;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
/*Vacature page styles*/

  /*==============================================
    Yoores componenten/modules Css
===============================================*/

/*Video responsive code*/

.videoWrapper  {
position: relative;
padding-bottom: 56.25%;
overflow: hidden;
max-width: 100%;
height:0;
-webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%); /*ios 7 border-radius-bug */
-webkit-transform: rotate(0.000001deg); /*mac os 10.6 safari 5 border-radius-bug */
-webkit-border-radius: 20px; 
-moz-border-radius: 20px;
border-radius: 20px; 
overflow: hidden;
}
 
.videoWrapper iframe,
.videoWrapper object,
.videoWrapper embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/*Video responsive code*/

.block{margin-top:40px;}

.bt-social-share{background:none!important; border:none!important;}
form#apply.form-validate fieldset { border:none; padding:0px!important; margin-left:-36px; font-family: "gilroyregular", Helvetica, Arial, Lucida, sans-serif!important;}

form#apply.form-validate fieldset input, form#apply.form-validate fieldset textarea{ font-size:20px!important; font-weight:bold; padding-left:7px;}

form#apply.form-validate legend{
  border:none;
  line-height:30px;
 padding-top:20px;
 margin-left:35px;
  font-size:24px!important; 
    color:#282828!important; 
    font-weight:bold!important;
    	font-family: "gilroyregular", Helvetica, Arial, Lucida, sans-serif!important;
}


fieldset#jform_geslacht.radio{}

input#jform_privacy{
float: left;
  clear: none;
  margin: 0px 3px 0 0px;
  
}

input#jform_privacy{}

.content-category fieldset{
  display:none!important;
}

th#categorylist_header_title{
  font-size:24px!important;
  font-weight:bold!important;
      font-family: "gilroyregular", Helvetica, Arial, Lucida, sans-serif!important;
      background: #282828;
      text-align:left!important;

}

tr.cat-list-row0{
  background:#E0F1F5!important;
  border: 1px solid #eee;
  padding:20px;
}
tr.cat-list-row1{

}


tr.cat-list-row0 td, tr.cat-list-row1 td{
padding:20px;
}

td strong{

}
.table {
    width: 100%;
    margin-bottom: 1rem;
    color: #0000;
    padding-left:40px;
}

td.list-title a{
  font-size:26px;
  color:#!important;
}

td.list-title a:hover{
text-decoration:underline!important;
}

.pagination{
  font-size:20px!important;
}
.list-title{
font-size:20px!important;
  font-family: "gilroyregular", Helvetica, Arial, Lucida, sans-serif!important;
}


th#categorylist_header_title{background-color:#282882!important; text-align:left!important;
width:100%; color:white!important; font-size:19px; padding:15px; font-weight:normal!important;}

.mod-articles-category-group{text-align:left!important; color:#282828!important; }

textarea#jform_motivatie{
  height:200px;
}

input#jform_voornaam,
input#jform_voornaam.required, 
input#jform_achternaam.required, 
input#jform_straat, 
input#jform_huisnummer, 
input#jform_postcode,
input#jform_land,
input#jform_plaats, 
input#jform_mobiel,
input#jform_email.required.validate-email.email.required,
input#jform_telefoon,select#jform_bron,input#jform_geboortedatum
{width:100%;border:1px solid #28282!important; margin-bottom:5px; color:#000!important;  font-family: "gilroyregular", Helvetica, Arial, Lucida, sans-serif!important; font-size:18px!important;}

input#jform_land, textarea#jform_motivatie{width:100%!important;margin-top:2px; border:1px solid #282828!important;color:#000!important; font-family: "gilroyregular", Helvetica, Arial, Lucida, sans-serif!important; font-size:18px;}

 #jform_bron{width:100%;margin-top:2px; border:1px solid #282828!important;color:#767676!important;font-weight:400!important; font-family: "gilroyregular", Helvetica, Arial, Lucida, sans-serif!important; font-size:18px;}
input#jform_geboortedatum.date{width:100%;text-transform:capitalize!important; font-family: "gilroyregular", Helvetica, Arial, Lucida, sans-serif!important; font-size:18px;}

input#uploadCV.input-large.required.required, input#uploadCV{width:100%; border:1px solid #282828!important;color:#000!important;padding-left:7px; margin-top: 4px; font-family: "gilroyregular", Helvetica, Arial, Lucida, sans-serif!important; font-size:18px;}

input#uploadOverigeDocumenten{float:left;width:68.5%;color:#01803e!important;border:1px solid #282828!important; padding-left:7px; font-family: "gilroyregular", Helvetica, Arial, Lucida, sans-serif!important; font-size:18px;}

button.btn.btn-default{ border-radius: 8px; width:100%;background:#282828!important; color:#fff!important; padding:12px!important; width:100%; font-size:20px!important; margin-top:2px; font-weight:bold!important; text-transform:capitalize!important; font-family: "gilroyregular", Helvetica, Arial, Lucida, sans-serif!important; }

form#apply.form-validate a.btn{width:100%;background:#E31C79!important; color:#fff!important; font-size:20px!important;text-align:center;padding:10px!important; margin-top:4px;font-weight:bold!important; text-transform:capitalize!important; display:inline-block; font-family: "gilroyregular", Helvetica, Arial, Lucida, sans-serif!important; cursor:pointer!important;}

#apply-page.item-page .button{width:100%; background:#E31C79!important;font-weight:bold!important; border-radius:35px; font-family: "gilroyregular", Helvetica, Arial, Lucida, sans-serif!important; font-size:18px; padding:15px 10px 10px 10px; font-style:normal; margin-top: 30px;}
#apply-page.item-page .button a{width:100%;color:#fff!important; background:none!important; border-radius: 8px; margin-top:30px; text-decoration:none!important;}

input#jform_privacy{margin-top:16px; margin-right:10px; font-family: "gilroyregular", Helvetica, Arial, Lucida, sans-serif!important; font-size:18px;}


@media(max-width:992px ) {
  input#jform_voornaam,
  input#jform_voornaam.required, 
input#jform_achternaam.required, 
input#jform_straat, 
input#jform_huisnummer, 
input#jform_postcode,
input#jform_plaats, 
input#jform_mobiel,
input#jform_email.required.validate-email.email.required,
input#jform_telefoon,input#jform_land, textarea#jform_motivatie
{width:100%!important; }
.bt-social-share{float:none!important; width:100%!important; margin-right:0px;}
input#jform_voornaam.required, input#jform_straat, input#jform_postcode, input#jform_mobiel, input#jform_telefoon{
float:none!important;} 
button.btn.btn-default, form#apply.form-validate a.btn{width:100%!important; float:none!important;}
#apply-page.item-page{ margin-right:0px!important;}
  .item-page .form-validate{margin-top:-5px!important;}
  #apply-page.item-page .col-md-4{padding-left:0!important;}
  .col-lg-4 .button{margin-bottom:20px;}
  .span12.item-first{display:none!important;}
  .logo-image{margin-left:-70px!important;padding-left:0px!important;}
.infocontact a{font-size:20px!important;}
}

.contact-info{
  background:#282828;
  padding:40px;
}

.contact-info p{
  font-weight:bold;
  color:white!important;
  font-size:20px!important;
}

.footer-contact{
margin-left:5px;
}
/*

.timeline {
    position: relative;
    margin: 0 auto;
    width: 99.8%;
    
}

.timeline ul li {
    margin-bottom: 50px;
    list-style-type: none;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.point {
    min-width: 20px;
    height: 20px;
    background-color: #be9fe1;
    border-radius: 100%;
    z-index: 2;
    border: 3px #333333 solid;
    position: relative;
    left: 3px;
    display:none;
}

@media (max-width: 800px) {
    .point {
        min-width: 15px;
        height: 15px;
    }

    html, body {
        font-size: 15px;
    }

}

@media (max-width: 650px) {
    html, body {
        font-size: 14px;
    }
    
    .point {
        min-width: 12px;
        height: 12px;
    }

}

@media (max-width: 450px) {
    html, body {
        font-size: 10px;
    }

    p {
        padding: 10px !important;
    }
}

.timeline ul li .content {
    width: 50%;
    padding: 0 20px;
}

.timeline ul li:nth-child(odd) .content {
    padding-left: 0;
    margin-left:120px;
}

.timeline ul li:nth-child(odd) .date {
    padding-right: 0;
}

.timeline ul li:nth-child(even) .content {
    padding-right: 0px;
    margin-right:120px;
}

.timeline ul li:nth-child(even) .date {
    padding-left: 0;
}

.timeline ul li .date {
    width: 50%;
    padding: 0 20px;
    font-weight: normal;
}

.timeline ul li .date h4 {
    background-color: #01803e;
    width: 100px;
    color: white!important;
    text-align: center;
    padding: 5px 10px;
    border-radius: 10px;
    font-size:22px!important;
    font-family: "gilroyregular", Helvetica, Arial, Lucida, sans-serif!important;
    display:none;
}

.timeline ul li .content h3 {
    padding: 10px 20px;
    background-color: #001046;
    color: white!important;
    margin-bottom: 0;
    text-align: center;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
     font-size:20px!important;
     font-family: "gilroyregular", Helvetica, Arial, Lucida, sans-serif!important;
}

.timeline ul li .content p {
    padding: 10px 20px;
    background-color: #01803e;
    color:white!important;
    margin-top: 0;
    text-align: center;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.timeline ul li:nth-child(even) {
    flex-direction: row-reverse;
}

.timeline ul li:nth-child(even) .date h4 {
    float: right
}

.timeline::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 3px;
    left: 50%;
    background-color: #333333;
    display:none;
}*/



.text-right {
    text-align: right!important;
}

@media (max-width: 1024px) {

.text-md-left {
    text-align:left !important;
}

}
.col-6.roze h5, .col-6.grey h5, .col-6.roze p, .col-6.grey p {
  color:#fff!important;
}

.col-6.grey h5{
  padding-right:20px;
}

.col-6.roze{
  background-color:#282828;
  padding:10px;
  padding-left:20px;
  border-radius:10px;
}


.col-6.grey{
  background-color:#282828;
  padding:10px;
  border-radius:10px;
}

.circle2 {
    padding:15px 20px 20px 20px;
  border-radius: 50%;
    background-color:#282828;
  color: #fff;
  max-height:50px;
  max-width:50px;
  z-index: 2;
  font-size:20px!important;
}


.circle {
  padding:15px 20px 20px 20px;
  border-radius: 50%;
  background-color:#282828;
  color: #fff;
  max-height:50px;
  max-width:50px;
  z-index: 2;
  font-size:20px!important;
}

.how-it-works.row .col-2 {
  align-self: stretch;
}
.how-it-works.row .col-2::after {
  content: "";
  position: absolute;
  border-left: 3px solid #282828;
  z-index: 1;
}
.how-it-works.row .col-2.bottom::after {
  height: 50%;
  left: 50%;
  top: 50%;
}
.how-it-works.row .col-2.full::after {
  height: 100%;
  left: calc(50% - 3px);
}

.how-it-works.row .col-2.full2::after {
  height: 100%;
  left: calc(50%);
}

.how-it-works.row .col-2.top::after {
  height: 50%;
  left: 50%;
  top: 0;
}

.how-it-works.row .col-2.top2::after {
  height: 50%;
  left: calc(50% - 3px);
  top: 0;
}


.timeline div {
  padding: 0;
  height: 40px;
}
.timeline hr {
  border-top: 3px solid #001046!important;
  margin: 0;
  top: 17px;
  position: relative;
   border: none;
    height: 3px;
    color: #001046;
   
}


.timeline .col-2 {
  display: flex;
  overflow: hidden;
}
.timeline .corner {
  border: 3px solid #001046;
  width: 100%;
  position: relative;
  border-radius: 15px;
}


.timeline .top-right {
  left: 50%;
  top: -50.5%;
}
.timeline .left-bottom {
  left: -50.5%;
  top: calc(50% - 3px);
}
.timeline .top-left {
  left: -50.5%;
  top: -51%;
}
.timeline .right-bottom {
  left: 50%;
  top: calc(50% - 3px);
}

.mt-10{
  margin-top:30px;
}

.col-6.grey.text-right, .col-6.roze  {
    flex: 0 0 50%!important;
    max-width: 50%!important;
}

.timeline .col-8 {
    flex: 0 0 75%!important;
    max-width: 75%!important;
}


.map-responsive{
    overflow:hidden;
    padding-bottom:50%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
























/*
.col-6.roze h5, .col-6.grey h5, .col-6.roze p, .col-6.grey p {
	color:#fff;
}

.col-6.roze{
	background-color:#E40045;
	padding-top:10px;
	border-radius:10px;
}


.col-6.grey{
	background-color:#000000;
	padding-top:10px;
	border-radius:10px;
}

.circle2 {
  padding: 13px 20px;
  border-radius: 50%;
  background-color: #000000;
  color: #fff;
  max-height: 50px;
  z-index: 2;
}


.circle {
  padding: 13px 20px;
  border-radius: 50%;
  background-color: #E40045;
  color: #fff;
  max-height: 50px;
  z-index: 2;
}

.how-it-works.row .col-2 {
  align-self: stretch;
}
.how-it-works.row .col-2::after {
  content: "";
  position: absolute;
  border-left: 3px solid #E40045;
  z-index: 1;
}
.how-it-works.row .col-2.bottom::after {
  height: 50%;
  left: 50%;
  top: 50%;
}
.how-it-works.row .col-2.full::after {
  height: 100%;
  left: calc(50% - 3px);
}

.how-it-works.row .col-2.full2::after {
  height: 100%;
  left: calc(50%);
}

.how-it-works.row .col-2.top::after {
  height: 50%;
  left: 50%;
  top: 0;
}

.how-it-works.row .col-2.top2::after {
  height: 50%;
  left: calc(50% - 3px);
  top: 0;
}


.timeline div {
  padding: 0;
  height: 40px;
}
.timeline hr {
  border-top: 3px solid #E40045;
  margin: 0;
  top: 17px;
  position: relative;
}
.timeline .col-2 {
  display: flex;
  overflow: hidden;
}
.timeline .corner {
  border: 3px solid #E40045;
  width: 100%;
  position: relative;
  border-radius: 15px;
}


.timeline .top-right {
  left: 50%;
  top: -50%;
}
.timeline .left-bottom {
  left: -50%;
  top: calc(50% - 3px);
}
.timeline .top-left {
  left: -50%;
  top: -50%;
}
.timeline .right-bottom {
  left: 50%;
  top: calc(50% - 3px);
}

*/