/*!
 * Start Bootstrap - Agency v5.0.2 (https://startbootstrap.com/template-overviews/agency)
 * Copyright 2013-2018 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-agency/blob/master/LICENSE)
 */

@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,800,700,600);

@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700);
@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@1,600&display=swap');
@import url('radmenu.skin.css');
@import url('radimagegallery.skin.css');
@import url('style.css');

:root {
  --altecorange: #F7941E;
  --altecblue: #116ebe;
  --altecgrey: #f0f0f0;
}

body, .RadGrid_MetroTouch {
  overflow-x: hidden;
  font-family: "Open Sans", Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'!important;
  font-size: 14px!important;
  line-height:21px;
  color: rgba(0,0,0,.7)!important;
}

.RadForm_MetroTouch.rfdFieldset fieldset {
    color: inherit!important;
}

p {
  line-height: 1.75;
}

a {
  color: var(--altecorange);
}

a:hover {
  color: #000;
}

.text-white a {
  color: #fff;
  text-decoration:underline;
}

.text-white a:hover {
  color: rgba(0,0,0,.5);
  text-decoration:none;
}

a.Thumblink:hover,a.cardlink:hover {text-decoration:none;}

.text-primary {
  color: #ec6608 !important;
}

.text-altecorange {color: var(--altecorange)}
.bg-altecorange {background-color:var(--altecorange)}

.text-altecblue {color:var(--altecblue)}
.bg-altecblue {background-color:var(--altecblue)}
.bg-altecgrey {background-color:var(--altecgrey)}

h1,
h2,
h3,
h4,
h5,
h6 {
  /*font-weight: 100;*/
  font-family: 'Barlow', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  margin-bottom:1.5rem;
}

section {
  padding: 100px 0;
}

section h2.section-heading {
  font-size: 40px;
  margin-top: 0;
  margin-bottom: 15px;
}

section h3.section-subheading {
  font-size: 16px;
  font-weight: 400;
  font-style: italic;
  margin-bottom: 75px;
  text-transform: none;
  font-family: 'Droid Serif', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}



.btn {
  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  font-weight: 700;
  border-radius:.25em!important;
}

.btn-xl {
  font-size: 18px;
  padding: 20px 40px;
}

.btn-primary {
  background-color: var(--altecorange);
  border-color: var(--altecorange);
}

.btn-primary:active, .btn-primary:focus, .btn-primary:hover,.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle,.RadButton_MetroTouch.rbButton:hover, .RadButton_MetroTouch.rbButton.rbHovered .rbSplitPart {
  background-color: #897d7e!important;
  border-color: #897d7e!important;
  color: white!important;
}

.btn-primary:active, .btn-primary:focus {
  -webkit-box-shadow: none!important;
  box-shadow: none !important;
}

.btn-secondary {
    background-color: #96969D;
    border-color: #96969D !important;
}
.btn-secondary:active, .btn-secondary:focus, .btn-secondary:hover {
  background-color: rgba(0,0,0,.4) !important;
  border-color: rgba(0,0,0,.4) !important;
  color: white;
}

img::-moz-selection {
  background: transparent;
}

img::selection {
  background: transparent;
}

img::-moz-selection {
  background: transparent;
}

#mainNav {
  background-color: #fff;
  border-bottom: 1px solid #cdcdcd;
}

.navbar {padding-top:0;padding-bottom:0;}

#mainNav .navbar-toggler {
  font-size: 12px;
  right: 0;
  padding: 13px;
  text-transform: uppercase;
  color: white;
  border: 0;
  background-color: #ec6608;
  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}

/*#mainNav .navbar-brand {
}

#mainNav .navbar-brand.active, #mainNav .navbar-brand:active, #mainNav .navbar-brand:focus, #mainNav .navbar-brand:hover {
  color: #fec503;
	 opacity:1 !important;
}*/

#mainNav .navbar-nav .nav-item .nav-link {
  font-size: 90%;
  font-weight: 400;
  padding: 0.75em 0;
  letter-spacing: 1px;
  color: white;
  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}

#mainNav .navbar-nav .nav-item .nav-link.active, #mainNav .navbar-nav .nav-item .nav-link:hover {
  color: #ec6608;
}

@media (min-width: 992px) {

  #mainNav {
    padding-top: 25px;
    padding-bottom: 25px;
    -webkit-transition: padding-top 0.3s, padding-bottom 0.3s;
    transition: padding-top 0.3s, padding-bottom 0.3s;
border-bottom: 1px solid #cdcdcd;
    background-color: #F7F7F7!important;
  }
  #mainNav .navbar-brand {
    font-size: 1.75em;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  #mainNav .navbar-nav .nav-item .nav-link {
    padding: 1.1em 1em !important;
  }
  #mainNav.navbar-shrink {
    padding-top: 0;
    padding-bottom: 0;
    background-color: #fff;
	opacity: 1;
	
  }
  #mainNav.navbar-shrink .navbar-brand>img {
   width:120px;
  }

}

