/*
    Theme Name: Sauerusa
    Author: B2B Design & Development
    Author URI: http://www.b2bdd.com/
    Description: SauerUSA website
    Version: 1.0
*/

body {
  padding-top : 70px;
  font-size   : 17px;
  line-height : 1.5em;
  font-weight : 300;
  color       : #333333;
}

body,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family : 'Source Sans Pro', sans-serif;
}

.admin-bar .navbar-fixed-top {
  top : 32px;
  /* add extra space for admin bar */
}

.admin-bar .title-bar {
  margin-top : 87px;
  /* add extra space for admin bar */
}

.lead {
  font-size   : 18px;
  font-weight : 400;
}

.top-bar {
  font-size : 13px;
  color     : #666666;
  height    : 20px;
}

/*----------------- Navigation & Top Bar -------------*/

.top-contact {
  padding-top : 5px;
  font-size   : 14px;
  line-height : 0em;
  font-weight : 0;
}

.top-contact .phone {
  margin-top : 10px;
}

.top-contact .search {
  margin-right : -15px;
}

.top-contact .navbar-email a, .top-contact .phone {
  text-decoration : none;
  color           : #030a0c;
  font-weight     : 400;
}

.top-contact .navbar-email a:hover {
  color : #337ab7;
}

.navbar-nav {
  padding-top : 7px;
  font-size   : 17px;
  font-weight : 400;
}

.custom-logo-link img {
  margin-top : -37px;
  height     : 90px;
  width      : 435px;
}

/*----------------- Showcase -------------*/

.showcase {
  color                      : #54585a;
  -webkit-animation-duration : 2s;
  -moz-animation-duration    : 2s;
  -o-animation-duration      : 2s;
  animation-duration         : 2s;
  margin-right               : 0;
}

.showcase-content {
  margin-top : 150px;
}

.showcase h1 {
  font-size   : 2.5em;
  color       : #54585a;
  font-family : Raleway, sans-serif;
}

.showcase .prod-cal {
  margin-top : 357px;
  border-top : 1px solid #cccccc;
  width      : 58%;
}

.showcase .prod-cal .fa {
  color : #ffffff;
}

.showcase .prod-btn {
  margin-top : -164px;
}

.showcase-button {
  width      : 50%;
  margin-top : 0;
}

.showcase a.btn {
  margin-right : 20px;
}

.showcase-title {
  height     : 160px;
  margin-top : 66px;
  padding    : 0;
}

.showcase-base-text {
  display    : block;
  position   : absolute;
  bottom     : 60px;
  left       : 0;
  right      : 0;
  background : white;
  background : rgba(113, 197, 232, 0.40);
  padding    : 17px;
  font-size  : 10px;
  text-align : center;
}

.showcase-base-text h1 {
  font-size : 3em;
  color     : #131e29;
}

.search-header {
  margin-top : 5px;
}

.showcase-img {
  float      : right;
  margin-top : 20px;
  max-width  : 100%;
}

.quotes {
  display    : none;
  margin-top : 40px;
}

.banner {
  padding         : 70px 0;
  color           : #f8f8f8;
  background-size : cover;
}

.banner h2 {
  margin        : 0;
  text-shadow   : 2px 2px 3px rgba(0, 0, 0, 0.6);
  font-size     : 3em;
  margin-bottom : 20px;
}

.banner-social-buttons {
  float      : right;
  margin-top : 0;
}

.btn-outline-white {
  color              : #ffffff;
  background-color   : transparent;
  background-image   : none;
  border-color       : #ffffff;
  border-radius      : 0;
  -webkit-transition : font-size 1s ease-in;
  -o-transition      : font-size 1s ease-in;
  -moz-transition    : font-size 1s ease-in;
  transition         : font-size 1s ease-in;
}

.showcase-video-container {
  position       : relative;
  max-height     : 800px;
  text-transform : uppercase;
  /*width: 100%;
display: flex;
flex: 1 0 auto;
align-items: center;
position: relative;
overflow: hidden;
padding-top: 48px;*/
}

.showcase-video-container .overlay {
  position           : absolute;
  width              : 100%;
  height             : 100%;
  background-color   : #000000;
  top                : 0;
  opacity            : 0.3;
  z-index            : 0;
  -webkit-transition : opacity 2s ease;
  -o-transition      : opacity 2s ease;
  -moz-transition    : opacity 2s ease;
  transition         : opacity 2s ease;
  visibility         : visible;
}

.showcase-video-container #showcase-video {
  min-width          : 100%;
  min-height         : 100%;
  position           : fixed;
  top                : 55%;
  left               : 50%;
  width              : auto;
  height             : auto;
  -webkit-transition : 1s opacity;
  -o-transition      : 1s opacity;
  -moz-transition    : 1s opacity;
  transition         : 1s opacity;
  z-index            : -1000;
  -webkit-transform  : translateX(-50%) translateY(-50%);
  -moz-transform     : translateX(-50%) translateY(-50%);
  -ms-transform      : translateX(-50%) translateY(-50%);
  -o-transform       : translateX(-50%) translateY(-50%);
  transform          : translateX(-50%) translateY(-50%);
  background-size    : cover;
}

.showcase-video-container .showcase-video-text {
  position    : relative;
  top         : 45%;
  text-align  : center;
  font-weight : 600;
  line-height : 3.3em;
  padding     : 0 15px;
  color       : white;
  z-index     : 10;
}

.showcase-video-container .showcase-video-text .main {
  font-size      : 70px;
  letter-spacing : 0.09em;
}

.showcase-video-container .showcase-video-text .lead {
  padding     : 30px 0;
  font-size   : 30px;
  font-weight : 200;
}

.showcase-video-container .options {
  position               : absolute;
  bottom                 : 120px;
  right                  : 10px;
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -moz-box;
  display                : -ms-flexbox;
  display                : flex;
  -webkit-box-orient     : vertical;
  -webkit-box-direction  : normal;
  -webkit-flex-direction : column;
  -moz-box-orient        : vertical;
  -moz-box-direction     : normal;
  -ms-flex-direction     : column;
  flex-direction         : column;
  z-index                : 10;
}

.showcase-video-container .options .btn {
  text-transform : uppercase;
  font-size      : 12px;
  color          : white;
  margin         : 2px 0;
}

.showcase-video-container .options .btn:hover,
.showcase-video-container .options .btn:visited {
  color : white;
}

