@media screen and (min-width: 992px) {
	.hero .container .content .hero-text h1 {
    	padding-right: 50%;
    	color: white !important;
    }
}

title-d9ea7ba9-90b3-9e55-ba4c-dfff30020437 {
	h2 {
      margin-top: 25px;
    }
}
.loader h1 {font-size: 35px;}
.loader h2 {font-size: 20px; width: 90%;}
.loader label {
  color:#000; 
  margin-right: 10px;
  margin-bottom: 10px;
  display: block;
}

img.loader {    
	width: 30px;
    height: 30px;
    margin: 40px;
}
               
.main {
	background-color: white;
	padding: 15px;
	padding-top: 20px;
}
.clear  {
	clear: both;
}
.loader .selects {margin-top: 50px;}

.loader .well {
	background-color: #eaeaea;
    background: #eaeaea;
}

/* ---- grid ---- */

.grid {
  background: #F7F7F7;
  margin: 10px 0;
  padding: 5px;
}

/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- .grid-item ---- */

.grid-item {
  float: left;
  width: 144px;
  height: 185px;
  background: white;
  border: 1px solid #E0E0E0;
  margin: 5px 5px 5px 5px;
  padding: 10px;
  text-align: center;
}
.grid-item.loader {
  float: left;
  height: 300px;
  background: white;
  border: 1px solid #E0E0E0;
  margin: 5px;
  text-align: left;
}

/*Control the width of grid items across screen sizes*/
@media screen and (max-width: 360px) {
	.grid-item.loader {width: 45%; height: auto;}
}
@media screen and (max-width: 768px) and (min-width: 360px) {
	.grid-item.loader {width: 31%; height: auto;}
}
@media screen and (min-width: 768px) {
	.grid-item.loader {width: 190px;}
}

.grid-item--width2 { width: 200px; }

.grid-item h3.model{font-size:30px; color:#333; display: block; margin-top:5px; margin-bottom:10px; border-bottom: 1px solid #efefef;}
.grid-item p.deck {font-size:12px; color:#333; line-height: normal}
.grid-item p.feature {font-size:11px; color:#333; line-height: normal; margin-bottom: 5px;}
@media screen and (max-width: 768px) {.grid-item h3.model{font-size:24px;}}

/*@media screen and (max-width: 500px) and (min-width: 360px) {*/
	.grid-item p.feature span {display:block;}
/* } */

.grid-item:hover {cursor:pointer; border:1px solid #367C2B;}
.grid-item:hover h3.model, .grid-item:hover p.deck{color:#367C2B;}

.grid-item.disabled:hover {cursor:inherit; border: 1px solid #E0E0E0;}
.grid-item.disabled:hover h3.model, .grid-item.disabled:hover p.deck{color:inherit;}

.deck-details {
	display: none;
    padding: 5px 40px;
    text-align: center;
}
.deck-details img {
	width: 36%;
    margin: 0 auto;
}
@media screen and (max-width: 768px) {
	.deck-details {border-bottom: 1px solid #efefef; padding-bottom: 25px;}
}

.loader-fam-bg {

}

.ui-message {
	background-color: #FFFAE2;
	padding: 25px;
	border-radius: 3px;
	margin: 15px 0;
	border: 1px solid #FFEC84;
}
.ui-message h3 {
	font-size: 18px;
	padding: 0;
	margin: 0;
	color:#867100;
}
.no-results {display: none;}