@charset "UTF-8";
/* CSS Document */
body {
	font-family: Open Sans, "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
}
.color1 {
	color: #f19022;
} /** ReloQuest Orange **/
.color2 {
	color: #4e4873;
} /** ReloQuest Purple **/
h1 {
	font-family: Varela Round, Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 32px;
}
h2 {
	font-family: Varela Round, Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	padding: 0px 0px 24px 0px;
	margin: 0px;
	font-size: 30px;
}
h2.proplus {
	font-size: 28px;
	font-family: Varela Round, Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	padding: 0px 0px 24px 0px;
	margin: 0px;
}
h3 {
	font-family: Varela Round, Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 20px;
	padding: 12px 0px 12px 0px;
	margin: 0px;
}
h4 {
	font-family: Varela Round, Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 20px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
}
.phonebar {
	padding: 6px;
	background-color: #333;
	color: #fff;
	text-align: center;
}
.navbar {
	padding-bottom: 20px;
	border-bottom: 1px solid #999;
}
.navbar-nav {margin-top: 27px;}
.herobanner {
	height: 495px;
	margin-top: 110px;
	text-align: left;
	background: #fff url(../img/hero2.jpg) no-repeat top center;
	xbackground-size: cover;
	xpadding-top:100px;
	padding:100px 15px 0 15px;
}
.hero-carousel {margin-top: 90px;}
.herobanner-featured {
	height: 550px;
	margin-top: 90px;
	text-align: left;
	background: #999 url(../img/SAA-2020-banner.png) no-repeat top center;
	background-size: cover;
}
.herobanner-1 {
	height: 550px;
	margin-top: 90px;
	text-align: left;
	background: #999 url(../img/rq-home-2017-img1.png) no-repeat top center;
	background-size: cover;
}
.herobanner-2 {
	height: 550px;
	text-align: left;
	background: #999 url(../img/rq-home-2017-img2.png) no-repeat top center;
	background-size: cover;
}
.herobanner-3 {
	height: 550px;
	text-align: left;
	background: #999 url(../img/rq-home-2017-img3.png) no-repeat top center;
	background-size: cover;
}
.herobanner-4 {
	height: 550px;
	text-align: left;
	background: #999 url(../img/rq-home-2017-img4.png) no-repeat top center;
	background-size: cover;
}
.herobanner-5 {
	height: 550px;
	text-align: left;
	background: #999 url(../img/rq-home-2017-img5.jpg) no-repeat top center;
	background-size: cover;
}
.herobanner-6 {
	height: 550px;
	text-align: left;
	background: #999 url(../img/rq-home-2020-doc.jpg) no-repeat top center;
	background-size: cover;
}

