/* --------------   || UTILITIES   -------------- */
.form-required::after {
		content: "*";
		vertical-align: super;
		color: #e60000;
}
#edit-contact-preference {
		margin-top:-20px;
}
#edit-contact-preference div {
		height: 30px;
		padding: 0px 20px 20px;
}
#edit-contact-preference--wrapper legend {
		padding-top:20px;
}
.twocolumn {
		width:100%;
		display:flex;
		flex-flow:row wrap;
		justify-content: space-between;
		align-items: flex-start;
		align-content: stretch;
		margin-bottom:10px;
}
.twocolumn > #left {
		margin-right:10px;
		flex:1 1 400px;
		min-width: 200px;
}
.twocolumn > #right {
		background-color:#e6e6e6;
		padding:10px 20px 20px 20px;
		margin-top:15px;
		flex:1 4 400px;
}

.redbutton {
    color:white !important; 
    background-color: #E60000; 
    border:solid 2px #C80000; 
    border-radius: 8px; 
    margin: 5px 15px;
    padding: 7px 30px;
    font-weight: bold; 
    display: inline-block; 
    text-decoration: none; 
    font-size: large;
    text-shadow: none !important;
    }
.redbutton:hover {
    color:white;
    text-decoration: none !important; 
    border:solid 2px #FFFFFF; 
    transform: scale(1.01, 1.01);
    background-color: rgb(230, 0, 0);
    animation-name: redbuttondown;
    animation-duration: .3s;
    box-shadow: 0px 0px 4px grey;
    text-shadow: -1px 1px 2px #780000 !important;
    }
.redbuttonlist {
		display:flex;
		flex-direction:column;
}
.redbuttonlist a {
    color:white !important; 
    background-color: #E60000; 
    border:solid 2px #C80000; 
    border-radius: 8px; 
    margin: 5px;
    padding: 7px;
    font-weight: bold; 
    display: inline-block; 
    text-decoration: none; 
    font-size: large;
    text-shadow: none !important;
    }
.redbuttonlist a:hover {
    color:white;
    text-decoration: none !important; 
    border:solid 2px #FFFFFF; 
    transform: scale(1.01, 1.01);
    background-color: rgb(230, 0, 0);
    animation-name: redbuttondown;
    animation-duration: .3s;
    box-shadow: 0px 0px 4px grey;
    text-shadow: -1px 1px 2px #780000 !important;
    }
@keyframes redbuttondown {
		30%  {
			transform: scale(1.03, 1.03);
			background-color: rgb(255, 0, 0);
			box-shadow: 0px 0px 7px grey;
			font-weight: bold;}
 }
.photopop {
    border:10px solid transparent;
    -webkit-animation: scaledown .7s ease;
    animation: scaledown .7s linear;
    animation-fill-mode: forwards;
    transform-origin: 50% 50%;
    transition: all .2s ease-in-out;
    
 }
.photopop:hover {
    border:solid 1px #eeeeee;
    -webkit-animation: scaledown .7s ease;
    animation: scaledown .7s linear;
    animation-fill-mode: forwards;
  	transform-origin: 50% 50%;
 }

    
    @keyframes scaledown{
    0%{ 
    		-webkit-transform: scale(1.1);
    		transform: scale(1.1); 
    }
    100%{
    		-webkit-transform: scale(1.0);
    		transform: scale(1.0);
    }
    }
    
      @keyframes scale{
    	0%{ 
    		-webkit-transform: scale(1.3);
    		transform: scale(1);
        }
    100%{ 
    		-webkit-transform: scale(1.3);
    		transform: scale(1.1);
    		box-shadow: 3px 3px 3px 3px rgba(0,0,0,3);
    }
    }
.contactmessage {
		text-align:center;
		font-size:XX-large;
		color:black;
}

/* --------------   || SITE STYLE OVERRIDES   -------------- */

p {
		margin-bottom:25px;
}	
.underline-top {
		border-bottom:none;
}
.grid-container.submenu-wrapper {
		background-color:rgba(0,0,0,0) !important;
}
.grid-x.submenu-wrapper .sidenav {
		margin-top: -5px;
		padding-top:10px;
		position:relative;
		background-color:white;
}
.grid-x.submenu-wrapper .sidenav:after {
		content:"";
    position:absolute;
    z-index:-1;
    box-shadow:0px 4px 20px rgba(0,0,0,0.15);
    left:10%;
    right:10%;
    bottom:0px;
    width:80%;
    height:100%;
    border-radius:100%;
}

