/* 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, font, 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 { 
    margin: 0 auto;  
    padding: 0;  
    border: 0;  
    outline: 0;  
    background: transparent; 	
	-webkit-text-size-adjust:none;
	font-family: 'Montserrat', sans-serif;
}




h1{
	font-size:32px;
	font-weight:600;
	text-transform:uppercase;
	color:#fff;
	text-align:left;
	margin-bottom:20px;
}
a {
	color:#fff;
	text-decoration:underline;
	
}

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

p{
	padding:20px 0;
}



 
/* GLOBAL SITE FRAMEWORK
------------------------------------------------*/
.clear {clear: both;}
.left {text-align:left;}
.right {text-align:right;}
.none{display:none;}
.center{text-align:center !important;}

*{
	box-sizing:border-box;
}

body { 
	background:url(../siteart/slides/4.png) no-repeat top center fixed !important;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-attachment:fixed !important;
}

.wrapper {
	width:100%;
	max-width:1300px;
	margin:0 auto;
	padding:20px;
	position:relative;
	box-sizing: border-box;
}

.no-pad-wrapper {
	width:100%;
	max-width:1300px;
	margin:0 auto;
	position:relative;
}




::selection {
	color:#fff;
	background: #356088;
}
::-moz-selection {
	color:#fff;
	background: #356088;
}



/* HEADER 
----------------------------------------------*/
.header{
	width:100%;
	display:inline-block;
	text-align:right;
	margin:0 auto;
}

