@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700,800&display=swap');

body {
    font-family: 'Montserrat', sans-serif;
	overflow-x: hidden;
}

* {
    box-sizing: border-box;
}

.inv-width {max-width: 1200px; margin: 0 auto;}

.site-header .row {flex-wrap: nowrap; align-items: center; margin: 0 auto;}

.link, .CaptchaWhatsThisPanel a {color: #000; text-decoration: underline; font-weight: bold;}
.link:hover, .CaptchaWhatsThisPanel a:hover {color: #fec820; text-decoration: none; transition: .3s ease-in-out all;}

.site-header {padding: 0 7%;}

header {
    background: #fec820;
    text-align: center;
}

header a {
    font-size: 16px;
    color: #000;
    text-decoration: none;
    font-weight: 600;
    text-transform: uppercase;
}

header a:hover {
    color: #ee1616;
}
header .contactCont .contact {box-sizing: border-box;}

header .contactCont {
    color: #fff;
	font-family: 'Montserrat', sans-serif!important;
}

header .logoCont {
    text-align: left;
}

.bg-dark {
    background-color: #303030 !important;
}

.navbar-dark .navbar-nav .nav-link {
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
	padding: .5em 1vw;
    transition: all 200ms linear;
	text-align: center;
	font-family: 'Montserrat', sans-serif!important;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	height: 100%;
	line-height: 1.2;
}

.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
    color: #fec820;
}

.navbar a.mob-cont {
    display: none;
	font-family: 'Montserrat', sans-serif!important;
}

.navbar-expand-md .navbar-nav .dropdown-menu {
    background-color: #d42b3b;
    color: #fff;
    border-radius: 0;
    margin-top: 10px;
}

.navbar-expand-md .navbar-nav .dropdown-menu a {
    color: #fff;
    width: auto !important;
}

.navbar-expand-md .navbar-nav .dropdown-menu a:hover {
    background-color: #fec820;
    color: #000;
}

.custom-toggler .navbar-toggler-icon {
    /* background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='https://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); 
    background-image: url(../img/menuIcon.png);*/
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
}

.custom-toggler.navbar-toggler {
    border-color: transparent;
}

.banner {
    background: #891f29 url("../img/banner.jpg") no-repeat 0 0;
    padding: 10px 60px;
    background-size: cover;
    height: 100vh;
    max-height: 700px;
    position: relative;
}

.banner img {
    width: 100%;
}

.invtContWrap {
    background-color: #fff;
    padding: 50px 0;
}

.invtCont {

}

.invtCont a.imgWraper {
    padding: 50px;
    display: block;
    min-height: 200px;
}

.invtCont a.imgWraper:hover {
    text-decoration: none;
}

.invtCont a.imgWraper h1 {
    font-size: 24px;
    font-weight: 800;
    color: #fec820;
    text-transform: uppercase;
    transition: all 200ms linear;
}

.invtCont a.imgWraper:hover h1 {
    color: #fff;
}

.invtCont a.imgWraper {
    background-repeat: no-repeat;
    background-size: cover;
}

.centerXY {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
/* .invtCont .showLink {
    transform: translate(-50%, -50%); 
    top: 50%; 
    left: 50%; 
    position: absolute;
} */

.contentSection {
    padding: 20px;
}

.contentSection.borderBg {
    border-top: 2px solid #fec820;
    background-image: url("../img/content-bg.jpg");
    background-repeat: repeat;
    background-position: 0 0;
}

/*
.contentSection h1 {
    font-size: 36px;
    color: #000;
    font-weight: 800;
    text-transform: uppercase;
}

.contentSection h1 span {
    width: 30px;
    height: 30px;
    display: inline-block;
    background: #fec820;
    clear: both;
    margin-right: 12px;
}

.contentSection p {
    font-size: 12px;
    font-weight: 500;
}*/

.footer {
    background: #0d0d0d;
    color: #fff;
    font-size: 10px;
}

.footer p {
    margin-bottom: 0;
}

a.footerlink:link, a.footerlink:visited, a.footerlink:active{text-decoration:underline; font-family:'Montserrat' sans-serif;font-size:10px; color: #fff;}
a.footerlink:hover {text-decoration:none; font-family:'Montserrat' sans-serif;font-size:10px;}

.footertext{font-family:'Montserrat' sans-serif;font-size:10px; color:#fff;}

.smallfootertext{font-family:'Montserrat' sans-serif;font-size:10px; color:#fff;}

.divfooter {max-width:1000px; width: 100%; text-align:center; margin:0 auto; padding: .5em 5%; box-sizing: border-box;}
/*=============================
    Start contact form
==============================*/

.formFieldIndicator {
    color: #c00000;
    padding: 10px 0;
}

.banner .formWrapper {
    background: transparent url("../img/form-opec-bg.png") repeat 0 0;
    color: #fff;
    /*position: absolute;*/
    /*right: 0;*/
    /*top: 0;*/
    max-width: 344px;
    padding: 10px 30px;
    /*opacity: 0.8;*/
}

.banner .formWrapper label {
    font-size: 16px;
    font-weight: 600;
    display: inline-block;
    text-transform: uppercase;
    margin: 0;
}

.banner .form-group {
    margin-bottom: 5px;
}

.banner .cform {
    padding: 0;
}

.banner .cform h3 {
    color: #c00000;
}

.banner .cform .form-control {
    height: calc(.8em + .75rem + 2px);
    border-radius: 0;
    margin-bottom: 2px;
    border: 0;
    background: rgba(255, 255, 255, 0.7);
    box-shadow: none;
}

.banner textarea {
    height: calc(4em + .75rem + 2px);
    border: none;
    background: rgba(255, 255, 255, 0.7);
    width: 100%;
}

.banner .formWrapper h5 {
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 700;
}

.banner .formWrapper .lead-button {
    font-weight: 700;
    display: block;
    width: 100%;
    max-width: 100%;
    text-transform: uppercase;
    border: 1px solid #fff;
    border-radius: 0;
    background-color: transparent;
    color: #fff;
    text-align: center;
    font-size: 18px;
    padding: 5px;
    margin: 5px auto;
    cursor: pointer;
}

.banner .formWrapper .lead-button:hover {
    background-color: #000;
    color: #fff;
    text-decoration: none;
	border: 1px solid #000;
	transition: .3s ease-in-out all;
}

.banner .form-control-feedback {
    right: 10px;
    font-size: 10px;
    color: #c00000;
}

input[type=text],
input[type=email],
input[type=date],
select.form-control,
textarea.form-control {
    background-color: #fff;
    border: 1px solid #fec820;
}

input[type=date].form-control {
    line-height: 1;
}

label.feedbackMedium {
    font-weight: bold;
    color: #fff;
    opacity: 1;
}

.lead-button {
    font-weight: 700;
    max-width: 300px;
    text-transform: uppercase;
    border: 1px solid #c00000;
    border-radius: 0;
    background-color: #c00000;
    color: #fff;
    text-align: center;
    font-size: 18px;
    padding: 10px 30px;
    display: block;
    margin: 10px auto;
	cursor: pointer;
}

.lead-button:hover {
    background-color: #000;
    color: #fff;
    text-decoration: none;
	border: 1px solid #000;.
	transition: .3s ease-in-out all;
}

.contactBg {
    background: #fec820;
}

.contactBg h2 {
    font-size: 20px;
    font-weight: 900;
    color: #131313;
    text-transform: uppercase;
    margin: 0;
	padding: .5em 5%;
	font-family: 'Montserrat', sans-serif!important;
}

.contactBg h2 span {
    font-weight: 500;
    padding-left: 6px;
}

.contactBg .fa {
    margin: 0 6px;
}

.contactBg a {
    color: #000;
}

.ContRight h2 {
    font-size: 22px;
    font-weight: 700;
}

.ContRight span {
    font-size: 18px;
}

.auctionTimeLogo {
    width: 250px;
    float: right;
    position: relative;
    margin-bottom: 30px;
    margin-top: -5px;
}

.bakcou{width:30%;margin-bottom:.5em;}
@media screen and (max-width:973px){
	.bakcou{width:60%;}
}

/*-------------------------*/
/* custom captcha on home */
/*------------------------*/
.banner .CaptchaPanel,
.banner .CaptchaAnswerPanel {
    margin: 0 !important;
    padding: 0 !important;
}

.banner .CaptchaMessagePanel {
    font-size: 10px;
}

/*.banner .CaptchaPanel img {*/
    /*height: 75px !important;*/
/*}*/

/*-------------------------*/
/* Inventory code */
/*------------------------*/


/** INVENTORY PAGE **/


@media (max-width: 1199px) {
    .invtCont a.imgWraper h1 {
        font-size: 18px;
    }

    .navbar-dark .navbar-nav .nav-link {
        font-size: 15px;
    }
}

@media (max-width: 992px) {
    .contactCont a, .navbar-dark .navbar-nav .nav-link {
        font-size: 14px;
    }

    .invtCont a.imgWraper h1 {
        font-size: 16px;
    }
	
	.banner {
        height: 60vh;
    }
	
	.navbar-expand-md .navbar-nav .dropdown-menu a {font-size: 13px;}
}

@media screen and (max-width: 767px) {
    header {
        background-image: none;
    }
	
	.site-header {padding: 1.5em 0!important;}
	.site-header .row {flex-direction: column;}
	header .contactCont {margin-top: 15px;}
	header .logoCont {text-align: center;}
	header .logoCont img {padding: 0 5%; margin: 0 auto; box-sizing: border-box;}
	
	.navbar-expand-md .navbar-nav .dropdown-menu a {text-align: center;}

    .invtCont a.imgWraper {
        padding: 80px 60px;
        min-height: 308px;
        position: relative;
    }

    .invtCont h1 {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .invtCont a.imgWraper h1 {
        font-size: 40px;
    }

}

@media screen and (max-width: 426px) {
    .banner {
        padding: 10px 0;
        height: 40vh;
    }

    .banner .formWrapper {
        max-width: none;
    }

    .navbar a.mob-cont {
        color: #fff!important;
        display: block;
    }

    .invtCont a.imgWraper h1 {
        font-size: 28px;
    }
}