/* ============================== */
/* ! Layout for desktop version   */
/* ============================== */

	/* layout */	
	p, h1, h2, h3, h4{
		margin-bottom: 15px;
		line-height: 1.5em;

	}


	.main-header{
			
		padding-bottom: 190px;
		background: #ffffff url('../images/camp/hdr-1140x310-camp-about-us.jpg') no-repeat top left;
	}

	.header{
		width: 1280px;  
		margin: 0 auto;
	}

	.gutter{
		margin: 0 16px;
	}

	.gutter-body{
		margin: 0 40px;
	}

	.icon{
		padding: 10px;
	}

	.firstpad{
		padding-left: 0;

	}
	.lastpad{
		padding-right:0;
	}


	.bannerheader{
		padding-bottom: 48px;
	}

	.buttonprimary{
		background: #E87511;
	    color: #FFFFFF;
	    font-size: 16px;
	    font-weight: normal;
	    height: 44px;
	    margin: 10px 10px;
	    padding: 0 24px;
	    border: 1px solid #E87511;
	    border-radius: 3px;
	    white-space: nowrap;
	}

	.buttonprimary:hover {
    background-color: #B24F00;
  
	}	

	.buttonsecondary{
		background: #FCEFE4;
	    color: #B24F00;
	    font-size: 16px;
	    font-weight: normal;
	    height: 44px;
	    margin: 10px 10px;
	    padding: 0 24px;
	    border: 1px solid #E87511;
	    border-radius: 3px;
	    white-space: nowrap;
	}

	.buttonsecondary:hover {
    	background-color: #ffffff;

	}	



	.main-header .main-rb-introduction{
		width: 320px;
		margin-left: 20px;
		margin-right: 40px;
		background-color: #ffffff;
		background-color: rgba(255, 255, 255, 0.95);
	}
	.rb-introduction .inner-container{
		/*width: 272px;*/
		margin: 40px 20px 40px 20px;
	}
	
		.main-rb-introduction .main-inner-container{
		/*width: 272px;*/
		margin: 40px 20px 8px 30px;
	}
	.rb-introduction img{
		margin-bottom: 30px;
	}
	
		.main-rb-introduction img{
		margin-bottom: 30px;
	}
	
	/* breadcrumbs */
	.car-breadcrumbs{
		margin-top: 0;
		margin-bottom: 25px;
		margin-left: 10px;
	}
	.car-breadcrumbs ul > li{
		list-style: none;
		float: left;
		margin-right: 8px;
	}
	.car-breadcrumbs-separator{
		padding-right: 20px;
		background: url('../images/bg-arrow-right.png') no-repeat 100% 50%;
	}
	
	.main-content{
		margin-top: 40px;
	}
	ol{
		padding-left: 20px;
	}
	ul{
		padding-left: 0px;
	}
	
	.about-company h1, .secondary-content h1{
		margin-top: 20px;
		margin-bottom: 10px;
	}
	.secondary-page .main-content h1{
		margin-bottom: 15px;
	}
	.secondary-content{
		margin-top: 15px;
	}
	.news-release{
		margin-bottom: 20px;
	}
	.news-release-date{
		float: left;
		width: 20.33%;
		margin-right: 20px;
	}
	.news-release-summary{
		float: left;
		width: 75.67%;
	}
	.testimonial{
		margin-top: 20px;
	}
	.customer-photo{
		float: left;
		width: 20.33%;
		margin-right: 20px;
	}
	.quote{
		margin-top: 0;
		float: left;
		width: 75.67%;
		
	}
	.customer-name{
		color: #767676;
		font-size: 14px;
	}
	
	p > cite{
		margin-top: 5px;
		margin-bottom: 20px;
		
		
	}
	/*.inner-row{
		width: 100%;
		margin: 0 auto;
		overflow: hidden;
	}
	.inner-threecol{
		width: 33.33%;
		float: left;
		min-height: 1px;
		
	}*/
	.inner-threecol .inner-container{
		margin-right: 20px;
	}
	
	.table-of-contents{
		margin-top: 40px;
		margin-bottom: 40px;
	}
	
	.footer p{
		margin-top: 25px;
		/*margin-bottom: 15px;*/
		padding: 20px;
		background-color: #e87722;
		border-bottom: 1px solid #000000;
	}
	
	/* links */
	
	a{
		color: #005B99;
		outline: none;
	}
	a:hover, a:visited{
		color: #005B99;
		text-decoration: none;
	}
	
	/*.rba img:hover, .rbe img:hover{
		-webkit-box-shadow: 1px 1px 2px rgba(191, 192, 190, 0.8);
		-moz-box-shadow:    1px 1px 2px rgba(191, 192, 190, 0.8);
		box-shadow:         1px 1px 2px rgba(191, 192, 190, 0.8);
	}*/
	
	.footer a{
		color: #005B99;
		text-decoration: none;
	}
	
	/* =typography */
	
	@font-face{
		font-family: 'GraublauSansDisplay-Regular';
		src: url('../fonts/252076_0_0.eot');
		src: url('../fonts/252076_0_0.eot?#iefix') format('embedded-opentype'),
			url('../fonts/252076_0_0.woff') format('woff'),
			url('../fonts//252076_0_0.ttf') format('truetype');
		font-weight: normal;
		font-style: normal;	
	}
	body {
		font: 16px Roboto, Verdana, sans-serif;

		color: #3f3f3f;
	}
	h1{
		font-family: Roboto, sans-serif;
		font-size: 28px;
		margin-bottom: 20px;

	}
	h2{
		font-family: Roboto, sans-serif;
		font-size: 24px;
		font-weight: bold;
	}
	h3{
		font-family: Roboto, sans-serif;
		font-size: 18px;
		font-weight: bold;
	}
	h4{
		font-family: Roboto, sans-serif;
		font-size: 16px;
		font-weight: bold;

	}
	.rb-introduction p{
		/*font-family: 'GraublauSansDisplay-Regular', Trebuchet MS, sans-serif;	*/
		font-size: 16px;
		line-height: 1.3;
		color: #000000;
	}
	.news-release-date span{
		font-size: 15px;
	}
	/*.customer-quote{
		font-family: 'GraublauSansDisplay-Regular', Trebuchet MS, sans-serif;
		font-size: 16px;
	}*/
	ol, ul{
		line-height: 1.8;
	}
	.footer{
		color: #ffffff;
	}
	
	/* =helper classes */
	
	/* =Contain floats: h5bp.com/q --*/ 
	.clearfix:before, .clearfix:after { content: ""; display: table; }
	.clearfix:after { clear: both; }
	.clearfix { zoom: 1; }
	
	.hidden{
		display: none;   
	}
	.visually-hidden{
		text-indent: -9999px;
	}
	.no-right-margin{
		margin-right: 0 !important;
	}
	
