/* fonts */
	@font-face {font-family: "Frutiger Light";src: url("../fonts/FrutigerLTW05-45Light.woff2") format("woff2"), url("../fonts/FrutigerLTW05-45Light.woff") format("woff"), url("../fonts/FrutigerLTW05-45Light.ttf") format("ttf"),url("/..fonts/FrutigerLTW05-45Light.eot") format("eot");font-display: swap;}
	@font-face {font-family: "Frutiger Bold";src: url("../fonts/FrutigerLTW05-65Bold.woff2") format("woff2"), url("../fonts/FrutigerLTW05-65Bold.woff") format("woff"), url("../fonts/FrutigerLTW05-65Bold.ttf") format("ttf"),url("../fonts/FrutigerLTW05-65Bold.eot") format("eot");font-display: swap;}
	@font-face {font-family: "Frutiger Roman";src: url("../fonts/FrutigerLTW05-55Roman.woff2") format("woff2"), url("../fonts/FrutigerLTW05-55Roman.woff") format("woff"), url("../fonts/FrutigerLTW05-55Roman.ttf") format("ttf"),url("/..fonts/FrutigerLTW05-55Roman.eot") format("eot");font-display: swap;}

 /* General */

:root {
		font-size: 18px;
			--brand-primary: #004b9f;
            --brand-secondary: #00a6eb;
            --brand-white: #ffffff;
            --brand-gray-1: #e9eef4;
            --brand-gray-2: #bfc2c5;
            --brand-gray-3: #52565a;
            --brand-error: #d0021b;
            --font-family: "Frutiger Light", Arial, sans-serif;
            --font-family-bold: "Frutiger Bold", sans-serif;
			--font-family-light: "Frutiger Light", Arial, sans-serif;
            --font-weight: 400;
			--font-text-color: #333333;
			--font-text-link-color: #0068b3;
            --font-text-body-size: 1rem;
            --font-text-body-lineheight: 1.5rem;
            --font-text-small-size: 0.8rem;
            --font-text-small-lineheight: 1.2rem;
            --border: 1px solid var(--brand-gray-2);
            --border-focus: 1px solid var(--brand-secondary);
            --border-hover: 1px solid var(--brand-gray-3);
            --border-radius: 0;
            --form-field-input-padding: 0 20px;
            --form-field-height: 40px;

        }


