/***** BEGIN RESET *****/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  background: transparent;
  border: 0;
  margin: 0;
  padding: 0;
}

ol,
ul {
  list-style: none;
}
.clear {
  clear: both;
  height: 0px;
  margin: 0;
}
.left {
  float: left;
}

/***** END RESET *****/

/* roboto-condensed-regular - latin */
@font-face {
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/roboto-condensed-v16-latin-regular.eot"); /* IE9 Compat Modes */
  src:
    local("Roboto Condensed"),
    local("RobotoCondensed-Regular"),
    url("../fonts/roboto-condensed-v16-latin-regular.eot?#iefix")
      format("embedded-opentype"),
    /* IE6-IE8 */ url("../fonts/roboto-condensed-v16-latin-regular.woff")
      format("woff"),
    /* Modern Browsers */ url("../fonts/roboto-condensed-v16-latin-regular.ttf")
      format("truetype"),
    /* Safari, Android, iOS */
      url("../fonts/roboto-condensed-v16-latin-regular.svg#RobotoCondensed")
      format("svg"); /* Legacy iOS */
}

/* roboto-condensed-italic - latin */
@font-face {
  font-family: "Roboto Condensed";
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/roboto-condensed-v16-latin-italic.eot"); /* IE9 Compat Modes */
  src:
    local("Roboto Condensed Italic"),
    local("RobotoCondensed-Italic"),
    url("../fonts/roboto-condensed-v16-latin-italic.eot?#iefix")
      format("embedded-opentype"),
    /* IE6-IE8 */ url("../fonts/roboto-condensed-v16-latin-italic.woff")
      format("woff"),
    /* Modern Browsers */ url("../fonts/roboto-condensed-v16-latin-italic.ttf")
      format("truetype"),
    /* Safari, Android, iOS */
      url("../fonts/roboto-condensed-v16-latin-italic.svg#RobotoCondensed")
      format("svg"); /* Legacy iOS */
}

/* roboto-condensed-700 - latin */
@font-face {
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/roboto-condensed-v16-latin-700.eot"); /* IE9 Compat Modes */
  src:
    local("Roboto Condensed Bold"),
    local("RobotoCondensed-Bold"),
    url("../fonts/roboto-condensed-v16-latin-700.eot?#iefix")
      format("embedded-opentype"),
    /* IE6-IE8 */ url("../fonts/roboto-condensed-v16-latin-700.woff")
      format("woff"),
    /* Modern Browsers */ url("../fonts/roboto-condensed-v16-latin-700.ttf")
      format("truetype"),
    /* Safari, Android, iOS */
      url("../fonts/roboto-condensed-v16-latin-700.svg#RobotoCondensed")
      format("svg"); /* Legacy iOS */
}

/* roboto-condensed-700italic - latin */
@font-face {
  font-family: "Roboto Condensed";
  font-style: italic;
  font-weight: 700;
  src: url("../fonts/roboto-condensed-v16-latin-700italic.eot"); /* IE9 Compat Modes */
  src:
    local("Roboto Condensed Bold Italic"),
    local("RobotoCondensed-BoldItalic"),
    url("../fonts/roboto-condensed-v16-latin-700italic.eot?#iefix")
      format("embedded-opentype"),
    /* IE6-IE8 */ url("../fonts/roboto-condensed-v16-latin-700italic.woff")
      format("woff"),
    /* Modern Browsers */
      url("../fonts/roboto-condensed-v16-latin-700italic.ttf")
      format("truetype"),
    /* Safari, Android, iOS */
      url("../fonts/roboto-condensed-v16-latin-700italic.svg#RobotoCondensed")
      format("svg"); /* Legacy iOS */
}

body {
  color: #000;
  font-family: "Roboto Condensed", sans-serif;
  margin: 0;
  font-size: 18px;
  overflow-x: hidden;
  -webkit-text-size-adjust: none;
}

