/*===================== 
	Color information
	
	green- 197b30
	bright green - 13c53d
	maroon- 5e0d24
	blue/gray- d2d6e2
	gray logo color- a3a0a1
	
		 
=======================*/
/*===================== 
	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%;
}

nav ul li {
    list-style-type: none;
}

/*===================== 
	@Font-Face 
=======================*/


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

html {
    font-family: Arial, sans-serif;
    /* 1 */
    -ms-text-size-adjust: 100%;
    /* 2 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
}

body {
    margin: 0;
}

body,
html {
    overflow-x: hidden;
}

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;
}

/*===================== 
	typography 
=======================*/
@font-face {
    font-family: 'montserratlight';
    src: url('/fonts/montserrat-light-webfont.eot');
    src: url('/fonts/montserrat-light-webfont.eot?#iefix') format('embedded-opentype'),
        url('/fonts/montserrat-light-webfont.woff2') format('woff2'),
        url('/fonts/montserrat-light-webfont.woff') format('woff'),
        url('/fonts/montserrat-light-webfont.ttf') format('truetype'),
        url('/fonts/montserrat-light-webfont.svg#montserratlight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'montserratregular';
    src: url('/fonts/montserrat-regular-webfont.eot');
    src: url('/fonts/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('/fonts/montserrat-regular-webfont.woff2') format('woff2'),
        url('/fonts/montserrat-regular-webfont.woff') format('woff'),
        url('/fonts/montserrat-regular-webfont.ttf') format('truetype'),
        url('/fonts/montserrat-regular-webfont.svg#montserratregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'montserratbold';
    src: url('/fonts/montserrat-bold-webfont.eot');
    src: url('/fonts/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'),
        url('/fonts/montserrat-bold-webfont.woff2') format('woff2'),
        url('/fonts/montserrat-bold-webfont.woff') format('woff'),
        url('/fonts/montserrat-bold-webfont.ttf') format('truetype'),
        url('/fonts/montserrat-bold-webfont.svg#montserratbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

::-moz-selection {
    background: #5e0d24;
    color: #fff;
    text-shadow: none;
}

::selection {
    background: #5e0d24;
    color: #fff;
    text-shadow: none;
}



h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
}

h1 {
    font-size: 25px;
    font-weight: bold;
    color: #fff;
}

.surroundauctions h1 {
    color: black;
    text-align: center;
    margin-bottom: 15px;
}

h2 {
    font-size: 23px;
    font-weight: bold;
    color: #197b30;
    text-align: center;
}

h3 {
    font-size: 25px;
    font-weight: bold;
    color: #fff;
    /* text-align: right; */
    margin-bottom: 48px;
}

.aprice h3 {
    color: black;
    text-align: center;
    margin-top: 20px;
}


p {
    /* margin: 0 auto; */
    font-size: 16px;
    /* color: #fff; */
    /* max-width: 1000px; */
}

header *,
footer * {
    font-family: "Plus Jakarta Sans", sans-serif;

}

b,
strong {
    font-weight: bold;
}

.se-pre-con {}

header {
    z-index: 9;
    position: relative;
}

header .top-bar {
    display: flex;
    height: 40px;
    justify-content: space-between;
    background: #202a44;
    padding: 8px 10vw;
}

header .top-bar .mobile-one {
    display: flex;
    align-items: center;
}

header .top-bar .mobile-one p {
    color: white;
    font-weight: bold;
    font-size: 13px;
}

header .top-bar .desktop-one {
    display: flex;
}

header .top-bar .desktop-one .iconstuff {
    display: flex;
    align-items: center;
    padding-left: 10px;
    justify-content: center;
}

header .top-bar .desktop-one .iconstuff img {
    width: 37px;
    padding-right: 5px;
    object-fit: contain;
}

header .top-bar .desktop-one .iconstuff div {
    color: white;
    font-weight: bold;
    font-size: 13px;
}

header .logotop {
    display: flex;
    justify-content: center;
}

header .logotop a {}
.fa-bars{font-size:18px; padding-right:5px;}
.fa-chevron-down{font-size:10px; padding-left:10px;}
header .logotop a img {
    max-width: 1100px;
    object-fit: contain;
	height:auto;
    width: 100% !important;
}

header .logotop a img {}

img.hidedesktop {
    display: none;
}

header section {}

header section div {}

header section div a {}

header section div a img {}

header .browse-equipment {}

header .browse-equipment ul {}

header .browse-equipment ul li {}

header .browse-equipment ul li a {
    font-size: 19px;
    line-height: 21px;
    font-weight: 700;
    color: #7c242c;
    text-decoration: none;
}

header .browse-equipment ul li ul {}

header .browse-equipment ul li ul li {}

header .browse-equipment ul li ul li a {}

header .browse-equipment ul li ul li a img {}

header ul {
    list-style: none;
}

header>ul {
    display: flex;
}

header ul li {}

header ul li a {
    font-size: 19px;
    line-height: 21px;
    font-weight: 700;
    color: #7c242c;
    text-decoration: none;
}

footer {
    background: #202A44;
}

footer section {}

footer section .footer-container {
    padding: 8px 10vw;
    padding-top: 64px;
}

footer section .footer-container .footer-logo {
    display: flex;
    align-items: center;
    margin-bottom: 50px;
}

.leftrightstuff {
    display: flex;
    justify-content: space-between;
}

footer section .footer-container .footer-logo hr {
    width: 100%;
    border-color: white;
}

footer section .footer-container .footer-logo img {}

footer section .footer-container .mobile-one {}

footer section .footer-container .mobile-one h3 {
    margin-bottom: 48px;
}

footer section .footer-container .mobile-one div {
    color: white;
    display: flex !important;
    align-content: center;
    justify-content: flex-start;
    margin-bottom: 35px;
}

footer section .footer-container .mobile-one div i {
    color: white;
    display: flex;
    align-content: center;
    margin-right: 6px;
}

footer section .footer-container .mobile-one div p {
    color: white;
    margin: 0;
    display: flex;
    font-weight: bold;
}

footer section .footer-container .mobile-one div p a {
    color: white;
    text-decoration: none;
}

footer section .footer-container .mobile-one div p br {}

footer section .footer-container .mobile-one div p a {
    font-weight: bold;
}

footer section .footer-container .navigation-right {}

footer section .footer-container .navigation-right h3 {}

footer section .footer-container .navigation-right ul {
    margin: 0;
    padding: 0;
    list-style: none;
    column-count: 2;
}

footer section .footer-container .navigation-right ul li {
    color: white;
    padding-bottom: 20px;
}

footer section .footer-container .navigation-right ul li a {
    color: white;
    text-decoration: none;
}

footer section .footer-container .navigation-right ul li a {
    font-weight: bold;
}

footer section .footer-container .leftallrights {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 60px;
    padding-bottom: 35px;
    border-top: 1px solid white;
    margin-top: 70px;
}

.leftallrights a {
    color: white;
    margin: 0 4px;
}

footer section .footer-container .leftallrights p {
    text-align: left;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: bold;
}

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

    summary {}

    pre {}

    small {}

    nav ul li {}

    html {}

    body {}

    html {}

    svg:not(:root) {}

    .group:after {}

    .group:after {}

    .group {}

    .clear {}

    .hide-text {}

    hr {}

    img {}

    @font-face {}

    @font-face {}

    @font-face {}

    ::-moz-selection {}

    ::selection {}

    h6 {}

    h1 {}

    .surroundauctions h1 {}

    h2 {}

    h3 {}

    .aprice h3 {}

    p {}

    footer * {}

    strong {}

    .se-pre-con {}

    header {}

    header .top-bar,
    nav.primary,
    footer section .footer-container {
        padding-left: 5vw;
        padding-right: 5vw;
    }

    nav.primary {}

    header .top-bar .mobile-one {}

    header .top-bar .mobile-one p {}

    header .top-bar .desktop-one {}

    header .top-bar .desktop-one .iconstuff {}

    header .top-bar .desktop-one .iconstuff img {}

    header .top-bar .desktop-one .iconstuff div {}

    header .logotop {}

    header .logotop a {}

    header .logotop a img {}

    header section {}

    header section div {}

    header section div a {}

    header section div a img {}

    header .browse-equipment {}

    header .browse-equipment ul {}

    header .browse-equipment ul li {}

    header .browse-equipment ul li a {}

    header .browse-equipment ul li ul {}

    header .browse-equipment ul li ul li {}

    header .browse-equipment ul li ul li a {}

    header .browse-equipment ul li ul li a img {}

    header ul {}

    header>ul {}

    header ul li {}

    header ul li a {}

    footer {}

    footer section {}

    footer section .footer-container {}

    footer section .footer-container .footer-logo {}

    .leftrightstuff {}

    footer section .footer-container .footer-logo hr {}

    footer section .footer-container .footer-logo img {}

    footer section .footer-container .mobile-one {}

    footer section .footer-container .mobile-one h3 {}

    footer section .footer-container .mobile-one div {}

    footer section .footer-container .mobile-one div i {}

    footer section .footer-container .mobile-one div p {}

    footer section .footer-container .mobile-one div p a {}

    footer section .footer-container .mobile-one div p br {}

    footer section .footer-container .mobile-one div p a {}

    footer section .footer-container .navigation-right {}

    footer section .footer-container .navigation-right h3 {}

    footer section .footer-container .navigation-right ul {}

    footer section .footer-container .navigation-right ul li {}

    footer section .footer-container .navigation-right ul li a {}

    footer section .footer-container .navigation-right ul li a {}

    footer section .footer-container .leftallrights {}

    .leftallrights a {}

    footer section .footer-container .leftallrights p {}


}

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

    summary {}

    pre {}

    small {}

    nav ul li {}

    html {}

    body {}

    html {}

    svg:not(:root) {}

    .group:after {}

    .group:after {}

    .group {}

    .clear {}

    .hide-text {}

    hr {}

    img {}

    @font-face {}

    @font-face {}

    @font-face {}

    ::-moz-selection {}

    ::selection {}

    h6 {}

    h1 {}

    .surroundauctions h1 {}

    h2 {}

    h3 {}

    .aprice h3 {}

    p {}

    footer * {}

    strong {}

    .se-pre-con {}

    header {}

    header .top-bar {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    header .top-bar .mobile-one {}

    header .top-bar .mobile-one p {}

    header .top-bar .desktop-one {}

    header .top-bar .desktop-one .iconstuff {}

    header .top-bar .desktop-one .iconstuff img {}

    header .top-bar .desktop-one .iconstuff div {
        font-size: 11px;
    }

    header .logotop {}

    header .logotop a {}

    header .logotop a img {
        padding: 20px 30px;
        box-sizing: border-box;
    }

    header section {}

    header section div {}

    header section div a {}

    header section div a img {}

    header .browse-equipment {}

    header .browse-equipment ul {}

    header .browse-equipment ul li {}

    header .browse-equipment ul li a {}

    header .browse-equipment ul li ul {}

    header .browse-equipment ul li ul li {}

    header .browse-equipment ul li ul li a {}

    header .browse-equipment ul li ul li a img {}

    header ul {}

    header>ul {}

    header ul li {}

    header ul li a {}

    footer {}

    footer section {}

    footer section .footer-container {}

    footer section .footer-container .footer-logo {}

    .leftrightstuff {}

    footer section .footer-container .footer-logo hr {}

    footer section .footer-container .footer-logo img {}

    footer section .footer-container .mobile-one {
        padding-right: 15px;
    }

    footer section .footer-container .mobile-one h3 {}

    footer section .footer-container .mobile-one div {}

    footer section .footer-container .mobile-one div i {}

    footer section .footer-container .mobile-one div p {}

    footer section .footer-container .mobile-one div p a {}

    footer section .footer-container .mobile-one div p br {}

    footer section .footer-container .mobile-one div p a {}

    footer section .footer-container .navigation-right {}

    footer section .footer-container .navigation-right h3 {}

    footer section .footer-container .navigation-right ul {}

    footer section .footer-container .navigation-right ul li {}

    footer section .footer-container .navigation-right ul li a {}

    footer section .footer-container .navigation-right ul li a {}

    footer section .footer-container .leftallrights {}

    .leftallrights a {}

    footer section .footer-container .leftallrights p {}

}
@media screen and (max-width: 1150px) {
	header .logotop a img{max-width:700px; padding:10px 10px 20px 10px;}
}
@media screen and (max-width: 767px) {

    summary {}

    pre {}

    small {}

    nav ul li {}

    html {}

    body {}

    html {}

    svg:not(:root) {}

    .group:after {}

    .group:after {}

    .group {}

    .clear {}

    .hide-text {}

    hr {}

    img {}

    @font-face {}

    @font-face {}

    @font-face {}

    ::-moz-selection {}

    ::selection {}

    h6 {}

    h1 {}

    .surroundauctions h1 {}

    h2 {}

    h3 {}

    .aprice h3 {}

    p {}

    footer * {}

    strong {}

    .se-pre-con {}

    header {}

    header .top-bar {}

    header .top-bar .mobile-one {}

    header .top-bar .mobile-one p {}

    header .top-bar .desktop-one {}

    header .top-bar .desktop-one .iconstuff {}

    header .top-bar .desktop-one .iconstuff img {}

    header .top-bar .desktop-one .iconstuff div {}

    header .logotop {}

    header .logotop a {}

    header .logotop a img {}

    header section {}

    header section div {}

    header section div a {}

    header section div a img {}

    header .browse-equipment {}

    header .browse-equipment ul {}

    header .browse-equipment ul li {}

    header .browse-equipment ul li a {}

    header .browse-equipment ul li ul {}

    header .browse-equipment ul li ul li {}

    header .browse-equipment ul li ul li a {}

    header .browse-equipment ul li ul li a img {}

    header ul {}

    header>ul {}

    header ul li {}

    header ul li a {}

    footer {}

    footer section {}

    footer section .footer-container {}

    footer section .footer-container .footer-logo {}

    .leftrightstuff {}

    footer section .footer-container .footer-logo hr {}

    footer section .footer-container .footer-logo img {}

    footer section .footer-container .mobile-one {}

    footer section .footer-container .mobile-one h3 {}

    footer section .footer-container .mobile-one div {}

    footer section .footer-container .mobile-one div i {}

    footer section .footer-container .mobile-one div p {}

    footer section .footer-container .mobile-one div p a {}

    footer section .footer-container .mobile-one div p br {}

    footer section .footer-container .mobile-one div p a {}

    footer section .footer-container .navigation-right {}

    footer section .footer-container .navigation-right h3 {}

    footer section .footer-container .navigation-right ul {}

    footer section .footer-container .navigation-right ul li {}

    footer section .footer-container .navigation-right ul li a {}

    footer section .footer-container .navigation-right ul li a {}

    footer section .footer-container .leftallrights {}

    .leftallrights a {}

    footer section .footer-container .leftallrights p {}

}


@media screen and (max-width: 500px) {
	nav.second{display:none!important;}
	header .top-bar .mobile-one{display:none;}
	header .top-bar{padding:5px 10px!important;}
    summary {}

    pre {}

    small {}

    nav ul li {}

    html {}

    body {}

    html {}

    svg:not(:root) {}

    .group:after {}

    .group:after {}

    .group {}

    .clear {}

    .hide-text {}

    hr {}

    img {}

    @font-face {}

    @font-face {}

    @font-face {}

    ::-moz-selection {}

    ::selection {}

    h6 {}

    h1 {}

    .surroundauctions h1 {}

    h2 {}

    h3 {}

    .aprice h3 {}

    p {}

    footer * {}

    strong {}

    .se-pre-con {}

    header {}

    header .top-bar {}

    header .top-bar .mobile-one {}

    header .top-bar .mobile-one p {}

    header .top-bar .desktop-one {}

    header .top-bar .desktop-one .iconstuff {}

    header .top-bar .desktop-one .iconstuff img {}

    header .top-bar .desktop-one .iconstuff div {}

    header .logotop {}

    header .logotop a {}

    header .logotop a img {}

    header section {}

    header section div {}

    header section div a {}

    header section div a img {}

    header .browse-equipment {}

    header .browse-equipment ul {}

    header .browse-equipment ul li {}

    header .browse-equipment ul li a {}

    header .browse-equipment ul li ul {}

    header .browse-equipment ul li ul li {}

    header .browse-equipment ul li ul li a {}

    header .browse-equipment ul li ul li a img {}

    header ul {}

    header>ul {}

    header ul li {}

    header ul li a {}

    footer {}

    footer section {}

    footer section .footer-container {}

    footer section .footer-container .footer-logo {}

    .leftrightstuff {}

    footer section .footer-container .footer-logo hr {}

    footer section .footer-container .footer-logo img {}

    footer section .footer-container .mobile-one {}

    footer section .footer-container .mobile-one h3 {}

    footer section .footer-container .mobile-one div {}

    footer section .footer-container .mobile-one div i {}

    footer section .footer-container .mobile-one div p {}

    footer section .footer-container .mobile-one div p a {}

    footer section .footer-container .mobile-one div p br {}

    footer section .footer-container .mobile-one div p a {}

    footer section .footer-container .navigation-right {}

    footer section .footer-container .navigation-right h3 {}

    footer section .footer-container .navigation-right ul {}

    footer section .footer-container .navigation-right ul li {}

    footer section .footer-container .navigation-right ul li a {}

    footer section .footer-container .navigation-right ul li a {}

    footer section .footer-container .leftallrights {}

    .leftallrights a {}

    footer section .footer-container .leftallrights p {}

}

@media (max-width: 960px) {
    img.hidedesktop {
        display: block;
			padding:10px 10px 30px 10px!important; max-width:500px!important;
    }
	.logo{display:none;}


    .desktop-one {
        position: relative;
        width: 100%;
        max-width: 400px;
        margin: auto;
        height: auto;
    }

    header .top-bar .desktop-one .iconstuff div {
        font-size: 14px
    }

    .mobile-one {
        /* display: none !important; */
    }

    .leftrightstuff {
        flex-direction: column;
    }

    .desktop-one .iconstuff {
        position: absolute;
        width: 100%;
        opacity: 0;
        transition: opacity 1s ease-in-out;
        text-align: center;
    }

    .desktop-one .iconstuff img {
        max-width: 100px;
        margin-bottom: 10px;
        display: none;
    }

    .desktop-one .iconstuff.active {
        opacity: 1;
        position: relative;
    }
}