

@font-face {
font-family: "Circus";
src: url("../fonts/circus.otf") format("opentype");
}

@font-face {
	font-family: "Circustwo";
	src: url("../fonts/circustwo.otf") format("opentype");
}


body {
	font-family: 'Circus', Arial, sans-serif;
	font-weight:normal;
	font-style:normal;
	font-size: 18px;
	line-height: 1.5;
	color: #ffd6c4;
	margin:0;
}

h5{
	font-size: 30px;
	text-align: center;
	line-height: 1.5;
	font-family: 'Raleway', sans-serif;
}

h2{
	color: #c9141b;
	font-size: 80px;
	text-align: center;
	line-height: 1.2;
}

h6{
	color: #c9141b;
	text-align: center;
	line-height: 1.8;
	font-size: 24px;
	font-family: 'Raleway', sans-serif;
}


h3{
	font-family: 'Circustwo', Arial, sans-serif;
	font-weight:normal;
	font-style:normal;
	font-size: 80px;
	text-align: center;
	color: #c9141b;
	line-height: 1.2;
}


h4{
	font-size: 24px;
}


header{
  top: 0;
  left: 0;
  width: 100%;
	height: 120px;
  display: flex;
  justify-content: space-between;
  align-items: center;
	background-color: #ffd6c4;
	z-index: 2;
}


/***************************/

.promoted {
	text-align: center;
	margin: 60px 0;
}

.promoted img {
	width: 100%;
	object-fit: contain;
}

.promoted .sign-big {
	margin-top: 60px;
}

/**************************/


.footinfo{

color:#ffffff;

padding-left: 20px;
padding-top: 5px;
}


.footsocial{
	padding-left: 20px;
	padding-top: 10px;
}

header nav{
	padding-right: 10px;
}

header nav a{
  margin-left: 40px ;
  transition: border 0.3s ease-in;
  border-bottom: 4px solid #ffd6c4;
	padding-bottom: 10px;
}

header nav a:hover{
  border-color: #c9141b;
}

h1 img{
	height:120px;
	padding-left: 0px;
	display:flex;
}

.headerolder{
	max-width:1280px;
	margin-left: auto;
	margin-right: auto;
}


img {
  vertical-align: middle;
}


.faqqs{
	font-size: 18px;
}

.vidback{
		background-color: #ffd6c4;
}

.toppad{
	padding-top: 20px;
}

.toppad--lrg {
	padding-top: 60px;
}

.travel{
	color: #c9141b;
}

.hireuss{
padding-top: 20px;
}

.hireblurb{
	color: #c9141b;
}

.trade{
	color:#c9141b;
	left: 0px;
	 top: 0px;
	padding-left: 10px;
	font-size: 18px;
}

.tradde{
	font-size: 14px;
		color:#c9141b;
		padding-left: 10px;
}

.alll{
	background-color: #ffd6c4;
}

.all{
	background-color: #ffd6c4;
	max-width:1280px;
	margin-left: auto;
	margin-right: auto;
}



.traders, .events, .about, .hires{
	color: #c9141b;
	display: inline-block;
	flex-wrap: wrap;
	text-decoration: none;
	text-transform: uppercase;
}

.title{
color: #ffd6c4;
		text-decoration: none;
}


.sign{
	display: inline-block;
	color:#ffd6c4;
	background-color: #c9141b;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
	text-decoration: none;
	text-transform: uppercase;
}

.sign:hover{
	color:#c9141b;
	background-color: #ffd6c4;
	border-color: #c9141b;
	transition: background-color .3s ease-in;
}

.sign-big{
	margin-left: auto;
	margin-right: auto;
	width: 300px;
	padding-bottom: 30px;
	text-align: center;
}

.contact{
width: 160px;
}

.dates{
width: 230px;
}

.holder{
	padding-top: 20px;
	position: relative;
}

.holder img{
	width:100%;
}

.trader img{
	width: 100%;
}

.holderfive img{
	width: 100%;
}




	.hireus img{
		width: 100%;
	}

	.hero img{
		width: 100%;
	}

.holdersix {
	margin: 0 0px;
}

.storywalls img{
	width:100%;
}

.strip{
	background-color: #c9141b;
	width:85%;
	height: 100px;
	position: absolute;
	left: 0px;
  top: 60%;
}

.title{
	position: absolute;
	left: 0px;
	 top: -16px;
	padding-left: 10px;
}

.logooverlay {
	top: 50%;
  width: 50%;
  left: 50%;
	position: absolute;
	align-content: center;
	transform: translate(-50%,-50%);
	z-index: 3;

}

.hero{
	position: relative;
}



.tradergrid{
max-width: 1280px;
margin-left: auto;
margin-right: auto;
margin-bottom: 60px;
display: flex;
flex-wrap: wrap;
}



.trader {
	position:relative;
  max-width:310px;
	margin:5px;
}




.overlay{
	position: absolute;
  top: 0;
  left: 0;
  height: 100%;
	width:100%;
	background-color: rgba(223, 206, 203, 0.9);
opacity: 0;
  transition: all 0.3s;
}

.trader:hover .overlay{
  opacity: 1;
}


.storywall {
max-width:980px;
	margin-left: auto;
margin-right: auto;
}


.storywalls {
max-width:980px;
	margin-left: auto;
margin-right: auto;
}

.allls{
padding-top: 60px;
margin-left: auto;
margin-right: auto;
background-color: #ffd6c4;

}

.videowall {
max-width:980px;
	margin-left: auto;
margin-right: auto;
padding-top: 15px;
}


.hire, .content,  .faqs{
max-width:900px;
	margin-left: auto;
margin-right: auto;
}


footer{
	height:180px;
	max-width:1280px;
	margin-left: auto;
	margin-right: auto;
	background-color: #000000;
}



.resp-container {
		position: relative;
		overflow: hidden;
		padding-top: 56.25%;
}

.resp-iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

.hidden {
	display: none;
}



.fling-minislide {width:100%; height:0px; padding-bottom: 67%; overflow:hidden; position:relative; }
.fling-minislide img{ position:absolute; animation:fling-minislide 20s infinite; opacity:0; width: 100%; height: auto;}

@keyframes fling-minislide {25%{opacity:1;} 40%{opacity:0;}}
.fling-minislide img:nth-child(4){animation-delay:0s;}
.fling-minislide img:nth-child(3){animation-delay:5s;}
.fling-minislide img:nth-child(2){animation-delay:10s;}
.fling-minislide img:nth-child(1){animation-delay:15s;}






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

	.containerlrg{
		margin-left: auto;
		margin-right: auto;
	}


	.grid{
		max-width: 1280px;
		display: flex;
		flex-wrap: wrap;
		align-items: flex-end;
	}

	.container{
	width:50%;
	padding-left: 0px;
	padding-right: 0px;

	margin-left: -10px;

	}

	.holder{

			padding-left: 40px;
		margin: 0 10px;
	}




}







@media only screen and (max-width: 959px) {

	.trader {
		position:relative;
	  max-width:45%;
	}

	.tradergrid{
		margin-left: auto;
		margin-right: auto;
		max-width: 900px;
		padding-left: 20px;
	}

}






@media only screen and (max-width: 820px) {

	h1 img{
		width:200px;
	}

	header nav a{
	  margin-left: 20px ;

	}

	a {
	font-size: 14px;
		line-height: 1.2;
		margin-top: 5px;
		}

	header{
		height: 120px;
}

.sign{
	margin-left: 18px;
	padding-left: 10px;
	padding-right: 10px;
}
}