.showcase-video-container .options button:hover,
.showcase-video-container .options button:focus {
  background-color : rgba(0, 0, 0, 0.2);
  color            : white;
}

.showcase-video-container .scroll-down {
  position   : absolute;
  bottom     : 50px;
  width      : 100%;
  text-align : center;
  color      : white;
  cursor     : pointer;
  z-index    : 10;
}

@media (min-width : 480px) and (max-width : 768px) {
  .showcase-video-container .showcase-video-text .main {
    font-size : 40px;
  }
  
  .showcase-video-container .showcase-video-text .lead {
    font-size : 15px;
  }
}

@media (max-width : 480px) {
  .showcase-video-container .showcase-video-text {
    top : 25%;
  }
  
  .showcase-video-container .showcase-video-text .main {
    font-size   : 20px;
    line-height : 1em;
  }
  
  .showcase-video-container .showcase-video-text .lead {
    font-size : 15px;
  }
  
  .showcase-video-container #showcase-video {
    top : 60%;
  }
  
  .showcase-video-container .options {
    bottom : 200px;
  }
  
  .showcase-video-container .scroll-down {
    bottom : 90px;
  }
}

/*----------------- 3 Blocks -------------*/

.block {
  padding    : 20px 20px 30px 20px;
  text-align : center;
  float      : left;
  width      : 32%;
  color      : #000000;
  font-size  : 16px;
}

.block-1,
.block-3 {
  /*border: 1px solid #ccc;*/
}

.block h3 {
  font-weight : 500;
  color       : #131e29;
}

.block-1 a,
.block-2 a,
.block-3 a {
  text-decoration : none;
  color           : #000000;
}

.block:hover {
  background : url(/wp-content/themes/sauerusa/img/block_bg.jpg);
  border     : 1px solid #cccccc;
}

.clear {
  clear : both;
}

.fa {
  color : #46a3e6;
}

.fa-calculator {
  color : #ffffff;
}

.services .fa {
  color : #131e29;
}

.fa-3 {
  font-size : 4em !important;
}

/*----------------- Horizontal Sections -------------*/

.section-heading {
  margin-bottom : 10px;
}

.section-a {
  padding : 50px 0;
}

.video {
  background-position : center;
  height              : 400px;
}

.section-b {
  padding        : 10px 25px;
  border-bottom  : 1px solid #cccccc;
  border-top     : 1px solid #cccccc;
  padding-bottom : 36px;
}

.section-b hr {
  border-top : 1px solid #cccccc;
}

.section-b .section-heading {
  padding : 0;
}

.section-b .row .col-sm-4 {
  padding : 0 4px;
}

.section-fp-products {
  padding : 10px 0;
}

#services {
  display : flex;
  width   : 100%;
}

.services {
  width  : 100%;
  margin : 0;
}

.pt30 {
  padding-top : 30px;
}

.pb40 {
  padding-bottom : 40px;
}

.contactus {
  color : #333333;
}

.btn-info {
  margin-top : 15px;
}

/*----------------- Individual Page -------------*/

.title-bar {
  margin-top : 55px;
  padding    : 15px 0;
  text-align : center;
}

.title-bar h1 {
  margin      : 0;
  padding     : 0;
  font-size   : 55px;
  font-weight : 100;
  font-style  : normal;
}

.page {
  padding : 20px 10px;
}

.page-bg {
  background-color : white;
}

.page-intro {
  margin-bottom : 48px;
  /*padding-bottom: 48px;*/
  text-align    : center;
}

.page .post-thumbnail img {
  width         : 100%;
  margin-bottom : 25px;
  height        : auto;
}

.quote-box-blue {
  background : #71c5e8;
}

.quote-box {
  font-size   : 18px;
  font-weight : 600;
  padding     : 20px 20px;
  margin      : 10px 30px 20px 0;
  color       : white;
  position    : relative;
  top         : -10px;
}

.product-generator h3,
.about-us h3,
.industries-served h3,
.blue-title {
  color       : #46a3e6;
  font-weight : 600;
}

.product-generator .bold-headings,
.industries-served .bold-headings {
  font-weight : 400;
}

.product-generator .images,
.industries-served .images {
  position : relative;
}

.processing-industry .images,
.image-spacer img {
  margin-top : 10px;
}

.cng table tr th a {
  text-decoration : none;
}

.cng {
  margin-top : 30px;
}

.cng table td,
.cng table th {
  text-align : center;
}

a.brochure {
  text-decoration : none;
}

.d-logo {
  height : 100px;
}

.d-spacer {
  margin-bottom : 15px;
}

.contact-us-form {
  margin-top    : 50px;
  margin-bottom : 20px;
}

.cecp a {
  text-decoration : none;
  color           : #ffffff;
}

.cecp-container .cecp-div img {
  margin-left : 10px;
}

.cecp-div {
  border : 1px solid #cccccc;
  margin : 5px 0;
  width  : 100%;
}

.cecp-div div {
  margin  : 4px 0px;
  padding : 0 9px;
}

.vcenter {
  display        : inline-block;
  vertical-align : middle;
  float          : none;
}

.dist-net {
  width  : 90%;
  margin : 0 auto;
}

.dist-net-content {
  border-bottom : 1px solid #cccccc;
}

.dist-net-content:last-child {
  border-bottom : 0;
}

.dist-net-content h3 span {
  position : absolute;
  top      : -100px;
}

.dist-net-content img {
  max-height : 100px;
  max-width  : 200px;
  margin-top : 13px;
}

.dist-net .sauer-distributors h3 {
  float : left;
}

.dist-net .sauer-distributors h3::after {
  content : ' -\00a0';
}

.dist-net .sauer-distributors h3:last-child:after {
  content : '';
}

.dist-net .sauer-distributors .d-spacer {
  margin-top : 20px;
}

.card-outline-info {
  background            : #ffffff;
  border                : 1px solid #5bc0de;
  border-radius         : 15px 50px;
  -webkit-border-radius : -1px 50px;
  -moz-border-radius    : 15px 50px;
  padding               : 25px;
  margin-bottom         : 30px;
}

.sales-buttons {
  margin : 0 auto;
  width  : 100%;
}

.sales-buttons i {
  color : #ffffff;
}

.sales-buttons .btn {
  font-size : 18px;
}

.fp-products {
  padding : 10px;
}

.section-fp-products {
  border-bottom : 1px solid #cccccc;
}

