*			{margin: 0; padding: 0;}

a:link      {color: #e30613;text-decoration: none;}
a:visited   {color: #e30613;text-decoration: none;}
a:hover     {color: #e30613;text-decoration: underline;}
a:active	{color: #e30613;text-decoration: underline;}

p	       	{line-height:1.8;}
.small		{font-size: 7pt;margin-bottom: -7px; }


#contentContainer ul{  overflow: auto;}
li	       	{margin-left:25px;
			margin-top:3px;
			line-height:1.8;
			list-style-type: disc;
			}

p.error 	{color: #EA041C; border:none;}	

.error		{border-color: #EA041C !important;
			border-style: solid;
			border-width: 1px!important;}

noscript {
    background: red none repeat scroll 0 0;
    color: white;
    float: left;
    position: relative;
    top: 0;
    width: 100%;
}

h1, .halfColumn h2 {
    color: #3c3c3b;
    display: inline-block;
    font-size: 35px;
    font-style: normal;
    font-weight: bold;
    margin-bottom: 10px;
}

h2		 	{
            font-size: 12pt;
			font-style: normal;
			font-weight: bold;
			color: #3c3c3b;
			margin-bottom: 0px;
			}


span.big{
    font-size: 22pt;
    font-style: normal;
    font-weight: bold;
    color: #3c3c3b;
    margin-bottom: 0px;
}


.imgleft {
    margin: 0 30px 10px 0;
}

.imgright{
    margin: 0 0 10px 30px;
}

.hidden {
    display: none;
}

.noBackground {
    background: none !important;
    margin-bottom: 0 !important;
}
	
body 		{text-align: center;
			font-family: Roboto, Verdana, Arial, sans-serif;
			font-size: 14px;
			color: #3c3c3b;
			font-weight:normal;
    overflow-x: hidden;
			}

table       {border:solid;
 			border-color : #c0c0c0;
 			border-width:1px;
 			width: 99%;
            border-spacing: 0px;
            border-collapse: collapse;
			}

			
td			{
			vertical-align: top;
			padding: 5px;
            border: 1px solid #c0c0c0;
			}



form table, form table td{
    border:0;
    padding:5px 5px 5px 0px;
}

.wrapper {
    text-align:left;
	margin:0 auto;
	width: 960px;
    position: relative;
    height: 100%;
}


#header {
    height: 560px;
    width: 100%;
    overflow: hidden;
}

#header.vervolgpagina {
    height: 200px;
    margin-bottom: 70px;
}

#logo {
    position: absolute;
    top: -10px;
    border: none;
}

#logo img{
    border: none;
}


#usp {
    background: rgb(255, 255, 255);
    background: rgba(255, 255, 255, 0.83);
    float: right;
    height: 272px;
    padding: 20px;
    position: relative;
    right: 0;
    top: 55px;
    width: 310px;
    margin-top: 30px;
}

#usp li {
    font-size: 18px;
    list-style-type: none;
    margin: 6px 0 0;
}

#usp li:before {
    color: #00a4c7;
    content: "\f00c";
    font-family: FontAwesome;
    font-size: 27px;
    line-height: 1.5;
    margin-right: 5px;
    vertical-align: sub;
}

#header.vervolgpagina #usp {
    display: none;
}

#searchBar{
    background: #ebebeb;
    width: 100%;
}

#searchBar ul,  #searchBar ul li{
    height: 100%;
}
#searchBar ul li {
    display: block;
    float: left;
    height: 100%;
    list-style: outside none none;
    margin: 0 0 0 1%;
    padding: 0;
    position: relative;
    width: 32%;
}

#searchBar .loggendIn ul li{
    /*width: 26%;*/
    width: 32%;
}

#searchBar a:link,
#searchBar a:visited,
#searchBar a:active,
#searchBar a:hover {
    color: #fff;
    text-decoration: none;
}

div.triangle  {
    position: absolute;
    top:-19px;
    left:0;
    width: 0;
    height: 0;
    border-top: 59px solid #e30613;
    border-right: 48px solid transparent;
}

li#searchCatalog {
    background: #00a4c7;
    color:#FFF;
}

li.uploadPartlist,
#searchBar li.uploadPartlist p a:link,
#searchBar li.uploadPartlist p a:visited,
#searchBar li.uploadPartlist p a:hover,
#searchBar li.uploadPartlist p a:active{
    color: #3c3c3b;
}

li#searchCatalog p {
    margin-top: 10px;
}

#searchBar ul li p {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
    padding: 0.5em;
    text-align: center;
    text-transform: uppercase;
    background-color: #e41e2d;
    letter-spacing: .5px;
    border: 2px solid #e41e2d;
    border-bottom: none;
}

#searchBar .loggendIn ul li p {
    /*font-size: 20px;*/
}

#searchBar .loggendIn ul li.uploadPartlist {
    height: 84%;
}

#searchBar .loggendIn ul li.uploadPartlist p {
    /*font-size: 15px;*/
    /*margin-top: 5px;*/
    text-align: center;
    background-color: transparent;
}

#searchBar .loggendIn .uploadPartlist {
    width: 18%;
}

.searchInput-inner{
    margin-bottom: 10px;
    background-color: #fff;
    box-shadow: 0px 15px 10px -15px #777;
}

li.searchInput form{
    display: flex;
    border: 2px solid #e41e2d;
    border-top: none;
}

li.searchInput input[type="text"] {
    border: medium none;
    width: calc(100% - 55px);
    height: 30px;
    -webkit-appearance: none;
    border-radius: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
    -webkit-appearance: none!important;
}


li.searchInput input[type="submit"] {
    background: transparent;
    border: medium none;
    height: 30px;
    line-height: 0;
    padding: 0;
    text-align: center;
    width: 55px;
    border-radius: 0;
    outline: none;
    -webkit-appearance: none!important;
    color: transparent;
    font-size: 0;
}

.searchInput-submit{
    background-image: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="rgb(228 30 45)" d="M23.809 21.646l-6.205-6.205c1.167-1.605 1.857-3.579 1.857-5.711 0-5.365-4.365-9.73-9.731-9.73-5.365 0-9.73 4.365-9.73 9.73 0 5.366 4.365 9.73 9.73 9.73 2.034 0 3.923-.627 5.487-1.698l6.238 6.238 2.354-2.354zm-20.955-11.916c0-3.792 3.085-6.877 6.877-6.877s6.877 3.085 6.877 6.877-3.085 6.877-6.877 6.877c-3.793 0-6.877-3.085-6.877-6.877z"/></svg>');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 21px;
    transition: background-image .47s cubic-bezier(0.25, 0.1, 0.25, 1);
    will-change: background-image;
}

.searchInput-submit:hover{
    background-image: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="rgb(60 60 59)" d="M23.809 21.646l-6.205-6.205c1.167-1.605 1.857-3.579 1.857-5.711 0-5.365-4.365-9.73-9.731-9.73-5.365 0-9.73 4.365-9.73 9.73 0 5.366 4.365 9.73 9.73 9.73 2.034 0 3.923-.627 5.487-1.698l6.238 6.238 2.354-2.354zm-20.955-11.916c0-3.792 3.085-6.877 6.877-6.877s6.877 3.085 6.877 6.877-3.085 6.877-6.877 6.877c-3.793 0-6.877-3.085-6.877-6.877z"/></svg>');
}

#rightColumnHeader {
    float: right;
    position: relative;
    width: 328px;
    top: 65px;
}

#rightColumnHeader p {
    color: #828284;
    font-size: 15px;
    font-weight: bold;
    
}

#rightColumnHeader .callForInfo{
    position: relative;
    left: 28px;
}

#rightColumnHeader .phonenumber {
    color: #fff;
    position: relative;
    font-size: 27px;
    line-height: 25px;
   
}

