/*===================== 
	Color information
	
	- Light Blue: #6dc6e7;
	- Darker Blue: #2885b3;
	- Light Blue-Gray Tint: #e6ecf5;
	-
		 
=======================*/
/*===================== 
	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%;
    /* 2 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
}

body {
    margin: 0;
    padding: 0;
    color: #000;
}

svg:not(:root) {
    overflow: hidden;
    /*reset*/
}

/* clear floats */
.group:before,
.group:after {
    content: "";
    display: table;
}

.group:after {
    clear: both;
}

.group {
    zoom: 1;
}

.clear {
    clear: both;
}

/*image replacement*/
.hide-text {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    border-style: solid;
    height: 0;
}

img {
    border: 0;
    max-width: 60%;
}

* {
    font-family: 'Saira', sans-serif;
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0 0 1% 0;
    font-weight: 700;
    line-height: 1.5em;
    color: black;
}

h1 {
    font-size: 36px;
}

h2 {
    font-size: 30px;
}

h3 {
    font-size: 24px;
}

h4 {
    font-size: 20px;
}

h5 {
    font-size: 18px;
}

.padit p {
    padding: 4% 0;
    font-size: 19px;
    line-height: 1.5em;
    margin: 0;
    bottom: 0;
    background: linear-gradient(rgba(191, 30, 46, 0.75) 0%, rgba(96, 15, 23, 0.75) 100%);
    position: absolute;
    width: 100%;
}

strong {}

/*===================== 
	link styles 
=======================*/

a.link:focus {
    outline: thin dotted;
    /*reset*/
}

a {
    text-decoration: none;
    color: inherit;
}

a:hover {
    text-decoration: none;
    color: #333333;
}


.appbutton {}

.appbutton a {
    background: #38b749;
    padding: 5px 10px;
    color: #fff;
    border-radius: 3px;
}

.appbutton a:hover {
    background: #262626;
    padding: 5px 10px;
    color: #fff;
    border-radius: 3px;
}

.bottomlink {
    text-align: center;
}

/*===================== 
	list styles 
=======================*/
ul.list {
    margin: 0;
    padding: 0 0 5% 7%;
}

ul.list li {
    font-size: 16px;
}

/*===================== 
	header styles 
=======================*/
.topbar {
    background: #231f20;
    padding: 2px 0;
    font-size: 14px;
    color: #fff;
}

.topbar p {
    padding: 0 0 0 0;
}

.topbar i {
    margin-right: 5px;
}

.topbar ul {
    list-style: none;
}

.topbar ul li {
    float: left;
    padding: 7px 40px 7px 0;
}

.topbar ul li:last-child {
    float: right;
    padding: 7px 0 7px 0;
}