/* 	typo general */
	body,em,p,ul,ol {font-family: var(--font-family);line-height:var(--font-text-body-lineheight); font-size:var(--font-text-body-size);}
	.display-3,.display-4,h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:var(--font-family-light), Arial, Helvetica, Sans-Serif!important;font-weight:400; margin-bottom: 1rem;}
	
	.lead {font-size:1.25em!important;}
	b,bold,strong,.font-weight-bold{font-family:var(--font-family-bold), Arial, Helvetica, Sans-Serif}
	small {font-size:var(--font-text-small-size);line-height:var(--font-text-small-lineheight);}
	.display-4, h1, .h1{font-size:3rem!important; line-height:3.5rem;}
	h2, .h2 {2rem; line-height:3.0rem; }
	h3, .h3 {1.5rem; line-height:2.25rem; }

	p a, ul a, ol a, table a {
		color:var(--font-text-link-color);
		text-decoration:underline!important;
	}
	a.productlink{text-decoration:underline;}
	a.productlink:hover{font-weight:700;cursor:pointer;}

	/* text color */
	.text-primary{color:var(--brand-primary)!important}
	.text-secondary{color:var(--brand-secondary)!important}
	
		/* buttons*/
	.btn {border-radius:0!important; text-decoration:none!important;font-family: var(--font-family-bold); text-transform: uppercase; padding: 0.5em; font-size: 0.9em; margin-bottom:1em;}
	.btn-primary{background-color:var(--brand-primary)!important;border-color:var(--brand-primary)!important;border-radius:0!important}
	.btn-secondary{background-color:var(--brand-secondary)!important;border-color:var(--brand-secondary)!important;border-radius:0!important}
	.btn-primary:hover, .btn-secondary:hover{background: var(--brand-gray-2)!important; border: 1px solid var(--brand-gray-2)!important;}
	.btn-secondary--ghost {background-color:transparent; border: 1px solid var(--brand-secondary)!important; color:var(--brand-secondary)!important;}
	.btn-secondary--ghost:hover:hover {border: 1px solid var(--brand-gray-2)!important; color: var(--brand-gray-2)!important;}

	.btn-white--ghost {background: transparent; border: 1px solid #ffffff!important; color: #ffffff!important;}
	.btn-white--ghost:hover {border: 1px solid rgba(255, 255, 255, 0.5)!important; color: rgba(255, 255, 255, 0.5)!important;}

	.btn-dark--ghost {background: transparent; border: 1px solid var(--brand-gray-3)!important; color: var(--brand-gray-3)!important;}
	.btn-dark--ghost:hover {border: 1px solid rgba(51, 51, 51, 0.5)!important;color: rgba(51, 51, 51, 0.5)!important}
	}


	/* backgrounds*/
	.bg-primary {background-color:var(--brand-primary)!important; color:#fff;}
	.bg-secondary {background-color:var(--brand-secondary)!important; color:#fff;}	
	.bg-light{background-color:var( --brand-gray-1)!important;border-radius:0!important}
	.bg-dark {background-color: var(--brand-gray-3)!important;border-radius:0!important;color:#fff;}
	
	/*borders*/
	.border-light {
    border-color: #ccc!important;
	}
	
	/*forms*/
	*,
        *:before,
        *:after {
            box-sizing: border-box;
        }

        #pardot-form {
            font-family: var(--font-family-light);
        }

        #pardot-form .form-field {
            margin: 0;
            padding: 10px 0 0 0;
        }

        /* The input fields */
        #pardot-form input.text,
        #pardot-form textarea.standard,
        #pardot-form select,
        #pardot-form input.date {
            width: 100%;
            background: transparent;
            border: var(--border);
            -moz-border-radius: var(--border-radius);
            -webkit-border-radius: var(--border-radius);
            border-radius: var(--border-radius);
            box-sizing: border-box;
            height: var(--form-field-height);
            font-size: var(--font-text-small-size);
            line-height: var(--font-text-small-lineheight);
            color: var(--brand-gray-3);
            padding: var(--form-field-input-padding);
            appearance: none;
        }

        .description {
            width: 99%;
            box-sizing: border-box;
            font-size: var(--font-text-small-size);
            line-height: var(--font-text-small-lineheight);
            color: var(--brand-gray-3);
            padding: var(--form-field-input-padding);
            appearance: none;
            margin-left: 36px;
            display: block;
        }

        /* the input fields on focus */
        #pardot-form input.text:focus,
        #pardot-form textarea.standard:focus,
        #pardot-form select:focus,
        #pardot-form input.date:focus {
            border: var(--border-focus);
            outline: none;
        }

        #pardot-form input.text:hover,
        #pardot-form textarea.standard:hover,
        #pardot-form select:hover,
        #pardot-form input.date:hover {
            border: var(--border-hover);
            outline: none;
        }

        #pardot-form span.value {
            margin-left: 0;
        }

        /* the field labels */
        #pardot-form label {
            font-size: var(--font-text-small-size);
            line-height: var(--font-text-small-lineheight);
            color: var(--brand-gray-3);
            font-weight: var(--font-weight);
            padding-left: 20px;
            position: relative;
            display: inline-flex;
            margin-bottom: 5px;
        }

        /* required */
        form.form p.required label,
        form.form span.required label {
            background: url(https://media.byk-instruments.com/mcae-resources/img/mandatory.svg) no-repeat 0 6px;
        }

        /* error message */

        p.error.no-label,
        #pardot-form .errors {
            font-family: var(--font-family);
            font-size: 11px;
            line-height: 14px;
            color: var(--brand-white);
            background-color: var(--brand-error);
            display: block;
            width: 100%;
            padding: 6px 20px;
            margin-bottom: 5px;
            box-sizing: border-box;
            margin-top: 0;
        }

        #pardot-form p.error input.text {
            border: 1px solid var(--brand-error);
        }

        .form-field.error.no-label {
            background: transparent;
            border: 1px solid var(--brand-error);
        }