#rightColumnHeader p.phonenumber span.fa {
    color: orange;
    margin-right: 8px;
    position: relative;
}

#banner {
    display: block;
    height: 560px;
    position: absolute;
    width: 100%;
    overflow: hidden;
    vertical-align: top;
}


#banner > img {
    left: 0;
    min-width: 100%;
    position: absolute;
    z-index: -1;
}

#header.vervolgpagina #banner {
    height: 273px;
}

#content {
    float: left;
    margin-top: 50px;
    min-height: 400px;
    position: relative;
    text-align: left;
    width: 100%;
}

.halfColumn {
    float: left;
    width: 48%;
    padding-right: 2%;
    margin-top: 15px;
}


.halfColumn h2 {
    font-size: 23px;
}


.oneThirdColumn {
    box-sizing: border-box;
    padding: 15px;
    text-align: center;
    margin-top: 15px;
    border:1px solid #cecece;
    height: 100%;
}

.oneThirdColumn ul li {
    text-align: left;
}

.oneThirdColumn li {
    list-style: none;
}

.oneThirdColumn li:before {
    color: #00a4c7;
    content: "\f00c";
    font-family: FontAwesome;
    font-size: 21px;
    line-height: 1;
    margin: 0 5px 0 -27px;
    vertical-align: sub;
}

div.clear{
    clear:both;
}

div.redLine {
    background-color: #e30614;
    color: #e30614;
    height: 1px;
    margin: 40px 0 13px;
}

#brands ul{
    display: table;
    width: 100%;
}

#brands ul li{
    display: table-cell;
    list-style: none;
    float: left;
    text-align: center;
    width:17%;
}

#brands a {
    display: inline-block;
    float: left;
}

#footer {
    background: #3c3c3b;
    clear: both;
	height: 55px;
    margin-top: 20px;
    float: left;
    width: 100%;
}

#footer p {
    color: #ffffff;
    font-size:8pt;
    text-align:right;
    text-decoration:none;
    padding-right: 10px;
    line-height: 55px;
}

#footer a:link,
#footer a:visited {
    color: #ffffff;
    text-decoration: none;
}

#footer a:hover,
#footer a:active {
    text-decoration: underline;
}


#socialMedia{
    position: absolute;
    left: 10px;
    top:13px;
}

#socialMedia ul li {
    background: #8e8e8d none repeat scroll 0 0;
    border-radius: 6px;
    display: block;
    float: left;
    font-size: 24px;
    height: 31px;
    line-height: 30px;
    list-style: outside none none;
    margin: 0 9px 0 0;
    text-align: center;
    width: 31px;
}

#socialMedia ul li:hover {
    background: #FFF;
    cursor: pointer;
}

#socialMedia ul li a:link, #socialMedia ul li a:visited, #socialMedia ul li a:hover, #socialMedia ul li a:active {
    color: #3c3c3b;
}

#openclosed.open{
    color: #FFFFFF;
    background-color: #00cc00;
    padding: 5px 10px;
}

#openclosed.closed{
    color: #e30613;
}


/* MENU 1*/


#menuBar {
    background: #e30614;
    height: 42px;
    left: 34%;
    position: relative;
    top: 23px;
    width: 3000px;
}

#menuBar > img {
    left: -34px;
    position: absolute;
}

#menu {
    margin-top: 50px;
}

#menu1 {
    float: left;
    height: 42px;
    position: absolute;
    right: 0;
    top: 73px;
    width: 58%;
    z-index: 15;
}

#menu1 .wrapper {
    width: auto;
}

#menu1 ul {
    height: 42px;
    display: inline-block;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    position: relative;
    top: 0;
}

#menu1 ul li {
    display: block;
    float: left;
    height: 100%;
    margin: 0 5px;
}

#menu1 ul li:hover {
}

#menu1 a.level1:link, #menu1 a.level1:visited {
    color: #fff;
    display: block;
    font-size: 13px;
    font-weight: 500;
    height: 42px;
    line-height: 42px;
    text-decoration: none;
    padding: 0 15px;
    text-transform: uppercase;
    letter-spacing: -.2px;
}

#menu1 a.level1:hover, #menu a.level1:active{

			}
			
#menu1 ul li.active {
			}
			
#menu1 ul li.hassub {
			}

#menu1 ul li.hassub:hover {
			}
			
#menu1 ul li.hassubactive {
			}			

#menu1 ul li.hassubactive:hover {
			}			

#menu1  a.level1.active, #menu1 a.level1.hasactivesub {
    background: #3c3c3b;
}

#menu1 ul li ul {
    background: #f6eefe;
    box-shadow: 0 20px 4px -20px #000000 inset;
    display: none;
    height: auto;
    left: inherit;
    min-width: 155px;
    padding: 0 5px 5px;
    position: absolute;
    top: 42px;
    width: auto;
}

#menu1 li.level2 {
    display: block;
    float: none;
}
			
#menu1 li.level2:hover {
}		
			
#menu1 li.level2.active{
			}
			

#menu1 a.level2:link, #menu1 a.level2:visited  {display:block;
			font-size: 10pt;
			font-weight: normal;
			color: #707070;
			text-decoration: none;
			line-height:26px;
			background: none;
			}

#menu1 a.level2:hover, #menu1 a.level2:active, #menu1 a.level2.active {color:#000;
				}


/*einde menu 1*/

/* Contact formulier */
#contactForm {
    background: #eaeaea;
    padding: 20px 15px;
    float: left;
}

#contactForm input[type='submit']{
    position: relative;
    left: 115px;
}

td.col1 p {
    color: #161412;
}

input[type="text"],
input[type="password"]{
    border: 1px solid #95918f;
    height: 25px;
    padding: 0 5px;
    width: 300px;
}

input[type="submit"], .button {
    background: #e30613 none repeat scroll 0 0;
    border: none;
    color: #fff !important;
    display: inline-block;
    padding: 10px 20px;
    text-decoration: none;
    border-radius:5px;
}


input[type="submit"]:hover, .button:hover, .buttonSmall:hover{
    background: #B50B16;
    cursor: pointer;
    }

.button.grijs{
    background: lightgray;
}

.buttonSmall {
    background: #e30613 none repeat scroll 0 0;
    border: medium none;
    color: #fff !important;
    padding: 3px 5px;
    display: inline-block;
}

textarea {
    border: 1px solid #95918f;
    padding: 5px;
    width: 300px;
    font-family:Roboto, Verdana, Arial, sans-serif;
    font-size: 11px;
}


#contact tr td.col1, #contact tr td.col1 p {
    width: 110px;
}

/* Responsive Menu */
#navTrigger {
    display: none;
    height: 25px;
    overflow: hidden;
    position: absolute;
    right: 30px;
    top: 3px;
    width: 25px;
}

#navTrigger a {
    height: 25px;
    left: 0;
    position: absolute;
    top: 0;
    width: 25px;
    text-decoration: none;
}

#menu1 .bar {
    background-color: #fff;
    display: block;
    height: 3px;
    margin-top: 4px;
    width: 25px;
}

#navTrigger.active .bar:first-child {
    margin-top: 10px;
    transform: rotate(-45deg);
}

#navTrigger.active .bar:first-child + .bar {
    opacity: 0;
}

#navTrigger.active .bar:first-child + .bar + .bar {
    margin-top: -10px;
    transform: rotate(45deg);
}

.all-trans {
    transition: all 300ms ease 0s;
}

.openDiv{
    display: none;
}

/* Catalogue */
li.sector{
    background: #e0e0e0;
    color: #6f6f6f;
    display: block;
    line-height: 35px;
    padding: 0 5px 0 10px;
    position: relative;
    width: 400px;
    margin: 0 0 2px 0;
}

