/* SASS Variables */
/* BREAKPOINTS */
/* HTML5 Elements */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {
  display: block; }

/* Font Face
--------------------------------------------------------------- */
@font-face {
  font-family: 'DINComp-BlackIta';
  src: url("../../includes/fonts/DINWeb-BlackIta.eot");
  src: url("../../includes/fonts/DINWeb-BlackIta.eot?#iefix") format("eot"), url("../../includes/fonts/DINWeb-BlackIta.woff") format("woff"), url("../../includes/fonts/DINComp-BlackIta.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'DINComp-LightIta';
  src: url("../../includes/fonts/DINWeb-LightIta.eot");
  src: url("../../includes/fonts/DINWeb-LightIta.eot?#iefix") format("eot"), url("../../includes/fonts/DINWeb-LightIta.woff") format("woff"), url("../../includes/fonts/DINComp-LightIta.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'DINComp-MediumIta';
  src: url("../../includes/fonts/DINWeb-MediumIta.eot");
  src: url("../../includes/fonts/DINWeb-MediumIta.eot?#iefix") format("eot"), url("../../includes/fonts/DINWeb-MediumIta.woff") format("woff"), url("../../includes/fonts/DINWeb-MediumIta.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'DINComp-Bold';
  src: url("../../includes/fonts/DINComp-Bold.eot");
  src: url("../../includes/fonts/DINComp-Bold.eot?#iefix") format("eot"), url("../../includes/fonts/DINComp-Bold.woff") format("woff"), url("../../includes/fonts/DINComp-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'DINComp-BoldIta';
  src: url("../../includes/fonts/DINWeb-BoldIta.eot");
  src: url("../../includes/fonts/DINWeb-BoldIta.eot?#iefix") format("eot"), url("../../includes/fonts/DINWeb-BoldIta.woff") format("woff"), url("../../includes/fonts/DINComp-BoldIta.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Sourcesanspro';
  src: url("../../includes/fonts/sourcesanspro-regular-webfont.eot");
  src: url("../../includes/fonts/sourcesanspro-regular-webfont.eot?#iefix") format("eot"), url("../../includes/fonts/sourcesanspro-regular-webfont.woff") format("woff"), url("../../includes/fonts/sourcesanspro-regular-webfont.ttf") format("truetype"), url("../../includes/fonts/sourcesanspro-regular-webfont.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: 'Sourcesanspro';
    src: url("../../includes/fonts/sourcesanspro-regular-webfont.svg") format("svg"); } }
@font-face {
  font-family: 'Sourcesanspro Semibold';
  src: url("../../includes/fonts/sourcesanspro-semibold-webfont.eot");
  src: url("../../includes/fonts/sourcesanspro-semibold-webfont.eot?#iefix") format("eot"), url("../../includes/fonts/sourcesanspro-semibold-webfont.woff") format("woff"), url("../../includes/fonts/sourcesanspro-semibold-webfont.ttf") format("truetype"), url("../../includes/fonts/sourcesanspro-semibold-webfont.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: 'Sourcesanspro Semibold';
    src: url("../../includes/fonts/sourcesanspro-semibold-webfont.svg") format("svg"); } }
@font-face {
  font-family: 'Sourcesanspro Italic';
  src: url("../../includes/fonts/sourcesanspro-it-webfont.eot");
  src: url("../../includes/fonts/sourcesanspro-it-webfont.eot?#iefix") format("eot"), url("../../includes/fonts/sourcesanspro-it-webfont.woff") format("woff"), url("../../includes/fonts/sourcesanspro-it-webfont.ttf") format("truetype"), url("../../includes/fonts/sourcesanspro-it-webfont.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: 'Sourcesanspro Italic';
    src: url("../../includes/fonts/sourcesanspro-it-webfont.svg") format("svg"); } }
h1, h2 {
  font-family: 'DINComp-BoldIta', Sans-Serif;
  line-height: 1.1em; }

/* Global Styles
--------------------------------------------------------------- */
* {
  margin: 0;
  padding: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

body, html {
  min-height: 101%; }

strong {
  font-weight: bold; }

body {
  text-align: left;
  font-size: 62.5%;
  line-height: 1;
  font-family: 'Sourcesanspro', Sans-Serif;
  color: #000000;
  background: #333332; }

a, a:focus {
  color: #d84236;
  text-decoration: underline;
  outline: none; }

a:visited {
  color: #fffbdb;
  text-decoration: underline;
  outline: none; }

a:focus {
  outline: dotted 1px; }

a:hover, a:active {
  color: #fffbdb;
  text-decoration: underline; }

a img {
  border: none; }

/* For screen readers */
header a.skip-to-content {
  display: none; }

.gm-style .place-card-large {
  display: none; }

/* H1/H2/H3 Styles
--------------------------------------------------------------- */
h1, h2, h3 {
  font-weight: normal; }

h1 {
  font-size: 2em;
  color: #fffbdb;
  font-family: 'DINComp-BlackIta', Sans-Serif;
  padding: 0 0 20px 0; }

h2 {
  font-size: 2.4em;
  text-align: center;
  color: #fffbdb;
  font-family: 'Sourcesanspro', Sans-Serif;
  padding: 0 0 20px 0; }
  h2 span {
    font-family: 'DINComp-BlackIta', Sans-Serif; }

#video-gallery-brochures #main h2 {
  font-size: 1.6em;
  text-align: left;
  color: #d84236;
  font-family: 'DINComp-BoldIta', Sans-Serif;
  padding: 20px 0; }

h3 {
  font-size: 1.3em;
  color: #666; }

section {
  width: 100%;
  float: left;
  font-size: 1.2em; }

.container {
  max-width: 1200px;
  margin: 0 auto;
  position: relative; }
  @media only screen and (min-width: 1200px) {
    .container {
      padding: 0px; } }

/* Outer Top Styles
--------------------------------------------------------------- */
.outer-top {
  width: 100%;
  height: 525px;
  position: relative; }
  @media (min-width: 321px) {
    .outer-top {
      background: url(../../images/imgmain/index-mobile.jpg) no-repeat;
      background-size: cover; } }
  @media (min-width: 600px) {
    .outer-top {
      background: url(../../images/imgmain/index-tablet2.jpg) no-repeat center;
      background-size: cover; } }
  @media (min-width: 960px) {
    .outer-top {
      background: url(../../images/imgmain/index-desktop.jpg) no-repeat center;
      background-size: cover;
      height: 600px; } }

#contact .outer-top, #news .outer-top, #cookies-privacy-policy .outer-top {
  height: 200px; }
  @media (min-width: 960px) {
    #contact .outer-top, #news .outer-top, #cookies-privacy-policy .outer-top {
      height: 175px; } }
  @media (min-width: 1200px) {
    #contact .outer-top, #news .outer-top, #cookies-privacy-policy .outer-top {
      height: 150px; } }

#index .outer-top {
  width: 100%;
  height: 525px;
  position: relative; }
  @media (min-width: 321px) {
    #index .outer-top {
      background: url(../../images/imgmain/index-mobile.jpg) no-repeat;
      background-size: cover; } }
  @media (min-width: 600px) {
    #index .outer-top {
      background: url(../../images/imgmain/index-tablet2.jpg) no-repeat center;
      background-size: cover; } }
  @media (min-width: 960px) {
    #index .outer-top {
      background: url(../../images/imgmain/index-desktop-large3.jpg) no-repeat center;
      background-size: cover;
      height: 800px; } }

