/*===================== 
	CSS reset/normalize 
=======================*/
 @import url("https://use.typekit.net/jwn3xwa.css");

/**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: 'museo', sans-serif !important; 
    margin: 0;
	padding:0;
    overflow-x:hidden!important;
    letter-spacing:0px;
	}

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


/* width */
::-webkit-scrollbar {
  width: 15px;
}

/* track */
::-webkit-scrollbar-track {
  background:#000
}

/* handle */
::-webkit-scrollbar-thumb {
  background:#262626;
  border-radius: 50px;
  transition:.3s ease
}

::-webkit-scrollbar-thumb:hover {
  background:#303030;
}



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

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	}
	h1 {font-size:30px;color:#d2232a;font-weight:600;line-height:70px}
	h2 {font-size:26px;font-weight:400;line-height:70px}
	h3 {font-size:17px;font-weight:400;line-height:40px}
	h4 {font-size:20px;}
	h5 {font-weight:400;font-size:13px}
	h6 {font-weight:400;font-size:16px;}

p {margin: 0;font-weight:500;font-size:16px}

a{text-decoration:none;font-weight:500}

strong{font-weight:800!important}

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

hr{
    background:#DADADA!important;
    border-style:ridge!important;
    border-width:.5px!important
}

.form-text h2 {color: #fff!important;font-weight: 600;font-size: 30px;line-height: 70px;}


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

.contact-wrap{
    color:#000;
    text-align:right;
    padding:10px 35px 10px 0px;
    float:right;
    width:350px
}

.contact-wrap a{
    color:#000!important;
    font-size: 16px;
    line-height:25px;
    display:block;
    padding:0px 10px 0px 5px;
    transition:.3s ease;
}

.contact-wrap a:hover{color:#d2232a!important}

.contact-wrap i{
    color:#fff!important;
    font-size: 12px;
    background:#d2232a;
    border-radius:50px;
    padding:5px;
    margin-left:10px;
    transition:.3s ease
}

.logo-wrap{
    float:left;
    display:block;
}

.logo{
    width:220px;
    position:absolute;
    z-index:100;
    top:-7px;
    left: 30px;
    background:#fff;
    padding:23px;
    border-radius:3px;
    box-shadow: 0 0 15px rgba(0,0,0,0.20);
    transition:.3s ease
}

.logo:hover{top:-2px}

.nav-wrap{
    text-align:right;
    background:#000;
    padding: 0px 30px;
}





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

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

nav.primary ul li a .click{
    cursor:pointer;
    z-index: 12;
    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:11px;
    font-family:'museo', sans-serif;
    text-align:center;
    transition:.3s ease
}	

nav.primary ul li a:hover {background:#d2232a!important}


/* sub-level links */

nav.primary ul.list {
    background: white;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    box-shadow: 1px 1px 10px -5px rgba(0,0,0,0.40);
    position: absolute; 
    z-index:99999999;
    border:0px!important
}

nav.primary ul.list li {
    display:block;
    width:250px;
    list-style-type:none;
}

nav.primary ul li li a { 
    font-size:15px;
    line-height:16px;
    padding:10px 15px;
    color:#000 !important;
    display:list-item;
    text-align:left;
    border-right:none;
    border-left:none;
    border-top:#E7E7E7 solid 1px;
}

nav.primary ul li li :hover { 
    background: #000;
    color:#fff!important;
    box-shadow:none !important;
}


/* dropdown */

nav.primary ul ul {
    display: none;
    position: absolute; 
}

nav.primary ul ul ul {
    position: absolute; 
    left: 100%;
    top:0; 
}

nav.primary ul li:hover > ul {  
    display: block;
    line-height:18px; 
}

nav.primary ul ul li {
    float: none; 
	width: 230px;
    position: relative;
}



/*===================== 
	default styles
=======================*/


/* welcome section */

.default-wrapper{margin:80px 30px}

.heading-section{margin-bottom:100px}


/* contact section */

.default-contact{
    background:#000;
    display:block;
    overflow:auto;
    overflow-x:hidden
}

.default-form{
    float:left;
    background:#000;
    width:46%;
    padding:30px;
}

.form-text{margin-bottom:20px}

.default-form h1{color:#fff!important;text-align:center;}

.default-form a{
    color:#fff;
    transition:.3s ease
}

.default-form a:hover{color:#CECECE}

.default-form i{
    color:#fff!important;
    font-size: 12px;
    background:#d2232a;
    border-radius:50px;
    padding:5px;
    margin-right:10px;
    transition:.3s ease
}

.default-map{
    float:right;
    width:48%;
}
/*

.map{height:598px}
*/

.map{height: 218px;}

button.auction-button {
    background: #d2232a;
    font-size: 18px;
    border: none !important;
    padding: 14px 20px;
    margin: 0 auto;
    display: flex;
color:#fff;
border-radius: 5px!important;
cursor:pointer;
font-family: 'museo', sans-serif !important;
}

button.auction-button:hover {
   background:#A81C21!important;
transition: .3s ease!important;}

.button-width {
	    width:35%;
    margin: 0 auto;
}

/*===================== 
	about styles
=======================*/

.page-wrapper{margin:50px 30px 100px 30px}

.about-text h2{
	line-height: 20px;
	padding-bottom: 15px;
}

.president{
    display:block;
    overflow:auto;
    margin-bottom:50px;
    margin-top:30px
}

.president-left{
    float:left;
    width:15%
}

.president-left img{
    width:100%;
    border-radius:5px
}

.president-right{
    float:right;
    width:83%;
}

.staff{
    display:block;
    overflow:auto;
    background:#F4F4F4;
    padding:30px;
    margin-top:-30px
}

.staff-row{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.staff-col{
    float:left;
    width:14%;
    background:#fff;
    border-radius:5px;
    margin: 0px 3%
}

.staff-col img{
    width:100%;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.staff-text{margin:5px}

.staff-text a{
    color:#d2232a;
    transition:.3s ease;
    font-size:13px!important;
    line-height:30px
}

.staff-text a:hover{color:#000}





/*===================== 
	contact styles
=======================*/

.red-link{
    color:#d2232a;
    transition:.3s ease;
}

.red-link:hover{color:#000}



/*===================== 
	thankyou styles
=======================*/

.thankyou-wrapper{min-height:35vh;}

.thankyou-text{margin:250px 30px 0 30px}



/*===================== 
	inventory styles
=======================*/

.button-section{margin:50px 15px 0px 15px}

.btn-col a{
    color:#fff;
    background:#d2232a;
    border-radius:5px;
    transition:.3s ease;
    padding:10px 20px;
    line-height:45px
}

.btn-col a:hover{background:#000}





/*===================== 
	form styles 
=======================*/


.form-wrapper{
    margin-top:-30px;
    background:#F9F9F9;
    padding:30px 30px 100px 30px;
    border-radius:2px
}

.form-row{
    float:left;
    width:32%;
    margin:4px
}


input {
	padding: 8px;
	border: 1px solid #ddd;
	color: #000;
    background-color:#F4F4F4;
	font-size: 14px;
	box-sizing: border-box;
	border-radius: 5px;
	margin-bottom: 5px;
    font-family: 'museo', sans-serif; 
}

textarea {
	width: 100%;
	padding: 8px;
	color: #000;
    border: 1px solid #ddd;
    background-color:#F4F4F4;
	font-size: 14px;
    font-weight:400!important;
	box-sizing: border-box;
	border-radius: 5px;
	height: 80px;
	margin-bottom: 5px;
    font-family: 'museo', sans-serif; 
}

textarea_comment {
	width: 100%;
	padding: 8px;
	border: 1px solid #ddd;
	color: #000;
	font-size: 14px;
	box-sizing: border-box;
	border-radius: 0px;
	height: 100px;
    font-weight:400!important;
	margin-bottom: 5px;
    font-family: 'museo', sans-serif; 
}

select {
	width: 100%;
	padding: 8px;
    background-color:#F4F4F4;
	border: 0px solid #ddd;
	color: #000;
    border: 1px solid #ddd;
	font-size: 14px;
	box-sizing: border-box;
	border-radius: 5px;
	margin-bottom: 25px;
    font-family: 'museo', sans-serif;
    
}

input.button,
input.button:focus {
    border-color:#d2232a!important;
    color:#fff!important;
    text-decoration:none!important;
    font-size:15px!important;
    font-weight:400!important;
    border-radius:5px!important;
    width:170px!important;
    margin-top:10px!important;
    margin-bottom:10px!important;
    background-color:#d2232a!important;
    border:1px solid #d2232a!important;
    padding:10px 30px!important;
    transition:.3s ease!important;
    cursor: pointer!important;
}

input.button:hover {
    background-color:#A81C21!important;
    color:#FFF!important;
    text-decoration:none!important;
    font-size:15px!important;
    width:170px!important;
    margin-top:10px!important;
    margin-bottom:10px!important;
    border:1px solid #A81C21!important;
    padding:10px 30px!important;
    transition:.3s ease!important;
    cursor: pointer!important;
}


/* captcha */


.CaptchaPanel {
	margin:0 0 0 0 !important;
	padding:0 0 0 0 !important;
	text-align: center;
	line-height:normal !important;
}

.CaptchaImagePanel {
	margin:0 0 0 0;
	padding:0 0 0 0;
}

.CaptchaImage {margin-top:10px!important}

.CaptchaMessagePanel {
	padding:0 0 0 0 !important;
	margin:0 0 0 0 !important;
	font-weight:normal !important;
	font-size:12px;
	line-height:14px;
    color:#fff!important;
	font-family: 'museo', sans-serif;
    font-weight:400!important
}

.CaptchaAnswerPanel {
	margin:10px auto;
	padding:2px 0px 2px 0px !important;
}

#CaptchaAnswer{width:100%!important}

.CaptchaWhatsThisPanel {
	line-height:0;
	margin:0 0 5px 0;
	padding:8px 0 8px 0 !important;
	font-family: 'museo', sans-serif;
}

.CaptchaWhatsThisPanel a {color:#fff;}
.CaptchaWhatsThisPanel a:hover {text-decoration:none;}





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

.footer-wrap{
    display:block;
    position:relative;
    overflow:auto;
    padding:30px 0px;
    width:100%;
    border-top:1px solid #DEDEDE
}

.logo-float{
    float:left;
    margin-left:30px
}

.footer-logo{
    width:250px;
    padding-right:15px
}

.logo2{
    width:35px;
    margin-bottom:15px;
    padding:0px 5px
}

.ohio{width:40px!important}
.cai{width:40px!important}
.realtor{margin-bottom:10px!important}

.copyright{
    float:right;
    color:#000;
    margin-right:30px;
    margin-top:35px;
    font-size:13px
}

.copyright a{
    color:#000!important;
    font-size:13px;
    text-decoration:none;
    transition:.3s ease;
}

.copyright a:hover{color:#d2232a!important}





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

@media screen and (max-width: 1340px) {
    
.staff-col{
    width:17%;
    margin: 0px 1.5%
}
    
.president-left{width:20%}
.president-right{width:77%;}
    
}

@media screen and (max-width: 1320px) {.form-row{width:31.5%}}
@media screen and (max-width: 1100px) {.staff-col{width:20%;margin: 10px 6%}}    

@media screen and (max-width: 1138px) { 
	.default-form h1 {font-size: 24px;}

}

@media screen and (max-width: 1010px) { 

.default-form{
    float:none;
    width:95%;
}

.form-text{margin-bottom:20px}
    
.form-row{
    float:left;
    width:32.2%;
    margin:4px
}
    
.default-map{
    float:none;
    width:100%;
}
    
.map{height:200px}    
}


@media screen and (max-width: 980px)  {   
  
.heading-section{margin-bottom:70px}    
    
.default-wrapper{margin:30px 15px}  
    
.default-form{padding:30px 15px;}    
    
.contact-wrap{padding:10px 15px 10px 0px;} 
.contact-wrap span{display:none} 
    
.contact-wrap a{
    display:inline-block;
    padding:0
}    
   
.contact-wrap i:hover{background:#000!important}    
   
.logo{
    width:150px;
    top:-5px;
    padding:13px 20px;
    left:15px
}    
    
.nav-wrap{
    padding: 5px 15px;
    display:block;
    overflow:auto
}    
    

.logo-float{
    float:none;
    margin:0 auto;
    text-align:center
}

.footer-logo{
    width:150px;
    padding-right:0px;
    padding-left:15px;
}

.small-logos{margin-right:25px}    
    
.logo2{
    width:25px;
    margin-bottom:10px;
    padding:0px 5px
}

.ohio{width:30px!important}
.cai{width:30px!important}
.realtor{margin-bottom:7px!important}

.copyright{
    float:none;
    margin-right:0px;
    margin-top:20px;
    text-align:center
}

       
    
/* mobile nav */	
    
nav.primary ul{display:none;} 
 

#menu-button{ 
    display: block;
    font-size: 22px;
    position: relative;
    z-index: 10;
}
    
#menu-button a{
    color:#fff;
    text-decoration: none;
    font-weight:normal;
    transition:.3s ease;
}
    
nav.mobile {
    display:block;
    position: fixed;
    top: 0;
    left: -250px;
    width:250px;
    height: 100%;
    background:#000;
    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: 400;
    padding:0px !important;
    padding-inline-start: 0px !important;
}
    
.list{
    background:#232323;
    border-top:1px solid #000!important;
}
    
    
ul.list li{
    border-bottom:1px solid #000!important;
}
    
ul.list li a{
    transition:.3s ease
}    
    
ul.list li a:hover{
    background:#d2232a;
}
     
nav.mobile ul li {
    position:relative;
    padding:none !important;
    border-bottom:1px solid #232323;
    transition:.3s ease
}
    
nav.mobile ul li:hover{
     background:#d2232a;
}

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

nav.mobile ul li .fa-chevron-down {
    color:#fff;
    font-size:12px;
    margin-top:-3px
}   
} 

@media screen and (max-width: 928px) {
    
.staff-col{
    width:27%;
    margin: 10px 3%
}
    
.president-left{width:25%}
.president-right{width:72%;}
    
}
 
@media screen and (max-width: 790px) {.form-row{width:31.8%}}

@media screen and (max-width: 740px) {    
  
.president{margin-top:10px;margin-bottom:70px}

.staff-col{
    width:29%;
    margin: 10px 10px
}
    
.president-left{
    float:none;
    width:50%;
    margin:0px auto 20px auto
}
    
.president-right{
    float:none;
    width:100% 
}  
}


@media screen and (max-width: 650px) {
 
h1{font-size:20px;line-height:20px;margin-bottom:20px} 
h2{font-size:20px;line-height:40px}     
h3{font-size:13px} 
h6{font-size:13px} 
h5{font-size:12px}
strong{font-size:13px!important}    
p{font-size:13px}
   
.red-link {font-size:13px}  
    
input,textarea,textarea_comment,select{font-size:13px}
.CaptchaMessagePanel{font-size:13px}
    
.btn-col a{font-size:13px}  
.default-form a{font-size:13px}
.default-form i{font-size:13px}
    
.copyright{font-size:10px}
.copyright a{font-size:10px}     
    
.staff-col{width:45%;}
     
.heading-section{margin-bottom:40px}    
    
.form-row{
    float:none;
    width:100%;
    margin:4px 0px
}     
   
.default-form{
    float:none;
    width:94.5%;
}  
  
.page-wrapper{margin:30px 15px 30px 15px}   
    
.btn-section{margin-top:20px}

.btn-section a{
    font-size:13px;
    display:block;
    margin:5px 0px;
    width:40%;
    text-align:center
}    
} 


@media screen and (max-width: 475px)  {  
    
 h5{font-size:10px}       
.default-form{width:92%;}  
.form-text span{display:none}
.staff{padding:15px}
.staff-col{width:75%;margin:5px}
         
}