body{background-color:#333;font-family: 'Roboto Condensed', sans-serif;background:#333 url(../img/sitebg5.jpg) no-repeat center top;}
body, h1, h2, h3, h4, h5, h6{font-family: 'Roboto Condensed', sans-serif;font-weight:400;}

.site{min-height:100%;margin-bottom:-269px;padding-top:89px;}
.push{height:267px;}

.top{background-color:#fcfcfc;border-bottom:3px solid #005fa3;width:100%;position: fixed;top: 0;left: 0;z-index: 99;box-shadow: 0 0 5px #000;}
.top    .logo   {float:left;padding:1rem 0;}
.top    .logo   img {width:190px;}
.top    .langs  {float:right;padding:1rem 0;}
.top    .flagbtn{display:block;width:40px;height:40px;cursor:pointer;background: #eee;border-radius: 4px;padding: 6px 0 0 5px;margin-top: 14px;}
.top    .flagbtn    .flag{margin:0;}
.top    .flags  {display:none;position:absolute;z-index:9;background:#fff;padding:8px;margin: 0px 0px 0px -12px;border: 3px solid #0260a0;border-radius: 4px;}

.flag   {display:block;height:30px;width:30px;margin:8px 0;background:url(../img/flag-icons.png) no-repeat;font-size:0;opacity:.6;line-height:1rem;transform: scale(.7);}
.flag.activ {opacity:1;}
.flag.nl{background-position:-10px -10px;}
.flag.en{background-position:-60px -10px;}
.flag.de{background-position:-110px -10px;}
.flag.fr{background-position:-10px -60px;}
.flag.es{background-position:-60px -60px;}
.flag.pl{background-position:-110px -60px;}

.navigation{margin:3rem 0;}

nav {}
.mainmenu{float:right;width:100%;}
.menubtn    {width:44px;height: 35px;border: 2px solid #000;border-radius: 5px;margin: 8px 20px;position: absolute;right: 40px;top: 25px;}
.menubtn    span{display:block;width:60%;height:2px;background:#000;margin:5px auto;}
ul.menu {display:none;width: 100%;margin: 5px 4px;}
ul.menu:after   {display:block;content:'';clear:both;}
ul.menu li  {color:#fff;text-align:center;display:block;font-size:1.2rem;border-bottom: 1px solid #fcfcfc;width: 90%;margin-left:4px;text-transform:uppercase;font-weight:bold;}
ul.menu li:last-child{border:none;}
ul.menu li  a   {color:#000;display:block;line-height:24px;background-color: #eee;border-radius:4px;}
ul.menu li.activ a,ul.menu a:hover{background-color:#0260a0;color:#fff;}
.menu>li>a{padding:1rem;}

.nav2{background:#fcfcfc;border-top:3px solid #0260a0;border-radius: 4px;}
.nav2:after{display:block;content:'';clear:both;}
.stocknav   {list-style:none;display:block;width:100%;margin:0;}
.stocknav   li  {display:block;float:left;width:33.333%;text-align:center;min-height:65px;}
.stocknav   li  a   {display:block;padding:10px 0 5px;color:#000141;}
.stocknav   li  a:hover, .stocknav   li  a.activ{color:#e40522;}
.stockicon  {background:url(../img/stock-icons2.jpg) no-repeat;display:block;width:60px;height:25px;margin:0 auto;}
.stockicon.backhoes {background-position-x:-13px;}
.stockicon.excavators{background-position-x:-617px;}
.stockicon.shovels  {background-position-x:-254px;}
.stockicon.dozers   {background-position-x:-101px;}
.stockicon.skidsteers{background-position-x:-328px;}
.stockicon.telehandlers{background-position-x:-402px;}
.stockicon.trucks   {background-position-x:-542px;}
.stockicon.graders  {background-position-x:-927px;}
.stockicon.dumpers  {background-position-x:-177px;}
.stockicon.forklifts{background-position-x:-767px;}
.stockicon.parts    {background-position-x:-472px;}
.stockicon.other    {background-position-x:-1011px;}

.block  {margin:2rem auto;padding:1rem 0;}

h1, h2{color: #0260a0;text-transform: uppercase;font-weight: bold;}
h1 {font-size: 1.5rem;}
h2 {font-size: 1.2rem;}
h1.title{padding:0 1rem;margin:0;}

.bgwhite{background-color:#fcfcfc;}

footer  {background-color:#fcfcfc;padding:1rem 0;}
/*footer .columns {padding:1rem;}*/
footer a{color:#000;}
footer p{margin:0;line-height:25px;}
#myclock{width: 150px;margin:0 auto;}
.clocktxt   {display:block;text-align:center;}
.socialmedia{margin-top:20px;}
.socialmedia .icon{display:inline-block;width:32px;height:32px;font-size:0;overflow:hidden;margin:0px 2px;}
.socialmedia .icon.facebook{background:url(../img/icon-facebook.png) no-repeat;}
.socialmedia .icon.linkedin{background:url(../img/icon-linkedin.png) no-repeat;}
.socialmedia .icon.twitter{background:url(../img/icon-twitter.png) no-repeat;}
.socialmedia .icon.youtube{background:url(../img/icon-youtube.png) no-repeat;}

.slick {padding:1.5rem 2rem 1rem;}
.photoviewer, .navforviewer .slick-slide{border:1px solid #ddd;}
.slick-slider{margin:0;}

.viewer {margin-bottom:2rem;}

.veh{padding:9px;border:1px solid #ccc;margin-bottom:2rem;}
.veh    .pic{overflow:hidden;}
.veh    .pic    img {width:100%;transition:all 0.3s;}
.veh    .pic    img:hover{transform:scale(1.1);opacity:0.8;}
.veh    .txt    {padding:5px 0;font-size:.9rem;height:3.5rem;overflow: hidden;}
.veh    .txt    span{float:right;}
.veh    .txt    b   {font-size:1rem;text-transform:uppercase;color:#0260a0;}
.veh    .act    {min-height:36px;margin-top:5px;display:none;}
.veh    .act:after{display:table;clear:both;content:'';}
.veh    .price  {float:left;padding:4px 0;font-size:1.2rem;font-weight:bold;color:#eee;}
.veh    .btn    {background-color:#C00D0D;color:#fff;padding:6px 12px;float:right;border-radius:3px;}

a   {color:#e50014;}
a:hover, a:focus{color:#af0214;}
p   {text-align:justify;}
.button {background-color: #0260a0;}
.button:hover, .button:focus{background-color: #0777c3;}

.homebtns   a.button{margin-bottom:0;}
.pagination .current{background: #e82121;}

.gmap   {position:relative;background-color:#000;}
.gmap   iframe  {display:block;pointer-events:none;opacity:.9;}
.gmap   .button {position: absolute;width: 200px;left: 50%;margin: 270px 0 0 -100px;box-shadow: 0px 1px 10px #000;z-index: 88;}

fieldset.block  {border: 1px solid #e3e3e3;padding: 1rem;background: #f5f5f5;border-radius: 5px;margin-bottom:2rem;}
fieldset.block  table   {margin:0;}
fieldset.block  legend  {border: 1px solid #e3e3e3;border-radius: 5px;padding: .5rem 1rem;background: #fff;font-weight: bold;margin-bottom:0;}

.photoviewer    .slick-dots{bottom:0;margin:10px 0;}

table.vehicledetail th  {text-align:left;}
table.vehicledetail tbody   {background:none;border:none;}
table.vehicledetail tbody tr:nth-child(odd){background-color:#f1f1f1;}
table.vehicledetail tbody tr:nth-child(even){background:none;}
.actions{margin:2rem 0;}

h1.vehicle{font-size:1.5rem;color:#0260a0;}

#searchbox{background: #1a1a1a;padding: 1rem 0 0 0;border-radius:5px;margin-bottom: 2rem;padding:1rem 1rem 0;}
#searchbox  .button {width:100%;}

.pagination a, .pagination button{background:#ccc;}

.row{border-radius:4px;}

@media screen and (min-width: 30em) {
    /*stock icons*/
    .top    .logo   img {width:252px;}
    .stocknav   li{width:25%;}
}
@media screen and (min-width: 721px) {
    /*change menu to desktop*/
    .menubtn{display:none;}
    .mainmenu{width:auto;margin-top:25px;}
    ul.menu {position:inherit;width: auto;display:block;border:none;}
    ul.menu li  {float:left;border:none;width:auto;}
    ul.menu li  a   {display:block;}
    .menu>li>a{padding:.5rem 1rem;}
}
@media screen and (min-width: 50em) {
    /*stock icons*/
    .stocknav   li{width:11.111%;}
}

h1.masthead{display:none !important;}



/*======================lightbox======================*/
.triggerbox {}
.triggerbox img {opacity:0;width:100%;position:absolute;top:0;left:0;}
.lghtbx     {display:none;}


/* Preload images */
body:after {content: url(../img/close.png) url(../img/loading.gif) url(../img/prev.png) url(../img/next.png);display: none;}
body.lb-disable-scrolling {overflow: hidden;}

.lightboxOverlay {position: absolute;top: 0;left: 0;z-index: 9999;background-color: black;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);opacity: 0.8;display: none;}
.lightbox {position: absolute;left: 0;width: 100%;z-index: 10000;text-align: center;line-height: 0;font-weight: normal;}
.lightbox .lb-image {display: block;height: auto;max-width: inherit;border-radius: 3px;}
.lightbox a img {border: none;}

.lb-outerContainer {position: relative;background-color: white;*zoom: 1;width: 250px;height: 250px;margin: 0 auto;border-radius: 4px;}
.lb-outerContainer:after {content: "";display: table;clear: both;}
.lb-container {padding: 4px;}

.lb-loader {position: absolute;top: 43%;left: 0;height: 25%;width: 100%;text-align: center;line-height: 0;}
.lb-cancel {display: block;width: 32px;height: 32px;margin: 0 auto;background: url(../img/loading.gif) no-repeat;}
.lb-nav {position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10;}
.lb-container > .nav {left: 0;}

.lb-nav a {outline: none;background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');}
.lb-prev, .lb-next {height: 100%;cursor: pointer;display: block;}
.lb-nav a.lb-prev {width: 34%;left: 0;float: left;background: url(../img/prev.png) left 48% no-repeat;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity: 0;-webkit-transition: opacity 0.6s;-moz-transition: opacity 0.6s;-o-transition: opacity 0.6s;transition: opacity 0.6s;}
.lb-nav a.lb-prev:hover {filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity: 1;}
.lb-nav a.lb-next {width: 64%;right: 0;float: right;background: url(../img/next.png) right 48% no-repeat;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity: 0;-webkit-transition: opacity 0.6s;-moz-transition: opacity 0.6s;-o-transition: opacity 0.6s;transition: opacity 0.6s;}
.lb-nav a.lb-next:hover {filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity: 1;}

.lb-dataContainer {margin: 0 auto;padding-top: 5px;*zoom: 1;width: 100%;-moz-border-radius-bottomleft: 4px;-webkit-border-bottom-left-radius: 4px;border-bottom-left-radius: 4px;-moz-border-radius-bottomright: 4px;-webkit-border-bottom-right-radius: 4px;border-bottom-right-radius: 4px;}
.lb-dataContainer:after {content: "";display: table;clear: both;}

.lb-data {padding: 0 4px;color: #ccc;}
.lb-data .lb-details {width: 85%;float: left;text-align: left;line-height: 1.1em;}
.lb-data .lb-caption {font-size: 13px;font-weight: bold;line-height: 1em;}
.lb-data .lb-number {display: block;clear: left;padding-bottom: 1em;font-size: 12px;color: #999999;}

.lb-data .lb-close {display: block;float: right;width: 30px;height: 30px;background: url(../img/close.png) top right no-repeat;text-align: right;outline: none;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);opacity: 0.7;-webkit-transition: opacity 0.2s;-moz-transition: opacity 0.2s;-o-transition: opacity 0.2s;transition: opacity 0.2s;}
.lb-data .lb-close:hover {cursor: pointer;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity: 1;}