/* Header Styles
--------------------------------------------------------------- */
header {
  width: 100%;
  position: absolute;
  top: 0;
  z-index: 1000;
  font-size: 1.2em;
  margin-top: 50px;
  /* Make this the same as the height of the .phone-top div */
  background: #333332; }
  @media (min-width: 960px) {
    header {
      margin-top: 0;
      background: rgba(51, 51, 50, 0.8); } }
  header .container {
    min-height: 150px;
    max-width: 1200px; }
    header .container .logo-container {
      width: 250px;
      margin: 0 auto;
      padding: 40px 0 0 0; }
      @media (min-width: 960px) {
        header .container .logo-container {
          padding: 20px 0 0 0;
          margin: 0;
          float: left; } }
      header .container .logo-container .logo {
        width: 100%; }
        header .container .logo-container .logo:hover {
          opacity: 0.8; }
    header .container .phone-top {
      padding: 5px 10px;
      width: 100%;
      background: #d84236;
      color: #fff;
      line-height: 1.3em;
      font-size: 1.2em;
      text-align: left;
      height: 50px;
      /* Make this the same as the header margin-top */
      position: fixed;
      z-index: 1000;
      top: 0px;
      left: 0px; }
      @media (min-width: 960px) {
        header .container .phone-top {
          float: right;
          text-align: right;
          color: #777;
          width: 200px;
          background: none;
          position: relative;
          margin: 20px 0 0; }
          header .container .phone-top .phone {
            display: block; } }
      header .container .phone-top .phone {
        width: 80%;
        float: left;
        padding: 11px 0 10px 40px;
        font-family: 'DINComp-LightIta';
        color: #fffbdb;
        font-size: 1.4em;
        background: url(../../images/misc/phone.png) no-repeat 0px 5px;
        background-size: 30px;
        background-image: linear-gradient(transparent, transparent), url(../../images/misc/phone.svg); }
        @media (min-width: 960px) {
          header .container .phone-top .phone {
            padding: 7px 0 7px 30px;
            width: 100%;
            background: url(../../images/misc/phone-orange.png) no-repeat 0px 5px; } }
        header .container .phone-top .phone a {
          color: #fffbdb;
          text-decoration: none; }
      header .container .phone-top .ld-areanum {
        display: inline-block; }

/* Horizontal Navigation Styles
--------------------------------------------------------------- */
nav.main-navigation {
  width: 100%;
  font-family: 'DINComp-LightIta', Sans-Serif;
  float: left;
  margin: 16px 0;
  position: fixed;
  top: 34px;
  background: #333332;
  z-index: 1000; }
  @media (min-width: 960px) {
    nav.main-navigation {
      border-bottom: 1px solid #d84236;
      background: none;
      position: static; } }
  nav.main-navigation .nav {
    max-width: 1200px;
    font-size: 1em;
    z-index: 1000; }
    @media (min-width: 960px) {
      nav.main-navigation .nav {
        height: 30px; } }
    @media (max-width: 320px) {
      nav.main-navigation .nav li {
        width: 100%; } }
    @media (min-width: 960px) {
      nav.main-navigation .nav li {
        max-width: 140px; } }
    @media (min-width: 1200px) {
      nav.main-navigation .nav li {
        max-width: 270px; } }
    nav.main-navigation .nav li a {
      padding: 10px 9px;
      -webkit-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      transition: all 0.3s ease;
      color: #fffbdb; }
      nav.main-navigation .nav li a:hover {
        color: #d84236; }
    @media (min-width: 960px) {
      nav.main-navigation .nav li.volumetric-asphalt-mixers a {
        height: 62px; } }
    @media (min-width: 1200px) {
      nav.main-navigation .nav li.volumetric-asphalt-mixers a {
        height: auto; } }
    nav.main-navigation .nav li.volumetric-asphalt-mixers ul {
      display: none; }
      @media (min-width: 768px) {
        nav.main-navigation .nav li.volumetric-asphalt-mixers ul {
          left: 0; } }
      @media (min-width: 960px) {
        nav.main-navigation .nav li.volumetric-asphalt-mixers ul {
          left: 0;
          margin: 1px 0 0 0;
          width: 240px;
          background: #333332; } }
      @media (min-width: 960px) {
        nav.main-navigation .nav li.volumetric-asphalt-mixers ul li {
          width: 240px; } }
      nav.main-navigation .nav li.volumetric-asphalt-mixers ul li a {
        margin: 0 0 1px 0;
        height: 38px;
        background: #d84236; }
        @media (max-width: 320px) {
          nav.main-navigation .nav li.volumetric-asphalt-mixers ul li a {
            width: 100%; } }
        @media (min-width: 960px) {
          nav.main-navigation .nav li.volumetric-asphalt-mixers ul li a {
            width: 240px; } }
      nav.main-navigation .nav li.volumetric-asphalt-mixers ul li a:hover {
        background: #333332;
        color: #d84236; }
      nav.main-navigation .nav li.volumetric-asphalt-mixers ul span.touch-button {
        top: 10px;
        right: 10px; }
        @media (min-width: 768px) {
          nav.main-navigation .nav li.volumetric-asphalt-mixers ul span.touch-button {
            top: 1px;
            right: 0; } }
        @media (min-width: 768px) {
          nav.main-navigation .nav li.volumetric-asphalt-mixers ul span.touch-button:hover {
            z-index: 999;
            top: 27px;
            right: 93px;
            cursor: pointer; } }

/* Overwrite Flexnav Default Styles */
.menu-button .touch-button {
  display: none; }

.flexnav .touch-button {
  width: 10px;
  top: 8px;
  right: 5px;
  background: url(../../images/misc/dropdown.jpg) no-repeat; }
  @media (max-width: 320px) {
    .flexnav .touch-button {
      width: 35px;
      height: 20px; } }
  @media (min-width: 321px) {
    .flexnav .touch-button {
      width: 35px;
      height: 20px; } }
  @media (min-width: 960px) {
    .flexnav .touch-button {
      right: 30%;
      top: 28px;
      background: none; } }
  @media (min-width: 1200px) {
    .flexnav .touch-button {
      top: 0; } }

/* Runner Styles
--------------------------------------------------------------- */
section.outer-runner {
  position: absolute;
  top: 200px;
  width: 100%;
  z-index: 100;
  height: 326px; }
  @media (min-width: 600px) {
    section.outer-runner {
      top: 170px; } }
  @media (min-width: 960px) {
    section.outer-runner {
      top: 170px; } }
  @media (min-width: 960px) {
    section.outer-runner .runner {
      padding: 30px 0 0; } }
  @media (min-width: 600px) {
    section.outer-runner .runner-desktop, section.outer-runner .runner-mobile {
      background: none; } }
  @media (min-width: 960px) {
    section.outer-runner .runner-desktop, section.outer-runner .runner-mobile {
      padding: 100px 0 0; } }
  section.outer-runner .runner-desktop, section.outer-runner .runner-mobile, section.outer-runner .runner {
    height: 326px;
    margin: 0 auto;
    padding: 70px 0 0;
    display: block;
    background: url(../../images/imgmain/index-mobile.jpg) no-repeat;
    background-size: cover; }
    @media (min-width: 600px) {
      section.outer-runner .runner-desktop, section.outer-runner .runner-mobile, section.outer-runner .runner {
        background: none; } }
    section.outer-runner .runner-desktop .text-top, section.outer-runner .runner-mobile .text-top, section.outer-runner .runner .text-top {
      color: #d84236;
      font-family: 'DINComp-MediumIta', Sans-Serif;
      font-size: 2em;
      text-align: center; }
      @media (min-width: 960px) {
        section.outer-runner .runner-desktop .text-top, section.outer-runner .runner-mobile .text-top, section.outer-runner .runner .text-top {
          font-size: 2.7em; } }
    section.outer-runner .runner-desktop .text-bottom, section.outer-runner .runner-mobile .text-bottom, section.outer-runner .runner .text-bottom {
      color: #fffbdb;
      font-family: 'DINComp-BlackIta', Sans-Serif;
      font-size: 2.8em;
      text-align: center;
      margin: 5px 0 0 0; }
      @media (min-width: 960px) {
        section.outer-runner .runner-desktop .text-bottom, section.outer-runner .runner-mobile .text-bottom, section.outer-runner .runner .text-bottom {
          font-size: 8em;
          margin: 20px 0 0 0; } }
  @media (max-width: 320px) {
    section.outer-runner .runner-desktop {
      display: none; } }
  @media (min-width: 321px) {
    section.outer-runner .runner-desktop {
      display: none; } }
  @media (min-width: 600px) {
    section.outer-runner .runner-desktop {
      display: none; } }
  @media (min-width: 960px) {
    section.outer-runner .runner-mobile {
      display: none; }
    section.outer-runner .runner-desktop {
      display: block; } }

.runner-truck {
  position: absolute;
  bottom: -20px;
  left: 28%;
  z-index: 100;
  margin: 0 auto;
  width: 160px;
  display: block; }
  @media (min-width: 321px) {
    .runner-truck {
      width: 170px;
      left: 28%; } }
  @media (min-width: 600px) {
    .runner-truck {
      width: 180px;
      left: 39%; } }
  @media (min-width: 960px) {
    .runner-truck {
      width: 200px;
      left: 43%; } }

/* Bucket Styles
--------------------------------------------------------------- */
#volumetric-asphalt-mixers section.outer-buckets .buckets ul li {
  width: 100%;
  height: 125px; }
  @media only screen and (min-width: 350px) {
    #volumetric-asphalt-mixers section.outer-buckets .buckets ul li {
      height: 170px; } }
  @media only screen and (min-width: 480px) {
    #volumetric-asphalt-mixers section.outer-buckets .buckets ul li {
      height: 180px; } }
  @media only screen and (min-width: 500px) {
    #volumetric-asphalt-mixers section.outer-buckets .buckets ul li {
      height: 220px; } }
  @media (min-width: 600px) {
    #volumetric-asphalt-mixers section.outer-buckets .buckets ul li {
      width: 50%;
      height: 140px; } }
  @media (min-width: 768px) {
    #volumetric-asphalt-mixers section.outer-buckets .buckets ul li {
      width: 50%;
      height: 190px; } }
  @media (min-width: 960px) {
    #volumetric-asphalt-mixers section.outer-buckets .buckets ul li {
      width: 50%;
      height: 230px; } }
  #volumetric-asphalt-mixers section.outer-buckets .buckets ul li a {
    padding: 33% 5% 5% 5%; }