td {
  vertical-align: top;
}

/***** Global text link style *****/

a {
  text-decoration: none;
  color: #000;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
a:hover {
  text-decoration: underline;
  color: #e0e0e0;
}

h1 {
  font-size: 40px;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
}
h2 {
  font-weight: 700;
  font-size: 40px;
  font-family: "Roboto Condensed", sans-serif;
}
h3 {
  font-weight: 400;
  font-size: 34px;
  font-family: "Roboto Condensed", sans-serif;
}
h4 {
  font-weight: 700;
  font-size: 30px;
  font-family: "Roboto Condensed", sans-serif;
}
h5 {
  font-weight: 700;
  font-size: 26px;
  font-family: "Roboto Condensed", sans-serif;
}
h6 {
  font-weight: 700;
  font-size: 24px;
  font-family: "Roboto Condensed", sans-serif;
  padding-bottom: 7px;
}

.img-responsive {
  width: 100%;
}
.img-half {
  margin-left: 20px;
  width: 50%;
}

p {
  /*margin-bottom:15px;*/
  font-size: 18px;
  font-family: "Roboto Condensed", sans-serif;
}
.spacer {
  padding-bottom: 25px;
}

.wrapper {
  width: 96%;
  margin: 0 auto;
  max-width: 1170px;
}

.wrapper-lrg {
  width: 85%;
  margin: 0 auto;
}

.wrapper-sml {
  width: 92%;
  margin: 0 auto;
  max-width: 1000px;
}

.wrapper-smler {
  width: 85%;
  margin: 0 auto;
  max-width: 800px;
}

.padding20 {
  margin: 0 auto;
  padding: 20px 0;
}
.padding50 {
  margin: 0 auto;
  padding: 50px 0;
}
.padding200 {
  margin: 0 auto;
  padding: 100px 0;
}

/**SPANS**/
.topblue {
  font-weight: 700;
  font-style: italic;
  font-size: 14px;
}
.center {
  text-align: center;
}
.italic {
  font-style: italic;
}
.bold {
  font-weight: 700;
}
.small {
  font-weight: 400;
  font-size: 10px;
}

/*===================== 
                HEADER 
=======================*/
.top-bar {
  background: #333333; /*grey*/
  margin: 0 auto;
  padding: 10px 20px;
  border-bottom: 4px solid #000;
}

.lrg-wrapper {
  width: 92%;
  margin: 0 auto;
  max-width: 1500px;
}

.top-bar-text {
  text-decoration: none;
  text-transform: uppercase;
  float: right;
  margin: 10px 0;
}

.top-bar-text img {
  width: 15px;
  display: inline-block;
}

.top-bar-left {
  text-decoration: none;
  text-transform: uppercase;
  float: left;
  margin: 2px 0;
}

.top-bar-text p {
  font-size: 16px;
  color: #d58232; /*orange*/
  padding: 0 10px;
}

.top-bar-text a {
  font-size: 16px;
  color: #d58232; /*orange*/
  padding: 0 5px;
  text-decoration: underline;
}

.top-bar-text a:hover {
  text-decoration: none;
  color: #fff;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

header {
  width: 100%;
  margin: 0 auto;
  border-bottom: 4px solid #000;
  -webkit-box-shadow: 0px 13px 14px -11px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 13px 14px -11px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 13px 14px -11px rgba(0, 0, 0, 0.75);
}

.header {
  width: 100%;
  margin: 0 auto;
}

.logo {
  float: left;
  max-width: 325px;
  padding: 2px 0;
  width: 39%;
  box-sizing: border-box;
}

.logo img {
  display: inline-block !important;
  max-width: 100%;
}

.header-right {
  float: left;
  width: 74%;
  box-sizing: border-box;
  padding: 37px 0;
  text-align: right;
}

/*===================== 
                BODY 
=======================*/
.main-home {
  display: block;
  max-width: 100%;
  margin: 0 auto;
  background-image: url(../siteart/main.jpg);
  background-color: #000;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto auto;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.main-text {
  width: 100%;
  margin: 0 auto;
  padding: 180px 0 80px 0;
}

.main-text h3 {
  text-align: left;
  color: #fff;
  text-shadow: 1px 1px 4px #000;
  font-style: italic;
  line-height: 46px;
  font-size: 36px;
}

.main-text h1 {
  font-size: 46px;
  line-height: 46px;
  color: #fff;
  text-align: left;
  text-shadow: 1px 1px 4px #000;
}

.go-left {
  text-align: left;
}

/**button1**/
.button1 {
  width: 30%;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
  background: #005a92;
  color: #d58232;
  background: #fff;
  font-size: 16px;
  font-weight: 700;
  display: inline-block;
  padding: 8px 3px;
  text-align: center;
  border: 3px solid #d58232;
  text-transform: uppercase;
  margin: 10px 0;
  font-family: "Roboto Condensed";
}

a .button1 {
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

a:hover .button1 {
  color: #fff;
  background: #000;
  text-shadow: none;
  border: 3px solid #fff;
}

.hvr-shrink {
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  display: block;
  box-sizing: border-box;
  text-align: center;
  margin: 0 auto;
}
.hvr-shrink:hover,
.hvr-shrink:focus,
.hvr-shrink:active {
  -webkit-transform: scale(0.97);
  transform: scale(0.97);
}

.authorized-dealer {
  border-top: 6px solid #fff;
  border-bottom: 6px solid #fff;
  width: 100%;
  margin: 0 auto;
  background: rgba(255, 255, 255, 0.74);
}
.contain-30 {
  width: 30%;
  margin: 0 auto;
  background: #000;
  color: #fff;
  float: left;
  padding: 4.5% 0;
}

.contain-30 p {
  text-align: center;
}

.contain-70 {
  width: 70%;
  margin: 0 auto;
  float: left;
  padding: 1% 0;
}

.contain-half {
  width: 50%;
  margin: 0 auto;
  float: left;
  text-align: center;
  padding: 10px 0;
}

.contain-half img {
  border: 1px solid #000;
  width: 45%;
}

.three-boxes {
  width: 100%;
  margin: 0 auto;
}

.box-3 {
  width: 33.275%;
  float: left;
  margin: 0 auto;
  padding: 38px 0;
  text-align: center;
  border-right: 1px solid #fff;
  background: #000;
  color: #d58232; /*orange*/
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.box-3:nth-child(3) {
  border-right: none;
}

.box-3 h3 {
  text-transform: uppercase;
}

.box-3:hover {
  background: #3f3f3f;
}

.grey {
  background: #eee;
}
.center {
  text-align: center;
}

.rentals {
  width: 20%;
  text-align: center;
  display: table;
}
.rentals p {
  font-size: 15px;
}
.rentals-bg p {
  font-size: 15px;
}

.rental-img {
  display: table-cell;
  vertical-align: middle;
  padding-top: 20%;
}
.rental-img {
  display: table-cell;
  vertical-align: middle;
  padding-top: 45px;
}
.rental-img-two {
  padding-top: 20px;
}
.rental-img-three {
  padding-top: 75px;
}

.rentals-bg {
  width: 24%;
}

/*=====================  
				PARTS SEARCH
=======================*/

.parts-search {
  width: 100%;
  margin: 0 auto;
}

form {
  vertical-align: top;
  margin: 0 auto;
}

.parts-search {
  padding: 2px 0;
}

.parts-search .col4 {
  width: 50%;
  float: left;
  margin: 0 auto;
}

.parts-search label {
  display: block;
  font-family: "Roboto Condensed", sans-serif;
}

.parts-search select {
  width: 50%;
  width: calc(100% - 2px);
  border: none;
  color: #8e8d8d;
  vertical-align: middle;
  font-size: 16px;
  line-height: normal;
  padding: 7px;
  -webkit-border-radius: 0;
  margin-bottom: 10px;
  box-sizing: border-box;
  font-family: "Roboto Condensed", sans-serif;
  background: #f8f8f8;
}

.parts-search input {
  width: 50%;
  width: calc(100% - 2px);
  border: none;
  color: #8e8d8d;
  vertical-align: middle;
  font-size: 16px;
  line-height: normal;
  padding: 8px;
  -webkit-border-radius: 0;
  margin-bottom: 10px;
  box-sizing: border-box;
  font-family: "Roboto Condensed", sans-serif;
  background: #f8f8f8;
}

.parts-search input#Search {
  color: #fff;
}

.parts-search input.button {
  background: #7a7a7a;
  border: 1px solid #fff;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-border-radius: 0;
  -webkit-appearance: none;
  border-radius: 0;
}

.parts-search input#Search:hover {
  background: #a7a7a7;
  border: 1px solid #fff;
}
/*end parts search*/

.inventory-search {
  margin: 0 auto;
  width: 100%;
}

form {
  vertical-align: top;
  margin: 0 auto;
}

.new-search {
  padding: 30px 20px;
}

.new-search .col4 {
  width: 31%;
  float: left;
  margin: 0 1%;
}

.new-search h4 {
  color: #fff;
}

.search-line {
  border-bottom: 4px solid #f7bd46; /*yellow*/
  padding-bottom: 10px;
  width: 200px;
}

.new-search label {
  display: block;
  margin-bottom: 3px;
  font-family: "Roboto Condensed", sans-serif;
}

.new-search select {
  width: 100%;
  width: calc(100% - 2px);
  border: none;
  color: #333;
  vertical-align: middle;
  font-size: 16px;
  line-height: normal;
  padding: 7px;
  margin-bottom: 10px;
  box-sizing: border-box;
  font-family: "Roboto Condensed", sans-serif;
  background: #f8f8f8;
}

.new-search input {
  width: 100%;
  width: calc(100% - 2px);
  border: none;
  color: #8e8d8d;
  vertical-align: middle;
  font-size: 16px;
  line-height: normal;
  padding: 7px;
  -webkit-border-radius: 0;
  margin-bottom: 10px;
  box-sizing: border-box;
  font-family: "Roboto Condensed", sans-serif;
  background: #f8f8f8;
}

.listings-wrapper .listing-largecard .listing-largecard-image a {
  padding-bottom: 75.25% !important;
}

.new-search input#Search {
  color: #fff;
}

.new-search input.button {
  background: #7a7a7a;
  border: 1px solid #f7bd46;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.new-search input.button:hover {
  background: #a7a7a7;
  border: 1px solid #fff;
}

select {
  height: 2.4375rem;
  margin: 0 0 1rem;
  padding: 0.5rem;
  border: 1px solid #989898;
  border-radius: 2px;
  background-color: #fefefe;
  font-family: inherit;
  font-size: 1rem;
  line-height: normal;
  color: #8e8d8d;
}

.new-search select {
  width: 100%;
  width: calc(100% - 2px);
  border: none;
  color: #333;
  vertical-align: middle;
  font-size: 16px;
  line-height: normal;
  padding: 7px;
  margin-bottom: 10px;
  box-sizing: border-box;
  font-family: "Roboto Condensed", sans-serif;
  background: #f8f8f8;
}

.new-search input {
  width: 100%;
  width: calc(100% - 2px);
  border: none;
  color: #8e8d8d;
  vertical-align: middle;
  font-size: 16px;
  line-height: normal;
  padding: 7px;
  -webkit-border-radius: 0;
  margin-bottom: 10px;
  box-sizing: border-box;
  font-family: "Roboto Condensed", sans-serif;
  background: #f8f8f8;
}

.listings-wrapper .listing-largecard .listing-largecard-image a {
  padding-bottom: 75.25% !important;
}

.new-search input#Search {
  color: #fff;
}

