.personeel-grid,.vloot-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(260px,1fr));
grid-gap: 20px;
}
.vloot-grid{
grid-gap: 40px;
}
.personeel,.vloot {
padding: 10px;
border-radius: 6px;
box-shadow: rgba(0, 0, 0, 0.09) 0px 3px 12px;
display: flex;
flex-direction: column;
align-content: center;
justify-content: flex-start;
align-items: center;
}
.personeel > div , .vloot > .header_foto {
height: 230px;
width: 100%;
margin-bottom: 0px;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
border-radius: 4px;
background-color: #ebeff4;
position:relative;
}
.personeel > div{
height: 280px;
}
.personeel > h4, .vloot > h4{
color: #283583!important;
font-family: 'Open Sans',Helvetica,Arial,Lucida,sans-serif;
font-weight: 700;
}
.personeel > h4{
margin-top: 10px;
}
.personeel > h5 {
font-family: "Open Sans", Arial, sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 23px;
color: #5b6390;
text-align: center;
}
.personeel > span > a , .vloot > span > a{
font-family: "Open Sans", Arial, sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 23px;
color: #888;
}
.vloot{
padding: 5px;
display: grid;
grid-template-columns: 1fr;
grid-template-rows: 230px 30px 25px 25px 25px 35px;
grid-gap: 10px;
}
.vloot > *{
text-align:center;
}
.vloot > span > a
{
font-size: 15px;
}
.vloot > span:last-of-type{
background-color: #283583;
border-radius: 6px;
height: 100%;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-content: center;
align-items: center;
justify-content: center;
}
.vloot > span:last-of-type > a {
color: white!important;
font-weight: 700;
}
.us_menu{
width: 100vw;
height: 90px;
position: absolute;
top: 0px;
left: 0px;
display: flex;
justify-content: center;
border-top: 1px solid #2b3f8e;
}
.bellen{
background-image: url(https://universeshipping.nl/wp-content/uploads/2021/07/phone-call.svg);
background-position:center;
background-size: contain;
background-repeat: no-repeat;
width: 30px;
height: 30px;
position:relative;
}
.bellen:after {
content: "+31 (0)78-612 43 49";
width: 190px;
height: 40px;
background-color: #9b2423;
font-weight: 600;
position: absolute;
line-height: 40px;
text-align: center;
border-radius: 7px;
bottom: -60px;
left: -70px;
transform: translateY(30px);
transition: all 500ms cubic-bezier(0.410, 0.740, 0.000, 1.450); transition-timing-function: cubic-bezier(0.410, 0.740, 0.000, 1.450); opacity: 0;
transition-delay: 1s;
pointer-events: none;
}
.bellen:hover:after
{
opacity: 1;
transform: translateY(0px);
transition-delay: 0s;
pointer-events: all;
}
.us_content {
width: 80%;
max-width: 1080px;
display: grid;
height: 90px;
grid-template-rows: 1fr;
grid-template-columns: 320px 1fr;
box-sizing: border-box;
padding: 10px 0px;
grid-gap: 20px;
}
.us_content > .logo{
height: 100%;
background-image: url(https://universeshipping.nl/wp-content/uploads/2021/07/logo-wit-horizontaal.svg);
background-position:center;
background-size: contain;
background-repeat: no-repeat;
cursor: pointer;
}
.us_content > .menu_content {
display: flex;
flex-wrap: nowrap;
flex-direction: row;
align-content: flex-start;
align-items: center;
width: 100%;
justify-content: space-around;
}
.mobileBtn{
display: none;
}
.us_content > .menu_content > a{
font-family :'Poppins', Helvetica, Arial, Lucida, sans-serif;
font-size: 17px;
font-weight: 800;
color: white;
position:relative;
}
.mobileBtn {
display: none;
background-color: white;
position: absolute;
right: 20px;
width: 120px;
height: 40px;
top: 30px;
background-image: url(https://universeshipping.nl/wp-content/uploads/2021/09/menu-button-of-three-horizontal-lines.svg);
background-size: 22px;
background-repeat: no-repeat;
background-position: 10px center;
cursor: pointer;
border-radius: 6px;
z-index: 999999999999;
}
.mobileBtn::after {
content: "menu";
font-size: 19px;
line-height: 40px;
text-transform: uppercase;
margin-left: 41px;
font-family: 'Poppins',Helvetica,Arial,Lucida,sans-serif;
font-weight: 600;
letter-spacing: 2px;
color: rgb(40, 53, 131);
}
@media only screen and (max-width: 1070px) {
.us_content > .menu_content > a {
font-family: 'Poppins', Helvetica, Arial, Lucida, sans-serif;
font-size: 16px;
color: white;
}
.us_content {
width: 80%;
max-width: 1080px;
display: grid;
height: 90px;
grid-template-rows: 1fr;
grid-template-columns: 230px 1fr;
box-sizing: border-box;
padding: 10px 0px;
grid-gap: 20px;
}
.menu_content{
display: none;
}
.mobileBtn {
display: block;
}
}
@media only screen and (max-width: 980px) {
.us_content {
width: 80%;
max-width: 1080px;
display: flex;
height: 90px;
box-sizing: border-box;
}
.menu_content {
position: fixed;
left: 0px;
top: 0px;
z-index: 999999999999999999999999999999;
display: none;
}
.us_content > .logo{
width: 60%;
}
.us_content > .menu_content {
display: block;
flex-wrap: nowrap;
flex-direction: column;
align-content: center;
align-items: center;
padding: 50px 0px 30px 0px;
width: 100%;
justify-content: space-evenly;
height: 100%;
background-color:White;
transform: translateX(100vw);
transition: all 300ms cubic-bezier(0.520, 0.010, 0.435, 1.000); transition-timing-function: cubic-bezier(0.520, 0.010, 0.435, 1.000); }
.us_content > .menu_content > a{
color: rgb(40, 53, 131);
font-size: 4vw;
}
.us_content > .menu_content > .active_item{
color: #9b2423!important;
}
.us_content > .menu_content:before {
content: "";
width: 100%;
height: 150px;
background-color: white;
margin-bottom: 20px;
background-image: url(https://universeshipping.nl/wp-content/uploads/2021/02/US-logo-zwart.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
}
@media only screen and (max-width: 600px) {
.us_content > .menu_content {
flex-wrap: nowrap;
flex-direction: column;
align-content: center;
align-items: flex-start;
padding: 50px 21vw 30px 21vw;
background-color: White;
transform: translateX(100vw);
}
.us_content > .menu_content > a{
color: rgb(40, 53, 131);
font-size: 6vw;
position:relative;
}
.menu_content > .active_item{
color: #9b2423!important;
}
a.active_item::after {
content: "";
width: 132px;
height: 55px;
background-image: url(https://universeshipping.nl/wp-content/uploads/2021/08/logo-grijs-beeldmerk.svg); position: absolute;
left: -49px;
bottom: -9px;
z-index: -1;
background-repeat: no-repeat;
opacity: 0.4;
}
}
.menu_open {
display: flex!important;
transform: translateX(0px)!important;
}
.btn_closeme::after
{
content: "SLUITEN";
}
.btn_closeme{
box-shadow: rgb(204, 219, 232) 3px 3px 6px 0px inset, rgba(255, 255, 255, 0.5) -3px -3px 6px 1px inset;
width: 150px;
}
.btn_closeme{
background-image:url(https://universeshipping.nl/wp-content/uploads/2021/09/close.svg);
}
section.et_pb_module.et_pb_fullwidth_header.et_pb_fullwidth_header_0.et_pb_text_align_center {
margin-bottom: -1px;
}
.vloot > .header_foto > .badge{
padding: 4px 10px;
position: absolute;
right: 10px;
top: 10px;
background-color: #ffffffd9;
border-radius: 3px;
font-weight: 700;
color: #273583;
display: none!important;
}
.us_menu > .us_content > .menu_content > .active_item:after {
content: "";
position: absolute;
left: 0px;
bottom: -8px;
width: 100%;
height: 4px;
background-color: #9b2423;
border-radius: 5px;
}
.social_grid{
display: grid;
grid-template-columns: 45px 45px 45px 45px;
grid-gap: 10px;
float: right;
}
.realisatieRUW
{
width: 100%;
height: 75px;
bottom: 0px;
float: left;
margin-top: 80px;
margin-bottom: 0px;
background-image: url(https://cdn.buroruw.nl/wp-content/uploads/2021/05/ruw-wit.svg);
background-repeat: no-repeat;
background-size: contain;
background-position:center right;
}.cc-window{opacity:1;-webkit-transition:opacity 1s ease;transition:opacity 1s ease}.cc-window.cc-invisible{opacity:0!important}.cc-animate.cc-revoke{-webkit-transition:transform 1s ease;-webkit-transition:-webkit-transform 1s ease;transition:-webkit-transform 1s ease;transition:transform 1s ease;transition:transform 1s ease,-webkit-transform 1s ease}.cc-animate.cc-revoke.cc-top{-webkit-transform:translateY(-2em);transform:translateY(-2em)}.cc-animate.cc-revoke.cc-bottom{-webkit-transform:translateY(2em);transform:translateY(2em)}.cc-animate.cc-revoke.cc-active.cc-top{-webkit-transform:translateY(0);transform:translateY(0)}.cc-animate.cc-revoke.cc-active.cc-bottom{-webkit-transform:translateY(0);transform:translateY(0)}.cc-revoke:hover{-webkit-transform:translateY(0);transform:translateY(0)}.cc-grower{max-height:0;overflow:hidden;-webkit-transition:max-height 1s;transition:max-height 1s}
.cc-revoke,.cc-window{position:fixed;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:Helvetica,Calibri,Arial,sans-serif;font-size:16px;line-height:1.5em;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:2147483646}.cc-window.cc-static{position:static}.cc-window.cc-floating{padding:2em;max-width:24em;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner{padding:1em 1.8em;width:100%;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.cc-revoke{padding:.5em}.cc-revoke:hover{text-decoration:underline}.cc-header{font-size:18px;font-weight:700}.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{opacity:.8;display:inline-block;margin-bottom:.4em;text-decoration:underline}.cc-link:hover{opacity:1}.cc-link:active,.cc-link:visited{color:initial}.cc-btn{display:block;padding:.4em .8em;font-size:.9em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap;text-decoration:none}.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}.cc-first-highlight .cc-btn:last-child{background-color:transparent;border-color:transparent}.cc-first-highlight .cc-btn:last-child:focus,.cc-first-highlight .cc-btn:last-child:hover{background-color:transparent;text-decoration:underline}.cc-close{display:block;position:absolute;top:.2em;right:.4em;font-size:1.6em;opacity:.9;line-height:.75}.cc-close.cc-closeXcustomText{text-decoration:underline;font-size:1.1em;top:.5em;right:.6em}.cc-window.cc-banner.cc-addedcloseX{padding:2em 1.8em}.cc-close:focus,.cc-close:hover{opacity:1}div.cc-blockingScreen{opacity:.5;background:#000;width:100%;height:100%;z-index:2147483630;top:0;left:0;position:fixed}span.cc-visually-hidden{border:0;padding:0;margin:0;position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}
.cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{right:3em;left:unset}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:1em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em}.cc-window.cc-floating .cc-compliance{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto}.cc-window.cc-banner{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{left:0;right:0;bottom:0}.cc-banner .cc-message{display:block;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;max-width:100%;margin-right:1em}.cc-allswitches.cc-floating{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.cc-compliance{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between}.cc-floating .cc-compliance>.cc-btn{-webkit-box-flex:1;-ms-flex:1;flex:1}.cc-btn+.cc-btn{margin-left:.5em}.cc-switch-element{margin-bottom:.3em}.cc-switch{position:relative;display:inline-block;width:2.3em;height:1.4em;margin:0 .3em 0 0;vertical-align:middle}.cc-switch-label{margin-right:.6em}.cc-switch input{opacity:0;width:0;height:0;display:none}.cc-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s}.cc-slider:before{position:absolute;content:"";height:1em;width:1em;left:.2em;bottom:.2em;background-color:#fff;-webkit-transition:.4s;transition:.4s}input:checked+.cc-slider{background-color:#a0db8e}input:focus+.cc-slider{-webkit-box-shadow:0 0 1px #a0db8e;box-shadow:0 0 1px #a0db8e}input:checked+.cc-slider:before{-webkit-transform:translateX(.9em);transform:translateX(.9em)}.cc-slider.disabled:before{opacity:45%}.cc-slider.classic{border-radius:.6em}.cc-slider.classic:before{border-radius:50%}.cc-popovercenter{position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);min-width:380px;z-index:2147483645}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-popovercenter{top:50%!important;left:50%!important;min-width:calc(100%)!important}}
@media print{.cc-revoke,.cc-window{display:none}}@media screen and (max-width:900px){.cc-btn{white-space:normal}}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-floating,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner .cc-compliance{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-webkit-box-align:unset;-ms-flex-align:unset;align-items:unset}.cc-window.cc-banner .cc-message{margin-right:0}}
.cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-webkit-box-flex:0;-ms-flex:none;flex:none}.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-highlight .cc-btn:last-child{min-width:140px}.cc-theme-classic .cc-highlight .cc-btn:first-child{min-width:0}.cc-theme-classic .cc-first-highlight .cc-btn:last-child{min-width:0}.cc-theme-classic .cc-first-highlight .cc-btn:first-child{min-width:140px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block}
.cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em;margin-bottom:1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0}