.section-fp-products h2 {
  color : #46a3e6;
}

.fp-products h4,
.fp-products h4 a,
article.posts h2 a {
  color : #46a3e6;
}

.fp-products ul li a {
  text-decoration : none;
  color           : #333333;
}

.fp-products ul li a:hover {
  color : #4f8bbf;
}

.fp-products h4 a:hover,
.fp-products h4 a:focus {
  text-decoration : none;
}

.mailing-list {
  margin-bottom : 30px;
}

.page-intro button {
  display : inline-block;
}

.error-pg {
  padding-bottom : 40px;
}

.error-pg .title-bar {
  margin : 30px 0 70px 0;
}

/*---------------- Newsletter ---------*/

.newsletter {
  width              : 80%;
  margin             : 50px auto 20px;
  border             : 1px solid gray;
  -webkit-box-sizing : border-box;
  -moz-box-sizing    : border-box;
  box-sizing         : border-box;
  height             : 2087px;
}

.newsletterTop {
  width              : 100%;
  padding            : 30px 0px;
  background-color   : gray;
  color              : white;
  font-size          : 20px;
  text-align         : center;
  -webkit-box-sizing : border-box;
  -moz-box-sizing    : border-box;
  box-sizing         : border-box;
  float              : left;
}

.circleLogo {
  width       : 100%;
  height      : auto;
  margin-left : 0;
}

.newsletterLeft {
  width              : 60%;
  padding            : 15px;
  background-color   : #dddddd;
  /*height: 2000px;*/
  -webkit-box-sizing : border-box;
  -moz-box-sizing    : border-box;
  box-sizing         : border-box;
  float              : left;
}

.newsletterRight {
  width              : 40%;
  float              : left;
  padding            : 15px;
  background-color   : #cecece;
  -webkit-box-sizing : border-box;
  -moz-box-sizing    : border-box;
  box-sizing         : border-box;
}

.newsletterSection {
  width         : 100%;
  border-bottom : 1px solid black;
  padding       : 15px 0px 15px 0px;
}

.newsletterSection-address {
  width      : 100%;
  padding    : 15px 0px 15px 0px;
  text-align : right;
}

.newsletterSection img {
  max-width  : 100%;
  max-height : 100%;
  display    : block;
  margin     : auto;
}

.newsletterSection-image {
  width         : 100%;
  margin-bottom : 10px;
}

.buffer {
  margin-top : 20px;
}

.newsletterSection-inner {
  padding            : 15px;
  border-left        : 3px solid black;
  width              : 100%;
  -webkit-box-sizing : border-box;
  -moz-box-sizing    : border-box;
  box-sizing         : border-box;
  background-color   : white;
}

.news-img img:first-child {
  margin-left : 0;
}

.e-newsletter ul li a {
  text-decoration : none;
  color           : #333333;
}

.e-newsletter ul li a:hover {
  color : #4f8bbf;
}

/*----------------- Modal -------------*/

.modal-rpage img {
  cursor : webkit-zoom-in;
  cursor : -moz-zoom-in;
  cursor : zoom-in;
}

.modal-rpage .modal-content {
  width : 473px;
}

/*----------------- Footer -------------*/

.main-footer {
  border-top : 1px solid #e7e7e7;
  background : #ffffff;
  color      : #000000;
  font-size  : 17px;
}

.main-footer-menu li {
  line-height : 1.0em;
}

.main-footer h4 {
  color       : #46a3e6;
  font-size   : 25px;
  font-weight : normal;
}

.main-footer ul {
  list-style-type : none;
  padding-left    : 2px;
}

.main-footer li {
  color  : #555555;
  margin : 20px 0;
}

.main-footer ul li a {
  text-decoration : none;
  color           : #333333;
}

.main-footer ul li a:hover {
  color : #337ab7;
}

.address li {
  line-height : 1.6em;
}

.list-inline {
  float : right;
}

.footer-menu ul li a {
  color : #ffffff;
}

.footer-menu ul li a:hover,
.footer-menu ul li a:focus {
  color           : #ffffff;
  text-decoration : none;
}

.social-icons ul li img {
  margin : 5px;
}

.copyright {
  padding-top : 5px;
  color       : #ffffff;
}

.base-footer {
  padding          : 20px 0;
  color            : #ffffff;
  background-color : #000000;
}

.excerpt p {
  font-size   : 18px;
  font-weight : 400;
}

.hide {
  display : none;
}

.privacy .title-bar {
  padding-bottom : 40px;
}

.index-pg {
  padding-top : 81px;
}

.second {
  height : 185px;
}

.video iframe {
  width : 555px;
}

.events-table {
  margin-top : 40px;
}

/*-------- Zoom styles Rental Page --------------*/

.rentals-page-intro-container {
  display   : flex;
  flex-wrap : wrap;
}

.rentals-page-intro-container .page-intro {
  width         : 75%;
  text-align    : left;
  padding-right : 30px;
}

.rental-posts {
  margin : 30px 0;
}
.rentals-menu-container {
  margin-bottom : 30px;
}

.rental-posts h4, .rentals-menu-container h4 {
  margin-top  : 0;
  font-weight : bold;
}

.recent-rentals-posts, .rentals-menu {
  padding-left : 0;
  list-style   : none;
}

.recent-rentals-posts li, .rentals-menu li {
  padding       : 8px 0 8px;
  border-bottom : 1px solid #c8c8c8;
}

.recent-rentals-posts li:first-child, .rentals-menu li:first-child {
  border-top : 1px solid #c8c8c8;
}

.rentals-content {
  margin-bottom : 60px;
}

.rentals-category {
  margin      : 45px auto 30px;
  color       : #46a3e6;
  font-weight : 600;
}

.rental-item {
  margin-bottom : 15px;
}

.rental-products {
  background-color : white;
  border           : 1px solid #cccccc;
  padding          : 15px;
  margin-right     : 1px;
}

.rental-img-container img {
  margin             : 10px auto;
  height             : 203px;
  width              : auto;
  /*cursor: url(img/rentals/zoom_in.png), url(img/rentals/zoom_in.cur), auto;*/
  -webkit-transition : all 0.3s ease;
  -o-transition      : all 0.3s ease;
  -moz-transition    : all 0.3s ease;
  transition         : all 0.3s ease;
  display            : block;
}