.new-search input.button {
  background: #7a7a7a;
  border: 1px solid #f7bd46;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.new-search input.button:hover {
  background: #a7a7a7;
  border: 1px solid #fff;
}

/* =============================================================================
   Search                                                              
============================================================================= */
.equipment-search {
  width: 100%;
  margin: 0 auto;
  border-bottom: 6px solid #000;
  background: url(../siteart/loader.jpg) center center no-repeat;
  background-size: auto auto;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#quick-search p {
  color: #3d7436;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 25px;
  text-transform: uppercase;
}
.searchBar {
  display: table;
  width: 100%;
  color: #777777;
  position: relative;
  font-family: "Roboto Condensed", sans-serif;
}
.searchBar label {
  color: #313131;
  font-weight: 700;
  text-align: left;
  font-size: 18px;
}
.searchBar .column.column-block {
  margin-bottom: 0px;
}
.searchBar .medium-2_5 {
  width: 23%;
  margin: 0 1%;
  float: left;
}

.searchBar select:hover {
  cursor: pointer;
}
.searchBar input[type="text"] {
  height: 2em;
  padding: 0 8px;
  font-size: 14px;
}
.searchBar input.button {
  font-family: "Roboto Condensed", sans-serif;
  text-transform: uppercase;
  background-color: #d58232; /*orange*/
  color: white;
  padding: 9px 7px;
  font-weight: 600;
  margin-top: 25px;
  width: 100%;
  cursor: pointer;
  border: 1px solid #fff;
}
.searchBar input.button:hover {
  opacity: 0.6;
}
.hidden-overlay {
  width: 100%;
  background: rgba(255, 255, 255, 0);
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99999999999;
}
.field-wrapper {
  display: table;
  position: relative;
  width: 78%;
}
.field-wrapper .medium-2_5 {
  width: 27%;
}
.hidden {
  display: none;
}

