/* ------- CAR PART SECTION -------  */
.wp-lightweight-car{
	background-color: #e7eaf0;
}
.wp-carpart{
	padding-bottom: 22px;
	background-color: #f5f0ec;
	/*background: url(/content/dam/autodesk/www/products/autodesk-simulation-family/gateway/light-weight/interactive-panel/hood.jpg) no-repeat top left;*/
}

/* ---DESKTOP--- */
@media only screen and (min-width: 40.063em) {
	body:not(.cq-wcm-edit) .wp-lightweight-car{
		background: #f5f0ec;
	}

	body:not(.cq-wcm-edit) .wp-lightweight-carparts{
		background: #f5f0ec url(https://damassets.autodesk.net/content/dam/autodesk/www/products/autodesk-simulation-family/gateway/light-weight/interactive-panel/simulation_bg.jpg) no-repeat center top;
		background-size:2000px 969px;
	}
}

/* ------- CAR PART - Header -------  */
body:not(.cq-wcm-edit) .wp-carpart-body,
body:not(.cq-wcm-edit) .wp-carpart-footer,
body:not(.cq-wcm-edit) .wp-carpart-body p,
body:not(.cq-wcm-edit) .wp-carpart-body ul,
body:not(.cq-wcm-edit) .wp-carpart-body li,
body:not(.cq-wcm-edit) .wp-carpart-footer p {
	font-size:12px;
}

body:not(.cq-wcm-edit) .wp-carpart-header,
body:not(.cq-wcm-edit) .wp-carpart-footer {
	background-color: rgba(0, 0, 0, 0.65);
}
body:not(.cq-wcm-edit) .wp-carpart-header{
	padding:10px 30px 13px 15px;
	margin-bottom: 10px;
}
body:not(.cq-wcm-edit) .wp-carpart-header p{
	padding:0 0 0 0;
	margin:0 0 0 0;
}

/* ------- CAR PART - Body -------  */

body:not(.cq-wcm-edit) .wp-carpart-body{
	padding:15px 0 15px 6px;
	margin-bottom: 10px;
}
body:not(.cq-wcm-edit) .wp-carpart-body {background-color: rgba(255, 255, 255, 0.75); }
body:not(.cq-wcm-edit) .wp-carpart-body td p{
	padding:0 0 0 0;
	margin:0 0 0 0;
}

body:not(.cq-wcm-edit) .wp-carpart-body td{
	border-color:#fff;
	padding: 6px 15px 20px 15px;
}

body:not(.cq-wcm-edit) .wp-carpart-body td:first-child{
	border-left:0px;
}

body:not(.cq-wcm-edit) .wp-carpart-body td:last-child{
	border-right:0px;
}

body:not(.cq-wcm-edit) .wp-carpart-body tr:last-child td{
	border-bottom:0px;
}

body:not(.cq-wcm-edit) .wp-carpart-body tr:first-child td{
	border-top:0px;
}

body:not(.cq-wcm-edit) .wp-carpart-body td:first-child{
	width:30%;
}

body:not(.cq-wcm-edit) .wp-carpart-body tr:last-child td{
	padding-bottom:0px;
}

body:not(.cq-wcm-edit) .wp-carpart-body td ul{
	padding: 0 0 0 1em;
	margin: 0 0 0 0;
}

/* ------- CAR PART - Footer -------  */
body:not(.cq-wcm-edit) .wp-carpart-footer-column{
	padding-left:2rem;
	padding-right:2rem;
}

body:not(.cq-wcm-edit) .wp-carpart-footer{
	padding:13px 7px 17px 7px;
}
body:not(.cq-wcm-edit) .wp-carpart-footer .responsive-table.section{
padding: 0 40px;
}
body:not(.cq-wcm-edit) .wp-carpart-footer td{
	padding:5px 10px 5px 10px;
	border-color:#444444;
}
body:not(.cq-wcm-edit) .wp-carpart-footer td p{
	padding:0 0 0 0;
	margin:0 0 0 0;
}

body:not(.cq-wcm-edit) .wp-carpart-footer tr:first-child td{
	border-top-width:0px;
	border-left-width:0px;
	border-right-width:0px;
}