li.sectorType {
    position: relative;
    text-indent: 10px;
    width: 400px;
    margin: 0;
    list-style: none;
}

li.engineGroup {
    position: relative;
    text-indent: 20px;
    width: 400px;
    margin: 0;
    list-style: none;
}

li.engineModel {
    position: relative;
    text-indent: 30px;
    width: 400px;
    margin: 0;
    list-style: none;
}

#sectorContainer ul {
    display: none;
}

#sectorContainer li:hover{
    cursor:pointer;
}

#sectorContainer > ul {
    display: block;
}

#hollandAgriculture {
    background: url("images/NewHollandAgriculture.jpg") repeat scroll 0 -39px transparent;
    display: block;
    height: 39px;
    width: 113px;
}

#hollandAgriculture:hover {
    background-position: 0 0;
}

#hollandConstruction {
    background: url("images/NewHollandConstruction.jpg") repeat scroll 0 -39px transparent;
    display: block;
    height: 39px;
    width: 113px;
}

#hollandConstruction:hover {
    background-position: 0 0;
}

#caseConstruction {
    background: url("images/CaseConstruction.jpg") repeat scroll 0 -39px transparent;
    display: block;
    height: 39px;
    width: 113px;
}

#caseConstruction:hover {
    background-position: 0 0;
}

#case {
    background: url("images/Case.jpg") repeat scroll 0 -39px transparent;
    display: block;
    height: 39px;
    width: 113px;
}

#case:hover {
    background-position: 0 0;
}

#bosch {
    background: url("images/Bosch.jpg") repeat scroll 0 -54px transparent;
    display: block;
    height: 54px;
    width: 112px;
}

#bosch:hover {
    background-position: 0 0;
}

/* ProductGroups Specific */
#productGroupContainer li {
    list-style: none;
    margin: 0;
}

#productGroupContainer li a {
    color: #3c3c3b;
    text-decoration: none;
}

#productGroupContainer li a.red,
#productGroupContainer td.red {
    color: red;
}

#productGroupContainer li a.green,
#productGroupContainer td.green {
    color: green;
}

#productGroupContainer li a:hover {
    text-decoration: underline;
}

.tooltip-inner {
    white-space: pre-wrap;
}

.fa-info-circle {
    float: right;
    font-size: 18px;
}

.fa-exclamation-circle {
    color: #feb900;
    float: right;
    font-size: 18px;
    margin-right: 5px;
}

.requestProposal {
    cursor: pointer;
}

a.requestProposal {
    background: #3c3c3b none repeat scroll 0 0;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    padding: 2px 2px 1px;
}

.engineModelText, .exclamationText {
    background: #fff;
    box-shadow: 0 0 4px #7a7a7a;
    display: none;
    left: 0;
    max-height: 200px;
    overflow: auto;
    padding: 5px;
    position: absolute;
    width: 125%;
    min-width:230px;
    z-index: 20;
}

#searchResults tr td:first-child,
#productGroupContainer .partNumber {
    position: relative;
}

#proposal td.col1,
#proposal td.col1 p {
    width: 120px;
}

#proposalOverview {
    margin-bottom: 20px;
}

#proposalOverview td,
#proposalOverview th{
    border: 1px solid #c0c0c0;
    padding: 5px;
}

#proposalOverview input[type="submit"] {
    font-family: FontAwesome;
    font-size: 17px;
    padding: 3px 5px;
}

.productGroupImage {
    border: 1px solid #c0c0c0;
    max-width: 100%;
    margin-bottom: 10px;
}

#proposalTotal {
    background: #e30614 none repeat scroll 0 0;
    border: 1px solid;
    color: #fff;
    float: right;
    position: fixed;
    right: 20px;
    top: 18px;
}

#proposalTotal p {
    padding: 5px 10px;
}

#proposalTotal a:link,
#proposalTotal a:visited {
    color: #fff;
}

.onlyUnder960{
    display:none!important;
}

.clickMoreEquivalents:hover{
    cursor: pointer;
}

.moreEquivalents{
    display: none;
}

#dialog {
    display: none;
}


span.numberLabel {
    display: inline-block;
    min-width: 110px;
}

.amountDropdown{
    width: 40px;
}

span.deliveryaddress {
    font-size: 17px;
    font-weight: bold;
}

p.orderRemarks{
    display: none;
}

#urgentOrderId{
    background: #ffff91;
    height: 28px;
    font-size: 15px;
}


/*uitlijning tabellen producten*/

#orderForm p{
    margin-bottom:8px;
}

#orderForm p label {
    display: inline-block;
    width: 135px;
    vertical-align: top;
}

tr.alignRight td{
    text-align: right;
}

.colAddToBasket {
    width: 93px;
}

.colAmount{
    width: 195px;
}

.colUnitprice{
    width: 80px;
}

.orderFields select,
select[name="countryCode"],
select[name="deliveryCountryCode"],
select[name="preferredPayMethod"],
.formStyling select {
    height: 25px;
    width: 313px;
}

input[type="text"].basketIntval{
    width: 27px;
    height:16px;
}

tr.replacement{
    background:lightgrey;
    display:none;
}

td i.showReplacement:hover{
    cursor: pointer;
}


span.deliveryAddressFields{
    display: none;
}

label.shippingRadioLabels{
    width: 25px;
    display: inline-block;
}

/* Payment methods table */
#paymentMethods {
    width: auto;
    border: none;
}

#paymentMethods tr {
    height: 50px;
}

#paymentMethods tr td:first-child {
    width: 30px;
}

#paymentMethods tr td {
    height:21px;
    position: relative;
    border: none;
    vertical-align: middle;
}

#contentContainer #paymentMethods img {
    max-width: inherit!important;
    vertical-align: top;
}


ul.harmonica ul{
    display: none;
}

ul.harmonica li{
    display: block;
    width: 300px;
    line-height: 20px;
    background: #939393;
    color: #FFF;
    padding: 5px;
    cursor: pointer;
}

ul.harmonica li ul li{
    display: block;
    width: auto;
    line-height: 20px;
    background: #bbbbbb;
 /*   color: #FFF;*/
}

ul.harmonica li ul li ul li{
    display: block;
    width: auto;
    line-height: 20px;
    background: #dddddd;
    color: #000;
}

ul.harmonica a:link, ul.harmonica a:visited{
    color: #FFF;
    text-decoration: none;
    width: 100%;
    display: inline-block;
}
ul.harmonica a:hover, ul.harmonica a:active{
    color: #FFF;
    text-decoration: underline;
}



/*new layout productgroups*/
#productGroupsAccordion div{
    background: #939393;
    padding: 5px;
    margin-top: 5px;
    color: #FFF;
    width: auto;
    cursor: pointer;
}

#productGroupsAccordion div div{
    background: #bbbbbb;
    display:none;
}

#productGroupsAccordion div div div{
    background: #dddddd;
    display:none;
}

#productGroupsAccordion a:link, #productGroupsAccordion a:visited{
    color: #000;
    text-decoration: none;
    width: 100%;
}

#productGroupsAccordion a:hover, #productGroupsAccordion a:active{
    color: #000;
    text-decoration: underline;
}

#productGroupsAccordion .remark {
    color: #000;
    font-size: 10px;
}


/*color classes*/
.lightgray{color:lightgray;}
.red{color:red;}
.orange{color:orange;}
.green{color:green;}

/*
    Create account
*/