.img-zoomed-in {
  position           : absolute !important;
  width              : 500px !important;
  top                : 0px !important;
  height             : 500px !important;
  -webkit-transform  : translateX(-8%) translateY(-48%) !important;
  -moz-transform     : translateX(-8%) translateY(-48%) !important;
  -ms-transform      : translateX(-8%) translateY(-48%) !important;
  -o-transform       : translateX(-8%) translateY(-48%) !important;
  transform          : translateX(-8%) translateY(-48%) !important;
  cursor             : url(img/rentals/zoom_out.png), url(img/rentals/zoom_out.cur), auto !important;
  -webkit-transition : all 0.3s ease;
  -o-transition      : all 0.3s ease;
  -moz-transition    : all 0.3s ease;
  transition         : all 0.3s ease;
  z-index            : 10;
}

.btn-download {
  max-width : 200px;
}

.z-up {
  z-index : 2;
}

#demo {
  overflow-x : hidden;
  overflow-y : hidden;
}

.btn-search {
  height : 34px;
}

.inactiveLink {
  pointer-events : none;
  cursor         : default;
}

.rentals-title {
  font-weight : 600;
  font-size   : 1.75em;
  text-align  : center;
}

.rental-item-full .rentals-title {
  text-align : left;
}

/*-------- Blog Page --------*/

.blog .page-intro {
  padding-bottom : 60px;
}

@media screen and (max-width : 992px) {
  .blog .page-intro {
    padding-bottom : 0;
  }
  
}

.blog-single {
  padding-top : 60px;
}

article.posts img {
  width  : 100%;
  height : auto;
  margin : 6px;
}

article.post img {
  max-width : 100%;
  height    : auto;
  margin    : 6px;
}

article.post .meta {
  background : #f4f4f4;
  padding    : 8px 12px;
  color      : #333333;
}

article.post {
  border-bottom  : 1px solid #cccccc;
  padding-bottom : 20px;
  margin-bottom  : 30px;
}

.alignright {
  float : right;
}

.comment-list {
  list-style-type : none;
  margin          : 0 !important;
  padding         : 0 !important;
}

.comments-area .commentlist {
  list-style-type : none;
}

.comment-item {
  overflow : auto;
}

article.comment {
  border-bottom  : 1px solid #cccccc;
  margin-bottom  : 15px;
  padding-bottom : 10px;
}

article.comment .vcard {
  margin-left : 5px;
}

.products ul.dropdown-menu {
  width          : 494px;
  padding-bottom : 10px;
}

.posts p.meta {
  background : #f4f4f4;
}

.posts .meta,
.post .meta,
article .tags {
  padding   : 5px;
  font-size : 14px;
}

article.posts {
  border-bottom  : 1px solid #cccccc;
  padding-bottom : 20px;
}

article.posts:last-child {
  border-bottom : none;
}

article.posts h2 a {
  text-decoration : none;
}

.products ul.dropdown-menu {
  width : 494px;
}

.not-active {
  pointer-events : none;
  cursor         : default;
}

.brochures a {
  text-decoration : none;
}

.mega-dropdown {
  position : relative;
}

.mega-dropdown-menu {
  box-shadow         : #787877 0 10px 13px;
  -webkit-box-shadow : #787877 0 10px 13px;
  -moz-box-shadow    : #787877 0 10px 13px;
  border             : none;
  position           : absolute;
  top                : 105%;
  left               : 0;
}

.mega-dropdown-menu > li > ul {
  padding : 0;
  margin  : 0;
}

.mega-dropdown-menu > li > ul > li {
  list-style : none;
}

.mega-dropdown-menu > li > ul > li > a {
  display   : block;
  color     : #222222;
  padding   : 3px 5px;
  font-size : 16px;
}

.mega-dropdown-menu > li ul > li > a:hover,
.mega-dropdown-menu > li ul > li > a:focus {
  text-decoration  : none;
  background-color : #e7e7e7;
}

.mega-dropdown-menu > li ul > li.active > a:hover {
  background : #71c5e8;;
}

.mega-dropdown-menu .dropdown-header {
  font-size   : 12px;
  color       : #ff3546;
  padding     : 5px 60px 5px 5px;
  line-height : 30px;
}

.dropdown-menu > li > ul > .active > a,
.dropdown-menu > li > ul > .active > .active a:hover,
.dropdown-menu > li > ul > .active > .active a:focus {
  color            : #ffffff;
  text-decoration  : none;
  background-color : #71c5e8;
  outline          : 0;
}

.carousel-control {
  width  : 30px;
  height : 30px;
  top    : -35px;
}

.left.carousel-control {
  right : 30px;
  left  : inherit;
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  font-size        : 12px;
  background-color : #ffffff;
  line-height      : 30px;
  text-shadow      : none;
  color            : #333333;
  border           : 1px solid #dddddd;
}

.mega-dropdown .mega-dropdown-menu .active,
.dropdown .active {
  border-bottom : 4px solid #46a3e6;
}

.sub-menu li {
  padding-left  : 0;
  padding-right : 10px;
}

.sub-menu li a {
  font-size     : 14px !important;
  border-bottom : 0 !important;
}

.dropdown ul li a {
  color       : #222222;
  font-size   : 16px;
  font-weight : 300;
}

.dropdown {
  position : relative;
}

.dropdown-menu {
  box-shadow         : #787877 0 10px 13px;
  -webkit-box-shadow : #787877 0 10px 13px;
  -moz-box-shadow    : #787877 0 10px 13px;
  border             : none;
  position           : absolute;
  top                : 105%;
  left               : 0;
  padding-top        : 10px;
}

.glyphicon-search {
  color : #46a3e6;
}

.resources .col-sm-12 {
  padding : 0;
}

.resources .dropdown-menu > li > ul > li > a {
  padding : 3px 20px;
}

.resources .dropdown-menu li {
  white-space : nowrap;
}

.parent-menu .col-sm-12,
.resources .col-sm-12 {
  padding : 0;
}

.parent-menu .dropdown-menu > li > ul > li > a,
.resources .dropdown-menu > li > ul > li > a {
  padding : 3px 20px;
}

.parent-menu .dropdown-menu li,
.resources .dropdown-menu li {
  white-space : nowrap;
}

.total-results {
  font-size : 14px;
}

.result-box-title {
  font-size : 20px;
}

.result-box {
  font-size      : 17px;
  padding-bottom : 20px;
}

.result-box-title {
  color : #46a3e6;
}