#volumetric-asphalt-mixers section.outer-buckets .buckets ul li:first-child a {
  background: url(../../images/imgcontent/volumetric-asphalt-mixers-bucket1.jpg) 45% 20% no-repeat;
  background-size: 85%; }
  #volumetric-asphalt-mixers section.outer-buckets .buckets ul li:first-child a:hover {
    background-color: #fffbdb; }
#volumetric-asphalt-mixers section.outer-buckets .buckets ul li:first-child + li a {
  background: url(../../images/imgcontent/volumetric-asphalt-mixers-bucket2.jpg) 45% 20% no-repeat;
  background-size: 85%; }
  #volumetric-asphalt-mixers section.outer-buckets .buckets ul li:first-child + li a:hover {
    background-color: #d84236; }

section.outer-buckets {
  background: url(../../images/misc/brown-bg.png) repeat;
  clear: both; }
  section.outer-buckets .buckets {
    max-width: 1200px;
    height: auto;
    margin: 0 auto;
    font-size: 1.1em; }
    section.outer-buckets .buckets ul li {
      list-style: none;
      margin: 0;
      padding: 0;
      width: 50%;
      height: 170px;
      float: left; }
      @media (min-width: 321px) {
        section.outer-buckets .buckets ul li {
          height: 180px; } }
      @media only screen and (min-width: 350px) {
        section.outer-buckets .buckets ul li {
          height: 200px; } }
      @media only screen and (min-width: 470px) {
        section.outer-buckets .buckets ul li {
          height: 210px; } }
      @media only screen and (min-width: 510px) {
        section.outer-buckets .buckets ul li {
          height: 260px; } }
      @media (min-width: 600px) {
        section.outer-buckets .buckets ul li {
          width: 25%;
          height: 180px; } }
      @media (min-width: 768px) {
        section.outer-buckets .buckets ul li {
          width: 25%;
          height: 200px; } }
      @media (min-width: 960px) {
        section.outer-buckets .buckets ul li {
          width: 25%;
          height: 260px; } }
      section.outer-buckets .buckets ul li a {
        display: block;
        width: 100%;
        height: 100%;
        padding: 85% 5% 5% 5%;
        font-family: 'DINComp-MediumIta', Sans-Serif;
        text-decoration: none;
        -webkit-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        transition: all 0.3s ease;
        text-align: center; }
        @media (min-width: 321px) {
          section.outer-buckets .buckets ul li a {
            padding: 80% 5% 5% 5%; } }
        @media only screen and (min-width: 450px) {
          section.outer-buckets .buckets ul li a {
            padding: 75% 5% 5% 5%; } }
        @media (min-width: 600px) {
          section.outer-buckets .buckets ul li a {
            padding: 85% 5% 5% 5%; } }
        @media only screen and (min-width: 710px) {
          section.outer-buckets .buckets ul li a {
            padding: 75% 5% 5% 5%; } }
        @media (min-width: 768px) {
          section.outer-buckets .buckets ul li a {
            padding: 72% 5% 5% 5%; } }
        @media (min-width: 960px) {
          section.outer-buckets .buckets ul li a {
            padding: 75% 5% 5% 5%; } }
        section.outer-buckets .buckets ul li a span {
          display: block; }
          @media (min-width: 600px) {
            section.outer-buckets .buckets ul li a span {
              display: inline-block; } }
          @media (min-width: 768px) {
            section.outer-buckets .buckets ul li a span {
              display: inline-block; } }
          @media (min-width: 960px) {
            section.outer-buckets .buckets ul li a span {
              display: inline-block; } }
    section.outer-buckets .buckets ul li:nth-child(3n+1) {
      background: url(../../images/misc/brown-bg.png) repeat; }
      section.outer-buckets .buckets ul li:nth-child(3n+1) a {
        color: #d84236; }
        section.outer-buckets .buckets ul li:nth-child(3n+1) a:hover {
          background-color: #fffbdb; }
    section.outer-buckets .buckets ul li:first-child + li {
      background: url(../../images/misc/cream-bg.png) repeat; }
      section.outer-buckets .buckets ul li:first-child + li a {
        color: #333332;
        background: url(../../images/imgcontent/bucket2.jpg) 45% 20% no-repeat;
        background-size: 85%; }
        section.outer-buckets .buckets ul li:first-child + li a:hover {
          background-color: #d84236; }
    section.outer-buckets .buckets ul li:first-child + li + li {
      background: url(../../images/misc/orange-bg.png) repeat; }
      section.outer-buckets .buckets ul li:first-child + li + li a {
        color: #fffbdb;
        background: url(../../images/imgcontent/bucket3.jpg) 45% 20% no-repeat;
        background-size: 85%; }
        section.outer-buckets .buckets ul li:first-child + li + li a:hover {
          background-color: #333332; }
    section.outer-buckets .buckets ul li:first-child a {
      background: url(../../images/imgcontent/bucket1.jpg) 45% 20% no-repeat;
      background-size: 85%; }
    section.outer-buckets .buckets ul li:first-child + li + li + li a {
      background: url(../../images/imgcontent/bucket4.jpg) 45% 20% no-repeat;
      background-size: 85%; }

/* Main Styles
--------------------------------------------------------------- */
#video-gallery-brochures section.outer-left {
  background: #d84236; }
@media (min-width: 960px) {
  #video-gallery-brochures section.outer-main {
    height: 640px; } }

@media (min-width: 1200px) {
  #volumetric-asphalt-mixers .orange-dots {
    float: right;
    width: 600px;
    padding: 100px 20px; } }

section.outer-main {
  background: url(../../images/layout/main-bg.jpg) no-repeat #2e2925;
  float: right;
  width: 100%; }
  @media (min-width: 960px) {
    section.outer-main {
      width: 50%;
      height: 700px; } }
  section.outer-main .main {
    width: 100%;
    padding: 50px 20px;
    font-size: 1.3em;
    line-height: 1.6em;
    color: #fffbdb; }
    @media (min-width: 768px) {
      section.outer-main .main {
        width: 100%; } }
    @media (min-width: 960px) {
      section.outer-main .main {
        width: 100%;
        padding: 100px 20px; } }
    @media (min-width: 1200px) {
      section.outer-main .main {
        float: left;
        width: 600px;
        padding: 100px 20px; } }
    section.outer-main .main p {
      margin: 10px 0px 10px 0px; }
      section.outer-main .main p:first-of-type {
        font-family: 'Sourcesanspro Semibold'; }
    section.outer-main .main .main-tag {
      font-family: 'DINComp-BlackIta', Sans-Serif;
      color: #d84236;
      font-size: 2em;
      margin: 30px 0; }
    section.outer-main .main p:nth-child(1) {
      font-weight: bold; }
    section.outer-main .main ul {
      margin: 10px 0; }
      section.outer-main .main ul li {
        padding: 4px 0 4px 25px;
        list-style: none;
        background: url(../../images/misc/tick.png) left center no-repeat; }
    section.outer-main .main a.fancybox {
      display: inline-block;
      padding: 10px;
      -webkit-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      transition: all 0.3s ease; }
      @media (min-width: 960px) {
        section.outer-main .main a.fancybox {
          padding: 2px; } }
      @media (min-width: 1200px) {
        section.outer-main .main a.fancybox {
          padding: 10px; } }
      section.outer-main .main a.fancybox:hover {
        opacity: 0.4; }

#trucks-for-sale section.outer-main {
  background: #333332;
  float: left; }
  @media (min-width: 960px) {
    #trucks-for-sale section.outer-main {
      height: 508px; } }
  @media (min-width: 960px) {
    #trucks-for-sale section.outer-main .main {
      float: right;
      padding: 100px 20px 50px;
      min-height: 508px; } }
  #trucks-for-sale section.outer-main .outer-cream {
    background: url(../../images/layout/cream-spots.jpg) repeat #2e2925;
    float: right;
    width: 100%;
    padding: 0; }
    #trucks-for-sale section.outer-main .outer-cream .cream-dots {
      width: 100%;
      padding: 40px 20px 40px 20px; }
      @media (min-width: 1200px) {
        #trucks-for-sale section.outer-main .outer-cream .cream-dots {
          float: right;
          width: 600px; } }
