body {

	margin:70px 0 0 0;
}

.wrapper,
.inner {min-width:700px;max-width:1600px;width:98%;margin:0 auto;position:relative;}
.wrapper {border:1px solid red;}

#body {padding:0;}
#content {padding:10px 0 20px;}


#top {
	position:fixed;
	top:0;
	width:100%;
	z-index:99;
	
}

header {
	height:73px; /* 60px */
	padding:0;  /* 7px 0 */
 	border-top:3px solid #fad300 ;
 	border-bottom:3px solid #000 ;

 
}


.logo {
	background-position:-5px 50%;
	height:69px;
	line-height:69px;
	max-width:100%;
	text-indent:0;
	margin:0 0 0;
	font-size:24px;
}





/* navigation */


nav {
	border:none;
	position:relative;
	top:auto;
	display:block;
	height:40px;
	padding:0;
	background:none;
	box-shadow:none;
	margin:none;
	transition:none;
 	margin:15px 0 0;
}

.nav {
	clear:none;
	border-left: 0 solid #000;
	display: -webkit-flex; 
    -webkit-justify-content: space-between; 
    display: flex;
    justify-content: space-between;
  
	
}

.nav-item {white-space-collapse: collapse;
	border:none;
	cursor:pointer;
	display:block;
	line-height:36px;
	height:38px;
	font-size:0.85rem;
	font-weight:600;
	float:left;
	padding:0;
	position:relative;
	color:#fad300;
	margin:0;
	transition:all 0.1s ease-in;
	border-top:2px solid #373737; 
 	clear:none;
	width:auto;
	background:none;
 }