.more-results-link {
  border : 1px solid #cccccc;
}

.additional-results-page-links {
  text-align : center;
}

/*----------------- Back to Top --------------------*/

.back-to-top {
  background       : none;
  margin           : 0;
  position         : fixed;
  bottom           : 0;
  right            : 0;
  width            : 70px;
  height           : 70px;
  z-index          : 100;
  display          : none;
  text-decoration  : none;
  color            : #46a3e6;
  background-color : transparent;
}

.back-to-top i {
  font-size : 50px;
}

.brochure .wp-caption-text {
  font-size   : 15px;
  text-align  : center;
  margin-left : -30px;
}

.img-responsive {
  margin : 0 auto;
}

.col-md-3 .brochure {
  border     : 1px solid #dddddd;
  min-height : 300px;
  margin     : 0 auto;
}

.col-md-3 .brochure > img {
  position : absolute;
  bottom   : 0;
  margin   : 0 auto;
  padding  : 10px;
}

.jetpack-sso-wrap {
  display : none !important
}

img[name='pphLoggerImage'] {
  display : none;
}

.distributor-title {
  color         : #ffffff;
  background    : #46a3e6;
  border-radius : 4px;
  padding       : 4px;
}

/*----------- Catalog ---------------*/

div#plp-container {
  margin : 61px 7px 20px 7px;
}

.ui-state-default .btn-success,
.ui-state-default button,
.ui-widget-header .ui-state-default,
.ui-state-hover {
  border      : 1px solid #71c5e8 !important;
  background  : #71c5e8 url(/wp-content/themes/sauerusa/img/ui-bg_highlight-soft_blue.jpg) 50% 50% repeat-x !important;
  font-weight : normal;
  color       : #ffffff;
}

.plp-request-info-form table td.plp-form-heading sup {
  top      : 0 !important;
  position : initial !important;
}

.plp-2-column-center #plp-sidebar-compare .plp-sidebar-compare-item {
  height : 33px !important;
}

.plp-sidebar-delete-item {
  line-height : 24px !important;
}

.ad-gallery {
  width : 846px !important;
}

.plp-popup-shadow {
  margin : -7px 0 0 -6px !important;
}

#imageGallery {
  border     : 4px solid #a3a0a0 !important;
  background : #ffffff !important;
}

.ad-gallery .ad-image-wrapper {
  width : 99% !important;
}

.ui-widget {
  font-family : 'Source Sans Pro', sans-serif !important;
  font-size   : 1em !important;
}

.ui-state-focus,
.ui-widget-content .ui-state-focus {
  border     : 1px solid #71c5e8 !important;
  background : #71c5e8 url(/wp-content/themes/sauerusa/img/ui-bg_highlight-soft_blue.jpg) 50% 50% repeat-x !important;
}

.plp-descBtn-with-image-left .plp-image-ctn,
.plp-item-page-image-viewer .plp-image-ctn {
  width : auto !important;
}

.plp-descBtn-with-image-left .plp-description {
  width : 100% !important;;
  float : none !important;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border      : 1px solid #c5c5c5;
  background  : -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e6e6e6));
  background  : -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background  : -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background  : -o-linear-gradient(top, #ffffff, #e6e6e6);
  background  : linear-gradient(to bottom, #ffffff, #e6e6e6);
  font-weight : normal;
  color       : #ffffff;
}

/*---------- Media Queries ------------*/

@media (min-width : 992px) {
  .industries ul.dropdown-menu {
    margin-left : -78px;
  }
  
  .products ul.dropdown-menu {
    margin-left : -389px;
  }
  
  .resources ul.dropdown-menu {
    margin-left : -66px;
  }
}

@media only screen and (min-width : 1200px) {
  .block {
    width          : 33.333%;
    padding-bottom : 50px;
    height         : 230px;
  }
  
  .row {
    margin-right : 0;
  }
}

@media (max-width : 1199px) {
  .showcase h1 {
    font-size : 2em;
  }
  
  .showcase-content {
    margin-top : 140px;
    width      : 57%;
  }
  
  .quotes {
    display    : none;
    margin-top : 29px;
  }
  
  .top-contact .search form {
    margin-top : -7px;
  }
  
  .navbar-brand > img {
    display    : block;
    height     : 70px;
    margin-top : -43px;
  }
  
  .navbar .top-contact .phone,
  .navbar .top-contact .search {
    margin-top : 10px;
  }
  
  .navbar-brand {
    height : 0px;
  }
  
  .navbar-nav {
    margin-top : -3px;
  }
  
  .block {
    width          : 33.333%;
    padding-bottom : 50px;
    height         : 240px;
  }
  
  .block-3 {
    padding-bottom : 70px;
  }
  
  .custom-logo-link img {
    margin-top : -39px;
    width      : 440px;
  }
  
  .cecp-div {
    margin : 5px 0;
  }
  
  .rental-img-container {
    width : 146px;
  }
  
  .rental-img-container img {
    height : 110px;
    width  : 140px;
  }
  
  .second {
    height : 148px;
  }
}

@media (max-width : 992px) {
  .title-bar h1 {
    font-size  : 44px;
    margin-top : -21px;
  }
  
  .showcase h1 {
    font-size : 1.8em;
  }
  
  .block {
    height : 260px;
  }
  
  .navbar-nav {
    margin-top : -15px;
  }
  
  .services:first-child {
    margin-left : 2px;
  }
  
  .cecp-div {
    margin : 5px 0;
  }
  
  .cecp {
    margin : 5px;
  }
  
  .contact-info button {
    font-size  : 15px;
    font-style : normal;
    text-align : right;
  }
  
  .mega-dropdown-menu > li > ul > li > a,
  .dropdown ul li a {
    color : #777777;
  }
}

@media (min-width : 992px) and (max-width : 1199px) {
  .showcase {
    height : 419px;
  }
  
  .showcase .prod-btn {
    margin-top : -173px;
  }
  
  .showcase .prod-cal {
    margin-top : 268px;
    width      : 57%;
  }
  
  .sales-buttons .btn {
    font-size : 16px;
  }
  
  .video {
    height : 353px;
  }
  
  .row {
    margin-right : 0;
  }
}

@media (max-width : 1300px) {
  body {
    padding-top : 127px;
  }
}

@media (min-width : 768px) and (max-width : 991px) {
  body {
    padding-top : 60px;
  }
  
  /* Header */
  .custom-logo-link img {
    margin-top : -51px;
  }
  
  .showcase {
    height : 344px;
  }
  
  .showcase h1 {
    font-size : 1.7em;
  }
  
  .showcase-title {
    margin-top : 47px;
  }
  
  .showcase .prod-cal {
    margin-top : 246px;
    width      : 57%;
  }
  
  .showcase .prod-btn {
    margin-top : -56px;
  }
  
  .title-bar {
    margin-top : 70px;
  }
  
  .row {
    margin-right : 0;
  }
}

@media (min-width : 480px) and (max-width : 767px) {
  body {
    padding-top : 78px;
  }
  
  .custom-logo-link img {
    height     : 82px;
    width      : 384px;
    margin-top : -27px;
  }
  
  .contact-info button {
    margin-right : 0;
  }
  
  .showcase {
    height : 344px;
  }
  
  .showcase-content {
    margin-top : 184px;
    width      : 58%;
  }
  
  .showcase h1 {
    font-size : 1.3em;
  }
  
  .showcase-base-text {
    bottom  : 30px;
    padding : 10px;
  }
  
  .block {
    width : 50%;
  }
  
  .block:first-child {
    margin : 0;
  }
  
  .block-3 {
    width : 100%;
  }
  
  .top {
    margin-top : -27px;
  }
  
  .second {
    height : 104px;
  }
  
  .col-smxs {
    width : 50%
  }
  
  .video {
    padding : 3px 0;
    width   : 80%;
    margin  : 0 auto;
  }
  
  .main-footer-menu {
    height : 340px;
  }
  
  .section-b .col-xs-12 {
    width  : 60%;
    margin : 0 20%;
  }
  
  .title-bar {
    margin-top : 33px;
  }
}

@media (max-width : 768px) {
  .showcase {
    position : relative;
  }
  
  .showcase .prod-btn {
    position : absolute;
    bottom   : 10px;
    left     : 23px;
  }
  
  .showcase .prod-cal {
    border : none;
  }
  
  .custom-logo-link img {
    margin-left : 0;
  }
  
  .page-intro {
    padding : 2px;
  }
  
  .page-list {
    padding : 10px;
  }
  
  .industries-served h3 {
    padding : 10px;
  }
  
  .rental-img-container {
    margin-bottom : 22px;
  }
  
  .rental-products {
    margin-left : 2px;
  }
  
  .video iframe {
    width : auto;
  }
  
  .video {
    height : auto;
  }
  
  .fp-products {
    width  : 80%;
    margin : 0 auto;
  }
  
  .fp-products .row img {
    margin-left   : 0;
    margin-bottom : 10px;
  }
  
  .fp-prod1-spacing {
    margin : 0;
  }
  
  .fp-prod-spacing {
    margin-left : 47px;
  }
  
  #demo {
    height : 70px;
  }
  
  .events-table img {
    width : 200px;
  }
  
  .events-table {
    margin-top : 0;
  }
  
  .cecp-container .cecp-div img {
    margin-left : 0;
  }
}