/* --------------   || TRANSLOADING SITE   -------------- */

#webform-submission-transload-discovery-node-2661-add-form {
		display:flex;
		flex-flow: column nowrap;
		justify-content: center;
		height:auto;
}
#webform-submission-transload-discovery-node-2661-add-form .js-form-item.form-item {
		padding:0 !important;
		text-align:center;
}
#webform-submission-transload-discovery-node-2661-add-form select {
		max-width:400px;
}
#webform-submission-transload-discovery-node-2661-add-form > div {
		width:100% !important;
		margin:0 auto;
}
.js-form-item.form-item:not(.form-item-questions-or-comments) {
		width:100% !important;
}
.transload-contact-wrapper {
		height:250px;
} 

.calendly-inline-widget {
		height:250px;
		min-width: 800px;
}
._2rxQ07L_sk._1M_9Lld7A7 {
		margin-top:0px !important;
}
.transload-contact-card {
		margin:0px !important;
		width:100% !important;
		height:250px !important;
		display:flex;
		align-content: flex-start;
		flex-flow: column;
		justify-content:center;
}
.transload-contact-card img {
		max-width:75px;
}
.transload-contact-card > div {
		width: 100% !important;
}
.transload-contact-card div {
		display:inline-block;
}
.transload-contact-card p {
		font-size:small;
}

.page.rjcorman.Transload.Connect .grid-x.submenu-wrapper .is-active, .page.rjcorman.Products .grid-x.submenu-wrapper .is-active, .page.rjcorman.Locations .grid-x.submenu-wrapper .is-active, .page.rjcorman.Resources .grid-x.submenu-wrapper .is-active, .page.rjcorman.About.Us .grid-x.submenu-wrapper .is-active {
		color:#e60000 !important;
		font-weight:bold;
		background-color:white;
}
.page.rjcorman.Transload.Connect .grid-x.submenu-wrapper a, .page.rjcorman.Products .grid-x.submenu-wrapper a, .page.rjcorman.Locations .grid-x.submenu-wrapper a, .page.rjcorman.Resources .grid-x.submenu-wrapper a, .page.rjcorman.About.Us .grid-x.submenu-wrapper a {
		font-size:x-large !important;
		margin:0px 1px;
		background-color:white;
}
.grid-x.submenu-wrapper a:hover {
		color:#e60000;
		text-decoration:none;
		transform:scale(1.03);
		background-color:white;
		border-radius:15px;
		z-index:500;
		transition: transform .2s, color .3s;
}
img.transloadimg-right {
		max-width:300px;
		float:right;
		margin-left:5px;
	}
img.transloadimg-left {
		margin-right:5px;
		float:left;
}
.team-container {
		padding: 0 15px;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
		width: 100%;
		table-layout: fixed;
		font-family:Calibri,sans-serif;
}
.team-member {
		min-width: 200px;
		display:inline-block;
		padding: 5px 5px 5px 5px;
		text-align:center;
}
.redtext {
		color:#e60000;
}
.team-member p {
		font-size: small;
}

/* ---------------------------- */

