@import url('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i');
body.partcenterproduct-index-index .column.main {
    float: none;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
}


.ml-product-detail-page,
.ml-product-landing-page{
	font-family: 'Roboto', sans-serif;
}
.ml-product-landing-page{
	padding: 0 20px;
}

.ml-product-detail-page {
    padding: 30px 20px 0;
}

.mlExtendedWider {
    overflow: hidden;
    position: relative;
    left: calc(-50vw + 50%);
    width: 100vw;
}

/** Clearer **/
.ml-parts-grid{
	zoom:1;
}
.ml-parts-grid:after{ 
	display:block; 
	content:"."; 
	clear:both; 
	font-size:0; 
	line-height:0; 
	height:0; 
	overflow:hidden;
}



/** Page Heading **/
.ml-page-heading{
	background:#f8f8f8;
	padding:30px 0;
	margin:0 0 30px;
}

.ml-page-heading h1{
	color:#4e4e4e;
	font-size:18px;
	margin:0;
	line-height:normal;
	font-weight:normal;
	text-transform:uppercase;
	font-family: 'Roboto', sans-serif;
}

/** Hero Banner **/
.ml-hero-banner{
	position:relative;
	text-align:center;
}
.ml-hero-content{
	position:absolute; 
	top: 50%; 
	-webkit-transform: translateY(-50%); 
	-ms-transform: translateY(-50%); 
	transform: translateY(-50%);
	left:0;
	right:0;
}
.ml-banner-heading{
	color:#fff;
	font-size:42px;
	margin:0;
	line-height:normal;
	font-weight:bold;
	text-transform:uppercase;
}


/** Parts Short Description **/
.ml-parts-short-description{
	margin-top:50px;
	font-size:22px;
	color:#7a7c7a;
	line-height: 1.5;
	font-weight:300;
}


/** Parts Grid Layout **/
.ml-parts-grid{
	margin:0 -1.7%;
}

.ml-parts-grid .ml-parts-item{
	width:46.6%;
	float:left;
	margin:50px 1.7%;
}

.ml-parts-grid .ml-parts-item .ml-parts-block-info{
	border:2px #cecece solid;
}
.ml-parts-grid .ml-parts-block-title{
	background:#cecece;
	padding:10px 20px;
}
.ml-parts-grid .ml-parts-block-title h2{
	color:#000000;
	font-size:29px;
	margin:0;
	line-height:normal;
	font-weight:bold;
	text-transform:none;
	font-family: 'Roboto', sans-serif;
}
.ml-parts-grid .ml-parts-block-title h2 span{
	font-size:17px;
	font-weight:normal;
	margin-left:10px;
}
.ml-parts-block-actions{
	text-align:center;
	margin-top:30px;
}
.ml-parts-block-actions a{
	background:#ec1c23;
	color:#fff;
	font-size:15px;
	text-transform:uppercase;
	height:42px;
	line-height:42px;
	padding:0 20px;
	-webkit-transition: all 0.5s ease; 
	transition: all 0.5s ease;
	display:inline-block;
	vertical-align:top;
	font-weight: 500;
	margin:0 10px;
	text-decoration:none;
}
.ml-parts-block-actions a strong {
	font-family: "Roboto_Condensed_Bold", sans-serif;
}
.ml-parts-block-actions a:hover{
	background:#4e4e4e;
}


/** Breadcrumbs **/
.ml-breadcrumbs{
	float:right;
	font-size:18px;
	color:#7a7a7a;
	font-weight:300;
	text-transform:uppercase;
}
.breadcrumb-sep{
	padding:0 5px;
}
.ml-breadcrumbs a{
	color:#7a7a7a;
	text-decoration:none;
}
.ml-breadcrumbs a:hover{
	color:#ec1f27;
}


/** Popup **/
.showMlPopup .ml-popup-container{
	display:block;
}
.ml-popup-container{
	display:none;
}

.ml-popup-small .ml-popup{
	max-width:500px;
}

