﻿/***** BEGIN RESET *****/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    background:transparent;
    border:0;
    margin:0;
    padding:0;
}

ol, ul {list-style: none;}
.clear {clear: both; height:0px; margin:0;}

/***** END RESET *****/


/* montserrat-regular - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/montserrat-v10-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Montserrat Regular'), local('Montserrat-Regular'),
       url('../fonts/montserrat-v10-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v10-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v10-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v10-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v10-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
}


/* montserrat-italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/montserrat-v10-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Montserrat Italic'), local('Montserrat-Italic'),
       url('../fonts/montserrat-v10-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v10-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v10-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v10-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v10-latin-italic.svg#Montserrat') format('svg'); /* Legacy iOS */
}


/* montserrat-700 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/montserrat-v10-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Montserrat Bold'), local('Montserrat-Bold'),
       url('../fonts/montserrat-v10-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v10-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v10-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v10-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v10-latin-700.svg#Montserrat') format('svg'); /* Legacy iOS */
}


/* montserrat-700italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/montserrat-v10-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Montserrat Bold Italic'), local('Montserrat-BoldItalic'),
       url('../fonts/montserrat-v10-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v10-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v10-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v10-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v10-latin-700italic.svg#Montserrat') format('svg'); /* Legacy iOS */
}



body {
	color:#000;
	font-family: 'Montserrat', sans-serif;
	margin:0;
	font-size:18px;
	overflow-x: hidden;
	line-height: 1.4;
}

td {vertical-align: top;}


/***** Global text link style *****/

a {
    color:#292929;
}
a:hover  {
    color:#fff;
}

h1 {
	font-size:36px;
	font-family: 'Montserrat', sans-serif;
	font-weight:700;
}

h2 {
	font-weight:700;
	font-size:30px;
}

h3 {
	font-weight:700;
	font-size:26px;
}

h5 {
	font-weight:700;
	font-size:18px;
}

p {
	margin-bottom:15px;
	font-size:18px;
	font-family: 'Montserrat', sans-serif;
}
	 
.wrapper {
	width:96%;
	margin:0 auto;
	max-width:1280px;
}

.padding20 {
	margin:0 auto;
	padding:20px 0;
}

.padding50 {
	margin:0 auto;
	padding:50px 0;
}