#trucks-for-sale section.outer-left {
  background: url(../../images/layout/cream-spots.jpg) repeat #2e2925; }
  @media (min-width: 960px) {
    #trucks-for-sale section.outer-left {
      height: 508px;
      background: none; } }
  #trucks-for-sale section.outer-left .outer-cream {
    padding: 50px 0; }
    @media (min-width: 600px) {
      #trucks-for-sale section.outer-left .outer-cream {
        padding: 0; } }
    @media (min-width: 960px) {
      #trucks-for-sale section.outer-left .outer-cream .cream-dots {
        min-height: 508px; } }
  #trucks-for-sale section.outer-left .outer-orange {
    float: right;
    width: 100%;
    padding: 50px 0; }
    @media (min-width: 600px) {
      #trucks-for-sale section.outer-left .outer-orange {
        padding: 0; } }
    @media (min-width: 960px) {
      #trucks-for-sale section.outer-left .outer-orange {
        background: url(../../images/layout/orange-spots.jpg) repeat #2e2925; } }
    #trucks-for-sale section.outer-left .outer-orange .orange-dots {
      clear: both;
      font-size: 1em;
      padding: 40px 20px 40px 20px;
      color: #333332; }
      @media (min-width: 960px) {
        #trucks-for-sale section.outer-left .outer-orange .orange-dots {
          color: #fffbdb; } }
      #trucks-for-sale section.outer-left .outer-orange .orange-dots h2 {
        padding: 0; }
      #trucks-for-sale section.outer-left .outer-orange .orange-dots a.fancybox {
        background: none;
        box-shadow: none;
        width: auto;
        margin: 0;
        padding: 0;
        display: inline-block;
        width: 100%;
        -webkit-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        transition: all 0.3s ease; }
        @media only screen and (min-width: 370px) {
          #trucks-for-sale section.outer-left .outer-orange .orange-dots a.fancybox {
            width: 40%; } }
        #trucks-for-sale section.outer-left .outer-orange .orange-dots a.fancybox img {
          width: 100%; }
        #trucks-for-sale section.outer-left .outer-orange .orange-dots a.fancybox:hover {
          opacity: 0.8; }
      #trucks-for-sale section.outer-left .outer-orange .orange-dots p.price {
        background: url(../../images/misc/pound-orange-cream.jpg) 10px no-repeat #d84236;
        color: #fffbdb; }
        @media (min-width: 960px) {
          #trucks-for-sale section.outer-left .outer-orange .orange-dots p.price {
            background: url(../../images/misc/pound-cream-orange.jpg) 10px no-repeat #fffbdb;
            color: #d84236; } }
      #trucks-for-sale section.outer-left .outer-orange .orange-dots a.enquire {
        background: url(../../images/misc/arrow-orange-cream.jpg) 10px no-repeat #d84236;
        color: #fffbdb; }
        @media (min-width: 960px) {
          #trucks-for-sale section.outer-left .outer-orange .orange-dots a.enquire {
            background: url(../../images/misc/arrow-cream-orange.jpg) 10px no-repeat #fffbdb;
            color: #d84236; } }
#trucks-for-sale .cream-dots, #trucks-for-sale .orange-dots {
  padding: 40px 20px; }
  @media (min-width: 960px) {
    #trucks-for-sale .cream-dots, #trucks-for-sale .orange-dots {
      min-height: 330px;
      float: left;
      padding: 100px 20px 40px 20px; } }
  #trucks-for-sale .cream-dots a.fancybox img, #trucks-for-sale .orange-dots a.fancybox img {
    width: 100%;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    @media only screen and (min-width: 370px) {
      #trucks-for-sale .cream-dots a.fancybox img, #trucks-for-sale .orange-dots a.fancybox img {
        width: 40%; } }
    #trucks-for-sale .cream-dots a.fancybox img:hover, #trucks-for-sale .orange-dots a.fancybox img:hover {
      opacity: 0.8; }
  #trucks-for-sale .cream-dots .text, #trucks-for-sale .orange-dots .text {
    width: 100%;
    float: right; }
    @media only screen and (min-width: 370px) {
      #trucks-for-sale .cream-dots .text, #trucks-for-sale .orange-dots .text {
        width: 55%; } }
    #trucks-for-sale .cream-dots .text h2, #trucks-for-sale .orange-dots .text h2 {
      font-family: 'DINComp-BlackIta', Sans-Serif;
      color: #333332;
      text-align: left;
      font-size: 2em;
      background: none; }
    #trucks-for-sale .cream-dots .text p, #trucks-for-sale .orange-dots .text p {
      font-size: 1.3em;
      line-height: 1.4em; }
  #trucks-for-sale .cream-dots p.price, #trucks-for-sale .cream-dots p.trucks-phone, #trucks-for-sale .cream-dots a.enquire, #trucks-for-sale .orange-dots p.price, #trucks-for-sale .orange-dots p.trucks-phone, #trucks-for-sale .orange-dots a.enquire {
    border-radius: 30px;
    font-family: 'DINComp-Bold', Sans-Serif;
    text-decoration: none;
    font-size: 1.7em;
    width: 100%;
    color: #fffbdb;
    margin: 0 0 10px; }
    @media (min-width: 600px) {
      #trucks-for-sale .cream-dots p.price, #trucks-for-sale .cream-dots p.trucks-phone, #trucks-for-sale .cream-dots a.enquire, #trucks-for-sale .orange-dots p.price, #trucks-for-sale .orange-dots p.trucks-phone, #trucks-for-sale .orange-dots a.enquire {
        width: auto; } }
  #trucks-for-sale .cream-dots p.price, #trucks-for-sale .orange-dots p.price {
    float: left;
    background: url(../../images/misc/pound-orange-cream.jpg) 10px no-repeat #d84236;
    padding: 15px 35px 15px 45px; }
  #trucks-for-sale .cream-dots a.enquire, #trucks-for-sale .orange-dots a.enquire {
    float: left;
    background: url(../../images/misc/arrow-orange-cream.jpg) right no-repeat #d84236;
    padding: 15px 55px 15px 15px;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    #trucks-for-sale .cream-dots a.enquire:hover, #trucks-for-sale .orange-dots a.enquire:hover {
      padding: 15px 45px 15px 25px; }
  #trucks-for-sale .cream-dots p.trucks-phone, #trucks-for-sale .orange-dots p.trucks-phone {
    background: url(../../images/misc/phone-brown-orange.jpg) 10px no-repeat #333332;
    float: right;
    padding: 15px 20px 15px 60px; }

#contact section.outer-main, #news section.outer-main, #cookies-privacy-policy section.outer-main {
  background: url(../../images/layout/cream-spots.jpg) repeat #2e2925;
  width: 100%;
  height: 100%; }
  @media (min-width: 768px) {
    #contact section.outer-main, #news section.outer-main, #cookies-privacy-policy section.outer-main {
      width: 50%;
      height: 940px; } }
  #contact section.outer-main .main, #news section.outer-main .main, #cookies-privacy-policy section.outer-main .main {
    color: #333332; }
    @media (min-width: 768px) {
      #contact section.outer-main .main, #news section.outer-main .main, #cookies-privacy-policy section.outer-main .main {
        height: 50%;
        width: 100%; } }
    #contact section.outer-main .main h1, #news section.outer-main .main h1, #cookies-privacy-policy section.outer-main .main h1 {
      color: #333332; }
    #contact section.outer-main .main p, #news section.outer-main .main p, #cookies-privacy-policy section.outer-main .main p {
      font-size: 1.6em;
      font-family: 'DINComp-LightIta', Sans-Serif;
      line-height: 1.3em;
      margin: 0; }
      #contact section.outer-main .main p .details, #news section.outer-main .main p .details, #cookies-privacy-policy section.outer-main .main p .details {
        color: #d84236;
        font-family: 'DINComp-BlackIta', Sans-Serif; }
      #contact section.outer-main .main p a, #news section.outer-main .main p a, #cookies-privacy-policy section.outer-main .main p a {
        text-decoration: none;
        color: #333332; }
        #contact section.outer-main .main p a:hover, #news section.outer-main .main p a:hover, #cookies-privacy-policy section.outer-main .main p a:hover {
          color: #d84236; }
  #contact section.outer-main .map, #news section.outer-main .map, #cookies-privacy-policy section.outer-main .map {
    position: relative;
    overflow: hidden;
    height: 200px; }
    @media (min-width: 768px) {
      #contact section.outer-main .map, #news section.outer-main .map, #cookies-privacy-policy section.outer-main .map {
        height: 50%;
        width: 100%; } }
    #contact section.outer-main .map iframe, #news section.outer-main .map iframe, #cookies-privacy-policy section.outer-main .map iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100% !important;
      height: 100% !important;
      z-index: 100;
      background: url(../../images/layout/map-fallback.jpg); }
    #contact section.outer-main .map h2, #news section.outer-main .map h2, #cookies-privacy-policy section.outer-main .map h2 {
      z-index: 1000;
      position: absolute;
      font-family: 'DINComp-BlackIta', Sans-Serif;
      color: #d84236;
      font-size: 2.2em; }