.columns-search {
  width: 100%;
  float: left;
  text-align: center;
}
.required {
  color: #d58232; /*orange*/
  font-size: 12px;
  font-weight: 400;
}

.heading-text {
  padding: 30px 0;
}

.heading-text h1 {
  font-size: 32px;
  line-height: 32px;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  font-style: italic;
  text-transform: uppercase;
  color: #fff;
}

.heading-text-blk {
  width: 100%;
  margin: 0 auto;
  padding: 60px 0;
}

.heading-text-blk h1 {
  font-size: 46px;
  line-height: 46px;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  color: #d58232; /*orange*/
  text-align: center;
}

/*===================== 
                 ABOUT
=======================*/
.about-text {
  margin: 0 auto;
  padding: 60px 0;
}

.about-text p {
  font-weight: 700;
}

.about-text h5 {
  color: #d58232; /*orange*/
  font-weight: 700;
}

.page-text {
  margin: 0 auto;
  padding: 60px 0;
  width: 90%;
}

.page-text h5 {
  color: #d58232; /*orange*/
  font-weight: 700;
}

.page-text p {
  padding-bottom: 10px;
}

.about-main {
  margin: 0 auto;
  width: 100%;
  background-image: url(../siteart/about.jpg);
  background-color: #000;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto auto;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding: 60px 0;
  border-top: 6px solid #000;
}