.header a{color:#000;text-decoration:none;}

.logo{
	position:relative;
	text-align:center;
	width:30%;
	margin:0;
	display:inline-block;
	padding:20px 0 0 0;
	z-index: 1;
	margin-right: -10%;
}
.logo a {
	position: absolute;
	bottom:10px;
	left:0;
	width:100%;
}
.logo img{
	width:100%;
	margin:0 auto;
}

.mobile-logo{display:none;}


.header-contact{
	width:100%;
	max-width:1300px;
	padding: 30px 0;
	margin:0 auto;
	box-sizing: border-box;
}
.header-half{
	width:49%;
	text-align:left;
	display:inline-block;
	vertical-align:middle;
	margin:0 auto;
	color:#000;
}
.header-half img{width:220px;}

.header-half:nth-child(2){
	text-align:right;
}

.header-contact .fa{font-size:28px; padding-top:5px;}

.facebook-icon {
	font-size: 28px;
	padding-top: 5px;
}

/* HOME PAGE STYLES
-----------------------------------------------*/
/***** BG SLIDESHOW *****/


.cb-slideshow,
.cb-slideshow:after {
    position: fixed;
    width:100%;
    height: 100%;
    top: 0px;
    left: 0px;
	margin:0;
	padding:0;
    z-index: -1;
}
.cb-slideshow:after {
    content: '';
    background: transparent url(../siteart/slides/pattern.png) repeat top left;
	position: fixed;
}
.cb-slideshow li span {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: none;
    opacity: 0;
    z-index: 0;
	-webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 70s linear infinite 0s;
    -moz-animation: imageAnimation 70s linear infinite 0s;
    -o-animation: imageAnimation 70s linear infinite 0s;
    -ms-animation: imageAnimation 70s linear infinite 0s;
    animation: imageAnimation 70s linear infinite 0s;
}
.cb-slideshow li:nth-child(1) span { background-image:url(../siteart/slides/1.png); }
.cb-slideshow li:nth-child(2) span {
    background-image:url(../siteart/slides/2.png);
    -webkit-animation-delay: 10s;
    -moz-animation-delay: 10s;
    -o-animation-delay: 10s;
    -ms-animation-delay: 10s;
    animation-delay: 10s;
}
.cb-slideshow li:nth-child(3) span {
    background-image:url(../siteart/slides/3.png);
    -webkit-animation-delay: 20s;
    -moz-animation-delay: 20s;
    -o-animation-delay: 20s;
    -ms-animation-delay: 20s;
    animation-delay: 20s;
}
.cb-slideshow li:nth-child(4) span {
    background-image:url(../siteart/slides/4.png);
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s;
}
.cb-slideshow li:nth-child(1) div {
    -webkit-animation-delay: 10s;
    -moz-animation-delay: 10s;
    -o-animation-delay: 10s;
    -ms-animation-delay: 10s;
    animation-delay: 10s;
}
.cb-slideshow li:nth-child(2) div {
    -webkit-animation-delay: 10s;
    -moz-animation-delay: 10s;
    -o-animation-delay: 10s;
    -ms-animation-delay: 10s;
    animation-delay: 10s;
}
.cb-slideshow li:nth-child(3) div {
    -webkit-animation-delay: 20s;
    -moz-animation-delay: 20s;
    -o-animation-delay: 20s;
    -ms-animation-delay: 20s;
    animation-delay: 20s;
}
.cb-slideshow li:nth-child(4) div {
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s;
}

@-webkit-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    -webkit-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -webkit-transform: scale(1.05);
	    -webkit-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -webkit-transform: scale(1.1);
	}
	22% {
		opacity: 0;
		-webkit-transform: scale(1.1) translateY(-20%);
	}
	25% {
	    opacity: 0;
	    -webkit-transform: scale(1.1) translateY(-100%);
	}
	100% { opacity: 0 }
}
@-moz-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    -moz-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -moz-transform: scale(1.05);
	    -moz-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -moz-transform: scale(1.1);
	}
	22% {
		opacity: 0;
	}
	25% {
	    opacity: 0;
	}
	100% { opacity: 0 }
}
@-o-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    -o-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -o-transform: scale(1.05);
	    -o-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -o-transform: scale(1.1);
	}
	22% {
		opacity: 0;
	}
	25% {
	    opacity: 0;
	}
	100% { opacity: 0 }
}
@-ms-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    -ms-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -ms-transform: scale(1.05);
	    -ms-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -ms-transform: scale(1.1);
	}
	22% {
		opacity: 0;
	}
	25% {
	    opacity: 0;
	}
	100% { opacity: 0 }
}
@keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    transform: scale(1.05);
	    animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    transform: scale(1.1);
	}
	22% {
		opacity: 0;
	}
	25% {
	    opacity: 0;
	}
	100% { opacity: 0 }
}
@-webkit-keyframes titleAnimation { 
	0% {
	    opacity: 0;
	}
	8% {
	    opacity: 1;
	    -webkit-transform: translateY(0%);
	}
	17% {
	    opacity: 1;
	    -webkit-transform: translateY(0%);
	}
	19% {
	    opacity: 0;
	}
	25% { opacity: 0 }
	100% { opacity: 0 }
}
@-moz-keyframes titleAnimation { 
	0% {
	    opacity: 0;
	}
	8% {
	    opacity: 1;
	    -moz-transform: translateY(0%);
	}
	17% {
	    opacity: 1;
	    -moz-transform: translateY(0%);
	}
	19% {
	    opacity: 0;
	}
	25% { opacity: 0 }
	100% { opacity: 0 }
}
@-o-keyframes titleAnimation { 
	0% {
	    opacity: 0;
	}
	8% {
	    opacity: 1;
	    -o-transform: translateY(0%);
	}
	17% {
	    opacity: 1;
	    -o-transform: translateY(0%);
	}
	19% {
	    opacity: 0;
	}
	25% { opacity: 0 }
	100% { opacity: 0 }
}
@-ms-keyframes titleAnimation { 
	0% {
	    opacity: 0;
	}
	8% {
	    opacity: 1;
	    -ms-transform: translateY(0%);
	}
	17% {
	    opacity: 1;
	    -ms-transform: translateY(0%);
	}
	19% {
	    opacity: 0;
	}
	25% { opacity: 0 }
	100% { opacity: 0 }
}
@keyframes titleAnimation { 
	0% {
	    opacity: 0;
	}
	8% {
	    opacity: 1;
	    transform: translateY(0%);
	}
	17% {
	    opacity: 1;
	    transform: translateY(0%);
	}
	19% {
	    opacity: 0;
	}
	25% { opacity: 0 }
	100% { opacity: 0 }
}
 Show at least something when animations not supported 
.no-cssanimations .cb-slideshow li span{
	opacity: 1;
}

/*auction button section section*/

.auction-btn-2-cont {
	max-width: 1300px;
	width:100%;
	padding:0 20px 20px 20px;
	box-sizing: border-box;
	margin:-10px auto 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items: center;
}
.auction-btn-2 {
	padding:10px;
	background:rgba(255,255,255,1.0);
	margin:0 10px;
	border: 2px solid rgba(0,0,0,0.4);
	border-top: none;
	border-radius: 10px;
	border-top-right-radius: 0px;
	border-top-left-radius: 0px;
	transition: ease-in .3s;
}
.auction-btn-2 img {
	max-width: 150px;
	height: auto;
	display: block;
	margin:0 auto;
}
.auction-btn-2:hover {
	background:rgba(0,0,0,0.1);
	border: 2px solid rgba(255,255,255,1.0);
	border-top: none;
}