/*resubscribe message */
		#resubscribeConfirmText{
			color: #fff;
			font-size: var(--font-text-body-size);
			line-height: normal;
			background-color: var(--brand-secondary);
		}
		#resubscribeConfirmText a{
			color: #fff;
			font-family: var(--font-family-bold);
		}

        /* the submit button */
        #pardot-form .submit input {
            height: 40px;
            padding: 0 19px;
            margin: 20px 0;
            background-color: var(--brand-secondary);
            border: 1px solid var(--brand-secondary);
            -moz-border-radius: var(--border-radius);
            -webkit-border-radius: var(--border-radius);
            border-radius: var(--border-radius);
            font-size: var(--font-text-small-size);
            color: var(--brand-white);
            font-family: var(--font-family-bold);
            font-weight: var(--font-weight);
            text-transform: uppercase;
            letter-spacing: 0.6px;
            text-decoration: none;
            transition: all 0.1s ease-in;
        }


        /* the submit button hover */
        #pardot-form .submit input:hover {
            background-color: var(--brand-gray-2);
            color: var(--brand-white);
            border: var(--border);
            cursor: pointer;
        }

        /* the spacing around the submit button */
        #pardot-form .submit {
            margin: 0;
            padding-top: 10px;
            padding-bottom: 0px;
            text-align: left;
        }

        /* text */
        #pardot-form textarea.standard {
            width: 100%;
            max-width: 100%;
            padding: 10px;
            resize: vertical;
            background: transparent;
        }

        /* select */
        #pardot-form select {
            min-width: 143px;
            -webkit-appearance: none;
            -moz-appearance: none;
            -ms-appearance: none;
            appearance: none;
            padding: 0 35px 0 20px;
            display: inline-block;
            outline: 0;
            height: var(--form-field-height);
            border: var(--border);
            background-color: #ffffff;
            background: url(https://media.byk-instruments.com/mcae-resources/img/select-arrow.png) right center no-repeat transparent;
            font-family: var(--font-family-bold), sans-serif;
            font-weight: 400;
            font-size: 11px;
            line-height: 14px;
            border-radius: 0;
        }


        /* hide the regular checkbox */
        .pd-checkbox input {
            position: absolute;
			  opacity: 0;
			  width: 22px;
			  height: 22px;
			  margin: 0;
        }

        /* position the label */
        .pd-checkbox input,
        .pd-checkbox label {
            display: inline-block;
            vertical-align: middle;
            margin: 5px;
            cursor: pointer;
        }

        .pd-checkbox label {
          position: relative;			
		  display: inline-flex;
		  align-items: flex-start;      
		  gap: 10px;                    
		  cursor: pointer;
        }

        /* style the unchecked checkbox */
        .pd-checkbox input+label:before {
			content: "";
			box-sizing: border-box;
			background: var(--brand-white);
			border: var(--border);
			width: 22px;
			height: 22px;                 /* Fallback */
			aspect-ratio: 1 / 1;          /* moderne Browser */
			border-radius: var(--border-radius);
			display: block;
			flex: 0 0 22px;               
			vertical-align: initial !important;
			line-height: normal !important;
			margin-right: 0 !important; 
        }

        /* style the checked checkbox */
        .pd-checkbox input:checked+label:before {
            content: "";
            background: var(--brand-white);
            color: var(--brand-primary);
            border-color: var(--brand-gray-2);
        }

        .pd-checkbox input:hover+label:before {
            background: #f5f5f5;
            border: var(--border-hover);
        }

        .pd-checkbox input:checked+label:after {
            content: "";
		  position: absolute;
		  left: 25px;                    /* Feintuning */
		  top: 7px;                     /* Feintuning */
		  width: 12px;
		  height: 6px;
		  border-left: 1px solid var(--brand-primary);
		  border-bottom: 1px solid var(--brand-primary);
		  transform: rotate(-45deg);
        }

        .pd-checkbox label::after {
            margin: 0 !important;
        }
         form.form p.PRO_BGU_MCAENewsletterTopics .inline {
			background: unset;
		}
		
		p.PRO_BGU_MCAENewsletterTopics {
			margin-top:20px!important;
			border-top: 1px solid #ccc;
			border-bottom: 1px solid #ccc;
			padding-bottom: 10px!important;
			background-color: var(--brand-gray-1);
		}
		p.PRO_BGU_MCAENewsletterTopics label.field-label{
			font-weight: bold;
			font-family: var(--font-family-bold)
			
		}
        
         .PRO_BGU_MCAENewsletterTopics .value span{
            display: block;
        }

	

        form.form p.no-label {
            margin-left: 0 !important;
        }

        /* hide the regular radio button */
        .pd-radio input {
            opacity: 0;
            position: absolute;
        }

        /* position the label */
        .pd-radio input,
        .pd-radio label {
            display: inline-block;
            vertical-align: middle;
            margin: 5px;
            cursor: pointer;
        }

        .pd-radio label {
            position: relative;
        }

        /* style the unchecked radio button */
        .pd-radio input+label:before {
            content: '';
            background: #ffffff;
            border: var(--border);
            display: inline-block;
            vertical-align: middle;
            width: 22px;
            height: 22px;
            padding: 0px;
            margin-right: 10px;
            text-align: center;
            font-size: 15px;
            line-height: normal;
            border-radius: 5px;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
        }

        .pd-radio input:hover+label:before {
            background: #f5f5f5;
            border: var(--border-hover);
        }

        .pd-radio input+label:before {
            border-radius: 50%;
        }

        /* style the selected radio button */
        .pd-radio input:checked+label:before {
            content: "\25CF";
            background: var(--brand-white);
            color: var(--brand-primary);
            font-size: 20px;
            line-height: 18px;
        }

        /*thank you content */

        .thankyou {
            align-content: center;
            text-align: center;
            font-family: var(--font-family);
            font-size: var(--font-text-body-size);
            font-weight: var(--font-weight);
        }