header {
    width: 100%;
    margin: 0;
    padding: 20px 0;
    background-color: white;
    color: #fff;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}


.headerwrap {
    width: 95%;
    max-width: 1570px;
    margin: 0 auto;
}

.logo {
    margin: 0 auto;
    padding: 0 80px 10px 80px;
}

.address {
    text-align: right;
    font-weight: 600;
}




/*===================== 
	nav styles 
=======================*/
/* see menumaker.css for additional nav styles */


/*===================== 
	content styles 
=======================*/
.wrapper {
    /* width: 96%; */
    /* max-width: 1520px; */
    /* margin: 0 auto; */
    padding: 0;
}

.auctions .wrapper {
    width: 96%;
    margin: 0 auto;
    max-width: 1520px;
}

.wrapper.equiplinks {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.container {
    width: 100%;
    max-width: 1930px;









    margin: 0 auto;
    /* background: #CEB888; */
}


/*===================== 
	slideshow styles 
=======================*/

.cycle-slideshow {
    /* box-shadow: 0px 2px 5px 1px rgba(0,0,0,.75); */
}

.cycle-slideshow img {
    width: 100%;
    height: auto;
    max-width: 100%;
}

/* pager */
.cycle-pager {
    text-align: center;
    width: 100%;
    z-index: 500;
    position: absolute;
    bottom: 10px;
    overflow: hidden;
    display: none;
}

.cycle-pager span {
    font-size: 50px;
    width: 16px;
    height: 16px;
    display: inline-block;
    zoom: 1;
    color: #ddd;
    cursor: pointer;
    transition: all .5s ease-in-out;
}

.cycle-pager span.cycle-pager-active {
    color: #2885b3;
}

.cycle-pager>* {
    cursor: pointer;
}

.slides {
    position: relative;
}

/*===================== 
	banner styles 
=======================*/


/*===================== 
	About Page Styles 
=======================*/
.aboutcopy,
.aboutimg {
    margin: 20px auto;
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
}

.aboutblock {
    /* padding-top: 2%; */
}

.aboutcopy {
    padding-left: 4%;
    padding-right: 5%;
}

.aboutimg {
    text-align: center;
}



/*===================== 
	Contact Page Styles 
=======================*/
.mapwrap {
    /*box-shadow: 0px 2px 5px 1px rgba(0,0,0,.75);*/
    width: 80%;
    display: block;
    margin: 0 auto;
    height: 400px;
    padding: 10px;
    background-color: #333333;
}

.contactblock {
    width: 90%;
    margin: 20px auto;
    text-align: center;
}

.contactblock h2,
.contactblock h3 {
    color: #333333;
}

/*===================== 
	Thank You Page Styles 
=======================*/
#sent,
.success {
    width: 45%;
    display: inline-block;
    vertical-align: middle;
}

.success h2 {
    color: #333333;
}

.successlogo {
    margin: 15px 15px 15px 0;
}

#sent {
    margin: 0 auto;
    height: 400px;
    padding: 60px;
}




/*===================== 
	Form styles 
=======================*/
#formpage {
    padding: 0 10px;
}

#formpage h2 {
    color: #333333;
}

form {
    margin: 0 0 0;
}

.formleft,
.formright {
    width: 45%;
    margin: 0 30px;
    display: inline-block;
    vertical-align: top;

}

.helplist {
    /* box-shadow: 0px 2px 5px 1px rgba(0, 0, 0, .75); */
    background-color: rgba(191, 30, 46, 1);
    /* border-radius: 20px; */
    padding: 20px;
    max-width: 350px;
    margin: 0 auto;
    color: white;
}

.helplist h2 {
    text-align: center;
}

#help h2 {
    color: #fff;
}

#formpage .notinv input.radio {
    display: inline;
    width: 15%;
}

.commentbox {
    margin-top: 30px;
}

.notinv label {
    display: block;
    font-size: 16px;
    padding-top: 4%;
    width: 100%;
}

.notinv input {
    border: #999999 solid 1px;
    border-radius: 2px;
    padding: 1%;
    font-size: 14px;
    width: 97%;
    margin-bottom: 10px;
}

.notinv input:focus {
    border: #2885b3 solid 1px;
}

.notinv input.sendbutton {
    display: block;
    /* width: 70%; */
    margin: 0 auto 5% auto;
    background-color: #333333;
    color: #fff;
    border-radius: 2px;
}

.notinv input.sendbutton:hover {
    background-color: #fff;
    color: #333333;
    cursor: pointer;
}

select {
    border: #999999 solid 1px;
    padding: 1%;
    font-size: 14px;
    width: 102%;
}

textarea {
    border: #999999 solid 1px;
    border-radius: 2px;
    padding: 1%;
    font-size: 14px;
    width: 96%;
}





/*===================== 
	layout styles 
=======================*/
.padit {
    padding: 2% 0;
    background: #CEB888;
}

.welcome h1 {
    color: #000;
}

#callus {
    text-align: center;
}

.messagebutton {
    width: 300px;
    /* max-height: 050px; */
    text-align: center;
    padding: 20px 0px;
    background: rgba(191, 30, 46, .75);
    /* -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75); */
    -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.75);
    /* box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75); */
    /* border-radius: 40px; */
    /* -webkit-border-radius: 40px; */
    -moz-border-radius: 40px;
    /* border: 5px solid #fff; */
    position: absolute;
    margin: auto auto;
    top: 0;
    top: 60px;
    /* left: 0px; */
    right: 50px;
    z-index: 99999;
}

.messagebutton a {
    font-size: 30px;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
    width: 100%;
    /* height:100%; */
    font-weight: 700;
    color: #fff;
}