/*SPANS*/
.maroon { color:#831d22 /*maroon*/; }
.gray { color:#737373 /*gray*/; font-weight:700; }
 
/***HEADER***/

.white-header {
  background-color:#fff;
}

.top-bar {
	width: 100%;
    float: none;
    display: block;
    align-content: center;
    margin: 0 auto;
    position: relative;
    text-align: center;
	font-family: 'Montserrat', sans-serif;
}

.small-box {
	width: 33%;
    box-sizing: border-box;
    text-align: center;
    margin: 0 auto;
    display: inline-block;
    vertical-align: top;
	padding-top:80px;
}

.small-box-logo {
	width: 33%;
    box-sizing: border-box;
    text-align: center;
    margin: 0 auto;
    display: inline-block;
    vertical-align: top;
	padding:20px;
}

.small-box-logo img {
	max-width:100%;	
	display: inline-block;
}

.small-box a {
	color:#737373 /*gray*/;
	font-weight:700;
	text-decoration:none!important;
}

.small-box a:hover { color:#831d22 /*maroon*/; text-decoration:underline!important;}

.small-box h3 a { color:#831d22!important /*maroon*/; text-decoration:none!important;}

.small-box h3 a:hover { color:#831d22 /*maroon*/; }

/*BODY*/
.body-container {
	padding:40px 0;	
}

/*CONTACT*/
.contact {
	text-align:center;
	margin:0 auto;
	display:block;
	height:auto;
	text-align:center;
	width:100%;
	float:none;
}

.contact i {
	text-align:center;
	border: 2px solid #831d22 /*maroon*/;
	border-radius: 100%;
	width: 71px; 
	height: 71px; 
	line-height: 71px;
	display:inline-block; 
	margin:10px auto;
	vertical-align:middle;
	max-width:100%;
	color:#831d22 /*maroon*/;
}

.contact-third {
	width:30%;
	max-width:100%;
	max-height:100%;
	height:auto;
	float:left;
	display:inline-block;
	box-sizing:border-box;
	margin:0 1%;
	font-size:16px;
	line-height:26px;
	text-align:center;
	color:#831d22 /*maroon*/;
}

.contact-third a {
	color:#831d22 /*maroon*/;
	text-decoration:underline;
}

.contact-third a:hover {
	color:#737373 /*gray*/;
	text-decoration:none;
}

.map {
	display:block;
	margin: 0 auto;
	padding:10px 0;
	padding-top:10px;
}

/*===================== 
                category box 
=======================*/
.back-to {
	text-align:right;
	margin:0 auto;
	padding:20px 0;	
}

.back-to a {
	color:#831d22;
	font-weight:700;
}

.back-to a:hover {
	color: #ccc;
	text-decoration:underline;
}

.categorybox-container {
	width:100%;
	margin:0 auto;
	text-align:center;
	display: inline-block;
}

.categorybox-container h1 {font-size: 30px; color: #000000;
	width:100%;
	margin:0 auto;
	padding:20px 0;
	text-align:center;
}

.categorybox-container h1 a { color: #FFFFFF; text-decoration: none;
	
}
.categorybox-container h1 a:hover { color: #FFFFFF;
	
}
.categorybox-container h2 {display: block; margin: 30px 0;}

.bttn {
  background-color: #831d22;
  border: none;
  color: #FFFFFF;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 30px;
  margin: 4px 2px;
  cursor: pointer;border-radius: 5px;
}

.bttn:hover {
  background-color: #000000;
 
  color: #FFFFFF;

}


.categorybox-logo {
	float:left;
	width:200px; 
	height:190px;
	margin:7px;
	box-sizing: border-box;
	text-align:center;
	max-height:180px;
}
.categorybox-logo img {
	max-height:170px;
}
.categorybox-text {
	float:left;
	width: calc(20% - 20px);
	margin:10px;
	box-sizing: border-box;
	text-align:center;
    display: inline-block;
}
.categorybox {
	position:relative;
	overflow:hidden;
	background-position:center center;
	background-repeat:no-repeat;
	background-size: contain;
	border:2px solid #fff;
}
.categorybox .categorybox-title {
	text-align:center;
	width:90%;
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%); 
	-webkit-transform: translate(-50%,-50%); 
	-ms-transform: translate(-50%,-50%);
	font-size:22px;
	font-style:italic;
	color:#fff;
	font-weight:700;
	line-height:22px;
	margin:0 0 0 0;
	text-transform:uppercase;
	z-index:99;
	text-shadow: 2px 2px 5px #000;
}
.categorybox-title a:hover {
	text-decoration:none;
}
.categorybox h4 {
	color:#fff;
	font-size:30px;
	line-height:30px;
}

.categorybox:after { 
	content: " ";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background:;
	opacity: 0.1;
	background: #6d6d6d; 
	transition: .3s all;
	display:block;
}
.categorybox:hover:after {
	opacity: 0.8;
	background: rgba(130, 28, 34, 1);
}

a .categorybox {
	-webkit-transition:all .3s ease;
	-ms-transition:all .3s ease;
	transition:all .3s ease;
}
a .categorybox:hover {
	box-shadow:0 0 5px #363636;
}

/* HOVER CATEGORY BOXES */
	/*SPANS*/ 
	.hover-box-title {text-decoration:underline; font-size:16px; color:#DBDBDB; font-weight:700; text-transform:uppercase; display: inline-block; margin-bottom: 5px;}
			
	.invlinkbox {
		text-align:left;
		width:100%; 
		height:215px;
		padding: 10px;
		background-position:center center;
		background-repeat:no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		-webkit-transform:translateZ(0);
		transform:translateZ(0);
		z-index:99;
		position:relative;
		overflow:hidden;
		box-sizing:border-box;
		cursor:pointer;
		font-family: 'Montserrat', sans-serif;
		border: 2px solid #DCDCDC;
	}
	.invlinkbox a {
		color:#fff;
		font-size:13px;
		line-height: 22px;
		display: block;
	}
	.invlinkbox a:hover { 
		color:#8B8B8B;
		text-decoration:none;
	}
	.invlinkbox p a { 
		text-decoration:none;
	}
	.invlinkbox::before{
		content:' ';
		position:absolute;
		top:255px;
		right:0;
		bottom:0;
		left:0;
		background:rgba(130, 28, 34, 0.86);
	}
	.invlinkbox:hover::before{
		background:rgba(130, 28, 34, 0.86);
		top:0;
	}
	.caption__media{
		display:block;
		min-width:100%;
		max-width:100%;
		height:auto;
	}
	.caption__overlay{
		position:absolute;
		top:0;
		right:0;
		left:0;
		padding:5px 0 10px 10px;
		color:#fff;
		-webkit-transform:translateY(255px);
		transform:translateY(255px);
		transition:-webkit-transform .35s ease-out;
		transition:transform .35s ease-out
	}
	.invlinkbox:hover .caption__overlay{
		-webkit-transform:translateY(0);
		transform:translateY(0)
	}
	.caption__overlay__title{
		transition:-webkit-transform .35s ease-out;
		transition:transform .35s ease-out
	}
	.invlinkbox:hover .caption__overlay__title{
		-webkit-transform:translateY(0);
		transform:translateY(0)
	}


/*FOOTER*/
footer {
	color:#fff;
	display:block;
	background-color:#737373 /*gray*/;
	font-size:14px;
	font-weight:700;
	padding:20px 0;
}

.footer-bar {
	margin: 20px auto;
}

.align-footer {
	padding:30px 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 100%;
}

.align-footer a {
	color:#fff;	
}

.auction-time {
	box-sizing:border-box;
	max-width:28%;
    display:block;
	min-height:auto;
	float:left;
}

.auction-time img {
	max-width:100%;	
	display:inline-block;
}

.copyright {
	text-align:left;
	color:#ddd;
	float: right;
	box-sizing:border-box;
	max-width: 72%;
	vertical-align:middle;
	font-size: 12px!important;
}

.copyright a:hover  {
    color: #831d22; /*maroon*/
	text-decoration:underline;
	font-weight:700;
}



/*===================== 
                Responsive styles 
=======================*/
@media screen and (max-width: 1280px) {
	.categorybox-text {width: calc(33.33% - 20px);}
}

@media screen and (max-width: 1000px) {
	h3 {
		font-size:20px;
	}
	
	p {
		font-size:15px;
	}
	
	.small-box {
		width:100%;
		padding:20px;	
	}
	
	.small-box-logo {
		width:100%;	
		padding: 0;
	}
}

@media screen and (max-width: 900px) {
/**FOOTER**/	
	.auction-time {
		text-align:center;
		float:none;
		max-width:100%;
		margin:0 auto;
	}
	
	.copyright {
		font-size:12px;
		font-weight:400;
		float:none;
		text-align:center;
		margin:20px 0 0 0;
		max-width:100%;
		padding-bottom:0;
	}
}	
@media screen and (max-width: 800px) {
/*cat boxes*/
	.categorybox-logo {
		width: 100%;
	}
	.categorybox-text {width: calc(50% - 20px);}
	
	#no-show {
		display:none;	
	}
	.caption__overlay {
		-webkit-transform:none;
		transform:none;
	}
	
	.invlinkbox {
		z-index:499;
	}
	
	.invlinkbox::before { 
		top: 0;
	}
	.invlinkbox::before {
		background: rgba(130, 28, 34, 0.89);
	}
	.invlinkbox:hover::before {
		background: rgba(130, 28, 34, 0.89);
	}
	.mobilesliderimage {
		display:block;
	}
	.mainsliderimage {
		display:none;
	}
}
@media screen and (max-width: 768px) {
	.body-container {
		padding: 20px 0;
	}

	.contact-third {
		width:100%;
		padding:7px 0;
	}
	
	.contact i {
		width: 51px; 
		height: 51px; 
		line-height:51px;
	}
	.padding20 { padding:10px 0; }
	.padding50 { padding:20px 0; }
	
	
.categorybox-container h1 {font-size: 25px;}


.bttn { font-size: 25px;}


}

@media screen and (max-width: 480px) {
.categorybox-container h1 {font-size: 20px;}
.categorybox-text {width: calc(100% - 20px);}

	.bttn { font-size: 20px}
}