.herobanner p {
	font-size: 20px;
	padding-bottom: 24px;
	width:450px;
}
.hero-link {color:#4e4873; text-decoration:underline;}
.hero-link:hover {color:#f19022;}
.signup-link {color:#f19022;}
.signup-link:hover {color:#fff;}
.demo-signup {
	background: #4e4873;
	color: #fff;
	padding: 50px 0px 50px 0px;
	text-align: center;
	position: relative;
}
.demo-signup-container {
	width: 80%;
	margin: auto;
	max-width: 950px;
}
.feature-group1 {
	padding: 50px;
	position: relative;
}
.bigfeature-right ul {
	margin: 0px;
	padding: 8px 20px;
}
.nav-wrap {
	margin: auto;
	padding-top: 18px;
}
.logo {float:left; padding:0 20px 0 0; border:0px;width:213px;}
.logo-container {padding-top:20px; width:770px; margin:auto;}
.how-it-works {
	text-align: center;
	background: #efefef;
	padding: 50px 0 0 0;
}
.featureblock-clientprofiles {
	padding-top: 20%;
}
.featureblock-requests {
	padding-top: 15%;
}
.featureblock-options {
	padding-top: 20%;
}
.featureblock-reports {
	padding-top: 20%;
}
.why-use-rq {
	text-align: center;
	background: #fff;
	padding: 50px;
	margin: auto;
}
.benefits-container {
	background: #efefef;
	position: relative;
}
.benefits {
	text-align: center;
	padding: 50px;
	max-width: 80%;
	margin: auto;
}
.benefits li, .benefits h4 {padding-bottom:16px;}
.benefits ul {padding-left: 17px;}
.testimonials {
	text-align: center;
	background: #4e4873;
	padding: 50px;
	color: #fff;
}
.testimonials h4 {
	color: #918ea5;
}
.testimonial {
	border: 3px solid #f19022;
	width: 80%;
	margin: auto;
	padding: 40px;
	margin-top: 25px;
}
.quote {
	display: block;
	font-size: 42px;
	font-family: Varela Round, Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height: 46px;
	padding-bottom: 24px;
}
.author {
	display: block;
	text-align: right;
}
.anydevice {
	padding: 50px 50px 0px 50px;
	text-align: center;
	max-width: 1200px;
	margin: auto;
}
.container-suppliers {padding:50px; background:#efefef; text-align:center;position: relative;}
.container-suppliers ul { text-align:left;}
.container-suppliers ul li {padding-bottom:12px; font-size:16px;}	
.footer {
	background: #333;
	padding: 50px;
	text-align: center;
	color: #999;
}
.clearnavspace {
	position: absolute;
	top: -91px;
	left: 0px;
}
.condensor {max-width:80%; margin:auto;}
/** BStrap Overrides **/
.navbar-default {
	background-color: #fff;
	border: none;
	border-bottom: 1px solid #dfdfdf;
}
.nav>li>a {
	color: #999;
}
.nav>li>a:hover,
.navbar-default .navbar-nav > li > a:hover
 {
	color: #f19022;
}

.rqbutton {
	background-color: #f19022;
	border-color: #f19022;
	color: #fff;
}
.btn-default {
	background-color: #f19022;
	border-color: #f19022;
	color: #fff;
}
.btn-purp {
	background-color: #4e4873;
	border-color: #4e4873;
	color: #fff;
}
.service-box-pro {
	background:#62C3ED;
	padding: 24px;
	width:90%;
	margin:auto;	
	margin-bottom:36px;
	margin-top:36px;
	min-height:375px;
}
.service-levels-box {padding-top:150px;}
.service-box-pro h2 {color:#fff; padding-bottom:24px;}
.service-box-pro h2 span {font-size:18px;}
.service-box-pro p {text-align:left;}

.service-box-ent {
	background:#B0CE85;
	padding: 24px;
	width:90%;
	margin:auto;	
	margin-bottom:36px;
	margin-top:36px;	
	min-height:375px;
	}
.service-box-ent h2 {color:#fff;padding-bottom:24px;}
.service-box-ent h2 span {font-size:18px;}
.service-box-ent p {text-align:left;}

.supp-box-stand {
	background:#eee;
	padding: 24px;
	width:90%;
	margin:auto;	
	margin-bottom:36px;
	margin-top:36px;
	min-height:375px;
}
.service-levels-box {padding-top:150px;}
.supp-box-stand h2 {color:#fff; padding-bottom:24px;}
.supp-box-stand h2 span {font-size:18px;}
.supp-box-stand p {text-align:left;}

.supp-box-prem {
	background:#eee;
	padding: 24px;
	width:90%;
	margin:auto;	
	margin-bottom:36px;
	margin-top:36px;
	min-height:375px;
}
.service-levels-box {padding-top:150px;}
.supp-box-prem h2 {color:#fff; padding-bottom:24px;}
.supp-box-prem h2 span {font-size:18px;}
.supp-box-prem p {text-align:left;}


.contactpadding {margin-bottom:12px;}
.messagefield {height: 200px;}

.testimoinial-text { font-size:18px; padding-bottom:18px;}
.testimonial-auth {}
.testimonial-logo img {width: 100%; max-width: 300px; padding-bottom:12px;}
.testimonial-logo img.wide {width: 100%; max-width: 200px;}

.pr-block {text-align:left; margin:auto; border-bottom:1px dashed #ccc; margin-bottom: 50px; padding-bottom:50px; max-width:950px;}
.pr-header h1 {padding-bottom: 16px;}
.pr-block h2 {padding-top: 11px;}
.pr-block h3 {font-size: 25px; padding-bottom: 11px;}
.pr-block p {padding-bottom: 8px;}
.pr-date {color: #F48D0D; font-size:11px;}
.pr-photo-container {float:right; width:30%;text-align:center;}
.pr-photo {width:100%;}
.pr-photo-text {padding:0px 0px 12px 0px;display:block; font-size:.8em; font-weight:bold;}

.logo-container-suppliers {padding:16px; background-size: 100%; background-position:center; background-repeat:no-repeat; border:1px solid #dfdfdf; width: 95%; min-height:200px; margin:auto; margin-bottom:40px;}
img.supplier-logos {width:100%;}
a.supplier-login {display:block; position: fixed; top:0; right:24px; background:#f19022; color:#fff; text-decoration:none; padding: 12px;font-weight: bold;font-family: 'Varela Round', sans-serif;}
.contactdrop {display: block; float: left; padding: 0px 12px 0 0; font-size: 14px;}
.chooser-container {width: 435px; margin: auto;}
.contacttext {display: block; float: left; padding: 6px 12px; font-size: 14px; text-align: center;}
select.rschooser {background: no-repeat #dcdcdc url(../img/contact-drop-bg.png); background-position: top right;display: block; line-height: 1.42857143; padding: 6px 12px; color:#666;height:35px;-webkit-appearance: none; text-align: center;border: 1px solid transparent;border-radius: 4px;width: 110px;}
.featprop-header {color:#f49122; padding: 20px 0; text-transform: uppercase; letter-spacing: 10px; display: block;font-family: Varela Round, Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 15px;}
.featprop {background:#fff;font-family: Varela Round, Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;text-align: center;color:#333;}
.featprop-img{ height:300px;background: #ccc;background-size: cover;}
.featprop-title{font-size: 18px;padding-top: 12px;}
.featprop-address{font-size: 15px;color:#666;}
.featprop-link a {color:#f49122;padding-top: 6px;}

.herobanner-featured .banner-text-1 span.bigtext {font-family: Raleway, Varela Round, Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-size: 42px; display: block; line-height: 50px; font-weight: 400;}
.banner-text-1 span.bigtext {font-family: Raleway, Varela Round, Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-size: 52px; display: block; line-height: 50px; font-weight: 400;}
.herobanner-featured .banner-text-1 span.smalltext {font-family: Raleway, Varela Round, Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-size: 15px; display: block; padding: 380px 0 15px 0; color:#fff;}
.banner-text-1 span.smalltext {font-family: Raleway, Varela Round, Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-size: 15px; display: block; padding-bottom: 18px;}
.banner-text-1 span.smalltext ul {padding:20px 0px 0px 20px;}
.banner-text-1 span.smalltext ul li {padding-bottom: 12px;}
.banner-text-1 a { background-color: #4e4873; border: none; opacity: 1; font-family: Varela Round, Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; padding-top: 8px;}
.banner-text-1 a:hover { background-color: #f19022; border: none; color: #fff; opacity: 1;}
.owl-prev {position: absolute; top:0px;left:-28px; width:25px; height:300px; background: #ccc url(../img/owl-nav-left.png) no-repeat; background-position: center; background-size: 50%; text-indent: -9999px;}
.owl-prev:hover {background-color: #f49122;}
.owl-next {position: absolute; top:0px;right:-28px; width:25px; height:300px; background: #ccc url(../img/owl-nav-right.png) no-repeat; background-position: center; background-size: 50%; text-indent: -9999px;}
.owl-next:hover {background-color: #f49122;}
img.assoc-logos {height:40px; margin-bottom: 40px;}
.hero-carousel .owl-next {position: absolute; top:40%;right:-5px; width:50px; height:50px; background: url(../img/owl-nav-right.png) no-repeat; background-position: center; background-size: 50%; text-indent: -9999px; opacity: .3;}
.hero-carousel .owl-next:hover {opacity: 1;}
.hero-carousel .owl-prev {position: absolute; top:40%;left:-5px; width:50px; height:50px; background: url(../img/owl-nav-left.png) no-repeat; background-position: center; background-size: 50%; text-indent: -9999px; opacity: .3;}
.hero-carousel .owl-prev:hover {opacity: 1;}
.hero-carousel .owl-dots {display: none;}
.about-us-banner {background: url(../img/about-us-banner.png) center no-repeat #fff; height: 300px; background-size: cover; overflow: hidden; margin-top: 91px;position: relative;}
.privacy-banner {background: url(../img/privacy-banner.png) center no-repeat #fff; height: 300px; background-size: cover; overflow: hidden; margin-top: 91px;position: relative;}
.verify-thanks-banner {background: url(../img/verify-thanks-banner.jpg) center no-repeat #fff; height: 200px; background-size: cover; overflow: hidden; margin-top: 91px;position: relative;}

/* verification terms list*/
.vt-terms ul {padding-left: 0px; margin-left: 0px;}
.vt-terms li {list-style: none;background: url(../img/verified-check.png) no-repeat top left; margin: 0;padding: 0 0 25px 25px; background-size: 18px;}
.vt-terms h3 {padding-bottom: 24px;}

	/* ADD TO MAIN CSS */
	a.supplier-login {
		padding: 8px 10px;
		font-size: 11px;
		top: 30px;
	}
	
	/* HIDE DETAILS LINK ----> */ .featprop-link {display: none;}
	
	.logo {width: 220px;padding: 0 18px 0 10px;}
	.navbar {padding-bottom: 40px;}
	.navbar-nav {position: absolute; right:270px; margin-top: 20px;}
	.testimonial .quote {text-transform:uppercase;font-size:36px;}

/* DOC BANNER */
.herobanner-6 .banner-text-1 {top: 60px;width: 42%;}
.herobanner-6 .banner-text-1 .smalltext {font-size: 24px; padding-top: 8px;}
.herobanner-6 .banner-text-1 a {background-color: #f19022;}

/* FEATURED BANNER */
	.herobanner-featured .banner-text-1 {position: absolute; top: 20px; left: 0px; width: 100%; color: #FFF; text-align: center;}

	.banner-text-1 {position: absolute; top: 80px; right: 10%; width: 24%; color: #fff;}
	.herobanner-3 .banner-text-1 {top: 130px;}
	.herobanner-4 .banner-text-1 {text-align: center;}
	.hero-carousel {margin-top: 90px;}

/* VERIFIED SUPPLIER SECTON */
.verified-columns {width:85%; margin: auto; padding: 36px 0;}
.premium-profile-section {width: 90%;margin: auto; padding-top: 30px;}

/* VERIFIDE CIRCLE BUTTON */
.verified-circle-wrapper {position: absolute; top: 50%; left: 50%; width: 20px; height: 20px;}
.verified-circle-inner {position: relative;}
.verified-circle-holder {position: absolute; top: -160px; left: -580px; width: 20px; height: 20px;}
.verified-circle-btn {display: block; width: 160px; height: 160px; background-image: url(../img/rq-verified-hero-btn.png); background-size: cover; cursor: pointer;}

/* hiring button */
a.hiring-btn{display:block; position: fixed; top:30px; right:160px; background:#4e4873; color:#fff; text-decoration:none; font-weight: bold;font-family: 'Varela Round', sans-serif; font-size: 11px;padding: 8px 10px;animation: fadeIn 1s infinite alternate;}


/*terms-update*/
#terms_of_service_header {
    background-color: #61c1d0;
    padding: 15px;
    font-size: 14px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
	margin: 9rem -1.5rem -9rem;
}
.new-terms-buttom {
    background-color: #3eabbd;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
    margin-left: 40px;
    padding: 5px 20px;
}
#new-terms-buttom-got-it {
    margin-left: 20px !important;
}
#terms-services-view-more, #terms-services-privacy-policy-link {
    color: #FFFFFF;
    text-decoration: underline;
}
#terms-of-services-explanation {
    background-color: #3eabbd;
    padding: 15px;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
	margin: 9rem -1.5rem -9rem;
}
#new-terms-container p {
    margin: 0px !important;
}
#new-terms-container {
    position: relative;
}
.hide {
	display: none;
}


/*terms-update media queries*/


@media screen and (min-width: 768px) and  (max-width: 1023px) {
#terms_of_service_header {
    margin: 6.6rem -1.5rem -6rem;
}
#terms-of-services-explanation {
    margin: 6rem -1.5rem -6rem;
}	
.new-terms-buttom {
	margin-top: 2%;
    margin-left: 25%;
    padding: 5px 20px;
}	

}

@media screen and (max-width: 767px) {
#terms_of_service_header {
    margin: 6.6rem -1.5rem -6rem;
}
#terms-of-services-explanation {
    margin: 6rem -1.5rem -6rem;
}
.new-terms-buttom {
	margin-top: 2%;
    margin-left: 25%;
    padding: 5px 20px;
}	

}

/*other media queries*/

@media screen and (max-width: 1300px) {
 .featprop-img{ height:200px;background: #ccc; background-size: cover;}
}

@media screen and (max-width: 1288px) {
	.nav>li>a {padding: 15px 10px;font-size: 11px;}
	.navbar-nav {position: absolute; right:270px; margin-top: 20px;}
	/* tablet hero banners */
	.herobanner-featured,.herobanner-1,.herobanner-2,.herobanner-3,.herobanner-4,.herobanner-5,.herobanner-6 {height: 450px;}
	.herobanner-featured .banner-text-1 {position: absolute; top: 20px; left: 0px; width: 100%; color: #FFF; text-align: center;}
	.herobanner-featured .banner-text-1 span.smalltext {font-family: Raleway, Varela Round, Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-size: 15px; display: block; padding: 290px 0 15px 0; color:#fff;}
	.herobanner-1 .banner-text-1 {position: absolute; top: 60px; right: 3%; width: 32%; color: #fff;}
	.herobanner-2 .banner-text-1 {position: absolute; top: 60px; right: 2%; width: 35%; color: #fff;}
	.herobanner-3 .banner-text-1 {position: absolute; top: 80px; right: 2%; width: 30%; color: #fff;}
	.herobanner-4 .banner-text-1 {position: absolute; top: 60px; right: 3%; width: 35%; color: #fff}
	.herobanner-5 .banner-text-1 {position: absolute; top: 60px; right: 3%; width: 35%; color: #fff}
	.herobanner-6 .banner-text-1 {position: absolute; top: 50px; right: 3%; width: 48%; color: #fff}
	.banner-text-1 span.bigtext {font-size: 40px; line-height: 40px;}
	.clearnavspace {top: -90px;}
.verified-circle-holder {position: absolute; top: -160px; left: -500px; width: 20px; height: 20px;}
.verified-circle-btn {display: block; width: 140px; height: 140px; background-image: url(../img/rq-verified-hero-btn.png); background-size: cover; cursor: pointer;}
	}

@media screen and (max-width: 1090px) {
	.nav>li>a {padding: 15px 8px;font-size: 10px;}
}

@media screen and (max-width: 992px) {
.featureblock-clientprofiles {
	padding-top: 0;
	text-align:center;
}
.logo {float:none; padding:0px;}
.logo-container {text-align:center; width:auto;}
.nav-wrap {width:472px; margin:auto;}
.navbar-nav > li > a {margin-top: 0px;}
.herobanner {text-align:center;height:auto;	background: #fff url(../img/hero2mobile.jpg) no-repeat top center; padding-bottom:50px; padding-top:10px;}
.herobanner p {margin:auto;width:90%;}
.service-levels-box {padding-top:220px;}
.pr-block {width:90%;}

}
	@media screen and (max-width: 991px) {
	.navbar-nav {position:relative; left:34px;}
	.logo {width: 160px;padding: 0;}
	.navbar-brand {padding-top: 5px;}
	.navbar-header {padding-bottom: 15px;}
	.clearnavspace {top: -60px;}
	.hero-carousel {margin-top: 60px;}
	.why-use-rq {padding: 50px 24px;}
	.feature-group1 {padding:  50px 35px;}
	/* tablet hero banners */
	.banner-text-1 span.smalltext ul li {padding-bottom: 6px;}
		
	.herobanner-featured {height: 450px; background-position: center 0px; margin-bottom: 300px;}
	.herobanner-featured .banner-text-1 {position: absolute; top: 450px; left: 0; width: 100%; color: #fff; background: #35364c; text-align: center; padding: 24px 24px 80px 24px;}
	.herobanner-featured .banner-text-1 .bigtext {font-size: 30px; line-height: 30px;}
	.herobanner-featured .banner-text-1 span.bigtex {font-size: 40px; line-height: 40px;}
	.herobanner-featured .banner-text-1 span.smalltext {padding-top: 18px;}

		.herobanner-1 {height: 450px; background-position: -320px 0px; margin-bottom: 300px;}
	.herobanner-1 .banner-text-1 {position: absolute; top: 450px; left: 0; width: 100%; color: #fff; background: url(../img/rq-home-2017-img1.png) top right; text-align: center; padding: 24px 0 50px;}
	.herobanner-1 .banner-text-1 .bigtext {font-size: 30px; line-height: 30px;}
	
	.herobanner-2 {height: 450px; background-position: -350px 0px; margin-bottom: 300px;}
	.herobanner-2 .banner-text-1 {position: absolute; top: 450px; left: 0; width: 100%; color: #fff; background: url(../img/rq-home-2017-img2.png) top right; text-align: center; padding: 0px 24px 50px 24px;}
	.herobanner-2 .banner-text-1 .bigtext {font-size: 30px; line-height: 30px;padding-top:25px;}
	.herobanner-2 .banner-text-1 .smalltext {display: block; width: 350px; text-align: left; margin: auto;}
	
	.herobanner-3 {height: 450px; background-position: -310px 0px; margin-bottom: 300px;}
	.herobanner-3 .banner-text-1 {position: absolute; top: 450px; left: 0; width: 100%; color: #fff; background: url(../img/rq-home-2017-img3.png) bottom right; text-align: center; padding: 0px 24px 50px 24px;}
	.herobanner-3 .banner-text-1 .bigtext {font-size: 30px; line-height: 30px;padding-top:25px;}
	.herobanner-3 .banner-text-1 .smalltext {display: block; width: 350px; text-align: left; margin: auto;}

	.herobanner-4 {height: 450px; background-position: -250px 0px; margin-bottom: 325px;}
	.herobanner-4 .banner-text-1 img {width: 50%;margin: auto;}
	.herobanner-4 .banner-text-1 {position: absolute; top: 450px; left: 0; width: 100%; color: #fff; background: url(../img/rq-home-2017-img4.png) top right; text-align: center; padding: 24px 24px 50px 24px;}
	.herobanner-4 .banner-text-1 .bigtext {font-size: 30px; line-height: 30px;}
	.herobanner-4 .banner-text-1 .smalltext {display: block; width: 100%; text-align: left;}
	.hero-carousel .owl-prev {position: absolute; top:30%;left:0; width:50px; height:50px; background: url(../img/owl-nav-left.png) no-repeat; background-position: center; background-size: 50%; text-indent: -9999px; opacity: .3;}
	.hero-carousel .owl-next {position: absolute; top:30%;right:0; width:50px; height:50px; background: url(../img/owl-nav-right.png) no-repeat; background-position: center; background-size: 50%; text-indent: -9999px; opacity: .3;}
	.herobanner-4 .banner-text-1 img {width: 50%; margin: auto;}
	.hero-carousel .herobanner-4 .banner-text-1 img {width: 40%; margin: auto;}
	.about-us-banner {height: 220px; background-size: cover; overflow: hidden; margin-top: 67px;position: relative;}
	.privacy-banner {height: 220px; background-size: cover; overflow: hidden; margin-top: 67px;position: relative;}
	.verify-thanks-banner {height: 220px; background-size: cover; overflow: hidden; margin-top: 67px;position: relative;}
	.herobanner-5 {height: 380px; background-position: -300px 0px; margin-bottom: 0px;}
	.herobanner-6 {height: 380px; background-position: -300px 0px; margin-bottom: 0px;}
	.herobanner-6 .banner-text-1 {position: absolute; top: 70px; right: 3%; width: 48%; color: #fff}

		/* mobile testimonials */
	.testimonial .quote {text-transform:uppercase;font-size:24px; line-height: 24px;}
	/* mobile featured prop */
	.featured-carousel .owl-nav {display: none;}
.verified-circle-holder {position: absolute; top: -100px; left: 150px; width: 20px; height: 20px;}
.verified-circle-btn {display: block; width: 170px; height: 170px; background-image: url(../img/rq-verified-hero-btn.png); background-size: cover; cursor: pointer;}
	}
@media (max-width: 991px) {
	.navbar {padding-bottom: 0px;}
	a.supplier-login {display: none;}
	a.hiring-btn {display:none;}
	.herobanner-1 {margin-top: 64px;}
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
		margin-bottom: 0px;
		margin-top: 15px;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in { 
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
}
@media screen and (max-width: 800px) {
.service-levels-box {padding-top:0px;}
.service-levels-box {padding-top:120px;}
.testimonial {width:100%;}
.condensor {max-width:100%;}
.container-suppliers {padding: 50px 25px 50px 25px;}
.benefits {padding: 50px 15px 50px 15px;}
.anydevice {padding: 50px 50px 50px 50px;text-align: center;width: 80%;margin: auto;}	

}

@media screen and (max-width: 767px) {
.service-levels-box {padding-top:120px;}
.pr-photo-container {float:none; width:70%;text-align:center;margin:auto;}
.logo-container-suppliers {max-height:160px; min-height: 160px;}
.anydevice {padding: 50px 50px 50px 50px;text-align: center;width: 80%;margin: auto;}
a.supplier-login {display:none;}
.contactdrop {clear: left;}
.chooser-container {width: 260px; margin: auto;}
.contacttext {width: 260px; text-align: center; margin: auto;}
.about-us-banner {height: 160px; background-size: cover; overflow: hidden; margin-top: 67px;position: relative;}
.privacy-banner {height: 160px; background-size: cover; overflow: hidden; margin-top: 67px;position: relative;}
.verify-thanks-banner {height: 160px; background-size: cover; overflow: hidden; margin-top: 67px;position: relative;}
	
.verified-circle-holder {position: absolute; top: -100px; left: 90px; width: 20px; height: 20px;}
.verified-circle-btn {display: block; width: 150px; height: 150px; background-image: url(../img/rq-verified-hero-btn.png); background-size: cover; cursor: pointer;}

}
/* new */



@media screen and (max-width: 650px) {
	.herobanner-featured {height: 300px; background-position: center 0px; margin-bottom: 360px;}
	.herobanner-featured .banner-text-1 {position: absolute; top: 300px; left: 0; width: 100%; color: #fff; background: #35364c; text-align: center; padding: 24px 24px 80px 24px;}
	.herobanner-featured .banner-text-1 span.bigtex {font-size: 40px; line-height: 40px;}
	.herobanner-featured .banner-text-1 span.smalltext {padding-top: 18px;}
	.herobanner-1 {height: 300px; background-position: -190px 0px; margin-bottom: 360px;}
	.herobanner-1 .banner-text-1 {position: absolute; top: 300px; left: 0; width: 100%; color: #fff; background: url(../img/rq-home-2017-img1.png) top left; text-align: center; padding: 24px;}
	.herobanner-2 {height: 350px; background-position: -265px 0px; margin-bottom: 400px;}
	.herobanner-2 .banner-text-1 {position: absolute; top: 350px; left: 0; width: 100%; color: #fff; background: url(../img/rq-home-2017-img2.png) top left; text-align: center; padding: 24px 24px 50px 24px;}
	.herobanner-3 {height: 350px; background-position: -250px 0px; margin-bottom: 360px;}
	.herobanner-3 .banner-text-1 {position: absolute; top: 350px; left: 0; width: 100%; color: #fff; background: url(../img/rq-home-2017-img3.png) bottom right; text-align: center; padding: 24px 24px 50px 24px;}
	.herobanner-4 {height: 350px; background-position: -250px 0px; margin-bottom: 325px;}
	.herobanner-4 .banner-text-1 {position: absolute; top: 350px; left: 0; width: 100%; color: #fff; background: url(../img/rq-home-2017-img4.png) top right; text-align: center; padding: 24px 24px 50px 24px;}
	.herobanner-6 {height: 300px; background-position: center 0px; margin-bottom: 360px;}
	.herobanner-6 .banner-text-1 {position: absolute; top: 300px; left: 0; width: 100%; color: #fff; background: #35364c; text-align: center; padding: 24px 24px 80px 24px;}
	.herobanner-6 .banner-text-1 span.bigtex {font-size: 40px; line-height: 40px;}
	.herobanner-6 .banner-text-1 span.smalltext {padding-top: 18px;}
	}

@media screen and (max-width: 480px) {
	.navbar-nav {position:relative; left:34px;}
	.logo {width: 160px;padding: 0;}
	.navbar-brand {padding-top: 5px;}
	.navbar-header {padding-bottom: 15px;}
	.clearnavspace {top: -60px;}
	.why-use-rq {padding: 50px 24px;}
	.feature-group1 {padding:  50px 35px;}
	/* mobile hero banners */
	.herobanner-1 {height: 200px; background-position: -150px 0px; margin-bottom: 360px;}
	.herobanner-1 .banner-text-1 {position: absolute; top: 200px; left: 0; width: 100%; color: #fff; background: url(../img/rq-home-2017-img1.png) top left; text-align: center; padding: 24px;}
	.herobanner-1 .banner-text-1 .bigtext {font-size: 30px; line-height: 30px;}
	
	.herobanner-2 {height: 225px; background-position: -180px 0px; margin-bottom: 400px;}
	.herobanner-2 .banner-text-1 {position: absolute; top: 200px; left: 0; width: 100%; color: #fff; background: url(../img/rq-home-2017-img2.png) top left; text-align: center; padding: 24px 24px 50px 24px;}
	.herobanner-2 .banner-text-1 .bigtext {font-size: 30px; line-height: 30px;padding-top:12px;}
	.herobanner-2 .banner-text-1 .smalltext {display: block; width: 100%; text-align: left;}
	
	.herobanner-3 {height: 200px; background-position: -150px 0px; margin-bottom: 400px;}
	.herobanner-3 .banner-text-1 {position: absolute; top: 200px; left: 0; width: 100%; color: #fff; background: url(../img/rq-home-2017-img3.png) bottom right; text-align: center; padding: 24px 24px 50px 24px;}
	.herobanner-3 .banner-text-1 .bigtext {font-size: 30px; line-height: 30px;padding-top:12px;}
	.herobanner-3 .banner-text-1 .smalltext {display: block; width: 100%; text-align: left;}

	.herobanner-4 {height: 200px; background-position: -150px 0px; margin-bottom: 400px;}
	.herobanner-4 .banner-text-1 img {width: 90%; margin: auto;}
	.herobanner-4 .banner-text-1 {position: absolute; top: 200px; left: 0; width: 100%; color: #fff; background: url(../img/rq-home-2017-img4.png) top right; text-align: center; padding: 24px 24px 50px 24px;}
	.herobanner-4 .banner-text-1 .bigtext {font-size: 30px; line-height: 30px;}
	.herobanner-4 .banner-text-1 .smalltext {display: block; width: 100%; text-align: left;}
	.about-us-banner {height: 100px; background-size: cover; overflow: hidden; margin-top: 67px;position: relative;}
	.privacy-banner {height: 100px; background-size: cover; overflow: hidden; margin-top: 67px;position: relative;}
	.verify-thanks-banner {height: 100px; background-size: cover; overflow: hidden; margin-top: 67px;position: relative;}
	
	/* mobile testimonials */
	.testimonial .quote {text-transform:uppercase;font-size:24px; line-height: 24px;}
	/* mobile featured prop */
	.featured-carousel .owl-nav {display: none;}
	.hero-carousel .owl-prev {position: absolute; top:35%;left:0; width:30px; height:30px; background: url(../img/owl-nav-left.png) no-repeat; background-position: center; background-size: 50%; text-indent: -9999px; opacity: .3;}
	.hero-carousel .owl-next {position: absolute; top:35%;right:0; width:30px; height:30px; background: url(../img/owl-nav-right.png) no-repeat; background-position: center; background-size: 50%; text-indent: -9999px; opacity: .3;}
	.hero-carousel .herobanner-4 .banner-text-1 img {width: 70%; margin: auto;}
	.premium-profile-section {width: 100%;margin: auto;}
	.stand-out {margin-top: 40px;}
	.verified-columns {width:100%; margin: auto; padding: 36px 0;}
.verified-circle-holder {position: absolute; top: -50px; left: 50px; width: 20px; height: 20px;}
.verified-circle-btn {display: block; width: 100px; height: 100px; background-image: url(../img/rq-verified-hero-btn.png); background-size: cover; cursor: pointer;}

	}