/* CSS Document */

body {
	background-color:#fff;
	color:#345;
	font-family: "Trebuchet MS", arial, helvetica, sans-serif;
	font-size:16px;
	line-height:1.6;
	padding:0;
	margin:0;
	animation:fadein 1s;
}

@font-face {
	font-family:hand;
	src: url(https://slotracer.online/plan/fonts/tylerwolf.otf);
}

@keyframes fadein{
	0%{opacity:0;}
	100%{opacity:1;}
}

@font-face {
    font-family: ultra-bold;
    src: url(fonts/ultra-bold.woff2) format('woff2'),
         url(fonts/ultra-bold.woff) format('woff');
    font-weight: normal;
    font-style: normal;
}

img{
	max-width:100%;
	height:auto;
	vertical-align:bottom;
}
a{
	text-decoration:none;
}
h1{
	font-weight:normal;
	color:#567;
	font-size:28px;
	margin:2% 0 0 0;
}
h1 a{
	color:#c00;
}
h1 a:hover{
	color:#000;
}
h2{
	color:#567;
	font-weight:normal;
	font-size:24px;
}
h3{
	font-weight:normal;
	font-size:20px;
}


/* BANNER LOGO----------------------------------- */
.banner{
	position:relative;
	margin:0;
	font-size:16px;
	font-weight:normal;
	border-top:solid 4px #c00;
	color:#000;
	text-align:center;
}
.logo{
	width:285px;
	height:auto;
	padding:10px 3%;
	display:inline;
}


/* NAVIGATION ICONS----------------------------------- */
.nav-icons{
	position:relative;
	bottom:0;
	padding:10px 3%;
	text-align:center;
	z-index:60;
}
.nav-icons  a, .nav-icons .button{
	font-size:0;
	display:inline-block;
	padding:10px;
	margin: 0 3px;
	border-radius:50%;
	background-color:#fff;
	border:none;
	cursor:pointer;
	transition:box-shadow 0.3s;
}
.nav-icons  a:hover, .nav-icons .button:hover{
	background-color:#fff;
	box-shadow:0 0 5px #ccc;
}
.nav-icons .hide{
	display:none;
}



.top-slot {
	position:relative;
	margin:0 5% 5% 5%;
	width:90%;
	text-align:center;
	color:#789;
}
.top-slot h1{
	font-family:shrikhand;
	color:#abc;
	font-size:28px;
	margin: 0 0 2px 0;
	padding:10px;
	letter-spacing:2px;
}
.secondary-header{
	width:100%;
	margin:0;
	padding:0;
	white-space: nowrap;
	overflow:hidden;
}
.third img{
	width:100%;
	margin:0;
	padding:0;
}


/* SIDEBAR NAVIGATION----------------------------------- */

.primary-nav{
	float:left;
	display:none;
	max-width:180px;
	margin:30px 1% 0 3%;
	padding:0;
	text-transform:uppercase;
}
.primary-nav ul{
	max-width:180px;
	margin:0 0 20px 0;
	padding:0;
	color:#567;
	list-style-type:none;
}
.primary-nav h1{
	font-size:18px;
	font-weight:normal;
	letter-spacing:1px;
	padding:0 0 10px 0;
	margin:0 0 20px 0;
}
.primary-nav h6{
	font-size:18px;
	font-weight:normal;
	letter-spacing:1px;
	padding:0 0 10px 0;
	margin:0 0 20px;
	border-bottom:solid 2px #c00;
}
.primary-nav li{
	position:relative;
	margin:0;
	padding:0 0 10px 0;
	font-size:16px;
	font-weight:normal;
	letter-spacing:1px;
}
.primary-nav a{
	padding:3px;
	color:#234;
	display:block;
}
.primary-nav a:visited{
	color:#678;
}
.primary-nav a:hover, .primary-nav a:visited:hover{
	color:#c00;
}
.primary-nav .current{
	color:#000;
	position: relative;
}
.primary-nav .current:after{
	content:" ";
	position: absolute;
	width:0;
	height:0;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	left:101%;
	border-left:8px solid #ccc;
	border-top:6px solid transparent;
	border-bottom:6px solid transparent;
	
}
.primary-nav :focus{
	background-color:#eee;
	color:#000;
}
.primary-nav .hide{
	display:none;
}
.nav-date{
	font-size:11px;
	padding:0 3px;
	opacity:0.7;
}
.inline li{
	display:inline-block;
	margin: 0 0 5px 0;
}
.inline li a{
	padding:5px 5px;
	width:20px;
	margin:0 5px 0 0;
	text-align:center;
	background-color:#eee;
	transition: background-color 0.7s;
}
.inline li a:hover{
	background-color:#000;
	color:#fff !important;
}
.inline .current{
	background-color:#000;
	color:#fff !important;
}
.inline .current:after{
	display:none;
}

/* SIDEBAR CONTENT----------------------------------- */

.sidebar-contents .primary-nav{
	float:none;
	margin:30px 1% 0 0;
}

.sidebar-contents{
	margin:30px 1% 0 3%;
	padding:0;
}
.sidebar-contents h1{
	font-size: 18px;
	text-transform: uppercase;
	margin: 0 0 10px 0;
}
.sidebar-contents h1 a{
	color:#c00;
}
.sidebar-contents h1 a:hover{
	color:#000;
}
.sidebar-contents ol{
	display:none;
	list-style-type:none;
	margin:0 0 ;
	padding:0;
}

.sidebar-contents li{
	padding:1px 0;
}
.sidebar-contents ol a{
	color:#333;
	display:block;
	padding:3px 10px;
	background-color:#f6f6f6;
	border-left:solid 4px #ccc;
}
.sidebar-contents ol a:hover{
	color:#000;
	background-color:#f1f1f1;
	border-left:solid 4px #c00;
}
.sidebar-contents h2 {
	font-size:20px;
	margin:0;
	padding:0;
}
.sidebar-contents h3 {
	display:none;
	font-size:18px;
}
.sidebar-contents h4 {
	font-size:14px;
	padding: 0;
	margin:3px 0;
	text-transform:uppercase;
	letter-spacing:1px;
}
.sidebar-contents li p {
	font-size:14px;
	padding: 0;
	margin:3px 0;
	border-radius:2px;
}


/* MAIN CONTENT----------------------------------- */


.main-content{
	margin:30px 5%;
	text-align:left;
}
.publication{
	margin:30px 5%;
	text-align:left;
}



/* PREVIEW LINK BOXES----------------------------------- */
.blocks{
	margin:-1% 4% 5% 4%;
	font-size:0;
}
.box{
	position:relative;
	display:inline-block;
	font-size:16px;
	height:250px;
	vertical-align:top;
	border-bottom:solid 2px #c00;
	box-shadow:0 0 5px #ccc;
}
.box a{
	display:block;
}
.full, .half, .quarter{
	display:inline-block;
	vertical-align:top;
	margin:1%;
	padding:0;
	width:98%;
	font-size:0;
}
.sixth{
	display:inline-block;
	vertical-align:top;
	margin:1%;
	padding:0;
	width:48%;
}



.box .title{
	font-size:20px;
	color:#567;
	margin:2px 20px;
	padding:0;
	white-space:nowrap;
	overflow:hidden;
	text-overflow: ellipsis;
	transition:0.3s;
}
.box:hover .title{
	color:#000;
}
.box .tagline{
	color:#567;
	font-size:14px;
	padding:0 20px 15px 20px;
	margin:0;
	white-space:nowrap;
	overflow:hidden;
	text-overflow: ellipsis;
	transition:0.3s;
}
.box:hover .tagline{
	color:#000;
}
.box .image{
	overflow:hidden;
	position:relative;
	height:180px;
}
.box .overlay{
	position:absolute;
	overflow:hidden;
	top:0;
	left:0;
	margin:0;
	padding:0;
	height:180px;
	width:100%;
	background-color: rgba(255, 255, 255, 0.9);
	color:#000;
	font-size:14px;
	opacity:0;
	z-index:10;
	transition:opacity 0.7s;
}
.box:hover .overlay {
	display:block;
	opacity:1;
}
.box .overlay p{
	padding: 0 20px;
	white-space: normal;
}
.box .bar{
	position:relative;
	padding:10px 20px;
	margin:0;
	display:inline-block;
	text-transform:uppercase;
	left:-100%;
	transition:left 1s;
}
.box:hover .bar{
	left:0;
}

.image img{
	position:relative;
	display:block;
	max-width:none;
	object-fit: cover;
	object-position:50% 0;
	width:100%;
	height:180px;
}
.contain{
	position:relative;
	max-width:90% !important;
	padding:5%;
	max-height:150px;
	object-fit: contain !important;
	object-position:50% 50% !important;
}
.cover{
	position:relative;
	object-fit: cover !important;
	object-position:50% 50% !important;
}

.tall{
	height:calc(500px + 2%);
}
.short{
	height:160px;
}
.short .title{
	font-size:16px;
}
.short .image{
	overflow:hidden;
	position:relative;
	height:125px;
}
.short .image img{
	height:125px;
}
.short .overlay{
	height:125px;
	font-weight:normal;
}
.short .overlay p{
	font-size:12px;
}
.block-text{
	padding:0 20px;
	font-size:16px;	
}
.one-row{
	height:calc(252px + 1.5vw);
	white-space:nowrap;
	overflow:hidden;
}
.two-rows{
	height:calc(504px + 3vw);
	overflow:hidden;
}
.three-rows{
	height:calc(756px + 4vw);
	overflow:hidden;
}
#main, #digest, #updates, #threads{
	height:270px;
	white-space:nowrap;
	overflow:hidden;
}
#figures{
	white-space:nowrap;
	overflow:hidden;
	
}