/*Welcome section*/

.welcome{
	width:100%;
	padding:40px;
	text-align:left;
	margin:0 auto;
	color:#fff;
	border-radius:10px;
	background:#000;
	box-shadow:1px 1px 3px #000;
}

.welcome h1{
	text-align:left;
	text-transform:uppercase;
	font-size:32px;
	font-weight:300;
}

.welcome .bold-blue{
	font-weight:700;
	color:#3a4b76;
	font-size:40px;
}
.bold-white{
	font-weight:700;
	color:#ffffff;
	font-size:40px;
}

.welcome p{
	font-size:20px;
	color:#fff;
	text-align:left;
}


.welcome-half{
	width:47.5%;
	text-align:left;
	display:inline-block;
	margin:50px 50px 0 0;
	background:#3A4B76;
	border-radius:10px;
	color:#fff;
	vertical-align:top;
	height:440px;
	padding:40px
}

.welcome-half:nth-child(3){margin:50px 0 0 0;}

.welcome-half h4{
	font-size:24px;
	padding-bottom:10px;
	border-bottom:2px solid #fff;
	font-weight:normal;
}

.welcome-half ul{
	width:100%;
	padding:20px 0;
	font-size:16px;
}

.welcome-half ul li{
	padding:10px 0;
	list-style:none;
}

.consign-btn{
	width:40%;
	display:inline-block;
	margin:10px;
	text-align:left;
	vertical-align:middle;
	padding:20px;
	background:#3A4B76;
	border:3px solid #3A4B76;
	transition:ease-in .3s;
}

.consign-btn p{
	color:#fff;
	text-transform:uppercase;
	font-weight:500;
	padding:0;
}


a:hover .consign-btn{
	border:3px solid #fff;
	background:#000;
	transition:ease-out .3s;
}


/*AUCTIONS PAGE*/
.auctions-page{
	background:#000;
	border-radius:10px;
	padding:40px;
	margin-top:100px;
	width:100%;
	box-shadow:1px 1px 3px #000;
	text-align:center;
}

.auctions-button{
	position:relative;
	display:inline-block;
	width:23%;
	margin:10px;
	text-align:center;	
	vertical-align:top;
	transition:all 0.3s ease-out;
}

.auctions-button img{
	width:100%;
	display:block;
	opacity:.5;
}

.auctions-button:hover img{opacity:1; transition:all 0.3s ease-in;}

.auctions-button h4{
	position:absolute;
	top:40%;
	left:0;
	right:0;
	font-size:24px;
	text-transform:uppercase;
	font-weight:bold;
	color:#fff;
	text-align:center !important;
}