.create-account{
    position: relative;
    z-index: 10;
    margin-right: 10px;
    padding-bottom: 60%;
    border: 1px solid #c0c0c0;
    background-image: url("images/login-image.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.create-account .button{
    margin: 0 15px;
    padding: 16px 30px;
    font-size: 18px;
    transition: background-color .67s ease;
    will-change: background-color;
}

.create-account .button:hover{
    text-decoration: none;

}

.create-account-inner{
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 15;
    width: 100%;
    text-align: center;
    transform: translateY(-50%);
}

/*
    Company block
*/

.company-block{
    display: flex;
    align-items: stretch;
    min-height: 250px;
    margin: 48px 0 35px;
    color: white;
    background-color: #e41e2d;
}
/**/

body{
    position: relative;
}

#menu{
    margin-top: 0;
}

#menu1 ul li{
    margin: 0 1px;
}
@media all and (max-width:1300px) {
    #menu1 ul li:last-child ul{
        left: unset;
        right: 0;
    }
}

#proposalTotal{
    z-index: 1000;
}

#menu1 a.level1:link, #menu1 a.level1:visited{
    padding: 0px 3px;
}

#menuBar{
    display: none;
}

#logo,
#logo2{
    position: static;
    top: unset!important;
    height: 60px;
    margin: unset!important;
    max-width: unset!important;
}

#logo img,
#logo2 img{
    display: block;
    max-width: 100%;
    max-height: 100%;
}

#logo2 img {
    /*margin: 15px 0 0 10px;*/
}
#menu1{
    top: 0!important;
    left: 0;
    width: 100% !important;
    height: 80px;
    padding: 10px 0;
    background-color: #e41e2d;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#menu1 > .wrapper{
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 960px;
}

#menu1 ul li.hassub{
    position: relative;
    z-index: 10;
}

#menu1 ul li.hassub:hover ul{
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
}

#menu1 ul li ul{
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1200;
    display: block;
    padding: 19px 0 0;
    min-width: 240px;
    background-color: transparent;
    box-shadow: none;
    opacity: 0;
    pointer-events: none;
    transform: translateY(10px);
    transition: transform 0.47s cubic-bezier(0.25, 0.1, 0.25, 1), opacity 0.4s cubic-bezier(0.25, 0.1, 0.25, 1);
    will-change: transform, opacity;
}

#menu1 ul li ul li{
    background-color: #e41e2d;
}

#menu1 li.level2{
    margin: 0;
    padding: 3px 10px;
}

#menu1 ul li ul li:first-child{
    padding-top: 10px;
}

#menu1 ul li ul li:last-child{
    padding-bottom: 15px;
}

#menu1 a.level2:link, #menu1 a.level2:visited{
    color: white;
    padding: 4px 35px 4px 10px;
    text-transform: uppercase;
}

#menu1 a.level2:link{
    background-image: url("images/arrow.jpg");
    background-position: center right 4px;
    background-repeat: no-repeat;
    transition: background-position 0.47s cubic-bezier(0.25, 0.1, 0.25, 1);
    will-change: background-position;
}

#menu1 a.level2:hover{
    background-position: center right;
}

#navTrigger{
    position: static;
    cursor: pointer;
}

#footer{
    float: none;
    height: unset;
    padding-top: 30px;
    padding-bottom: 30px;
    font-size: 14px;
    line-height: 19px;
    background-color: #eaeaea;
}

#footer p{
    color: #3c3c3b;
    font-size: 14px;
    line-height: 19px;
    text-align: unset;
    padding-right: unset;
}

#socialMedia{
    position: static;
    left: unset;
    top: unset;
}

.footer-items{
    margin: 0 -15px;
    padding-bottom: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.footer-items:after{
    content: '';
    display: table;
    clear: both;
}

.footer-item{
    display: inline-block;
    float: left;
    width: 25%;
    padding: 0 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/*.footer-item-1{*/
/*    width: 19%;*/
/*}*/

/*.footer-item-2{*/
/*    width: 25%;*/
/*}*/

/*.footer-item-3{*/
/*    width: 25%;*/
/*}*/

/*.footer-item-4{*/
/*    width: 25%;*/
/*}*/

.footer-social-title{
    margin-bottom: 12px;
}

.footer-logo-list{
    list-style: none;
    margin: 0;
    padding: 0;
    max-width: 135px;
}

.footer-logo-list li{
    list-style: none;
    margin: 0;
}

.footer-logo-list li + li{
    margin-top: 20px;
}

.footer-logo-list img{
    display: block;
    max-width: 100%;
}

.footer-list{
    list-style: none;
    margin: 0;
    padding: 0;
}

.company-block:after{
    content: '';
    display: table;
    clear: both;
}

.company-block-right,
.company-block-left{
    display: inline-block;
    float: left;
}

.company-block-left{
    width: 70%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.company-block-right{
    width: 30%;
    text-align: center;
    padding: 15px 15px 25px;
}

.company-block-right-inner{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.company-block-right h2,
.company-block-right h3,
.company-block-right h4{
    margin-bottom: 15px;
    color: white;
    font-size: 32px;
    font-weight: 700;
    line-height: 38px;
    cursor: default;
}

.company-block-right p{

}

.company-block-right .button{
    margin-top: 25px;
    padding: 16px 30px;
    color: #3c3c3b!important;
    background-color: white;
    box-shadow: 0 4px 6px 0 rgba(12, 0, 46, 0.06);
}
.footer-list li{
    list-style: none;
    margin-left: 0;
}

.footer-list .wrapper {
    width: unset;
}

#footer a:link, #footer a:visited{
    color: #3c3c3b;
    transition: color .47s cubic-bezier(0.25, 0.1, 0.25, 1);
    will-change: color;
}

#footer a:hover{
    color: #e41e2d;
    text-decoration: none;
}

#socialMedia{
    display: flex;
    /*justify-content: flex-end;*/
}

#socialMedia ul{
    margin: 0 -5px;
}

#socialMedia ul:after{
    content: '';
    display: table;
    clear: both;
}

#socialMedia ul li{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    font-size: unset;
    line-height: unset;
    margin: 0 5px;
    background-color: #8e8e8e;
    border-radius: 50%;
    overflow: hidden;
    transition: background-color .47s cubic-bezier(0.25, 0.1, 0.25, 1);
    will-change: background-color;
}

#socialMedia ul li:hover{
    background-color: #e41e2d;
}

 #socialMedia ul li a{
    color: #eaeaea!important;
 }

#navTrigger{
    top: 0;
}

#proposalTotal{
    top: 21px;
}

#title {
    display: flex;
    align-items: center;
    max-width: 960px;
    height: 100%;
    margin: 0 auto;
}

#title h1 {
    margin-bottom: 0;
    color: white;
    font-size: 60px;
    font-weight: 700;
    line-height: 60px;
    font-style: italic;
    text-shadow: 0 1px 1px rgba(0 ,0, 0, .75);
}

#logo img{
}

.logos-container{
    margin: 0 -15px;
}

#menu1 ul.logos-container li{
    margin: 0;
    padding: 0 15px;
    width: unset;
    height: auto;
}

.user-logged .logos-container{
    margin: 0 -5px;
}

.user-logged #menu1 ul.logos-container li{
    padding: 0 5px;
}

#banner {
    padding-top: 80px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#menu1 ul{
    display: flex;
    align-items: center;
}

#menu1 ul.logos-container li img {
    max-height: 25px;
}

#menu1 ul.logos-container li a#logo2 img {
    max-height: 34px;
}

.catalogue-search-box {
    position: relative;
    z-index: 10;
    margin-top: -47px;
    margin-bottom: 40px;
}

.catalogue-search-box::before{
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 15;
    display: block;
    width: 100vw;
    height: 100%;
    background-color: #ebebeb;
    transform: translateX(-50%);
}

.catalogue-search-box-inner {
    position: relative;
    z-index: 20;
}

/*
    catalogue-search-box width fix
*/
.outer-wrapper{

}

.menu1-logo img{
    padding: 5px;
    background-color: #fff;
}

/*
    Contact box icons
*/

