.floatright { float: right; }
.floatleft  { float: left; }
.floatnone  { float: none; }
span.hide-md, div.hide-md { display: none; }
.content a.textlink:hover { background-color: #F1F1F1; color: #000000 !important; }
footer a, footer a:hover { text-decoration: none }
h1 { font-size: 30px; font-weight: 700; letter-spacing: -1.5px; line-height: 1; margin: 0; }
h2 { font-size: 26px; margin-top: 0; }
#secondary-banner { margin-bottom: 25px; }
button#submit_btn { margin-top: 90px; background-color: #005300; color: #FFFFFF; }
.default-btn:hover, button#submit_btn:hover { background-color: #F7C629; color: #005300; }
.default-btn.btn-sm { border-radius: 3px; font-size: 12px; padding: 5px 10px; }
.inline-block { display: inline-block; *display: inline; *zoom: 1; }
footer img { margin: 0; }
img.full-width { width: 100%; }
blockquote { border-left: 8px solid #F7C629 !important; }

.kjgreen     { color: #005300 !important; }
.kjyellow    { color: #F8C51A !important; }
.kjgrey      { color: #888888 !important; }
.twitterBlue { color: #00ACED !important; }

.bg-grey { background-color: #F1F1F1; }
.bg-white { background-color: #FFFFFF; }
.newsTitle { font-weight: 800; text-transform: uppercase; font-size: 20px; color: #005300; font-family: 'Open Sans';}
#contactWidget { margin: 0 0 10px 0; padding: 10px; border: 1px solid #CCCCCC; border-radius: 0; text-align: left; }
#contactWidget h3 { margin: 0 0 6px 0; padding: 0;  }
#contactWidget #contact_form { width: 100%; }
#contactWidget button#submit_btn { width: 100%; margin: 0; }
.filters { padding: 0; margin: 0 10px 10px 1%; }
.filters li { list-style: none; padding: 3px 10px; margin: 0 6px 0 0; background-color: #005300; color: #FFFFFF; width: auto; display: inline-block; *display: inline; *zoom: 1; border: 1px solid #000000; cursor: pointer; border-radius: 4px; }
.filters li:hover { background-color: #F7C629; color: #005300; }
.filters li.active { background-color: #FFFFFF; color: #005300; width: auto; display: inline-block; *display: inline; *zoom: 1; border: 1px solid #000000; }
.imageBorder { border: 1px solid #CCCCCC; padding: 3px; }
.galleryItem.isotope-item { width: 31%; margin: 1%; }

div.inventory { border-radius: 8px !important; }
div.inventory a.inventory .title { padding-bottom: 15px; }
div.inventory a.inventory .options-primary, 
div.inventory a.inventory .options-secondary { display: block !important; }
div.inventory a.inventory .options-secondary { left: 25px; margin-top: 10px;  }
div.inventory a.inventory table { width: 190px; }
div.inventory a.inventory table .option { width: 70px; }
div.inventory a.inventory table.options-primary .spec { padding-left: 5px; }
div.inventory a.inventory .desktop-show { display: none; }

#secondary-banner h2 { margin-bottom: 0; padding-top: 27px; }
#secondary-banner { padding-top: 127px; }

.hireBox { padding: 10px; background-color: #fff; background-image: -moz-linear-gradient(center bottom , #f9f9f9 0%, #fff 100%); border: 1px solid #e5e5e5; border-radius: 8px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.13); font-family: "Open Sans",sans-serif; margin-bottom: 20px; }
.hireBox .product { margin-bottom: 6px; font-size: 16px; font-weight: bold; }
.hireBox a.default-btn { float: right; margin: 0; }
.hireBox a.default-btn i { padding-left: 8px; }

.inventory-heading em { line-height: 31px; }
.operatingInstructions ul { margin: 5px 0 40px 0; padding: 0; }
.operatingInstructions ul li { margin: 0; padding: 0; list-style: none; }
.operatingInstructions  .title { font-size: 22px; font-weight: 300; }

.address > ul > li > strong { display: inline-block; }

.hireDescription ol { list-style-type: none; padding-left: 0; }
.hireDescription ul { list-style-type: none; padding-left: 0; }
.hireDescription li { font-weight: 300; }
.description ol { list-style-type: none; padding-left: 0; }
.description ul { list-style-type: none; padding-left: 0; }
.description li { font-weight: 300; }

/* BOOTSTRAP BREAKPOINTS */
@media (min-width: 768px) {
  div.inventory a.inventory .options-primary, 
  div.inventory a.inventory .options-secondary { display: table !important; margin-top: 0; }
  div.inventory a.inventory .options-secondary { left: 180px; margin-bottom: 0; }
  div.inventory a.inventory { min-height: 132px; }
  div.inventory a.inventory .preview { height: 110px; width: 147px; }
  div.inventory a.inventory .title { padding-bottom: 15px; }
  div.inventory a.inventory .title,
  div.inventory a.inventory .options-primary { left: 180px; margin-bottom: 0; }
  div.inventory a.inventory .price { top: 10px; margin-bottom: 0; }
  div.inventory a.inventory .view-details { right: 30px;  bottom: 10px; }
  .listing-slider #home-slider-canvas .slides li img { width: 497px; height: 331px; }
  .listing-slider #home-slider-thumbs .slides li img { width: 171px; height: 114px; }

  .row.hireBoxes > div.col-sm-6:nth-child(1),
  .row.hireBoxes > div.col-sm-6:nth-child(2n+1) { padding-left: 0; padding-right: 10px; }
  .row.hireBoxes > div.col-sm-6:nth-child(2n) { padding-right: 0; padding-left: 10px;  }
  .row.hireBoxes > div.col-sm-12 { padding-left: 0; padding-right: 0; }
  .row.hireBoxes.categories img { max-width: 300px; float: left; margin-right: 20px; }
  .row.hireBoxes.categories a.default-btn { clear: none !important; }
  .row.hireBoxes .hireDescription { height: 72px; margin-bottom: 10px; overflow: hidden; }

  .row.margin-sides-negative-15 { margin-left: -15px; margin-right: -15px; }
}

@media (min-width: 992px) {
  span.hide-md { display: inline; }
  div.hide-md { display: block; }

  div.inventory a.inventory .preview { height: 90px; width: 119px; }
  div.inventory a.inventory .title { padding-bottom: 15px; }
  div.inventory a.inventory .title,
  div.inventory a.inventory .options-primary { left: 150px; margin-bottom: 0; }
  div.inventory a.inventory .price { top: 10px; margin-bottom: 0; }  div.inventory a.inventory { min-height: 112px; }
  div.inventory a.inventory .desktop-show { display: block; }
  div.inventory a.inventory .mobile-show { display: none; }
  div.inventory a.inventory .view-details { right: 220px;  bottom: 40px; }
  .listing-slider #home-slider-canvas .slides li img { width: 624px; height: 416px; }
}

@media (min-width: 1200px) {
  header .bottom-header .navbar-default .navbar-nav > li > a { padding-left: 10px !important; padding-right: 10px !important; }
  div.inventory a.inventory .view-details { right: 320px;  bottom: 40px; }
  .listing-slider #home-slider-canvas .slides li img { width: 757px; height: 504px; }
}

/* CUSTOM BREAKPOINTS */
/* Breakpoiunt for the 'KJ HIRE CENTER' text in header */
@media (max-width: 424px) {
  header.affix .bottom-header .navbar-default .navbar-header .navbar-brand { height: 69px; }
  header .bottom-header .navbar-default .navbar-brand  { padding-top: 9px; }
  header.affix .bottom-header .navbar-default .navbar-brand .logo .primary_text,
  header.affix-top .bottom-header .navbar-default .navbar-brand .logo .primary_text    { font-size: 28px; line-height: 30px; margin-bottom: 0; }
  header.affix .bottom-header .navbar-default .navbar-brand .logo .secondary_text,
  header.affix-top .bottom-header .navbar-default .navbar-brand .logo .secondary_text  { font-size: 10px; letter-spacing: 2.3px; }
}

@media (max-width: 479px) {
  .toolbar ul li a { font-size: 18px; color: #FFFFFF; }
  li.tp-revslider-slidesli .tp-caption { width: 250px !important; height: 55px !important; letter-spacing: -2px; }
  footer .col-xs-6 { width: 100% !important; }
  div.inventory a.inventory .preview { left: auto; height: auto; width: 90%; margin: 0 5% 0 5%; }
  div.inventory a.inventory .options-primary,
  div.inventory a.inventory .options-secondary { left: 13px; margin-bottom: 10px; }
  div.inventory a.inventory .price { position: relative; left: auto !important; right: auto! important; top: auto !important; bottom: auto !important; padding-right: 0px; margin: -10px 0 45px 0; width: 278px; }
  div.inventory a.inventory .figure { position: relative; left: auto !important; right: auto! important; top: auto !important; bottom: auto !important; }
  #secondary-banner .breadcrumb { display: none; }
}
@media (max-width: 545px) {
  .address-hide { display: none; }
}

@media (max-width: 767px) {
  li.tp-revslider-slidesli .tp-caption { width: 360px !important; height: 90px !important; bottom: 0 !important; padding: 0 !important; text-align: left !important; }
  li.tp-revslider-slidesli .tp-parallax-wrap:nth-child(1) { left: 20px !important; width: 260px !important; }
  .car_listings div.inventory .price { text-align: right; padding-right: 10px; left: 320px !important; right: auto !important; top: 135px !important; bottom: auto; }
  div.inventory .figure, .boxed div.inventory .figure { right: auto; top: auto; left: auto; bottom: auto; }
  #secondary-banner .breadcrumb { float: right !important;}
}

@media (max-width: 991px) {
  .md-clearfix::before, .md-clearfix::after { content: " "; display: table; }
  .md-clearfix::after { clear: both; }

  .navbar-header { float: none; }
  .navbar-left,.navbar-right { float: none !important; }
  .navbar-toggle { display: block; }
  .navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); }
  .navbar-fixed-top { top: 0; border-width: 0 0 1px; }
  .navbar-collapse.collapse { display: none! important; }
  .navbar-nav { float: none !important; margin-top: 7.5px; }
  .navbar-nav > li { float: none; }
  .navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; }
  .collapse.in { display:block !important; }

  header .bottom-header .navbar-default .navbar-nav > li > a { padding: 18px 9px 18px 10px !important; line-height: 1 !important; }
  header .bottom-header .navbar-default .navbar-nav .dropdown-menu { position: relative !important; width: 100% !important; background-color: transparent !important; }
  header .bottom-header .navbar-default .navbar-nav .dropdown-menu > li { width: 100% !important; background-color: transparent !important; }
  header .bottom-header .navbar-default .navbar-nav b.caret { display: inline-block; }
}

@media (min-width: 992px) and (max-width: 1199px) {
  header.affix .bottom-header .navbar-default .navbar-header .navbar-brand { height: 69px !important; }
  header .bottom-header .navbar-default .navbar-brand  { padding-top: 9px !important; }
  header.affix .bottom-header .navbar-default .navbar-brand .logo .primary_text,
  header.affix-top .bottom-header .navbar-default .navbar-brand .logo .primary_text    { font-size: 28px !important; line-height: 30px !important; margin-bottom: 0 !important; }
  header.affix .bottom-header .navbar-default .navbar-brand .logo .secondary_text,
  header.affix-top .bottom-header .navbar-default .navbar-brand .logo .secondary_text  { font-size: 10px !important; letter-spacing: 2.3px !important; }
}


.post { border-bottom: 1px solid #e5e5e5; padding-bottom: 0; margin-bottom: 22px; }
.blog-item1-2 { background-color: #fff; border: 1px solid #DCDCDC; border-radius: 5px; display: block; float: left; position: relative; margin-bottom: 15px; }
.post-meta { display: block; left: 0; max-width: 94px; position: absolute; top: 0; margin-top: 0 !important; }
.post tr { border-bottom: 1px dashed #CCC; }
.post td { font-size: 11px; text-transform: uppercase; }

.blog-item { margin-top: 0; margin-bottom: 25px; }
.post-meta .date h2 { background-color: #FFFFFF; border: #DCDCDC 1px solid; border-radius: 5px; color: #4960b0; margin: 0 !important; padding: 10px 0; position: relative; text-align: center; }
.blog-item .post-meta .date h2 span { font-family: "Oswald" !important; font-size: 36px; }
.blog-item .post-meta .date .month { color: #43474d; font-size: 21px; line-height: 1; }
.blog-item .post-meta .date .year { color: #43474d; font-size: 16px; line-height: 1; padding: 0 30px; }
.blog-item1-2 .blog-item-description { float: left !important; }
.blog-item-description.borderTop { background-color: #FFFFFF; border-top: 1px solid #dcdcdc; border-top-left-radius: 5px; border-top-right-radius: 5px; }
.blog-item1-2 img, .blog-item1-2 .video iframe { float: right !important; margin: 10px 10px 0; width: 300px !important; }

.blog-item1-2.full-width .blog-item-description { float: none !important;  width: 100%; }

.blog .container .blog-item .post-meta .date .month { color: #43474D; font-size: 21px; line-height: 1; }
.blog .container .blog-item .post-meta .date .year { color: #43474d; font-size: 16px; line-height: 1; padding: 0 30px; }
.post-meta span, .post-meta .month, .post-meta .year { display: block; }
.blog-item1 { padding-left: 120px; position: relative; }
.blog-item1 img { border: 5px; max-width: 45%; }
.blog-item1-2 .blog-item-description { display: block; float: right; padding: 20px; width: 50%; }


.post.blog .post__title_block figure { position: relative; margin-bottom: 15px; }
.post.blog .post__title_block figure .time { position: absolute; bottom: 5px; right: -15px; }
.post.blog .post__title_block h2 { margin-bottom: 5px; padding-top: 0; line-height: 1.4; }
.post.blog .post__title_block { padding-bottom: 0; }
.blogForm .filters-row__items { line-height: 45px; }
.recent-post-box .figure { background-color: transparent; position: relative; display: block; }
div.dateContainer, .post__title_block figure { background-color: transparent; position: relative; }
div.dateContainer { height: 35px; }
div.dateContainer .date { left: 12px; top: 12px; position: absolute; background-color: rgba( 255, 255, 255, 1); height: 65px; width: 65px; border-radius: 5px; border: 1px solid #FFFFFF; }
.post__title_block figure .date { position: absolute; background-color: rgba( 255, 255, 255, 1); height: 65px; width: 65px; border-radius: 5px; bottom: 8px; right: 8px; height: 58px; border: none; border: 1px solid #666666; }
.recent-post-box .figure .date { position: absolute; background-color: rgba( 255, 255, 255, 1); height: 65px; width: 65px; border-radius: 5px; bottom: 8px; right: 8px; border: none; }
div.dateContainerRecent .date .day,   div.dateContainer .date .day,   .post__title_block figure .date .day { position: absolute; top: 26px; left: 4px; font-size: 22px; font-weight: bold; width: 35px; text-align: center; color: #666666; }
div.dateContainerRecent .date .month, div.dateContainer .date .month, .post__title_block figure .date .month { position: absolute; top: 6px; left: 4px; font-size: 16px; font-weight: normal; width: 35px; text-align: center; color: #666666; }
div.dateContainerRecent .date .year,  div.dateContainer .date .year,  .post__title_block figure .date .year { position: absolute; top: 18px; left: 28px; font-size: 18px; font-weight: normal; color: #666666; -ms-transform: rotate(-90deg);  -webkit-transform: rotate(-90deg); transform: rotate(-90deg);}
.post__title_block .post-heading { margin-left: 75px; }
.post__title_block.blog-item { padding-bottom: 15px; }
.post__title_block.blog-item .post__meta__item .autor, .post__title_block.blog-item .post__meta__item, .post__title_block.blog-item .post__meta .icon { font-size: 14px !important; }
div.recent-post-box .figure > img { width: 100%; }
.post__title_block h2 { font-size: 16px; }
.block-underline { border-bottom: 1px solid #E5E5E5; padding-bottom: 50px; margin-bottom: 50px; }
.block-underline .recent-post-box { max-width: 560px; }
.block-underline .recent-post-box__text { }
.block-underline .recent-post-box > div { vertical-align: top; }
.block-underline .recent-post-box > div:last-child { padding-bottom: 27px !important; }
@media (min-width: 1770px) {
  .block-underline .recent-post-box > div:last-child { }
  .block-underline .recent-post-box:last-child .figure { margin-bottom: 0px; }
}
.block-underline:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }
h1.post-title { margin-bottom: 10px; font-size: 24px; }

@media ( min-width: 1200px ) {
  .row.parallax_parent.design_2 { height: 349px !important; }
}

@media (min-width: 752px) { 
  .full-width.row { margin-left: -15px; margin-right: -15px; }
}

.row.masonryBlock { margin-left: -15.1px; margin-right: -15.1px;  }
.footerGallery .isotope-item { width: 33.333%; padding-left: 5px; padding-bottom: 10px; padding-right: 5px;  }



.tagButton { border: 1px #CCCCCC solid; padding: 3px 6px; border-radius: 5px; font-size: 12px; }
.newsTags { margin-bottom:40px; }
.slogan.social-links { margin-bottom: 0; }
.slogan.social-links ul li:last-child { margin-right: 0; }
.social-links { margin-bottom: 2.438em; overflow: hidden; }
.social-links ul { margin: 0; padding: 0; list-style: none; }
.social-links ul li { display: block; float: left; margin-right: 10px; margin-bottom: 10px; }
.social-links ul a { text-decoration: none; display: inline-block; color: #c4c4c4; text-align: center; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; }
.social-links:hover ul a { background-color: #f3f3f3; }
.social-links:hover ul a:hover { background-color: #333333; text-decoration: none; }
.social-links.social-links--medium .icon { font-size: 22px; }
.social-links.social-links--medium .icon { width: 30px; height: 30px; line-height: 30px; }
.social-links.text-center ul { display: inline-block; }
.social-links.social-links-border ul a { border: 2px solid transparent; color: #fff; }
.social-links.social-links-border:hover ul a { background-color: transparent; border-color: #fff; }
.social-links.social-links-border:hover ul a:hover { background-color: #333333; border-color: #fff; }
.social-links.customColoured:hover > ul > li > a { background-color: transparent !important; }
.social-links.customColoured > ul > li > a.fa-facebook:hover       { background-color: #4867AA !important; color: #FFFFFF !important; }
.social-links.customColoured > ul > li > a.fa-twitter:hover        { background-color: #1DA1F2 !important; color: #FFFFFF !important; }
.social-links.customColoured > ul > li > a.fa-google-plus:hover    { background-color: #C03B30 !important; color: #FFFFFF !important; }
.social-links.customColoured > ul > li > a.fa-instagram:hover      { background-color: #FFFFFF !important; color: #000000 !important; }
.social-links.customColoured > ul > li > a.fa-youtube-square:hover { background-color: #E12B28 !important; color: #FFFFFF !important; }
.social-links.customColoured > ul > li > a.fa-snapchat-ghost:hover { background-color: #FFFC00 !important; color: #000000 !important; }
.pageContent .social-links.customColoured > ul > li > a.fa-instagram:hover { background-color: #000000 !important; color: #FFFFFF !important; }
.large-social-button { color: #FFFFFF; display: inline-block; font-size: 20px; height: 30px; line-height: 20px; text-align: center; width: 30px; margin-right: 4px; padding-top: 5px; }
.facebook-button { background-color: #3864A3; border: 1px solid #3864A3; }
.facebook-button:hover { background-color: #FFFFFF; color: #3864A3; }
.twitter-button { background-color: #659FCB; border: 1px solid #659FCB; }
.twitter-button:hover { background-color: #FFFFFF; color: #659FCB; }
.google-plus-button { background-color: #DD5044; border: 1px solid #DD5044; padding-left: 1px; }
.google-plus-button:hover { background-color: #FFFFFF; color: #dd5044; }
.linkedin-button { background-color: #0077B5; border: 1px solid #0077B5; }
.linkedin-button:hover { background-color: #FFFFFF; color: #0077B5; }
.reddit-button { background-color: #407AA9; border: 1px solid #407AA9; }
.reddit-button:hover { background-color: #FFFFFF; color: #407AA9; }