footer {
  padding: 25px 0;
  text-align: center;
}

footer span.copyright {
  font-size: 90%;
  line-height: 40px;
  text-transform: none;
  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}

footer ul.quicklinks {
  font-size: 90%;
  line-height: 40px;
  margin-bottom: 0;
  text-transform: none;
  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}

input[type=text]:not(.nostretch),input[type=tel],input[type=email],input[type=password],.RadComboBox:not(.Language) {width:100%!important;}/*stretch in container*/

.ErrorControl:not(.RadComboBox), .ErrorControl .rcbInner {border:1px solid var(--danger)!important;}

.rbl_payment img {
    max-height: 32px;
    max-width: 120px;
}

.RadMenuPopup .rmToggle {padding-right:2rem!important;}


.RadSiteMap .rsmFlow {padding-bottom:0!important;}
.breadcrumb {margin-top:.5rem;padding: .5rem .75rem!important;background-color:var(--altecgrey)!important;}

.Prijs {font-weight:bold;position:absolute;bottom:1rem;left:1rem;right:1rem;}
.Vanprijs {text-decoration:line-through;}
.VoorPrijs {font-weight:bold;}
.omschrijving {position:absolute;bottom:4rem;left:1rem;right:1rem;}

.Actie, .Nieuw {
    display: block;
    top: 0px;
    position: absolute;
    right: 0px;
    width: 100px;
    height: 80px;
    overflow: hidden;
    text-align: center;
}

.Actie span, .Nieuw span {
    display: block;
    top: 0px;
    position: absolute;
    right: -26px;
    width: 140px;
    height: 30px;
    -ms-transform: rotate(40deg);
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1em;
    line-height: 2.3em;
    text-indent: 2em;
    background: var(--altecorange);
}
.RadPanelBar {
    border: none !important;
}

.RadPanelBar_MetroTouch .rpRootLink.rpSelected {
    border-color: #cecece!important;
    color: #000!important;
    background-color: #F5F5F5!important;
}

.RadPanelBar_MetroTouch .rpRootLink.rpFocused {
    border-color: none!important;
    box-shadow: none!important;
}

.rpHeaderTemplate.rpRootLink.rpExpandable.rpExpanded {
    background: url(../images/icons/arrow-up.png) no-repeat right 16px bottom 5px !important;
    background-size: auto;
    background-size: 16px 16px !important;
}
.rpHeaderTemplate.rpRootLink.rpExpandable {
    background: url(../images/icons/arrow-down.png) no-repeat right 16px bottom 5px !important;
	background-size: auto;
    background-size: 16px 16px !important;
}
img.imageProd {max-height:12rem;}

.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: rgba(0, 0, 0, 0);
}

.card {
    border: 1px solid var(--altecblue);
    border-radius: 0px;
}
 .card-body {padding:1rem .5rem .5rem .5rem;}

 legend {font-size:1.05rem;}

.RadSearchBox_MetroTouch .rsbInner {
	border-color: var(--altecblue)!important;
}

.RadSearchBox .rsbButton .rsbIcon {color:var(--altecblue)!important;}

 .RadForm_MetroTouch .rfdTextInput:active, .RadForm_MetroTouch.rfdTextarea textarea:active, .RadForm_MetroTouch .rfdTextInput:focus, .RadForm_MetroTouch.rfdTextarea textarea:focus {
    border-color: var(--altecblue)!important;
}
/*.RadComboBox .rcbInput {
	background-color: #fff !important;
}*/
 .RadComboBox_MetroTouch .rcbReadOnly.rcbFocused, .RadComboBox_MetroTouch .rcbReadOnly.rcbExpanded {
    border-color: var(--altecblue)!important;
    background-color: var(--altecblue)!important;
}

 .RadWindow_MetroTouch .rwTitleBar {
    height: 40px;
	background-color:var(--altecblue)!important;
}

.RadWindow .rwTitleWrapper {
	padding: 9px 5px!important;
}

.RadButton_MetroTouch.rbButton, .RadButton_MetroTouch.rbButton.rbDisabled, .RadButton_MetroTouch .rbSplitPart {
    font-size: 1rem;
    border-color: var(--altecorange)!important;
    color: #fff !important;
    background-color: var(--altecorange) !important;
    padding: 7px 10px 7px 7px !important;
	border-radius:.25em!important;
}