section.outer-video {
  background: url(../../images/layout/orange-spots.jpg) repeat;
  float: left;
  width: 100%; }
  @media (min-width: 960px) {
    section.outer-video {
      width: 50%;
      height: 700px; } }
  section.outer-video .video {
    width: 100%;
    padding: 50px 20px;
    font-size: 1.2em;
    line-height: 1.6em;
    color: #fffbdb; }
    @media (min-width: 768px) {
      section.outer-video .video {
        width: 100%; } }
    @media (min-width: 960px) {
      section.outer-video .video {
        width: 100%;
        padding: 100px 20px; } }
    @media (min-width: 1200px) {
      section.outer-video .video {
        float: right;
        width: 600px;
        padding: 100px 20px; } }
    section.outer-video .video h2 {
      background: url(../../images/layout/h2-dots-brown.png) no-repeat bottom center; }
    section.outer-video .video p {
      margin: 10px 0px 10px 0px; }
      section.outer-video .video p.vid-top-text {
        font-size: 2.3em;
        color: #333332;
        font-family: 'Sourcesanspro Italic', Sans-Serif;
        text-align: center;
        padding: 0 0 20px 0;
        line-height: 1.2em; }
    section.outer-video .video video {
      width: 100%;
      display: block;
      margin: 0 auto; }
      @media (min-width: 321px) {
        section.outer-video .video video {
          width: 100%; } }
      @media (min-width: 600px) {
        section.outer-video .video video {
          width: 100%; } }
      @media (min-width: 960px) {
        section.outer-video .video video {
          width: 100%; } }
      @media (min-width: 1200px) {
        section.outer-video .video video {
          width: 560px; } }

section.outer-left {
  background: url(../../images/layout/orange-spots.jpg) repeat;
  float: left;
  width: 100%; }
  @media (min-width: 960px) {
    section.outer-left {
      width: 50%;
      height: 640px; } }
  section.outer-left .orange-dots {
    width: 100%;
    padding: 50px 20px;
    font-size: 1.2em;
    line-height: 1.6em;
    color: #fffbdb; }
    @media (min-width: 768px) {
      section.outer-left .orange-dots {
        width: 100%; } }
    @media (min-width: 960px) {
      section.outer-left .orange-dots {
        width: 100%;
        padding: 100px 20px 45px; } }
    @media only screen and (min-width: 1000px) {
      section.outer-left .orange-dots {
        padding: 100px 20px 100px; } }
    @media (min-width: 1200px) {
      section.outer-left .orange-dots {
        float: right;
        width: 600px;
        padding: 100px 20px; } }
    section.outer-left .orange-dots h2 {
      background: url(../../images/layout/h2-dots-brown.png) no-repeat bottom center; }
    section.outer-left .orange-dots p {
      margin: 10px 0px 10px 0px; }
      section.outer-left .orange-dots p.vid-top-text {
        font-size: 2.3em;
        color: #333332;
        font-family: 'Sourcesanspro Italic', Sans-Serif;
        text-align: center;
        padding: 0 0 20px 0;
        line-height: 1.2em; }
      section.outer-left .orange-dots p.phone {
        padding: 15px 20px 12px 50px;
        background: url(../../images/misc/phone.jpg) left no-repeat #fffbdb;
        border-radius: 30px;
        font-size: 1.6em;
        font-family: 'DINComp-Bold', Sans-Serif;
        text-decoration: none;
        color: #d84236;
        box-shadow: -1px -1px 1px #fff;
        display: block;
        width: 250px;
        margin: 20px auto; }
        @media (min-width: 960px) {
          section.outer-left .orange-dots p.phone {
            margin: 0 0 0 40px;
            display: inline;
            font-size: 1em; } }
        @media (min-width: 1200px) {
          section.outer-left .orange-dots p.phone {
            font-size: 1.6em; } }
        section.outer-left .orange-dots p.phone a {
          text-decoration: none; }
    section.outer-left .orange-dots a.side-link {
      padding: 15px 50px 15px 20px;
      background: url(../../images/misc/brown-arrow.jpg) right no-repeat #333332;
      border-radius: 30px;
      font-size: 1.6em;
      font-family: 'DINComp-Bold', Sans-Serif;
      text-decoration: none;
      color: #fffbdb;
      box-shadow: -1px -1px 1px #3e3e3d;
      width: 260px;
      margin: 20px auto;
      display: block;
      -webkit-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      transition: all 0.3s ease; }
      @media (max-width: 320px) {
        section.outer-left .orange-dots a.side-link {
          display: block; } }
      @media (min-width: 960px) {
        section.outer-left .orange-dots a.side-link {
          display: inline-block;
          width: 210px;
          margin: 0 0 0 20px;
          font-size: 1em; } }
      @media (min-width: 1200px) {
        section.outer-left .orange-dots a.side-link {
          font-size: 1.2em; } }
      section.outer-left .orange-dots a.side-link:hover {
        padding: 15px 50px 15px 30px; }
  section.outer-left .outer-cream {
    background: url(../../images/layout/cream-spots.jpg) repeat #2e2925;
    float: left;
    width: 100%;
    padding: 50px 0; }
    section.outer-left .outer-cream .cream-dots {
      width: 100%; }
      @media (min-width: 1200px) {
        section.outer-left .outer-cream .cream-dots {
          float: right;
          width: 600px;
          padding: 40px 20px; } }
      section.outer-left .outer-cream .cream-dots .pdfs {
        width: 90%;
        margin: 0 auto; }
        @media (min-width: 600px) {
          section.outer-left .outer-cream .cream-dots .pdfs {
            width: 50%;
            margin: 0 auto; } }
        @media (min-width: 1200px) {
          section.outer-left .outer-cream .cream-dots .pdfs {
            width: 50%;
            float: left;
            padding: 30px 0 0 20px; } }
        section.outer-left .outer-cream .cream-dots .pdfs a {
          width: 100%;
          display: block;
          border-radius: 20px;
          border: 2px solid #d84236;
          font-family: 'DINComp-BlackIta', Sans-Serif;
          font-size: 1.5em;
          text-decoration: none;
          color: #d84236;
          padding: 10px;
          margin: 0 0 20px 0;
          background: url(../../images/misc/pdf.png) no-repeat right center;
          -webkit-transition: all 0.3s ease;
          -ms-transition: all 0.3s ease;
          -o-transition: all 0.3s ease;
          -moz-transition: all 0.3s ease;
          transition: all 0.3s ease; }
          section.outer-left .outer-cream .cream-dots .pdfs a:hover {
            color: #333332;
            border: 2px solid #333332;
            padding: 10px 10px 10px 15px; }
      section.outer-left .outer-cream .cream-dots p.text-right {
        width: 100%;
        padding-bottom: 40px;
        margin: 0 0 40px 0;
        color: #333332;
        font-family: 'DINComp-BlackIta', Sans-Serif;
        font-size: 3.2em;
        background: url(../../images/layout/h2-3dots-brown.png) no-repeat bottom center;
        text-align: center; }
        @media (min-width: 960px) {
          section.outer-left .outer-cream .cream-dots p.text-right {
            font-size: 2.3em; } }
        @media (min-width: 1200px) {
          section.outer-left .outer-cream .cream-dots p.text-right {
            display: block;
            width: 25%;
            padding-top: 40px;
            float: right;
            margin: 0 10%;
            background: url(../../images/layout/h2-3dots-brown.png) no-repeat top center;
            font-size: 3.5em; } }
        section.outer-left .outer-cream .cream-dots p.text-right span.orange-text {
          text-transform: uppercase;
          color: #d84236; }
          @media (min-width: 1200px) {
            section.outer-left .outer-cream .cream-dots p.text-right span.orange-text {
              font-size: 0.62em;
              display: block; } }
        section.outer-left .outer-cream .cream-dots p.text-right span.small {
          padding-bottom: 40px; }
          @media (min-width: 1200px) {
            section.outer-left .outer-cream .cream-dots p.text-right span.small {
              font-size: 0.5em;
              display: block;
              background: url(../../images/layout/h2-3dots-brown.png) no-repeat bottom center; } }
  section.outer-left .orange {
    background: #d84236;
    width: 100%;
    padding: 100px 0 50px 0;
    min-height: 310px; }
    @media (min-width: 1200px) {
      section.outer-left .orange {
        float: right;
        width: 600px;
        padding: 100px 20px 55px; } }
    section.outer-left .orange .top-text {
      width: 100%; }
      @media (min-width: 960px) {
        section.outer-left .orange .top-text {
          padding-top: 30px;
          width: 48%;
          float: left;
          font-size: 0.8em; } }
      @media (min-width: 1200px) {
        section.outer-left .orange .top-text {
          padding-top: 30px;
          width: 48%;
          float: left;
          font-size: 1em; } }
    section.outer-left .orange h2 {
      background: url(../../images/layout/h2-dots-brown.png) no-repeat bottom center; }
    section.outer-left .orange p {
      margin: 10px 0px 10px 0px; }
      section.outer-left .orange p.vid-top-text {
        font-size: 2.3em;
        color: #333332;
        font-family: 'Sourcesanspro Italic', Sans-Serif;
        text-align: center;
        padding: 0 0 20px 0;
        line-height: 1.2em;
        clear: left; }
    section.outer-left .orange video {
      width: 70%;
      display: block;
      margin: 0 auto; }
      @media (min-width: 960px) {
        section.outer-left .orange video {
          width: 50%;
          float: right; } }

section.outer-contact {
  background: #d84236;
  float: left;
  width: 100%; }
  @media (min-width: 768px) {
    section.outer-contact {
      width: 50%;
      height: 940px; } }
  section.outer-contact .contact {
    width: 100%;
    padding: 50px 20px;
    font-size: 1.3em;
    line-height: 1.6em;
    color: #fffbdb; }
    @media (min-width: 768px) {
      section.outer-contact .contact {
        width: 100%; } }
    @media (min-width: 960px) {
      section.outer-contact .contact {
        width: 100%;
        padding: 100px 20px; } }
    @media (min-width: 1200px) {
      section.outer-contact .contact {
        float: right;
        width: 600px;
        padding: 100px 20px; } }
    section.outer-contact .contact h2 {
      background: url(../../images/layout/h2-dots-brown.png) no-repeat bottom center; }
    section.outer-contact .contact p {
      margin: 10px 0px 10px 0px; }
      section.outer-contact .contact p.vid-top-text {
        font-size: 2.3em;
        color: #333332;
        font-family: 'Sourcesanspro Italic', Sans-Serif;
        text-align: center;
        padding: 0 0 20px 0;
        line-height: 1.2em; }
    section.outer-contact .contact a:hover {
      color: #333332; }

/* Hot Cta Styles
--------------------------------------------------------------- */
section.outer-hot {
  background: url(../../images/layout/hot-asphalt-bg-mobile.jpg) repeat center;
  float: left;
  width: 100%; }
  @media (min-width: 960px) {
    section.outer-hot {
      background: url(../../images/layout/hot-asphalt-bg.jpg) repeat;
      font-size: 0.8em; } }
  section.outer-hot .hot {
    margin: 0 auto;
    padding: 30px 0;
    font-size: 1.2em;
    line-height: 1.6em;
    background-color: rgba(49, 45, 42, 0.6);
    width: 90%;
    overflow: auto; }
    @media (min-width: 600px) {
      section.outer-hot .hot {
        width: 100%;
        margin: 20px 0; } }
    section.outer-hot .hot .hot-cta {
      width: 100%;
      margin: 0 auto; }
      @media (min-width: 1200px) {
        section.outer-hot .hot .hot-cta {
          width: 600px;
          float: right; } }
      section.outer-hot .hot .hot-cta h2 {
        font-family: 'DINComp-BlackIta', Sans-Serif;
        background: url(../../images/layout/h2-3dots-brown.png) no-repeat bottom center;
        padding: 0 0 25px 0;
        line-height: 1.2em;
        font-size: 2.4em; }
        @media (min-width: 768px) {
          section.outer-hot .hot .hot-cta h2 {
            font-size: 3em; } }
      section.outer-hot .hot .hot-cta .hot-bucket {
        width: 100%;
        padding: 10px 30px;
        text-align: center;
        float: left; }
        @media (min-width: 600px) {
          section.outer-hot .hot .hot-cta .hot-bucket {
            width: 50%;
            padding: 20px 15px;
            height: 100px; } }
        @media (min-width: 768px) {
          section.outer-hot .hot .hot-cta .hot-bucket {
            width: 25%;
            height: auto; } }
        @media (min-width: 960px) {
          section.outer-hot .hot .hot-cta .hot-bucket {
            width: 25%; } }
        section.outer-hot .hot .hot-cta .hot-bucket p {
          font-family: 'DINComp-BoldIta', Sans-Serif;
          color: #fffbdb;
          font-size: 1.6em; }

@media (min-width: 960px) {
  #index section.outer-hot, #contact section.outer-hot, #video-gallery-brochures section.outer-hot, #trucks-for-sale section.outer-hot, #news section.outer-hot, #cookies-privacy-policy section.outer-hot {
    font-size: 1.4em; } }
@media (min-width: 600px) {
  #index section.outer-hot .hot, #contact section.outer-hot .hot, #video-gallery-brochures section.outer-hot .hot, #trucks-for-sale section.outer-hot .hot, #news section.outer-hot .hot, #cookies-privacy-policy section.outer-hot .hot {
    margin: 40px 0; } }
#index section.outer-hot .hot .hot-cta, #contact section.outer-hot .hot .hot-cta, #video-gallery-brochures section.outer-hot .hot .hot-cta, #trucks-for-sale section.outer-hot .hot .hot-cta, #news section.outer-hot .hot .hot-cta, #cookies-privacy-policy section.outer-hot .hot .hot-cta {
  width: 100%; }
  @media (min-width: 1200px) {
    #index section.outer-hot .hot .hot-cta, #contact section.outer-hot .hot .hot-cta, #video-gallery-brochures section.outer-hot .hot .hot-cta, #trucks-for-sale section.outer-hot .hot .hot-cta, #news section.outer-hot .hot .hot-cta, #cookies-privacy-policy section.outer-hot .hot .hot-cta {
      width: 960px;
      float: none; } }

/* News Styles
--------------------------------------------------------------- */
#error .outer-main, #cookies-privacy-policy .outer-main {
  min-height: 720px;
  height: 100%; }
  #error .outer-main .main h2, #cookies-privacy-policy .outer-main .main h2 {
    color: #333332;
    font-family: 'DINComp-BoldIta', Sans-Serif;
    font-size: 1.5em;
    text-align: left; }
  #error .outer-main .main a:hover, #cookies-privacy-policy .outer-main .main a:hover {
    color: #d84236; }
  #error .outer-main .main ul li, #cookies-privacy-policy .outer-main .main ul li {
    list-style: none;
    background: none; }
    #error .outer-main .main ul li a, #cookies-privacy-policy .outer-main .main ul li a {
      color: #fffbdb; }
      #error .outer-main .main ul li a:hover, #cookies-privacy-policy .outer-main .main ul li a:hover {
        color: #d84236; }

