/** CSS for the review section of your page **/
        /* Review Display*/
.review-by{
	font-weight: bold;
	margin-top: 12px;
	margin-bottom: 4px;
}

.widgetrating {
	float:left;
	min-width: 116px;
}
.IQreviewcontent{
	font-style:italic;
	background-color: whitesmoke;
	padding: 4px;
}
.IQreview {
	    border-top: lightgray 1px solid;
	    border-bottom: lightgray 1px solid;
		margin-bottom: 10px;
}

.IQreview .review-content{
	font-style:italic;
	background-color: white;
	padding: 16px;
}

.IQrandomimagescontainer {
    text-align: center;
    background-color: rgba(255,255,255,0.6);
    box-shadow: 0 0.5em 20px 3px rgba(0, 0, 0, 0.2);
}
.IQrandomimage img{
    box-shadow: 5px 5px 20px darkgrey;
    margin: 0 0 30px 0;
}
.IQrandomimage.iqparallax img{
	width: 100%;
    box-shadow: unset;
    margin: 0;
}

/* :not(:checked) is a filter, so that browsers that don’t support :checked don’t 
follow these rules. Every browser that supports :checked also supports :not(), so
it doesn’t make the test unnecessarily selective */
.widgetrating:not(:checked) > input {
	position:absolute;
	top:-9999px;
	clip:rect(0,0,0,0);
}

.widgetrating:not(:checked) > label {
	
	width:1.1em;
	padding: 0 .1em;
	overflow:hidden;
	white-space:nowrap;
	cursor:pointer;
	font-size:150%;
	line-height:1;
	color:#ddd;
	text-shadow:1px 1px #bbb, 2px 2px #666, .1em .1em .2em rgba(0,0,0,.5);
}

.widgetrating:not(:checked) > label:before {
	content: '★ ';
}

.widgetrating > input:checked ~ label {
	color: #f70;
	text-shadow:1px 1px #c60, 2px 2px #940, .1em .1em .2em rgba(0,0,0,.5);
}

.widgetrating:not(:checked) > label:hover,
.widgetrating:not(:checked) > label:hover ~ label {
	color: gold;
	text-shadow:1px 1px goldenrod, 2px 2px #B57340, .1em .1em .2em rgba(0,0,0,.5);
}

.widgetrating > input:checked + label:hover,
.widgetrating > input:checked + label:hover ~ label,
.widgetrating > input:checked ~ label:hover,
.widgetrating > input:checked ~ label:hover ~ label,
.widgetrating > label:hover ~ input:checked ~ label {
	color: #ea0;
	text-shadow:1px 1px goldenrod, 2px 2px #B57340, .1em .1em .2em rgba(0,0,0,.5);
}

.widgetrating > label:active {
	position:relative;
	top:2px;
	left:2px;
}


/* Review Editing*/
.Star
{
	background-image: url(https://www.instant-quote.co/images/Star.gif);
	height: 17px;
	width: 17px;
}
.WaitingStar
{
	background-image: url(https://www.instant-quote.co/images/WaitingStar.gif);
	height: 17px;
	width: 17px;
}
.FilledStar
{
	background-image: url(https://www.instant-quote.co/images/FilledStar.gif);
	height: 17px;
	width: 17px;
}
.IQnowrap {
	white-space: nowrap;
	padding:6px;
}
.IQreviewssummary table {
	width: auto;
		border: none;
}
.IQreviewssummary td {
	border: none;
}
.avscore {
	text-align: left;
}
.read_reviews{
	text-align: left;
}

.simpleParallax{
	max-height:400px;
}

@media screen and (max-width: 992px) {
  .simpleParallax {
	min-height: 25vh;
	background: transparent;
 
	}
}