.Articles2 .productcode {
    font-weight: bold;
    /*font-size: 1rem;*/
    padding-top: .8em;
    line-height: 1.1em;
    display: block;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.Articles2 .omschrijvingg {
    line-height: 1.1em;
    display: block;
    margin-bottom: 0 !important;
    padding-bottom: .8em !important;
}

.Articles2 .iconenHeader .iconen .datasep, .Articles2 .iconenHeader .rel, .Articles2 .iconenHeader .iconen {
    height: 100%;
}
.Articles2 .iconenHeader .iconen {
    background: none;
    left: 13.8rem;
    top: 0;
    width: 39.6rem;
}
.Articles2 .iconen {
    height: 2.5rem;
    overflow: hidden;
    background: #c1c1c1;
    position: absolute;
    top: -4px;
    display: block;
    left: 13rem;
}
.Articles2 .datasep {
    font-size: .7rem;
    /*font-family: "Open Sans Condensed";*/
    display: block;
    float: left;
    width: 4rem;
    text-align: center;
    border-right: 1px solid #fff;
    padding: .3em 0 !important;
    overflow: hidden;
    height: 2.5rem;
    font-weight: bold;
}
.RadGrid input[type="image"] {
    cursor: pointer;
}
.Articles2 .datasep input {
    opacity: 0.6;
}
.Articles2 .iconen input {
    height: 1.8rem;
    /*image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;*/
}

.Articles2 tr.rgRow td {
background:#e7e7e7
}
.Articles2 tr.rgAltRow td {
background:#ffffff
}

html .Articles2 tr.rgRow:hover:not(.NoHover)  td,
html .Articles2 tr.rgAltRow:hover:not(.NoHover)  td
 {
background:#fef27d;
cursor: pointer;
}

.Thumbnail {
	font-family: "Open Sans Condensed";
font-weight: 700;
text-decoration: none !important;
}

.Thumbnail .iconen {
    width: 100%;
    background: #fff;
    box-shadow: 0px 0px 10px rgba(0,0,0,.3);
}
.IconContainer {
    width: 33.33%;
    height: 42px;
    display: inline-block;
    overflow: hidden;
    margin: 0 -10px 0px 0;
    padding: 8px 0 3px 6px;
    position: relative;
}
.IconContainer .Ikoon {
    width: 32px;
    height: 32px;
    display: inline-block;
    vertical-align: middle;
}
.IconContainer .ParamVal {
    font-size: 0.8em;
    line-height: 3.5em;
    position: absolute;
    top: 0;
    left: 42px;
    overflow: hidden;
    width: 100%;
    height: 32px;
}
.Thumbnail .omschrijving {
    line-height: 1.3em;
    overflow: hidden;
    position: absolute;
    bottom: -2.5rem;
    left: 0px;
    height: 2.6em;
    width: 100%;
    text-decoration: none !important;
}


.RadButton_Default.rbButton.iconOnly {
    background: none !important;
}

.RadButton_Default.rbButton:focus {
	box-shadow:none!important;
}

button:focus {
    outline: none!important;
    outline: 0px auto -webkit-focus-ring-color!important;
}

.list-group-horizontal {
    -ms-flex-direction: row;
    flex-direction: row;
}

.list-group-item {
    background-color:transparent;
    border: none;
}

.Breed .rmSlide {
	min-width: 100vw !important;
max-width: 100vw !important;
width: 100vw !important;
margin-top:40px;
}

#HeaderContainer {
height:137px;
background:#ffffff;
/*box-shadow:0 0 10px rgba(0,0,0,0.51);*/
position:fixed;
width:100%;
z-index:3000;
top:0;
left:0;
}




	#PageContainer {
		padding-top: 237px;
	}

	@media (min-width: 576px) {
  section {
    padding: 150px 0;
  }
  #PageContainer {padding-top:137px;}
}

.RadImageGallery, .RadImageGallery .rigThumbnailsBox, .RadImageGallery_Default .rigToolbar {background-color:transparent!important;}

.RadImageGallery .rigToolsWrapper {display:none!important;}
.RadImageGallery .rigActiveImage img {padding-top:0px!important;}

.RadInput_MetroTouch {z-index:10;}

.RadLightBox *, .RadLightBox ::before, .RadLightBox ::after {
    box-sizing: content-box !important;
}

.no-results {border:1px solid red!important}

body.Inhoud a.anker {background-image: url(https://www.insight5.nl/images/AnchorIcon.png);display:block;float:left;width:16px;height:16px;}