html, body {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
}
h1,h2{
    color:#265289;
    font-size: 2.25rem;
}

h3 {
	font-size: 1.75rem;
}

img{
    max-height: 100%;
    max-width: 100%;
    font-size: 42px;
}
a {
    text-decoration: none;
}
a:hover {
    text-decoration: none;
    color: #265289;
}
section{
    padding: 0px;
    margin: 0px;
}



/* #region colors */

.fr-green{
    background-color: #00391b;
}

.fr-red{
    background-color:#5d251f;
}
.fr-red-light{
    background-color: #65302a;
}

.fr-blue{
    background-color: #265289;
} 

.fr-dark{
    background:#252525;
}

.dark-border {
    border: 1px solid #252525;
}

.light-border {
    border: 1px solid #FFFFFF;
}

.grey-header{
    background: #ececec;
}
/* #endregion colors */


/* #region text */

.text-light{
    color: #ffffff;
}
.text-dark, .text-frdark{
    color: #252525; 
}

a .text-frdark:hover {
	color: #00391b;
}

.fr-highlight-text{
	color: #00391b;
}

.fr-highlight2-text {
	color: #265289;
}

.text-large{
     font: 1.375em/2.25em 'Open Sans', sans-serif;
}
.text-medium{
    font: 1.125em/1.875em 'Open Sans', sans-serif;
}
.text-small{
    font: .875em/1.25em 'Open Sans', sans-serif;
}
.text-tiny{
    font: .750em/1em 'Open Sans', sans-serif;
}
/* #endregion text */

/* #region structure */

.wrapper
{
     min-width: 100%;
    height: 100%;
    background-color: #fff;
    position: relative;
    top: 0;
    bottom: 100%;
    left: 0;
}
.content-wrapper
{
    margin: 0 auto;
}
.content
{
    padding-right:2.5rem;
    padding-left:2.5rem;
    position: relative;
    margin: 0 auto;
    max-width: 1600px;
}
.content-full-width
{
    position: relative;
    margin: 0px;
    padding: 0px;
    width: 100%
}
.content-two-thrids
{
    width: 66%
}
.content-one-thrid
{
    width: 33%;
}
.content-three-quarters
{
    width: 75%
}
.content-one-half
{
    width: 50%
}
.content-one-quarter
{
    width: 25%;
}
.content-one-fifth
{
    width: 20%;
}

.aside-l{
    float: left;
    margin-right: 20px; 
}
.aside-r{
    float:right;
    margin-left: 20px; 
}
.aside-small{
        width: 300px !important;
        margin-right: auto !important;
        margin-left: auto !important;
    }
.float-left
{
    float: left;
}
.float-right
{
    float:right
}
.float-none
{
    float:none;
}
.clear-fix
{
    clear: both;
}

.nav-spacer{
    color: white;
    top: -2px;
}
/* #endregion structure */

/* #region header */

.social-icon-link {
    padding-top: 0;
}

    .social-icon-link img {
        height: 20px;
        vertical-align: middle;
        display: inline-block;
        margin-top: -2px;
    }

.header-bar{
    width: 100%;
    height: 28px;
}

.header-main{
    height:140px;
	margin: 1.25rem;
}

.site-title {
	margin: .75rem;
}

.header-columns-search {
	position: absolute;
	right: 10px;
	top: 50px;
}

.header-search {
	width: 300px;
	height: 28px;
	margin-top: 0;
	overflow: hidden;
	border: 1px solid #cacaca;
	border-bottom-color: #eaeaea;
	border-left-color: #e2e2e2;
	border-right-color: #e2e2e2;
	border-radius: 15px;
	-webkit-box-shadow: 0 0 0 2px #f7f7f7, inset 0 1px 1px 0 #ededed;
	-moz-box-shadow: 0 0 0 2px #f7f7f7, inset 0 1px 1px 0 #ededed;
	box-shadow: 0 0 0 2px #f7f7f7, inset 0 1px 1px 0 #ededed;
	vertical-align: middle;
	position: relative;
}

	.header-search input, .video-search input {
		border: none;
		margin: 0 8px;
		vertical-align: middle;
		background: none;
		width: 100%;
	}

	.header-search img, .video-search img {
		position: absolute;
		top: 0;
		right: 0;
	}

/* #endregion header */

/* #region spacing */

.no-padding
{
    padding: 0px;
}
.no-margin
{
    margin: 0px;
}
.top-spacing{
    margin-top: 40px;
}
.bottom-spacing{
    margin-bottom: 40px;
}
.spacing-left{
        margin-left: 20px;
    }
.spacing-right{
        margin-right: 20px;
    }

.height-100 {
    height: 100%;
}
.width-100 {
    height: 100%;
}


/* #endregion spacing */

/* #region mobile */

.mobile-menu {
    list-style: none;
    width: 230px;
    position: fixed;
    top: -120px;
    right: 0;
    bottom: 0;
    z-index: 0;
    padding: 130px 10px 10px 10px;
    overflow: auto;
    background-color:#252525;
    display: none;
}
.mobile-menu ul{
    padding: 0px;
}
.mobile-menu ul li, .mobile-menu ul li ul li{
    list-style: none;
}
.mobile-menu ul li ul li a{
    padding: 10px 0 10px 30px;
	
}
	.mobile-menu ul li a {
		color: white;
		display: block;
		padding: 10px 0 10px 0px;
	}
.mobile-menu ul li a:hover{
    background-color:  #454545;
}
.mobile-nav-trigger {
    position: absolute;
    clip: rect(0, 0, 0, 0);
}
label[for="mobile-nav-trigger"] {
    position: absolute;
    top: 36px;
    right: 25px;
    z-index: 2;
    display: none;
    background-image: url(/images/menu-icon.svg);        /*image from openclipart.org*/ 
    background-size: 30px;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
}

/* #endregion mobile */

/* #region top menu */

.top-menu ul li{
    text-align: left;
    margin: 0;
    padding-right: 4px;
    padding-left: 4px;
    list-style: none;
    position: relative;
    display: inline-table; 
}

.top-menu ul {
	margin: 0 0 0 1em;
}

.top-menu ul li a, .top-menu ul .nav-spacer{
    color: white;
    font-size: 11px;
    font-size: 11px;
    text-transform: uppercase;
}