.contact-icons{
    position: relative;
    z-index: 10;
    padding-left: 25px;
}

.icon-email::before{
    content: url('data:image/svg+xml; utf8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="rgb(228 30 45)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-mail"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline></svg>');
    position: absolute;
    top: -1px;
    left: 0;
}

.icon-phone{
    display: inline-block;
}

.icon-phone::before{
    content: url('data:image/svg+xml; utf8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="rgb(228 30 45)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-phone"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path></svg>');
    position: absolute;
    top: 2px;
    left: 0;
}

.icon-whatsapp{
    display: inline-block;
}

.icon-whatsapp::before{
    content: url('data:image/svg+xml; utf8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24"><path fill="rgb(228 30 45)" d="M.057 24l1.687-6.163c-1.041-1.804-1.588-3.849-1.587-5.946.003-6.556 5.338-11.891 11.893-11.891 3.181.001 6.167 1.24 8.413 3.488 2.245 2.248 3.481 5.236 3.48 8.414-.003 6.557-5.338 11.892-11.893 11.892-1.99-.001-3.951-.5-5.688-1.448l-6.305 1.654zm6.597-3.807c1.676.995 3.276 1.591 5.392 1.592 5.448 0 9.886-4.434 9.889-9.885.002-5.462-4.415-9.89-9.881-9.892-5.452 0-9.887 4.434-9.889 9.884-.001 2.225.651 3.891 1.746 5.634l-.999 3.648 3.742-.981zm11.387-5.464c-.074-.124-.272-.198-.57-.347-.297-.149-1.758-.868-2.031-.967-.272-.099-.47-.149-.669.149-.198.297-.768.967-.941 1.165-.173.198-.347.223-.644.074-.297-.149-1.255-.462-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.521.151-.172.2-.296.3-.495.099-.198.05-.372-.025-.521-.075-.148-.669-1.611-.916-2.206-.242-.579-.487-.501-.669-.51l-.57-.01c-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.095 3.2 5.076 4.487.709.306 1.263.489 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.695.248-1.29.173-1.414z"/></svg>');
    position: absolute;
    top: 3px;
    left: 0;
}

.contact-open-hours{
    line-height: 16px;
    padding-top: 6px;
}

.icon-hours{

}

.icon-hours::before{
    content: url('data:image/svg+xml; utf8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="rgb(228 30 45)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-clock"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg>');
    position: absolute;
    top: -1px;
    left: 0;
}

#cookie-bar {background:#111111; height:auto; line-height:24px; color:#eeeeee; text-align:center; padding:10px 0 10px;}
#cookie-bar.fixed {position:fixed; bottom:0; left:0; width:100%;  z-index: 1050}
#cookie-bar.fixed.bottom {bottom:0; top:auto;}
#cookie-bar p {margin:0; padding:0;}
#cookie-bar a {color:#ffffff; display:inline-block; border-radius:3px; text-decoration:none; padding:0 6px; margin-left:8px;}
#cookie-bar .cb-enable {background:#007700; transition: background-color .47s ease;}
#cookie-bar .cb-enable:hover {background:#009900;}
#cookie-bar .cb-disable {background:#990000;}
#cookie-bar .cb-disable:hover {background:#bb0000;}
#cookie-bar .cb-policy {background:#0033bb;}
#cookie-bar .cb-policy:hover {background:#0055dd;}

/*
    Homepage blocks
*/

.homepage-blocks{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.homepage-blocks:after{
    content: '';
    display: table;
    clear: both;
}

.homepage-block{
    display: inline-block;
    float: left;
    width: 33.33333%;
    padding: 0 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.homepage-block img{
    display: block;
    max-width: 100%;
}

#contentContainer .homepage-block img{
    max-width: 100%!important;
    height: unset!important;
}

.homepage-block-inner{
    display: block;
    height: 100%;
    border:2px solid #e30613;
    box-shadow: 0px 15px 10px -15px #777;
}

.homepage-block-title{
    background-color:#e30613;
    padding:.5em;
    text-align:center;
    color:#fff;
    font-weight:bold;
}

/*
    Search box
*/

.catalogue-search-box{
    padding: 40px 0 35px;
}

.catalogue-search-box-inner ul{
    display: flex;
    justify-content: center;
}

.catalogue-search-box-inner ul li{
    margin-left: 30px!important;
}

/*
    Upload partlist
*/

.uploadPartlist-inner{
    margin-bottom: 10px;
    background-color: #fff;
    border: 2px solid #e41e2d;
    box-shadow: 0px 15px 10px -15px #777;
}

.uploadPartlist-inner i{
    position: relative;
    top: 3px;
}

.uploadPartlist-inner a{
    transition: color .47s cubic-bezier(0.25, 0.1, 0.25, 1);
    will-change: color;
}

.uploadPartlist-inner a:hover{
    color: #e41e2d!important;
}

.home-blocks-wrapper {
    margin: 0 -15px;
    padding-bottom: 15px;
}

.home-blocks-wrapper:after {
    content: "";
    display: table;
    clear: both;
}

.home-blocks-wrapper .blocks-wrapper-inner {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.home-blocks-wrapper .blocks-wrapper-inner .column-wrapper {
    box-sizing: border-box;
    display: inline-block;
    float: left;
    width: 33.33333%;
    padding: 0 15px;
}




/*********** 28-02-2025 Abhay Css *************/

.welcome-sections {
    padding-bottom: 50px;
    text-align: center;
}

.welcome-sections h2 {
    font-size: 24px;
    margin-bottom: 20px;
}

.welcome-sections p {
    font-size: 16px;
}
.home-boxes ul {
    display: flex;
    gap: 25px;
}

.home-boxes ul li {
    list-style: none;
    text-align: center;
    border: 2px solid #e30613;
    margin: 0;
    border-radius: 10px;
    overflow: hidden;
}

.home-boxes ul li h6 {
    padding: 15px 10px;
    background: #e30813;
    color: #fff;
    font-weight: 600;
    font-size: 18px;
    letter-spacing: 1px;
}
div#menu1 a.level1 {
    padding: 0px 15px !important;
}
#menu1 > .wrapper {
    max-width: 1200px;
}
#menu1 a.level1:hover {
    background: #6a0005;
}
#menu1 ul li.hassub ul li.level2:hover {
    background: #6a0005;
}
.home-authorizedpartner .home-blocks-wrapper {
    display: flex;
    justify-content: center;
    gap: 25px;
}

.home-authorizedpartner .home-blocks-wrapper .blocks-wrapper-inner {
    width: 33.33%;
    display: block;
}

.home-authorizedpartner .home-blocks-wrapper .home-address-section {
    width: 33.33%;
}

.home-authorizedpartner .home-blocks-wrapper .column-wrapper-contact {
    width: 33.33%;
}

.home-authorizedpartner .home-blocks-wrapper .blocks-wrapper-inner .column-wrapper {
    width: 100%;
    padding:0px;
}
.home-authorizedpartner .home-blocks-wrapper .oneThirdColumn {
    margin: 0;
    text-align: left !important;
}

.home-authorizedpartner .home-blocks-wrapper .oneThirdColumn p {
    text-align: left !important;
}

.home-authorizedpartner .home-blocks-wrapper .oneThirdColumn h3 {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 5px;
}
#menu1 a.level1.active, #menu1 a.level1.hasactivesub{
    background:#6a0005;
}
.home-authorizedpartner .home-blocks-wrapper .blocks-wrapper-inner .oneThirdColumn {
    background: #ef0327;
    color: #fff;
    font-weight: normal;
    border: none;
}
div#footer .wrapper {
    max-width: 1200px;
    width: 100%;
}


.main-header {
    display: inline-block;
    width: 100%;
}

.main-header div#menu1 {
    position: inherit;
}