/* layout for camp page*/

/*breadcrumb containers*/
.rb-bc-container
{
margin: 40px 0 0 0;
padding: 0 0 40px 0;
}
.rb-bc-link, .rb-bc-arrow, .rb-bc-page
{
float: left;
margin-right: 10px;
}
.rb-bc-arrow 
{
margin:3px 0 0 0;
padding: 0 10px 0 0;
}
/*news widget container*/
.rb-news-widget
{
margin: 0 0 20px 0;
padding: 20px 23px 23px 23px;
background-color:#f3f1ea;
}
.rb-news-widget-heading
{
margin: 0;
padding: 0;
font-size: 18px;
}
.rb-news-widget p
{
margin: 0;
padding: 0;
}

.rb-news-widget-heading h1
{
 margin: 0;
 padding: 0;
}
/*about us container*/
rb-camp-about
{
padding: 40px 0;
}
.rb-camp-about-main-headings
{
padding-bottom: 15px;
}
/*personal service and benefit containers*/
.rb-camp-services img, .rb-camp-benefits img
{
float: left;
padding: 0 20px 0 0;
}
.rb-camp-services, .rb-camp-benefits
{
padding: 10px 0 0 0;	
}
/*process containers*/
.rb-camp-about-secondary-headings
{
margin: 0;
padding: 0;
}
.rb-camp-process
{
padding: 10px 0 0 0;		
}
/*.rb-camp-process-position-img
{
float: left;	
margin: 6px 0 0 0;
padding: 0;
width: 55px;
}
/*.rb-camp-process-marekt-img, .rb-camp-process-sell-img, .rb-camp-process-settle-img, .rb-camp-process-report-img
{
float: left;
}*/
/*.rb-camp-process-position
{
clear: both;
}*/
/*.rb-camp-process-position img,.rb-camp-process-market img, .rb-camp-process-sell img, .rb-camp-process-settle img, .rb-camp-process-report img*/
.rb-camp-process-icons, .rb-camp-process-position,.rb-camp-process-market,  .rb-camp-process-sell, .rb-camp-process-settle, .rb-camp-process-report
{
float: left;	
}
.rb-camp-process-position img,.rb-camp-process-market img,  .rb-camp-process-sell img, .rb-camp-process-settle img, .rb-camp-process-report img, .rb-camp-process-position,.rb-camp-process-market,  .rb-camp-process-sell, .rb-camp-process-settle, .rb-camp-process-report
{
clear: both;
}
.rb-camp-process-position p, .rb-camp-process-market p, .rb-camp-process-sell p, .rb-camp-process-settle p, .rb-camp-process-report p
{
margin-left: 56px;
}

.rb-camp-ritchie-bros-logo, .camp-hide
{
display: none;
}

/*companies containers*/
.rb-camp-ritchie-bros-logo
{
margin: 20px 0 2px 15px;	
}
/*secondary headings on camp page*/
.rb-camp-about-secondary-headings
{
padding: 0 0 6px 0;
}
/*contact us containers*/
.rb-camp-about-contact-heading
{
text-align: center;	
font-weight: normal;
margin: 20px 0 0 0;
}
.rb-camp-about-contact-heading span
{
font-family: Roboto, Verdana, sans-serif;
font-size: 20px;
}
.rb-deliveringchoice
{
	display: flex; 
	flex-direction: row;
	align-items: center; 

}