.top-menu ul li ul {
  z-index: 101;
  padding: 0;
  position: absolute;
  top: 24px;
  left: -10px;
  width: 150px;
  visibility: hidden;
}
.top-menu ul li, .top-menu ul li ul {
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.top-menu ul li ul li { 
  background: #252525; 
  display: block; 
  text-shadow: 0 -1px 0 #000;
}
.top-menu ul li ul li a {
        padding: 10px 8px 10px 8px;
        display: table-cell;
    }
.top-menu ul li ul li:hover { background: #454545; }
.top-menu ul li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
}


/* #endregion top menu */

/* #region main menu */

.main-menu ul {
  height: 100%;
  vertical-align: middle;
  text-align: left;
  display: table;
  margin: 0;
  list-style: none;
}
.main-menu ul li { 
  position: relative;
  display: inline-block;
  background: #fff;
  cursor: pointer;
  border-right: 1px solid  #252525;
}

.main-menu ul li > div {
    height: 100%;
    display: table;
}

.main-menu ul li:first-child { 
  border-left: 1px solid  #252525;
}
.main-menu ul li a {
  color: #252525;
  padding: 1rem .7rem;
  display: table-cell;
  vertical-align: middle;
  font-size: 24px;
  font-weight: 300;
  text-transform: uppercase;
} 
.main-menu ul li:hover {
  background: #252525;
}
.main-menu ul li:hover a, .main-menu ul li ul li a{
  color: #fff;
}
.main-menu ul li ul {
  z-index: 100;
  padding: 0;
  position: absolute;
  top: 114px;
  left: -1px;
  width: 500px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  display: none;
  opacity: 0;
  visibility: hidden;
}
.main-menu ul li, .main-menu ul li ul { 
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.main-menu ul li ul li { 
  background: #252525; 
  display: block; 
  color: #fff;
  text-shadow: 0 -1px 0 #000;
}
.main-menu ul li ul li:hover { background: #454545; }
.main-menu ul li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
}

.main-menu ul li:focus ul {
	display: none;
	visibility: visible;
}

/* #endregion main menu */

/* #region footer menu */

.footer-menu ul li a, .footer-menu .nav-spacer{
    color: white;
    text-transform: uppercase;
}

.footer-menu
{
      text-transform: uppercase;
}
.footer-menu ul
{
      margin: 15px 0px;
      padding: 0px;
      list-style: none;
}
.footer-menu li
{
      display: inline-block;
}

/* #endregion footer menu */


/*#region Misc*/

.product-search {
    display: block;
}

.product-select {
    display: none;
}

.small-banner {
	display: none;
}

.responsive-list-item {
	height: 0;
	float: left;
	position: relative;
}

	.responsive-list-item.five-columns {
		width: 20%;
	}

	.responsive-list-item.four-columns {
		width: 25%;
	}

	.responsive-list-item.item-p-60-25 {
		padding-bottom: 60.25%;
	}

	.responsive-list-item.item-p-20 {
		padding-bottom: 20%;
	}

	.responsive-list-item.item-p-15 {
		padding-bottom: 15%;
	}

	.responsive-list-item.item-p-10 {
		padding-bottom: 10%;
	}



	.responsive-list-item > div {
		position: absolute;
		padding: .5em;
		top: .5em;
		bottom: .5em;
		right: .5em;
		left: .5em;
	}


.red-logo{
    background-image: url(/Images/frlogo-red.png);
    background-repeat: no-repeat;
    background-color: #65302a;
    background-position: right center;
    border: solid 20px #65302a;
    background-size: contain;
}


/* /////////// Page Elements /////////// */
/*#endregion*/

/*#region Page Elements */

figure{
    background: white;
}
figcaption{
    width: auto;
    margin-bottom: 80px !important
}
.coverimage{
    width: 100%;
}
.cover-caption{
    padding:5px 15px;
}
.section-header {
    padding-top: 30px;
    padding-bottom: 30px;
}
.welcome-message{
    background-image: url(/Images/quoteback.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 40px 0px;
    font-size: 26px;
    line-height: 40px;
    text-align: center;
    color: #337ab7;
}

.banner{
    width: 29%;
    display: inline-block;
    margin: 0px 2%;
    position: relative; 
    padding: 10px; 
}
.banner:before{
    content: "";
    display: block;
    padding-top: 38%;  /*What you want the height to be in relation to the width*/
}
.banner a{
    color: #ffffff;
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    padding: 10px 20px;
    height: 100%;
    width: 100%
}
.banner h4{
    text-transform: uppercase;
    font-size: 28px;
}
.banner p{
    font-size: 22px;
    width: 85%;
}
.banner img{
    position: absolute;
    bottom: 20px;
    right: 20px;
    width: 60px;
}
.customers-first{
    background: url(/Images/bluebox.png) no-repeat;
    background-size: 100%;
}
.work-and-play{
    background: url(/Images/redbox.png) no-repeat;
    background-size: 100%;
}
.work-for-us{
    background: url(/Images/greenbox.png) no-repeat;
    background-size: 100%;
}

.new-to-rving{
    background: url(/Images/2017CorpSite_NewToRving_bg.png) no-repeat;
    background-size: 100%;
    padding: 28px;
    position: relative;
}
.new-to-rving:after{
    content: "";
    display: block;
    padding-top: 58%;  /*What you want the height to be in relation to the width*/
}
.new-to-rving h3{
    margin-top: 0px;
}


.product,.brand{
    display: inline-block;
    position: relative;
    padding-top: 0px;    
    background-repeat: no-repeat;
    background-size: cover;
    margin-right: 1%;
    margin-left: 1%;
}
.product a:hover, .brand a:hover{
    color: #252525;
}

.product{
    width: 17.7%;
}
.product-title{
    border-bottom: 1px solid  #252525;
    margin-top: 10px;
    font-size: 20px;
}

.brand-strip {
	width: 102%;
	margin-left: -1%;
}

.brand {
	width: 31.1%;
	border: 1px solid #252525;
}

.brand.element {
	width: 31.3%;
}

.brand a:hover{
    color: #252525;
}

.brand-logo {
	display: table;
	width: 100%;
	table-layout: fixed;
}

.brand-logo div{
    text-align: center;
    display: table-cell;
    height: 200px;
    vertical-align: middle;
    width: 25%;
    padding: 20px;
}


.brand-logo div.with-address {
	padding-bottom: 10px;
	height: 190px;
}
.brand .address {
	padding-bottom: 10px;
	font-weight: bold;
}

#brand-sites{
    margin-right: -10px;
    margin-left: -10px;
}
.brand-website{
    
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 10px
}

.brand-website .brand-website-image{
    height: 140px;
    position: relative;
    border: 1px solid  #252525;
}    

.brand-website .brand-website-image img{
    display: block;
    margin: auto;
    padding: 10px;
    vertical-align: middle;
    position:absolute;
    top: 0;
    bottom: 0; 
    left: 0;
    right: 0;
}

.manufacture-grid-row {
	display: table;
	width: 100%;
	/*padding-top: 25%;   
    height: auto; 
    position:relative;*/
}
.manufacture-grid-block {
	/*position: absolute;  
    top: 0; 
    height: 100%;*/
	width: 25%;
	display: table-cell;
}

.manufacture-column-two {
	width: 50%;
}
.manufacture-grid-block img
{
    width: 100%;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	overflow: hidden;
}

.manufacture-grid-block:hover img {
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.manufacture-text-block {
	text-align: center;
	font-size: 35px;
	font-family: "Dosis", "Trebuchet MS", sans-serif;
}

.rv-block-image,
.cargo-block-image,
.trucks-block-image,
.buses-block-image,
.pontoon-block-image{
	overflow:hidden;
}
/*.manufacture-text-block {
	display: table;
	height: 100%;
	width: 100%;
	text-align: center;
	font-size: 35px;
	font-family: "Dosis", "Trebuchet MS", sans-serif;
	padding: 0px 35px;
}
.manufacture-text-block div
{
    display: table-cell; 
    vertical-align: middle;
}
.manufacture-block-overlay {
    background-color: rgb(255, 255, 255);
    position: absolute;
    top: 0;
    height: 100%;
    opacity: 0;
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
    z-index:2;
}
.manufacture-block-overlay:hover{
    opacity: .3;
}

/*.rv-block-text,
.cargo-block-text,
.cargo-block-text,
.cargo-block-image,
.cargo-block-overlay,
.trucks-block-text,
.trucks-block-image,
.trucks-block-overlay,
.buses-block-text,
.buses-block-image,
.pontoon-block-text
{
    width:25%;
}*/

/*.rv-block-image,
.buses-block-overlay,
.pontoon-block-image{
    width: 50%;
}*/

/*.rv-block-overlay,
.pontoon-block-overlay
{
    width: 75%;
}*/

/*.rv-block-image,
.buses-block-text,
.buses-block-overlay,
.pontoon-block-image,
.pontoon-block-overlay
{
    left:25%;
}
.buses-block-image{
    left: 50%;
}*/

/*.cargo-block-image,
.cargo-block-text,
.cargo-block-overlay,
.pontoon-block-text
{
    left: 75%;
}

.cargo-block-image,
.trucks-block-image
{
    top: 100%;
}

.cargo-block-overlay,
.trucks-block-overlay
{
    height: 200%;
}*/


.pontoon-block{
	padding: 0 0 .2em .2em;
}
.pontoon-block-text {
	background-color: #2CAB90; /*507e80;*/
	/*background: linear-gradient(#2CAB90,#1D715F);*/
}

.rv-block {
	padding: 0 .2em .2em 0;
}
.rv-block-text {
	background-color: #005BE2; /*#315eaa;*/
	/*background: linear-gradient(#005BE2,#003C94);*/
}

.truck-block {
	padding: .2em .2em 0 0;
}
.trucks-block-text {
	background-color: #B73B1F; /*#633a45;*/
	/*background: linear-gradient(#b73b1f,#782714);*/
}

.buses-block {
	padding: .2em .2em 0 .2em;
}
.buses-block-text {
	background-color: #F1A44C; /*#d08f65;*/
	/*background: linear-gradient(#F1A44C,#9E6B32);*/
}

.cargo-block {
	padding: .2em 0 0 .2em;
}
.cargo-block-text {
	background-color: #2E9B0E; /*#514c46;*/
	/*background: linear-gradient(#2E9B0E,#1D650A);*/
}

.sixteen-by-nine-wrapper{
        position: relative;
        overflow: hidden;
        width: 100%;
        padding-bottom: 34%;
}
.sixteen-by-nine-content
{
    position: absolute;
	width: 100%;
}
.scroll-panels
{
    position: relative;
}
.floating-caption
{
    position: absolute;
    padding: 20px;
    width: 50%;
    left: 25%;
    bottom: -40px;
}
.floating-caption-header {
	font-size: 58px;
	line-height: 64px;
	text-align: center;
}
.floating-caption-subheader
{
    font-size: 30px;
        text-align: center;
}

.page-title
{
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 30px;
    padding-bottom: 30px;
}

.video-fluid-iframe {
    position: relative;
    padding-top: 30px;
    height: 0;
    padding-bottom: 50%;
}
.video-fluid-iframe iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.inline-video-aside{
    padding: 0px 10px;
    width: 50%;
}

.timeline-wrap{
    overflow: hidden
}
.timeline{
    position: relative;
}
.timeline h3{
    font-size: 32px;
}
.points-line{
    position: relative;
    z-index: 1;
    left: 0;
    top: 18px;
    height: 2px;
    margin: 40px 0px;
    background: #252525;
}
.points-line ol{
    list-style: none;
    position: relative;
    top: -18px;
    padding: 0px;
}
.points-line li{
    display: inline;
    position: relative;
}
.point{
    position: relative;
    display: table-cell;
    width: 300px;
}

.bar-button{
        padding: 5px;
		position: relative;
}
	.bar-button span {
		font-size: 20px;
		padding: 5px 10px;
		display: inline-block;
		margin-right: 40px;
	}
	.bar-button img {
		width: 40px;
		position: absolute;
		right: 5px;
		top: 50%;
		margin-top: -20px;
	}

.RV-filter{
    padding: 15px;
    margin-bottom: 0px;
}


.filter-categories {
    border-top: 0px;
    display: none;
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -ms-transition-property: -ms-transform, opacity;
    -o-transition-property: top, left, opacity;
    transition-property: transform, opacity;
}

.right-border-thick{
   border-right: 4px solid #ffffff;
}
.right-border-thin{
   border-right: 2px solid #ffffff;
}
.left-border-thick{
   border-left: 4px solid #ffffff;
}
.left-border-thin{
   border-left: 2px solid #ffffff;
}
.top-border-thick{
   border-top: 4px solid #ffffff;
}
.left-border-thin{
   border-top: 2px solid #ffffff;
}
.bottom-border-thick{
   border-bottom: 4px solid #ffffff;
}
.bottom-border-thin{
   border-bottom: 2px solid #ffffff;
}

.filter-categories ul{
    list-style: none;
    margin: 0px;
    padding: 0px;
        border-top: 0px solid #252525;
}
.filter-categories ul li{
    list-style: none;
}
.filter-categories a{
    padding: 10px;
    display: block;
    color:  #252525;
}
.filter-categories a:hover{
    background-color: #BEBEBE;
}
 
#bloodhound{
    display: table;
    width: 100%;
}
#bloodhound:focus {
  border: 2px solid #03739c;
}

.twitter-typeahead{
    display: table-cell !important;
    vertical-align: top;
}

.typeahead,
.tt-query,
.tt-hint {
  width: 100%;
  height: 27px;
  padding: 8px 12px;
  font-size: 20px;
  line-height: 27px;
  outline: none;
  -webkit-border-radius: 15px 0px 0px 15px;
  -moz-border-radius: 15px 0px 0px 15px;
  border-radius: 15px 0px 0px 15px;
  border: 2px solid #6F6F77;
  border-right: none;
}



.tt-query {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
	/*color: #252525;*/
	display: none !important; /*hiding the in box suggestion, as it is not really useful*/
}

.tt-menu {
  width: 100%;
  margin: 12px 0;
  padding: 8px 0;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
     -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
          box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.tt-suggestion {
  padding: 3px 20px;
  font-size: 18px;
  line-height: 24px;
}

.tt-suggestion:hover {
  cursor: pointer;
  color: #fff;
  background-color: #03739c;
}

.tt-suggestion.tt-cursor {
  color: #fff;
  background-color: #0097cf;

}

.tt-suggestion p {
  margin: 0;
}

.gist {
  font-size: 14px;
}
.search-button{
    cursor: pointer;
    display: table-cell;
    width: 39px;
}
.search-input{
    width: 30%;
}
.search-results{
    width: 30%
}
.search-results .tt-suggestion{
    padding: 10px;
    border: 1px solid #03739c;
    border-radius: 5px;
    margin: 10px 0px;
}
.search-results .tt-suggestion img{
    width: 40%;
    margin-right: 10px;
}
.video-wrapper
{
    width: 64%;
}
.video-wrapper h4
{
    font-size: 28px;
}



#custom-templates .empty-message {
  padding: 5px 10px;
 text-align: center;
}

#multiple-datasets .league-name {
  margin: 0 20px 5px 20px;
  padding: 3px 0;
  border-bottom: 1px solid #ccc;
}

