@font-face {
  font-family: EurostileBoldCn;
  src: url('../fonts/EurostileLTStd-BoldCn.otf'),
      url('../fonts/EurostileLTStd-BoldCn.woff') format('woff'), /* Pretty Modern Browsers */
      url('../fonts/EurostileLTStd-BoldCn.ttf')  format('truetype'); /* Safari, Android, iOS */
}

@font-face {
  font-family: EurostileEx2;
  src: url('../fonts/EurostileLTStd-Ex2.otf'),
      url('../fonts/EurostileLTStd-Ex2.woff') format('woff'), /* Pretty Modern Browsers */
      url('../fonts/EurostileLTStd-Ex2.ttf')  format('truetype'); /* Safari, Android, iOS */
}

@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?fm4bb9');
  src:  url('../fonts/icomoon.eot?fm4bb9#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?fm4bb9') format('truetype'),
    url('../fonts/icomoon.woff?fm4bb9') format('woff'),
    url('../fonts/icomoon.svg?fm4bb9#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #FF632C;
  padding: 6px;
  font-size: 18px;
  border-radius: 16px;
  color: white;
}

.icon-google-plus:before {
  content: "\ea8b";
}
.icon-facebook:before {
  content: "\ea90";
}
.icon-twitter:before {
  content: "\ea96";
}
.icon-youtube:before {
  content: "\ea9d";
}

body {
  font-family: 'Open Sans', sans-serif;
}

h1, h2, h3 {
  font-family: EurostileEx2, sans-serif;
  color: #313131;
}

/* a11y style */
.screen-reader-text {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
}

/* header */
header {
  text-align: center;
  padding: 20px 0;
}

h1 {
  font-size: 24px;
}

header img {
  max-width: 100px;
}

header div.col-md-4:nth-child(2) {
  margin: 10px 0;
}

header span {
  font-family: EurostileBoldCn, sans-serif;
  text-transform: uppercase;
  text-shadow: none;
  color: #FF632C;
  font-size: 28px;
}

header a {
  text-decoration: none;
  color: #FF632C;
  font-size: 25px;
  font-family: EurostileBoldCn, sans-serif;
}

header a:hover {
  color: black;
  text-decoration: none;
}