/*------- Showcase -------- */

@media (max-width : 660px) {
  .quotes .col-xs-7,
  .quotes .col-xs-5 {
    width : 98%;
  }
  
  .showcase {
    height       : auto !important;
    background   : url('img/showcase-660.jpg');
    margin-right : 0;
  }
  
  .showcase-img {
    float         : none;
    margin-bottom : 64px;
  }
  
  .showcase-img img {
    height : 250px;
  }
  
  .showcase-title {
    height     : 91px;
    text-align : center;
    margin-top : 29px;
  }
  
  .showcase .prod-btn {
    right      : -10px;
    margin-top : 0;
  }
}

@media (max-width : 479px) {
  body {
    padding-top : 68px;
  }
  
  .blog .page-intro {
    padding-bottom : 0;
    padding-top    : 10px;
  }
  
  .showcase h1 {
    font-size : 1.5em;
  }
  
  .title-bar h1 {
    margin-top : -32px;
  }
  
  .block {
    width : 100%;
  }
  
  .showcase-title {
    margin-top : 12px;
    height     : 145px;
  }
  
  .showcase {
    margin-top : 0;
  }
  
  .showcase-img {
    margin-bottom : 65px;
  }
  
  .showcase-img img {
    height : 213px;
  }
  
  .custom-logo-link img {
    margin-top : -5px;
    height     : 60px;
    width      : 300px;
  }
  
  .contact-info {
    margin : 0 auto;
  }
  
  .contact-info .navbar-toggle:nth-child(2) {
    padding  : 4px 18px;
    position : relative;
    right    : 52px;
  }
  
  .main-menu {
    margin-top : -42px;
  }
  
  .second {
    height : 115px;
  }
  
  .video {
    padding : 0;
  }
  
  .main-footer .col-sm-4 {
    border-bottom : 1px solid #cccccc;
  }
  
  .main-footer .col-sm-4:last-child {
    border-bottom : none;
  }
  
  .address {
    margin-top : -24px;;
  }
  
  .col-xxs {
  }
  
  .career .pull-right {
    float : none !important;
  }
  
  .contact-btn {
    position : relative;
    right    : 0;
  }
  
  .contactus {
    padding : 0 0 30px 0;
  }
  
  .contactus h2 {
    font-size : 23px;
  }
  
  .sales-buttons .btn {
    font-size : 14px;
  }
}

/*------- Collapse at 992px -------- */

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

@media all and (-ms-high-contrast : none),
(-ms-high-contrast : active) {
}

.employee-login-form form {
  display           : -webkit-box;
  display           : -webkit-flex;
  display           : -moz-box;
  display           : -ms-flexbox;
  display           : flex;
  -webkit-flex-wrap : wrap;
  -ms-flex-wrap     : wrap;
  flex-wrap         : wrap;
}

.employee-login-form .login-username {
  width : 100%;
}

.employee-login-form .login-username label {
  width     : 100%;
  font-size : 0.9em;
}

.employee-login-form .login-username input {
  width     : 360px;
  max-width : 100%;
}

.employee-login-form .login-password {
  width : 100%;
}

.employee-login-form .login-password label {
  width     : 100%;
  font-size : 0.9em;
}

.employee-login-form .login-password input {
  width     : 360px;
  max-width : 100%;
}

.employee-login-form .login-remember {
  width     : 100%;
  font-size : 0.9em;
}