.about-contain {
  margin: 0 auto;
  width: 100%;
  background: #fff;
  color: #000;
}

.about-info-text {
  width: 58%;
  margin: 0 2%;
  float: left;
  padding: 58px 0;
}

.about-info-text p {
  font-weight: 400;
  font-size: 16px;
  color: #000;
}

.about-info-text h5 {
  color: #fff;
}

.about-info {
  margin: 0 auto;
  float: left;
}

.about-info img {
  width: 100%;
  height: 100%;
  display: block;
  border: #000 solid 2px;
}

/*===================== 
                SCROLLING INVENTORY 
=======================*/
.scrolling-wrap {
  width: 100%;
  height: 90px;
  overflow: hidden;
  margin: 10px 0;
  border-top: 6px solid #d8232f;
  border-bottom: 6px solid #d8232f;
}

.scrolling {
  width: 100%;
  height: 92px;
}

/*===================== 
                MAP 
=======================*/
.map {
  margin: 0 auto;
  width: 100%;
}

/*===================== 
                QUICK LINKS
=======================*/
.quick-links {
  display: block;
  max-width: 100%;
  margin: 0 auto;
  background: #000;
  border-top: 6px solid #212121;
}

.quick-links-contain {
  width: 100%;
  margin: 0 auto;
}