/*form ends*/




	/* product tiles*/
	.producttile {background-repeat: no-repeat; background-size: cover; position: relative; height: 100%; background-position: center right!important; min-height: 12rem;}
	.producttile:hover {transform: scale(1.03);transition: transform 0.2s ease-out; box-shadow: 1px 1px 11px 0 rgb(126 136 144 / 30%)}
	.producttile-content {margin-bottom: 60px;}
    .btn_bottom {position: absolute;}
	
	
	

	/* customer quotation*/
	.quotation_top-left,.quotation_top-right{
		background-size:cover;
		background-repeat:no-repeat;
		}	
	.quotation_outer{
		background-color:#fff;
		}
	.quotation_inner{
		border:1.2px solid #ccc;
		border-top:none;
		padding:20px;
		}
	.quotation_top{
		height:86px;
		}
	.quotation_bottom{
		padding:0 10px 10px;
		}
	.quotation_top-right{
		width:20px;
		height:86px;
		float:right;
		background-position:top right .5px!important;
		background-image:url(https://amsprodbcw0286gwcsa1.blob.core.windows.net/shop/Misc/Pictures/products/color/color-customer_quotes/quotation_color_top_right.svg)
		}
	.quotation_top-left{
		width:calc(100% - 20px);
		height:86px;
		float:left;
		background-position:top left 0.5px!important;
		background-image:url(https://amsprodbcw0286gwcsa1.blob.core.windows.net/shop/Misc/Pictures/products/color/color-customer_quotes/quotation_color_top_left.svg)
		}

	/*accordion*/
	.accordion>.card{
		border-left:none!important;
		border-right:none!important;
		padding:5px 0}
	.card-header{
		padding:0;
		margin-bottom:0;
		background-color:#fff!important;
		border-bottom:0px!important;
		}
	.card-header .btn-link {color:#333;text-transform:none;}
	.card-header h2 button{
		text-decoration:none;
		color:#212529;
		font-size:.6em;
		border:0,
		}
	.card-header h2 button:active,.card-header h2 button:focus,.card-header h2 button:hover,.card-header h2 button:visited{
		text-decoration:none;
		color:#000,
		}
	/*modal*/
	@media (min-width:768px){
		.modal-dialog{
			width:85%!important;
			max-width:700px!important;
			}
	}	
	@media (min-width:992px){
		.modal-dialog{
			width:85%!important;
			max-width:900px!important;
			}
	}
	@media (min-width:1200px){
		.modal-dialog{
			width:85%!important;
			max-width:1100px!important;
			}
	}
	/*Lead generation tiles*/
	.leadtile-content{
		margin-bottom:60px;
		}
	.leadtile{
		position:relative;height:100%; min-height:12rem;
		}
	.leadtile:hover {
		transform: scale(1.03);transition: transform 0.2s ease-out;
		}	
	.btn_bottom{
		position:absolute;
		bottom:0px;
		width: calc(100% - 2rem);
		}
	.contactlink:before{
		content:"";
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%
		}	
/* @media (min-width:576px){
	h1{font-size:1.4rem}
} */
/* @media (min-width:768px){
	h1{font-size:1.8rem}
} */
/* @media (min-width:992px){
	h1{font-size:2rem}
}
@media (min-width:1200px){
	h1{font-size:2.9rem}
} */


header.border-left{border-left:15px solid #00a6eb!important;}



.jumbotron{background-position:left bottom;}
@media (min-width:768px){
	.jumbotron {background-position:right center;}	
}