/*----- TYPOGRAPHY -----*/

h1, h2, h3, h4, h5{color:#d4282b;}
h1{font-size:36px;}
h2{font-size:30px;}
h3{font-size:24px;}
h4{font-size:18px;}
h5{font-size:16px;}
p{font-size:16px;}
strong{color:#000;font-weight:normal;}

/*----- PAGE STRUCTURE -----*/
img{
	max-width:100%;
	height:auto;
}

body{
	margin:0; 
	padding:0; 
}

.ra-container{
	max-width:1170px !important;
	padding: 25px !important;
	margin: 0 auto !important;
    float: none !important;
}
.ra-container.col-sm-12{
	padding: 25px !important;
}

.head-wrap{
	max-width:1300px;
	padding: 20px;
	margin: 0 auto;
}

.header{
	width: 100%;
	margin: 0 auto;
	background:url(images/blizzard.png) repeat;  
	font-family: cabin, sans-serif !important;
}

hr{border:5px solid #d4282b !important; margin:0 auto !important; height:0!important;}

/*----- HEADER STYLES -----*/

.numbers h4{display:inline-block;margin:0 auto;text-align:center;}
.numbers a{color: #000 !important;}

#logo{margin:0 auto;text-align:center;}
.numbers{padding-top:2%; padding-bottom: 2%; text-align:center; max-width: 980px; margin: 0 auto !important; display: block;}


/*----- NAVIGATION LINK STYLES -----*/
/*.link span, .current span{float:left;padding:5px;}

.link span, .current span, .link a, .current a{display:inline-block;}*/

#titler{padding-top:15px;}
.section{padding-top:5px;}


/*----- HOME PAGE STYLES -----*/
.hero {
margin:0px auto;
height:auto;
width:100%;
background-repeat:no-repeat;
background-position:center center;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
}

.messagebox, .welcomebox{
	background-color: rgba(255,255,255,0.8) !important;
	padding:3% !important;
	margin:20% auto !important;
	-moz-box-shadow:3px 3px 3px rgba(83,83,83,0.80) !important;
	-webkit-box-shadow:3px 3px 3px rgba(83,83,83,0.80) !important;
	box-shadow:3px 3px 3px rgba(83,83,83,0.80) !important;
}

.messagebox h1, .welcomebox h1{color:#d4282b;}	

.linkrow{width:100%;margin:0 auto;text-align:center;display:block;}	
.linkrow img {max-width: 100%;}
.homebutton{display:inline-block;zoom: 1;*display: inline;width:40%;margin:2% 3%;text-align:center;padding:1%;background:#fff;vertical-align:middle;}
.homebutton:hover{-moz-box-shadow:5px 5px 5px rgba(0,0,0,0.4);-webkit-box-shadow:5px 5px 5px rgba(0,0,0,0.4);box-shadow:5px 5px 5px rgba(0,0,0,0.4);-moz-transition:0.3s all ease;-webkit-transition:0.3s all ease;-ms-transition:0.3s all ease;-o-transition:0.3s all ease;transition:0.3s all ease;}

/*----- ABOUT PAGE STYLES -----*/
.repbox{
	background:#fff !important;
	padding:2% !important;
	margin:2% !important;
	-moz-box-shadow:3px 3px 3px rgba(83,83,83,0.80) !important;
	-webkit-box-shadow:3px 3px 3px rgba(83,83,83,0.80) !important;
	box-shadow:3px 3px 3px rgba(83,83,83,0.80) !important;
	text-align:center !important;
	box-sizing: border-box !important;
}


.companyphoto{
	margin:20% auto;
}
.companyphoto > div{
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
}

.companyphoto img{
	margin: 5px !important;
}

/*----- UPCOMING AUCTION PAGE STYLES -----*/
.auctionbox{
	background:#d4282b;
	color:#333333;
	padding:2%;
	margin:12% 2%;
	-moz-box-shadow:3px 3px 3px rgba(83,83,83,0.80);
	-webkit-box-shadow:3px 3px 3px rgba(83,83,83,0.80);
	box-shadow:3px 3px 3px rgba(83,83,83,0.80);
	text-align:center;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	float: left;
	width: 29%;
}

.detailwindow{
	background:#fff;
	padding:5%;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}

.linked a{
	margin:2%;
}

.listings{
	margin:10% 0;
}


/*----- AUCTION DETAILS PAGE STYLES -----*/
.detailbox{
	background:#d4282b;
	color:#333333;
	padding:1%;
	margin:2%;
	-moz-box-shadow:3px 3px 3px rgba(83,83,83,0.80);
	-webkit-box-shadow:3px 3px 3px rgba(83,83,83,0.80);
	box-shadow:3px 3px 3px rgba(83,83,83,0.80);
	text-align:center;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}

.auctiondetails{
	margin:5% 0;
	background:#fff;
	padding:2%;
	-moz-box-shadow:3px 3px 3px rgba(83,83,83,0.80);
	-webkit-box-shadow:3px 3px 3px rgba(83,83,83,0.80);
	box-shadow:3px 3px 3px rgba(83,83,83,0.80);
	text-align:center;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}

.typography .auctiontitle{background:url(images/navback2.jpg) no-repeat;text-align:center;padding:1%;width:100%;margin:0 auto;-moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;border-radius:10px 10px 0 0; color: #fff !important; font-family: bebas-neue, sans-serif !important; font-weight: 400 !important;}
.typography .auctiontitle h1, .typography .auctiontitle h2, .typography .auctiontitle h3, .typography .auctiontitle h4, .typography .auctiontitle p{color:#fff !important;}
.auction-img img{
	margin-left: 4%;
	margin-bottom: 4%;
	max-width: 96%;
}
.details{margin:1% auto;text-align:center;width:100%;}

.detailtab{
	width:80%;
	background:url(images/navback2.jpg) repeat;
	text-align:center;
	padding:5px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	-moz-box-shadow:3px 3px 3px rgba(83,83,83,0.80);
	-webkit-box-shadow:3px 3px 3px rgba(83,83,83,0.80);
	box-shadow:3px 3px 3px rgba(83,83,83,0.80);
	margin:5px auto;
}

.detailtab a, .detailtab:hover a{display:block;width:100%;color:#fff;}
.detailtab:hover{background:#333333;}

.detailtab h1, .detailtab h2, .detailtab h3, .detailtab h4, .detailtab h5, .detailtab p{color:#fff;}

#auctionshow{overflow:hidden !important;}

.registerbutton{background:#d4282b;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;padding:5px;text-align:center;width:30%;}
.registerbutton a, .registerbutton a:hover{color:#fff;width:100%;display:block;}
.registerbutton:hover{background:#333333;}

.map{margin:2% auto;}
.map iframe{max-width: 100%; width: 100%;}

/*-----SLIDESHOW STYLES-----*/
.cycle-prev, .cycle-next { position: absolute; top: 0; width: 30%; opacity: 0; filter: alpha(opacity=0); z-index: 800; height: 100%; cursor: pointer; }
.cycle-prev { left: 0;  background: url(http://malsup.github.com/images/left.png) 50% 50% no-repeat;}
.cycle-next { right: 0; background: url(http://malsup.github.com/images/right.png) 50% 50% no-repeat;}
.cycle-prev:hover, .cycle-next:hover { opacity: .7; filter: alpha(opacity=70) }

.disabled { opacity: .5; filter:alpha(opacity=50); }

.btn-red{
	background: url(images/navback2.jpg) repeat;
	padding: 10px;
	color: #fff;
	font-weight: 700;
	font-size: 16px;
	text-align: center;
	display: inline-block;
	min-width: 100px;
	max-width: 100%;
	margin-bottom: 10px !important;
}
.btn-red:hover, .btn-red:focus, .btn-red:active {
	color: #fff !important;
	filter: brightness(1.1);
}



/*----- CONTACT PAGE STYLES -----*/
#contact{margin:0 15%;}	




	
/* FOOTER */

.footer {
	width:100%;
	background:url(images/blizzard.png) repeat;  
	margin:0 auto;
	font-family: cabin, sans-serif !important;
}
.foot-wrap{max-width:1300px;margin:0 auto;}
.footerleft{float:left;margin: 2% 4%;text-align:left;}
.footerright{float:right; margin:2% 4%;text-align:right;}
.footerright p{text-align:right;}
.footerlogo{text-align:left;}
.social{text-align:left;}

a.footerlink:link, a.footerlink:visited, a.footerlink:active{padding-top:15px; color:#d4282b; font-size:14px;}
a.footerlink:hover {padding-top:15px; color: #000; text-decoration:none; font-size:14px;}
.footertext{padding-top:15px; font-size:14px; color:#d4282b;}
.smallfootertext{padding-top:15px; font-size:12px; color:#d4282b;}
.divfooter {padding:10px 0 10px 0; max-width:500px; text-align:right; margin:0 auto;}

.clear{clear:both;}	

* {box-sizing: border-box;}



/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 2.0%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }


/*  GRID OF TWELVE  */
.span_12_of_12 {
	width: 100%;
}

.span_11_of_12 {
  	width: 91.5%;
}
.span_10_of_12 {
  	width: 83%;
}

.span_9_of_12 {
  	width: 74.5%;
}

.span_8_of_12 {
  	width: 66%;
}

.span_7_of_12 {
  	width: 57.5%;
}

.span_6_of_12 {
  	width: 49%;
}

.span_5_of_12 {
  	width: 40.5%;
}

.span_4_of_12 {
  	width: 32%;
}

.span_3_of_12 {
  	width: 23.5%;
}

.span_2_of_12 {
  	width: 15%;
}

.span_1_of_12 {
  	width: 6.5%;
}


/*  GRID OF FOUR  */
.span_4_of_4 {
	width: 100%;
}
.span_3_of_4 {
	width: 74.5%;
}
.span_2_of_4 {
	width: 49%;
}
.span_1_of_4 {
	width: 23.5%;
}

/*  GRID OF THREE  */
.span_3_of_3 { width: 100%; }
.span_2_of_3 { width: 66.13%; }
.span_1_of_3 { width: 32.26%; }


/* FORM */

.typography .btn-success {
    background-color: #d4282b !important;
    color: #fff !important;
    display: inline-block !important;
    border-radius: 4px !important;
    padding: 6px 15px !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    font-size: 13px !important;
    margin-right: 10px !important;
    float: left !important;
	
	border: none !important;
}
.typography .btn-success:hover {
    background-color: #333 !important;
    color: #fff !important;
}
/* MENU */
.navigation, .ra-navigation{
	background:url(images/navback2.jpg) repeat;
	font-family: bebas-neue, sans-serif;
}

/*===================== 
	Responsive styles 
=======================*/
@media screen and (max-width: 1400px) {
	.listings{margin:5% 0;}
}

@media screen and (max-width: 1150px){
.footerright, .footerleft{margin:2%;transform:scale(0.9);}
.numbers h4{display:inline-block;margin:0 auto;text-align:center;}


}

@media screen and (max-width: 1120px){
	.numbers h4{font-size:18px;padding:0.5% 0;}
	h1{font-size:30px;}
	h2{font-size:26px;}
	h3{font-size:20px;}
	h4{font-size:16px;}
	h5{font-size:14px;}
	p{font-size:14px;}
	.auctionbox{margin:14% 2%;}
	.numbers{padding-top:1%;}
	#logo{transform:scale(0.85);}
	.smallfootertext{font-size:11px;}
	.numbers .col-sm-3{width:50%;}
}

@media screen and (max-width: 900px){
	.homebutton{margin:3%;}
	.numbers .col-sm-3{width:100%;}
}

@media screen and (max-width: 800px){
	#auctionnotes, #auctionshow{display:block;width:90%;margin:2% 5%;text-align:center;}
	#auctionshow img{text-align:center;margin:0 auto !important;width:100%;}
	#mainphoto{width:48%; margin:1%;text-align:center;}
	
	.auction-img img{
		
		margin-left: 5%;
		margin-bottom: 5%;
		max-width: 90%;

	}
	.auction-img:first-of-type{
		margin-top: 3%;
	}
	
	
	.map iframe{max-width: 90%; margin: 0 auto !important;}
}

@media screen and (max-width: 730px){
	.auctionbox, .repbox{display:block;width:100% !important;margin: 4% 0 4% 0 !important;text-align:center;}
	.notes, .employees, .about{display:block;width:99%;text-align:center;margin-left:0;}
	.companyphoto, .messagebox{margin:4% auto !important;}
	.auctionbox{width: 96%;}
	
	.registerbutton{width:40%;}
}

@media screen and (max-width: 600px){
	.numbers h4{width:80%;}
	
	.registerbutton{width:50%;}

}


/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col {  margin: 4% 0 4% 0%; }
	.span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4 { width: 100%; }
	.span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; }
    .span_1_of_12, .span_2_of_12, .span_3_of_12, .span_4_of_12, .span_5_of_12, .span_6_of_12, .span_7_of_12, .span_8_of_12, .span_9_of_12, .span_10_of_12, .span_11_of_12, .span_12_of_12 {
	width: 100%; 
	}	
	.numbers h4{font-size:16px;}
	.footerleft, .footerright, .divfooter, .footerright p, .footerlogo, .social{display:block !important;width:100% !important;float:none !important;text-align:center !important;margin:0 auto !important;}
	
	.detailtab{width:100%;}
	#mainphoto{width:96%; margin:4% 2%;}

	.registerbutton{width:80%;}
	
	.homebutton{width:60%;}

}

@media only screen and (max-width: 400px) {
	.homebutton{width:80%;}
}