.rb-deliverchoice-img
{
	width: 292px; 
	flex-shrink: 0; 
	margin-right: 24px;
	align-self: self-start;
}

/*other*/
ul
{
list-style: none;
}
li
{
background: url('../images/rba-icon-correct.svg')no-repeat 0 10px;
padding: 2px 0 0 20px;
background-size: 14px;
}

img
{
border: 0;	
}

.logo
{
	display: flex; 
	flex-direction: row;
	align-items: center;
  	justify-content: space-between;
  	padding: 15px;
}

.testimonials
{
	display: flex; 
	flex-direction: row-reverse;
}

.quotegutters
{
	padding: 50px 40px;
}

.opportunities
{
	display: flex; 
	flex-direction: row;
	align-items: center;
}

.relations
{
	display: flex; 
	justify-content: space-around;
	align-items: center;

}

.btnalign
{
	text-align: left;
}

.logo-desktop
{
	display: initial;
}
.logo-mobile
{
	display: none;
}



/* end layout camp page */	


/* ============================= */
/* ! Layout for tablet version   */
/* ============================= */

	@media handheld, only screen and (max-width: 992px) {

		.quotegutters
		{
			padding: 20px 36px;
		}
		.rb-deliverchoice-img
		{
			width: 239px; 
			flex-shrink: 0; 
			margin-right: 20px;
		}
		.logo
		{
			flex-wrap: wrap;
			align-content: flex-end;
			justify-content: space-evenly;
			flex-flow: row wrap;
			max-width: 645px;
			margin: 0 auto;
		}

	}


/* ============================= */
/* ! Layout for mobile version   */
/* ============================= */

	@media handheld, only screen and (max-width: 656px) {

		.header{
			padding-bottom: 0;
			background: none;
		}

		.gutter-body{
			margin: 0 16px;
		}

		.mobheader{
			padding-top: 133px;
			background: #ffffff url('../images/hdr-delivering-choice-767x133.jpg') no-repeat top left;
		}

		
		.main-header{
			padding-bottom: 40px;
			background: #ffffff url('../images/hero-shot-small.jpg') no-repeat top left;
		}

		.hidebanner
		{
			display: initial!important;
		}

		.bannerheader{
			padding-bottom: 39px;
		}

		.header .rb-introduction{
			width: 100%;
			padding-top: 10px;
			margin-right: 0px;
			margin-left: 0px;
			background-color: #ffffff;
			background-color: rgba(255, 255, 255, 0.95);
		}
		
		.main-header .main-rb-introduction{
			width: 100%;
			padding-top: 10px;
			margin-right: 0px;
			margin-left: 0px;
			background-color: #ffffff;
			background-color: rgba(255, 255, 255, 0.95);
		}
		.rb-introduction .inner-container{
			margin: 20px 0 20px 0;
			padding-bottom: 10px;
		}
		
		.main-rb-introduction .main-inner-container{
			margin: 20px 0 20px 0;
			padding-bottom: 10px;
		}
		.news-release-date, .news-release-summary, .inner-threecol, .customer-photo, .quote{
			float: none;
			width: 100%;
		}
		.customer-photo{
			margin-bottom: 20px;
		}
		.news-release-date{
			margin-bottom: 15px;
		}
		.rb-introduction p{
			font-size: 18px;
			line-height: 1.3;
			width: 90%;
		}
		.footer p{
			margin-bottom: 0;
		}

		.testimonials{
			display: flex; 
			flex-direction: column;
		}

		.opportunities
		{
			display: flex; 
			flex-direction: column;
		}

		.relations
		{
			display: flex; 
			flex-direction: column;
			align-items: center;
  			justify-content: center;
		}
		.btnalign{
			text-align: center;
		}
		.rb-deliveringchoice
		{
			display: flex; 
			flex-direction: column;
			align-items: self-start; 
		}
		.rb-deliverchoice-img
		{
			width: 100%; 
			flex-shrink: 0; 
			margin-right: 20px;
			margin-bottom: 10px;

		}
		.logo{
			flex-direction: row;		
			flex-flow: row;
			justify-content: space-evenly;
		}
		.logo-desktop
		{
			display: none;
		}
		.logo-mobile
		{
			display: initial;
		}
		.vid
		{
			width: 100%;
		}





		
/* ! camp*/
/* ! end camp  */
	}
	
	@media handheld, only screen and (max-width: 320px) {

		.header .rb-introduction .inner-container{
			margin-right: 40px;
		}

/*camp page- companies containers*/
.rb-camp-ritchie-bros-logo
{
margin-bottom: 25px;	
}
/*main headings on camp page*/
.rb-camp-about-main-headings
{
line-height: 97%;
}
/*breadcrumb containers*/
/*.rb-bc-container
{
margin-bottom: 20px;
}*/


	}