.linkbox {
    display: inline-block;
    zoom: 1;
    * display: inline;
    width: 223px;
    margin: 0.80%;
    text-align: center;
    padding: 15px 0;
    vertical-align: middle;
    /* background: #bfbed4; */
    /* The Fallback */
    /* background: rgba(51, 51, 51, 0.4); */
    /* -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.75); */
    -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.75);
    height: 100px !important;
    height: 190px !important;
    position: relative;
    background-size: cover !important;
    background-position: center !important;
}

.linkbox img {
    display: block;
}

.linkbox:hover,
.messagebutton:hover {
    background-color: #fff;
}

.equiplinks a {
    font-weight: 700;
    color: #fff;
    width: 223px;
    height: 100%;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
    padding: 20px;
}

.equiplinks a:hover {
    color: #ceb888;
    /* width: 100%; */
    height: 100%;
}

.messagebutton:hover a {
    COLOR: BLACK;
}


/*--------Scrolling Inventory--------*/

.mobilecontainer {
    overflow: hidden;
    /* must have this property for mobile phones and tablet display! */
    width: 100%;
    margin: 0 auto;
    height: 92px;
    padding: 0;
    background: #000;
}

iframe.banner {
    width: 100%;
    height: 92px;
    background: #000
}


/*  SECTIONS  */
.section {
    clear: both;
    padding: 0px;
    margin: 0px;
}

.section.group {
    display: flex;
    align-items: center;
}



/*  COLUMN SETUP  */
.col {
    display: block;
    float: left;
    margin: 1% 0 0% 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%;
}


/*  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%;
    }
}


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

.pagebottom {
    background-color: #782F40;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}


.pagebottom a {
    color: #000;
    font-size: 16px;
    font-weight: bold;
    margin: 15px;
}

.divfooter a {
    margin: 0;
}

.pagebottom a:hover {
    color: #333333;
}

footer {
    margin: 0 auto;
    width: 100%;
}


.pagebottom ul {
    padding-top: 15px;
    text-align: center;
}

.pagebottom li {
    display: inline-block;
    zoom: 1;
    *display: inline;
    text-transform: uppercase;
}

.bottomnav a {
    color: #bbbbbb;
}

.bottomnav a:hover {
    color: #fff;
}

.auctiontime {
    line-height: normal;
    font-size: 10px;
    padding: 20px;
    color: #fff;
}

.auctionlogo {
    float: left;
}

a.footerlink:link,
a.footerlink:visited,
a.footerlink:active {
    text-decoration: none;
    font-size: 12px;
    color: #fff;
    border-bottom: none;
}

a.footerlink:hover {
    text-decoration: none;
    font-size: 12px;
    color: #333333;
}

.footertext {
    font-size: 12px;
    color: #fff;
}

.smallfootertext {
    font-size: 12px;
    color: #fff;
}

.divfooter {
    text-align: right;
    margin: 0 auto;
    width: 40%;
    float: right;
}


/*===================== 
	Responsive styles 
=======================*/

@media screen and (min-width: 1276px) {
    .messagebutton a {
        font-size: 40px;
    }

    .messagebutton {
        /* padding:20px 0 70px 0; */
    }
}

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

    .formleft,
    .formright {
        margin: 20px 15px;
    }

    .messagebutton {
        /* padding: 30px 0 60px 0; */
    }

    .messagebutton a {
        font-size: 36px;
    }

}



@media screen and (max-width: 1024px) {
    .linkbox img {
        display: block;
        margin: 0 auto;
    }

    .linkbox h3 {
        font-size: 18px;
    }

    .address p {
        font-size: 14px;
    }

    .helplist {
        padding: 10px;
        font-size: 16px;
    }

    .linkbox {
        display: block;
        /* max-width: 70%; */
        margin: 20px auto;
    }

    .aboutcopy p {
        font-size: 18px;
        padding: 30px 0;
    }

    .aboutcopy,
    .aboutimg {
        width: 90%;
        display: block;
        margin: 0 auto;
    }
}