.quick-box {
  margin: 0 auto;
  width: 25%;
  min-height: 175px;
  float: left;
  padding: 50px 0;
  display: inline-block;
  vertical-align: top;
}

.quick-box-50 {
  margin: 0 auto;
  width: 50%;
  float: right;
  text-align: right;
  padding: 80px 0;
  display: inline-block;
  vertical-align: top;
  color: #fff;
  font-size: 16px;
}

.quick-box-50 a {
  font-size: 16px;
  color: #fff;
  text-decoration: underline;
}
.quick-box-50 a:hover {
  color: #d58232; /*orange*/
}

.quick-box img {
  max-width: 90%;
  display: inline-block;
  margin: 0 auto;
  -webkit-box-shadow: 0px 10px 8px -8px rgba(0, 0, 0, 0.84);
  -moz-box-shadow: 0px 10px 8px -8px rgba(0, 0, 0, 0.84);
  box-shadow: 0px 10px 8px -8px rgba(0, 0, 0, 0.84);
}

.quick-box h5 {
  font-size: 20px;
  font-weight: 700;
  color: #d58232; /*orange*/
  padding-bottom: 3px;
  text-transform: uppercase;
}

.quick-box p {
  font-size: 16px;
  color: #fff;
}

.quick-box a {
  font-size: 16px;
  color: #fff;
  font-weight: 400;
  text-decoration: underline;
}

.quick-box a:hover {
  color: #d58232; /*orange*/
  text-decoration: underline;
}

/*===================== 
                HOSTED CONTENT 
=======================*/
.hosted-content h3 {
  font-family: "Roboto Condensed", sans-serif !important;
}
.hosted-content .listings-wrapper .listings-list .listing-banner h2 {
  line-height: 1.5em !important;
  font-family: "Roboto Condensed", sans-serif !important;
}
.hosted-content .listings-wrapper .listings-list .listing-banner {
  color: #fff !important;
}
.hosted-content .listings-wrapper .listings-list .category-banner h3 {
  line-height: 1.5em !important;
  font-family: "Roboto Condensed", sans-serif !important;
}
.hosted-content .listings-wrapper .listings-list .listing-name {
  font-family: "Roboto Condensed", sans-serif !important;
}

.hosted-content h3 {
  color: #d58232 !important; /*orange*/
}
.listings-wrapper .listing-largecard,
.listings-wrapper .listing-thumb,
.listings-wrapper .listing-smallcard {
  border: 1px solid #ccc !important;
}
.hosted-content .listings-wrapper .listings-list .listing-banner {
  background: #ccc !important;
}
.hosted-content input[type="submit"],
.hosted-content button[type="submit"],
.hosted-content .btn,
.hosted-content .button {
  font-size: 11px !important;
}

/*===================== 
                Responsive styles 
=======================*/
@media screen and (max-width: 1700px) {
  .box-3 {
    width: 33.265%;
  }
}

@media screen and (max-width: 1470px) {
  .box-3 {
    width: 33.25%;
  }
}
@media screen and (max-width: 1400px) {
  .header-right {
    width: 70%;
  }
}