.wp-excerpt{
	position:relative;
	display:inline-block;
	vertical-align:top;
	font-size:14px;
	padding: 5px 20px;
	margin:1%;
	width:calc(98% - 40px);
	height:350px;
	overflow: hidden;
	box-shadow:0 0 5px #ccc;
	border-bottom:solid 2px #c00;
}
.wp-excerpt h3{
	margin:0 0 10px 0;
	padding:0;
	white-space:nowrap;
	overflow:hidden;
	text-overflow: ellipsis;
}
.wp-excerpt p{
	color:#345;
}
.wp-excerpt .details {
	position:absolute;
	left:0;
	bottom:0;
	display:block;
	width:calc(100% - 40px);
	background-color:#eee;
	margin:0;
	padding:3px 20px;
	text-align:left;
}

/* CONTENT PAGES----------------------------------- */
.page{
	position:relative;
	margin:0 4% 5% 4%;
}
.page h2{
	color:#687;
	font-weight:normal;
}
.page h3{
	color:#4a8;
	font-weight:normal;
}
.page h4{
	color:#693;
	font-size:20px;
	font-weight:normal;
}
.page h5{
	color:#678;
	font-size:16px;
	text-align:left;
	text-transform:uppercase;
	letter-spacing:1px;
}
.page a{
	color:#47a;
	font-weight:bold;
	border-bottom:1px dotted #456;
}
.page a:hover{
	color:#000;
	border-bottom:1px dotted #000;
}
.page li{
	line-height:2;
}
.no-border{
	border:0 none !important;
}
.text{
	position:relative;
	padding:1% 0 5% 0;
}