.ml-popup-overlay{
	background:#2c2c2c;
	opacity:.7;
	position:fixed;
	left:0;
	right:0;
	top:0;
	bottom:0;
	cursor:pointer;
	z-index:99;
}
.ml-popup{
	background:#fff;
	border:3px #eaeaea solid;
	border-radius:3px;
	padding:30px;
	width:90%;
	max-width:700px;
	position:fixed; 
	top: 50%;
	left:50%;
	-webkit-transform: translate(-50%,-50%); 
	-ms-transform: translate(-50%,-50%); 
	transform: translate(-50%,-50%);
	z-index:100;
}
.ml-popup-close{
	background:#2c2c2c url(../images/icon_close.png) no-repeat 50%;
	border:1px #eaeaea solid;
	background-size:20px;
	width:40px;
	height:40px;
	position:absolute;
	right:-20px;
	top:-20px;
	-webkit-transition: all 0.5s ease; 
	transition: all 0.5s ease;
}
.ml-popup-close:hover{
	background-color:#ec1c23;
}


/** Product Info **/
.ml-product-block{
	overflow:hidden;
	margin-bottom:10px;
}
.ml-prod-block-image{
	width:15%;
	float:left;
	max-width:none;
}
.ml-prod-block-info{
	width:83%;
	margin-left:2%;
	float:right;
	padding-top:30px;
}
.ml-prod-block-info-actions{
	clear:both;
	margin: 0 0 30px;
}
.ml-prod-block-info-actions a{
	display:block; 
	margin:0;
}
.ml-parts-block-actions a:hover, 
.ml-parts-block-actions a:focus {
    color: #fff;
}
.ml-prod-block-info .ml-prod-name{
	font-size:30px;
	font-weight:bold;
	text-transform: uppercase;
	margin-bottom: 10px;
	line-height: 1;
}
.ml-prod-block-info .ml-prod-name span:before{
	content:'-';
	padding:0 10px;
}
.ml-prod-block-info .ml-prod-sku h2,
.ml-prod-block-info .ml-prod-sku{
	font-size:18px;
	font-weight:normal;
	margin-bottom:10px;
	color:#7a7a7a;
	text-transform: uppercase;
	display: inline-block;
	margin-top: 0;
}
.ml-prod-block-info .ml-prod-sku .ml-sku-label{
	padding-right: 5px;
}
.ml-prod-block-info .ml-prod-action .ml-prod-action-action {
	margin-top: 10px;
}
.ml-prod-block-info .ml-prod-action a{
	color:#ec1f27;
	text-decoration:none;
	border-bottom:1px #ec1f27 solid;
	font-weight:500;
	font-size:14px;
	text-transform: uppercase;
	margin-right: 25px;
}
.ml-prod-block-info .ml-prod-action a:hover{
	border-bottom-color:transparent;
}

/** Product Row **/
.ml-product-row{
	overflow:hidden;
	color:#2c2c2c;
	margin-top:50px;
}
.ml-product-row:first-child{
	margin-top:0;
}
.ml-product-row .ml-product-image{
	width:34.3%;
	float:left;
}
.ml-product-row .ml-product-image{
	border:3px #eaeaea solid;
	border-radius:3px;
}

