@charset "utf-8";
/* CSS Document */

body{ font-family:'Poppins', sans-serif; color:#0A2540; font-weight:400;}

h1, h2, h3, h4, h5, h6{ font-family:'Poppins', sans-serif; font-weight:700; color:#39B54A;}

a, a{color:#b53966;}
a:hover, a:hover {color:#496778;}

input[type='submit'],
.button{display:inline-block; color:white; border:unset; font-size:1.8rem; font-weight:600; padding: 8px 48px; border-radius:4px 0 0 0; margin-top:24px; background:#267932; text-align:center; cursor:pointer;}
.button.full{display:block; width:100%;}
.button:hover,
.button.bg-green:hover{color:white; background:black;}
.button.bg-purple:hover{background:white; color:#b53966;}
.button.bg-white:hover{background:black; color:white;}

.button.bg-white{color:#267932;}

.padding{padding:24px;}
.margin-header{margin-bottom:82px;}
.round-corner{border-radius:8px;}
.box-shadow{-webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.35); -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.35); box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.35);}

/*colors and concditions*/
.bg-black{background:#010201;}
.bg-white{background:white;}
.bg-gradient-green{background: rgb(57,181,74); background: linear-gradient(90deg, rgba(57,181,74,1) 0%, rgba(38,121,50,1) 100%);}
.bg-green{background:#267932;}
.bg-lightgreen{background:#39b54a;}
.bg-purple{background:#b53966;}

.bg-gradient-lightgreen{background: rgb(20,218,47); background: linear-gradient(135deg,rgba(38,121,50,1)  0%, rgba(20,218,47,1) 100%);}



.txt-white *{color:white;}
.txt-black{color:#010201;}
.txt-green{color:#267932;}
.txt-lightgreen{color:#39B54A;}

.stripe.txt-lightgreen h2, .stripe.txt-lightgreen h3{color:#39B54A;}

.bg-lightgreen form .row,
.bg-lightgreen form h2,
.bg-lightgreen form .label{color:white;}

.breadcrumbs li,
.breadcrumbs li ,
.breadcrumbs li a span{font-size:1.2rem; line-height:32px; color:#5C5C5C;}

.bg-lightgreen .card:after{content:''; height:100%; width:12px; display:block;  background:#267932; position: absolute; top:0; right:0;}

.bg-gradient-green h2:not(.bg-gradient-green .card h2):not(.bg-gradient-green form h2){color:white;}

/*form*/
/*error message*/
.message.fail{background:#b53966; padding:12px;}
.message.fail * {color:#ffffff;}
.message.succes{background:#267932; padding:24px;}
.message.succes *{color:#ffffff;}

.form-grid{display:grid; grid-template-columns:200px 1fr; gap:0;}
.form-grid .wide{grid-column:span 2;}
.form-grid .row{margin:8px 2px;}
.form-control {font-size:1.4rem;  font-family:'Poppins', sans-serif;}
.form-grid label,
.form-control label{font-size:1.6rem;}
input[type="radio"],
input[type="checkbox"] {font: inherit; color:#707070; width: 1.08em; height: 1.08em; border: 0.15em solid #267932; border-radius: 0.15em;}
input[type="radio"] {background-color: var(--form-background); border-radius: 50%; border: 0.15em solid #267932;}
input[type="radio"]::before,
input[type="checkbox"]::before {background-color:#b53966;}
input[type="radio"]::before {border-radius: 50%; background-color:#b53966;}
input[type="checkbox"]:disabled,
input[type="checkbox"]:disabled,
input[type="radio"]:disabled{background:rgb(192,192,192); border:0.15em solid #707070;}
.form-grid input:not(.form-grid input[type="submit"]):not(.form-grid input[type="button"]),
.form-grid select,
.form-grid textarea,
.form-grid input[type="datetime-local"]{width:100%; height: 24px; position: relative; padding:16px;  font-family:'Poppins', sans-serif; font-size: 1.6rem; line-height: 24px; color: #707070; border:unset; background: #ffffff; border-right:8px solid #267932;}
.form-grid input[type="file"]{padding:unset !important;}
.form-grid textarea,
.form-grid select{height:unset;  padding:12px;}
input:focus,
textarea:focus {border-color:#0A2540; outline: none; box-shadow: 0 0 5px rgba(78, 11, 112, 0.3);}
select.red,
textarea.red,
input.red{border:1px solid #b53966 !important; color:#b53966 !important;}
label.red,
textarea.red::placeholder,
input.red::placeholder{color:#b53966;}
.form-grid .submit{display:grid; grid-template-columns:1fr 1fr;}
.form-grid .submit .button-right .button{float:right;}
.form-grid .submit .button-left .button{float:left;}

/*sections*/

header{height:unset; position:relative; position:absolute; top:450px; left:0; z-index:1000;}
header .decobar{height: 12px;}


header .grid nav ul{justify-content:flex-start; position: relative;}
header .grid nav ul li{margin-right:48px; line-height:80px; font-size:2.2rem; font-weight:600; font-family:'Poppins',sans-serif;}
header .grid nav ul li a{ color:white;}
header .grid nav ul li:last-of-type{position:absolute; background:#b53966; right:0; top:50%; transform:translateY(-50%); padding:8px 16px; border-radius: 4px 0 0 0; cursor: pointer;}
header .grid nav ul li:last-of-type a{color:white;}
header .grid nav ul li:last-of-type:hover a{color:#b53966;}
header .grid nav ul li:last-of-type:hover{background:white;}
header .grid nav ul li a:hover:not(header .grid nav ul li:last-of-type a){color:#39b54a}

.logo{width: 285px; height: 140px;}

section.slider{height:450px; padding:unset !important; margin-top:unset !important;}
section.slider .grid{height:inherit;}
section.slider .slider-text{position: relative; display:grid; grid-template-columns:max-content auto; margin-top:134px; color:white;}
section.slider .slider-text article{padding:24px;}
section.slider .slider-text article .title{font-family:'Poppins', sans-serif; font-size:5.0rem; font-weight:600; margin-bottom:24px; color:white;}
section.slider .slider-text article .button{margin: 0 auto; margin-top:24px;}
section.slider .logo{padding:24px; background:white; margin-left:-24px;}
section.slider {position: relative; overflow: hidden;}
section.slider .background {width: 100%; height:inherit; position: absolute; top:0; left: 0; z-index: -1;}

/*custom sections*/
.content.links article ul{display:grid; grid-template-columns:repeat(12,1fr); gap:24px; list-style:none; margin:unset;}
.content.links article ul li{display:block; grid-column:span 3; cursor: pointer;}
.content.links article ul li{color:#010201; background:white; line-height:40px; display: block; margin:unset; padding:7px 24px; font-family:'Poppins',sans-serif; font-size:1.8rem; font-weight:500; position: relative; border-radius:4px 0 0 0;}
.content.links article ul li:hover{color:#267932;}
.content.links article ul li:hover:after{background:#b53966;}
.content.links article ul li:after{content:''; height:100%; width:16px; display:block;  background:#14DA2F; position: absolute; top:0; right:0;}
section.services .article-content{display:none;}
section.services .active{display:block;}

.stripe.bg .block-4{position: relative;}
.card{z-index:100; z-index:100; position: relative;}
.card article{min-height:25rem;}
.card article h2,
.card article h3{min-height:10rem;}
.background-shape{width: 100%; height: 100%; background: rgb(1,2,1); background: linear-gradient(180deg, rgba(1,2,1,1) 0%, rgba(38,121,50,1) 100%); position:absolute; bottom:-12px; right:-12px; z-index:-1;}
.background-shape:not(.stripe.usp .background-shape){display:none;}

.stripe.clean .card article{background:unset; padding:unset; color:white;}

.stripe.bg{padding:48px 0; width: 100%; height:100%; background:url(../images/RVD-BG.webp) no-repeat top left; background-size: cover;}

.grid{align-items:start;}
.card article{padding:24px; background:white; color: #010201;}



.stripe .photo{position: relative; width: 100%; height:auto; overflow:visible;}
.stripe .photo img{position: relative; z-index:100; object-fit:cover; border-radius:4px 0 0 0;}
.stripe .photo .image-shape{width: 100%; height:100%; position:absolute; bottom:-12px; right:-12px; background:#39B54A;}
.bg-image{background:url(../images/IER-BG-3.jpg) no-repeat; background-size: cover;}

table, th,td{border:3px solid #0A2540; border-collapse:collapse; padding:4px;}
article table thead tr{font-size:2.0rem; font-weight:600; text-align:left;}

footer{padding:32px 0; background:#39B54A; overflow:visible;}

footer a:hover{color:#0A2540;}
footer a i{margin-right:12px;}
footer .social-links a:hover i{color:#0A2540;}
footer .logo{width:140px; height:70px; margin-top:-64px; padding:24px; background:white;}
footer *{color:white;}

footer .footer-bg{height:100%; width:25%; position:absolute; top:0; right:0; background:#267932}

footer .copyright{justify-content:flex-start !important; position: relative;}
footer .copyright,
footer .copyright * {font-size:1.4rem; color:white;}
footer .copyright a{margin-left:12px;}
footer .copyright a:last-of-type{text-align:right; position:absolute; right:0; top:0; bottom:0;}
footer .copyright a:last-of-type:hover strong,
footer .copyright a:last-of-type:hover{color:#0A2540;}


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

  section.slider .slider-text article .title{font-size:4.0rem;}

  .topic.block-3{grid-column:span 4;}
  .form-grid{grid-template-columns:150px auto;}
  .content.links article ul li{grid-column:span 6;}

  .card article{padding:12px;}
  footer .footer-bg{width:21%;}
}

/*tablet: 768-1023*/
@media only screen and (max-width:1023px) 
{
  section.slider .slider-text article .title{font-size:2.5rem;}
  header .grid nav ul li{font-size:2.0rem; margin-right:24px}
  .topic.block-3{grid-column:span 6;}



  .button{padding:8px 12px; text-align:center;}

  footer .logo{width:70px; height:auto; padding:12px;}


  .form-grid{grid-template-columns:1fr;}
  .form-grid .button{grid-column:unset;}
  .form-grid .submit{display:block;}
  .form-grid .submit .button-right .button{float:unset; width: 100%;}
  .form-grid .submit .button-left .button{float:unset; width:100%;}
.form-grid .wide{grid-column:unset;}

}

/*mobile l: 427-767*/
@media only screen and (max-width:767px) 
{
header{position: relative; top:unset; left:unset;}
  header .grid .menu a i{font-size:3.0rem; color:white; line-height:48px;}    
  header .grid nav ul{padding:24px; background:#39B54A; margin-left:unset;}
  header .grid nav ul li{width:100%; height:auto; min-height:48px;}
  header .grid nav ul li.language{min-height:24px;}
  header .grid nav ul li.language img{margin:unset; margin-right:0; margin-left:auto;}
  header .grid nav ul li:last-of-type a{margin-right:0; margin-left:auto; text-align:center; padding:0 8px; line-height:48px;}
  header .grid nav ul li a{color:white; height:48px; line-height:48px;}
  header .grid nav ul li a:active,
  header .grid nav ul li a:hover:not(header .grid nav ul li:last-of-type a),
  header .grid nav ul li a:hover{color:#b53966;}
  header .grid nav ul li a.on{color:#b53966;}
  header .grid nav ul li:last-of-type{background:unset; position: relative; top:unset; right:unset; transform:unset;}
  header .grid nav.open{top:70px;}
 
  header .decobar{height:24px;}

  .content.links article ul li{grid-column:span 12;}

   section.slider{height:fit-content; padding-bottom: 32px !important;}
   section.slider .background{height:100%;}
  section.slider .slider-text{display:block; margin-top:24px;}
  section.slider .container article .title{font-size:2.0rem;}
section.slider .container article{padding:24px;}
  section.slider .container .filler{display:none;}
  section.slider .container article .title{font-size:2.8rem;}
  
  .margin-header{margin-bottom:unset;}

  .button{font-size:1.6rem;}

  .card article{min-height:15rem;}
.card article h2,
.card article h3{min-height:5rem;}


  .topic.block-3{grid-column:span 12;}

 
  .logo{width: 150px; height:auto;}

  footer .copyright{display:block;}
  footer .copyright a{margin-left:unset;}
  footer .copyright a:last-of-type{position: relative; text-align:left;}

  footer .footer-bg{width: 15%;}
}

/*mobile s: 320-426*/
@media only screen and (max-width:426px)
{
    
}