.main-header .topbar-header {
    background: #000;
    display: inline-table;
    width: 100%;
    padding: 10px 0px;
}
header div#banner {
    padding: 0;
}

.main-header .topbar-header .container {
    max-width: 1200px;
    margin: auto;
    display: flex;
    align-items: center;
    padding:0px 15px;
}
.main-header .topbar-header .container .col-sm-6 {
    width: 50%;
}

.main-header .topbar-header .contact-details {
    float: left;
    width: auto;
    position: relative;
}

.main-header .topbar-header .contact-details ul {
    display: flex;
}

.main-header .topbar-header .contact-details ul li {
    width: auto;
    position: relative;
    padding-left: 25px;
    list-style: none;
    display: block;
}

.main-header .topbar-header .contact-details ul li a {
    color: #fff;
    text-decoration: none;
}

.main-header .topbar-header .contact-details ul li:first-child {
    margin: 0;
}

.main-header .topbar-header .contact-details ul li span {
    top: 0px !important;
    position: absolute;
    left: 0;
    display: block;
}

.main-header .topbar-header .contact-details ul li:first-child span {
    top: 4px !important;
}
.main-header .topbar-header .topbar-logo {
    float: right;
}
#menu1 ul.logos-container li img {
    max-height: 60px;
}
header div#header div#banner {
    position: relative;
}

header div#header div#banner:after {
    display: block;
    content: '';
    background: #00000069;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
}

header div#header div#banner div#title {
    margin: auto;
    z-index: 9;
    position: relative;
    text-align: center;
    justify-content: center;
}
.main-header .topbar-header .topbar-logo img {
    height: 30px;
}
.copyright-row {
    background:#000;
    padding: 10px;
    color: #fff;
}

.copyright-row a {
    text-decoration: none;
    color: #fff;
}
.home-authorizedpartner .home-blocks-wrapper .oneThirdColumn {
    margin: 0;
    text-align: left !important;
    border-radius: 10px;
    box-shadow: 5px 5px 5px #ddd;
    min-height: 250px;
}

.home-authorizedpartner .home-blocks-wrapper .oneThirdColumn p {
    margin-bottom: 5px;
}
.company-block-right .button {
    background: none;
    border: 1px solid #fff;
    color: #fff !important;
    text-transform: capitalize;
    box-shadow: none;
    border-radius:4px;
}

.company-block-right .button:hover {
    background: #fff;
    color: #000 !important;
    text-decoration: none;
}
div#footer .footer-items h6 {
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 10px;
}
div#footer .footer-items ul.footer-list li {
    margin: 0;
}
div#footer {
    padding-top: 60px;
}
#header.vervolgpagina {
    height: inherit;
    margin: 0;
}
.outer-wrapper div#contentContainer p {
    font-size: 16px;
}

.outer-wrapper div#contentContainer h2 {
    font-size: 20px;
}
main.main-sections div#contentContainer table {
    width: 100% !important;
}
/*main.main-sections div#contentContainer table tr:first-child {
    background: #e30813;
}*/
main.main-sections div#contentContainer table tr td {
    padding: 10px;
    font-size: 15px;
}
main.main-sections div#contentContainer table tr:first-child td {
    font-weight: bold;
    font-size: 18px;
/*    color:#fff;*/
}
main.main-sections div#contentContainer table#searchResults th {
    padding: 5px 10px;
    /*border-color: #fff;
    color:#fff;*/
}
main.main-sections div#contentContainer table#searchResults td.order input {
    display: inline-block;
    padding: 5px 10px !important;
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
    height: inherit;
}

main.main-sections div#contentContainer table#searchResults td.order a.requestProposal {
    width: 100%;
    text-align: center;
    padding: 5px 10px;
    background: #e30813;
}
/*main.main-sections div#contentContainer table tr:first-child td a{color:#fff;}*/
main.main-sections div#contentContainer .halfColumn {
    width: 50%;
}
body.fpt-engines main.main-sections div#contentContainer .halfColumn .fpt-industrial-box {border-radius: 10px;padding: 15px;border: 2px solid #e30813;}

body.fpt-engines main.main-sections div#contentContainer .halfColumn .fpt-industrial-box h6 {
    background: #e30813;
    padding: 15px 20px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 1px;
    overflow: hidden;
    border-radius: 10px 10px 0px 0px;
}

body.fpt-engines main.main-sections div#contentContainer .halfColumn .fpt-industrial-box img {
    border-radius: 0px 0px 10px 10px;
}
main.main-sections div#searchBar.catalogue-search-box {
    display: inline-block;
    width: 100%;
}

main.main-sections div#searchBar.catalogue-search-box  ul {
    max-width: 100%;
    gap: 30px;
}

main.main-sections div#searchBar.catalogue-search-box ul li {
    width: 100%;
    margin: 0 !important;
    border: none;
    background: none !important;
    padding: 0;
    box-shadow: inherit !important;
    padding-bottom: 10px;
}

main.main-sections div#searchBar.catalogue-search-box ul li .searchInput-inner {
    margin: 0 !important;
    padding: 0;
    box-shadow: inherit !important;
    border: none !important;
    background: none !important;
}

main.main-sections div#searchBar.catalogue-search-box ul li .searchInput-inner p {
    background: none;
    color: #000;
    text-align: left;
    border: none;
}

main.main-sections div#searchBar.catalogue-search-box ul li .searchInput-inner form {
    border: none;
    background: #fff;
    border-radius: 35px;
    overflow: hidden;
    padding:0px;
    box-shadow: 0px 0px 10px #ddd;
    margin-top:10px;
    height:inherit;
}
main.main-sections div#searchBar.catalogue-search-box ul li .searchInput-inner form input {
    padding: 10px 25px;
    height: inherit !important;
}
main.main-sections div#searchBar.catalogue-search-box ul li .searchInput-inner form .searchInput-submit {
    border-radius: 0px 50px 50px 0px;
    color: #fff;
    background: url(images/magnifying-glass-solid.svg) center no-repeat #e41e2d;
    padding: 10px;
    background-size: 35% auto;
}
/*main.main-sections div#contentContainer table#searchResults tr:first-child {
    background: #000;
}*/
main.main-sections div#contentContainer table#searchResults tr:first-child th {
    font-weight: 500;
    border-right:1px solid #c0c0c0;
}
body.order main.main-sections a.button {
    border-radius:5px;
}

body.order main.main-sections table#proposalOverview {
    box-shadow: 0px 0px 10px #ddd;
    border-radius: 10px;
    overflow: hidden;
}
body.order main.main-sections table#proposalOverview tbody th {
    color: #fff;
    font-weight: 500;
    padding: 5px 15px;
    font-size: 15px;
}

body.order main.main-sections table#proposalOverview tbody:first-child tr:first-child {
    background: #e41e2d;
}
body.order main.main-sections table#proposalOverview tr:first-child {
    background: none;
    color: #000 !important;
}
body.order main.main-sections table#proposalOverview tr:first-child td, body.order main.main-sections table#proposalOverview tr:first-child td a {
    color: #000;
    font-size: 14px;
    font-weight: 400;
}

body.order main.main-sections table#proposalOverview form {
    align-items: center;
    align-self: center;
    display: flex;
    gap: 10px;
}