#news .outer, #cookies-privacy-policy .outer {
  background: url(../../images/layout/cream-spots.jpg) repeat #2e2925; }
  #news .outer section.outer-contact, #cookies-privacy-policy .outer section.outer-contact {
    min-height: 720px;
    height: 100%; }
    #news .outer section.outer-contact h1, #cookies-privacy-policy .outer section.outer-contact h1 {
      padding: 20px 0; }
      #news .outer section.outer-contact h1 a, #cookies-privacy-policy .outer section.outer-contact h1 a {
        color: #fffbdb; }
        #news .outer section.outer-contact h1 a:hover, #cookies-privacy-policy .outer section.outer-contact h1 a:hover {
          color: #333332; }
    #news .outer section.outer-contact h2, #cookies-privacy-policy .outer section.outer-contact h2 {
      padding: 20px 0;
      margin: 0 0 20px 0;
      font-size: 1.6em; }
    #news .outer section.outer-contact a, #cookies-privacy-policy .outer section.outer-contact a {
      color: #333332; }
      #news .outer section.outer-contact a:hover, #cookies-privacy-policy .outer section.outer-contact a:hover {
        color: #fffbdb; }
    #news .outer section.outer-contact h3, #cookies-privacy-policy .outer section.outer-contact h3 {
      color: #333332; }
    #news .outer section.outer-contact ul li, #cookies-privacy-policy .outer section.outer-contact ul li {
      list-style: disc inside; }
  #news .outer .outer-main, #cookies-privacy-policy .outer .outer-main {
    min-height: 720px;
    height: 100%; }
    #news .outer .outer-main .main, #cookies-privacy-policy .outer .outer-main .main {
      width: 100%; }
      @media (min-width: 768px) {
        #news .outer .outer-main .main, #cookies-privacy-policy .outer .outer-main .main {
          width: 100%; } }
      @media (min-width: 960px) {
        #news .outer .outer-main .main, #cookies-privacy-policy .outer .outer-main .main {
          width: 100%; } }
      @media (min-width: 1200px) {
        #news .outer .outer-main .main, #cookies-privacy-policy .outer .outer-main .main {
          float: left;
          width: 600px; } }
      #news .outer .outer-main .main aside, #cookies-privacy-policy .outer .outer-main .main aside {
        background: none;
        list-style: none; }
        #news .outer .outer-main .main aside ul li, #cookies-privacy-policy .outer .outer-main .main aside ul li {
          background: none; }
      #news .outer .outer-main .main p, #cookies-privacy-policy .outer .outer-main .main p {
        font-size: 1em;
        padding: 10px 0; }
      #news .outer .outer-main .main a, #cookies-privacy-policy .outer .outer-main .main a {
        color: #333332; }
        #news .outer .outer-main .main a:hover, #cookies-privacy-policy .outer .outer-main .main a:hover {
          color: #d84236; }
