/*===================== 
	CSS reset/normalize 
=======================*/

/**Correct `block` display not defined in IE 8/9.**/
article,aside,details,figcaption,figure,footer,header,hgroup,
main,nav,section,summary {display: block;}
pre {white-space: pre-wrap;}
small { font-size: 80%;}




/*===================== 
	base styles 
=======================*/

html {
    -ms-text-size-adjust: 100%; 
    -webkit-text-size-adjust: 100%; 
    overflow-x: hidden!important;
    scroll-behavior: smooth;
	}

body {
	font-family: 'roboto-slab', sans-serif !important; 
    margin: 0;
	padding:0;
    overflow-x:hidden!important;
    font-weight:100
	}

svg:not(:root) {overflow: hidden}
.clear {clear:both;}




/*===================== 
	typography 
=======================*/

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	}
	h1 {line-height:80px;color:#c40202}
	h2 {}
	h3 {}
	h4 {font-size:19px;}
	h5 {font-size:18px}
	h6 {font-size:15px;}

p{margin:0;font-weight:500}
a{text-decoration:none}
strong{line-height:40px}

.row:after {
  content: "";
  display: table;
  clear: both;
}

.row {
display: flex;
justify-content: center;
gap: 25px;
}



/*===================== 
	header styles 
=======================*/

.header-wrap{
    display:block;
    overflow:auto;
    background:#000;
    padding:30px
}

.header-col{float:left}
.nav-left{width:45%;margin-top:15px}
.middle{width:10%;text-align:center}
.nav-right{width:45%;text-align:right;margin-top:15px}





/*===================== 
	nav styles 
=======================*/

#menu-button{display:none}
nav.mobile {display:none}

nav.primary ul li a .click{
    cursor:pointer;
    z-index: 12399994;
    top:0;
    right:0;
    width:auto;
    height:auto
}

nav.primary {
	padding:0;
	display:block;
	width:100%;
	position:relative;
	background:transparent;
}

nav.primary ul {margin:0; padding:0}
nav.primary ul li {display:inline-block;list-style-type:none}

nav.primary ul li a {
    color:#fff!important;
    font-size:15px;
    text-decoration:none;
    display:block;
    margin:0;
    padding:10px 20px;
    font-weight:600;
    font-family:'roboto-slab', sans-serif;
    text-align:center;
    -webkit-transition:.4s ease-in;  
    -moz-transition:.2s ease-in;  
    -o-transition:.2s ease-in;  
    transition:.2s ease-in;	
}	

nav.primary ul li a:hover {color:#c40202!important}





/*===================== 
	content styles 
=======================*/

.page-wrapper{margin:50px 30px}
.contact-info{border-bottom:1px solid #F1F1F1;padding-bottom:70px}
.contact-info a{color:#c40202;transition:.3s ease}
.contact-info a:hover{color:#940101}





/*===================== 
	auction styles 
=======================*/

.auction-wrapper{margin:150px 30px}

.auction-section{
    margin:0 auto;
    width:100%;
    max-width:1200px;
    padding:50px;
    background:#EEEEEE;
    border-radius:2px
}

.auction-col{float:left;}

.auction-logo{
    display:block;
    overflow:auto;
    background:#fff;
    padding:40px;
    margin:10px;
    border-radius:2px;
    box-shadow:0 0 10px rgba(0,0,0,0.1);
    text-align:center;
    transition:.3s ease
}

.auction-logo:hover{
    -ms-transform: scale(1.03);
    -webkit-transform: scale(1.03);
    transform: scale(1.03);
    box-shadow:0 0 10px rgba(0,0,0,0.05);
}

.auction-logo img{width:auto;max-width:200px}





/*===================== 
	footer styles 
=======================*/

.footer-wrap{background:#000;padding:30px;text-transform:uppercase}
.footer-wrap p{color:#917852!important;font-weight:500;font-size:13px}
.footer-wrap a{color:#917852;text-decoration:none;transition:.3s ease}
.footer-wrap a:hover{color:#AD956F}
.footer-wrap i{padding:10px 15px;background:#232323;border-radius:5px;margin-top:20px;transition:.3s ease}
.footer-wrap i:hover{color:#7A6545!important;background:#1C1C1C}





/*========================== 
	  responsive styles 
============================*/

@media screen and (max-width: 1370px){.auction-section{width:auto}}
@media screen and (max-width: 1300px){nav.primary ul li a {font-size:13px;padding:10px 10px}}

@media screen and (max-width: 1080px){  
    
.auction-section{padding:30px} 
	.auction-section .row {display: block;}
.auction-col{float:none;width:100%} 
.auction-logo{padding:20px}    
.auction-logo img{width:auto;max-width:150px}    
    
/* mobile nav */	
    
nav.primary ul{display:none}
    
#menu-button{ 
    width: 100%;
    display: block;
    font-size: 24px;
    position: relative;
    line-height:40px;
    z-index: 400;
}
    
#menu-button a{color:#fff;text-decoration: none;font-weight:normal}
    
nav.mobile {
    display:block;
    position: fixed;
    top: 0;
    left: -270px;
    width:270px;
    height: 100%;
    background:#232323;
    z-index: 500;
    overflow:auto;
}

nav.mobile .mobile_top {
    position: relative;
    display:block;
    padding: 0;
    margin:15px 0px 10px 0px;
    color: #999;
    font-size: 18px;
    font-weight: 400;
}

/* menu 'x' button */
nav.mobile .menu-toggle {
    position: absolute;
    padding: 3px 8px 3px;
    font-family: Arial, sans-serif;
    font-size:25px;
    font-weight: thin;
    line-height: 1;
    color: #fff;
    text-decoration: none;
    top:2px;
    z-index:9999;
    right:10px;
}

/* menu list */
nav.mobile ul {
    list-style: none;
    font-weight: 300;
    padding:0px !important;
    margin:0px !important;
    padding-inline-start: 0px !important;
}
     
nav.mobile ul li {
    position:relative;
    padding:none !important;
    border-bottom:1px solid #000;
    transition:.3s ease
}
    
nav.mobile ul li:hover{background:#c40202}

nav.mobile ul li a {
    position: relative;
    display: block;
    font-size:15px;
    color: #fff;
    text-decoration: none;
    font-family:'roboto-slab', sans-serif !important;
    font-weight:500;
    padding: 10px 10px;
}

h1{font-size:20px;line-height:50px}    
h2{font-size:17px}    
p{font-size:13px} 
input {font-size:13px!important}
label {font-size:13px!important}
textarea {font-size:13px!important}
textarea_comment {font-size:13px!important}
select {font-size: 13px!important}
input:focus,
textarea:focus,
select:focus {font-size:13px!important}
placeholder{font-size:13px!important}
input.button,
input.button:focus {font-size:13px!important}
input.button:hover {font-size:13px!important}
.CaptchaMessagePanel {font-size:13px!important}    
    
.page-wrapper{margin:30px 15px}   
.contact-info{padding-bottom:40px} 
.form{padding-top:40px!important} 
    
.header-wrap{padding:15px}    
.nav-left{display:none}
.middle{width:90%;text-align:left}
.nav-right{width:10%}    
    
.footer-wrap{padding:20px 15px}
.footer-wrap p{font-size:11px}
.footer-wrap i{font-size:11px;padding:8px 10px;background:#232323;border-radius:5px;margin-top:10px}    
}

@media screen and (max-width: 450px){.auction-wrapper{margin:50px 30px}}