body:not(.cq-wcm-edit) .wp-carpart-footer tr:last-child td{
	border-bottom-width:0px;
}

body:not(.cq-wcm-edit) .wp-carpart-footer tr:last-child td:first-child{
	border-left-width:0px;
}

body:not(.cq-wcm-edit) .wp-carpart-footer tr:last-child td:last-child{
	border-right-width:0px;
}

body:not(.cq-wcm-edit) .wp-carpart-footer tr td:last-child{
	border-left-width:1px;
	padding-left:13px;
}




body:not(.cq-wcm-edit) .wp-carpart{
	padding-left:2rem;
	padding-right:2rem;
}


/* ------- CAR PARTS - Hood -------  */

.wp-carpart-hood{
	background-image: url(https://damassets.autodesk.net/content/dam/autodesk/www/products/autodesk-simulation-family/gateway/light-weight/interactive-panel/simulation_hood.jpg);
	background-repeat: no-repeat;
	padding-top: 83%;
	background-size: 2080px auto;
	background-position: 22% 111%;
	background-color: #f4f0ec;
}
.wp-carpart-seats{
	background-image: url(https://damassets.autodesk.net/content/dam/autodesk/www/products/autodesk-simulation-family/gateway/light-weight/interactive-panel/simulation_seats.jpg);
	background-repeat: no-repeat;
	padding-top: 61%;
	background-size: 2320px auto;
	background-position: 51% 71%;
	background-color: #f4f0ec;
}
.wp-carpart-fascia{
	background-image: url(https://damassets.autodesk.net/content/dam/autodesk/www/products/autodesk-simulation-family/gateway/light-weight/interactive-panel/simulation_front_fascia.jpg);
	background-repeat: no-repeat;
	padding-top: 67%;
	background-size: 2320px auto;
	background-position: 21% 139%;
	background-color: #f4f0ec;
}
.wp-carpart-oil-pan{
	background-image: url(https://damassets.autodesk.net/content/dam/autodesk/www/products/autodesk-simulation-family/gateway/light-weight/interactive-panel/simulation_oil_pan.jpg);
	background-repeat: no-repeat;
	padding-top: 46%;
	  background-size: 2320px auto;
	background-position: 31% 113%;
	background-color: #f4f0ec;
}
.wp-carpart-valve{
	background-image: url(https://damassets.autodesk.net/content/dam/autodesk/www/products/autodesk-simulation-family/gateway/light-weight/interactive-panel/simulation_valve.jpg);
	background-repeat: no-repeat;
	padding-top: 46%;
	background-size: 2160px auto;
	background-position: 31% 106%;
	background-color: #f4f0ec;
}

.feature-bg{
	display:none;
}
/* ------- CAR PARTS - Hood -------  */



/* ---TABLET AND UP--- */
@media only screen and (min-width: 40.063em) {
	body:not(.cq-wcm-edit) .feature-bg{
		width:100%;
		position:absolute;
		top: 0px;
		left: 0px;
	}
	body:not(.cq-wcm-edit) .feature-bg{
		width:100%;
		position:absolute;
		top:0px;
		left:0px;
	}
	body:not(.cq-wcm-edit) .wp-lightweight-carparts-column{
		position: relative;
		padding-bottom: 62%;
		/*background: url(/content/dam/autodesk/www/products/autodesk-simulation-family/gateway/light-weight/interactive-panel/basic.jpg) no-repeat center top;*/
	}

	body:not(.cq-wcm-edit) .wp-lightweight-car {
		background: #f5f0ec url(https://damassets.autodesk.net/content/dam/autodesk/www/products/autodesk-simulation-family/gateway/light-weight/interactive-panel/bg_pattern_1.png) no-repeat right -30px;
	}

	body:not(.cq-wcm-edit) .wp-carpart{
		padding:10px;
		overflow:hidden;

		height:auto;
/*
		-webkit-transition: .250s; /* Safari */
/*		transition: .250s;
*/
		position:absolute;
		z-index:2;
		left:0%;
		width:40px;
		height: 50px;
		background-size: auto auto;
		background-size:2000px 969px;
		background-color:transparent !important;
	}
	body:not(.cq-wcm-edit) .wp-carpart:not(.opened){
		background-image:none !important;
		background-color:transparent !important;
	}
	body:not(.cq-wcm-edit) .wp-carpart.opened{
		-webkit-transition: border .250s .350s ;
		transition: border  .250s .350s;
		height:700px;
		width:100%;
	}
	body:not(.cq-wcm-edit) .wp-carpart .wp-carpart-info{
		display:none;
		/*max-width: 400px;*/
		width: 50%;
		position:absolute;
		z-index: 1;
		right: 10px;
		height:0px;

		/*-webkit-transition: .250s; /* Safari */
		/*transition: .250s;*/
	}
	body:not(.cq-wcm-edit) .wp-carpart.align-left .wp-carpart-info{
		left:10px;
	}

	body:not(.cq-wcm-edit) .wp-carpart.opened .wp-carpart-info{
		/*display:block;*/
		height:auto;
	}

	body:not(.cq-wcm-edit) .wp-carpart .icon-close-circle{
		cursor:pointer;
		font-size:30px;
		display: inline-block;
		position:absolute;
		left:0%;
		top: 15px;
		margin-left:0px;
		color:#fff;
		opacity: .4;

		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);

		-webkit-transition: .250s; /* Safari */
		transition: .250s;


		-webkit-transition:margin-left .50s .2s, left .50s .2s; /* Safari */
		transition:margin-left .50s .2s, left .50s .2s;
	}

	body:not(.cq-wcm-edit) .wp-carpart .icon-close-circle:hover{
		opacity: 1;
	}

	body:not(.cq-wcm-edit) .wp-carpart.opened .icon-close-circle{
		opacity: 1;
		z-index:2;
		left:100%;
		margin-left:-50px;

		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	body:not(.cq-wcm-edit) .wp-carpart.opened.align-left .icon-close-circle{
		/*left:400px;*/
		left:50%;
		margin-left: -30px;
	}
	




/* ------- CAR PARTS - Hood -------  */

	body:not(.cq-wcm-edit) .wp-carpart-hood{
		top: 35%;
		left: 7%;
	}
/* ------- CAR PARTS - Hood -------  */

}
/* ------- CAR PART SECTION -------  */

@media only screen and (min-width: 64.063em) {

	body:not(.cq-wcm-edit) .wp-carpart.opened{
		border:1px solid #fff;
	}
	body:not(.cq-wcm-edit) .feature-bg{
		top: -1px;
		left: -2px;
	}
}

/* ----------------------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------*/
/* CALCULATOR */
/* ----------------------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------*/

body:not(.cq-wcm-edit) #wp-calculator{
	padding-bottom: 100px;
}
body:not(.cq-wcm-edit) #calculator-reset-bt{
		display:block;
	}
body:not(.cq-wcm-edit) .wp-calculator-numbers {
	background-color: rgba(0, 0, 0, 0.65);
}
body:not(.cq-wcm-edit) #wp-calculator h2{
	padding-left:0.5em;
	margin-bottom:25px;
	margin-top:35px;
}

body:not(.cq-wcm-edit) #wp-calculator table tr td{
	border: 0px;
	padding:13px 14px 17px 14px;
	margin:0 0 0 0;
}
body:not(.cq-wcm-edit) #wp-calculator table tr td p{
	padding:0 0 0 0;
	margin:0 0 0 0;
}