.auctions-button:hover h4{text-shadow:1px 1px 3px #000;	transition:all 0.3s ease-in;}	


.at-black-bg{
	background:#000;
	border-radius:10px;
	padding:40px;
	margin-top:100px;
	width:100%;
	box-shadow:1px 1px 3px #000;
	text-align:center;
}

.at-black-bg h1{
	padding-bottom:10px;
	border-bottom:1px solid #fff;
}

.at-black-bg p{color:#fff;text-align:left;}



/*Equipment PAGE*/
.black-bg{
	background:#000;
	border-radius:10px;
	padding:40px;
	margin-top:100px;
	width:100%;
	box-shadow:1px 1px 3px #000;
	text-align:center;
}

.black-bg-inv {
	background:#000;
	border-radius:10px;
	padding:40px;
	margin-top:100px;
	width:100%;
	box-shadow:1px 1px 3px #000;
	box-sizing: border-box;
}

.black-bg h1{
	padding-bottom:10px;
	border-bottom:1px solid #fff;
}

.black-bg p{color:#fff;text-align:left;}

.black-bg h3{color:#fff;text-align:left;line-height:32px;}
.black-bg h4{color:#fff;text-align:left;}
.black-bg h5{color:#fff;text-align:left;}


.equip-button{
	position:relative;
	display:inline-block;
	width:19%;
	text-align:center;	
	vertical-align:top;
	overflow:hidden;
	transition:all 0.3s ease-out;
}

.equip-button img{
	width:100%;
	display:block;
	opacity:.5;
}

.equip-button:hover img{opacity:1; transition:all 0.3s ease-in;}

.equip-button h4{
	position:absolute;
	top:20%;
	bottom:20%;
	left:0;
	right:0;
	font-size:24px;
	text-transform:uppercase;
	font-weight:bold;
	color:#fff;
	text-align:center !important;
}

.equip-button:hover h4{text-shadow:1px 1px 3px #000; transition:all 0.3s ease-in;}	



.conditionslide{background:#9A9A9B;width:100%;padding:0 0 5px 0;position:absolute;z-index:999;left:0;-webkit-transition:.5s all ease;-moz-transition:.5s all ease;-o-transition:.5s all ease;transition:.5s all ease;
	box-shadow:1px 1px 3px #606062;}
.conditionslide a{display:block;text-align:center;color:#fff;padding:4px 0;font-size:14px;text-decoration:none;}
.conditionslide a:hover{color:#3A4B76;background:#fff;border-top:1px solid #3A4B76;border-bottom:1px solid #3A4B76; text-decoration:none;}


#other{top:-91px;}
.equip-button:hover #other{top:0px !important;}




.ua-img{
	display: block;
	margin: 0 auto;
	width:100%;
	max-width: 750px;
}
/*FINANCING*/

.express-btn{width:250px;padding-top:30px;}

/*CONTACT*/

.contact-left{
	width:30%;
	display:inline-block;
	margin:0 auto;
	text-align:left;
	vertical-align:top;
}
.contact-left p{padding:20px 0;line-height: 20PX;}

.contact-right{
	width:67%;
	display:inline-block;
	margin:0 0 0 20px;
	vertical-align:top;
}

/*contact form*/

#formpage {
	width:100%;
	vertical-align: top;
	display:inline-block;
	text-align:left;
}

#formpage p{
	text-align:left;
	display:inline;
}

#formpage h2{
	color:#fff;
	text-align:center;
	text-transform:uppercase;
	padding:30px 0 0 0;
	margin-top:20px;
	border-top:1px solid #fff;
}

.formfield {
	width: 31.8%;
	display:inline-block;
	margin-right: 10px;
	margin-top: 10px;
	color: #000;
	min-width: 175px;
	text-align:left;
	padding:10px 0;
}

.consign-form .formfield{
	width:97%;
}
#formpage div {
	vertical-align: top;
	padding: 5px 5px;
	position: relative;
}

#formpage .half{
	width:48%;
	display:inline-block;
	margin:0 10px 0 0;
	vertical-align:bottom;
}

#formpage p{padding:0;}
#formpage input,select {
	padding: 6px 5px 10px;
	border: 1px solid #B7B7B7;
	font-family: "Source Sans Pro", sans-serif;
	color: #000;
	font-size: 13px;
	background: #fff;
	width: 100%;
	margin-top: 5px;
	-webkit-appearance: none;
     border-radius: 0;
}
#formpage input[type="checkbox"]{
	width:50px;
	display:inline-block;
	vertical-align:top;
}

#formpage input.button, #formpage input.button:focus {
	width: 150px;
	display:inline-block;
	position:relative;
	margin: 0;
	background: #3A4B76;
	font-size: 14px;
	line-height: 0;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	padding:20px;
}

#formpage input.button:hover{
	box-shadow:1px 1px 4px #7D7D7D;
}

input[type="button"],
input[type="submit"] {
     -webkit-appearance: none;
     border-radius: 0;
}

#formpage textarea {
	padding: 6px 5px;
	border: 1px solid #B7B7B7;
	font-family: "Source Sans Pro", sans-serif;
	color: #000;
	font-size: 12px;
	background: #fff;
	margin-top: 5px;
	width: 98%;
	height: 85px;
	roggeauctions.com
}
.CaptchaMessagePanel{
	color:#fff!important;;
}
.CaptchaAnswerPanel{
	width:250px;
}

/* Upcoming Auctions Page
------------------------------------------------*/
.auction-info-cont-1 {
	padding:30px 0;
	text-align: center;
	color:#fff;
}
.auction-info-cont-1 h3 {
	padding:10px 0;
	text-align: center;
}
.auction-info-cont-1 h4 {
	padding:10px 0;
	text-align: center;
}
.auction-info-cont-1 p {
	padding:5px 0;
	text-align: center;
}