body.order main.main-sections table#proposalOverview form input {
    height: inherit;
    width: auto !important;
    height:30px;
    margin: 0;
}
body.login main.main-sections div#contentContainer form {
    max-width: 550px;
    margin: 20px auto;
    border: 1px solid red;
    padding: 20px;
    border-radius: 10px;
}
body.login main.main-sections div#contentContainer form table tr:first-child {
    background: none;
    color: #000;
    margin-bottom: 10px;
}
body.login main.main-sections div#contentContainer form table tr:first-child td {
    color: #000;
    font-size: 14px;
    font-weight: normal;
}
body.login main.main-sections div#contentContainer form table input {
    width: 100%;
    padding: 10px;
    height: inherit;
    border-radius:5px;
}
body.login main.main-sections div#contentContainer form table tr {
    align-items: center;
    align-self: center;
    justify-content: center;
}
body.login main.main-sections div#contentContainer form table tr {display: block;}
body.login main.main-sections div#contentContainer form table tr td {
    display: block;
    padding: 0;
}
body.login main.main-sections div#contentContainer form table input {
    margin-top: 10px;
}
body.login main.main-sections div#contentContainer p {
    text-align: center;
}
body.login main.main-sections div#contentContainer form input[type="submit"] {
    margin-top: 25px;
}
body.register main.main-sections div#contentContainer h1 {
    text-align: center;
    display: block;
}

body.register main.main-sections div#contentContainer form#gebruikers {
    max-width: 550px;
    margin: auto;
    border: 1px solid red;
    padding: 20px;
    border-radius: 10px;
}

body.register main.main-sections div#contentContainer form#gebruikers table {
    width: 100% !important;
    padding: 0 !important;
    display: block;
}

body.register main.main-sections div#contentContainer form#gebruikers table tr:first-child {
    background: none;
}

body.register main.main-sections div#contentContainer form#gebruikers table tr:first-child td {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    border-bottom: 1px solid #e41e2d;
    margin-bottom: 15px !important;
    display: inline-block;
    padding-bottom: 15px;
}

body.register main.main-sections div#contentContainer form#gebruikers table tr {
    display: block;
    margin-bottom: 10px;
}

body.register main.main-sections div#contentContainer form#gebruikers table tr:first-child td br {
    display: none;
}

body.register main.main-sections div#contentContainer form#gebruikers table td {
    display: block;
    padding: 0;
}

body.register main.main-sections div#contentContainer form#gebruikers table tr td.col3 {
    display: none;
}

body.register main.main-sections div#contentContainer form#gebruikers table td input{
    width: 100%;
    padding: 8px 10px;
    height: inherit;
    border-radius: 2px;
}
body.register main.main-sections div#contentContainer form#gebruikers table td select{
    width: 100%;
    padding: 8px 10px;
    height: inherit;
    border-radius: 2px;
    border: 1px solid #000;
}
main.main-sections {
    padding-bottom: 50px;
    display: inline-block;
    width: 100%;
}

main.main-sections div#productGroupContainer tr:first-child th {
    padding: 5px 10px;
/*    color: #fff;*/
    font-weight: 500;
    border-right:1px solid #c0c0c0;
}
main.main-sections div#productGroupContainer tr td.order input, main.main-sections div#productGroupContainer tr td.order select {
    display: block;
    padding: 5px 10px;
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
    height: inherit;
    border:1px solid #000;
}
main.main-sections div#productGroupContainer tr td.order a.requestProposal {
    width: 100%;
    text-align: center;
}
ul.fpt-roadengines-sections {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

ul.fpt-roadengines-sections li {
    width: calc(25% - 20px);
    margin: 0;
    list-style: none;
}
ul.fpt-roadengines-sections {
    margin-top: 50px;
}

ul.fpt-roadengines-sections ul ul.fpt-roadengines-sections {
    margin: 0;
}
ul.fpt-roadengines-sections li .product-box {
    border: 1px solid #e41e2d;
    border-radius: 10px;
}

ul.fpt-roadengines-sections li .product-box .product-img {
    padding: 10px;
    height: 200px;
    overflow: hidden;
    position: relative;
}

ul.fpt-roadengines-sections li .product-box .product-img img {
    position: absolute;
    object-fit: cover;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

ul.fpt-roadengines-sections li .product-box .product-details {
    padding: 10px;
    text-align: center;
    border-bottom: 1px solid #e41e2d;
}

ul.fpt-roadengines-sections li .product-box .product-details h6 {
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 600;
}

ul.fpt-roadengines-sections li .product-box .product-details span {
    font-size: 13px;
    display: block;
    font-weight: 500;
}

ul.fpt-roadengines-sections li .product-box .product-details em {
    font-size: 12px;
}

ul.fpt-roadengines-sections li .product-box .product-link {
    background: #e41e2d;
    color: #fff;
    text-align: center;
    border-radius: 0px 0px 10px 10px;
}

ul.fpt-roadengines-sections li .product-box .product-link a {
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    padding: 10px;
    display: inline-block;
    width: 100%;
}
ul.fpt-roadengines-sections ul {
    width: 100%;
}
ul.fpt-roadengines-sections ul ul.fpt-roadengines-sections {
    width: 100%;
}
body.contact main.main-sections div#contentContainer div#contactForm {
    width: 100%;
}
body.contact main.main-sections div#contentContainer div#contactForm form#contact table tr {
    background: none;
    margin-bottom: 15px !important;
    display: block;
}

body.contact main.main-sections div#contentContainer div#contactForm form#contact table tr td {
    display: block;
    padding: 0;
    font-weight: normal;
}

body.contact main.main-sections div#contentContainer div#contactForm form#contact input, body.contact main.main-sections div#contentContainer div#contactForm form#contact textarea {
    width: 100%;
    height: inherit;
    padding: 10px;
    border-radius: 3px;
    margin: 5px 0px;
    color:#000;
    font-size:16px;
}

body.contact main.main-sections div#contentContainer div#contactForm form#contact input[type="submit"] {
    float: left;
    left: inherit;
}

body.contact main.main-sections div#contentContainer div#contactForm form#contact table tr:last-child {
    margin-bottom: 0 !important;
}
.ui-dialog.ui-widget.ui-widget-content {
    padding: 0;
    border: 1px solid #e30913;
    box-shadow: none;
}

.ui-dialog.ui-widget.ui-widget-content .ui-dialog-titlebar {
    background: #e30913;
    border-radius: 0;
}

.ui-dialog.ui-widget.ui-widget-content button.ui-button {
    background: #fff;
    border-radius: 2px;
    border: none;
    color: #000;
}
.ui-dialog.ui-widget.ui-widget-content .ui-dialog-content {font-size: 14px;color: #000;}
.ui-dialog.ui-widget.ui-widget-content .ui-dialog-buttonpane .ui-dialog-buttonset button {
    background: #e30913;
    color: #fff;
    padding: 5px 10px;
}
body.register main.main-sections div#contentContainer form#gebruikers span#copyaddress {
    border-radius: 5px;
    padding: 5px 15px;
}
body.order main.main-sections table#proposalOverview select#shippingDocsId {
    border: 1px solid #000;
    border-radius: 3px;
    padding: 5px;
    font-size: 14px;
}
body.profile main.main-sections div#content div#contentContainer h1 {
    text-align: center !important;
    display: block;
}
body.profile main.main-sections div#content div#contentContainer form#gebruikers {
    max-width: 550px;
    margin: auto;
    border: 1px solid red;
    padding: 20px;
    border-radius: 10px;
}

body.profile main.main-sections div#content div#contentContainer form#gebruikers tr:first-child {
    background: none;
    margin-bottom: 15px;
    padding-bottom: 10px !important;
    border-bottom: 1px solid red;
}

body.profile main.main-sections div#content div#contentContainer form#gebruikers tr:first-child td {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    width: 100%;
}

body.profile main.main-sections div#content div#contentContainer form#gebruikers tr:first-child td br {
    display: none;
}

body.profile main.main-sections div#content div#contentContainer form#gebruikers tr {
    display: block;
    margin-bottom: 10px;
}

body.profile main.main-sections div#content div#contentContainer form#gebruikers tr td {
    display: block;
    padding: 0;
}