#news #searchsubmit, #cookies-privacy-policy #searchsubmit {
  padding: 15px 50px 15px 20px;
  width: 100%;
  background: url(../../images/misc/brown-arrow.jpg) right no-repeat #333332;
  border-radius: 30px;
  font-size: 1em;
  font-family: 'DINComp-Bold', Sans-Serif;
  text-decoration: none;
  color: #fffbdb;
  box-shadow: -1px -1px 1px #3e3e3d;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border: none;
  margin: 0 0 10px 0; }
  #news #searchsubmit:hover, #cookies-privacy-policy #searchsubmit:hover {
    padding: 15px 50px 15px 30px; }
  @media (min-width: 600px) {
    #news #searchsubmit, #cookies-privacy-policy #searchsubmit {
      width: 140px; } }
#news .screen-reader-text, #cookies-privacy-policy .screen-reader-text {
  display: none; }
#news #s, #cookies-privacy-policy #s {
  padding: 15px 50px 15px 20px;
  width: 100%;
  border-radius: 30px;
  border: 1px solid #333332;
  margin: 0 0 10px 0; }
  @media (min-width: 600px) {
    #news #s, #cookies-privacy-policy #s {
      width: 180px; } }

/* Aside Styles
--------------------------------------------------------------- */
aside {
  display: block;
  float: left;
  width: 100%;
  padding: 0;
  background: url(../../images/layout/orange-spots.jpg) repeat; }
  aside .sale-outer {
    width: 100%;
    display: block; }
    @media (min-width: 600px) {
      aside .sale-outer {
        width: 100%; } }
    @media (min-width: 768px) {
      aside .sale-outer {
        width: 100%; } }
    @media (min-width: 1200px) {
      aside .sale-outer {
        width: 960px;
        margin: 0 auto; } }
    @media (min-width: 1200px) {
      aside .sale-outer {
        width: 1200px;
        margin: 0 auto; } }
    aside .sale-outer .sale {
      width: 100%;
      position: relative;
      padding: 40px 10px 100px 10px; }
      @media (min-width: 768px) {
        aside .sale-outer .sale {
          float: right;
          width: 60%;
          padding: 45px 20px; } }
      @media (min-width: 960px) {
        aside .sale-outer .sale {
          width: 70%; } }
      @media (min-width: 1200px) {
        aside .sale-outer .sale {
          width: 70%;
          padding: 70px 20px; } }
      aside .sale-outer .sale a.sale-link {
        padding: 15px 50px 15px 20px;
        display: block;
        width: 200px;
        margin: 0 auto;
        background: url(../../images/misc/brown-arrow.jpg) right no-repeat #333332;
        border-radius: 30px;
        font-size: 1.8em;
        font-family: 'DINComp-Bold', Sans-Serif;
        text-decoration: none;
        color: #fffbdb;
        box-shadow: -1px -1px 1px #3e3e3d;
        -webkit-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        transition: all 0.3s ease; }
        @media (min-width: 960px) {
          aside .sale-outer .sale a.sale-link {
            position: absolute;
            top: 35px;
            right: 100px; } }
        @media (min-width: 1200px) {
          aside .sale-outer .sale a.sale-link {
            right: 250px;
            top: 60px; } }
        aside .sale-outer .sale a.sale-link:hover {
          padding: 15px 50px 15px 30px; }
      aside .sale-outer .sale p {
        font-size: 2.8em;
        text-align: center;
        color: #fffbdb;
        font-family: 'DINComp-LightIta', Sans-Serif;
        padding: 0 0 20px 0; }
        @media (min-width: 768px) {
          aside .sale-outer .sale p {
            text-align: left; } }
        @media (min-width: 960px) {
          aside .sale-outer .sale p {
            font-size: 3em;
            text-align: left; } }
        aside .sale-outer .sale p span {
          font-family: 'DINComp-BlackIta', Sans-Serif; }
      aside .sale-outer .sale p.finance {
        background: url(../../images/layout/h2-dots-brown.png) no-repeat top center;
        padding: 20px 0;
        margin: 10px;
        font-family: 'DINComp-BoldIta', Sans-Serif;
        text-decoration: none;
        color: #333332;
        font-size: 2.2em;
        text-align: center;
        width: 100%;
        clear: both; }
        @media (min-width: 768px) {
          aside .sale-outer .sale p.finance {
            background: url(../../images/layout/h2-dots-brown.png) repeat-x top left;
            text-align: left;
            margin: 0;
            font-size: 3.4em; } }
      aside .sale-outer .sale .phone {
        padding: 15px 20px 12px 50px;
        background: url(../../images/misc/phone.jpg) left no-repeat #fffbdb;
        border-radius: 30px;
        font-size: 0.8em;
        font-family: 'DINComp-Bold', Sans-Serif;
        text-decoration: none;
        color: #d84236;
        box-shadow: -1px -1px 1px #fff;
        margin: 10px auto;
        display: block;
        width: 230px; }
        @media (min-width: 768px) {
          aside .sale-outer .sale .phone {
            margin: 10px 0 0 0; } }
        @media (min-width: 1200px) {
          aside .sale-outer .sale .phone {
            display: inline; } }
        aside .sale-outer .sale .phone a {
          text-decoration: none; }
      aside .sale-outer .sale img.truck {
        position: absolute;
        z-index: 100;
        bottom: -40px;
        right: 15%;
        width: 200px; }
        @media (min-width: 321px) {
          aside .sale-outer .sale img.truck {
            right: 30%; } }
        @media (min-width: 600px) {
          aside .sale-outer .sale img.truck {
            right: 35%; } }
        @media (min-width: 768px) {
          aside .sale-outer .sale img.truck {
            width: 220px;
            bottom: -45px;
            right: 0; } }
        @media (min-width: 960px) {
          aside .sale-outer .sale img.truck {
            width: 330px;
            bottom: -70px;
            right: 0; } }
    aside .sale-outer .latest-news {
      width: 100%;
      padding: 20px 0;
      margin: 0 auto;
      background: url(../../images/layout/cream-spots.jpg) repeat; }
      @media (min-width: 321px) {
        aside .sale-outer .latest-news {
          width: 100%;
          float: left;
          background: url(../../images/layout/cream-spots.jpg) repeat; } }
      @media (min-width: 600px) {
        aside .sale-outer .latest-news {
          width: 100%;
          float: left;
          background: url(../../images/layout/cream-spots.jpg) repeat; } }
      @media (min-width: 768px) {
        aside .sale-outer .latest-news {
          width: 30%;
          float: left;
          background: none; } }
      @media (min-width: 1200px) {
        aside .sale-outer .latest-news {
          width: 30%;
          float: left; } }
      @media (min-width: 1200px) {
        aside .sale-outer .latest-news {
          width: 30%;
          float: left; } }
      aside .sale-outer .latest-news .bubble {
        padding: 15px 50px 15px 20px;
        display: block;
        width: 90%;
        margin: 0 auto;
        background: #333332;
        border-top-right-radius: 30px;
        border-bottom-right-radius: 30px;
        border-top-left-radius: 30px;
        border-bottom-left-radius: 30px;
        font-size: 1.8em;
        font-family: 'Sourcesanspro', Sans-Serif;
        text-decoration: none;
        color: #fffbdb;
        box-shadow: -1px -1px 1px #3e3e3d; }
        @media (max-width: 320px) {
          aside .sale-outer .latest-news .bubble {
            width: 90%; } }
        @media (min-width: 321px) {
          aside .sale-outer .latest-news .bubble {
            width: 300px; } }
        @media (min-width: 768px) {
          aside .sale-outer .latest-news .bubble {
            border-top-left-radius: 0px;
            border-bottom-left-radius: 0px;
            border-top-right-radius: 30px;
            border-bottom-right-radius: 30px; } }
        @media only screen and (min-width: 1022px) {
          aside .sale-outer .latest-news .bubble {
            border-radius: 30px; } }
        aside .sale-outer .latest-news .bubble .title {
          font-family: 'DINComp-BoldIta', Sans-Serif;
          color: #d84236;
          font-size: 1.6em;
          padding: 0 0 10px 0; }
        aside .sale-outer .latest-news .bubble .post-heading {
          font-family: 'DINComp-BoldIta', Sans-Serif;
          font-size: 1.2em;
          padding: 0 0 10px 0; }
        aside .sale-outer .latest-news .bubble p a {
          padding: 15px 50px 15px 20px;
          display: block;
          margin: 10px auto;
          background: url(../../images/misc/brown-arrow.jpg) right no-repeat #333332;
          border-radius: 30px;
          font-size: 1em;
          font-family: 'DINComp-Bold', Sans-Serif;
          text-decoration: none;
          text-transform: lowercase;
          color: #fffbdb;
          border: 1px solid #d84236;
          -webkit-transition: all 0.3s ease;
          -ms-transition: all 0.3s ease;
          -o-transition: all 0.3s ease;
          -moz-transition: all 0.3s ease;
          transition: all 0.3s ease; }
          aside .sale-outer .latest-news .bubble p a:hover {
            padding: 15px 50px 15px 30px;
            border: 1px solid #fffbdb; }
          aside .sale-outer .latest-news .bubble p a .meta-nav {
            display: none; }
  aside .rent {
    width: 100%;
    display: block;
    overflow: hidden;
    background: #fffbdb;
    padding: 55px 20px; }
    aside .rent p {
      font-size: 3.7em;
      text-align: center;
      color: #d84236;
      font-family: 'DINComp-LightIta', Sans-Serif;
      padding: 0 30px 50px 0;
      background: url(../../images/layout/h2-3dots-brown.png) no-repeat bottom center; }
      aside .rent p span.bold {
        font-family: 'DINComp-BlackIta', Sans-Serif; }
      @media (min-width: 960px) {
        aside .rent p span.dot {
          background: url(../../images/misc/dot.jpg) no-repeat center right;
          padding: 0 25px 0 0; } }
      aside .rent p span.brown {
        background: url(../../images/misc/dot.jpg) no-repeat top center;
        padding: 20px 0 0 0;
        margin: 10px 0 0;
        color: #333332;
        display: block; }
        @media (min-width: 960px) {
          aside .rent p span.brown {
            display: inline;
            background: none; } }

/* Footer Styles
--------------------------------------------------------------- */
footer {
  background: #333332;
  float: left;
  width: 100%;
  color: #fffbdb;
  font-size: 1.3em;
  padding: 20px; }
  @media (min-width: 960px) {
    footer {
      padding: 0; } }
  footer p {
    line-height: 1.6em;
    font-family: 'Sourcesanspro', Sans-Serif; }
  footer .title {
    font-size: 1.3em;
    margin: 15px 0 0 0;
    color: #d84236;
    font-family: 'DINComp-BoldIta', Sans-Serif; }
  footer li {
    list-style: none;
    margin: 0;
    line-height: 1.2em;
    padding: 0; }
    footer li a {
      display: inline-block;
      color: #fffbdb;
      text-decoration: none;
      -webkit-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      transition: all 0.3s ease; }
      footer li a:hover {
        color: #d84236; }
      footer li a.parent {
        color: #d84236; }
      footer li a:visited, footer li a:focus {
        color: #fffbdb; }
  @media (min-width: 768px) {
    footer li.volumetric-asphalt-mixers ul li {
      padding: 12px 20px 5px 0; } }
  @media screen and (min-width: 1004px) {
    footer li.volumetric-asphalt-mixers ul li {
      padding: 0px 20px 5px 0; } }
  @media (min-width: 768px) {
    footer ul {
      float: left;
      display: inline; }
    footer li {
      float: left;
      display: inline;
      padding: 5px 20px 5px 0; }
    footer a {
      display: inline-block; }
    footer .col {
      width: 50%;
      float: left;
      max-height: 200px; } }
  @media (min-width: 768px) and (min-width: 960px) {
    footer .col {
      min-height: 100px; } }
  @media (min-width: 768px) {
    footer .footer-bottom {
      clear: both;
      text-align: center;
      border-top: 1px solid #d84236;
      padding: 30px 0; } }

/* Generic Styles
--------------------------------------------------------------- */
.clearfix {
  clear: both;
  padding: 10px 0; }

.inline {
  display: inline; }

/* Callback Form Styles
--------------------------------------------------------------- */
.callback-form {
  margin: 10px 0;
  background: #eee;
  padding: 10px; }
  .callback-form .title {
    font-weight: bold;
    margin: 0 0 15px 0; }
  .callback-form .botBuster {
    display: none; }
  .callback-form fieldset {
    margin: 3px 0;
    border: none; }
  .callback-form label {
    width: 30%;
    float: left;
    display: inline-block;
    padding: 2px; }
  .callback-form input, .callback-form select {
    width: 70%;
    float: right;
    padding: 2px;
    display: inline-block; }
  .callback-form #results ul li {
    list-style: none;
    margin: 0px;
    padding: 2px 0px 2px 25px;
    background: url(../../images/misc/warning.png) center left no-repeat; }

/* Contact Form Styles
--------------------------------------------------------------- */
.contact-form {
  clear: both;
  width: 100%; }
  @media (min-width: 960px) {
    .contact-form {
      width: 100%; } }
  .contact-form fieldset {
    border: none;
    clear: both; }
    .contact-form fieldset label {
      width: 100%;
      float: left;
      padding: 5px 0px 5px 0px;
      display: block;
      color: #333; }
    .contact-form fieldset input {
      width: 100%;
      padding: 10px 5px;
      background: #fffbdb;
      border: none;
      float: left;
      margin: 0 0 10px 0;
      font-family: 'Sourcesanspro', Sans-Serif; }
      .contact-form fieldset input:focus {
        border: 1px solid #0F76C3; }
    .contact-form fieldset textarea {
      width: 100%;
      padding: 10px 5px;
      background: #fffbdb;
      border: none;
      float: left;
      margin: 0 0 10px 0;
      font-family: 'Sourcesanspro', Sans-Serif; }
      .contact-form fieldset textarea:focus {
        border: 1px solid #0F76C3; }
    .contact-form fieldset div.wrap {
      width: 100%;
      float: left; }
    @media screen and (min-width: 480px) {
      .contact-form fieldset div.wrap {
        width: 50%;
        padding: 0 5px 0 0; } }
    .contact-form fieldset .submit {
      padding: 15px 50px 15px 20px;
      display: block;
      width: 160px;
      background: url(../../images/misc/brown-arrow.jpg) right no-repeat #333332;
      border-radius: 30px;
      font-size: 1.3em;
      font-family: 'DINComp-Bold', Sans-Serif;
      text-decoration: none;
      float: right;
      color: #fffbdb;
      box-shadow: -1px -1px 1px #3e3e3d;
      cursor: pointer;
      -webkit-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      transition: all 0.3s ease; }
      .contact-form fieldset .submit:hover {
        padding: 15px 50px 15px 30px; }
  .contact-form p.whatareyoulookingfor {
    color: #0F76C3;
    padding: 15px 0px 10px 0px;
    margin: 0px; }
  .contact-form .interested-in div {
    width: 100%;
    float: left;
    padding: 4px 0px; }
  @media screen and (min-width: 480px) {
    .contact-form .interested-in div {
      width: 50%; } }

/* PHP Error Results */
#results {
  color: #7F2D0F;
  font-weight: bold;
  clear: both; }
  #results ul {
    margin: 10px; }
    #results ul li {
      list-style: none;
      margin: 0px;
      background: red;
      padding: 8px 0px 8px 25px;
      background: url(../../images/misc/warning.png) center left no-repeat !important; }

/* -------------- Hide Bot Buster */
fieldset.botBuster {
  display: none; }

/* Cookies */
.cookies {
  position: fixed;
  width: 100%;
  bottom: 0;
  left: 0;
  padding: 1em 10%;
  font-size: 1.4em;
  text-align: center;
  background: #eee;
  border-top: 1px solid #ccc; }

/* -------------- Hide Bot Buster */
.error {
  color: red;
  width: 100%; }