/* RESET 
------------------------------------------------*/


#navcontain .button {
	display: none;
	background: none;
	outline: none;
}

a {
	text-decoration: none;
	color: #000;

}

p {
	font-family: 'Roboto', sans-serif;
	padding: 15px 0;
	font-size: 16px;
}

body {
	/*	background: green;*/
}

/* GLOBAL SITE FRAMEWORK
------------------------------------------------*/
.clear {
	clear: both;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

.center {
	text-align: center;
}

.none {
	display: none;
}

* {
	box-sizing: border-box;
}


.eighty-wrapper {
	width: 80%;
	margin: 0 auto;
	display: flex;
	align-items: flex-end;
}



/* HEADER 
----------------------------------------------*/
header {
	width: 100%;
	display: inline-block;
	background: #fff;
	margin: 0 auto;
}

.header-wrapper {
	padding: 1% 0;
	margin: 0 auto;
}

.AT-logo {
	width: 32%;
	text-align: left;
}

.AT-logo img {
	width: 70%;
}

.GMA-logo-tagline {
	text-align: center;
	width: 32%;
}

.GMA-logo {
	width: 100%;
}

.GMA-logo img {
	width: 75%;
}

.GMA-tagline h1 {
	font-size: 1rem;
}

.Brad-contact-info {
	text-align: right;
	width: 32%;
}

.Brad-contact-info ul {
	list-style: none;
}

.Brad-contact-info a {
	color: #000;
}

.Brad-contact-info a:hover {
	text-decoration: underline;
}

/* HOME PAGE STYLES
-----------------------------------------------*/
.hero {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	border-top: 5px solid #bf1e2e;
	position: relative;
}

.slide-text {
	color: #fff;
	position: absolute;
	bottom: 10%;
}


.slide-text h3 {
	text-transform: uppercase;
	font-size: 3.5rem;
	background: #000;
	padding: 15px 20px;
}

.slick-slide img {
	display: block;
	width: 100%;
}


.main-body {
	background: url(../siteart/backgrounds/main-bg.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	border-bottom: 5px solid #bf1e2e;
	margin: 0 auto;
	border-top: 5px solid #bf1e2e;
}

.body-wrappertwo {
	width: 60%;
	padding: 5% 0;
	display: flex;
}

.body-headline h1 {
	font-weight: 500;
}

.body-headline {}

.body-text {
	margin: 0 auto;
	text-align: left;
}

.quick-btns {
	margin: 0 auto;
	text-align: right;
	width: 90%;
}

.body-left {
	width: 60%;
	display: inline-block;
}

.body-right {
	width: 39%;
	display: inline-block;
}

.qk-btn img {
	width: 75%;
}

.qk-btn {
	text-align: right;
}

.qk-btn img:hover {
	-webkit-box-shadow: 10px 10px 48px 1px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: 10px 10px 48px 1px rgba(0, 0, 0, 0.75);
	box-shadow: 10px 10px 48px 1px rgba(0, 0, 0, 0.75);
}


/* ONLINE ONLY PAGE STYLES
-----------------------------------------------*/
.auction-time-space {
	width: 100%;
}

.auction-time-wrapper {
	max-width: 1018px;
	width: 100%;
}

/* CONTACT PAGE STYLES
-----------------------------------------------*/
.map {
	width: 100%;
	padding-bottom: 2%;
}

.map iframe {
	width: 100%;
	-webkit-box-shadow: 10px 10px 48px 1px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: 10px 10px 48px 1px rgba(0, 0, 0, 0.75);
	box-shadow: 10px 10px 48px 1px rgba(0, 0, 0, 0.75);
}

.contact-wrapper {
	width: 98%;
	margin: 0 auto;
}

.contact-row-1 {
	width: 100%;
	display: flex;
	padding-bottom: 4%;
	padding-top: 3%;
	flex-wrap: wrap;
}

.address,
.brad,
.jason,
.doug {
	width: 24%;
	margin: 0 auto;
}

.brad,
.jason,
.doug {
	text-align: right;
}

.doug {
	text-align: right;
}

.contact-row-1 {
	font-weight: 100;
}

.address a {
	color: #000;
}

.address a:hover {
	text-decoration: underline;
}

.address {
	font-size: .8rem;
}

.brad a {
	color: #000;
}

.brad a:hover {
	text-decoration: underline;
}


.hosted-content .widget-details-bidcaller:hover {
	background-color: #01470f !important;
}

.hosted-content .widget-details-bidcaller {
	color: #000 !important;
	background-color: #6a8a27 !important;
}


/* FOOTER
-----------------------------------------------*/
footer {
	width: 100%;
	background-color: #000;
	background-image: url(../siteart/backgrounds/subtle-surface.png);
	text-align: center;
}

.footer-wrapper {
	width: 70%;
	padding: 3% 0;
	color: #fff;
	font-size: .9rem;
}

.footer-wrapper a {
	color: #fff;
}

.smallfootertext {
	font-size: .5rem;
}

/* MEDIA QUERIES
-----------------------------------------------*/
@media screen and (max-width: 1675px) {
	.slide-text h3 {
		font-size: 3rem;
	}

}

@media screen and (max-width: 1565px) {
	.body-wrappertwo {
		width: 75%;
	}
}

@media screen and (max-width: 1375px) {
	.contact-wrapper {
		width: 90%;
	}
}

@media screen and (max-width: 1300px) {
	.slide-text h3 {
		font-size: 2.5rem;
	}

	.hero_slider {
		height: 70%;
	}


}

@media screen and (max-width: 1250px) {
	.body-wrappertwo {
		width: 90%;
	}

	.body-left {
		width: 79%;
	}

	.body-right {
		width: 20%;
	}
}

@media screen and (max-width: 1100px) {
	.contact-wrapper {
		width: 98%;
	}

	.brad h2,
	.jason h2,
	.doug h2 {
		font-size: 1rem;
	}

	.address h1 {
		font-size: 1rem;
	}

}

@media screen and (max-width: 1075px) {
	.eighty-wrapper {
		width: 95%;
	}

	.AT-logo img {
		width: 85%;
	}
}

@media screen and (max-width: 900px) {
	.body-wrappertwo {
		width: 90%;
		display: block;
	}

	.body-left {
		width: 95%;
	}

	.body-right {
		width: 95%;
		padding-top: 5%;
	}

	.qk-btn {
		text-align: center;
		margin: 0 auto;
	}

	.qk-btn img {
		width: 80%;
	}

	.quick-btns {
		width: 50%;
	}

	.hero_slider {
		height: 60%;
	}


}

@media screen and (max-width: 815px) {
	.eighty-wrapper {
		width: 98%;
	}

	.tabs li {
		width: 100%;
	}

}

@media screen and (max-width: 700px) {
	.contact-row-1 {
		flex-direction: column;
	}

	.address,
	.brad,
	.jason,
	.doug {
		width: 100%;
		text-align: center;
		padding: 1% 0;
	}


}

@media screen and (max-width: 675px) {
	.quick-btns {
		width: 75%;
	}
}

@media screen and (max-width: 650px) {
	.eighty-wrapper {
		align-items: flex-end;
		flex-direction: column-reverse;
	}

	.Brad-contact-info {
		text-align: center;
		width: 100%;
	}

	.GMA-logo-tagline {
		text-align: center;
		width: 90%;
	}

	.AT-logo {
		width: 50%;
		text-align: center;
	}

	.GMA-logo img {
		width: 100%;
	}

	.GMA-logo {
		width: 70%;
	}

	.slide-text h3 {
		font-size: 1.75rem;
	}

}

@media screen and (max-width: 600px) {
	.AT-logo {
		width: 80%;
	}

}

@media screen and (max-width: 500px) {
	.AT-logo {
		width: 90%;
	}
}

@media screen and (max-width: 450px) {
	.quick-btns {
		width: 85%;
	}

	.AT-logo {
		width: 98%;
	}
}

@media screen and (max-width: 400px) {
	.AT-logo {
		width: 50%;
		text-align: center;
	}
}