@media screen and (max-width: 800px) {
    .logo {
        float: none;
        text-align: center;
    }

    .address {
        text-align: center;
    }

    .callus {
        text-align: center;
    }

    .messagebutton {
        /* padding: 20px 0 40px 0; */
    }

    .messagebutton a {
        font-size: 32px;
    }

    .aboutcopy p {
        font-size: 18px;
        padding: 30px 0;
    }

    .helplist {
        font-size: 14px;
        padding: 5px;
    }

    .captchaStuff {
        width: 100% !important;
    }

    #formpage .notinv input.radio {
        width: 10%;
    }

    .auctionlogo {
        float: none;
        margin-bottom: 40px;
        margin: 0 auto;
        text-align: center;
    }

    .divfooter {
        width: 100%;
        float: none;
        text-align: center;
    }

    h1 {
        font-size: 30px;
    }

    h2 {
        font-size: 24px;
    }

    h3 {
        font-size: 18px;
    }

    h4 {
        font-size: 16px;
    }

    h5 {
        font-size: 14px;
    }

    p {
        font-size: 14px;
    }
}

@media screen and (min-width: 677px) {

    #sent,
    .success {
        width: 45%;
        display: inline-block;
        margin: 0 auto;
        text-align: center;
    }

    #sent {
        padding: 30px;
    }

    .success {
        padding-bottom: 30px;
    }

}


@media screen and (max-width: 676px) {
    .bottomnav li {
        display: block;
        padding: 5px;
    }

    .formleft,
    .formright {
        display: block;
        width: 100%;
        margin: 0;
    }

    .messagebutton a {
        font-size: 28px;
    }

    .messagebutton {
        padding: 20px;
    }

    #sent,
    .success {
        width: 80%;
        display: block;
        margin: 0 auto;
        text-align: center;
    }

    #sent {
        padding: 30px;

    }

    .success {
        padding-bottom: 30px;
    }

}


@media screen and (max-width: 600px) {
    .topbar ul li {
        float: none;
        padding: 7px 0 7px 0;
    }

    .topbar ul li:last-child {
        float: none;
        padding: 7px 0 7px 0;
    }

    .arrowdown {
        display: none;
    }

    h1 {
        font-size: 24px;
    }

    h2 {
        font-size: 20px;
    }

    h3 {
        font-size: 18px;
    }

    .messagebutton {
        max-width: 60%;
    }

    .messagebutton a {
        font-size: 24px;
        padding: 0 0 10px 0;
    }

    .headerwrap .section.group {
        display: flex;
        flex-direction: column;
    }

    .span_4_of_12 {
        width: 100%;
    }

}

@media screen and (max-width: 447px) {
    .topbar {
        font-size: 12px;
        text-align: center;
    }

    .address h2 {
        font-size: 24px;
    }

    .pagebottom {
        padding: 20px 0;
        text-align: center;
    }

    .messagebutton {
        /* border: none; */
        /* max-width: 50%; */
        /* margin-top: 80px; */
    }

    .messagebutton a {
        font-size: 20px;
    }
}

@media screen and (max-width: 414px) {
    h1 {
        font-size: 20px;
    }

    h2 {
        font-size: 18px;
    }

    h3 {
        font-size: 16px;
    }

    .cycle-slideshow {
        /* display: none; */
    }

    .slides: {
        width: 90%;
    }

    .messagebutton a {
        font-size: 18px;
    }

    .messagebutton {
        /* border: none; */
        /* border-radius: 20px; */
        /* -webkit-border-radius: 20px; */
        -moz-border-radius: 20px;
        /* max-width: 50%; */
        /* margin-top: 20px; */
        /* padding: 20px 10px 50px 10px; */
    }

    .linkbox {
        margin-top: 10%;
    }

    .equiplinks:first-child {
        margin-top: 20%;
    }
}

@media screen and (max-width: 360px) {
    .messagebutton {
        /* max-width: 80%; */
    }
}

@media screen and (max-width: 320px) {
    .messagebutton a {
        font-size: 18px;
    }

    .messagebutton {
        /* border: none; */
        /* border-radius: 20px; */
        /* -webkit-border-radius: 20px; */
        -moz-border-radius: 20px;
        /* max-width: 50%; */
        /* margin-top: 40px; */
        /* padding: 20px 0 50px 0px; */
    }
}