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

/*reset*/
*{margin:0; padding:0; outline:none; box-sizing:border-box;}
img,fieldset{border:0px; display:block;}
br.clear, div.clear{clear:both; font-size:0px;}
ul, ol{list-style:none;}
textarea, input.text, input[type="text"], input[type="button"], input[type="submit"], .input-checkbox, button{-webkit-appearance:none; border-radius:0;}
.red{ color:red;}

header, nav, article, aside, section, footer{display:block; overflow:hidden;}
header, section, footer{width:100%; height:auto; position:relative;}

/*template*/
html{width:100%; height:100%; font-size:62.5%;}
body{width:100%; height:100%; font-family:'Roboto', sans-serif; font-size:1.4rem; line-height:1.4; color:#444444; overflow-x:hidden; overflow-y:scroll; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}

/*text*/
h1, h2, h3, h4, h5, h6{width:100%; height:auto; line-height:1.2; font-weight:700; font-family:'Montserrat', sans-serif; color:#003A78;}
h1{font-size:6.0rem; margin-bottom:32px;}
h2{font-size:3.5rem; margin-bottom:32px;}
h3{font-size:1.8rem; margin-bottom:16px;}
h4{font-size:1.8rem; margin-bottom:16px;}
p{margin:0px 0px 32px 0px;}
a, a *{color:#F28D00; text-decoration:none;}
a:hover{color:#ffd190;}
small{font-size:1.2rem;}
section{padding: 32px 0;}
article ul,
article ol{list-style:disc outside; margin:0px 0px 30px 20px;}
article p:last-of-type{margin:0px;}
section.xtrapadding{padding-top:310px;}

/*floats*/
.left{float:left;}
.right{float:right;}

/*forms*/
form.form-grid{display:grid; grid-template-columns:200px auto; gap:16px;}
form.form-grid .wide{grid-column-end:span 2;}
form.form-grid h2{margin-top:35px; margin-bottom:0px; font-size:2.4rem;}
form.form-grid h3{margin-top:35px; margin-bottom:0px; font-size:2.0rem;}
form.form-grid div{padding:8px 0px;}
form.form-grid div.row{border-bottom:1px dotted #eae9e9;}
form.form-grid div.noborder{border-bottom:none !important;}
form.form-grid div.label{color:#2a2620;}
form.form-grid div.row label.red{color:#e2001a;}
form.form-grid div span{display:block; height:32px; line-height:32px; color:#a3a3a3; font-size:1.2rem;}
form.form-grid div input[type="text"],
form.form-grid div input[type="number"],
form.form-grid div input[type="date"],
form.form-grid div input[type="email"],
form.form-grid div input[type="time"],
form.form-grid div input[type="datetime-local"]{width:100%; height:24px; line-height:24px; padding:16px; border-radius:8px; border:1px solid #eae9e9; color:#2a2620; background:#ffffff;}
form.form-grid div select{width:100%; height:24px; line-height:24px; font-size:1.4rem; padding:16px; border-radius:8px; color:#2a2620; background:#ffffff; border:1px solid #eae9e9; font-family:'Roboto', sans-serif;  color:#555555;}
form.form-grid div select{height:unset; line-height:unset; padding:8px 16px;}
form.form-grid div select option{color:#555555;}
form.form-grid div input[type="text"].red,
form.form-grid div input[type="number"].red,
form.form-grid div input[type="date"].red,
form.form-grid div input[type="email"].red,
form.form-grid div input[type="time"].red,
form.form-grid div select.red,
form.form-grid div input[type="datetime-local"].red{border:1px solid #e2001a;}
form.form-grid div input[type="text"]:focus,
form.form-grid div input[type="number"]:focus,
form.form-grid div input[type="date"]:focus,
form.form-grid div input[type="email"]:focus,
form.form-grid div input[type="time"]:focus,
form.form-grid div input[type="datetime-local"]:focus{border:1px solid #2a2620;}
form.form-grid div textarea{width:100%; height:300px; line-height:24px; font-family:'Roboto', sans-serif;  padding:16px; border-radius:8px; background:#ffffff; color:#2a2620; border:1px solid #eae9e9} 
form.form-grid div textarea:focus{border:1px solid #303030;}
form.form-grid div textarea.red{border:1px solid #e2001a;}
form.form-grid div.submit{display:grid; grid-template-columns:1fr 1fr;}
form.form-grid div.submit .button-left input[type=button],
form.form-grid div.submit .button-left input[type=submit]{border:0px; font-family:'Montserrat', sans-serif; color:#555555; background-color:#eae9e9; font-size:1.4rem; padding:15px 25px; border-radius:5px; text-decoration:none; float:left; cursor:pointer;}
form.form-grid div.submit .button-right input[type=button],
form.form-grid div.submit .button-right input[type=submit]{border:0px; font-family:'Montserrat', sans-serif; color:#ffffff; background-color:#F28D00; font-size:1.4rem; padding:15px 25px; border-radius:5px; text-decoration:none; float:right; cursor:pointer;}
form.form-grid div.submit .button-right input[type=submit].grey{color:#f1f1f1; background-color:#444444;}

/*main-container*/
main{width:100%; max-width:1920px; min-height:100vh; margin:0px auto; background:#F4F4F4;}
.container{max-width:1260px; margin:0px auto; padding: 0 24px; position:relative;}

/*generals*/
.title-orange{color:#F28D00;}
.bg-orange{background:#F28D00;}
.title-blue{color:#003A78;}
.bg-blue{background:#003A78;}
.title-white{color:#ffffff;}
.bg-white{background:#ffffff;}
.bg-grey{background:rgba(153,153,153,0.04)}
.title-black{color:#444444;}
.title-red{color:#C42733;}
.title-green{color:#36AF25;}
.title-lightblue{color:#4174FF;}
.title-yellow{color:#D8A313;}
.title-purple{color:#5525AF;}
.title-pink{color:#E941FF;}

.button{display:inline-block; width:fit-content; font-family:'Montserrat',sans-serif; font-size:1.4rem; font-weight:700; color:#ffffff; line-height:1.4; text-align:center; padding:8px 24px; border-radius:4px; cursor:pointer;}
.button.blue{background:#003A78;}

.breadcrumb{padding:10px 16px 10px 0; list-style:none; margin:unset;}
.breadcrumb li{display:inline; font-size:1.8rem;}
.breadcrumb li+li:before{padding: 8px; color:#444444; content:"/\00a0";}
.breadcrumb li a{color:#F28D00; text-decoration:none;}
.breadcrumb li a:hover{color:#ffd190; text-decoration:underline;}
.breadcrumb ol{margin:unset;}

/*header*/
header{width:100%; max-width:1920px; overflow:visible; position:absolute; top:0; z-index:1;}
header .image{height:220px; width:100%; position:absolute; top:0; left:0; right:0; bottom:0; background:url('../images/RDZ-Header-BG.webp')no-repeat bottom center /cover;}
header .grid{display:grid; grid-template-columns:300px 1fr; grid-gap:32px;}
header .grid .logo{height:110px; width:260px; transform:rotate(-8deg);}
header .grid .logo img{height:100%; width:100%; object-fit:contain;}
header .grid nav ul{display:flex; justify-content:flex-end}
header .grid nav ul li{font-size:1.8rem; margin: 0 12px; line-height:140px;}
header .grid nav ul li:last-of-type a{color:#ffffff !important;}
header .grid nav ul li:last-of-type i{color:#ffffff !important;}
header .grid nav ul li i{margin-right:4px; font-size:1.8rem;}
header .menu{display:none;}

/*sections*/
section.slide{position:relative; padding-top:70px; padding-bottom:0;}
section.slide .bg{width:100%; position:relative;}
section.slide .bg img{height:100%; width:100%; object-fit:cover;}
section.slide .video video{width:100%; max-height:100%; object-fit:cover;}
section.slide .title{width:100%; position:absolute; left:0; bottom:48px;}
section.slide .title h1{margin-bottom:0px;}
section.slide .title h1 strong{font-size:3.0rem; display:block;}

section.intro .grid{display:grid; grid-template-columns:1fr;}
section.intro .grid .wrapper{width:95%; margin: 0 auto;}
section.intro .grid article.biggerlinks p a{font-size:3.0rem; font-family:'Montserrat',sans-serif;}
section.intro .grid .button{display:block; margin: auto 0 auto auto;}
section.intro .grid .subcategories{margin:unset; padding:10px 16px 10px 0; list-style:none;}
section.intro .grid .subcategories li{display:inline;}
section.intro .grid .subcategories li + li:before{padding:4px; color:#003A78; content:"/\00a0"}
section.intro .grid .subcategories li a{display:inline-block; color:#003A78; padding:8px}
section.intro .grid .subcategories li a:hover{ color:#ffffff; background:#F28D00; text-align:center; border-radius:4px;}

section.searchbar .grid{display:grid; grid-template-columns:1fr; text-align:center;}
section.searchbar .grid form input[type=text]{min-width:200px; height:50px; font-size:2.0rem; line-height:50px; color:#003A78; border:unset; border-radius:4px; background:#F4F4F4; padding: 0 4px;}
section.searchbar .grid form button{height:50px; width:75px; background:#003A78; color:#ffffff; font-size:2.0rem; line-height:50px; clip-path: polygon(100% 0, 100% 50%, 100% 100%, 0% 100%, 25% 50%, 0% 0%); margin-left:-24px; border:none; border-radius:0 4px 4px 0; cursor:pointer;}
section.searchbar .grid form button:hover{background:#ffffff; color:#003A78;}

section.portfolio .grid{display:grid; grid-template-columns: 1fr 1fr 1fr; grid-gap:32px;}
section.portfolio .grid .category{box-shadow:0px 6px 6px 0px rgba(0,0,0,0.16); -webkit-box-shadow: 0px 6px 6px 0px rgba(0,0,0,0.16); }
section.portfolio .grid .category .image{width:100%; position:relative;}
section.portfolio .grid .category .image img{height:100%; width:100%; object-fit:cover;}
section.portfolio .grid .category .image .subcat{margin-top:24px; position:absolute; top:16px; right:0px; padding:4px 8px; font-family:'Montserrat',sans-serif; font-size:1.2rem; font-weight:thin; text-align:right;  background:#ffffff;box-shadow:0px 6px 6px 0px rgba(0,0,0,0.16); -webkit-box-shadow: 0px 6px 6px 0px rgba(0,0,0,0.16);}
section.portfolio .grid .category .info{padding:24px;}
section.portfolio .grid .category .info h3{height:4.0rem;}
section.portfolio .grid .category .info p{min-height:80px;}
section.portfolio .grid .category .info .client{font-size:1.2rem; font-weight:thin; margin:24px 0;}


section.highlight .grid{display:grid; grid-template-columns:1fr 1fr; grid-gap:32px;}
section.highlight .grid h2{grid-column-end: span 2; margin:unset;}
section.highlight .grid .image{height:100%; width:100%;}
section.highlight .grid .image img{height:100%; width:100%; object-fit:cover;}

section.customers{text-align:center;}
section.customers h2 strong{display:block; font-size:2.5rem; color:#003A78}
section.customers .branches{display:flex; justify-content:space-evenly; width:90%; margin: 0 auto;}
section.customers .branches .slick-prev::before{color:#003A78; font-size:3.2rem;}
section.customers .branches .slick-next::before{color:#003A78; font-size:3.2rem;}
section.customers .branches .branche .image{height:167px; width:167px; clip-path: circle(50% at 50% 50%); margin:0px auto 12px auto;}
section.customers .branches .branche .image img{height:100%; width:100%; object-fit:cover;}

section.profile .grid{display:grid; grid-template-columns: 1fr 0.5fr 1fr; grid-gap:24px;}
section.profile .grid .image{grid-area:1/1/1/span 3; height:100%; width:100%;}
section.profile .grid .image img{height:100%; width:100%; object-fit:cover;}
section.profile .grid h1{grid-column-end:span 3;}
section.profile .grid h1 strong{display:block; font-size:1.8rem;}
section.profile .grid .about{padding-right: 8px; border-right:0.75px solid #999999;}
section.profile .grid .project{grid-column-end:span 2;}
section.profile .grid .project p{ padding-right:unset; border-right:unset;}
section.profile .grid .checklist div:first-of-type{font-weight:500;}
section.profile .grid .checklist ul{padding:12px 0px 0px 25px;}
section.profile .grid .checklist ul li{color:#003A78; padding:4px 0px 4px 12px; list-style-image:url('../images/check.png');}
section.profile .grid .logo{height:140px; width:300px; margin:0 auto;}
section.profile .grid .logo img{height:100%; width:100%; object-fit:contain;}
section.profile .grid .button{font-style:italic;}
section.profile .grid .buttons{display:block;}
section.profile .grid .buttons .button{display:block; width:200px; margin: 0 0 24px auto;}
section.profile .grid .dotscontainer { display: flex;  align-items: center; justify-content: center; grid-column-start:1; grid-column-end:4;}
section.profile .grid .dotscontainer .dots-wrapper{text-align:center; padding:0px 16px;}
section.profile .grid .dotscontainer .dot { cursor: pointer; height: 15px; width: 15px; margin:16px 10px 10px 10px; background-color: #bbb; border-radius: 50%; display: inline-block; transition: background-color 0.6s ease;}
section.profile .grid .dotscontainer .active,
section.profile .grid .dotscontainer .dot:hover { background-color: #717171;}
section.profile .grid .dotscontainer .prev,
section.profile .grid .dotscontainer .next{font-size:2.4rem; font-weight:bold; cursor:pointer;}

section.contact h1 strong{display:block; font-size:1.8rem;}
section.contact address{font-style:normal; margin-bottom:32px; color:#999999; padding-bottom:8px; border-bottom: 0.75px solid #999999;}
section.contact address a{color:#999999;}
section.contact address a:hover{color:#ff9707;}

footer{height:740px; font-family:'Poppins',sans-serif;}
footer a{color:#ffffff;}
footer .bg{height:100%; width:100%; position:absolute; bottom:0;}
footer .bg .image{height:100%; width:100%;}
footer .bg .image img{height:100%; width:100%; object-fit:cover;}
footer .cta{position:absolute; top:24px; left:50%;}
footer .cta .image{height:170px; width:250px;}
footer .cta .image img{height:100%; width:100%; object-fit:cover;}
footer .cta .ctatext{position:absolute; top:50%; transform:translate(-50%,-50%); left:50%; text-align:center; font-style:italic; font-weight:700;}
footer .cta .ctatext div{width:200px; font-size:2.5rem; color:#003A78;}
footer .cta .ctatext a{font-size:2.0rem; color:#F28D00; font-weight:normal;}
footer .grid{height:320px; display:grid; grid-template-columns:1fr 1fr 1fr 1fr; grid-template-rows: 0.5fr 1fr 1fr; column-gap:32px; row-gap:12px; margin-top:452px;}
footer .grid .logo{height:140px; width:300px; transform:rotate(-8deg);}
footer .grid .logo img{height:100%; width:100%; object-fit:cover;}
footer .grid .slogan{grid-column-end: span 4; font-size:1.8rem;}
footer .grid .about{padding-right:8px; border-right:2px solid #ffffff;}
footer .grid address{color:#ffffff; font-style:normal;}
footer .grid .sociallinks{font-size:3.0rem; list-style:none;}
footer .grid .sociallinks a:hover i{color:#ffffff;}

/*tablet: 768-1023*/
@media only screen and (max-width:1023px) 
{
    h1{font-size:4.0rem; margin-bottom:24px;}
    h2{font-size:2.5rem; margin-bottom:24px;}
    h3{font-size:1.8rem; margin-bottom:12px;}
    h4{margin-bottom:8px;}
    
    section{padding: 24px 0;}
    
    header .image{height:125px;}
    header .grid{display:grid; grid-template-columns:150px 1fr;}
    header .grid .logo{height:70px; width:150px;}
    header .grid nav ul li{line-height:75px;}
    header .grid nav ul li{font-size:1.4rem;line-height:60px;}
    header .grid nav ul li i{font-size:1.4rem;}
    
    .breadcrumb{margin-bottom:24px;}
    .breadcrumb li{font-size:1.6rem;}
    .breadcrumb li+li:before{padding: 4px;}
    
    section.slide .bg{width:100%; position:relative;}
    section.slide .title{bottom:32px;}
    section.slide h1{}
    section.slide h1 strong{font-size:2.2rem;}
    section.slide .video{}
    section.slide .video video{}
    
    section.intro .grid .wrapper{width:95%; margin: 0 auto;}
    section.intro .grid p a{font-size:2.2rem;}
    
    section.searchbar .grid form input[type=text]{height:30px; font-size:1.6rem; line-height:30px;}
    section.searchbar .grid form button{height:30px; width:55px; font-size:1.6rem; line-height:30px;}
    
    section.portfolio .grid{display:grid; grid-template-columns: 1fr 1fr; grid-gap:24px;}
    section.portfolio .grid .category .image{height:180px;}
    section.portfolio .grid .category .info{padding:24px;}
    section.portfolio .grid .category .info .button{width:100%;}
    
    section.customers h2 strong{display:block; font-size:2.0rem; color:#003A78}
    section.customers .branches{width:100%;}
    section.customers .branches .branche .image{height:130px; width:130px;}
    
    section.profile .grid{display:grid; grid-template-columns: 1fr 0.5fr 0.5fr; grid-gap:24px;}
    section.profile .grid h1{margin-bottom:unset;}
    section.profile .grid .logo{height:105px; width:225px; margin:0 auto auto auto;}
    
    footer{height:467px;}
    footer .cta{transform:translateX(-25%);}
    footer .cta .image{height:130px; width:190px;}
    footer .cta .ctatext div{font-size:1.6rem;}
    footer .cta .ctatext a{font-size:1.4rem;}
    footer .grid{height:256px; grid-template-columns:150px 0.5fr 0.5fr; grid-template-rows:30px 0.5fr 30px;row-gap:12px; margin-top: 272px;}
    footer .grid .slogan{grid-column-end: span 3; font-size:1.6rem; line-height:30px;}
    footer .grid .logo{height:70px; width:150px; margin: 0 auto auto 0;}
    footer .grid .sociallinks{font-size:2.2rem; grid-area:3/1/3/1;}
}

/*mobile l: 427-767*/
@media only screen and (max-width:767px) 
{
    h1{font-size:3.0rem; margin-bottom:24px;}
    h2{font-size:2.0rem; margin-bottom:24px;}
    h3{font-size:1.6rem; margin-bottom:12px;}
    h4{font-size:1.6rem; margin-bottom:8px;}
    
    form.form-grid{grid-template-columns:1fr; gap:0px; width:100%;}
    form.form-grid .wide{grid-column-end:unset;}   
    
    section.xtrapadding{padding-top:160px;}
    
    header .grid .menu{display:unset; display:block; text-align:right;}
    header .grid .menu a i{font-size:3.0rem; color:#ff9707; line-height:60px;}    
    header .grid nav{width:100%; height:auto; display:block; float:none; left:0; top:-800px; position:absolute; -webkit-transform:translateY(-140%); transform:translateY(-140%); -webkit-transition:-webkit-transform 0.5s, visibility 0s 0.5s; transition:transform 0.5s, visibility 0s 0.5s;}
    header .grid nav ul{width:100%; height:auto; display:block; position:relative; float:left; padding:24px; background:#F28D00; margin-left:unset;}
    header .grid nav ul li{width:100%; height:auto; min-height:48px; display:block; float:left; margin:0px; text-align:right; border-radius:unset; line-height: 48px;}
    header .grid nav ul li a{color:#0053a1;margin:unset;}
    header .grid nav ul li:last-of-type{color:#0053a1;}
    header .grid nav ul li i{color:#0053a1; line-height:48px;}
    header .grid nav.open{width:100%; height:100vh; display:block; float:none; left:0px; top:70px; z-index:2000; position:absolute; margin:0px !important; -webkit-transform:translateY(0%); transform:translateY(0%); -webkit-transition:-webkit-transform 0.5s; transition:transform 0.5s;}

    section.slide .bg{width:100%; position:relative;}
    section.slide .title{bottom:16px;}
    section.slide h1{}
    section.slide h1 strong{font-size:2.0rem;}
    section.slider .video{}
    section.slider .video video{}
    
    section.intro .grid .wrapper{width:100%; margin: 0 auto;}
    section.intro .grid p a{font-size:1.8rem;}
    
    section.searchbar .grid form input[type=text]{font-size:1.4rem;}
    section.searchbar .grid form button{font-size:1.4rem;}
    
    section.highlight .grid{display:grid; grid-template-columns:1fr; grid-gap:24px;}
    section.highlight .grid h2{grid-column-end:unset; margin:unset;}
    section.highlight .grid .image{height:100%; width:100%;}
    section.highlight .grid .image img{height:100%; width:100%; object-fit:cover;}
    section.highlight .grid p{margin-bottom:unset;}
    
    section.portfolio .grid{display:grid; grid-template-columns: 1fr; grid-gap:24px;}
    section.portfolio .grid .category .image{height:200px;}
    section.portfolio .grid .category .info{padding:24px;}
    section.portfolio .grid .category .info .button{width:100%;}
    
    section.customers h2 strong{font-size:1.6rem;}
    section.customers .branches .branche{text-align:center;}
    section.customers .branches .branche .image{clip-path: circle(50% at 50% 50%); margin:0 auto 24px auto;}
    
    .breadcrumb{margin-bottom:16px;}
    .breadcrumb li{font-size:1.4rem;}
    .breadcrumb li+li:before{padding: 4px;}
    section.profile .grid{display:grid; grid-template-columns: 1fr 1fr; grid-gap:24px;}
    section.profile .grid .image{}
    section.profile .grid h1{margin-bottom:unset;}
    section.profile .grid p{grid-column-end: span 2; margin-bottom:unset;}
    section.profile .grid .logo{height:70px; width:150px;}
    section.profile .grid .button{font-style:italic; width:100%; margin-top:24px;}
    section.profile .grid .buttons{grid-column-end:span 2;}
    section.profile .grid .buttons .button{display:inline-block; width:100%; margin: 0 auto 24px 0;}

    footer{height:unset}
    footer a{color:#ffffff;}
    footer .bg{height:257px; width:100%; position:absolute; bottom:unset; top:100px;}
    footer .cta{transform:translateX(-50%);}
    footer .container{background:#003A78;}
    footer .grid{height:unset; display:grid; grid-template-columns:1fr 1fr; grid-template-rows:unset; grid-gap:18px; margin-top:289px;}
    footer .grid .slogan{grid-column-end: span 2; font-size:1.2rem;}
    footer .grid .about{display:unset; padding-right:unset; border-right:unset;}
    footer .grid address{color:#ffffff; font-style:normal; padding-right:unset; border-right:unset;}
    footer .grid .sociallinks{font-size:3.0rem;grid-area:2/2/2/2;}
    footer .grid .sociallinks a:hover i{color:#ffffff;}
}

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