.equipment {
		width:100%;
		display:flex;
		flex-flow:row wrap;
		justify-content:center;
		align-items:stretch;
		align-content:stretch;
}
.equipment > div {
		position:relative;
		height:100px;
		flex: 1 0 100px;
		border: 1px solid grey;
		border-radius: 2px;
		margin:1px;
		color:#e60000;
		overflow:hidden;
		background-color:white;
		background-size:contain;
		background-position:center;
		background-repeat:no-repeat;
		font-family:'league gothic', 'calibri light', 'roboto condensed', sans-serif;
		text-align:center;
		text-transform: uppercase;
		letter-spacing: .09em;
		transition: border-raidus .3s, background-color .3s, background-image .3s;
}
.equipment > div > p {
		line-height:100px;
		font-size:x-large;
		opacity:0;
		transition: opacity .3s;
}
.equipment > div:hover, .equipment > div:active {
		background-image:none;
		border:#e60000 solid 2px;
		border-radius:4px;
		background-color:#e6e6e6;
		transition: border .3s, border-raidus .3s, background-color .3s;
}
.equipment > div:hover > p, .equipment > div:active > p {
		opacity:1;
}
.eq-forklift {
		background-image:url(https://www.rjcorman.com/sites/default/files/2021-03/TC-Forklift.svg);
}
.eq-conveyor {
		background-image:url(https://www.rjcorman.com/sites/default/files/2021-03/TC-Conveyor.svg);
}
.eq-loader {
		background-image:url(https://www.rjcorman.com/sites/default/files/2021-03/TC-Loader.svg);
}
.eq-crane {
		background-image:url(https://www.rjcorman.com/sites/default/files/2021-03/TC-Crane.svg);
}
.eq-pump {
		background-image:url(https://www.rjcorman.com/sites/default/files/2021-03/TC-Pump.svg);
}

/* ---------------------------- */

.resources {
		max-width:800px;
		margin:0 auto;
		display:flex;
		flex-flow:row-reverse wrap;
		justify-content:center;
		align-items:stretch;
}
.resources img {
		flex:0 1 25%;
		margin-right:5px;
		margin-top:5px;
}
.resources div {
		flex:1 1 45%;
}

/* ---------------------------- */

.transload-animation div {
		margin:0 auto;
		border:1px solid grey;
		border-radius:5px;
		overflow:hidden;
		max-height:100px;
		max-width:600px;
}
.transload-animation img {
		position:center;
		max-height:116px;
		width:auto;
}

h3.scenario {
		position:relative;
		display:inline-block;
		color:white;
		padding:16px 120px 0px 30px;
		margin-top: 20px;
		height:60px;
		line-height:1;
		text-transform: uppercase;
}
.s1 {
		background-color:#e60000;
}
.s2 {
		background-color:grey;
}
.s3 {
		background-color:rgb(150,0,0);
}
h3.scenario:after {
		content: '';
		position:absolute;
		top:0;
		right:0;
		border-bottom:60px solid white;
		width:0;
}
.s1:after {
		border-left:60px solid #e60000;
}
.s2:after {
		border-left:60px solid grey;
}
.s3:after {
		border-left:60px solid rgba(150,0,0,0);
}

/* ---------------------------- */

.locations {
		width:100%;
		overflow:hidden;
		border:1px solid grey;
		position: relative;
}
.locations:hover {
		box-shadow:0px 0px 12px #e6e6e6;
}
.locations img {
		position:relative;
		z-index:0;
		width:100%;
}
.locations img:hover {
		animation: map .5s;
}

.locations-container {
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-between;
		align-items:flex-start;
		align-content: flex-start;
}
.locations-container > div {
		flex-grow:1;
		flex-shrink:1;
		flex-basis:48%;
		border:solid 2px white;
}
.locations-container > #map {
		float:left;
		width:100%;
		max-width:560px;
		margin-bottom:20px;
}
.instruction-box {
		display:block;
		background-color: #e60000;
		color: white;
		padding: 10px 0px 10px 50px;
}
.instruction-box > span {
		font-size:x-large;
}
.table-title {
		text-align:center;
		display:block;
		background-color: #e60000;
		color: white;
		font-size: large;
		padding: 15px 0px 14px 0px;
		margin:0px;
}
.key {
		display:flex;
		flex-wrap: wrap;
		margin:0px;
		padding:0px;
		justify-content:space-between;
		width:100%;
		max-width:560px;
		align-items:baseline;
}
.key > div {
		display:inline-block;
		margin: 0px 5px 0px 0px;
}
.star {
		color:#e60000;
		font-size:x-large;
		-webkit-text-stroke: 1px black;
}
.line {
		color:#e60000;
		font-size:x-large;
		-webkit-text-stroke: 2px #e60000;
}
.dot {
		color:#555555;
		font-size:large;
		-webkit-text-stroke: 1px black;
}
@keyframes map {
		30% {transform: scale(1.03, 1.03);}
}

/* --------------   || TRANSLOAD OVERVIEW   -------------- */

.product-grid {
		position:relative;
		display:flex;
		flex:1 1 400px;
		flex-wrap:wrap;
		flex-direction: row;
		justify-content: space-between;
		width:100%;
		min-width:300px;
		background-color:#e60000;
		border-radius: 5px 5px 3px 3px;
		margin-bottom:20px;
		padding:1px;
}
.product-grid h2.products, .products a, .products a:hover {
		width:100%;
		text-align:center;
		margin:4px 18px;
		color:white !important;
		text-decoration:none;
}
.product {
		display:table;
		vertical-align:middle;
		flex-flow:row wrap;
		height: 100px;
		flex-grow:1;
		flex-shrink:0;
		min-width:130px;
		max-width:100%;
		/* background-color:rgb(200,0,0);*/
		background-color: #e6e6e6;
		border:solid 1px rgba(0,0,0,.2);
		justify-content: center;
		align-items:center;
		align-content:center;
		margin:1px;
		border-radius:2px;
		font-family:'league gothic', 'calibri light', 'roboto condensed', sans-serif;
		line-height:1;
		font-size:x-large;
		text-transform: uppercase;
		letter-spacing: .09em;
		transition: background-color .5s, border .5s;
}
.product:hover {
		transform: scale(1.05);
		background-color:white;
		border:solid 2px #E60000;
		border-radius:5px;
		box-shadow:0px 0px 12px rgba(0,0,0,.3);
		animation: productblock .3s;
		letter-spacing: .12em;
}
.product > div {
		text-align:center;
		display:table-cell;
		vertical-align:middle;
		overflow:hidden;
}
.product a {
		color:grey !important;
		display:block;
		padding:35px 5px;
		width:100%;
		height:100%;
		transition:color .3s;
}
.product a:hover {
		color:#e60000 !important;
		text-decoration:none;
}
.productpic {
		max-width:560px;
		height:300px;
		margin-bottom:20px;
		display:block;
		background-size:cover;
		background-position:center;
}
.productpic.lumber {
		background-image: url(https://www.rjcorman.com/sites/default/files/lumber.jpg);
}
.productpic.steel{
		background-image: url(https://www.rjcorman.com/sites/default/files/Metal%20Coils.jpg);
}
.productpic.food{
		background-image: url(https://www.rjcorman.com/sites/default/files/food-Grade.jpg);
}
.productpic.plastics{
		background-image: url(https://www.rjcorman.com/sites/default/files/plastics.jpg);
}
.productpic.energy{
		background-image: url(https://www.rjcorman.com/sites/default/files/Energy.jpg);
}
.productpic.hazmat{
		background-image: url(https://www.rjcorman.com/sites/default/files/chemicals.jpg);
}
.productpic.aggregates{
		background-image: url(https://www.rjcorman.com/sites/default/files/aggregates.jpg);
}
.productpic.paper{
		background-image: url(https://www.rjcorman.com/sites/default/files/brown%20paper.jpg);
}
.storypic {
		align-items:center;
		width:30%;
		min-width: 200px;
		height:200px;
		overflow:hidden;
		border:solid 1px rgba(0,0,0,.2);
		border-radius:2px;
}
.storypic.left {
		float:left;
		margin:0px 10px 5px 0px;
}
.storypic.right {
		float:right;
		margin: 0px 0px 5px 10px;
}
.storypic div{
		width:100%;
		height:100%;
		background-size:auto 110%;
		background-position: 50% 50%;
		background-repeat:no-repeat;
		transition: background-size 5s;
}
.storypic.right .sand1 {
		background-image: url(https://www.rjcorman.com/sites/default/files/Sand-6815.jpg);
}
.storypic.left .aggregate1 {
		background-image: url(https://www.rjcorman.com/sites/default/files/VW-0601.jpg);
		background-position:70% 50%;
}
.storypic div:hover {
		background-size:auto 200%;
}

.transload-animation {
		width:100%;
		text-align:center;
}
@keyframes productblock {
		30% {transform:scale(1.075);}
}









/* --------------   || RAILCAR STORAGE   -------------- */

.tg thead {
		position:relative;
		background-color:#e60000;
    color:white;
    font-weight:bold;
		font-size:medium;
    color:#ffffff;
    font-weight:bold;
    vertical-align:middle;
}
.tg thead th {
    position: sticky;
    top: 0;
		padding:10px 5px;
		border-right:solid 1px white;
}
.tg thead th:after {
		content:"";
    position:sticky;
    z-index:-1;
    box-shadow:0px 4px 20px rgba(0,0,0,0.15);
    left:10%;
    right:10%;
    bottom:0px;
    width:80%;
    height:100%;
}
.tg tbody tr:nth-child(even) {
  background-color: rgba(0,0,0,.1);
}
.tg tbody tr:nth-child(odd) {
  background-color: rgba(255,255,255,.1);
}
.tg tbody tr:first-child td:first-child, .tg tbody tr:first-child td:nth-child(2), .tg tbody tr:first-child td:nth-child(3), .tg tbody tr:first-child td:nth-child(4), .tg tbody tr:first-child td:nth-child(5){
		background-color:white !important;
}
.tg tbody tr:first-child td:last-child {
		background: linear-gradient(180deg, rgba(255,255,255,1), 2%, rgba(255,255,255,0), 10%);
}
.tg {
		border-collapse:collapse;
		border-spacing:0;
		border:solid 2px black;
		font-size:small;
		position:relative;
}
.tg tbody td {
		border:1px solid black !important;
		padding:10px 5px;
		word-break:normal;
}
.tg tbody #bold {
		border-top:2px solid black;
}
.tg .tg-c3ow {border-color:inherit;text-align:center;vertical-align:middle;}
.tg .tg-9t0p {border-color:inherit;text-align:center;}
.tg .tg-5lmx {border-color:inherit;text-align:left;}
.tg .tg-0pky {border-color:inherit;text-align:left;vertical-align:middle;}
.tg .tg-gp8f {border-color:inherit;color:#32CB00;font-weight:bold;text-align:center;vertical-align:top; line-height:.7; font-size:x-large;}








/* --------------   || WHEEL DIAGRAM   -------------- */

		.clockwise {
			animation: spin 60s infinite linear;
  			animation-direction: normal;
		}
		.counterclockwise {
			animation: spin 60s infinite linear;
  			animation-direction: reverse;
		}
		.counterclockwise:hover {
    		animation-play-state: paused;
  		}
		.clockwise:hover {
    		animation-play-state: paused;
  		}
		#container {
			position: relative;
			width: 400px;
			height:400px;
			margin:0 auto;
			margin-top:100px;
			z-index: 3;
			display:flex; 
			justify-content: center;
			align-items: center;
		}
		.shading {
			position: absolute;
			width:100%;
			height: 100%;
			top:0px;
			background-color: black;
			opacity: .4;
			z-index: 2;
		}
		.background_image {
			position: absolute;
			top:0px;
			margin:0px;
			background-image: url(https://www.rjcorman.com/sites/default/files/Banner-About-RJ-Corman.jpg);
			z-index: 1;
			background-size: cover;
			display:flex; 
			justify-content: center;
			width: 100%;
			height:600px;
		}
		.divider{
			position: absolute;
			height: 51%;
			width: 1.2%;
			padding: 0% .5%;
			z-index: 70;
			background-color:white;
		}
		.divider div {
			background-color: #e60000;
			height:100%;
			width:100%;
			display:block;
		}
		.switching{
			position: absolute;
			height: 205px;
			width: 100px;
			z-index: 60;
			border-left: solid 2px white;
			left:50%;
			bottom:50%;
			transform-origin: bottom left; 
			transform: rotate(53deg);
			background-color: #e6e6e6;
		}
		.switching a:hover {
			background-color:white;
			z-index:100;
		}
		.switching a:hover + .background_image {
			background-image: url();
			opacity: 0.1;
		}
		.switching > div {
			position: absolute;
			width:100%;
			height: 100%;
			margin: 0 auto;
			top: -3px;
			right:-5px;
			transform-origin: top left;
			transform: rotate(16deg);
			text-align:center;
		}
		.distribution{
			position: absolute;
			height: 205px;
			width: 110px;
			z-index: 61;
			border-left: solid 2px white;
			left:50%;
			bottom:50%;
			transform-origin: bottom left; 
			transform: rotate(83.2deg);
			background-color: #e6e6e6;
			overflow: hidden;
		}
		.distribution > div:hover {
			background-color:white;
		}
		.distribution > div {
			position: absolute;
			width:110%;
			height: 100%;
			margin: 0 auto;
			top: -6px;
			right:-9px;
			transform-origin: top left;
			transform: rotate(17deg);
			text-align:center;
		}
		.transloading{
			position: absolute;
			height: 205px;
			width: 116px;
			z-index: 62;
			border-left: solid 2px white;
			left:50%;
			bottom:50%;
			transform-origin: bottom left; 
			transform: rotate(116.6deg);
			background-color: #e6e6e6;
			overflow: hidden;
		}
		.transloading > div:hover {
			background-color:white;
		}
		.transloading > div {
			position: absolute;
			width:110%;
			height: 100%;
			margin: 0 auto;
			top: -7px;
			right:-10px;
			transform-origin: top left;
			transform: rotate(17deg);
			text-align:center;
		}
		.matsales{
			position: absolute;
			height: 205px;
			width: 92px;
			z-index: 63;
			border-left: solid 2px white;
			left:50%;
			bottom:50%;
			transform-origin: bottom left; 
			transform: rotate(152.3deg);
			background-color: #e6e6e6;
			overflow: hidden;
		}
		.matsales > div:hover {
			background-color:white;
		}
		.matsales > div {
			position: absolute;
			width:100%;
			height: 100%;
			margin: 0 auto;
			top: -3px;
			left:0px; 
			transform-origin: top left;
			transform: rotate(13deg);
			text-align:center;
		}
		.stormteam{
			position: absolute;
			height: 205px;
			width: 110px;
			z-index: 64;
			border-left: solid 2px white;
			left:50%;
			bottom:50%;
			transform-origin: bottom left; 
			transform: rotate(180deg);
			background-color: #e6e6e6;
			overflow: hidden;
		}
		.stormteam > div:hover {
			background-color:white;
		}
		.stormteam > div {
			position: absolute;
			width:100%;
			height: 100%;
			margin: 0 auto;
			top: -5px;
			right:-4px;
			transform-origin: top left;
			transform: rotate(18deg);
			text-align:center;
		}
		.rrservices {
			position: absolute;
			height: 205px;
			width: 220px;
			z-index: 65;
			border-left: solid 2px white;
			left:50%;
			bottom:50%;
			transform-origin: bottom left; 
			transform: rotate(213.2deg);
			background-color:#e6e6e6;
			overflow:hidden;
		}
		.rrservices:hover {
			background-color:white;
		}
		.rrservicesdivider:hover #rrservices_bkg {
			background-size:100%;
		}
		.rrservices:hover #divider {
			border-left: dotted 3px rgba(0,0,0,.3);
		}
		.rrservicesdivider {
			border-left: dotted 3px white;
			display:inline-block;
			width: 48%; 
			height: 100%;
			margin-top:-8%;
		}
		.emergency{
			position: relative;
			height: 205px;
			width: 110px;
			z-index: 65;
		}
		.emergency > div {
			position: absolute;
			width:120%;
			height: 100%;
			margin: 0 auto;
			top: -5px;
			left:-3px;
			transform-origin: top left;
			transform: rotate(16deg);
			text-align:center;
			overflow: hidden;
		}
		.construction {
			position: relative;
			height: 205px;
			width: 110px;
			z-index: 66;
			left:0%;
			top:-210px;
			transform-origin: bottom left; 
			transform: rotate(32.5deg);
			overflow:hidden; 
		}
		.construction:hover {
		}
		.construction > div:hover {
		}
		.construction > div {
			position: absolute;
			width:110%;
			height: 100%;
			margin: 0 auto;
			top: -5px;
			left:-2px;
			transform-origin: top left;
			transform: rotate(16deg);
			text-align:center;
		}
		.signaling{
			position: absolute;
			height: 205px;
			width: 110px;
			z-index: 67;
			border-left: solid 2px white;
			left:50%;
			bottom:50%;
			transform-origin: bottom left; 
			transform: rotate(278.5deg);
			background-color: #e6e6e6;
			overflow: hidden;
		}
		.signaling:hover {
			background-color:white;
		}
		.signaling > div {
			position: absolute;
			width:100%;
			height: 100%;
			margin: 0 auto;
			top: -7px;
			left:-7px;
			transform-origin: top left;
			transform: rotate(14deg);
			text-align:center;
		}
		.shortlinecontainer{
			position: absolute;
			height: 320px;
			width: 210px;
			z-index: 68;
			right:60%;
			bottom:41%;
			transform-origin: bottom right; 
			transform: rotate(53deg);
			overflow: hidden;
		}
		.shortline{
			position: relative;
			height: 210px;
			width: 280px;
			left:0%;
			top:120px;
			transform-origin: bottom left; 
			transform: rotate(-16deg);
			overflow: hidden;
			background-color: #e6e6e6;
		}
		.shortline:hover {
			background-color:white;
		}
		.shortline > div {
			position: relative;
			width:113%;
			height: 100%;
			margin: 0 auto;
			top: 23px;
			left:-3px;
			text-align:center;
			transform: rotate(-37deg);
		}
		.wheelcompany {
			position:absolute;
			width: 100%;
			height: 100%;
			display: block;
			background-repeat: no-repeat;
			bottom:30px;
			text-align: center;
			color: white;
			top:-30px;
		}
		.wheelcompany:hover {
			transform: scale(1.07);
		}
		.redringshadow {
			border-radius:50%; 
			width: 73%; 
			height: 73%; 
			background-color: white;
			position: absolute;
			display:block; 
			z-index:80; 
			box-shadow: 0px 0px 25px rgba(0,0,0,.4);
		}
		@keyframes spin {
  			from {
    			transform: rotate(0deg);
  			}
  			to {
    			transform: rotate(359deg);
  			}
		}