@import url('https://fonts.googleapis.com/css?family=Fira+Sans:400,500,700');

/* 
    Site Developed by Karoline Dassie

    Main Colors:
    - White: #fff
    - Black: #000
    - Red: #b7252d
*/

/*========================================

    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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, main {display: block;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
.clear {clear: both; height:0px; margin:0;}
.right {margin-right:0 !important;}
::-moz-selection {
    background: #b7252d;
    color: #fff;
    text-shadow: none;
}

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

/*========================================

    LAYOUT

========================================*/
    body, html {font-family: 'Lato', sans-serif; background: #000; -webkit-text-size-adjust: none;}
    img {max-width:100%; display:inline-block;}

    .container {width:100%; padding:3em 0;}
    .site-width {max-width:1440px; margin: 0 auto;}
    .one-third {float:left;width:40%;}
    .two-third {float:left;width:55%; margin-right: 5%}

    .column2 {width: 50%; float: left; color: #000; box-sizing: border-box;}
    .column4 {width: 100%; float: left; color: #000; padding-right: 20px; box-sizing: border-box; margin-top: 5px;}

/*========================================

    LAYOUT

========================================*/

.list-content .list-main-section .list-container .list-listing .listing-top-right .view-listing-details-link, .faceted-search-content .selected-facets-container .selected-facet, .list-content .list-listing-mobile .view-listing-details-link, .list-content .list-listing-mobile .buy-now-link, .list-content .list-listing-mobile .check-availability-link, .list-content .list-listing-mobile .email-seller-link, .detail-content .detail-main-body .main-detail-data .offer-btn, .detail-content .detail-main-body .main-detail-data .buy-btn, .detail-content-mobile .detail-main-body .main-detail-data  .detail-content-mobile .detail-main-body .main-detail-data .offer-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .send-email-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .send-wholesale-email-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .fin-calc-btn-mobile, .list-container-flexrow .view-listing-details-link, .modal-content .form-bottom .captcha-and-submit .captcha-placeholder button, .contact-options a, .fin-calc-mobile>a {background:#b7252d !important; }
.list-content , .detail-content-mobile .detail-main-body .detail-mobile-top .detail-title {font-size: 22px; line-height: 26px;}

.detail-content .detail-additional-data .data-row .data-label, .detail-content-mobile .detail-additional-data .data-row .data-label {background: #b7252d !important;text-transform: uppercase; letter-spacing: 1px;}
.detail-content-mobile .detail-contact-bar .contact-bar-btn, .faceted-search-content .mobile-done-button-container .mobile-done-button {background: #000 !important;}

.detail-content .detail-main-body .main-detail-data .offer-btn, .detail-content .detail-main-body .main-detail-data .buy-btn {float:none;}
.modal-content .modal-top .modal-title, .listing-description, .list-content .listing-portion-title, .list-content , .detail-content .dealer-info h3, .dealer-info, .detail-content-mobile .dealer-info h3, .fin-calc p, .detail-content-mobile .detail-main-body .detail-mobile-top .detail-title {color:#000 !important;}
.dealer-btns-bottom a {background: #b7252d !important;}
.page-nav{background-color:#b7252d!important}
.view-listing-details-link i, .view-listing-details-link span,.view-listing-details-link span:hover {color:white !important;}
.search-results {color:#b7252d!important} .faceted-search-content {background-color:white!important;} .faceted-option-checkbox-container input {width: 5%!important;} .faceted-option-checkbox-container label {width:95%!important;} .list-title, .sort-by-dropdown-container{color:white!important;} 
.contact-info-heading h2 {color:black!important;}
.detail-content .detail-main-body .secondary-detail-data {
    display: inline-grid;
    background-color: #f2f2f2;
    border-radius: 9px;
    margin-top: 10px;
}
.breadcrumbs a {color:black!important;} .title-media-buttons-heading h1 {color:white!important;} .compare-container {background-color: white!important;}
.list-content .list-title .list-title-text {font-size: 30px!important;} .sort-by-dropdown-container {font-size:15px!important;}

.detail-content,.detail-content-mobile {background-color: white!important;}
 .compare-chkbox-container i {position: absolute!important;top: 8px!important; left: 54px!important;}


/*========================================

    TYPOGRAPHY

========================================*/

    h1 {
        font-size:36px;
        font-weight:500;
        color:#000;
        line-height:1.3;
    }

    h2 {
        font-size:22px;
        font-weight:900;
        color:#fff;
        line-height:1.3;
    }

    h3 {
        font-size:18px;
        font-weight:700;
        color:#b7252d;
        line-height:1.3;
    }

    h4 {
        font-size:18px;
        font-weight:500;
        color:#000;
        line-height:1.3;
    }
    strong{font-weight: 900}

/*========================================

    LINKS

========================================*/
    a:link {text-decoration:none; color: inherit;}
    a:hover{text-decoration:none;}
    a:active{text-decoration:none;}
    a:visited{text-decoration:none;}

/*========================================

    HEADER

========================================*/
    header {background: #000; padding: 30px 10px;}
    .logo {float:left; max-width:260px; margin-top: 15px}
    .header-contact {float:right; text-align:right; }
    .header-contact p, .header-contact a {font-size:16px!important; color:#fff!important; line-height:1.3!important; font-weight:400!important;}

/*========================================

    CONTENT

========================================*/
    #auctions-link {background:#000;}
    .black-box {
        float: left;
        background: #000;
        width: 50%;
        padding: 10px 0;
    }

    .red-box {
        float: left;
        background: #b7252d;
        width: 50%;
        padding: 10px 0;
    }

    .box-content {text-align:center;}
    .box-content img {display:inline-block;}
    .box-content h2 {font-size:20px; margin-bottom:20px;}
    .whitebg{background: #fff}

/*========================================

    FORM

========================================*/
  
    .formcont {
        background: #f8f8f8;
        padding: 2%;
        margin: 1em auto;
    }
    .order-form{display:block;}
    #formpage{padding:0;}
    form{ margin:0 0 0;}
    label{
        display:block;
        font-size:16px;
        padding-top: 4%;
        width:100%;
    }
    input{
        border: #b7252d solid 1px;
        border-radius: 2px;
        padding: 12px;
        font-size:14px;
        box-sizing:border-box;
        margin:0 1% 10px 0  ;
        width: 99%;
        font-family: 'Lato', sans-serif;
    }
    input.half{width:49%;float:left;}

    input:focus{ outline: #b7252d solid 1px!important;}

    input.button2{
        display:block;
        width:200px;
        padding: 10px 0;
        margin:10px 0 0 0;
        background-color:#212121;
        color:#fff;
        border: 0;
        -webkit-transition:.3s ease-in;  
        -moz-transition:.3s ease-in;  
        -o-transition:.3s ease-in;  
        transition:.3s ease-in;
    }

    input.button2:hover{
        background-color:#6b6b6b;
        cursor:pointer;
    }

    select{
        border:#b7252d solid 1px;
        border-radius: 2px;
        padding: 2%;
        font-size:14px;
        box-sizing:border-box;
        width:98%;
        margin:0 1% 10px;
        color:#969696;
    }
    select.half{width:48%;float:left;}

    textarea{
        font-family: 'Lato', sans-serif;
        border: #b7252d solid 1px;
        border-radius: 2px;
        padding: 10px;
        font-size:14px;
        width:99%;
        margin:0 0 10px 0  ;
        box-sizing:border-box;
    }
    textarea:focus{ outline: #b7252d solid 1px!important;}

    .CaptchaPanel {
        margin: 0px 0px 0px 0px !important;
        text-align: center;
        padding: 0px !important;
    }

    .CaptchaWhatsThisPanel a{color: #000!important}
    .CaptchaImagePanel,
    .CaptchaMessagePanel,  
    .CaptchaAnswerPanel, 
    .CaptchaWhatsThisPanel {
        margin:0px 0px 0px !important;
        font-size: 12px;
        color: #000;
        text-align: left !important;
        font-weight:normal!important;
        padding:0px 0 0!important;
        box-sizing:border-box;
        }

    .CaptchaImagePanel{float:left;margin-right:10px !important;}
    .CaptchaMessagePanel{color: #000;}
    #CaptchaAnswer{margin:5px 0; width:395px}
    fieldset{width:98%;box-sizing:border-box;margin:0 1% 15px;background:#fff;}

    .centrocerto .CaptchaImagePanel {
        float: none;
        margin: 0 auto !important;
    }
    .centrocerto #CaptchaAnswer{width: 100%}
    .centrocerto .CaptchaImagePanel,.centrocerto .CaptchaMessagePanel,.centrocerto .CaptchaAnswerPanel,.centrocerto .CaptchaWhatsThisPanel{text-align: center!important;}
    .centrocerto input.button2{width:100%; margin:10px auto 0 auto}
    
    
/*========================================

   MAP

========================================*/
    iframe.mapa{border:0; width:100%; height: 400px; display: block}
    iframe.longmapa{border:0; width:100%; height: 520px; display: block}

/*========================================

    SIDE MENU - FRAMELESS INV

========================================*/
    .side-menu {
        width: 100%;
        padding: 10px;
		margin-top: 50px; 
		margin-bottom: 10px;
    }

	.side-menu ul {
		display: flex;
		flex-wrap: wrap;
		gap: 12px;
		margin-top: 10px;
	}

    .side-menu li {
        width: 24%;
        background: #333;
        border-radius: 5px;
        text-align: center;
    }

    .side-menu a, .side-menu a:hover {
        color: #fff;
        display: block;
        padding: 10px 0;
    }

    .side-menu li:hover {
        background: #b7252d;
    }

    .inventory-listings {
        width: 100%;
    }
    .hosted-content h2 {color:#000;}
    .hosted-content h3 {color:#000; font-size:19px;}
    #listings-title {font-size:36px; margin-bottom:20px; font-weight:700; color:#000;}

/*========================================

    INVENTORY STYLES

========================================*/

.list-redesign .list-container-flexrow {background:#fff !important;}

.detail-wrapper {background: #fff !important;}

.breadcrumbs {background: #fff !important; margin-top: 12px;}

h2.MuiTypography-root.MuiTypography-h2.dealer-contact__heading.schmidtsalescomhdev-3vkm2j {color: #000 !important;}

/*========================================

    SCROLLING INV

========================================*/

    .scrolling-wrap {
        width:100%;
        height:90px;
        overflow:hidden;
    }

    .scrolling{
        width:100%;
        height:92px;
    }

/*========================================

    FOOTER

========================================*/

    footer {background:#000; padding:20px;color: #fff;}

    a.footerlink:link, a.footerlink:visited, a.footerlink:active{
        font-family: 'Lato', sans-serif;
        font-size:13px;
        color:#fff;
    }

    a.footerlink:hover {
        text-decoration:none; 
        font-family: 'Lato', sans-serif;
        font-size:13px;
    }

    .footertext {
        font-family: 'Lato', sans-serif;
        font-size:13px; 
        color:#fff;
    }

    .smallfootertext{
        font-family: 'Lato', sans-serif;
        font-size:13px; 
        color:#fff;
    }

    .divfooter {
        max-width:750px; 
        text-align:right; 
        margin:0 auto;
        float:right;
        color: #fff;
    }


/*========================================

    RESPONSIVE STYLES

========================================*/
@media only screen and (max-width: 1466px) {
    .container {width: 90%;}
	.side-menu {display:none;}
	.inventory-listings {
		width: 115%!important;}
}
    
@media only screen and (max-width: 1025px) {
    .divfooter {
        max-width:90%; 
        text-align:center; 
        margin:0 auto;
        float:none;
    }
    .column3 {width:100%; float: none; margin: 10px auto}
    .one-third, .two-third {width:100%; float: none; margin:10px 0; }
}

@media only screen and (max-width: 900px) {
    .logo {
        width: 100%;
        text-align: center;
        float: none;
        margin: 0 auto;
    }
    .header-contact {
        float: none;
        text-align: center;
        margin-top: 3%;
        width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    h2 {font-size: 18px;}
    
    
    

    .inventory-listings { width: 100%;}
    .black-box, .red-box {width: 100%;}
    .black-box{padding: 20px 0}
    .box-content{padding: 5px 0}
    .box-content h2 {margin-bottom: 8px;}
    .box-content img {max-width: 220px;}
        
    .container {padding: 2em 0;}
}

@media only screen and (max-width: 600px) {
    h1 {font-size:30px; text-align: center}
    h2{text-align: center}
    .one-third, .two-third {text-align: center}
}