File: D:/HostingSpaces/SBogers60/vandeurzenheftrucks.nl/wwwroot/css/less/screen.css
* {
box-sizing: border-box;
-moz-box-sizing: border-box;
}
::selection {
background: #0D57C1;
color: #FEDD33;
}
::-moz-selection {
background: #0D57C1;
color: #FEDD33;
}
html {
height: 100%;
}
body {
position: relative;
overflow-x: hidden;
margin: 0;
padding: 80px 0 0 280px;
width: 100%;
min-height: 100%;
color: #66686D;
font-family: 'Montserrat', sans-serif;
font-size: 14px;
letter-spacing: 0.02em;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
font-smoothing: antialiased;
}
a {
text-decoration: none;
color: #0D57C1;
}
a.disabled {
cursor: default;
}
section,
article {
display: block;
}
.clear {
display: block;
clear: both;
}
.float {
float: left;
}
.mobile {
display: none;
}
.center {
position: relative;
margin: 0 auto;
padding-right: 80px;
padding-left: 80px;
width: 1280px;
}
.sprite {
background: url('/images/structure/vandeurzen_sprite.svg');
background-size: 160px 200px;
}
.show_small {
display: none;
}
header.main {
position: fixed;
z-index: 100;
top: 0;
left: 0;
padding-left: 280px;
width: 100%;
height: 80px;
background: #FEDD33;
color: #0D57C1;
-webkit-transform: translateZ(0);
}
header.main span {
position: relative;
}
header.main .logo {
position: absolute;
top: 0;
left: 0;
margin: 20px 20px 0 0;
width: 55px;
height: 32px;
background: url('/images/structure/vandeurzen_sprite.svg');
background-size: 160px 200px;
background-position: -10px -100px;
}
header.main .main_title {
display: block;
padding-top: 10px;
position: relative;
padding-left: 70px;
}
header.main .title {
font-family: 'Titillium Web', sans-serif;
font-weight: 600;
font-size: 1.75em;
white-space: nowrap;
}
header.main .phone {
position: absolute;
top: 0;
right: 0;
font-size: 1.125em;
line-height: 80px;
}
.breadcrumb {
display: block;
position: relative;
overflow: hidden;
height: 24px;
font-family: 'Titillium Web', sans-serif;
font-weight: 600;
font-size: .9em;
line-height: 1.2;
text-transform: uppercase;
letter-spacing: 0.06em;
white-space: nowrap;
}
.breadcrumb .holder {
display: block;
position: absolute;
left: 0;
top: -100%;
-webkit-transition: top 300ms;
-o-transition: top 300ms;
-moz-transition: top 300ms;
transition: top 300ms;
white-space: nowrap;
}
.breadcrumb .new {
top: -100%;
}
.breadcrumb .current {
top: 0;
}
.breadcrumb .hide {
top: 100%;
}
aside.nav {
position: fixed;
z-index: 150;
top: 0;
left: 0;
overflow: hidden;
width: 280px;
min-height: 100%;
background: #0D57C1;
color: #fff;
font-family: 'Titillium Web', sans-serif;
font-size: 1.125em;
-webkit-transform: translateZ(0);
}
aside.nav .logo_large {
display: block;
padding: 50px;
width: 100%;
}
aside.nav .title {
display: block;
margin-bottom: 56px;
padding-left: 40px;
height: 80px;
font-weight: 600;
text-transform: uppercase;
line-height: 80px;
}
aside.nav .icon {
display: none;
}
aside.nav ul {
position: relative;
margin: 0;
padding: 0;
width: 280px;
list-style: none;
}
aside.nav li {
position: relative;
height: 56px;
line-height: 56px;
border-bottom: 1px solid #3170CA;
}
aside.nav li a {
display: block;
position: relative;
z-index: 5;
padding-left: 40px;
width: 100%;
height: 100%;
color: #D8D9F4;
font-weight: 600;
}
aside.nav li .bg {
display: block;
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 0;
background: #0043C4;
-webkit-transition: height 400ms ease-out, opacity 400ms linear 500ms;
transition: height 400ms ease-out, opacity 400ms linear 500ms;
}
aside.nav li .arrow {
display: block;
position: absolute;
top: 50%;
right: 20px;
z-index: 5;
opacity: 0;
filter: alpha(opacity=0);
margin-top: -5px;
width: 20px;
height: 10px;
background: url('/images/structure/vandeurzen_sprite.svg');
background-size: 160px 200px;
background-position: -90px -140px;
-webkit-transition: opacity 400ms, background-position 400ms ease-out;
transition: opacity 400ms, background-position 400ms ease-out;
-webkit-transform: translateZ(0);
}
aside.nav li.active a {
color: #fff;
}
aside.nav li.active .bg {
height: 100%;
}
aside.nav li.active .arrow {
opacity: 1;
filter: alpha(opacity=100);
background-position: -57px -140px;
}
aside.nav li:not(.active):hover a {
color: #FEDD33;
}
aside.nav li:not(.active):hover .arrow {
opacity: 1;
filter: alpha(opacity=100);
background-position: -57px -140px;
}
#mob_nav {
display: none;
}
#mob_nav .icon {
display: block;
margin: 20px 15px 56px;
width: 30px;
height: 20px;
background: url('/images/structure/vandeurzen_sprite.svg');
background-size: 160px 200px;
background-position: -100px -140px;
}
#content {
position: relative;
z-index: 1;
}
#loader {
display: block;
position: fixed;
top: 0;
left: 0;
margin-left: 140px;
width: 100%;
height: 100%;
background: url('/images/structure/loader.gif') center center no-repeat;
opacity: 0;
filter: alpha(opacity=0);
}
#new_id {
display: none;
}
section.full {
padding: 80px 0 0;
position: relative;
z-index: 5;
width: 100%;
background: #fff;
}
#contact section.full,
#offer section.full,
#demo section.full {
padding-top: 20px;
}
.btn {
display: inline-block;
position: relative;
overflow: hidden;
margin-bottom: 10px;
height: 56px;
background: #4258DA;
color: #fff;
line-height: 56px;
-moz-border-radius: 6px;
border-radius: 6px;
cursor: pointer;
}
.btn .text {
position: relative;
top: -1px;
left: 0;
z-index: 5;
padding: 0 56px 0 32px;
font-family: 'Titillium Web', sans-serif;
font-weight: 600;
}
.btn .arrow {
display: block;
position: absolute;
top: 50%;
right: 27px;
z-index: 5;
margin-top: -5px;
width: 6px;
height: 10px;
background: url('/images/structure/vandeurzen_sprite.svg');
background-size: 160px 200px;
background-position: -70px -140px;
-webkit-transition: all 200ms;
-o-transition: all 200ms;
-moz-transition: all 200ms;
transition: all 200ms;
}
.btn .shadow {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 2px;
background: #0B0E2F;
-webkit-transition: all 200ms;
-o-transition: all 200ms;
-moz-transition: all 200ms;
transition: all 200ms;
}
.btn input {
position: relative;
top: 0;
left: 0;
z-index: 5;
padding: 0 56px 0 32px;
border: none;
background: none;
color: #fff;
font-family: 'Titillium Web', sans-serif;
font-size: 14px;
font-weight: 600;
cursor: pointer;
height: 100%;
}
.btn:hover .shadow {
height: 100%;
background: #2F4ABC;
}
.btn:hover .arrow {
-webkit-transform: translate(5px, 0);
transform: translate(5px, 0);
}
.banner {
position: relative;
overflow: hidden;
z-index: 1;
margin: 0 auto;
width: 100%;
min-width: 1280px;
max-height: 600px;
text-align: center;
}
.banner img {
width: 100%;
}
.banner .layer {
position: absolute;
top: 0;
left: 1px;
z-index: 3;
width: 100%;
}
.banner.preload {
background: #FFEE9F;
}
.banner.preload.fork-truck {
background: none;
}
#home .banner {
margin: 10% auto;
min-width: 0;
width: 50%;
max-width: 900px;
}
.col {
width: 224px;
float: left;
}
.col.w2 {
width: 448px;
}
.col.w3 {
width: 672px;
}
.col.w4 {
width: 896px;
}
.col.w5 {
width: 1120px;
}
.col.pad {
padding-right: 80px;
}
.col.pad_l {
padding-left: 80px;
}
.col.float_r {
float: right;
}
.col.w2.short {
width: 368px;
}
.col.move_col_r {
margin-left: 224px;
}
.row {
padding-bottom: 80px;
}
.row h1,
.row h2 {
position: relative;
overflow: hidden;
width: 100%;
color: #0D57C1;
font-size: 1.6em;
font-weight: 400;
}
.row h1 .arrow,
.row h2 .arrow {
display: block;
position: absolute;
bottom: 100%;
right: 0;
width: 8px;
height: 5px;
background: url('/images/structure/vandeurzen_sprite.svg');
background-size: 160px 200px;
background-position: -50px -25px;
-webkit-transition: bottom 400ms;
-o-transition: bottom 400ms;
-moz-transition: bottom 400ms;
transition: bottom 400ms;
}
.row h1 strong,
.row h2 strong {
font-weight: 600;
}
.row h1 .text,
.row h2 .text {
display: block;
position: relative;
-webkit-transform: translate(0, 100%);
transform: translate(0, 100%);
-webkit-transition: all 400ms;
-o-transition: all 400ms;
-moz-transition: all 400ms;
transition: all 400ms;
}
.row h1 .border,
.row h2 .border {
display: block;
width: 1%;
height: 2px;
background: #0D57C1;
-webkit-transition: width 400ms;
-o-transition: width 400ms;
-moz-transition: width 400ms;
transition: width 400ms;
}
.row h3 {
margin: 0 0 .2em;
font-size: 1em;
font-weight: 600;
}
.row p,
.row ul.list {
margin: 0 0 1.95em;
line-height: 1.75;
}
.row p strong,
.row ul.list strong {
color: #292B2D;
}
.row p {
position: relative;
left: -80px;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all 400ms;
-o-transition: all 400ms;
-moz-transition: all 400ms;
transition: all 400ms;
}
.row ul.ol {
float: left;
margin: 0 0 1.95em;
padding: 0;
width: 100%;
list-style: none;
line-height: 1.75;
}
.row ul.ol li {
float: left;
width: 100%;
}
.row ul.ol .nr {
display: block;
float: left;
width: 10%;
color: #0D57C1;
font-family: 'Titillium Web', sans-serif;
font-weight: 700;
}
.row ul.ol .text {
display: block;
float: left;
width: 90%;
}
.row .cta_text {
display: block;
margin-bottom: 1.2em;
color: #0D57C1;
font-size: 1.7em;
font-family: 'Titillium Web', sans-serif;
font-weight: 400;
line-height: 1.4375em;
}
.row .cta_text .arrow {
display: inline-block;
margin: 0 0 5px 10px;
width: 10px;
height: 8px;
background: url('/images/structure/vandeurzen_sprite.svg');
background-size: 160px 200px;
background-position: -50px -10px;
}
.row .cta_text.small {
font-size: 1.4em;
font-style: normal;
font-weight: 400;
}
.row .cta_text.small strong {
font-weight: 600;
}
.row ul.list {
padding: 0;
list-style: none;
}
.row ul.list li {
padding-left: 30px;
background: url('/images/structure/vandeurzen_sprite.svg');
background-size: 160px 200px;
background-position: -10px -170px;
background-repeat: no-repeat;
}
.row .quote {
color: #0D57C1;
}
.row .quote h3 {
font-size: 1.1em;
}
.row .quote hr {
display: block;
margin: 40px 0;
width: 100%;
height: 2px;
border: none;
background: #0D57C1;
}
#contact .row {
margin-bottom: 0;
padding-bottom: 60px;
}
.show_content h1 .text,
.show_content h2 .text {
display: block;
position: relative;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
.show_content h1 .border,
.show_content h2 .border {
width: 100%;
}
.show_content h1 .arrow,
.show_content h2 .arrow {
bottom: 10px;
}
.show_content p {
left: 0;
opacity: 1;
filter: alpha(opacity=100);
}
#references .cta {
margin-top: 80px;
}
#references .references {
float: left;
padding: 0;
margin: 60px 0;
list-style: none;
}
#references .references li {
width: 33.33333%;
float: left;
}
#references .references li img {
margin: 5%;
width: 90%;
}
.client_holder.no-margin-top {
margin-top: 0;
}
#references .references.no-margin-top {
margin-top: 0;
}
.preload img {
display: block;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: opacity 600ms ease-in;
-o-transition: opacity 600ms ease-in;
-moz-transition: opacity 600ms ease-in;
transition: opacity 600ms ease-in;
width: 100%;
-webkit-backface-visibility: hidden;
}
.preload.resize {
background: none;
}
form .form-element {
position: relative;
float: left;
width: 100%;
height: 50px;
}
form .form-element label {
display: block;
position: absolute;
top: 15px;
left: -140px;
margin-bottom: 3px;
width: 130px;
color: #0D57C1;
font-family: 'Titillium Web', sans-serif;
font-weight: 700;
font-size: .9em;
text-transform: uppercase;
line-height: 1;
text-align: right;
outline: none;
letter-spacing: 0.06em;
}
form .form-element input,
form .form-element textarea {
position: relative;
z-index: 5;
padding: 10px;
width: 100%;
border: 3px solid #D9DEF8;
background: #fff;
color: #66686D;
font-family: 'Montserrat', sans-serif;
font-weight: 300;
font-size: 13px;
outline: none;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
form .form-element input {
height: 40px;
line-height: 40px;
}
form .form-element textarea {
height: 130px;
resize: none;
}
form .form-element select {
width: 300px;
}
form .form-element .error {
position: absolute;
top: -18px;
left: 0;
display: block;
width: 100%;
color: #F2303F;
font-size: 0.8em;
}
form .form-element .placeholder {
position: absolute;
top: -2px;
left: 12px;
z-index: 15;
color: #D9DEF8;
font-size: 13px;
line-height: 45px;
}
form .form-element.focus input,
form .form-element.focus textarea {
border: 3px solid #0D57C1;
}
form .form-element.focus .placeholder {
color: #9BA0AE;
}
form .form-element.textarea_holder {
height: 150px;
}
form .form-element.error {
margin-top: 14px;
}
form .form-element.error input,
form .form-element.error textarea {
border: 3px solid #F2303F;
}
form .form-element .customSelect {
padding: 10px;
width: 100%;
border: 3px solid #D9DEF8;
background: #fff url('/images/structure/select_arrow.svg') right center no-repeat;
color: #66686D;
font-family: 'Montserrat', sans-serif;
font-weight: 300;
font-size: 13px;
letter-spacing: normal;
}
form .form-element .customSelect.customSelectFocus {
border: 3px solid #0D57C1;
}
form .form-element .customSelectInner {
width: 100% !important;
}
.thanks.inactive {
display: none;
}
.form-element.message {
height: 150px;
}
.streamer_holder {
position: relative;
z-index: 5;
width: 100%;
background: #EFF1F6;
font-size: 1.4em;
}
.streamer_holder h1 {
font-size: 1.5em;
font-weight: 600;
}
.streamer_holder .center {
padding-top: 30px;
padding-bottom: 45px;
max-width: 800px;
}
.streamer_holder p {
margin: 0;
color: #383838;
font-family: 'Titillium Web', sans-serif;
font-weight: 300;
line-height: 1.4375em;
}
.streamer_holder .btn {
margin-top: 24px;
}
.agrimac {
background: #EFF1F6;
padding: 0;
margin: 0 auto 80px auto;
width: 1120px;
}
.agrimac .pad {
padding: 45px;
}
.agrimac p {
left: 0;
opacity: 1;
width: 90%;
}
.agrimac svg {
max-width: 250px;
margin-bottom: 15px;
margin-right: 40px;
}
.agrimac svg .st0 {
fill: #96c346;
}
.cta {
float: left;
}
.cta .info {
padding: 30px 20px;
height: 246px;
background: #FEDD33;
color: #0D57C1;
}
.cta .info .title {
display: block;
margin-bottom: 20px;
font-size: 1.5em;
font-family: 'Titillium Web', sans-serif;
font-weight: 600;
}
.cta .info .prop {
display: block;
float: left;
margin: 0 10px 10px 0;
width: 24px;
height: 24px;
background: url('/images/structure/vandeurzen_sprite.svg');
background-size: 160px 200px;
}
.cta .info .prop.phone {
background-position: -10px -60px;
}
.cta .info .prop.mail {
background-position: -40px -60px;
}
.cta .info .value {
display: block;
position: relative;
top: 2px;
left: 0;
float: left;
}
.cta .preload {
overflow: hidden;
}
.caption {
display: block;
margin-top: 5px;
font-size: .875em;
color: #0D57C1;
font-family: 'Titillium Web', sans-serif;
font-weight: 600;
}
.client_holder {
margin-top: 60px;
}
.news_holder,
.cta_footer {
display: block;
position: relative;
z-index: 5;
cursor: pointer;
}
.news_holder .bar,
.cta_footer .bar {
width: 100%;
background: #FEDD33;
color: #0D57C1;
font-family: 'Titillium Web', sans-serif;
-webkit-transition: all 300ms;
-o-transition: all 300ms;
-moz-transition: all 300ms;
transition: all 300ms;
}
.news_holder .bar .center,
.cta_footer .bar .center {
padding-top: 36px;
padding-bottom: 20px;
height: 100%;
}
.news_holder .bar .left,
.cta_footer .bar .left {
float: left;
width: 224px;
}
.news_holder .bar .right,
.cta_footer .bar .right {
float: left;
width: 896px;
}
.news_holder .bar span,
.cta_footer .bar span {
display: block;
}
.news_holder .bar .category,
.cta_footer .bar .category {
font-weight: 700;
font-size: 1.25em;
text-transform: uppercase;
}
.news_holder .bar .date,
.cta_footer .bar .date,
.news_holder .bar .read,
.cta_footer .bar .read {
margin-top: 5px;
font-size: .75em;
font-weight: 700;
text-transform: uppercase;
}
.news_holder .bar .title,
.cta_footer .bar .title {
margin: -9px 0 0;
font-size: 1.5em;
font-weight: 600;
}
.news_holder .bar .read,
.cta_footer .bar .read {
display: inline-block;
position: relative;
margin-top: 2px;
-webkit-transition: all 300ms;
-o-transition: all 300ms;
-moz-transition: all 300ms;
transition: all 300ms;
}
.news_holder .bar .arrow,
.cta_footer .bar .arrow {
display: inline-block;
position: relative;
margin-left: 5px;
width: 10px;
height: 8px;
background: url('/images/structure/vandeurzen_sprite.svg');
background-size: 160px 200px;
background-position: -50px -10px;
-webkit-transition: all 300ms;
-o-transition: all 300ms;
-moz-transition: all 300ms;
transition: all 300ms;
}
.news_holder .bar .plus,
.cta_footer .bar .plus {
display: block;
position: absolute;
top: 50%;
right: 80px;
margin-top: -16px;
width: 32px;
height: 32px;
background: url('/images/structure/vandeurzen_sprite.svg');
background-size: 160px 200px;
background-position: -10px -10px;
-webkit-transition: all 300ms;
-o-transition: all 300ms;
-moz-transition: all 300ms;
transition: all 300ms;
}
.news_holder .bar .message,
.cta_footer .bar .message {
position: relative;
overflow: hidden;
margin: 20px 0 0;
width: 448px;
height: 0;
-webkit-transition: height ease-out 300ms;
-o-transition: height ease-out 300ms;
-moz-transition: height ease-out 300ms;
transition: height ease-out 300ms;
font-family: 'Montserrat', sans-serif;
line-height: 1.75;
}
.news_holder:not(.open) .bar:hover,
.cta_footer:not(.open) .bar:hover {
background: #FED400;
}
.news_holder:not(.open) .bar:hover .plus,
.cta_footer:not(.open) .bar:hover .plus {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
.news_holder:not(.open) .bar:hover .read,
.cta_footer:not(.open) .bar:hover .read,
.news_holder:not(.open) .bar:hover .arrow,
.cta_footer:not(.open) .bar:hover .arrow {
-webkit-transform: translate(40px, 0);
transform: translate(40px, 0);
}
.news_holder.open .bar .plus,
.cta_footer.open .bar .plus {
transform: rotate(45deg);
-ms-transform: rotate(45deg);
/* IE 9 */
-webkit-transform: rotate(45deg);
}
.news_holder.open .bar .read,
.cta_footer.open .bar .read,
.news_holder.open .bar .arrow,
.cta_footer.open .bar .arrow {
opacity: 0;
filter: alpha(opacity=0);
}
.cta_footer {
margin: 80px 0 0;
padding: 0;
list-style: none;
}
.cta_footer .bar {
display: block;
background: #EBEEF4;
}
.cta_footer .bar .center {
padding-top: 56px;
padding-bottom: 40px;
}
.cta_footer .bar .title {
font-weight: 600;
width: 80%;
}
.cta_footer .bar .title strong {
font-weight: 700;
}
.cta_footer .bar .large_arrow {
display: block;
position: absolute;
top: 50%;
right: 80px;
margin-top: -16px;
width: 20px;
height: 32px;
background: url('/images/structure/vandeurzen_sprite.svg');
background-size: 160px 200px;
background-position: -70px -10px;
}
.cta_footer li:nth-child(2n) .bar {
background: #FCFCFD;
}
.board_members,
.employees {
margin: 0;
padding: 0;
list-style: none;
float: left;
}
.board_members li,
.employees li {
position: relative;
overflow: hidden;
float: left;
width: 224px;
}
.board_members li img,
.employees li img {
width: 100%;
}
.board_members li span,
.employees li span {
display: block;
}
.board_members li .photo,
.employees li .photo {
position: relative;
z-index: 1;
padding-bottom: 135.555555556%;
width: 100%;
height: 0;
}
.board_members li .photo.hover,
.employees li .photo.hover {
position: absolute;
top: -100.1%;
left: 0;
z-index: 4;
padding-bottom: 135.555555556%;
height: 0;
opacity: 0;
filter: alpha(opacity=0);
}
.board_members li .blur,
.employees li .blur {
position: absolute;
top: 0;
left: 0;
z-index: 5;
width: 100%;
height: 100%;
background: #FED230;
opacity: 0.8;
filter: alpha(opacity=80);
-webkit-transition: opacity 300ms;
-o-transition: opacity 300ms;
-moz-transition: opacity 300ms;
transition: opacity 300ms;
}
.board_members li .name,
.employees li .name {
position: absolute;
left: 0;
bottom: 25px;
z-index: 10;
width: 100%;
color: #fff;
font-size: 1.25em;
font-family: 'Titillium Web', sans-serif;
font-weight: 600;
text-align: center;
text-shadow: 0px 0px 3px #000;
}
.board_members li:hover .photo.hover,
.employees li:hover .photo.hover {
opacity: 1;
filter: alpha(opacity=100);
}
.board_members li:hover .blur,
.employees li:hover .blur {
opacity: 0;
filter: alpha(opacity=0);
}
.employees {
margin-top: 64px;
}
.employees .blur {
background: #EBEEF4;
}
.employees .name {
color: #383838;
bottom: 15px;
font-size: 1em;
}
#about .cta_text {
margin-top: 80px;
}
nav.products_list {
display: none;
}
#sale_rental #sale_rental_navigation {
display: block;
}
#projects #used_machines_navigation {
display: block;
}
nav.products_list {
visibility: hidden;
position: fixed;
left: 50%;
top: 160px;
z-index: 10;
opacity: 0;
filter: alpha(opacity=0);
margin-left: -420px;
font-family: 'Titillium Web', sans-serif;
-webkit-transition: all 500ms;
-o-transition: all 500ms;
-moz-transition: all 500ms;
transition: all 500ms;
}
nav.products_list .list_title {
display: block;
position: relative;
margin-bottom: 20px;
width: 100%;
font-size: 1.25em;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.3em;
color: #0D57C1;
}
nav.products_list .list_title .overview {
display: block;
position: absolute;
right: -5px;
top: 7px;
width: 16px;
height: 16px;
background: url('/images/structure/vandeurzen_sprite.svg');
background-size: 160px 200px;
background-position: -10px -140px;
-webkit-transition: opacity 400ms;
-o-transition: opacity 400ms;
-moz-transition: opacity 400ms;
transition: opacity 400ms;
cursor: pointer;
}
nav.products_list .list_title .overview.disabled {
opacity: 0.3;
filter: alpha(opacity=30);
cursor: default;
}
nav.products_list ul {
margin: 0;
padding: 0;
list-style: none;
}
nav.products_list li {
position: relative;
width: 100%;
}
nav.products_list li a {
display: block;
position: relative;
top: 0;
left: -5%;
padding: 0 5%;
width: 110%;
color: #0D57C1;
font-weight: 600;
line-height: 32px;
}
nav.products_list li.active a {
background: #FEDD33;
}
nav.products_list .arrow {
display: block;
position: absolute;
top: 50%;
right: 0;
margin-top: -4px;
width: 5px;
height: 8px;
background: url('/images/structure/vandeurzen_sprite.svg');
background-size: 160px 200px;
background-position: -40px -140px;
}
nav.products_list.mob {
display: none;
}
#product nav.products_list,
#sale_rental nav.products_list,
#projects nav.products_list,
#project nav.products_list,
#heftrucks-gas nav.products_list,
#heftrucks-elektrisch nav.products_list,
#heftrucks-diesel nav.products_list,
#ruwterrein-heftrucks nav.products_list,
#overige nav.products_list,
#projectDetail nav.products_list {
visibility: visible;
opacity: 1;
filter: alpha(opacity=100);
}
.product_thumbs {
margin: 80px 0 60px;
padding: 0;
list-style: none;
float: left;
}
.product_thumbs li {
display: block;
position: relative;
float: left;
margin: 0 16px 30px 0;
width: 261.33333333px;
height: 261.33333333px;
}
.product_thumbs li:nth-child(3n) {
margin-right: 0;
}
.product_thumbs li:hover .image img {
border-color: #0D57C1;
}
.product_thumbs li:hover .title {
text-decoration: underline;
}
.product_thumbs a {
display: block;
}
.product_thumbs .image {
position: relative;
z-index: 1;
width: 100%;
height: 100%;
overflow: hidden;
}
.product_thumbs .image img {
display: block;
border: 1px solid #DDE2ED;
width: 100%;
-webkit-transition: border-color 300ms ease-out;
-o-transition: border-color 300ms ease-out;
-moz-transition: border-color 300ms ease-out;
transition: border-color 300ms ease-out;
}
.product_thumbs .title {
position: absolute;
bottom: -20px;
left: 0;
z-index: 5;
width: 100%;
}
.show_overview_holder {
display: none;
}
#sale_rental .cta {
margin-bottom: 80px;
}
.product_intro {
background: #F7F8FA;
margin-bottom: 40px;
}
.product_intro .row {
margin-top: 0;
margin-bottom: 0;
padding: 40px 80px 24px;
}
article.product_row {
border-bottom: 2px solid #DDE2ED;
margin-bottom: 40px;
}
article.product_row h3 {
margin-bottom: 1em;
color: #0D57C1;
font-size: 1.375em;
font-family: 'Titillium Web', sans-serif;
font-weight: 600;
}
article.product_row ul {
margin-bottom: 40px;
}
article.product_row .cta_text {
margin: 40px 0;
}
article.product_row .btn {
margin-bottom: 40px;
}
.maps_holder {
position: relative;
overflow: hidden;
z-index: 100;
width: 100%;
height: 0;
background: #fff;
-webkit-transition: height ease-out 600ms;
-o-transition: height ease-out 600ms;
-moz-transition: height ease-out 600ms;
transition: height ease-out 600ms;
}
.maps_holder a {
display: block;
margin: 10px auto;
width: 960px;
}
#map_canvas {
margin: 0 auto;
width: 960px;
height: 400px;
}
#contact .maps_holder,
.maps_holder.show {
height: 380px;
}
.maps_clicker {
display: block;
cursor: pointer;
}
.double-arrow {
display: inline-block;
margin: 0 0 0 2px;
width: 10px;
height: 8px;
background: url('/images/structure/vandeurzen_sprite.svg');
background-size: 160px 200px;
background-position: -50px -10px;
}
.double-arrow.bc {
position: relative;
top: -1px;
margin: 0 5px;
}
footer {
padding: 58px 0 64px;
background: #FEDD33;
color: #0D57C1;
}
footer .col.w3 {
margin-left: 224px;
}
footer .col_l {
float: left;
width: 280px;
}
footer .col_r {
float: right;
width: 280px;
}
footer .title {
font-size: 1.2em;
font-weight: 600;
line-height: 1.272727273;
}
footer p {
position: relative;
margin: 17px 0 12px;
line-height: 1.75;
width: 100%;
}
footer hr {
display: block;
width: 100%;
height: 3px;
border: none;
background: #0D57C1;
}
footer .maps_btn {
display: block;
position: absolute;
right: 0;
bottom: 7px;
width: 24px;
height: 32px;
background: url('/images/structure/vandeurzen_sprite.svg');
background-size: 160px 200px;
background-position: -70px -60px;
}
footer .copyright,
footer .komma {
display: block;
margin-top: 24px;
}
footer .copyright .logo,
footer .komma .logo {
display: inline-block;
margin-right: 2px;
background: url('/images/structure/vandeurzen_sprite.svg');
background-size: 160px 200px;
}
footer .copyright .text,
footer .komma .text {
display: inline-block;
font-family: 'Titillium Web', sans-serif;
font-size: .9em;
line-height: 1.266666667em;
}
footer .copyright strong,
footer .komma strong {
display: block;
font-size: 1.153846154em;
}
footer .copyright .logo {
position: relative;
top: 1px;
left: 0;
width: 51px;
height: 30px;
background-position: -80px -100px;
}
footer .komma .logo {
position: relative;
top: 4px;
left: 0;
width: 32px;
height: 32px;
background-position: -100px -60px;
}
footer .submenu {
display: block;
margin-top: 50px;
width: 100%;
text-align: center;
font-size: .875em;
font-weight: 400;
font-family: 'Titillium Web', sans-serif;
}
footer .submenu ul {
display: inline-block;
margin: 0;
padding: 0;
list-style: none;
line-height: 1;
}
footer .submenu li {
display: inline-block;
padding: 0 20px;
border-left: 2px solid #0D57C1;
}
footer .submenu li:nth-child(1) {
border: none;
}
#sale_rental footer .col.w3 {
margin-left: 304px;
width: 816px;
}
#sale_rental footer .col_l,
#sale_rental footer .col_r {
width: 368px;
}
.no_transitions,
.load_transitions {
-webkit-transition: none !important;
-moz-transition: none !important;
-o-transition: none !important;
-ms-transition: none !important;
transition: none !important;
}
.sitemap {
line-height: 2em;
}
.sitemap a:hover {
text-decoration: underline;
}
body.auto_nav {
padding-left: 0;
}
body.auto_nav header.main {
padding-left: 0;
height: 60px;
-webkit-transition: all 500ms;
-o-transition: all 500ms;
-moz-transition: all 500ms;
transition: all 500ms;
}
body.auto_nav header.main .logo {
margin-top: 13px;
}
body.auto_nav .breadcrumb_holder {
padding-left: 0;
-webkit-transition: all 500ms;
-o-transition: all 500ms;
-moz-transition: all 500ms;
transition: all 500ms;
}
body.auto_nav aside.nav {
display: block;
width: 0;
-webkit-transition: all 500ms;
-o-transition: all 500ms;
-moz-transition: all 500ms;
transition: all 500ms;
}
body.auto_nav aside.nav .title {
display: none;
}
body.auto_nav aside.nav .icon {
display: block;
margin: 20px 15px 56px;
width: 30px;
height: 20px;
background: url('/images/structure/vandeurzen_sprite.svg');
background-size: 160px 200px;
background-position: -100px -140px;
}
body.auto_nav aside.nav ul {
-webkit-transform: translate(60px, 0);
transform: translate(60px, 0);
-webkit-transition: transform 500ms;
-o-transition: transform 500ms;
-moz-transition: transform 500ms;
transition: transform 500ms;
}
body.auto_nav aside.nav li.active .bg {
opacity: 0;
filter: alpha(opacity=0);
}
body.auto_nav nav.products_list {
margin-left: -560px;
}
body.auto_nav #wrap {
-webkit-transition: all 500ms;
-o-transition: all 500ms;
-moz-transition: all 500ms;
transition: all 500ms;
}
body.auto_nav.open_nav aside.nav {
position: absolute;
width: 280px;
}
body.auto_nav.open_nav aside.nav ul {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
body.auto_nav.open_nav aside.nav li.active .bg {
opacity: 1;
filter: alpha(opacity=100);
}
body.auto_nav.open_nav header.main {
-webkit-transform: translate(280px, 0);
transform: translate(280px, 0);
}
body.auto_nav.open_nav .breadcrumb_holder {
-webkit-transform: translate(280px, 0);
transform: translate(280px, 0);
}
body.auto_nav.open_nav nav.products_list {
margin-left: -420px;
}
body.auto_nav.open_nav #wrap {
position: fixed;
width: calc(100% - 60px);
height: 100%;
overflow: hidden;
-webkit-transform: translate(280px, 0);
transform: translate(280px, 0);
}
body.auto_nav.open_nav #content {
position: fixed;
width: 100%;
}
html.touch body.auto_nav {
padding-left: 0;
}
html.touch body.auto_nav .icon {
display: none;
}
html.touch body.auto_nav header.main {
padding-left: 60px;
}
html.touch body.auto_nav aside.nav {
padding-top: 60px;
width: 0;
}
html.touch body.auto_nav .breadcrumb_holder {
padding-left: 60px;
}
html.touch body.auto_nav nav.products_list {
margin-left: 0;
left: 60px;
}
html.touch body.auto_nav.open_nav aside.nav {
width: 280px;
}
html.touch body.auto_nav.open_nav header.main {
-webkit-transform: translate(280px, 0);
transform: translate(280px, 0);
}
html.touch body.auto_nav.open_nav .breadcrumb_holder {
-webkit-transform: translate(280px, 0);
transform: translate(280px, 0);
}
html.touch body.auto_nav.open_nav #wrap {
-webkit-transform: translate(280px, 0);
transform: translate(280px, 0);
}
html.touch .row {
margin-bottom: 80px;
}
html.touch .row h1 .text,
html.touch .row h2 .text {
display: block;
position: relative;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
html.touch .row h1 .border,
html.touch .row h2 .border {
width: 100%;
}
html.touch .row h1 .arrow,
html.touch .row h2 .arrow {
bottom: 10px;
}
html.touch .row p {
left: 0;
opacity: 1;
filter: alpha(opacity=100);
}
@media screen and (max-width: 1560px) {
body {
padding-top: 60px;
padding-left: 280px;
}
header.main {
padding-left: 280px;
height: 60px;
}
header.main .phone {
line-height: 60px;
}
.breadcrumb_holder {
top: 60px;
padding-left: 280px;
}
aside.nav {
width: 280px;
}
aside.nav .title {
height: 60px;
line-height: 60px;
}
aside.nav .logo_large {
width: 240px;
}
section.full {
padding: 60px 0 0;
}
#loader {
margin-left: 140px;
}
.banner {
min-width: 1160px;
}
#home .banner {
min-width: 0;
}
.center {
padding-right: 60px;
padding-left: 60px;
width: 1160px;
}
.agrimac {
padding: 0;
width: calc(1040px);
min-width: 260px;
}
.col {
width: 208px;
}
.col.w2 {
width: 416px;
}
.col.w3 {
width: 624px;
}
.col.w4 {
width: 832px;
}
.col.w5 {
width: 1040px;
}
.col.pad {
padding-right: 60px;
}
.col.pad_l {
padding-left: 60px;
}
.col.w2.short {
width: 356px;
}
.col.move_col_r {
margin-left: 208px;
}
.row {
margin-bottom: 60px;
}
.news_holder .bar .left,
.cta_footer .bar .left {
width: 208px;
}
.news_holder .bar .right,
.cta_footer .bar .right {
width: 832px;
}
.news_holder .bar .plus,
.cta_footer .bar .plus {
right: 60px;
}
.board_members li,
.employees li {
width: 208px;
}
nav.products_list {
margin-left: -380px;
}
.product_thumbs li {
width: 246.66666667px;
height: 246.66666667px;
}
.cta_footer {
margin-top: 60px;
}
.cta_footer .large_arrow {
right: 60px;
}
footer .col.w3 {
margin-left: 208px;
}
footer .col_l {
width: 260px;
}
footer .col_r {
width: 260px;
}
#sale_rental footer .col.w3 {
margin-left: 268px;
width: 772px;
}
#sale_rental footer .col_l,
#sale_rental footer .col_r {
width: 356px;
}
.product_intro .row {
padding: 40px 60px 24px;
}
#references .cta {
margin-top: 60px;
}
#about .cta_text {
margin-top: 60px;
}
body.auto_nav {
padding-left: 60px;
}
body.auto_nav header.main {
padding-left: 60px;
height: 60px;
}
body.auto_nav .breadcrumb_holder {
top: 60px;
padding-left: 60px;
}
body.auto_nav aside.nav {
width: 60px;
}
body.auto_nav aside.nav ul {
-webkit-transform: translate(60px, 0);
transform: translate(60px, 0);
}
body.auto_nav nav.products_list {
margin-left: -490px;
}
body.auto_nav.open_nav aside.nav {
width: 280px;
}
body.auto_nav.open_nav header.main {
-webkit-transform: translate(220px, 0);
transform: translate(220px, 0);
}
body.auto_nav.open_nav .breadcrumb_holder {
-webkit-transform: translate(220px, 0);
transform: translate(220px, 0);
}
body.auto_nav.open_nav nav.products_list {
-webkit-transform: translate(220px, 0);
transform: translate(220px, 0);
}
body.auto_nav.open_nav #wrap {
-webkit-transform: translate(220px, 0);
transform: translate(220px, 0);
}
body.auto_nav.open_nav #content {
-webkit-transform: translate(220px, 0);
transform: translate(220px, 0);
}
header.main .main_title {
padding-top: 0;
}
header.main .logo {
margin-top: 13px;
}
}
@media screen and (max-width: 1480px) {
body {
padding-top: 60px;
padding-left: 240px;
}
header.main {
padding-left: 240px;
height: 60px;
}
header.main .phone {
line-height: 60px;
}
.breadcrumb_holder {
top: 60px;
padding-left: 240px;
}
aside.nav {
width: 240px;
}
aside.nav .title {
height: 60px;
line-height: 60px;
}
aside.nav .logo_large {
width: 200px;
}
section.full {
padding: 60px 0 0;
}
#loader {
margin-left: 120px;
}
.banner {
min-width: 960px;
}
#home .banner {
min-width: 0;
}
.center {
padding-right: 60px;
padding-left: 60px;
width: 960px;
}
.agrimac {
padding: 0;
width: calc(840px);
min-width: 260px;
}
.col {
width: 168px;
}
.col.w2 {
width: 336px;
}
.col.w3 {
width: 504px;
}
.col.w4 {
width: 672px;
}
.col.w5 {
width: 840px;
}
.col.pad {
padding-right: 60px;
}
.col.pad_l {
padding-left: 60px;
}
.col.w2.short {
width: 276px;
}
.col.move_col_r {
margin-left: 168px;
}
.row {
margin-bottom: 60px;
}
.news_holder .bar .left,
.cta_footer .bar .left {
width: 168px;
}
.news_holder .bar .right,
.cta_footer .bar .right {
width: 672px;
}
.news_holder .bar .plus,
.cta_footer .bar .plus {
right: 60px;
}
.board_members li,
.employees li {
width: 168px;
}
nav.products_list {
margin-left: -280px;
}
.product_thumbs li {
width: 193.33333333px;
height: 193.33333333px;
}
.cta_footer {
margin-top: 60px;
}
.cta_footer .large_arrow {
right: 60px;
}
footer .col.w3 {
margin-left: 168px;
}
footer .col_l {
width: 210px;
}
footer .col_r {
width: 210px;
}
#sale_rental footer .col.w3 {
margin-left: 228px;
width: 612px;
}
#sale_rental footer .col_l,
#sale_rental footer .col_r {
width: 276px;
}
.product_intro .row {
padding: 40px 60px 24px;
}
#references .cta {
margin-top: 60px;
}
#about .cta_text {
margin-top: 60px;
}
body.auto_nav {
padding-left: 60px;
}
body.auto_nav header.main {
padding-left: 60px;
height: 60px;
}
body.auto_nav .breadcrumb_holder {
top: 60px;
padding-left: 60px;
}
body.auto_nav aside.nav {
width: 60px;
}
body.auto_nav aside.nav ul {
-webkit-transform: translate(60px, 0);
transform: translate(60px, 0);
}
body.auto_nav nav.products_list {
margin-left: -390px;
}
body.auto_nav.open_nav aside.nav {
width: 240px;
}
body.auto_nav.open_nav header.main {
-webkit-transform: translate(180px, 0);
transform: translate(180px, 0);
}
body.auto_nav.open_nav .breadcrumb_holder {
-webkit-transform: translate(180px, 0);
transform: translate(180px, 0);
}
body.auto_nav.open_nav nav.products_list {
-webkit-transform: translate(180px, 0);
transform: translate(180px, 0);
}
body.auto_nav.open_nav #wrap {
-webkit-transform: translate(180px, 0);
transform: translate(180px, 0);
}
body.auto_nav.open_nav #content {
-webkit-transform: translate(180px, 0);
transform: translate(180px, 0);
}
body {
font-size: 13px;
}
}
@media screen and (max-width: 1240px) {
aside.nav .logo_large {
display: none;
}
html.touch #mob_nav {
display: block !important;
position: fixed;
top: 0;
left: 0;
z-index: 1000;
width: 60px;
height: 60px;
background: #0D57C1;
}
}
@media screen and (max-width: 1020px) {
body {
padding-top: 60px;
padding-left: 240px;
}
header.main {
padding-left: 240px;
height: 60px;
}
header.main .phone {
line-height: 60px;
}
.breadcrumb_holder {
top: 60px;
padding-left: 240px;
}
aside.nav {
width: 240px;
}
aside.nav .title {
height: 60px;
line-height: 60px;
}
aside.nav .logo_large {
width: 200px;
}
section.full {
padding: 60px 0 0;
}
#loader {
margin-left: 120px;
}
.banner {
min-width: 700px;
}
#home .banner {
min-width: 0;
}
.center {
padding-right: 60px;
padding-left: 60px;
width: 700px;
}
.agrimac {
padding: 0;
width: calc(580px);
min-width: 260px;
}
.col {
width: 116px;
}
.col.w2 {
width: 232px;
}
.col.w3 {
width: 348px;
}
.col.w4 {
width: 464px;
}
.col.w5 {
width: 580px;
}
.col.pad {
padding-right: 60px;
}
.col.pad_l {
padding-left: 60px;
}
.col.w2.short {
width: 172px;
}
.col.move_col_r {
margin-left: 116px;
}
.row {
margin-bottom: 60px;
}
.news_holder .bar .left,
.cta_footer .bar .left {
width: 116px;
}
.news_holder .bar .right,
.cta_footer .bar .right {
width: 464px;
}
.news_holder .bar .plus,
.cta_footer .bar .plus {
right: 60px;
}
.board_members li,
.employees li {
width: 116px;
}
nav.products_list {
margin-left: -150px;
}
.product_thumbs li {
width: 124px;
height: 124px;
}
.cta_footer {
margin-top: 60px;
}
.cta_footer .large_arrow {
right: 60px;
}
footer .col.w3 {
margin-left: 116px;
}
footer .col_l {
width: 145px;
}
footer .col_r {
width: 145px;
}
#sale_rental footer .col.w3 {
margin-left: 176px;
width: 404px;
}
#sale_rental footer .col_l,
#sale_rental footer .col_r {
width: 172px;
}
.product_intro .row {
padding: 40px 60px 24px;
}
#references .cta {
margin-top: 60px;
}
#about .cta_text {
margin-top: 60px;
}
body.auto_nav {
padding-left: 60px;
}
body.auto_nav header.main {
padding-left: 60px;
height: 60px;
}
body.auto_nav .breadcrumb_holder {
top: 60px;
padding-left: 60px;
}
body.auto_nav aside.nav {
width: 60px;
}
body.auto_nav aside.nav ul {
-webkit-transform: translate(60px, 0);
transform: translate(60px, 0);
}
body.auto_nav nav.products_list {
margin-left: -260px;
}
body.auto_nav.open_nav aside.nav {
width: 240px;
}
body.auto_nav.open_nav header.main {
-webkit-transform: translate(180px, 0);
transform: translate(180px, 0);
}
body.auto_nav.open_nav .breadcrumb_holder {
-webkit-transform: translate(180px, 0);
transform: translate(180px, 0);
}
body.auto_nav.open_nav nav.products_list {
-webkit-transform: translate(180px, 0);
transform: translate(180px, 0);
}
body.auto_nav.open_nav #wrap {
-webkit-transform: translate(180px, 0);
transform: translate(180px, 0);
}
body.auto_nav.open_nav #content {
-webkit-transform: translate(180px, 0);
transform: translate(180px, 0);
}
.product_thumbs li {
width: 182.66666667px;
height: 182.66666667px;
}
footer .col.w3 {
margin-left: 0;
}
footer .col_l {
width: 45%;
}
footer .col_r {
width: 45%;
}
#sale_rental footer .col.w3 {
margin-left: 0;
width: 100%;
}
#sale_rental footer .col_l,
#sale_rental footer .col_r {
width: 45%;
}
article.product_row {
padding-bottom: 0;
}
article.product_row .btn {
margin-bottom: 0;
}
#support .cta {
float: none;
}
.news_holder .bar .center,
.cta_footer .bar .center {
padding-top: 36px;
padding-bottom: 35px;
}
.news_holder .bar .left,
.cta_footer .bar .left {
float: none;
margin-bottom: 20px;
width: 464px;
}
.col {
width: 33.333333%;
margin-bottom: 60px;
}
.col.w2 {
width: 66.666666%;
}
.col.w3 {
width: 100%;
}
.col.pad {
padding-right: 0;
}
.col.pad_l {
padding-left: 0;
}
.col.no-margin {
margin-bottom: 0;
}
.col:not(.not-100) {
width: 100%;
float: none;
}
.col:not(.not-100).w2 {
width: 100%;
}
.col:not(.not-100).w3 {
width: 100%;
}
.col:not(.not-100).w4 {
width: 100%;
}
.col:not(.not-100).w5 {
width: 100%;
}
.col:not(.not-100).pad {
padding-right: 0;
}
.col:not(.not-100).pad_l {
padding-left: 0;
}
.col:not(.not-100).w2.short {
width: 100%;
}
.col:not(.not-100).move_col_r {
margin-left: 0;
}
.row {
margin-bottom: 0;
padding-bottom: 0;
}
.hide_on_small {
display: none;
}
.show_small {
display: block;
}
#product nav.products_list,
#sale_rental nav.products_list {
display: none;
}
nav.products_list.mob {
display: block;
position: relative;
left: 0;
top: 0;
}
form .form-element {
height: auto;
margin-bottom: 20px;
}
form .form-element label {
position: relative;
top: 0;
left: 0;
text-align: left;
}
form .form-element .placeholder {
top: 12px;
}
.cta .info {
height: auto;
}
#sale_rental .show_overview_holder {
display: block;
position: fixed;
left: 60px;
top: 60px;
z-index: 100;
width: calc(100% - 60px);
background: #F7F8FA;
color: #0D57C1;
line-height: 40px;
}
#sale_rental .show_overview_holder .center {
display: block;
}
#sale_rental .show_overview_holder .icon {
display: inline-block;
position: relative;
top: 4px;
left: 0;
margin-right: 10px;
width: 16px;
height: 16px;
background: url('/images/structure/vandeurzen_sprite.svg');
background-size: 160px 200px;
background-position: -10px -140px;
}
}
@media screen and (max-width: 760px) {
body {
padding-top: 60px;
padding-left: 240px;
}
header.main {
padding-left: 240px;
height: 60px;
}
header.main .phone {
line-height: 60px;
}
.breadcrumb_holder {
top: 60px;
padding-left: 240px;
}
aside.nav {
width: 240px;
}
aside.nav .title {
height: 60px;
line-height: 60px;
}
aside.nav .logo_large {
width: 200px;
}
section.full {
padding: 60px 0 0;
}
#loader {
margin-left: 120px;
}
.banner {
min-width: 500px;
}
#home .banner {
min-width: 0;
}
.center {
padding-right: 60px;
padding-left: 60px;
width: 500px;
}
.agrimac {
padding: 0;
width: calc(380px);
min-width: 260px;
}
.col {
width: 76px;
}
.col.w2 {
width: 152px;
}
.col.w3 {
width: 228px;
}
.col.w4 {
width: 304px;
}
.col.w5 {
width: 380px;
}
.col.pad {
padding-right: 60px;
}
.col.pad_l {
padding-left: 60px;
}
.col.w2.short {
width: 92px;
}
.col.move_col_r {
margin-left: 76px;
}
.row {
margin-bottom: 60px;
}
.news_holder .bar .left,
.cta_footer .bar .left {
width: 76px;
}
.news_holder .bar .right,
.cta_footer .bar .right {
width: 304px;
}
.news_holder .bar .plus,
.cta_footer .bar .plus {
right: 60px;
}
.board_members li,
.employees li {
width: 76px;
}
nav.products_list {
margin-left: -50px;
}
.product_thumbs li {
width: 70.66666667px;
height: 70.66666667px;
}
.cta_footer {
margin-top: 60px;
}
.cta_footer .large_arrow {
right: 60px;
}
footer .col.w3 {
margin-left: 76px;
}
footer .col_l {
width: 95px;
}
footer .col_r {
width: 95px;
}
#sale_rental footer .col.w3 {
margin-left: 136px;
width: 244px;
}
#sale_rental footer .col_l,
#sale_rental footer .col_r {
width: 92px;
}
.product_intro .row {
padding: 40px 60px 24px;
}
#references .cta {
margin-top: 60px;
}
#about .cta_text {
margin-top: 60px;
}
body.auto_nav {
padding-left: 60px;
}
body.auto_nav header.main {
padding-left: 60px;
height: 60px;
}
body.auto_nav .breadcrumb_holder {
top: 60px;
padding-left: 60px;
}
body.auto_nav aside.nav {
width: 60px;
}
body.auto_nav aside.nav ul {
-webkit-transform: translate(60px, 0);
transform: translate(60px, 0);
}
body.auto_nav nav.products_list {
margin-left: -160px;
}
body.auto_nav.open_nav aside.nav {
width: 240px;
}
body.auto_nav.open_nav header.main {
-webkit-transform: translate(180px, 0);
transform: translate(180px, 0);
}
body.auto_nav.open_nav .breadcrumb_holder {
-webkit-transform: translate(180px, 0);
transform: translate(180px, 0);
}
body.auto_nav.open_nav nav.products_list {
-webkit-transform: translate(180px, 0);
transform: translate(180px, 0);
}
body.auto_nav.open_nav #wrap {
-webkit-transform: translate(180px, 0);
transform: translate(180px, 0);
}
body.auto_nav.open_nav #content {
-webkit-transform: translate(180px, 0);
transform: translate(180px, 0);
}
.product_thumbs li {
width: 116px;
height: 116px;
}
footer .col.w3 {
margin-left: 0;
}
footer .col_l {
width: 45%;
}
footer .col_r {
width: 45%;
}
#sale_rental footer .col.w3 {
margin-left: 0;
width: 100%;
}
#sale_rental footer .col_l,
#sale_rental footer .col_r {
width: 45%;
}
article.product_row {
padding-bottom: 0;
}
article.product_row .btn {
margin-bottom: 0;
}
#support .cta {
float: none;
}
.news_holder .bar .center,
.cta_footer .bar .center {
padding-top: 36px;
padding-bottom: 35px;
}
.news_holder .bar .left,
.cta_footer .bar .left {
float: none;
margin-bottom: 20px;
width: 304px;
}
header.main .phone {
display: none;
}
#references .references li {
width: 50%;
}
.col.not-100 {
width: 100%;
margin-bottom: 40px;
}
.col.not-100.w2 {
width: 100%;
}
.col.not-100.pad {
padding-right: 0;
}
.col.not-100.pad_l {
padding-left: 0;
}
.hide_on_very_small {
display: none;
}
.product_thumbs li {
margin-bottom: 30px;
}
.product_thumbs li .title {
position: relative;
bottom: 0;
font-size: 0.8em;
}
}
@media screen and (max-width: 560px) {
body {
padding-top: 60px;
padding-left: 200px;
}
header.main {
padding-left: 200px;
height: 20px;
}
header.main .phone {
line-height: 20px;
}
.breadcrumb_holder {
top: 20px;
padding-left: 200px;
}
aside.nav {
width: 200px;
}
aside.nav .title {
height: 20px;
line-height: 20px;
}
aside.nav .logo_large {
width: 160px;
}
section.full {
padding: 20px 0 0;
}
#loader {
margin-left: 100px;
}
.banner {
min-width: 260px;
}
#home .banner {
min-width: 0;
}
.center {
padding-right: 20px;
padding-left: 20px;
width: 260px;
}
.agrimac {
padding: 0;
width: calc(140px);
min-width: 260px;
}
.col {
width: 44px;
}
.col.w2 {
width: 88px;
}
.col.w3 {
width: 132px;
}
.col.w4 {
width: 176px;
}
.col.w5 {
width: 220px;
}
.col.pad {
padding-right: 20px;
}
.col.pad_l {
padding-left: 20px;
}
.col.w2.short {
width: 68px;
}
.col.move_col_r {
margin-left: 44px;
}
.row {
margin-bottom: 20px;
}
.news_holder .bar .left,
.cta_footer .bar .left {
width: 44px;
}
.news_holder .bar .right,
.cta_footer .bar .right {
width: 176px;
}
.news_holder .bar .plus,
.cta_footer .bar .plus {
right: 20px;
}
.board_members li,
.employees li {
width: 44px;
}
nav.products_list {
margin-left: 30px;
}
.product_thumbs li {
width: 41.33333333px;
height: 41.33333333px;
}
.cta_footer {
margin-top: 20px;
}
.cta_footer .large_arrow {
right: 20px;
}
footer .col.w3 {
margin-left: 44px;
}
footer .col_l {
width: 55px;
}
footer .col_r {
width: 55px;
}
#sale_rental footer .col.w3 {
margin-left: 64px;
width: 156px;
}
#sale_rental footer .col_l,
#sale_rental footer .col_r {
width: 68px;
}
.product_intro .row {
padding: 40px 20px 24px;
}
#references .cta {
margin-top: 20px;
}
#about .cta_text {
margin-top: 20px;
}
body.auto_nav {
padding-left: 60px;
}
body.auto_nav header.main {
padding-left: 60px;
height: 20px;
}
body.auto_nav .breadcrumb_holder {
top: 20px;
padding-left: 60px;
}
body.auto_nav aside.nav {
width: 60px;
}
body.auto_nav aside.nav ul {
-webkit-transform: translate(60px, 0);
transform: translate(60px, 0);
}
body.auto_nav nav.products_list {
margin-left: -80px;
}
body.auto_nav.open_nav aside.nav {
width: 200px;
}
body.auto_nav.open_nav header.main {
-webkit-transform: translate(140px, 0);
transform: translate(140px, 0);
}
body.auto_nav.open_nav .breadcrumb_holder {
-webkit-transform: translate(140px, 0);
transform: translate(140px, 0);
}
body.auto_nav.open_nav nav.products_list {
-webkit-transform: translate(140px, 0);
transform: translate(140px, 0);
}
body.auto_nav.open_nav #wrap {
-webkit-transform: translate(140px, 0);
transform: translate(140px, 0);
}
body.auto_nav.open_nav #content {
-webkit-transform: translate(140px, 0);
transform: translate(140px, 0);
}
.product_thumbs li {
width: 62.66666667px;
height: 62.66666667px;
}
footer .col.w3 {
margin-left: 0;
}
footer .col_l {
width: 45%;
}
footer .col_r {
width: 45%;
}
#sale_rental footer .col.w3 {
margin-left: 0;
width: 100%;
}
#sale_rental footer .col_l,
#sale_rental footer .col_r {
width: 45%;
}
article.product_row {
padding-bottom: 0;
}
article.product_row .btn {
margin-bottom: 0;
}
#support .cta {
float: none;
}
.news_holder .bar .center,
.cta_footer .bar .center {
padding-top: 36px;
padding-bottom: 35px;
}
.news_holder .bar .left,
.cta_footer .bar .left {
float: none;
margin-bottom: 20px;
width: 176px;
}
body.auto_nav header.main {
height: 60px;
}
header.main .center {
width: 100%;
}
header.main .main_title {
font-size: 1em;
margin-right: 0;
}
.cta_footer .bar .large_arrow {
right: 0;
}
.news_holder .bar .right,
.cta_footer .bar .right {
width: 90%;
}
#sale_rental footer .col_l,
footer .col_l,
#sale_rental footer .col_r,
footer .col_r {
width: 100%;
margin: 0 0 40px;
}
#sale_rental footer .submenu li,
footer .submenu li {
padding: 0 8px;
}
#references .references li {
width: 100%;
}
.product_thumbs li {
margin-right: 10px;
width: calc(50% - 5px);
height: auto;
}
.product_thumbs li:nth-child(3n) {
margin-right: 10px;
}
.product_thumbs li:nth-child(2n) {
margin-right: 0;
}
.show_overview_holder {
font-size: .9em;
}
}
/*# sourceMappingURL=screen.css.map */