body:not(.cq-wcm-edit) #wp-calculator table tr td{
	border-left: 1px solid #fff;
}
body:not(.cq-wcm-edit) #wp-calculator table tr:first-child td{
	border-top: 0px;
	border-left:0px;
	padding:0 0 0 15px;
	color:#444;
}
body:not(.cq-wcm-edit) #wp-calculator table tr td:first-child{
	border-left: 0px;
	width: 34%;
}

body:not(.cq-wcm-edit) #wp-calculator table tr td p{
	padding:0 0 0 0;
	margin:0 0 0 0;
}
body:not(.cq-wcm-edit) #wp-calculator table tr:last-child td:last-child{
	overflow:hidden;
	position:relative;
}
#wp-calculator-boost-total,
#wp-calculator-weight-total-kg,
#wp-calculator-weight-total-lbs{
	font-size:21px;
	font-weight: bold;
}

#wp-calculator-weight-total-kg,
#wp-calculator-weight-total-lbs {
    float: left;
    width: 49%;
}
#wp-calculator-weight-total-kg{
	text-align: right;
}
#wp-calculator-weight-total-kg:after{

	content: '';
	position: absolute;  
	right: 50%;
	top: -20px;
	height: 105px;
	border-left: 1px solid #fff;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

/* ---TABLET AND UP--- */
@media only screen and (min-width: 40.063em) {
	body:not(.cq-wcm-edit) #wp-calculator{
	


		position: relative;
		z-index:5;
		margin-top: -210px;
		right:0px;
		border:1px solid #fff;
		padding-bottom: 0px;
	}

	#calculator-reset-bt{
		width:100%;
		position:absolute;
		top:-67px;
		text-align: right;
		padding: 20px 20px 16px 0px;
		background: url(https://damassets.autodesk.net/content/dam/autodesk/www/products/autodesk-simulation-family/gateway/light-weight/interactive-panel/reset-arrow.png) no-repeat top right;
	}
	#calculator-reset-bt span{
		font-size:14px;
		cursor:pointer;
		border-bottom: 1px dashed #999;
	}
	#calculator-reset-bt span:hover,
	#calculator-reset-bt span:active{
		border-bottom-style: solid;
	}

	body:not(.cq-wcm-edit) #wp-calculator h2{
		font-size:16px;
		color:#666;
		text-align: center;
		padding:0px 15px;
		margin-bottom: 12px;
		margin-top: 18px;
	}

	body:not(.cq-wcm-edit) #wp-calculator .responsive-table.section{
		padding:0 50px 40px;
	}
	body:not(.cq-wcm-edit) #wp-calculator ul{
		padding: 0px;
		margin: 0px;
		list-style: outside none none;
		display: table!important;
		color: rgb(255, 255, 255);
		background-color: rgb(200, 199, 209);
		width: 100%;
	}
	body:not(.cq-wcm-edit) #wp-calculator li{    
		list-style: outside none none;
	    display: table-cell;
	    font-size:14px;
	    padding: 5px;
	    border-right: 1px solid #FFF;
	    text-align: center;
	    border-bottom: 1px solid rgb(255, 255, 255);
	    text-transform: uppercase;
	}
	body:not(.cq-wcm-edit) #wp-calculator li:last-child{
		border-right: 0px;
	}
	body:not(.cq-wcm-edit) #wp-calculator li.feature-actived{
		color:#444;
		font-weight: bold;
		background-color: rgba(255,255,255,0.75);
	}

	#wp-calculator-boost-total,
	#wp-calculator-weight-total-kg,
	#wp-calculator-weight-total-lbs{
		font-size:16px;
	}
	

}


@media only screen and (min-width: 40.063em) {
	body:not(.cq-wcm-edit) #calculator-reset-bt{
		width: auto;
		display: inline-block;
		top: auto;
		text-align: left;
		bottom: -70px;
	}
	body:not(.cq-wcm-edit) .wp-lightweight-carparts{
		margin-top: 244px;
	}
	body:not(.cq-wcm-edit) .wp-lightweight-carparts .row{
		position:relative;
	}
	body:not(.cq-wcm-edit) .wp-carpart-footer-column{
		position: absolute;
		top: -50px;
		left: 0;
	}
	body:not(.cq-wcm-edit) #wp-calculator{
		bottom:80px;
		bottom:auto;
	}
}


@media only screen and (min-width: 64.063em) {
	body:not(.cq-wcm-edit) #wp-calculator{
		position:absolute;
		z-index:1;
	}
	body:not(.cq-wcm-edit) .wp-carpart-footer-column{
		position: absolute;
  		top: 80px;
		left: 2rem;
	}
	body:not(.cq-wcm-edit) .wp-lightweight-carparts{
		margin-top: 114px;
	}
}