/* -- Reviews page -- */
.headerstyle1 {
	margin-bottom: 0px;
	background-repeat: no-repeat;
	border: none;
	border-radius: 0px;
	background: 
    /* top, transparent red */ 
    linear-gradient(to bottom, rgba(120,80,228,.88), rgba(230,84,143,.88)),     /* bottom, image */
    url(https://waveqa.hometesterclub.com/images/hands-in-teamwork.png) no-repeat center;
	background-size: cover;
}
.rHeader-search p {
	font-size: 16px;
	color: #fff;
	text-align: center;
	font-family: 'MaisonNeue', sans-serif;
	margin-bottom: 20px;
	letter-spacing: 0.4px;
	line-height: 1.6em;
}
.rHeader-searchfield, .rHeader-searchbtn {
	margin-bottom: 30px;
}
.rtoptext p {
	font-size: 16px;
	text-align: center;
	font-family: 'MaisonNeue', sans-serif;
	margin-bottom: 20px;
	letter-spacing: 0.4px;
	line-height: 1.6em;
}
.rProductlisting {
	margin-top: 20px;
}
.rProductlisting h2 {
	font-size: 34px;
	font-family: 'Lato', sans-serif;
	letter-spacing: 0.4px;
	font-weight: 400;
	line-height: normal;
}
.rSearchcounter {
	margin-top: 15px;
	margin-bottom: 15px;
}
.rSearchviewall a {
	color: #3eaff0;
	text-decoration: underline;
}
.rSearchviewall a:hover, .rSearchviewall a:active, .rSearchviewall a:focus {
	color: #e6548f;
	text-decoration: none;
}
.btn-select-gray {
	background-color: #f4f4f4;
}

.rProductcolumn {
	margin-top: 20px;
}
.rproduct {
	min-height: 400px;
	background-color: #f0f0f0;
	border-radius: 10px;
	margin-bottom: 30px;
	padding-bottom: 10px;
}
.rLoadmorebtn {
	margin-top: 30px;
	margin-bottom: 30px
}
.rRefinedropdown {
	background-color: #f4f4f4;
}
.rRefineRes {
	margin-bottom: 30px;
}

/*******************************
* MODAL AS LEFT/RIGHT SIDEBAR
* Add "left" or "right" in modal parent div, after class="modal".
* Get free snippets on bootpen.com
*******************************/
	.modal.left .modal-dialog,
	.modal.right .modal-dialog {
		position: fixed;
		margin: auto;
		width: 320px;
		height: 100%;
		-webkit-transform: translate3d(0%, 0, 0);
		    -ms-transform: translate3d(0%, 0, 0);
		     -o-transform: translate3d(0%, 0, 0);
		        transform: translate3d(0%, 0, 0);
	}

	.modal.left .modal-content,
	.modal.right .modal-content {
		height: 100%;
		overflow-y: auto;
	}
	
	.modal.left .modal-body,
	.modal.right .modal-body {
		padding: 15px 15px 80px;
		background-color: #f4f4f4;
	}

/*Left*/
	.modal.left.fade .modal-dialog{
		left: -320px;
		-webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
		   -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
		     -o-transition: opacity 0.3s linear, left 0.3s ease-out;
		        transition: opacity 0.3s linear, left 0.3s ease-out;
	}
	
	.modal.left.fade.in .modal-dialog{
		left: 0;
	}
        
/*Right*/
	.modal.right.fade .modal-dialog {
		right: -320px;
		-webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
		   -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
		     -o-transition: opacity 0.3s linear, right 0.3s ease-out;
		        transition: opacity 0.3s linear, right 0.3s ease-out;
	}
	
	.modal.right.fade.in .modal-dialog {
		right: 0;
	}

/* ----- MODAL STYLE ----- */
	.modal-content {
		border-radius: 0;
		border: none;
	}

	.modal-header {
		border-bottom-color: #EEEEEE;
		background-color: #FAFAFA;
	}
.modal-header .close
{
	margin-top:2px!important;
}

.product-body {
    height: 4em;
    padding-left: 1em;
    padding-right: 1em;
    overflow:hidden;
}

.brand-image {
    position: relative; width: 100%;
}

.brand-image-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    height: 220px;
    width: 100%;
    opacity: 0;
    transition: .5s ease;
    background-color: #ff66a4;
}

@media only screen and (min-width: 1200px) {
    .brand-image {
        background-color: beige;
        background-position: center center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        min-height: 220px;
        margin-bottom: 20px;
    }
}

@media only screen and (min-width: 320px) {
    .brand-image {
        background-image: url(../img/layer-1254.jpg);
        background-position: left center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        min-height: 220px;
        margin-bottom: 20px;
    }
}

.brandCell-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50px;
    opacity: 0.9;
    border-radius: 10px 10px 0px 0px;
    background-color: #ebebeb;
}

.brandCell-inner {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    font-family: 'Ubuntu', sans-serif;
    color: #666666;
    font-size: 16px;
    font-weight: 500;
    line-height: 1em;
}

.prd-slider-img-overly:hover + .brandCell-overlay, .brandCell-overlay:hover {
    opacity: 0.0;
}

.brand-rectangle {
    width: 100%;
    height: 40px;
    background-color: #2c0d61;
    z-index: 5;
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
}

.hometested-menu-icon {
    width: 36px;
    height: 36px;
    vertical-align:top;
    padding-left:10px;
}