/* INVENTORY
------------------------------------------------*/
.cf{background:#fff;}
.hosted-content .listings-wrapper .listings-list .listing-banner {

}
.hosted-content input[type='submit'], .hosted-content button[type='submit'], .hosted-content .btn, .hosted-content .button{
	background:#3A4B76 !important;
}
.hosted-content h1{
	font-size:20px;
	color:#000;
	text-transform:none;
	padding-bottom:0 !important;
	font-weight:bold;
}
	
.hosted-content h3{
	text-transform:none !important;
}
.hosted-content .listings-wrapper .listings-list .listing-banner h2{
	text-transform:none !important;
}



/* FOOTER
------------------------------*/
.footer{
	width:100%;
	background:rgba(0,0,0,0.60);
	color:#fff;
	font-size:11px;
	text-align:center;
	padding: 40px 0;
	margin-top:100px;
}

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

.footer a:hover{
	color:#fff;
	text-decoration:underline;
}

.foot-half{
	width:49%;
	display:inline-block;
	margin:0 auto;
	vertical-align:middle;
	text-align:left;
}

.foot-half:nth-child(2){text-align:right;}
.foot-half p{
	text-align:left;
}

.foot-logo img{
	width:300px;
	margin-right:0;
}




@media screen and (max-width:1500px){
	.logo{left:auto !important; right:auto !important;}
}

@media screen and (max-width:1460px){
	.logo{width:27%;}
}
@media screen and (max-width:1305px){
	.logo{display:none;}
	.mobile-logo{
		display:block;
		text-align:center;
		width:100%;
		margin:0 auto;
		padding:20px 0 0 0;
	}
	.mobile-logo img{
		width:370px;
		margin:0 auto;
	}
	.header-contact{padding:20px 10px;}
}

@media screen and (max-width:1240px){
	.equip-button{width:29%;margin:10px;}	
}

@media screen and (max-width:1150px){
	.welcome{margin-top:40px;}
	.welcome-half{width:47%;margin:40px 50px 0 0;height:490px;}
	.welcome-half:nth-child(3){margin:40px 0 0 0;}
	
	.black-bg{margin-top:60px;}
	
}

@media screen and (max-width:980px){
	.welcome-half{width:45%;height:530px;}
	
	.contact-left{width:40%;}
	.contact-right{width:55%; margin:0 0 0 30px;}
	.formfield{width:31%;}
	#formpage textarea{width:96%;}
	.auctions-button{width:44%;margin:10px 0;}
}

@media screen and (max-width:875px){
	.auction-btn-2-cont {
		padding:20px;
		margin:0 auto 0 auto;
		justify-content: center;
	}
	.auction-btn-2 {
		padding:10px;
		margin:10px;
		border-top: 2px solid rgba(0,0,0,0.4);
		border-top-right-radius: 10px;
		border-top-left-radius: 10px;
	}
	.auction-btn-2 img {
		max-width: 100%;
	}
	.auction-btn-2:hover {
		background:rgba(0,0,0,0.1);
		border: 2px solid rgba(255,255,255,1.0);
		border-top: 2px solid rgba(255,255,255,1.0);
	}
}

@media screen and (max-width:850px){
	.welcome-half{width:100%;height:auto;margin-right:0;}	
	.welcome h1{font-size:24px;}
	.welcome .bold-blue{font-size:35px;}
	.welcome p{font-size:18px;}
	.welcome-half h4{font-size:20px;}
	
	
	
	.contact-left{width:100%; margin-bottom:20px;}
	.contact-right{width:100%; margin:0 ;}
	
	.equip-button{width:45%;}
	
	#formpage .half{width:100%;}
	#formpage textarea{width:99%;}
	.consign-form .formfield{width:99%;}
}

@media screen and (max-width:700px){
	.formfield{width:96%;}	
	.consign-btn{width:100%;}
}

@media screen and (max-width:630px){
	.footer{margin-top:60px;}
	.foot-logo img{width:250px;}
	.auctions-button{width:100%;}
}

@media screen and (max-width:580px){
	
	.header-half{width:100%;text-align:center;}
	.header-half:nth-child(2){text-align:center;}
	.header-half img{margin:0 auto;}
	
	.black-bg h1{font-size:28px;}
	
	
	.at-black-bg{padding:10px;}
	.black-bg{padding:10px;}
	
	.equip-button{width:95%;}
	.equip-button img{width:100%;}
}

@media screen and (max-width:540px){
	.express-btn{width:210px;}
	
	.foot-half{width:100%;}
	.foot-half p{text-align:center;}
	.foot-logo{text-align:center;}
	.foot-logo img{margin:0 auto;}	
}

@media screen and (max-width:400px){
	.mobile-logo img{width:100%;}
}