.nav-item:focus,
.nav-item:hover {cursor:pointer;background:#000;border-top:2px solid #fad300;color:#fad300;}


.nav-item__fleet {font-weight:700;}
/*
.nav-log,
.nav-photo {font-weight:600;color:#fff;border-radius:0 ;background:#494949;order:99}
 */
/*
.nav-log,
.nav-photo {font-weight:600;color:#fff;border-radius:0 ;background:#494949;order:99}
 
*/
 .nav-log,
 .nav-photo {font-weight:600;color:#000;border-radius:99px ;background:#fad300;margin-right:10px;order:99}
.nav-photo {order:90;}
/*.ff1*/ .nav-photo:hover,
/*.ff1*/ .nav-log:hover  {border-top:2px solid #000}




.nav-item__fleet ,
.nav-event {background-color:#000;color:#fad300}


.nav-link {color:inherit!important;padding:0 5px;white-space-collapse: collapse;}
.nav-link:hover {text-decoration:none; }



	.sub {display:none;position:absolute;left:0;top:34px;background:#000;padding:1px 10px 5px;margin:0;width:300px;border-width:0 0px 2px 0px;border-style:solid;border-color:#fff #373737 #fad300;box-shadow:0 0 3px #000}
		.sub-item {line-height:26px;padding:0;color:#fff;font-size:0.95rem;font-weight:400;margin:5px 0;;}
		.sudiv {margin-top:15px;}
		.sub-link:hover {color:#fad300;}
		.nav-item:focus .sub,
		.nav-item:hover .sub {display:block;}
		.sub2 {width:600px;lxeft:-290px}
		.sub2 ul {width:50%;float:left;}
		
		.sub3 {width:800px;left:-265px}
		.sub3 ul {width:33.333333%;float:left;}
	.user0 .link-upgrade {color:#fad300;font-style:italic;}






/* avatar */
.avatar__menu {margin:0 0 0 8px ;float:right;display:inline-block;transition:border-color 0.1s ease-in;height:36px;width:36px;}
.nav-item .avatar {border-color:#fad300;}
.nav-item:hover .avatar {border-color:#fff;}



/* puller */	
.pull {display:none}
 
 .page-vehicle #pull_photo,
 .page-vehicle #pull_submit {display:block;position:fixed;top:90px;right:20px;z-index:101;background-color:#fad300;border-radius:99px;background-position:8px 8px;margin:0;box-shadow:0 0 4px #000;height:64px;width:64px;background-size:48px 384px}
  .page-vehicle #pull_photo { top:170px; ;background-position:8px -86px;  } 
 
.page-vehicle .pull:hover {background-color:#fe0!important;}

.page-vehicle.not-seen #pull_submit	{box-shadow:0 0 5px #c0392b;}



/* search */
	.input__search {
		font-size:0.8rem;
		margin:0;
		padding:4px 7px;
		margin:3px 0 0 0;
	}
	
	.searchbox {margin:0 0 0 0;}
.button__search { background-position:-8px -267px;cursor:pointer;}

	
	
	
.search_results__ul {width:400px;position:absolute;left:auto;right:0;top:40px;}

h2 {font-size:2rem;}


/* banners */

.banner {text-align:left;}
.banner-overlay {padding:130px 0 99px 0;}
.banner__noimage .banner-overlay {padding:3rem 0 2rem 0;}

.banner-title {font-size: 2.4rem; border-left:5px solid #fad300;padding:10px;border-bottom:0;margin-bottom:10px;max-width:45%;}

.banner-sub {font-size: 1.4rem;max-width:45%;margin-top:05px;padding:0 0}

.banner-image {width:70%;height:100%;}
 
 
.fade { background: rgba(0,0,0,0.5);
background: -moz-linear-gradient(90deg, rgba(0,0,0,1) 33%, rgba(0,0,0,0) 55%);
background: -webkit-linear-gradient(90deg, rgba(0,0,0,1) 33%, rgba(0,0,0,0) 55%);
background: linear-gradient(90deg, rgba(0,0,0,1) 33%, rgba(0,0,0,0) 55%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1); }
 
 
 
 
 
 
 
 /* photograph page */

.ni {text-align:center;box-shadow:0;position:relative;overflow:hidden;}
#spacer {position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;border:0;box-shadow:0;}



h3.date {top:70px;padding-top:10px}


/* news */

div.news-image {width:300px;float:right;border:1px solid #007;margin-left:20px;}
div.news-image img {border:0;max-width:300px;}

 


/* shadows and curved corners - browserspecific*/

ol.stats span {font-weight:bold;}


 


#loginbox {display:none;}

td.photo {
  width:100px;
}


 


a.ct {float:left;margin:3px 10px 10px 0;}
 
 
 
 
/* VEHICLE PAGES */

.fact {padding:5px 5px;font-size:1.2rem;}
.fact__evn {}
	.fact strong {}
	.fact i {}
	



/* tabs */


.tabs {position:relative;border:1px solid #333;z-index:0;box-shadow:none;}
.tab {background-position:8px 50%;padding:10px 10px 10px 40px;text-align:left;border-left:1px solid #333;font-size:0.8rem;height:auto;}

	.tab:hover,
	.tab__active {background-position:5px 50%;}

	
	.tab span {display:inline-block;margin-left:5px;padding:1px 5px;border-radius:3px;position:relative;top:auto;left:auto;right:auto;font-size:1em;color:#000;background:#fad300;}
span.none {color:#fff;background:#c0392b;;}

.tab_box { padding:10px 0;}


.tab__a a {padding:0 0; }



/* ?? */



#recent_n2 {margin:0;}


/* TABLES */
.col {display:none;border:none;}
td,
.col__show {display:table-cell}

.fleet thead {display:table-header-group;}
.fleet tbody tr {display:table-row}
.fleet tbody td,
.fleet tbody .t-photo {float:none;height:80px;}

.col__show {clear:none;display:table-cell;}

.list-thumb {width:100%;height:auto;border:1px solid #373737;}


/* forms */


.overlay {padding-top:150px;}

fieldset {padding:12px;}

.form {padding:12px 16px; }

.form__sticky {
	position: -webkit-sticky;
	position: -moz-sticky;
	position: -ms-sticky;
	position: -o-sticky;
	position:sticky;
	top:66px;
	z-index:5;
}
.form-headingxx { margin:-12px -16px 10px -16px;padding:8px 16px;}

.xxitems .form {height:100%;}

.field {margin:14px 0;}
 
 .friend__mini {width:33%;text-align:left;}

 
 .filters {
	display: -webkit-flex; /* Safari */
    display: flex;
	padding:12px 20px;
	gap:12px;

	background:#eee;
	border:none;
	margin: 1rem -20px 2rem;width: calc(100% + 40px);
	}

.filters input,
.filters select {flex:1;margin:0;}
	
.filters .button {flex:0;width:150px;}	
 
/* footer */

#footer {padding:20px 0;}
#footer .g03 ,
#footer .g04 {width:25%;float:left;clear:none}

/* grid */

.row {clear:both;}
.grid {float:left;}
.grid_right {float:right;}
	.g01 {width:8.33%;}
	.g9th {width:11%;}
	.g8th {width:12.5%;}
	.g02 {width:16.66%;}
	.g20 {width:20%;}
	.g03 {width:25%;}
	.g04 {width:33.3%;}
	.g40 {width:40%;}
	.g05 {width:41.66%;}
	.g06 {width:50%;}
	.g07 {width:58.3%;}
	.g08 {width:66.66%;}
		.g03 + .g08 {width:73%;}
	.g09 {width:75%;}
	.g10 {width:83.3%;}
	.g11 {width:91.66%;}
	.g12 {width:100%;}
	.padding-right {padding-right:4.1%;}
	.padding-left {padding-left:4.1%;}
	.padding-all {padding:5px;}
	.margin__right {margin-right:20px;}
	
	

/* flex */
.flex_row {
	display: -webkit-flex; /* Safari */
    display: flex;
}
.flex_wrap {
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;	
}

.flex_item {
	-webkit-flex:1;
	flex:1;	
}
.flex__gap {margin:12px;}
	
	
	.flex_row h3 {margin:0;XXpadding-left:15px;}
 



 

	.item-image {height:120px;}
	.g04 .item-image {height:160px;}

/* new items */


	.items {gap:20px;padding:6px 0}

	.items__highlight {margin: 1rem -20px 2rem;width: calc(100% + 40px);padding: 20px;}
	
	.items__c2a {margin: 1rem -20px 2rem;width: calc(100% + 40px);padding: 20px;}
	
.page- .items__highlight {margin-top:-16px;}
	
/*.items + .items {margin-top:25px;}*/



	.xitem { width:calc(25% - 15px);height:140px;}
	 
	.items__mini  .xitem {width:calc(50% - 10px)!important;}

	.xitem__noimage {width:calc(20% - 16px);max-width:calc(25% - 15px);}
	
	.xitem__intro {width:100%;height:150px;}
	
	.xitem__news {width:calc(33.333333% - 14px);height:150px;}

	.xitem__news.xitem__noimage {width:calc(33.333333% - 13.4px);max-width:calc(50% - 10px);}
	.xitem__news.xitem__noimage {width:calc(20% - 16px);max-width:calc(33.333333% - 13.4px);}
	
	
	.item,
	.xitem__large {width:calc(33.333333% - 13.4px);}
	
	.xitem__third {width:calc(33.333333% - 13.4px)!important;}
	.xitem__large {;height:180px;}

	.xitem__thumb {width:calc(16.666666666667% - 17px);height:auto;}

/*
	.c2a {flex:1;}
	.c2a__user {flex-grow:1;}
*/
 
	.card {width:calc(33.333333% - 14px);max-width:calc(50% - 10px);flex-grow:1 }

	.card__c2a {width:calc(25% - 15px);}
	.card__share {max-width:calc(25% - 15px);}

.card__nogrow {flex-grow:0;}


	.card__news {width:calc(50% - 10px); max-width:67%;}
	
	.card__news .card_photos {width:calc(50% - 10px);float:left;height:100%}
	.card__news .card_caption {width:50%;float:right;padding:15px 10px}

	.card__full {width:100%;max-width:100%}
	.card__full .card_photos {width:calc(25% - 15px);float:left;height:100%}
	.card__full .card_caption {width:75%;float:right;padding:15px 10px}

.card_photo_text {top:14px;}


.card .button {padding:8px 12px;}

.mini_filter  {right:0;top:-2px;width:calc(25% - 15px); }
 
@media screen and (min-width: 1150px) {
	.nav-item {
		font-size:1rem;
	}
	
	

	
	

}
@media screen and (min-width: 1299px) {
	.logo {
		font-size:30px;
	}	
.nav-link { padding:0 10px;}
.sub {padding:18px 12px 5px;}	
}

@media screen and (min-width: 1499px) {
	.logo {
		font-size:36px;
	}	
}



@media screen and (min-width: 1599px) {
	#content {padding:0;background:#f8f8f8;}
	.content .inner,
	#content .inner {width:100%;padding:1rem 2rem;background:#fff;box-shadow:0 0 5px #000}
	.filters,
	.items__c2a,
	.items__highlight {margin: 1rem -2rem 2rem;;width: calc(100% + 4rem);padding: 20px 2rem 2rem;}


	.card {width:calc(25% - 15px) ;}	

	.card__news {width:calc(50% - 10px);max-width:calc(50% - 10px);}
	.card__full {width:100%;max-width:100%}


.page- .items__highlight {margin-top:-16px;}
}



@media screen and (min-width: 1750px) {
 


p,li,td,th {font-size:1.05rem;margin:1rem 0;}

p.intro {font-size:1.2rem;}


	.items__mini  .xitem {width:calc(33.333333% - 13.4px)!important;max-width:calc(33.333333% - 13.4px)!important;}
	.items__mini  .xitem__50 {width:calc(50% - 10px)!important;}

	.xitem__news {width:calc(33.333333% - 13.4px);}

/*
	.card {width:calc(20% - 16px);}
	.card__news {width:calc(50% - 10px);max-width:calc(50% - 10px);}

	.card__photos .card_photos {height:auto;max-height:250px;width:100%;aspect-ratio:3/2;}
*/

}