header .row {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

/*==== MAIN section =====*/
.new {
  position: relative;
}

.new h2 {
  text-align: center;
  color: white;
  text-shadow: 2px 2px 4px #000000;
}

.new .col-md-6 {
  height: 300px;
  background-repeat: no-repeat;
  background-size: cover;

}

.logo {
  position: absolute;
  bottom: 0;
  margin: 20px 0;
}

.new_in {
  padding: 0;
  position: relative;
  background: black url('../images/trucks-off-road.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.new_in .large {
  display: none;
}

.new_in .small {
  position: absolute;
  top: 0;
}

.pfadt {
  padding: 0;
  background: black url('../images/cars-truck.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

/*------- trucks_coupes --------- */
.trucks_coupes {
  text-align: center;
}

.trucks_coupes h2 {
  margin-top: 90px;
}

.trucks_coupes p {
  margin: 30px 0;
}

.trucks_coupes span {
  font-family: EurostileBoldCn, sans-serif;
  text-transform: uppercase;
  color: #FF632C;
  font-size: 28px;
  margin: 18px 0 10px;
  display: block;
}

.variant {
  border-top: 2px solid #eee;
  border-bottom: 2px solid #eee;
  margin: 30px 0;
}

.variant div:first-child {
  border-right: 2px solid #eee;
}

.trucks_coupes .col-md-6 .img-responsive {
  padding: 15px 6px 0;
  max-width: 250px;
  min-height: 75px;
  margin: 10px auto;
}

.trucks_coupes .col-xs-12 img {
  padding: 10px 6px;
  max-width: 88px;
}

/*.trucks_coupes .col-xs-12 img:nth-child(1),
.trucks_coupes .col-xs-12 img:nth-child(2),
.trucks_coupes .col-xs-12 img:nth-child(3) {
  max-width: 110px;
}

.trucks_coupes .col-xs-12 img:nth-child(4),
.trucks_coupes .col-xs-12 img:nth-child(5),
.trucks_coupes .col-xs-12 img:nth-child(6) {
  max-width: 80px;
}*/

/*------- hit_the_dirt --------- */
.jumbotron {
  height: 300px;
  margin-top: 30px;
}

.hit {
  background: black url('../images/hit_the_dirt_banner_small.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.hit .col-md-6,
.hug .col-md-6 {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  align-items: center;
}

.text h2 {
  font-family: EurostileBoldCn, sans-serif;
  text-transform: uppercase;
  text-shadow: none;
  font-size: 42px;
  margin: 0;
}

.text img {
  margin: 21px 0;
  max-width: 298px;
}

.text p {
  font-family: EurostileEx2, sans-serif;
  font-size: 19px;
}

.hit .text h2,
.hit .text p {
  color: white;
}

.hug .text h2,
.hug .text p {
  color: #333;
}

.text img.part {
  max-width: 86%;
}

/*------- footer --------- */
.subscribe {
  background: #333;
  color: white;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  padding: 20px 0;
}

.form-inline {
  text-align: center;
  max-width: 900px;
  margin: auto;
}

.subscribe .form-control {
  padding: 6px 179px 6px 6px;
}

.subscribe button {
  color: white;
  background-color: #FF632C;
  border-color: transparent;
  padding: 6px 46px;
}

.subscribe button:hover,
.subscribe button:active,
.subscribe button:focus {
  background-color: #ff7c4d;
  border-color: transparent;
}

.subscribe button {
  margin-left: 0;
}

.copyright {
  background: #E3E3E3;
  padding: 20px 0;
  text-align: center;
}

.copyright ul {
  display: -webkit-flex;
  display: flex;
  list-style: none;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: 184px;
  margin: 25px auto 0;
  padding: 0;
}

.copyright a {
  margin-right: 10px;
  color: #FF632C;
  font-family: EurostileEx2, sans-serif;
}

.copyright ul li a:hover,
.copyright ul li a:active,
.copyright ul li a:focus,
.copyright a:hover,
.copyright a:active,
.copyright a:focus {
  text-decoration: none;
  color: #ff7c4d;
}

.copyright ul li span:hover,
.copyright ul li span:active,
.copyright ul li span:focus {
  /*text-decoration: none;*/
  background-color: #ff7c4d;
}

.footer_bottom {
  text-align: center;
  padding: 10px;
}

.footer_bottom img {
  max-width: 175px;
}

a[href="http://swayawayshocks.com"] img,
a[href="http://store.afecontrol.com"] img,
a[href="http://afepower.com"]:hover img,
a h2 {
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
a[href="http://swayawayshocks.com"]:hover img,
a[href="http://store.afecontrol.com"]:hover img,
a[href="http://afepower.com"]:hover img,
a:hover h2 {
  transform: scale(1.1);
  
}

@media screen and (min-width: 517px) {
  .jumbotron h2 {
    font-size: 60px;
  }

  .jumbotron p {
    font-size: 29px;
  }

  .hit img {
    max-width: 400px;
  }

  .hug .text {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
  }

  .hug .text h2 {
    font-size: 36px;
  }

  .copyright .col-xs-12 {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-align-items: center;
  align-items: center;
  }

  .copyright ul {
    margin: 0;
  }
} /* end min-width: 517px */


@media screen and (min-width: 768px) {
  .heroimage {
  background: black url('../images/jumbotron.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 600px;
  }

  .new .col-md-6 {
    height: 400px;
  }

  .new_in .large {
    display: block;
    position: absolute;
  }

  .new_in .small {
    display: none;
  }

  .hit {
    background: black url('../images/hit_the_dirt_banner.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 600px;
    margin-top: 82px;
  }

  .hit .col-md-6 {
    margin-top: 98px;
  }

  .form-inline {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-align-items: center;
    align-items: center;
  }
}

@media screen and (min-width: 1000px) {

  header img {
    max-width: 150px;
  }

  .hug .text h2 {
    font-size: 42px;
  }


}


@media screen and (min-width: 1700px) {
  .container {
    width: 1400px;
  }
}