body.profile main.main-sections div#content div#contentContainer form#gebruikers tr input, body.profile main.main-sections div#content div#contentContainer form#gebruikers tr select {
    display: block;
    height: inherit !important;
    padding: 5px 10px;
    width: 100%;
    border-radius: 3px;
    border: 1px solid #000 !important;
}
body.profile main.main-sections div#content div#contentContainer form#gebruikers span.buttonSmall {
    padding: 5px 10px;
    border-radius: 3px;
}
body.profile main.main-sections div#content div#contentContainer form#gebruikers input[type="submit"] {
    width: 100%;
    border-radius: 5px;
    font-size: 16px;
    font-weight: bold;
}
.profile-page-header {
    text-align: center;
    margin-bottom: 30px;
}

body.customer-orders div#contentContainer h1 {
    text-align: center;
    display: block;
    text-transform: capitalize;
}

body.customer-orders div#contentContainer table#ks_order td.col_3 {
    display: none;
}

body.customer-orders div#contentContainer table#ks_order tr.kop2 form {
    width: 90% !important;
    display: inline-block !important;
}

body.customer-orders div#contentContainer table#ks_order tr.kop2 form input {
    width: 100%;
    height: inherit;
    padding: 5px 10px;
}

body.customer-orders div#contentContainer table#ks_order tr.kop2 a {
    float: right;
    margin-top: 6px;
}

body.customer-orders div#contentContainer table#ks_order tr.kop2 img {
    width: 20px;
}
body.password main.main-sections form {
    display: block;
    max-width: 550px;
    margin: 20px auto;
    border: 1px solid red;
    padding: 20px;
    border-radius: 10px;
}



body.password main.main-sections form tr {
    background: none !important;
    margin-bottom: 10px !important;
    display: block;
}

body.password main.main-sections form tr td {
    color: #000 !important;
    font-size: 14px !important;
    display: block !important;
    font-weight: 400 !important;
    padding: 0 !important;
}

body.password main.main-sections form tr input {
    padding: 5px 10px;
    display: block;
    width: 100%;
    height: inherit;
    margin-top: 5px;
    border-radius: 5px;
}

body.password main.main-sections form tr input[type="submit"] {
    padding: 10px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 15px;
}
body.password main.main-sections h1 {
    text-align: center;
    display: block;
}

body.password main.main-sections  p {
    text-align: center;
}

body.password main.main-sections p br {
    display: none;
}
main.main-sections div#searchBar.catalogue-search-box li.uploadPartlist {
    margin: 0 !important;
    padding: 0;
    box-shadow: inherit !important;
    height: 100%;
}

main.main-sections div#searchBar.catalogue-search-box li.uploadPartlist .uploadPartlist-inner {
    background: #e41e2d;
    color: #fff;
    margin: 0;
    padding: 0;
    display: block;
    width: auto;
    border-radius: 5px;
    border: none;
}

main.main-sections div#searchBar.catalogue-search-box li.uploadPartlist .uploadPartlist-inner p {
    color: #fff;
    border: none;
    border-bottom: 1px solid #ddd;
}

main.main-sections div#searchBar.catalogue-search-box li.uploadPartlist .uploadPartlist-inner i {
    color: #fff;
}

main.main-sections div#searchBar.catalogue-search-box li.uploadPartlist .uploadPartlist-inner a {
    color: #fff;
}

main.main-sections div#searchBar.catalogue-search-box li.uploadPartlist .uploadPartlist-inner p:last-child {
    border-bottom: none;
}

main.main-sections div#searchBar.catalogue-search-box ul {align-items: center;}
.catalogue-search-box-inner li.uploadPartlist .uploadPartlist-inner {
    display: flex;
}
.catalogue-search-box-inner li.uploadPartlist .uploadPartlist-inner p {
    display: inline-flex;
}
main.main-sections div#searchBar.catalogue-search-box li.uploadPartlist .uploadPartlist-inner {
    width: auto !important;
    display: inline-flex;
    margin: auto;
    float: none;
    align-items: center;
    justify-content: center;
    align-self: center;
    background: #e41e2d;
    padding: 5px 10px;
    align-items: center;
}
main.main-sections div#searchBar.catalogue-search-box li.uploadPartlist {
    text-align: center;
}
main.main-sections div#searchBar.catalogue-search-box li.uploadPartlist .uploadPartlist-inner p {
    border: none;
}
main.main-sections div#searchBar.catalogue-search-box li.uploadPartlist .uploadPartlist-inner:hover a {
    color: #fff !important;
}
body.order main.main-sections div#contentContainer h1 {
    text-align: center;
    display: block;
    text-transform: capitalize;
}

body.order main.main-sections div#contentContainer div#orderForm {
    max-width: 550px;
    margin: auto;
    border: 1px solid red;
    padding: 15px;
    border-radius: 10px;
}

body.order main.main-sections div#contentContainer div#orderForm form h2 {
    margin: 15px 0px;
    display: block;
    border-bottom: 1px solid #000;
    padding-bottom: 15px;
    text-transform: capitalize;
}

body.order main.main-sections div#contentContainer div#orderForm form p {
    display: block;
}

body.order main.main-sections div#contentContainer div#orderForm form label {
    display: block;
    width: 100%;
    margin-bottom: 5px;
}

body.order main.main-sections div#contentContainer div#orderForm form input[type="text"], body.order main.main-sections div#contentContainer div#orderForm form select {
    display: block;
    width: 100%;
    padding: 5px 10px;
    height: inherit;
    border:1px solid #000;
}
body.order main.main-sections div#contentContainer div#orderForm form textarea{
    display: block;
    width: 100%;
    padding: 5px 10px;
    height: inherit;
    border:1px solid #000;
}
body.order main.main-sections div#contentContainer table tr th {
    padding: 10px;
    color: #fff;
}
body.order main.main-sections div#contentContainer table tr th {
    padding: 10px;
    color: #fff;
}
body.order main.main-sections form#proposal {
    border-top: 1px solid #000;
    margin-top: 15px;
    padding-top: 10px;
}
body.order main.main-sections form#proposal p.orderFields {
    margin-bottom: 10px;
}
body.order main.main-sections div#contentContainer div#orderForm form#proposal {
    border: none;
    margin: 0;
    padding: 0;
}
body.order-by-partlist div#uploadBestellijst form {
    border-top: 1px solid #000;
    padding-top: 30px;
}
body.vector .oneThirdColumn {
    width: 32%;
    float: left;
    margin-right: 2%;
    height: 100%;
    text-align: left;
    min-height: 215px;
}

body.vector .oneThirdColumn:last-child {
    margin-right: 0;
    text-align: left;
}
.home-authorizedpartner .home-blocks-wrapper {
    float: left;
    width: 100% !important;
    display: inherit !important;
    margin: 0;
}
.home-authorizedpartner .home-blocks-wrapper .blocks-wrapper-inner {
    width: 32.3% !important;
    float: left;
    margin-right: 1%;
}

.home-authorizedpartner .home-blocks-wrapper .home-address-section {
    float: left;
    width: 32.3% !important;
    margin-right: 1%;
}

.home-authorizedpartner .home-blocks-wrapper .column-wrapper-contact {
    width: 33.33% !important;
    float: left;
}
.home-authorizedpartner .home-blocks-wrapper .blocks-wrapper-inner .column-wrapper,
.home-authorizedpartner .home-blocks-wrapper .blocks-wrapper-inner .oneThirdColumn,
.home-authorizedpartner .home-blocks-wrapper .oneThirdColumn {
    min-height: 260px;
}
.main-header .topbar-header {
    background: #e41e2d;
    padding-bottom: 0;
    display: block;
}
.main-header .topbar-header .contact-details ul li span::before {
    filter: brightness(10);
}
.main-header div#menu1 {
    padding: 0 !important;
}