.card{
	padding:2%;
}
.model{
	background:linear-gradient(90deg, #345, #456 89%,#fff 89%, #fff 90%, #c00 90%); 
	color:#fff !important;
	font-size:18px;
	padding:3px 10px;
	margin:0 0 4px 0;
}
.driver{ 
	color:#000 ;
	padding:3px 10px 3px 12%;
	margin:4px 0 0 0;
	font-weight:bold;
	background:linear-gradient(90deg, #999, #999 9%,#fff 9%, #fff 10%, #eee 10%, #ccc);  
}

.production{
	background:linear-gradient(90deg, #345, #456 89%,#fff 89%, #fff 90%, #999 90%); 
	color:#fff !important;
	padding:3px 10px;
	margin:4px 0;
	font-weight:bold;
}
.numbers{
	background:linear-gradient(90deg, #999, #999 9%,#fff 9%, #fff 10%, #eee 10%, #ccc); 
	color:#000 ;
	padding:3px 15%;
	margin:4px 0 0 0;
}
.numbers span{
	display:inline-block;
	width: 90px;
}
.notes{
	background:linear-gradient(90deg, #345, #456 89%,#fff 89%, #fff 90%, #999 90%); 
	color:#fff !important;
	padding:3px 10px;
	margin:4% 0;
	font-weight:bold;
}
.details{
	font-size:14px;
	background-color:#f6f6f6;
	color:#456;
	padding:3px 10px;
	border-left:solid 2px #ddd;
}
.black .details{
	background-color:#333;
	color:#ccc;
	border-left:solid 2px #c00;
}
.large{
	font-size:24px;
}
.gallery{
	background-color:#ddd;
	margin:3% 0;
	padding: 1%;
	text-align:center;
	border-radius: 5px;
}
.gallery-header{
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
	text-align:left;
	margin:1%;
}
.gallery-header h5{
	padding:5px 13% 5px 10px;
	margin:0;
	font-size:14px !important;
	color:#fff !important;
	text-align:left;
}
.gallery-caption{
	background-color:#567;
	background:linear-gradient(90deg, #789, #789 88%, transparent 88%, transparent 90%, #0297D9 90%);
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
	padding:5px 13% 5px 10px;
	margin:1% 1% 0 1%;
}
figure{
	margin:0;
	padding:0;
}
.wp-block-image figcaption{
	margin:0;
}
figcaption{
	background-color:#eee;
	font-style:italic;
	text-align:left;
	padding:5px 10px;
	max-width:100%;
}
.gallery figcaption{
	margin:0 1% 1% 1%;
}
.gallery-caption h5{
	padding:0 !important;
	margin:0;
	font-size:14px !important;
	color:#fff !important;
	text-align:left;
}


.digest ul{
	list-style-type:none;
	margin:0;
	padding:0;
}
.digest li{
	position:relative;
	background-color:#f6f6f6;
	margin:1% 0;
	padding:1% 2%;
}
.digest ul li a:first-of-type{
	display:block;
	font-size:18px;
	margin:0;
}
.intro-tagline, .image-top {
	position:relative;
	display:block;
	padding:2% 3%;
	margin: 2% 0 0 0;
	font-style: italic;
	font-size:20px;
	font-weight:bold;
	border-radius:10px 10px 0 0;
}
.image-bottom {
	position:relative;
	display:block;
	padding:2% 3%;
	margin: 0 0 2% 0;
	font-style: italic;
	font-size:16px;
	border-radius:0 0 10px 10px;
}

.intro-tagline {
	background-color:#000;
	color:#fff;
}

  
.full-width{
	width:100%;
}
.single img, .double img, .triple img{
	padding:0;
	text-align:center;
	border-radius:3px;
	z-index:5;
	display:inline-block;
}
.single img{
	width:98%;
	margin:1%;
}
.double img{
	width:48%;
	margin:1%;
}
.triple img{
	margin:1%;
	width:31.33%;
}

.portrait{
	margin:1%;
	width:34.55% !important;
}
.landscape{
	margin:1%;
	width:61.44% !important;
}


.right, .align-right{
	position:relative;
	float:none;
	margin:0;
	max-width:100%;
	left:0;
}
.left, .align-left{
	position:relative;
	float:none;
	margin:0;
	max-width:100%;
	left:0;
}



/* COLOURS----------------------------------- */
.paper, .wp-block-verse{
	background-color:#eed;
	background-image: 
	radial-gradient(rgba(255,255,255,0.8) 50%,  rgba(200,180,160,0.8));
}
.paper .details{
	background-color:transparent;
	padding:3px 0;
}

.download ul{
	display:inline-block;
	vertical-align:top;
	list-style-type:none;
	margin:0 5% 5% 5%;
	padding:0;
}
.download li{
	padding:1px 0;
}
.download ul a{
	display:block;
	color:#333;
	font-weight:normal;
	padding:5px 10px;
	background-color:#f6f6f6;
	border-bottom:none;
	border-left:solid 4px #ccc;
}
.download ul a:hover{
	color:#000;
	background-color:#f1f1f1;
	border-bottom:none;
}
.download ul .svg:hover{
	border-left:solid 4px #0a0;
}
.download ul .png:hover{
	border-left:solid 4px #39c;
}
.download ul .pdf:hover{
	border-left:solid 4px #c00;
}
.download ul .jpg:hover{
	border-left:solid 4px #909;
}
.download li p {
	padding: 0 0 0 20px;
	margin:3px 0;
	border-radius:2px;
}
.clear{
	clear:both;
	display:block;
}

/* LIBRARY SPREADS----------------------------------- */
.publication{
	margin:0;
}
.spread{
	background-color:#edc;
	box-shadow:0 0 5px #ccc;
	overflow:hidden;
	position:relative;
}
.spread{
	margin:2%;

}
.light .spread{
	background-color:#f8f6f2;
}
.black .spread{
	background-color:#111;
}
.spread img{
	float:left;
	width:50%;
	transition: transform 0.5s;
}
.spread img:hover{
	cursor: zoom-in;
	transform: scale(1.02);
}
.pop-out{
	position:relative;
	float:left;
	display:inline-block;
	width:50%;
}
.pop-out img{
	width:100%;
}
.pop-out:hover .pop-out-left, .pop-out:hover .pop-out-right{
	opacity:1;
	width:33%;
	transition:opacity 1s, width 1s;
}
.pop-out .pop-out-left, .pop-out .pop-out-right{
	position:absolute;
	top:0;
	width:0;
	bottom:0;
	z-index:5;
	opacity:0;
	transition:opacity 1s, width 1s;
}
.pop-out-left{
	left:100%;
}
.pop-out-right{
	right:100%;
}
.pop-out-left img, .pop-out-right img{
	height:100%;
	
}

.racing-greens h3{
	color:#006145;
	text-align:center;
}
.telegram, .wp-block-verse{
	font-family: "Courier", monospace;
	font-size:20px;
	padding:1% 5%;
}

.grand-prix h1{
	font-family: 'Public Sans', sans-serif;
	color:#c00;
	font-size:24px;
	text-transform:uppercase;
	letter-spacing:-1px;
	margin:2% 0;
	padding:0;
	transform: scale(1.2, 1);
	transform-origin: 0 0;
	display:inline-block;
}

.image-block{	
	font-size:0;
	margin:0 -0.5% 0.5% -0.5%;
}
.one img {
	width:99%;
	height:auto;
	margin: 0.5%;
}
.two img {
	display:inline-block;
	width:49%;
	height:auto;
	margin: 0.5%;
}
.three img{
	display:inline-block;
	width:32.33%;
	padding: 0.5%;
}
.four img{
	display:inline-block;
	width:49%;
	padding: 0.5%;
}
.six img{
	display:inline-block;
	width:32.33%;
	height:auto;
	margin: 0.5%;
}

.drawing{
	transition: transform 0.5s;
}

.blueprint .drawing:hover{
	cursor: zoom-in;
	transform: scale(1.02);
}
.blueprint{
	position:relative;
	background-image: 
	linear-gradient(rgba(120,120,120,0.3) 2px, transparent 2px),
	linear-gradient(90deg, rgba(120,120,120,0.3) 2px, transparent 2px),
	linear-gradient(rgba(120,120,120,0.3) 1px, transparent 1px),
	linear-gradient(90deg, rgba(120,120,120,0.3) 1px, transparent 1px),
	radial-gradient(rgba(45,100,180,1) 40%,  rgba(30,60,90,1));
	background-size: 100px 100px, 100px 100px, 20px 20px, 20px 20px, 100% 100%;
	background-position:-2px -2px, -2px -2px, -1px -1px, -1px -1px, 0px 0px;
}

.blueprint h2{
	font-size:24px;
	color:#eee;
}
.blueprint p{
	color:#eee;	
}
.blueprint .details{
	background-color:rgba(0, 0, 0, 0.3);;
	padding:3px 10px;
}
.gp-blueprint table, .blueprint table{
	background-color:#fff;
	padding:0;
}
.gp-blueprint td, .blueprint td, .blueprint th, .standard td, .standard th{
	padding:2px 10px;
	margin:0 1px 2px 1px;
	text-align:left;
	background-color:#eee;
}

.gp-blueprint{
	position:relative;
	margin:1% 0;
	padding:2% 5% 2% 5%;
	background-image: 
	radial-gradient(rgba(255,255,255,0.8) 50%,  rgba(200,180,160,0.8)),
	linear-gradient(rgba(6,109,200,0.3) 2px, transparent 2px),
	linear-gradient(90deg, rgba(6,109,200,0.3) 2px, transparent 2px),
	linear-gradient(rgba(6,109,200,0.3) 1px, transparent 1px),
	linear-gradient(90deg, rgba(6,109,200,0.3) 1px, transparent 1px);
	background-size:100% 100%, 100px 100px, 100px 100px, 20px 20px, 20px 20px;
	background-position:0px 0px, -2px -2px, -2px -2px, -1px -1px, -1px -1px;
}
.gp-blueprint img{
	margin:2% 5% 3% 5%;
	max-width:90%;
}

.track{
	margin:0;
	color:#123;
}
.size{
	position:absolute;
	padding:0 3% 0 5%;
	max-width:40%;
	top:60px;
	left:0;
	background-color:#fff;
	border-radius: 0 5px 5px 0;
}
.size h3, .size p{
	color:#123;
	padding:0;
	margin:0;
}
.results{
	margin:0.5% 0;
	font-size:0.9em;
}
.results h4{
	font-weight:normal;
	font-size:18px;
	text-transform:uppercase;
	letter-spacing:1px;
	color:#456;
}
.info-box{
	margin: 5% 0;
	max-width:550px;
	font-size:0.9em;
	text-align:left;
	background:rgba(0,0,0,0.1);
	padding:10px;
	border:solid 1px #999;
	border-radius:10px;
}
.results table{
	margin:0 5% 3% 0;
	padding:0 0 0 10px;
	display:inline-block;
	vertical-align:top;
	border-collapse: collapse;
	border-left:solid 10px #c00;

}
.results th{
	padding:2px 10px;
	text-align:left;
	border-top:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	vertical-align:top;
}

.results td{
	padding:2px 10px;
	border-bottom:solid 1px #ccc;
	vertical-align:top;
}


.feature q, .wp-block-quote{
	position:relative;
	display:inline-block;
	background-color:#eef;
	padding:10px 20px;
	margin: 40px;
	font-style: italic;
	border-radius:10px;
}
.feature q:after, .wp-block-quote:after{
	content:" ";
	position:absolute;
	right:40px;
	bottom:-20px;
	width:0;
	height:0;
	border-top:20px solid #eeeeff;
	border-left:15px solid transparent;
	border-right:15px solid transparent;
}
.feature q:before, .wp-block-quote:before{
	content:"\201C ";
	position:absolute;
	left:-56px;
	top:-24px;
	font-family:"times new roman", serif;
	font-weight:bold;
	color:#8a4;
	font-size:72px;
	border-radius:3px 0 0 3px;
}
.speech{
	font-family: 'Shrikhand', cursive;
	font-size:18px;
	color:#789;
}
.quote{
	padding: 0 5%;
	border-left:solid 2px #ccc;
	border-right:solid 2px #ccc;
}

.aron{
	padding: 0 3%;
	border-left:solid 5px #39c;
}
.yamura{
	padding: 0 3%;
	border-left:solid 5px #c00;
}
.frederickson{
	padding: 0 3%;
	border-left:solid 5px #909;
}
.sarti{
	padding: 0 3%;
	border-left:solid 5px #c00;
}
.delvaux{
	padding: 0 3%;
	border-left:solid 5px #cc0;
}
.stoddardp{
	padding: 0 3%;
	border-left:solid 5px #f90;
}
.barlini{
	padding: 0 3%;
	border-left:solid 5px #8c4;
}
.manetta{
	padding: 0 3%;
	border-left:solid 5px #000;
}
.commentator{
	padding: 0 3%;
	border-left:solid 5px #678;
}
.script:after{
	content:"\201D";
	position:absolute;
	top:0;
	right:2%;
	font-family:"times new roman", serif;
	font-weight:normal;
	color:#789;
	font-size:120px;
}
.pad{
	padding: 10px 20px;
}
.yellow-speech, .red-speech, .blue-speech{
	position:relative;
	padding: 20px 30px;
	margin:0 0 50px 0;
	border-radius:10px;
}
.yellow-speech{
	background-color:#ffce00;
	color:#000;
}
.red-speech{
	background-color:#c00;
	color:#fff;
}
.blue-speech{
	background-color:#318ce7;
	color:#fff;
}
.yellow-speech:after, .red-speech:after, .blue-speech:after{
	position:absolute;
	content:" ";
	bottom:-12px;
	width:0;
	height:0;
	border-left:12px solid transparent;
	border-right:12px solid transparent;
}
.yellow-speech:after{
	border-top:12px solid #ffce00;
	right:30%;
}
.red-speech:after{
	border-top:12px solid #c00;
	left:30%;
}
.blue-speech:after{
	border-top:12px solid #318ce7;
	left:50%;
}
.character-left{
	position:relative;
	float:left;
	padding:0 10px;
	z-index:5;
}
.character-right{
	position:relative;
	float:right;
	padding:0 10px;
	z-index:5;
}
.comic h1, .comic h2, .ultra-bold h1, .ultra-bold h2 {
	font-family: ultra-bold;
	font-weight:normal;
	text-transform:uppercase;
}
.hand{
	font-family: hand, cursive;
}
.slideshow {
	text-align:center;
}
.slideshow::after {
  content: "";
  clear: both;
  display: table;
}
.slideshow img{
	position:relative;
	margin:2%;
	float:left;
	max-height:100px;
	max-width:96%;
	transition:0.3s;
	cursor: zoom-in;
}
.slideshow img:hover{
	transform:scale(1.1);
}
.slideshow img:nth-of-type(3n){
	position:relative;
	float:right;
	max-height:150px;
}
.slideshow img:nth-of-type(4n){
	position:relative;
	float:right;
	max-height:200px;
}
.slideshow img:nth-of-type(5n+1){
	position:relative;
	max-width:40%;
}


.tiles{
	font-size:0;
	padding:3px;
}
.tiles img {
	width:31.33%;
	height:70px;
	object-fit:cover;
	padding:0;
	margin:0;
	opacity:1;
	transition: opacity 0.4s;
}
.tiles img:hover{
	cursor: zoom-in;
	opacity:0.8;
}

.enlarge img:hover{
	cursor: zoom-in;
}

.highlight{
	font-size:24px;
	color:#789;
}

.tyres {
	background-color:#eee;
	color:#333;
	font-size:24px;
	padding:0 10px !important;
	margin:1% 4% 2% 4%;
}
.blocks-gallery-grid{
	list-style-type:none;
	margin:0;
	padding:0;
}
.blocks-gallery-item {
	font-size:0;
	display:inline-block;
	max-width:50%;
}
.blocks-gallery-item img{
	max-width:98%;
}
.links-list {
	float:left;
	width:50%;
	font-size:0;
}
.links-list h3{
	font-size:20px;
}
.links-list ul{
	font-size:16px;
	list-style-type:none;
	margin:0 10px 10px 0;
	padding: 5px 0 2px 0;
	border-top:2px solid #c00;
}
.links-list li{
	padding:0;
	margin:2px 0;
}

.links-list a{
	display:block;
	padding:10px 14px 10px 10px;
	margin:2px 0;
	background-color:#fafafa;
	color:#567;
	font-weight:normal;
	border-left: 4px solid #eee;
	border-bottom:none;
	transition:background-color, color 0.3s;
}
.links-list a:hover{
	background-color:#f6f6f3;
	color:#000;
	border-left: 4px solid #c00;
	border-bottom:none;
}

.button{
	font-size:13px;
	font-weight:bold;
	text-transform:uppercase;
	color:#39c;
	letter-spacing:1px;
	margin:0 3px;
	padding:0 3px;
	background-color:#f6f6f6;
	border:1px solid #ddd;
	border-radius:3px;
	white-space:nowrap;
}
.button-green{
	font-family:arial, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#fff;
	padding:0 5px;
	background-color:#8c4;
	border:1px solid #390;
	border-radius:50%;
}


iframe{
	border:none;
}


/* GP ACCORDION----------------------------------- */
.pop-up {
	position:absolute;
	top:-20px;
	left:50%;
	margin:0 0 0 -20px; 
	z-index:10;
}
.pop-up img{
	display:block;
	background-color: #345;
	padding: 10px;
	border-radius:50%;
}
.pop-up:hover img{
	background-color: #000;
}
.pop-up:hover {
	color:#000;
	cursor: pointer;
}
.down{
	margin:0 auto;	
	transition:transform 0.4s;
}
.active .down{
	transform:rotate(180deg);
} 
.panel {
	padding: 0;
	display: none;
	overflow: hidden;
	position:absolute;
	top:20px;
	left:0;
	right:3%;
	min-height:100%;
	opacity:1;
	z-index:10;
} 
.feed-item{
	display:inline-block;
	width:98%;
	padding:0 2% 0 0;
	margin:0;
	font-size:14px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.feed-item a{
	font-weight:normal;
}

/* FEATURE SLIDES----------------------------------- */

.slide1{
	position:relative;
	animation:fadein 1s;
	text-align:center;
	height:210px;
	padding:5px;
	
	
}
.slides .caption{
	text-align:center;
	color:#789;
	position:relative;
	bottom:0;
}
.caption .title {
	color:#789;
	font-size:20px;
}
.slides:hover .title {
	color:#000;
}
.caption .details {
	font-size:14px;
	color:#789;
	text-align:center;
	margin: 0;
	padding: 0 40px;
	display:block;
	text-transform:uppercase;
}
.slides:hover .details {
	color:#000;
}




/* FOOTER----------------------------------- */

#footer{
	clear:both;
}
.footer{
	clear:both;
	padding:20px;
	text-align:center;
	color:#ccc;
	background-color:#333;
}
/* CRUMBS & DATE----------------------------------- */
.information {
	margin:0;
	padding:10px 3%;
	font-size:14px;
	background-color:#eee;
}
.crumbs {
}

.crumbs ol{
	margin:0;
	padding:0;
	display:inline;
	width:250px;
}
.crumbs li{
	display: inline;
}
.crumbs li:after{
	content:"»";
	margin:0 5px;
}
.crumbs li:last-child:after{
	content:none;
	margin:0;
}
.crumbs a{
	color:#47a;
}
.crumbs a:hover{
	color:#000;
}
.date {
	float:right;
	text-align:right;
}


/* NAVIGATION ICONS----------------------------------- */
.footer .nav-icons{
	font-size:0;
	position:relative;
	display:block;
	text-align:center;
	padding:10px;
	z-index:60;
}
.footer .nav-icons  a, .footer .nav-icons .button{
	font-size:0;
	display:inline-block;
	padding:10px;
	margin: 0 3px;
	border-radius:50%;
	background-color:#fff;
	border:none;
	cursor:pointer;
	transition:box-shadow 0.3s;
}
.footer .nav-icons  a:hover, .nav-icons .button:hover{
	background-color:#fff;
	box-shadow:0 0 5px #999;
}

/* BUTTONS and BARS----------------------------------- */

.red a, .maroon a, .blue a, .navy a, .green a, .purple a, .brg a, .dark a, .pink a{
	color:#fff !important;
}
.black a, .brm-green a{
	color:#0cf !important;
}
.black a:hover, .brm-green a:hover{
	color:#fff !important;
}

a .black{
	color:#ccc !important;
}
.red a:hover, .maroon a:hover,  .blue a:hover, .navy a:hover, .green a:hover, .purple a:hover, .brg a:hover, .dark a:hover, .black a:hover, .faded-paper a:hover{
	color:#ccc !important;
}
.pink a:hover{
	color:#345 !important;
}
.red, .maroon,  .blue, .navy, .green, .purple, .brg, .brm-green, .dark, .black, .dark-grey{
	color:#fff !important;
}
.red{
	background-color:#c00 !important;
}
.red h1, .red h2, .red h3, .blue h1, .blue h2, .blue h3, {
	color:#fff !important;
}
.maroon{
	background-color:#800000 !important;
}
.blue{
	background-color:#318ce7 !important;
}
.navy{
	background-color:#1e3250 !important;
}
.green{
	background-color:#4a8 !important;
}
.orange{
	background-color:#f90 !important;
	color:#000;
}
.purple{
	background-color:#909 !important;
}
.brg{
	background-color:#064 !important;
}
.brg h3{
		color:#eee !important;
}
.brm-green{
	background-color:#212B2D !important;
	color:#fff;
}
.brm-green h3{
		color:#eee !important;
}
.dark{
	background-color:#333 !important;
}
.dark-grey{
	background-color:#4B4F5B !important;
}
.dark-grey a{
	color:#9cf !important;
	border-bottom:1px dotted #ccc !important;
}
.dark-grey a:hover {
	color:#c00 !important;
}
.black{
	background-color:#000 !important;
}
.gold{
	background-color:#BBB358 !important;
	color:#000;
}
.light-grey{
	background-color:#eee !important;
	color:#012;
}
.yellow{
	background-color:#ffce00 !important;
	color:#000;
}
.sky{
	background-color:#a0cfff !important;
	color:#000;
}
.white{
	background-color:#ffffff !important;
	color:#345;
}
.pink{
	background-color:#E70C82 !important;
	color:#fff;
}
.faded-paper{
	background-color:#e2d2b9 !important;
	color:#234;
}

.red-text{
	color:#c00 !important;
}
.yellow-text{
	color:#ffce00 !important;
}
.white-text{
	color:#ffffff !important;
}

.f1-border-red{
	border-top: solid 10px #E10600;
	border-right: solid 10px #E10600;
	border-bottom: solid 10px #E10600;
	border-radius: 0 20px 20px 0;
}

.svg:before, .png:before, .pdf:before, .jpg:before{
	font-weight:bold;
	letter-spacing:1px;
	padding:0 5px 2px 5px;
	margin:0 10px 0 0;
	border-radius:3px;
}
.svg:before{
	content:"SVG";
	background-color:#0a0;
	color:#fff;
}
.png:before{
	content:"PNG";
	background-color:#39c;
	color:#fff;
}
.pdf:before{
	content:"PDF";
	background-color:#c00;
	color:#fff;
}
.jpg:before{
	content:"JPG";
	background-color:#909;
	color:#fff;
}

.stl, .dwg, .x3ds, .x3mf {
	position:relative;
}
.stl:before, .dwg:before, .x3ds:before, .x3mf:before {
	display:inline-block;
	padding:0 10px 0 0;
}

.stl:before{
	content:url("https://slotracer.online/community/images/attachtypes/stl.svg");
}
.dwg:before{
	content:url("https://slotracer.online/community/images/attachtypes/dwg.svg");
}
.x3ds:before{
	content:url("https://slotracer.online/community/images/attachtypes/3ds.svg");
}
.3xmf:before{
	content:url("https://slotracer.online/community/images/attachtypes/3mf.svg");
}
.detail-3d table{
	margin:0;
	padding:2% 5%;
	width:100%;
	background-color:#eee;
	border-radius:5px;
	border-spacing: 0;

}
.detail-3d th{
	padding:20px 20px 20px 0;
	text-align:left;
}
.detail-3d td{
	padding:20px 20px 20px 0;
	text-align:left;
	background-color:#eee;
	border-top:solid 2px #fff;
	vertical-align:top;
}
.download-button{
	background-color:#345;
	color:#fff;
	padding:10px;
	border-radius:5px;
}
.download-button:hover{
	background-color:#000;
}

.new, .info, .coming, .featured, .x3d, .this-week{
	position:relative;
}
.new:before, .info:before, .coming:before, .featured:before, .x3d:before, .this-week:before{
	display:none;
	position:absolute;
	top:-5px;
	padding:0 5px;
	font-size:12px;
	font-style:italic;
	border-radius:2px;
	box-shadow:0 0 5px #999;
	z-index:20;
}
.new:before{
	content:"NEW";
	right:3%;
	color:#fff;
	background-color:#1a1;
	background:linear-gradient(to bottom right, #3c3, #090);
}
.info:before{
	content:"INFO";
	left:3%;
	color:#fff;
	background-color:#28b;
	background-image:linear-gradient(to bottom right, #3ac, #079);
}
.featured:before{
	content:"FEATURED";
	left:3%;
	color:#fff;
	background-color:#a11;
	background-image:linear-gradient(to bottom right, #c33, #900);
}
.x3d:before{
	content:"3D";
	left:3%;
	width:20px;
	text-align:center;
	color:#fff;
	background-color:#909;
	background-image:linear-gradient(to bottom right, #a1a, #707);
}
.coming:before{
	content:"COMING SOON";
	color:#000;
	background:#00aa00;
}
.this-week:before{
	content:"THIS WEEK";
	right:3%;
	color:#000;
	background-color:#ffce00;
	background:linear-gradient(to bottom right, #ffde00, #ddbd00);
}
.number-1, .number-2, .number-3{
	position:relative;
	padding-left:100px;
}
.number-1:before, .number-2:before, .number-3:before{
	position:absolute;
	left:3%;
	top: 50%;
	transform: translate(0, -50%);
	width:32px;
	height:32px;
	padding:5px;
	background-color:#fff;
	border-radius:50%;
}
.number-1:before{
	content: url(https://slotracer.online/images/icons/32px/number-1.svg);
}
.number-2:before{
	content: url(https://slotracer.online/images/icons/32px/number-2.svg);
}
.number-3:before{
	content: url(https://slotracer.online/images/icons/32px/number-3.svg);
}


.scalextric, .routed, .carrera, .ninco, .airfix, .wrenn, .scaleauto, .policar, .tomy {
	font-size:14px !important;
	margin: 0;
	padding:3px 12% 5px 10px !important;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:2px; 
	color:#fff !important;
}
.scalextric{
	background:linear-gradient(90deg, #789, #567 88%, #ff0 88%, #ff0 90%, #25a3d3 90%);
}
.routed{
	background:linear-gradient(90deg, #789, #567 88%, transparent 88%, transparent 90%, #064 90%); 
}
.carrera{
	background:linear-gradient(90deg, #789, #567 88%, #000 88%, #000 90%, #f00 90%); 
}
.ninco{
	background:linear-gradient(90deg, #789, #567 88%, #c00 88%, #c00 90%, #fd0 90%); 
}
.airfix{
	background:linear-gradient(90deg, #789, #567 88%, #eee 88%, #eee 90%, #d50000 90%); 
}
.scaleauto{
	background:linear-gradient(90deg, #789, #567 88%, #000 88%, #000 90%, #f98f1f 90%);
}
.policar{
	background:linear-gradient(90deg, #789, #567 88%, #eee 88%, #eee 90%, #f00 90%); 
}
.tomy{
	background:linear-gradient(90deg, #789, #567 88%, #fa3 88%, #fa3 90%, #904088 90%); 
}
.wrenn{
	background:linear-gradient(90deg, #789, #567 88%, #ca3 88%, #ca3 90%, #000 90%); 
}
.inventory h5{
	text-align:center;
}
.inventory table{
	font-size:14px;
	text-align:center;
	margin:0;
	padding:0;
	max-width:100%;
	border-collapse: collapse;
	position: relative;
	left:50%;
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}
.inventory tr{
	display:inline;
	margin:3px;
}
.inventory td{
	padding:0 3px;
}
.C8205, .C8246A, .C8246B, .n10102, .wT1, .a5056, .a5090, .a5108, .c20509, .c20516, .c20517, .c20587, .P008, .S1{
	border-bottom:5px solid #3EBC73;
}
.C8207, .C7016, .C7018, .n10103, .wT21, .a5030, .a5045, .a5049, .a5080, .a5031, .c20611, .C8222, .P023, .S12{
	border-bottom:5px solid #48DB57;
}
.C8200, .n10104, .a5088, .c20612, .P024, .S14{
	border-bottom:5px solid #8CF950;
}
.C8236, .n10116, .wT2, .wT22{
	border-bottom:5px solid #C7FF63;
}
.C8202, .C8201, .C8278, .n10106, .n10113, .wT4, .a5087, .a5032, .a5060, .c20577, .c20571, .c20574, .P009, .R1, .R12{
	border-bottom:5px solid #FF3FB8;
}
.C8206, .C8234, .C8203, .C8296, .n10105, .n10112, .wT8, .a5086, .a5057, .c20572, .c20575, .s88630A, .P014, .P043, .R2, .R22{
	border-bottom:5px solid #FF3E41;
}
.C8204, .C7017, .C8297, .n10107, .wT12, .a5072, .c20573, .c20576, .s88630B, .P044, .R3, .R32{
	border-bottom:5px solid #FEB149;
}
.C8235, .n10108, .c20578, .c20579, .P045, .R4{
	border-bottom:5px solid #FFE84A;
}
.n10115, .R5, .P077{
	border-bottom:5px solid #F9FD8E;
}
.R6{
	border-bottom:5px solid #C9F884;
}
.C7036, .C7014, .C7014B, .C7015, .C7015B, .C7000, .C7007-08, .C7009-10, .c30341, .c30347, .c30346I, .c30346O{
	border-bottom:5px solid #76ABFF;
}
.C8295, .C8210{
	border-bottom:5px solid #20E0DE;
}
.C8223, .C82-87, .C82-78, .C8233I, .C8233O, .C8279-22-5, .C8240-22-5, .C8279, .C8240, .C8280, .C8239, .C8225, .C8228, .C8281, .C8224, .C8282, .C8238, .C7019, .C8240-90, .C8223X3, .C8225X2  {
	display:none;
	color:#999;
	font-size:12px;
	border-bottom:5px solid #ccc;
}



/* MENU MODAL----------------------------------- */
.modal-menu {
	display: none; 
	position: fixed;
	z-index: 70; 
	left: 0;
	top: 0;
	width: 100%; 
	height: 100%; 
	overflow: auto;
	text-align:center;
	background-color: rgb(0,0,0); 
	background-color: rgba(0,0,0,0.8);
}


.modal-menu-content {
	display:inline-block;
	color:#fff;
	margin: 0 ; 
	padding: 20px;
	background-color: #000; 
	text-align:left;
	animation:fadein 0.7s;
}
.modal-menu .block{
	display:inline-block;
	vertical-align:top;
	width:120px;
	margin:5px;
}
.modal-menu-content h2{
	color:#abc;
	padding:0;
	margin:0;
}
.modal-menu-content h6{
	padding:0 0 5px 0;
	margin: 0;
	color:#abc;
	text-align:left;
	font-size:14px;
	font-weight:normal;
	border-bottom: 2px solid #c00;
}
.modal-menu-content ul{
	font-size:16px;
	text-align:left;
	list-style-type:none;
	margin:0 0 20px 0;
	padding:0;
}
.modal-menu-content ul li{
	padding:0;
	margin: 0;
	border-bottom: none;
}

.modal-menu-content a{
	display:block;
	padding:7px 0;
	color:#ccc;
}
.modal-menu-content a:hover{
	color:#fff;
}
.modal-menu-content :focus{
	background-color:#333;
}

.modal-menu-content li ul { 
	display:none; 
}
.modal-menu-content .current{
	color:#fff;
}

.close-menu {
  color: #aaa;
  float: right;
  font-size: 36px;
  padding:0 10px;
  margin:-10px -20px 0 0;
  font-weight: bold;
  z-index:80;
}
.close-menu:hover,
.close-menu:focus {
  color: #fff;
  text-decoration: none;
  background-color:#c00;
  cursor: pointer;
} 

.modal-menu.inline li{
	margin: 0;
}
.modal-menu .inline a{padding:5px 5px;
	width:20px;
	margin:0 0 3px 0;
	text-align:center;
	background-color:#333;
	border-radius:0;
	transition: background-color 0.7s;
}
.inline li a:hover{
	background-color:#000;
	color:#fff;
}
	

/* SEARCH MODAL----------------------------------- */
.modal-search {
	display: none; 
	position: fixed;
	z-index: 70; 
	left: 0;
	top: 0;
	width: 80%; 
	overflow: auto;;
}


.modal-search-content {
	max-width:80%;
	animation:fadein 0.7s;
}
.modal-search-content h2{
	color:#abc;
}
.gcse-search{
	width:80%
}





/* PHOTO MODAL----------------------------------- */
.modal-photo {
	display: none;
	position: fixed;
	overflow:hidden;
	z-index:300;
	padding:0;
	top: 0;
	width:100%;
	height: 100%;
	background-color:rgba(0, 0, 0, 0.8);
}

.modal-photo-content {
	animation:fadein 1s;
}
.modal-photo-content img{
	width:100%;
	height:100%;
}


.close-photo {
	color: #fff;
	position: fixed;
	top: 0;
	right: 0;
	width:40px;
	font-size: 35px;
	text-align:center;
	font-weight: bold;
	background-color: #345;
	z-index:100;
}

.close-photo:hover,
.close-photo:focus {
	color: #fff;
	background-color: #c00;
	text-decoration: none;
	cursor: pointer;
}

.photo-slides {
	position: fixed;
	display: none;
	width: 100%;
	height:100%;
	margin:0 auto;
	text-align:center;
	opacity:1;
}
.photo-slides img{
	max-width: 90%;
	max-height:90%;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	animation:fadein 0.7s;
}

.cursor {
	cursor: pointer;
}

.modal-photo .prev, .modal-photo .next {
	cursor: pointer;
	position: fixed;
	width: 10px;
	padding: 10px 15px;
	color: #fff;
	font-weight: bold;
	font-size: 20px;
	background-color: #345;
	user-select: none;
	-webkit-user-select: none;
	z-index:10;
}


.modal-photo .next {
	right: 0;
	top:105px;
}
.modal-photo .prev {
	right: 0;
	top:55px;
}

.modal-photo .prev:hover {
	color:#fff;
	background-color: #39c;
}
.modal-photo .next:hover {
	color:#fff;
	background-color: #4c9;
}


/* PUBLICATION MODAL----------------------------------- */
.modal-publication {
	display: none;
	position: fixed;
	padding:0;
	top: 0;
	width:100%;
	height: 100%;
	overflow: auto;
	background-color:rgba(0, 0, 0, 0.8);
	z-index:300;
}

.publication-slides {
	display: none;
	width: 100%;
	margin:0 auto;
	text-align:center;
}
.publication-slides img{
	box-shadow:0 0 20px #000;
	max-width: 100%;
	height:auto;
	margin:0 auto;
}


.close-publication {
	color: #fff;
	position: fixed;
	top: 0;
	right: 0;
	width:40px;
	font-size: 35px;
	text-align:center;
	font-weight: bold;
	background-color: #345;
	z-index:100;
}

.close-publication:hover,
.close-publication:focus {
	color: #fff;
	background-color: #c00;
	text-decoration: none;
	cursor: pointer;
}


.cursor {
	cursor: pointer;
}

.modal-publication .prev, .modal-publication .next {
	cursor: pointer;
	position: fixed;
	width: 10px;
	padding: 10px 15px;
	color: #fff;
	font-weight: bold;
	font-size: 20px;
	background-color: #345;
	user-select: none;
	-webkit-user-select: none;
	z-index:10;
}


.modal-publication .next {
	right: 0;
	top:105px;
}
.modal-publication .prev {
	right: 0;
	top:55px;
}

.modal-publication .prev:hover {
	color:#fff;
	background-color: #39c;
}
.modal-publication .next:hover {
	color:#fff;
	background-color: #4c9;
}


.numbertext {
	color: #f2f2f2;
	font-size: 12px;
	padding: 8px 12px;
	position: fixed;
	bottom: 5px;
	right:5px;
	background-color:#345;
	z-index:10;
}

/* SLIDER----------------------------------- */
.slider {
    width: 100%;
    margin: 0 0 2% 0;
}

.slick-slide img {
     width: 100%;
}

.slick-prev:before,
.slick-next:before {
      color: black;
}


.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
      margin: 20px;
      transition: all ease-in-out .3s;
}
.slick-slide:hover {
	  transform:scale(1.1);
    }
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
}
.slick-arrow.slick-hidden {
    display: none;
}


.slick-loading .slick-list
{
    background: #fff url('./ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('https://slotracer.online/partners/slick/fonts/slick.eot');
    src: url('https://slotracer.online/partners/slick/fonts/slick.eot?#iefix') format('embedded-opentype'), url('https://slotracer.online/partners/slick/fonts/slick.woff') format('woff'), url('https://slotracer.online/partners/slick/fonts/slick.ttf') format('truetype'), url('https://slotracer.online/partners/slick/fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 50px;
    height: 50px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
	z-index:100;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    color: #333;
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 36px;
    line-height: 1;
    color: #ddd;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -32px;
}
.slick-prev:before
{
    content: '←';
}
.slick-next
{
    right: -32px;
}
.slick-next:before
{
    content: '→';
}



/* SITEMAP----------------------------------- */

.sitemap ul{
	list-style-type:none;
	margin:0;
	padding:0;
	color:#567;
}
.sitemap ul li{
	font-size:18px;
	font-weight:normal;
	letter-spacing:1px;
	text-transform:uppercase;
	padding:0 0 10px 0;
	margin:20px 0;
	border-bottom:solid 2px #c00;
}
.sitemap ul ul li{
	margin:0;
	padding:0 0 0 5%;
	font-size:16px;
	text-transform:none;
	font-weight:bold;
	letter-spacing:1px;
	border-bottom:none;
}
.sitemap ul ul ul li{
	margin:0;
	padding:0 0 0 5%;
	font-size:16px;
	font-weight:normal;
	color:#789;
	letter-spacing:1px;
	border-bottom:none;
	text-transform:none;
}
.sitemap a{
	padding:5px 10px;
	color:#567;
	font-weight:normal;
	display:block;
	background-color:#fafafa;
	border-bottom:none;
}
.sitemap a:hover{
	color:#000;
	background-color:#f3f3f3;
	border-bottom:none;
}

.sitemap ul ul  a{
	padding:13px 0 13px 2%;
}
.sitemap ul ul ul a{
	padding:3px 0 3px 7%;
}
.sitemap ul ul ul ul a{
	padding:3px 0 5px 12%;
}
.wp-block-embed{
	position: relative; 
	padding: 0.5% 0 56.25% 0; 
	height: 0; 
	overflow: hidden; 
	max-width: 100%; 
	margin:3% 0;
}
.embed-container { 
	position: relative; 
	padding: 0.5% 0 56.25% 0; 
	height: 0; 
	overflow: hidden; 
	max-width: 100%; 
	margin:3% 1%;
} 
.embed-container iframe, .embed-container object, .embed-container embed, .wp-block-embed iframe { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%;
	border:none;	}
	
	
html{
	visibility: visible;
    opacity: 1;
}



@media only screen and (orientation: landscape) {
.publication-slides img{;
	max-width: 80%;
}
.close {
  right: 25px;
}
.modal-publication .next, .modal-publication .prev, .modal-publication .close-publication {
  right: 25px;
}

.numbertext {
	bottom: 0;
	right:25px;
}
}


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

}


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

.half{
	width:98%;
}
.quarter{
	width:48%;
}

.sixth{
	width:31.33%;
}
.wp-excerpt{
	width:calc(48% - 40px);
}
}

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

.banner{
	text-align:left;
}
.top-slot {
	margin:0 20%;
	width:60%;
}
.logo{
	padding:20px 3%;
}
.third img{
	display:inline-block;
	width:50%;
}	
.nav-icons{
	position:absolute;
	right:0;
	top:5px;
	padding:15px 3%;
	text-align:right;
	background-color:transparent;
	border-radius:0 0 0 10px;
	box-shadow:none;
}
.primary-nav{
	display:block;
}
.sidebar-contents{
	float:left;
	max-width:30%;
}
.sidebar-contents ol{
	display:inline-block;
}
.sidebar-contents h3 {
	display:block;
}

.main-content{
	margin:30px 3% 5% calc(5% + 220px);
}
.publication{
	margin:30px 3% 5% 40%;
}

.four img{
	width:24%;
}
.six img{
	width:15.66%;
}
.new:before, .info:before, .coming:after, .featured:before, .x3d:before, .this-week:before {
	display:inline-block;
}
}

@media only screen and (min-width: 900px) {
.blocks{
	margin:-1% -1% 5% -1%;
	font-size:0;
}
.page{
	border-radius:10px;
	margin:0 0 5% 0 !important;
	box-shadow:0 0 5px #ccc;
}
.text{
	position:relative;
	padding:1% 5% 5% 5%;
}

.third img{
	display:inline-block;
	width:33.33%;
}	
.half {
	width:64.66%;
}
.quarter {
	width:31.33%;
}
.sixth{
	width:23%;
}
.right{
	position:relative;
	float:right;
	margin:0 0 5% 5%;
	max-width:50%;
	right:0;
	z-index:5;
}
.align-right{
	position:relative;
	float:right;
	margin:0 0 5% 5%;
	max-width:50%;
	right:0;
	z-index:5;
}
.align-left{
	position:relative;
	float:left;
	margin:0 5% 5% 0;
	max-width:50%;
	left:0;
	z-index:5;
}
.left{
	position:relative;
	float:left;
	margin:0 5% 5% 0;
	max-width:50%;
	left:0;
	z-index:5;
}
.full-width{
	border-radius:10px 10px 0 0;
}
.tiles img {
	width:20%;
	height:120px;
}
.speech{
	font-size:24px;
}
.tyres {
	padding:10px 30% 10px 10px !important;
	background-color:#eee;
	color:#666;
	margin:1% 0 2% 0;
	background-image:
	linear-gradient(135deg, transparent, transparent 75%, #fff 75%, #fff 77%, transparent 77%, transparent 81%, #fff 81%, #fff 83%, transparent 83%, transparent 87%, #fff 87%, #fff 89%, transparent 89%, transparent 93%, #fff 93%, #fff 95%, transparent 95%), 
	linear-gradient(45deg, transparent, transparent 75%, #fff 75%, #fff 77%, transparent 77%, transparent 81%, #fff 81%, #fff 83%, transparent 83%, transparent 87%, #fff 87%, #fff 89%, transparent 89%, transparent 93%, #fff 93%, #fff 95%, transparent 95%);
	background-size:100% 50%;
	background-repeat: no-repeat;
	background-position: bottom, top;
}
.digest ul li{
	position:relative;
	background-color:#f6f6f6;
	margin:1% 0;
	padding:1% 5% 1% 100px;
}
.digest ul li li{
	position:relative;
	background-color:#f6f6f6;
	margin: 0;
	padding:1% 5%;
}
.digest ul li a:first-of-type{
	display:block;
	font-size:18px;
	margin:0;
}
.digest li li a{
	display:inline !important;
	font-size:16px !important;
}
.digest .x3dp:before, 
.digest .afx:before, 
.digest .airf-x:before, 
.digest .airfix-icon:before, 
.digest .avant-slot:before, 
.digest .book:before, 
.digest .brm:before, 
.digest .calendar:before, 
.digest .camera:before,
.digest .car:before,
.digest .carr-ra:before,
.digest .carrera-icon:before,
.digest .chequered:before,
.digest .circuit:before,
.digest .controller:before, 
.digest .digital:before, 
.digest .electric-dreams:before, 
.digest .f1:before,  
.digest .facebook:before, 
.digest .figure-eight:before,
.digest .fly:before,
.digest .ford:before, 
.digest .forum:before, 
.digest .gear:before, 
.digest .location:before, 
.digest .light-bulb:before, 
.digest .magnetic:before,  
.digest .maralic:before, 
.digest .mountain:before,  
.digest .mrrc:before, 
.digest .ninc-:before,    
.digest .ninco-icon:before,  
.digest .nsr:before,
.digest .oil-can:before, 
.digest .paintbrush:before,
.digest .past:before,
.digest .pendle:before, 
.digest .person:before, 
.digest .pioneer:before, 
.digest .podium:before, 
.digest .polic-r:before, 
.digest .policar-icon:before, 
.digest .question:before, 
.digest .race-car-01:before,
.digest .race-car-02:before,
.digest .race-car-03:before,
.digest .race-car-04:before,
.digest .race-car-05:before, 
.digest .race-car-06:before,
.digest .racer:before,
.digest .road-sign:before, 
.digest .scalextr-c:before, 
.digest .scaleauto-icon:before, 
.digest .scalextric-icon:before,     
.digest .screen:before,     
.digest .scx:before,     
.digest .set-square:before,         
.digest .slot-it:before,        
.digest .slippery:before, 
.digest .spanner:before,     
.digest .src:before,        
.digest .stars:before,    
.digest .strombecker:before,     
.digest .sts:before,    
.digest .team-slot:before,   
.digest .timing:before,   
.digest .t-my:before, .digest .tomy-icon:before,     
.digest .tomy:before,   
.digest .track:before,   
.digest .tree:before,   
.digest .trophy:before,  
.digest .truck:before,   
.digest .turner:before,   
.digest .tv:before, 
.digest .union:before,
.digest .settings:before,
.digest .vip:before, 
.digest .work:before, 
.digest .world:before  {
	position:absolute;
	left:3%;
	top: 50%;
	transform: translate(0, -50%);
	width:32px;
	height:32px;
	padding:5px;
	background-color:#fff;
	border-radius:50%;
}

.digest .x3dp:before{
	content: url(https://slotracer.online/images/icons/32px/3dp.svg);
}
.digest .afx:before{
	content: url(https://slotracer.online/images/icons/32px/afx.svg);
}
.digest .airf-x:before, .digest .airfix-icon:before{
	content: url(https://slotracer.online/images/icons/32px/airfix.svg);
}
.digest .avant-slot:before{
	content: url(https://slotracer.online/images/icons/32px/avant-slot.svg);
}
.digest .book:before{
	content: url(https://slotracer.online/images/icons/32px/book.svg);
}
.digest .brm:before{
	content: url(https://slotracer.online/images/icons/32px/brm.svg);
}
.digest .calendar:before{
	content: url(https://slotracer.online/images/icons/32px/calendar.svg);
}
.digest .camera:before{
	content: url(https://slotracer.online/images/icons/32px/camera.svg);
}
.digest .car:before{
	content: url(https://slotracer.online/images/icons/32px/car.svg);
}
.digest .carr-ra:before, .digest .carrera-icon:before{
	content: url(https://slotracer.online/images/icons/32px/carrera.svg);
}
.digest .chequered:before{
	content: url(https://slotracer.online/images/icons/32px/chequer.svg);
}
.digest .circuit:before{
	content: url(https://slotracer.online/images/icons/32px/circuit.svg);
}
.digest .controller:before{
	content: url(https://slotracer.online/images/icons/32px/controller.svg);
}
.digest .digital:before{
	content: url(https://slotracer.online/images/icons/32px/digital.svg);
}
.digest .electric-dreams:before{
	content: url(https://slotracer.online/images/icons/32px/electric-dreams.svg);
}
.digest .f1:before{
	content: url(https://slotracer.online/images/icons/32px/f1.svg);
}
.digest .facebook:before{
	content: url(https://slotracer.online/images/icons/32px/facebook.svg);
}
.digest .figure-eight:before{
	content: url(https://slotracer.online/images/icons/32px/figure-eight.svg);
}
.digest .fly:before{
	content: url(https://slotracer.online/images/icons/32px/fly.svg);
}
.digest .ford:before{
	content: url(https://slotracer.online/images/icons/32px/ford.svg);
}
.digest .forum:before{
	content: url(https://slotracer.online/images/icons/32px/forum.svg);
}
.digest .gear:before{
	content: url(https://slotracer.online/images/icons/32px/gear.svg);
}
.digest .location:before{
	content: url(https://slotracer.online/images/icons/32px/location.svg);
}
.digest .light-bulb:before{
	content: url(https://slotracer.online/images/icons/32px/light-bulb.svg);
}
.digest .magnetic:before{
	content: url(https://slotracer.online/images/icons/32px/magnetic.svg);
}
.digest .maralic:before{
	content: url(https://slotracer.online/images/icons/32px/maralic.svg);
}
.digest .mountain:before{
	content: url(https://slotracer.online/images/icons/32px/mountain.svg);
}
.digest .mrrc:before{
	content: url(https://slotracer.online/images/icons/32px/mrrc.svg);
}
.digest .ninc-:before, .digest .ninco-icon:before{
	content: url(https://slotracer.online/images/icons/32px/ninco.svg);
}
.digest .nsr:before{
	content: url(https://slotracer.online/images/icons/32px/nsr.svg);
}
.digest .oil-can:before{
	content: url(https://slotracer.online/images/icons/32px/oil-can.svg);
}
.digest .paintbrush:before{
	content: url(https://slotracer.online/images/icons/32px/paintbrush.svg);
}
.digest .past:before{
	content: url(https://slotracer.online/images/icons/32px/past.svg);
}
.digest .pendle:before{
	content: url(https://slotracer.online/images/icons/32px/pendle.svg);
}
.digest .person:before{
	content: url(https://slotracer.online/images/icons/32px/person.svg);
}
.digest .pioneer:before{
	content: url(https://slotracer.online/images/icons/32px/pioneer.svg);
}
.digest .podium:before{
	content: url(https://slotracer.online/images/icons/32px/podium.svg);
}
.digest .polic-r:before, .digest .policar-icon:before{
	content: url(https://slotracer.online/images/icons/32px/policar.svg);
}
.digest .question:before{
	content: url(https://slotracer.online/images/icons/32px/question.svg);
}
.digest .race-car-01:before{
	content: url(https://slotracer.online/images/icons/32px/race-car-01.svg);
}
.digest .race-car-02:before{
	content: url(https://slotracer.online/images/icons/32px/race-car-02.svg);
}
.digest .race-car-03:before{
	content: url(https://slotracer.online/images/icons/32px/race-car-03.svg);
}
.digest .race-car-04:before{
	content: url(https://slotracer.online/images/icons/32px/race-car-04.svg);
}
.digest .race-car-05:before{
	content: url(https://slotracer.online/images/icons/32px/race-car-05.svg);
}
.digest .race-car-06:before{
	content: url(https://slotracer.online/images/icons/32px/race-car-06.svg);
}
.digest .racer:before{
	content: url(https://slotracer.online/images/icons/32px/racer.svg);
}
.digest .road-sign:before{
	content: url(https://slotracer.online/images/icons/32px/road-sign.svg);
}
.digest .scaleauto-icon:before{
	content: url(https://slotracer.online/images/icons/32px/scaleauto.svg);
}
.digest .scalextr-c:before, .digest .scalextric-icon:before{
	content: url(https://slotracer.online/images/icons/32px/scalextric.svg);
}
.digest .screen:before{
	content: url(https://slotracer.online/images/icons/32px/screen.svg);
}
.digest .scx:before{
	content: url(https://slotracer.online/images/icons/32px/scx.svg);
}
.digest .set-square:before{
	content: url(https://slotracer.online/images/icons/32px/set-square.svg);
}
.digest .slot-it:before{
	content: url(https://slotracer.online/images/icons/32px/slot-it.svg);
}
.digest .slippery:before{
	content: url(https://slotracer.online/images/icons/32px/slippery.svg);
}
.digest .spanner:before{
	content: url(https://slotracer.online/images/icons/32px/spanner.svg);
}
.digest .src:before{
	content: url(https://slotracer.online/images/icons/32px/src.svg);
}
.digest .stars:before{
	content: url(https://slotracer.online/images/icons/32px/stars.svg);
}
.digest .strombecker:before{
	content: url(https://slotracer.online/images/icons/32px/strombecker.svg);
}
.digest .sts:before{
	content: url(https://slotracer.online/images/icons/32px/sts.svg);
}
.digest .team-slot:before{
	content: url(https://slotracer.online/images/icons/32px/team-slot.svg);
}
.digest .timing:before{
	content: url(https://slotracer.online/images/icons/32px/timing.svg);
}
.digest .t-my:before, .digest .tomy-icon:before{
	content: url(https://slotracer.online/images/icons/32px/tomy.svg);
}
.digest .track:before{
	content: url(https://slotracer.online/images/icons/32px/track.svg);
}
.digest .tree:before{
	content: url(https://slotracer.online/images/icons/32px/tree.svg);
}
.digest .trophy:before{
	content: url(https://slotracer.online/images/icons/32px/trophy.svg);
}
.digest .truck:before{
	content: url(https://slotracer.online/images/icons/32px/truck.svg);
}
.digest .turner:before{
	content: url(https://slotracer.online/images/icons/32px/turner.svg);
}
.digest .tv:before{
	content: url(https://slotracer.online/images/icons/32px/tv.svg);
}
.digest .union:before{
	content: url(https://slotracer.online/images/icons/32px/union.svg);
}
.digest .vip:before{
	content: url(https://slotracer.online/images/icons/32px/vip.svg);
}
.digest .work:before{
	content: url(https://slotracer.online/images/icons/32px/work.svg);
}
.digest .world:before{
	content: url(https://slotracer.online/images/icons/32px/world.svg);
}


.cut-out{
	position:relative;
	border:dashed 2px #999;
}
.cut-out:before{
	position:absolute;
	bottom:-10px;
	right:150px;
	width:140px;
	content:"CUT OUT & KEEP";
	font-size:10px;
	font-weight:bold;
	color:#789;
	text-align:right;
	padding:2px 5px;
	background-color:#fff;
	z-index:10;
}
.cut-out:after{
	position:absolute;
	bottom:-22px;
	right:250px;
	content:url(https://slotracer.online/images/icons/scissors.svg);
	z-index:10;
}

.chequer{
  background-image: url('https://slotracer.online//images/backers/flag.svg');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
}
.drawing{
	padding:0 15% 2% 15%;
	width:70%;
}
.wp-excerpt{
	width:calc(31.33% - 40px);
}
.links-list {
	width:33%;
}

.photo{
	max-width:calc(50% - 20px);
	padding:10px;
	background-color:#fff;
	border-radius:3px;
	box-shadow: 0 0 5px #ccc;
}
.l1{
	transform: rotate(359deg);
}
.l3{
	transform: rotate(357deg);
}
.l5{
	transform: rotate(355deg);
}
.l10{
	transform: rotate(350deg);
}
.r1{
	transform: rotate(1deg);
}
.r3{
	transform: rotate(3deg);
}
.r5{
	transform: rotate(5deg);
}
.r10{
	transform: rotate(10deg);
}
.w40{
	max-width:40%;
}
.w30{
	max-width:30%;
}
.w25{
	max-width:25%;
}
.w20{
	max-width:20%;
}
.w15{
	max-width:15%;
}
.w10{
	max-width:10%;
}
.info-box{
	float:right;
	margin:0 0 5% 5%;
	max-width:50%;
	font-size:0.9em;
	background:rgba(0,0,0,0.1);
	padding:10px;
	border:solid 1px #999;
	border-radius:10px;
}

.feed-item{
	width:48%;
}
}

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

.wp-excerpt{
	width:calc(23% - 40px);
}
}


@media only screen and (min-width: 1140px) {
.quarter {
	width:23%;
}
.half {
	width:48%;
}
.sixth{
	width:14.66%;
}
.links-list {
	width:25%;
}
}


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

.links-list {
	width:20%;
}
.main-content{
	margin:30px 12% 5% calc(15% + 220px);
}
.logo{
	padding:20px 5%;
}
.primary-nav{
	margin:30px 1% 0 5%;
}
}

@media print 
{
@page
   {
    size: auto;
    size: portrait;
  }
.banner{
	text-align:left;
	border-top:none;
}
.nav-icons{
	display:none;
}
.footer .nav-icons{
	display:none;
}
.page{
	margin:0;
	padding:0;
	box-shadow:none;
}
.quarter {
	width:23%;
}
.half {
	width:48%;
}
.wp-excerpt{
	width:calc(23% - 40px);
}
#more, #resources, .embed-container, .feature q:before, .feature q:after {
	display:none;
}

}