.employee-login-form .login-submit {
  width : 100%;
}

.category-list-container {
  margin-bottom : 40px;
}

.categoryFileList:not(:first-of-type) {
  display : none
}

.categoryFileList a {
  display           : -webkit-box;
  display           : -webkit-flex;
  display           : -moz-box;
  display           : -ms-flexbox;
  display           : flex;
  width             : 100%;
  -webkit-flex-wrap : wrap;
  -ms-flex-wrap     : wrap;
  flex-wrap         : wrap;
}

.file-title {
  width       : 100%;
  font-size   : 1.2em;
  font-weight : 600;
}

.file-description {
  width : 100%;
}

.category-list a:hover {
  cursor : pointer;
}

#plp-rfi,
#plp-ci,
#plp-si,
#plp-buttonbar a {
  border     : 1px solid #71c5e8 !important;
  background : #71c5e8 url(/wp-content/themes/sauerusa/img/ui-bg_highlight-soft_blue.jpg) 50% 50% repeat-x !important;
  color      : #ffffff !important;
}

.ui-state-default .ui-icon {
  background-image : url(images/ui-icons_222222_256x240.png) !important;
}

#plp-container h1 {
  margin-left : 1% !important;
}

#plp-container img {
  margin-left : 0;
}

/*Sauer Canada*/

.sauer-canada-logo-header {
  margin-top : -27px;
  max-width  : 100%;
  height     : auto;
}

.sauer-canada-img {
  max-width : 100%;
  height    : auto;
  margin    : 70px auto;
}

@media only screen and (min-width : 992px) {
  .products .mega-dropdown-menu {
    min-width : 840px !important;
  }
}

@media only screen and (min-width : 992px) {
  .industries .dropdown-menu li a {
    padding-left : 36px;
  }
}

.oil-free {
  margin-bottom : 0px;
}

.image-holder {
  display         : flex;
  width           : 100%;
  justify-content : center;
}

.posts-container {
  display               : grid;
  grid-template-columns : repeat(3, 1fr);
  gap                   : 20px;
  margin-bottom         : 30px;
  padding               : 0 30px;
}

@media all and (max-width : 1128px ) {
  .posts-container {
    grid-template-columns : repeat(2, 1fr);
  }
}

@media all and (max-width : 767px ) {
  .posts-container {
    grid-template-columns : repeat(1, 1fr);
  }
}

.posts-container .post {
  display               : -webkit-box;
  display               : flex;
  flex-wrap             : wrap;
  -webkit-box-orient    : vertical;
  -webkit-box-direction : normal;
  flex-direction        : column;
  background            : white;
  border                : 1px solid lightgrey;
  margin-bottom         : 0;
  padding-bottom        : 0;
}

.posts-container .post:last-child {
  border-bottom : 1px solid lightgrey;
}

.posts-container .post-header {
  max-width : 100%;
}

.posts-container .post-header .entry-title {
  font-size   : 20px;
  font-weight : bold;
  max-width   : 100%;
  text-align  : center;
  height      : 60px;
  padding     : 0 20px;
}

@media all and (max-width : 767px ) {
  .posts-container .post-header .entry-title {
    height : auto;
  }
}

.posts-container .post-header .entry-title a {
  max-width       : 100%;
  text-decoration : none;
}

.posts-container .post-featured-img-container {
  display      : -webkit-box;
  display      : flex;
  background   : white;
  aspect-ratio : 2 / 1;
  width        : 100%;
}

.posts-container .post-featured-img-container img {
  -o-object-fit : cover;
  object-fit    : cover;
  width         : 100%;
  margin        : 0;
}

.posts-container .entry-date {
  text-align    : center;
  font-size     : 14px;
  color         : dimgrey;
  margin-bottom : 15px;
}

.posts-container .entry-content {
  padding : 0 20px;
}

.posts-container .read-more {
  display         : flex;
  justify-content : center;
  margin          : 20px auto;
}

.read-more-button {
  display             : inline-block;
  padding             : 10px 15px;
  margin-bottom       : 0;
  font-size           : 16px;
  font-weight         : normal;
  line-height         : 1.42857143;
  text-align          : center;
  white-space         : nowrap;
  vertical-align      : middle;
  -ms-touch-action    : manipulation;
  touch-action        : manipulation;
  cursor              : pointer;
  -webkit-user-select : none;
  -moz-user-select    : none;
  -ms-user-select     : none;
  user-select         : none;
  background-image    : none;
  border              : 2px solid #46a3e6;
  border-radius       : 0;
  transition          : all 250ms;
}

.read-more-button:hover {
  background      : #45a3e6;
  color           : white;
  border          : 2px solid #46a3e6;
  text-decoration : none;
  transition      : all 250ms;
}

/*
new single blog post styles
 */
.single-post-header {
  border : 0 solid;
}

.single-post-header {
  margin-bottom : 2rem;
  min-height    : 30vw;
  overflow      : hidden;
  position      : relative;
  display       : flex;
  align-items   : center;
  border-style  : solid;
  border-left   : none;
  border-right  : none;
  text-align    : center;
  color         : white;
  text-shadow   : 1px 1px 3px rgba(0, 0, 0, 0.45);
}

.single-post-header .container {
  padding-top    : 1.5rem;
  padding-bottom : 1rem;
  z-index        : 2;
}

.single-post-header-img-container {
  margin-bottom   : 0;
  position        : absolute;
  width           : 100%;
  height          : 100%;
  display         : flex;
  justify-content : center;
  align-items     : center;
}

.single-post-header-img-container img {
  height     : auto;
  width      : 100%;
  object-fit : cover;
  border     : 0 solid;
}

.single-post-header-img-overlay {
  position         : absolute;
  top              : 0;
  right            : 0;
  bottom           : 0;
  left             : 0;
  background-color : rgba(0, 0, 0, 0.5);
}

.single-post-header .blog-name {
  font-size : 28px;
}

.single-post-header-title {
  margin-bottom : 2rem;
  font-size     : 56px;
  font-weight   : bold;
}

.single-post-header .meta {
  font-size : 22px;
}

@media (max-width : 992px) {
  .single-post-header-title {
    font-size : 50px;
  }
  
  .single-post-header .blog-name {
    font-size : 24px;
  }
  
  .single-post-header .meta {
    font-size : 20px;
  }
  
}