.ml-product-row .ml-product-info{
	width:62%;
	float:right;
}
.ml-product-row .ml-product-ref{
	font-size:18px;
	border-bottom:1px #eaeaea solid;
	text-transform:uppercase;
	padding-bottom:10px;
	margin-bottom:20px;
}
.ml-product-row .ml-product-name{
	font-size:18px;
	font-weight:bold;
	text-transform:uppercase;
	line-height:1.3;
	margin-bottom:10px;
}
.ml-product-row .ml-product-sku{
	font-size:14px;
	font-weight:normal;
	margin-bottom:10px;
}
.ml-product-row .ml-product-price{
	font-size:18px;
	font-weight:bold;
	text-transform:uppercase;
	margin-bottom:10px;
}
.ml-addtobox{
	overflow:hidden;
}
.ml-qty-box{
	float:left;
}
.ml-qty-box input{
	width:42px;
	height:42px;
	border:1px #eaeaea solid;
	text-align:center;
	margin-left:5px;
}
.ml-addtocart{
	float:right;
}
.ml-addtocart .ml-btn-addtocart{
	background:#ec1c23;
	color:#fff;
	font-size:16px;
	text-transform:uppercase;
	height:42px;
	line-height:42px;
	padding:0 20px;
	-webkit-transition: all 0.5s ease; 
	transition: all 0.5s ease;
	display:inline-block;
	vertical-align:top;
	font-weight: 500;
	width:280px;
	max-width:100%;
	text-align:center;
	text-decoration:none;
	cursor:pointer;
}
.ml-popup .ml-addtocart + div{ float: right;
	color: green;
	font-weight: bold;
	margin-top: 0;
	width: 280px;
	max-width:100%;
	text-align: center;
	line-height: 40px;
	height: 42px;
	background: #fff;
	text-transform: uppercase;
}	
.ml-addtocart .ml-btn-addtocart:hover{
	background:#4e4e4e;
}


/** Popup - Call for price **/
.ml-call-for-price-box{
	border:1px #eaeaea solid;
	border-width:1px 0;
	padding:15px 0;
	margin:20px 0;
	text-align:center;
	font-size:19px;
	font-weight:bold;
	text-transform:uppercase;
}
.ml-call-for-price-box strong{
	color:#ec1c23;
	font-size:29px;
}


/** Parts **/
.ml-parts-product-container{
	border:2px #cecece solid;
	position:relative;
}
.ml-part-pos{
	position:absolute;
	top:0;
}
.ml-part-pos img{
	/*filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: gray; 
    -webkit-filter: grayscale(100%);*/
	vertical-align:top;
	
	
}
.ml-part-pos:hover img{ /*filter: none; -webkit-filter: none;*/}

.logo-hotairtools{
	position:absolute;
	opacity:.2;
	width:25%;
	height:8.1%;
	right:3.7%;
	bottom:3.4%;
}

.ml-product-image-switch .ml-product-image-switch-hover{
	display:none;
}
.ml-product-image-switch:hover .ml-product-image-switch-current{
	display:none;
}
.ml-product-image-switch:hover .ml-product-image-switch-hover{
	display:block;
}

.btn_custom_url{
	text-align:center;
	margin-top:20px;
}
.btn_custom_url a{
	color: #ec1f27;
    text-decoration: none;
    border-bottom: 1px transparent solid;
    font-weight: 500;
    font-size: 18px;
}
.btn_custom_url a:hover{
	border-color:#ec1f27;
}
	