@media screen and (max-width: 1280px) {
  .header-right {
    float: right;
    padding: 0;
    width: auto;
  }

  .about-info-text {
    margin: 0;
    padding: 20px 0;
    width: 100%;
    text-align: center;
  }
  .about-info {
    width: 100%;
    text-align: center;
  }

  .about-info img {
    width: 50%;
    max-width: 100%;
    display: inline-block;
    margin-top: 20px;
  }
  .box-3 {
    width: 100%;
    border-right: none;
    border-top: 1px solid #fff;
  }

  .about-info img {
    width: 30%;
  }
}

@media screen and (max-width: 1200px) {
  .contain40 {
    width: 100%;
    text-align: center;
  }
  .contain60 {
    width: 100%;
    text-align: center;
  }

  .quick-box {
    margin: 0 auto;
    width: 50%;
    text-align: center;
  }
  .quick-box-50 {
    width: 100%;
    float: none;
    text-align: center;
    padding: 40px 0;
  }
}

@media screen and (max-width: 900px) {
}
@media screen and (max-width: 820px) {
  .padding20 {
    padding: 10px 0;
  }
  .padding50 {
    padding: 20px 0;
  }

  .about-info-text {
    padding: 20px 0;
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .rentals {
    width: 25%;
    font-size: 16px;
  }
  .rentals img {
    display: none;
  }

  .rentals-bg {
    width: 24%;
    font-size: 16px;
  }
  .rentals-bg img {
    display: none;
  }
  .grey {
    background: #fff;
  }

  .new-search .col4 {
    float: none;
    width: 100%;
    margin: 0 auto;
  }
  .new-search select {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 700px) {
  .right-side {
    width: 100%;
    text-align: center;
  }
  .right-side a {
    font-size: 10px;
  }
  .right-side p {
    font-size: 10px;
  }
  .left-side {
    width: 100%;
    text-align: center;
  }
  .left-side a {
    font-size: 10px;
  }
  .left-side p {
    font-size: 10px;
  }
}
@media screen and (max-width: 570px) {
  .top-bar {
    padding: 10px 0;
  }
  .top-bar-text {
    text-align: center;
    margin: 5px 0;
  }

  .main-text {
    padding: 80px 0 50px 0;
  }
  .main-text h3 {
    text-align: center;
    font-size: 30px;
  }
  .main-text h1 {
    font-size: 50px;
    line-height: 50px;
    text-align: center;
  }
  .go-right {
    text-align: center;
  }
  .button1 {
    width: 50%;
    padding: 10px 3px;
  }

  .quick-box {
    width: 100%;
    padding: 15px 0;
    min-height: 0;
  }

  .quick-box-line {
    text-align: center;
    margin: 0 auto;
  }
  .about-info img {
    width: 80%;
  }
  .contain-30 {
    width: 100%;
  }
  .contain-half {
    width: 100%;
    margin: 0 auto;
  }
  .contain-half img {
    width: 80%;
  }
  .contain-70 {
    width: 100%;
    float: none;
  }
}
@media screen and (max-width: 480px) {
  .rentals {
    width: 20%;
  }
}
@media screen and (max-width: 330px) {
  .rentals {
    width: 25%;
  }
}

/* Bootstrap columns
--------------------------------------------------*/

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  margin: 0 5px;
  padding: 5px;
}

.col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}

.col-auto {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: none;
}

.col-1 {
  -ms-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}