@media (max-width : 768px) {
  .single-post-header-title {
    font-size : 30px;
  }
  
  .single-post-header .blog-name {
    font-size : 20px;
  }
  
  .single-post-header .meta {
    font-size : 18px;
  }
}

@media (max-width : 480px) {
  .single-post-header-title {
    font-size : 28px;
  }
  
  .single-post-header .meta {
    font-size : 16px;
  }
}

.single-post-header a {

}

.single-post-header a:hover {
  color : #86bbe5;
  
}

.navigation.posts-navigation {
  width   : 100%;
  margin  : 30px auto;
  padding : 0 30px;
}

.nav-links {
  width                 : 100%;
  display               : grid;
  grid-template-columns : repeat(2, 1fr);
  gap                   : 20px;
}

.nav-previous {
  display         : flex;
  justify-content : flex-start;
  grid-column     : 1;
}

.nav-next {
  display         : flex;
  justify-content : flex-end;
  grid-column     : 2;
}

.contact-box {
  border           : 1px solid lightgray;
  background-color : #f8f8f8;
  padding          : 20px;
  text-align       : center;
}

.box-icon-container {
  display         : flex;
  justify-content : center;
  margin-bottom   : 20px;
  align-items     : center;
  height          : 100px;
}

.box-content {
  font-size   : 18px;
  line-height : 1.4;
}

.box-content {
  display         : flex;
  justify-content : center;
  align-items     : center;
  flex-wrap       : wrap;
  height          : 135px;
}

.box-social-icons {
  width           : 100%;
  display         : flex;
  justify-content : space-around;
  align-items     : center;
}

.box-social-icons .fa {
  font-size : 30px;
}

.box-social-icons a {
  font-size : 30px;
}

.box-social-icons br {
  display : none;
}

.box-phone-number {
  margin    : 8px auto;
  font-size : 24px;
}

.sauer-location-box {
  display          : flex;
  flex-wrap        : wrap;
  align-items      : center;
  justify-content  : space-between;
  width            : 80%;
  margin           : 20px auto;
  padding          : 20px;
  border           : 1px solid lightgray;
  background-color : #f8f8f8;
}

.location-logo-container {
  width           : 50%;
  display         : flex;
  justify-content : center;
  align-items     : center;
}

.location-contact-info {
  width           : 50%;
  display         : flex;
  flex-direction  : column;
  justify-content : center;
  align-items     : flex-start;
}

.contact-info-container {
  display         : flex;
  width           : 100%;
  justify-content : flex-start;
  align-items     : center;
  min-height      : 40px;
}

.icon-container {
  display         : flex;
  justify-content : center;
  align-items     : center;
  font-size       : 24px;
  width           : 54px;
}

.contact-text-container {
  width       : calc(100% - 54px);
  display     : flex;
  align-items : center;
}

.sauer-map-large {
  margin          : 40px auto;
  display         : flex;
  justify-content : center;
  align-items     : center;
}

.sauer-map-large img {
  max-width : 90%;
}

@media (min-width : 992px) and (max-width : 1301px) {
  
  .box-content {
    display         : flex;
    justify-content : center;
    align-items     : center;
    flex-wrap       : wrap;
    height          : 155px;
  }
}

@media (max-width : 992px) {
  
  .sauer-location-box {
    width : 95%;
  }
}

@media (max-width : 768px) {
  .location-logo-container {
    width         : 100%;
    margin-bottom : 20px;
  }
  
  .location-contact-info {
    width : 100%;
  }
}

.banner-bar {
  margin-left     : 0 !important;
  position        : relative;
  display         : flex;
  justify-content : center;
  align-items     : center;
  min-height      : 240px;
}

.banner-bar .banner-image {
  width       : 100%;
  height      : 100%;
  margin-left : 0 !important;
  position    : absolute;
}

.banner-bar .banner-image img {
  width       : 100%;
  object-fit  : cover;
  margin-left : 0 !important;
  height      : 100%;
}

.banner-bar .banner-overlay {
  position         : absolute;
  height           : 100%;
  width            : 100%;
  background-color : rgba(4, 4, 66, 0.363);
}

.banner-bar .title {
  color       : white;
  text-shadow : 0 0 6px black;
  z-index     : 1;
}

.banner-bar .title h1 {
  margin-bottom : 20px;
  font-size     : 44px;
}

@media (max-width : 1300px) {
}

@media (max-width : 991px) {
  
  .banner-bar h1 {
    font-size : 36px;
  }
}

@media (max-width : 479px) {
  
  .banner-bar h1 {
    font-size : 24px;
  }
}

.item-panel-container {
  display         : flex;
  flex-wrap       : wrap;
  gap             : 20px;
  justify-content : space-between;
}

.item-panel {
  width          : calc(100% / 3 - 15px);
  display        : flex;
  flex-direction : column;
  border         : 1px solid #cccccc;
  border-radius  : 10px;
}

.item-image-container {
  width           : 100%;
  aspect-ratio    : 3 / 2;
  display         : flex;
  justify-content : center;
  align-items     : center;
  padding         : 20px;
  max-height      : 250px;
}

.item-image {
  max-width  : 100%;
  object-fit : contain;
  max-height : 100%;
}

.item-name {
  text-align : center;
  font-size  : 24px;
  padding    : 20px;
}

.item-description {
  padding : 20px;
}

@media (max-width : 991px) {
  .item-panel {
    width : calc(100% / 2 - 15px);
  }
  
  .item-image-container {
    max-height : 220px;
  }
}

@media (max-width : 768px) {
  .item-image-container {
    max-height : 130px;
  }
}

@media (max-width : 479px) {
  .item-panel {
    width : 100%;
  }
}

.button-full-container {
  display         : flex;
  justify-content : center;
  margin-bottom   : 15px;
}

.rental-links-container {
  width           : 100%;
  display         : flex;
  justify-content : center;
  align-items     : flex-start;
  margin-bottom   : 30px;
}

.rental-link {
  display         : flex;
  flex-direction  : column;
  justify-content : flex-start;
  align-items     : center;
  width           : 50%;
}

.rental-link-img-container {
  padding         : 20px;
  text-align      : center;
  display         : flex;
  justify-content : center;
  align-items     : flex-start;
}

.rental-link-title {
  max-width  : 70%;
  text-align : center;
}

@media (max-width : 991px) {
  .rental-link {
    width : 100%;
  }
}

.rentals-contact-row {
  margin : 30px 0;
}