/** Responsive **/
@media only screen and (max-width: 766px) {
	.ml-popup{
		max-width:90%; 
		padding: 15px;
		max-height: 90%;
		overflow-y: auto;
		overflow-x: hidden;
	}
	.ml-addtocart > div{
		float:none;
	}
	.ml-product-detail-page{
		padding-top:0;
	}
	
	.ml-prod-block-image {
		width: 100%;
		float: none;
		max-width: 100%;
	}
	.ml-prod-block-info {
		width: 100%;
		margin-left: 0;
		float: none;
		padding-top: 10px;
	}
	.ml-prod-block-info .ml-prod-name {
		font-size: 25px;
		margin-bottom: 10px;
	}
	.ml-prod-block-info .ml-prod-name span{
		font-size: 18px;
	}
	.ml-prod-block-info .ml-prod-sku{
		font-size: 15px;
		margin-bottom: 10px;
	}
	.ml-prod-block-info .ml-prod-action a{
		font-size: 13px;
	}
	
	.ml-parts-product-container{
		margin: 0 -15px;
	}
	
	.ml-parts-block-actions a.btn_pdf_download{
		display:none;
	}
	
	.ml-prod-block-info-actions a {
		display: block;
		margin: 0;
		height: auto;
		line-height: normal;
		font-size: 12px;
		padding: 10px;
	}
	
	.ml-hero-image{
		margin-bottom:10px;
	}
	.ml-hero-image img{
		min-height:150px;
	}
	.ml-banner-heading{
		font-size:24px;
	}
	
	.ml-parts-short-description{
		font-size:16px;
		margin-bottom: 0;
	}
	
	.ml-parts-grid .ml-parts-block-title h2{
		font-size: 22px;
	}
	.ml-parts-grid .ml-parts-block-title h2 span{
		font-size: 14px;
		margin-left: 5px;
	}
	
	.ml-parts-block-actions{
		margin-top: 10px;
	}
	.ml-parts-block-actions a{
		display:block;
		margin:10px 0 0;
	}
	.ml-parts-block-actions a:first-child{
		margin-top:0;
	}
	
	.ml-product-row .ml-product-info,
	.ml-product-row .ml-product-image {
		width: 100%;
		float: none;
	}
	
	.ml-product-row .ml-product-image{
		margin-bottom:20px;
	}
	
	.ml-popup .ml-addtocart,
	.ml-popup .ml-qty-box{
		float: none;
	}
	
	.ml-popup .ml-addtocart{
		margin-top:10px;
	}
	
	.mlExtendedWider {
		left: 0;
		width: 100%;
	}
	
	.ml-popup-close{
		right: 10px;
		top: 10px;
	}

	
}

@media only screen and (max-width: 481px) {
	.ml-parts-grid .ml-parts-item{
		width:96.6%;
		margin-bottom:20px;
		margin-top:20px;
	}
}

/********* Quote **********/
.quote-figure {
  text-align: center;
  margin-bottom: 20px;
}
.quote-convas {
  position: relative;
  text-align: center;
  margin: 0 auto 20px;
  display: block;
}
.quote-convas img {
  vertical-align: middle;
}
.quote-convas canvas {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
}
.quote-actions {
  text-align: center;
  margin-bottom: 20px;
}
.quote-actions a {
  margin: 0 10px;
}

.drawpad-actions{
	text-align: center;
	margin:20px 0 50px;
}
.drawpad-actions a{
	display: inline-block;
	vertical-align:top;
	padding: 10px 20px;
	background: #cecece;
	color: #333;
	font-weight: bold;
	text-transform: uppercase;
	-webkit-transition: all 0.5s ease; 
	transition: all 0.5s ease;
}
.drawpad-actions a:hover{
	background:#4e4e4e;
	color:#fff;
}
.drawpad-actions a:before{
	font-family: 'fontawesome';
	font-size:20px;
	margin-right: 10px;
	font-weight:normal;
}
.drawpad-actions .drawpad-undo:before{
	content: '\f0e2';	
}
.drawpad-actions .drawpad-redo:before{
	content: '\f01e';
}

#drawpad-form .fieldset{
	margin:0;
}
#drawpad-form .fields{
	margin:0 -10px;
}
#drawpad-form .fields:after{ 
	display:block; 
	content:"."; 
	clear:both; 
	font-size:0; 
	line-height:0; 
	height:0; 
	overflow:hidden;
}
#drawpad-form .field{
	margin-bottom:20px;
}
#drawpad-form .field select,
#drawpad-form .field textarea,
#drawpad-form .field input{
	border:1px #a7a9ac solid;
	color:#444444;
}

#drawpad-form .field ::-webkit-input-placeholder{ color:#444444; opacity:1; }
#drawpad-form .field ::-moz-placeholder{ color:#444444; opacity:1; }
#drawpad-form .field :-ms-input-placeholder{ color:#444444; opacity:1; }
#drawpad-form .field input:-moz-placeholder,
#drawpad-form .field textarea:-moz-placeholder { color:#444444; opacity:1; }