.col-2 {
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

.col-3 {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.col-5 {
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}

.col-6 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}

.col-8 {
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}

.col-9 {
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}

.col-11 {
  -ms-flex: 0 0 91.666667%;
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}

.col-12 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.order-first {
  -ms-flex-order: -1;
  order: -1;
}

.order-last {
  -ms-flex-order: 13;
  order: 13;
}

.order-0 {
  -ms-flex-order: 0;
  order: 0;
}

.order-1 {
  -ms-flex-order: 1;
  order: 1;
}

.order-2 {
  -ms-flex-order: 2;
  order: 2;
}

.order-3 {
  -ms-flex-order: 3;
  order: 3;
}

.order-4 {
  -ms-flex-order: 4;
  order: 4;
}

.order-5 {
  -ms-flex-order: 5;
  order: 5;
}

.order-6 {
  -ms-flex-order: 6;
  order: 6;
}

.order-7 {
  -ms-flex-order: 7;
  order: 7;
}

.order-8 {
  -ms-flex-order: 8;
  order: 8;
}

.order-9 {
  -ms-flex-order: 9;
  order: 9;
}

.order-10 {
  -ms-flex-order: 10;
  order: 10;
}

.order-11 {
  -ms-flex-order: 11;
  order: 11;
}

.order-12 {
  -ms-flex-order: 12;
  order: 12;
}

.offset-1 {
  margin-left: 8.333333%;
}

.offset-2 {
  margin-left: 16.666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.333333%;
}

.offset-5 {
  margin-left: 41.666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.333333%;
}

.offset-8 {
  margin-left: 66.666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.333333%;
}

.offset-11 {
  margin-left: 91.666667%;
}

@media (min-width: 576px) {
  .col-sm {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-sm-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-sm-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-sm-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-sm-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-sm-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-sm-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-sm-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-sm-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-sm-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-sm-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-sm-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-sm-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-sm-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-sm-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-sm-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-sm-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-sm-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-sm-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-sm-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-sm-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-sm-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-sm-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-sm-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-sm-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.333333%;
  }
  .offset-sm-2 {
    margin-left: 16.666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.333333%;
  }
  .offset-sm-5 {
    margin-left: 41.666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.333333%;
  }
  .offset-sm-8 {
    margin-left: 66.666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.333333%;
  }
  .offset-sm-11 {
    margin-left: 91.666667%;
  }
}

@media (min-width: 768px) {
  .col-md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-md-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-md-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-md-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-md-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-md-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-md-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-md-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-md-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-md-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-md-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-md-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-md-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-md-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-md-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-md-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-md-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-md-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-md-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-md-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-md-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-md-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-md-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-md-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.333333%;
  }
  .offset-md-2 {
    margin-left: 16.666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.333333%;
  }
  .offset-md-5 {
    margin-left: 41.666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.333333%;
  }
  .offset-md-8 {
    margin-left: 66.666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.333333%;
  }
  .offset-md-11 {
    margin-left: 91.666667%;
  }
}

@media (min-width: 992px) {
  .col-lg {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-lg-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-lg-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-lg-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-lg-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-lg-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-lg-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-lg-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-lg-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-lg-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-lg-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-lg-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-lg-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-lg-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-lg-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-lg-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-lg-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-lg-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-lg-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-lg-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-lg-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-lg-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-lg-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-lg-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-lg-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.333333%;
  }
  .offset-lg-2 {
    margin-left: 16.666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.333333%;
  }
  .offset-lg-5 {
    margin-left: 41.666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.333333%;
  }
  .offset-lg-8 {
    margin-left: 66.666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.333333%;
  }
  .offset-lg-11 {
    margin-left: 91.666667%;
  }
}

@media (min-width: 1200px) {
  .col-xl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xl-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-xl-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-xl-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-xl-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-xl-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-xl-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-xl-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-xl-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-xl-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-xl-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-xl-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-xl-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-xl-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-xl-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-xl-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-xl-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-xl-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-xl-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-xl-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-xl-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-xl-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-xl-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-xl-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-xl-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.333333%;
  }
  .offset-xl-2 {
    margin-left: 16.666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.333333%;
  }
  .offset-xl-5 {
    margin-left: 41.666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.333333%;
  }
  .offset-xl-8 {
    margin-left: 66.666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.333333%;
  }
  .offset-xl-11 {
    margin-left: 91.666667%;
  }
}