#scrollable-dropdown-menu .tt-menu {
  max-height: 150px;
  overflow-y: auto;
}

#rtl-support .tt-menu {
  text-align: right;
}

.employees-menu .w-25 {
	padding: .5rem;
}
.employees-menu .w-25:nth-child(4n+1) {
	padding-left: 0;
}
.employees-menu .w-25:nth-child(4n) {
	padding-right: 0;
}

.search-results {
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3), 0 0 8px 0 rgba(0, 0, 0, 0.29);
	margin: 1em 0;
	width: 100%;
	padding: 1em;
}

	.search-results > a {
		display: block;
	}

.search-result-image {
	display: table-cell;
	width: 400px; 
	max-width: 100%; 
	height:280px; 
	vertical-align:middle;
	text-align: center;
}
.search-result-desc {
	display: table-cell;
	padding-left: 1em;
}


		.search-results > a > img {
			max-width: 100%;
			max-height: 100%;
			padding-right: 1em;
		}

		.search-results > a h1, .search-results > a h2, .search-results > a h3 {
			display: inline;
			font-size: 1.4em;
		}

/*#endregion*/

/*#region Wishlist*/
.dark-grey {
    background-color: #404040;
}

.accordion .card a:not(.collapsed) .accordion-icon {
    background-image: url(/Images/Icons/accordion-close.png);
}