#drawpad-form .fields .field{
	width:50%;
	float:left;
	padding:0 10px;
}
#drawpad-form .label{
	color: #333;
	font-size:14px;
	padding:0;
	display:none;
}
#drawpad-form .label:after{
	color:#ec1c23;
	font-weight: normal;
	padding-left: 3px;
}
#drawpad-form .actions-toolbar .primary {
	float:none;
	display:block;
}
#drawpad-form .actions-toolbar .action {
    background: #ec1c23;
	border:0;
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    height: 42px;
    line-height: 42px;
    padding: 0 20px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    display: block;
    vertical-align: top;
	width:300px;
    text-decoration: none;
	border-radius:0;
	font-weight: 600;
}
#drawpad-form .actions-toolbar .action:hover{
	background: #4e4e4e;
}

/***** 04 September 2019 *****/
.btn_custom_url{
	text-align:center;
	margin-top:20px;
}
.btn_custom_url a{
	color: #ec1f27;
    text-decoration: none;
    border-bottom: 1px transparent solid;
    font-weight: 500;
    font-size: 18px;
}
.btn_custom_url a:hover{
	border-color:#ec1f27;
}

.ml-parts-block-heading{
	font-size:34px;
	clear:both;
	font-family: 'Roboto', sans-serif;
	text-transform:uppercase;
	position:relative;
	text-align:center;
	margin: 20px 0 0;
}
.ml-parts-block-heading:before{
	content:'';
	position:absolute; 
	top: 50%; 
	-webkit-transform: translateY(-50%); 
	-ms-transform: translateY(-50%); 
	transform: translateY(-50%);
	left:0;
	right:0;
	border-top:5px #999b9e solid;
}
.ml-parts-block-heading span{
	display:inline-block;
	vertical-align:top;
	background:#fff;
	position: relative;
	z-index: 1;
	padding:0 20px;
}

.ml-parts-categories-grid{
	margin:0 0 20px;
	padding:0;
	text-align:center;
}
.ml-parts-categories-grid li{
	margin:0;
	padding:0;
	font-size:22px;
	color:#555555;
	text-transform:uppercase;
	display:inline-block;
	vertical-align:top;
}
.ml-parts-categories-grid li a{
	color:#555555;
}
.ml-parts-categories-grid li:not(:first-child):before{
	content:'|';
	padding:0 20px;
}
.ml-parts-category-section{
	overflow:hidden;
}
.ml-parts-category-section__title{
	font-size:34px;
	text-transform:uppercase;
	color:#555555;
	text-align:center;
}
.ml-parts-category-section__title span{
	display:inline-block;
	vertical-align:top;
	border:2px #999b9e solid;
	padding:10px 20px;
}

.ml-parts-grid .ml-parts-item {
    width: 18%;
    float: left;
    margin: 20px 1%;
}

.ml-parts-item .ml-parts-block-actions {
    text-align: center;
    margin-top: -25px;
}

.ml-parts-block-content > a img{
	width: 100%;
}

.ml-parts-grid .ml-parts-block-title h2{
	text-align: center;
}

.ml-parts-grid .ml-parts-block-title {
	padding: 4px 10px;
	display: table;
	width: 100%;
	height: 60px;
}
.ml-parts-grid .ml-parts-block-title h2 {
	display: table-cell;
	vertical-align: middle;
	font-size: 26px;
	line-height: 1;
}

@media only screen and (max-width: 992px) {
	.ml-parts-grid .ml-parts-item {
		width: 31.333%;
	}
}

@media only screen and (max-width: 767px) {
	.ml-parts-short-description {
		font-size: 16px;
		margin-top: 10px;
	}
	.ml-parts-grid .ml-parts-item {
		width: 48%;
		margin: 10px 1%;
	}
	.ml-parts-grid .ml-parts-block-title h2 {
		font-size: 18px;
	}
	.ml-parts-grid .ml-parts-block-actions {
		position: relative;
	}
	
	.ml-parts-block-heading {
		font-size: 20px;
		margin: 10px 0;
	}
}