.accordion-title {
    display: inline-block;
    width: 90%;
}

.accordion-icon {
    display: inline-block;
    background-image: url(/Images/Icons/open-accordion.png);
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    float: right;
    margin-top: 7px;
}

.plus-icon {
    background: url(/images/Icons/open-accordion.png) no-repeat 10px 12px;
}

.collapse.show, .collapse.in {
    display: block;
    border-bottom: 1px solid rgba(0,0,0,.125);
}

.wishlist-login-box
{
    background-color: #ececec;
    border: 1px solid black;
    color: #00381b;
    padding: 20px 35px;
}

.wl-welcome{
      position: absolute; 
      top: -106px; 
      right: 0px;
}

.wl-share-welcome {
    display: inline-block;
    position: absolute;
    top: -118px;
    right: 0px;
}

.wl-menu {
    display: inline-block;
    position: relative;
        top: -1px;
}

.wl-menu-img, .wl-share-img{
    height: 25px;
    display: inline-block;
    vertical-align: top;
}
.wl-share-img{
    height: 20px;
}

.admin-menu-options,  .wl-share-popup {
    display: none;
    list-style: none;
    margin: 0px;
    padding: 0px;
    position: absolute;
    width: 200px;
    border-top: 1px solid #555;
    border-left: 1px solid #555;
    border-right: 1px solid #555;
    z-index: 6;
}

.wl-share-popup{
    background: white;
    width: 270px;
    padding: 8px;
    border: 1px solid #555;
}

.share-link input{
    margin-bottom:0px !important;
}

.share-link div{
    background: #f0f0f0;
    text-align: center;
    cursor: pointer;
    padding-top: 5px;
    padding-bottom: 5px;
}

.admin-menu-options::before, .admin-menu-options::after, .wl-share-popup::before, .wl-share-popup::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 98px;
    border-style: solid;
    z-index: 5;
}

.admin-menu-options::before, .wl-share-popup::before {
    top: -16px;
    border-width: 8px;
    border-color: transparent transparent #555 transparent;
    margin-left: 75px;
}
.admin-menu-options::after, .wl-share-popup::after {
    top: -14px;
    border-width: 7px;
    border-color: transparent transparent #FFFFFF transparent;
    margin-left: 76px;
}

.wl-share-popup::before {
    margin-left: 140px;
}
.wl-share-popup::after {
    margin-left: 141px;
}

.admin-menu-options, .admin-menu-options li, .wl-share-popup {
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.admin-menu-options li {
    background: #FFFFFF;
    display: block;
    text-shadow: 0 -1px 0 #000;
    border-bottom: 1px solid #555;
    padding-top: 2px;
    padding-bottom: 2px;
}
    .admin-menu-options li a {
        width: 100%;
        padding: 10px 6px;
        display: inline-block;
    }
.admin-menu-options li a:hover {
    background: #555;
    color: white;
}

.wl-menu-active.admin-menu-options {
    display: block;
    opacity: 1;
    visibility: visible;
}

.wl-share-active.wl-share-popup{
  display: block;
  opacity: 1;
  visibility: visible;
}

.wl-form-button{
    text-transform: uppercase;
    display: block;
    margin: 10px auto;
    font-size: 26px;
    font-weight: bold;
    border: none;
    padding: 5px;
}
.wl-remove-button{
    font-size: 12px;
    border: none;
    padding: 4px 5px;
    position: absolute;
    top: 1px;
    right: 11px;
    color: white;
    background: black;
}
.wl-remove-button:hover {
    color: white;
}
.wl-link-button{
    display: inline-block;
    text-align: center;
    width: 100%;
}

.validation
{
    color:#FE0000;
}

.wl-intro-header
{
    font-size: 40px;
}

.wl-form-header
{
    font-size: 28px;
    color: black;
}

.wl-form-element input{
    width: 100%;
    margin-bottom: 5px;
}
.wish-list {
    padding: 0px;    
    margin-left: -10px;
    margin-right: -10px;
}
.wl-item{
    list-style: none;
    position: relative;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 30px;

}
.wl-inner-item{
    border: 1px solid black;
    position: relative;
}

.wl-item-name {
    padding: 5px 10px;
    height: 38px;
}

.wl-item-image{
    height: 160px;
}


.wl-quote{
    background: #0054a6;
    padding: 10px 10px;
}
.wl-website{
    background: #252525;
    padding: 10px 10px;
}

.wl-nospecs {
    padding: 10px 10px;
}

.wl-arrow{
    height: 30px ;
    margin-top: -4px;
}
.wl-model-image{
    max-height: 150px;
    display: block;
    margin: 5px auto;
    padding: 10px;
}

.wl-forms{
        min-height: 355px;
}

.wl-specs{
    padding: 10px 10px;
    background: #197b30;
}

.wl-specs img {
    -webkit-transform: rotate(0deg);  /* to support Safari and Android browser */
    -ms-transform: rotate(0deg);      /* to support IE 9 */
    transform: rotate(0deg);
    transition: .3s all;  
}

.wl-specs-active img {
    -webkit-transform: rotate(90deg);  /* to support Safari and Android browser */
    -ms-transform: rotate(90deg);      /* to support IE 9 */
    transform: rotate(90deg);
}

div.wl-specs-details{
    background: white;
    max-height: 0;
    overflow: hidden;
    transition: .3s all;
    position: relative;
}

.wl-specs-active.wl-specs-details{
    height: 355px;
    max-height: 355px;
}


.wl-specs-details table { height: 100%; width: 100%; text-decoration: none; color: black;}
.wl-specs-details .marine table { width: 200%; }
.wl-specs-details td, .wl-specs-details th {
            border-right:#f2f2f2 1px solid;
            margin:0; 
            padding: 0px 4px;
            line-height: 25px;
        }
.wl-specs-details div { 
           height: 100%;
        }
.wl-specs-details .marine { 
            width: 55%; 
            overflow-x:scroll;  
            margin-left:45%; 
            padding-bottom:1px;
            height: 100%;
        }
.wl-specs-details .even {
    background: #E6F2FB;
}
.wl-specs-details .marine .fixed-lable {
            position:absolute; 
            width:45%; 
            left:0;
            top:auto;
        }

/* ----------------------- */
.wl-notes {
    padding: 10px 10px;
    background: #197b30;
}

.wl-notes img {
    -webkit-transform: rotate(0deg); /* to support Safari and Android browser */
    -ms-transform: rotate(0deg); /* to support IE 9 */
    transform: rotate(0deg);
    transition: .3s all;
}

.wl-notes-active img {
    -webkit-transform: rotate(90deg); /* to support Safari and Android browser */
    -ms-transform: rotate(90deg); /* to support IE 9 */
    transform: rotate(90deg);
}

div.wl-notes-details {
    background: white;
    max-height: 0;
    overflow: hidden;
    transition: .3s all;
    position: relative;
}

.wl-notes-active.wl-notes-details {
    height: 355px;
    max-height: 355px;
}


.wl-notes-details table {
    height: 100%;
    width: 100%;
    text-decoration: none;
    color: black;
}

.wl-notes-details .marine table {
    width: 200%;
}

.wl-notes-details td, .wl-notes-details th {
    border-right: #f2f2f2 1px solid;
    margin: 0;
    padding: 0px 4px;
    line-height: 25px;
}

.wl-notes-details div {
    height: 100%;
}

.wl-notes-details .marine {
    width: 55%;
    overflow-x: scroll;
    margin-left: 45%;
    padding-bottom: 1px;
    height: 100%;
}

.wl-notes-details .even {
    background: #E6F2FB;
}

.wl-notes-details .marine .fixed-lable {
    position: absolute;
    width: 45%;
    left: 0;
    top: auto;
}

.wl-share{
    display: inline-block;
    cursor: pointer;
    background: #00391B;
    border-radius: 4px;
    padding: 2px 6px;
}

input[type="text"], input[type="password"], input[type="email"], textarea, select {
    font: 12px "Arial", sans-serif;
}

.input-medium {
    font-size: 1.125em !important;
}

.photosubmission-element {
    float: left;
    width:380px; 
    margin: 0 10px 10px 10px;
}

.photosubmission-element.double{
    width: 700px;
}
    .photosubmission-element.double textarea{
        border: 1px solid #000000;
    }

.biggercheck input {
    width: 36px;
    height: 36px;
    background: black;
    -webkit-box-shadow: 0px 0px 0px 1px rgba(100,100,100,1);
    -moz-box-shadow: 0px 0px 0px 1px rgba(100,100,100,1);
    box-shadow: 0px 0px 0px 1px rgba(100,100,100,1);
} 

.box-checkbox > input[type=checkbox] {
	position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
}

.box-checkbox > input[type=checkbox] + label.box-checkbox-label {
	padding-left:30px;
	height:18px; 
	display:inline-block;
	background-repeat:no-repeat;
	background-position: 0 0;
	vertical-align:middle;
	cursor:pointer;
    overflow: visible;
    margin-bottom: 48px;
}

.box-checkbox > input[type=checkbox]:checked + label.box-checkbox-label {
	background-position: 0 -18px;
}
label.box-checkbox-label {
	background-image:url(/Images/check_box_bg.png);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
			}

/*#endregion*/

/*#region Lightbox */

.lightbox-container, .lightbox-message{
    position: fixed;
    top: 0px;
    right:0px;
    width: 100%;
    height: 100%;
    text-align: center;
    background: rgba(0,0,0,.8);
    z-index: 999;
    display: none;
}
.lightbox-active
{
    display: block;
}

.lightbox-trigger
{
    cursor: pointer;
}

.lightbox-close, .lightbox-message-close
{
    float: right;
    cursor: pointer;
    padding: 5px 10px;
    margin: -20px;
    border-radius: 4px;
}
.lightbox-close:hover
{
    background-color: #00391B;
}

.lightbox-video {
	position: fixed;
	top: 0;
	width: 100%; /* can be any width */
	height: 100%;
	background: rgba(0,0,0,.8);
	text-align: center;
	z-index: 999;
	display: none;
}

	.lightbox-video:before { /* pseudo element to force vertical centering of child element */
		content: '';
		display: inline-block;
		height: 100%;
		vertical-align: middle;
	}
	/* Centered child element can be any width and height */
	.lightbox-video > div {
		display: inline-block;
		vertical-align: middle;
		width: 80%; /* can be any width */
		background: #eee;
	}

		.lightbox-video > div > div {
			position: relative;
			padding-top: 25px;
			padding-bottom: 56.25%; /* 16:9 aspect ratio */
			height: 0;
		}

			.lightbox-video > div > div iframe {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
			}

.quote-request
{
    max-width: 500px;
    width: 80%;
    margin: 20px auto;
    background: white;
    padding:20px;
    border-radius: 5px;
    text-align: left;
    box-shadow: 0px 1px 5px #000000;
    overflow: auto;
    max-height: 90%;
}
    .quote-request .form-element-submit{
        clear: both;
    }
    .quote-request .form-element-submit {
        background-color:#00391B;
        border-radius: 10px;
        color: white;
        display: block;
        margin: 20px auto 0px auto;
        width: 100px;
        text-align: center;
    }
    .quote-request .form-element-submit a {
        color: white;
        padding: 10px;
        display: inline-block;

    }
    .quote-request textarea{
           width: 96%;
    }
    .quote-request .form-element{
        clear: both;
    }
    .element-left {
        float: left;
        width: 46%;
    }
    .element-right{
        float: right;
        width: 46%;
    }

.typeahead, .tt-query, .tt-hint {
	width: 100%;
	height: 27px;
	padding: 8px 12px;
	font-size: 20px;
	line-height: 27px;
	outline: none;
	-webkit-border-radius: 15px 0 0 15px;
	-moz-border-radius: 15px 0 0 15px;
	border-radius: 15px 0 0 15px;
	border: 2px solid #6F6F77;
	border-right: none;
}

	.typehead input[type="text"], .typehead input[type="password"], .typehead input[type="email"], textarea, select {
		border: 1px solid #f0f0f0;
		padding: 5px 4px;
		outline: none;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		color: #6C6C6C;
		width: 210px;
		width: 100%;
		max-width: 100%;
		display: block;
		margin-bottom: 20px;
		background: #fff;
		position: relative;
		-webkit-box-shadow: 0 1px 0 0 #fff;
		box-shadow: 0 1px 0 0 #fff;
		margin-left: 0;
		margin-right: 0;
		font: 12px "Arial", sans-serif;
	}
    .quote-request label, legend span {
        font-weight: normal;
        font-size: 13px;
        color: #444;
        display: block;
    }

/*#endregion*/



/*#region Responsive Classes*/

@media mobile {
	.main-menu ul li:hover ul {
		display: none;
		visibility: visible;
	}
}

@media (max-width: 1599px) {
    .banner h4 {
        font-size: 24px;
    }
    .banner p {
        font-size: 18px;
    }
}

@media (max-width: 1439px) {
    .welcome-message {
        font-size: 24px;

    }
    .banner h4 {
        font-size: 22px;
    }
    .banner p {
        font-size: 18px;
    }
    .product{
        width: 30.9%;
    }
    .banner img {
        width: 50px;
    } 

    .floating-caption-header
    {
       font-size: 46px;
	   line-height: 50px;
    }
    .floating-caption-subheader {
        font-size: 28px;
    }

    .wl-item.content-one-quarter{
        width: 33%;
    }
    .content-three-quarters{
        width: 66%;
    }
    .content-one-quarter{
        width: 33%;
    }

	.header-search {
		width: 200px;
	}
	.header-search input {
		width: 180px;
	}
}
/* // smaller screens, tablet landscapes and labtops // */
@media (max-width: 1279px) {

	.responsive-list-item.five-columns {
		width: 33.3%;
	}
	.responsive-list-item.item-p-15 {
		padding-bottom: 25%;
	}

	.employees-menu .w-25 {
		width: 50%!important;
	}

	.employees-menu .w-25:nth-child(4n+1), .employees-menu .w-25:nth-child(4n) {
		padding-right: 0;
		padding-left: 0;
	}

		.employees-menu .w-25:nth-child(2n+1) {
			padding-right: .5rem;
			padding-left: 0;
		}
		.employees-menu .w-25:nth-child(2n) {
			padding-left: .5rem;
			padding-right: 0;
		}


	.header-main {
		height: 100px;
	}
    .site-title a img{
        height: 78px;
    }
    .main-menu ul li a{
        font-size: 18px;
    }
    .main-menu ul li ul {
        top: 76px;
    }
    .welcome-message {
        font-size: 18px;
    }
    .banner h4 {
        font-size: 16px;
    }
    .banner p {
        font-size: 14px;
        width: 78%
    }
    .banner img {
        width: 40px;
    }

    .brand{
        width: 47.7%;

    }
	.brand.element {
		width: 48%;
	}

	.floating-caption-header {
		font-size: 38px;
		line-height: 42px;
	}
    .floating-caption-subheader {
        font-size: 20px;
    }

	.manufacture-text-block {
		font-size: 26px;
		/*font-size: 28px;
        padding: 0px 30px;*/
	}

    .content-one-fifth{
        width: 25%;
    }

	.header-columns-search {
		top: 80px;
	}

	.header-search {
		width: 200px;
	}

	.header-search input {
		width: 180px;
	}

	.main-menu ul li.nav-link {
		padding: 0 0;
	}
}


/* // smaller tablets in landscape // */


/* // smaller tablets in landscape // */
@media (max-width: 1023px) {
	
	.header-main {
		height: 80px;
	}

	.site-title{
		margin: 0 .5em;
	}

    .site-title a img{
        height: 80px;
    }
    .main-menu ul{
        padding-left: 15px;
    }
     .main-menu ul li ul {
        top: 56px;
    }
    .welcome-message {
        font-size: 18px;
        text-align: left;
    }
    .signature{
        text-align: right;
    }
    .banner {
        width: 45.68%;
    }
    .banner h4 {
        font-size: 18px;
    }
    .banner p {
        font-size: 16px;
    }
    .banner img {
        width: 50px;
    }
    .work-for-us{
        display: block;
        margin: 40px auto;
    }
   
    .sixteen-by-nine-wrapper
    {
        padding-bottom: 40%;
    }
	.floating-caption-header {
		font-size: 26px;
		line-height: 30px;
	}
    .floating-caption-subheader {
        font-size: 14px;
    }

	.manufacture-text-block
    {
        font-size: 22px;
    }

	/*.manufacture-text-block
    {
        font-size: 26px;
        padding: 0px 20px;
    }*/

	.wl-item.content-one-quarter {
		width: 50%;
	}

    .content-one-fifth{
        width: 33%;
    }
    .content-three-quarters{
        width: 50%;
    }
    .content-one-quarter{
        width: 50%;
    }
    .wl-intro-header{
        font-size: 30px;
    }

	.filter-categories-container .w-25 {
		width: 33.3%!important;
	}

	.header-columns-search {
		top: 70px;
	}

	.header-search {
		width: 180px;
	}

	.header-search input {
		width: 160px;
	}

}

@media (max-width: 925px) {
	.top-menu {
		display: none;
	}

	.main-menu {
		display: none;
	}

	.header-bar {
		height: 10px;
	}

    .product-search {
        display: none;
    }

    .product-select {
        display: block;
    }

	label[for="mobile-nav-trigger"] {
		display: block;
	}

	.mobile-nav-trigger:checked + label {
		right: 245px;
	}

	.mobile-nav-trigger:checked ~ .wrapper {
		left: -230px;
		box-shadow: 0 0 5px 5px rgba(0,0,0,0.5);
	}

	.mobile-nav-trigger:checked ~ .mobile-menu {
		display: block;
	}

	.mobile-nav-trigger + label, .wrapper {
		transition: all 0.2s;
	}

	.mobile-nav-link, .mobile-nav-spacer {
		text-decoration: none;
		display: inline-block;
	}

		.mobile-nav-link a, .mobile-nav-link a:hover {
			text-decoration: none;
		}

	.main-menu ul li:hover ul {
		display: none;
		visibility: visible;
	}

    .header-columns-search {
        top: 54px;
        right: -15px;
    }
    .header-search {
        width: 140px;
    }
}

@media (max-width: 896px) {
    .photosubmission-element.double {
        max-width: 380px;
    }
    .wl-welcome {
        position: relative;
        top: -5px;
        right: 0px;
        text-align: right;
        margin-bottom: 10px;
        width: 100%;
    }

    .wl-share-welcome {
        position: relative;
        top: -5px;
        right: 0px;
        text-align: right;
        margin-bottom: 10px;
        width: 100%;
    }
}

/* // tablets // */
@media (max-width: 767px) {
    .quote-request {
        width: 90%;
        margin: 10px auto; 
        padding: 10px;
        max-height: 90%;
    }

    .lightbox-close, .lightbox-message-close {
        margin: -10px;
    }

    .element-left, .element-right {
        float: none;
        width: 100%;
    }

    input[type="text"], textarea, select {
        width: 100%;
    }

	.small-banner {
		display: inline-block;
	}
	.large-banner {
		display: none;
	}

	body {
		font-size: .875rem;
	}
	h1, h2 {
		font-size: 1.75rem;
	}

	h3 {
		font-size: 1.375rem;
	}

	.responsive-list-item.five-columns {
		width: 50%;
	}
	.responsive-list-item.item-p-15 {
		padding-bottom: 33%;
	}

	.site-title {
		margin: 0px;
	}
	.site-title a img {
		height: 80px;
	}

	.brand-strip {
		width: 100%;
		margin-left: 0;
	}

	.brand{
		width: 100%;
		margin-right: 0;
		margin-left: 0;
	}
		.brand.element {
			width: 100%;
		}


    .content
    {
        padding-right:1.25rem;
        padding-left:1.25rem;
    }
    .top-spacing{
        margin-top: 20px;
    }
    .bottom-spacing{
        margin-bottom: 20px;
    }

 
    .welcome-message{
        font-size: 16px;
        font-weight: 700;
        line-height: 30px;
    }
    .banner, .work-for-us {
        width: 100%;
        margin: 0px auto 20px auto;
        max-width: 470px;
        display: block;
    }
    .banner h4 {
        font-size: 24px;
    }
    .banner p {
        font-size: 18px;
    }
    .product {
        width: 47.5%;
    }
     .product-title{
        font-size: 16px;
    }
    .aside-r, .aside-l, .inline-video-aside{
        width: 100%;
        float: none;
        margin-left: 0;
        margin-right: 0;
    }
    figcaption {
        margin-bottom: 60px !important;
    }
    .page-title
    {
        margin-top: 0px;
        margin-bottom: 0px;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .section-header {
        padding-top: 15px;
        padding-bottom: 15px;
    }
	.floating-caption-header {
		font-size: 22px;
		line-height: 26px;
	}
    .floating-caption-subheader {
        font-size: 14px;
    }
    .manufacture-text-block
    {
        font-size: 22px;
    }

	.manufacture-grid-block {
		width: 50%;
		display: block;
	}

	.manufacture-column-two {
		width: 100%;
	}
	/*.manufacture-text-block
    {
        font-size: 26px;
        padding: 0px 20px;
    }*/
	.pontoon-block {
		padding: .2em 0;
	}

	.rv-block {
		padding: 0 0 .2em 0;
	}

	.truck-block {
		padding: .2em .2em 0 0;
		position: absolute;
		bottom: 0;
		left: 0;
	}

	.buses-block {
		padding: .2em 0;
	}

	.cargo-block {
		padding: .2em 0 0 .2em;
		float: right;
	}

    /*.manufacture-grid-row {
        padding-top: 33%;
    }
    .rv-block-text,
    .trucks-block-text,
    .trucks-block-image,
    .trucks-block-overlay
    {
        width:33.34%;
    }

    .cargo-block-text,
    .cargo-block-text,
    .cargo-block-image,
    .cargo-block-overlay,
    .buses-block-text,
    .buses-block-image,
    .buses-block-overlay,
    .pontoon-block-text
    {
        width:33.33%;
    }

    .pontoon-block-image{
        width: 66.67%;
    }

    .rv-block-image
    {
        width: 66.66%;
    }

    .rv-block-overlay,
    .pontoon-block-overlay
    {
        width: 100%;
    }

    .pontoon-block-image,
    .pontoon-block-overlay
     {
        left: 0;
    }

    .rv-block-image,
    .buses-block-text,
    .buses-block-image,
    .buses-block-overlay
    {
        left:33.34%;
    }

    .cargo-block-image,
    .cargo-block-overlay,
    .cargo-block-text,
    .pontoon-block-text
    {
        left:66.66%;
    }

    .cargo-block-text,
    .cargo-block-overlay,
    .buses-block-text,
    .trucks-block-image,
    .pontoon-block-image,
    .pontoon-block-overlay,
    .pontoon-block-text
    {
        top: 100%;
    }

    .cargo-block-image
    {
        top: 200%;
    }

    .cargo-block-overlay,
    .trucks-block-overlay,
    .buses-block-overlay
    {
        height: 200%;
    }

    .manufacture-grid-row:nth-of-type(3)
    {
       margin-bottom: 33%;
    }*/


    .content-three-quarters{
        width: 100%;
    }
    .content-one-quarter{
        width: 100%;
    }

	#buylocal .w-50 {
		width: 100%!important;
	}
}

@media (min-width: 621px) {
    /* Start: Recommended Isotope styles */

    /**** Isotope Filtering ****/

    .isotope-item {
        z-index: 2;
    }

    .isotope-hidden.isotope-item {
        pointer-events: none;
        z-index: 1;
    }

    /**** Isotope CSS3 transitions ****/

    .isotope,
    .isotope .isotope-item {
        -webkit-transition-duration: 0.8s;
        -moz-transition-duration: 0.8s;
        -ms-transition-duration: 0.8s;
        -o-transition-duration: 0.8s;
        transition-duration: 0.8s;
    }

    .isotope {
        -webkit-transition-property: height, width;
        -moz-transition-property: height, width;
        -ms-transition-property: height, width; 
        -o-transition-property: height, width;
        transition-property: height, width;
    }

    .isotope .isotope-item {
        -webkit-transition-property: -webkit-transform, opacity;
        -moz-transition-property: -moz-transform, opacity;
        -ms-transition-property: -ms-transform, opacity;
        -o-transition-property: top, left, opacity;
        transition-property: transform, opacity;
    }

    /**** disabling Isotope CSS3 transitions ****/

    .isotope.no-transition,
    .isotope.no-transition .isotope-item,
    .isotope .isotope-item.no-transition {
        -webkit-transition-duration: 0s;
        -moz-transition-duration: 0s;
        -ms-transition-duration: 0s;
        -o-transition-duration: 0s;
        transition-duration: 0s;
    }
}
/* // large phones and portrait tablets // */
@media (max-width: 620px) {

	.search-result-desc {
		display: block;
		padding-right: 0;
	}

	.filter-categories-container .w-25 {
		width: 50% !important;
	}

	.employees-menu .w-25 {
		width: 100% !important;
	}

		.employees-menu .w-25:nth-child(2n+1),.employees-menu .w-25:nth-child(2n) {
			padding-left: 0;
			padding-right: 0;
		}

    .brand {
        width: 100%;
        margin-right: 0px;
        margin-left: 0px;
        position: relative !important;
        left: 0px !important;
        top: 0px !important;
    }

	.floating-caption-header {
		font-size: 18px;
		line-height: 22px;
	}

    .floating-caption-subheader {
        font-size: 10px;
    }

    .floating-caption {
        position: absolute;
        padding: 20px;
        width: 90%;
        left: 5%;
        min-height: 0px;
        bottom: -40px;
    }
	.manufacture-text-block {
		font-size: 18px;
		/*font-size: 18px;
        padding: 0px 15px;*/
	}

    .wl-item.content-one-quarter{
        width: 100%;
    }

     .content-one-fifth{
        width: 50%;
    }
}

/* // large phones and portrait tablets // */
@media (max-width: 425px) {


    .photosubmission-element, .photosubmission-element.double {
        max-width: 100%;
    }

	body {
		font-size: .75rem;
	}

	h1, h2 {
		font-size: 1.123rem;
	}

	h3 {
		font-size: 1rem;
	}

	.responsive-list-item.five-columns {
		width: 100%;
	}
	.responsive-list-item.item-p-15 {
		padding-bottom: 65%;
	}

	.manufacture-text-block {
		font-size: 16px;
		/*font-size: 16px;
        padding: 0px 15px;*/
	}

    .content
    {
        padding-right:.625rem;
        padding-left:.625rem;
    }
    .welcome-message{
        font-size: 14px;
    }
    .banner h4 {
        font-size: 22px;
    }
    .banner p {
        font-size: 18px;
    }
     .product{
        width: 100%;
        margin-right: 0px;
        margin-left: 0px;
    }
     .product-title{
        font-size: 18px;
    }
  
    .sixteen-by-nine-wrapper
    {
        padding-bottom: 50%;
    }
    .cover-caption
    {
        font-family: 'Open Sans', sans-serif;
        font-size: 12px;
    }
    .content-one-fifth{
        width: 100%;
    }
}

/* // medium phones // */
@media (max-width: 375px) {

	.filter-categories-container .w-25 {
		width: 100% !important;
	}

	.banner h4 {
        font-size: 16px;
    }
    .banner p {
        font-size: 14px;
    }
	.manufacture-text-block {
		font-size: 14px;
		/*font-size: 14px;
        padding: 0px 5px;*/
	}
    hr {
        margin-top: 10px;
        margin-bottom: 10px;
    }
}

/* // small phones // */
@media (max-width: 320px) {

}

/*#endregion*/