.elementor-kit-6{--e-global-color-primary:#25215A;--e-global-color-secondary:#9D9D9D;--e-global-color-text:#25215A;--e-global-color-accent:#9CADC6;--e-global-color-1cfa6fd:#F0EFEF;--e-global-typography-primary-font-family:"Helvetica Neue";--e-global-typography-primary-font-size:2.5em;--e-global-typography-primary-font-weight:bold;--e-global-typography-primary-text-transform:uppercase;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Muli";--e-global-typography-text-font-size:1.1em;--e-global-typography-text-font-weight:300;--e-global-typography-accent-font-family:"Muli";--e-global-typography-accent-font-size:1em;--e-global-typography-accent-font-weight:normal;--e-global-typography-accent-text-transform:capitalize;--e-page-transition-entrance-animation:e-page-transition-fade-out-down;--e-page-transition-exit-animation:e-page-transition-fade-in-up;--e-page-transition-animation-duration:800ms;--e-preloader-delay:0ms;--e-preloader-color:#FFFFFF;--e-preloader-size:30px;}.elementor-kit-6 e-page-transition{background-color:#25215A;}.elementor-kit-6 h1{color:var( --e-global-color-primary );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1500px;}.e-con{--container-max-width:1500px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */[data-elementor-type="footer"] a{
    color: inherit;
}
/* Bullet list */
.white-mark li{
  list-style-image: url('https://dev.belfibres.be/wp-content/uploads/2022/07/Bel-Fibres_icon-white.svg');
    padding: 10px 0 0 10px;
}
.white-mark li::marker, .blue-mark li::marker{
  font-size: 40px;
}
.blue-mark li{
  list-style-image: url('https://dev.belfibres.be/wp-content/uploads/2022/07/Bel-Fibres_icon-blue.svg');
    padding: 10px 0 0 10px;
}

/** Slider **/
.btn-slide{
    text-align: center;
}
.btn-show {
      display: inline-block;
      margin: 0px;
      width: 46px;
      height: 46px;
      font-size: 0px;
      border: solid 1px #9CADC6;
      border-radius: 0px;
      padding: 0 15px;
      background-color: rgba(0,0,0,0);
      transition: 0.3s ease;
}
.card:hover .btn-show {
      width: 100%;
      transition: 0.1s ease;
}
.card:hover i {
    width: 100%;
    text-align: left;
}
.btn-slide {
      position: relative;
      display: inline-block;
      height: 46px;
      width: 100%;
      line-height: 50px;
      background: inherit;
      transition: .5s;
      border-radius: 0px;
      font-size: 16px;
      font-weight: bold;
      overflow: hidden;
    }

.demo {
      width: 100%;
}

.card:hover .btn-show span.title-hover {
      opacity: 1;
      right: -15px;
    }

.btn-slide span.title-hover{
      position: absolute;
      margin: 0px;
      padding-left: 0px; 
      color: #1A1640;
      font-family: Muli;
      font-size: 1.1em;
      opacity: 0;
      width: 100%;
      font-weight: 400;
}

/** Buttons **/

#button-color .elementor-button-wrapper{
    position: relative;
    background-color: rgb(37,33,90);
    padding: 10px 0 10px 25px;
    width: 60%;
    margin: -6.2em 0 0 -5em;
}

.elementor-post__read-more{
    border: 1px solid rgb(37,33,90);
    border-radius: 5px;
    padding: 5px 15px;
    
}
.elementor-post__read-more:after{
    content: "";
    display: block;
    background: url("https://dev.belfibres.be/wp-content/uploads/2022/07/arrow-right-long-solid.svg") no-repeat;
    width: 20px;
    height: 20px;
    float: right;
    margin: 5px 0 0 10px;
}

/* Blue */
#button .elementor-button-icon{
    margin-left: 1.3em;
    margin-right: -2.5em;
    transition: 0.3s ease;
}
#button:hover .elementor-button-icon{
      margin-right: 0px;
}
/* Outline */
#button-outline .elementor-button-icon, #button-header .elementor-button-icon{
    margin-left: 1.3em;
    margin-right: -2.5em;
    transition: 0.3s ease;
}
#button-outline:hover .elementor-button-icon, #button-header:hover .elementor-button-icon{
      margin-right: 0px;
}
/* Form */
#button-form{
    
}
/* Header */
#button-header .elementor-button-icon i{
    color: rgb(156,173,198);
}

/** Card **/
#card {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 2em 0;
}

#card h3 {
  position: relative;
  display: flex;
  justify-content: center;
  z-index: 10;
  transition: .3s ease;
}

#card p {
  position: absolute;
  top: 0;
  background: #9CADC6;
  background: rgba(156, 173, 198, 0.9);
  width: 100%;
  height: 100%;
  transition: .5s ease;
  opacity:0;
  color: white;
  font-size: 1.1em;
  padding: 20px;
  text-align: center;
  display: flex;
  align-items: flex-end;
  
}

#card:hover p {
  opacity: 1;
}
#card:hover h3 {
    margin-top: -60px;
  color: white;
}

/* Klantenservice */
.service-section:hover div.elementor-widget-wrap {
    background-color: #9CADC6 !important;
}

.service-section .stroke.active path {
    stroke: white;
}
.service-section:hover .stroke path {
    stroke: white;
}

.service-section .fill.active path {
    fill: white;
}
.service-section:hover .fill path {
    fill: white;
}
.service-section .elementor-icon-box-content a{
    font-size: 1.1em !important;
}
.service-section:hover .elementor-icon-box-content a{
    color: white;
}
.elementor-accordion-item{
 border-width: 0 0 1px 0 !important;
 padding: 10px 0 0;
}
.elementor-accordion-item span{
    margin-left: -10px;
}
.elementor-accordion-item .elementor-active{
     border: none !important;
}
@media only screen and (min-width: 768px) {
.elementor-accordion-item{
 border-width: 0 0 1px 0 !important;
 padding: 25px 0 0 ;
}
.elementor-accordion-item span{
    margin-left: -25px;
}
.elementor-accordion-item .elementor-active{
     border: none !important;
}
}
@media only screen and (max-width: 768px) {
#button-color .elementor-button-wrapper{
    position: relative;
    background-color: rgb(156,173,198);
    padding: 10px 0 10px 25px;
    width: 80%;
    margin: -6.2em 0 0 0em;
}
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Helvetica Neue';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://dev.belfibres.be/wp-content/uploads/2022/07/HelveticaNeue-01.ttf') format('truetype');
}
@font-face {
	font-family: 'Helvetica Neue';
	font-style: oblique;
	font-weight: bold;
	font-display: auto;
	src: url('https://dev.belfibres.be/wp-content/uploads/2022/07/HelveticaNeue-CondensedBlack-10.ttf') format('truetype');
}
@font-face {
	font-family: 'Helvetica Neue';
	font-style: oblique;
	font-weight: 900;
	font-display: auto;
	src: url('https://dev.belfibres.be/wp-content/uploads/2022/07/HelveticaNeue-CondensedBold-05.ttf') format('truetype');
}
@font-face {
	font-family: 'Helvetica Neue';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://dev.belfibres.be/wp-content/uploads/2022/07/HelveticaNeue-Bold-02.ttf') format('truetype');
}
@font-face {
	font-family: 'Helvetica Neue';
	font-style: italic;
	font-weight: bold;
	font-display: auto;
	src: url('https://dev.belfibres.be/wp-content/uploads/2022/07/HelveticaNeue-BoldItalic-04.ttf') format('truetype');
}
@font-face {
	font-family: 'Helvetica Neue';
	font-style: italic;
	font-weight: normal;
	font-display: auto;
	src: url('https://dev.belfibres.be/wp-content/uploads/2022/07/HelveticaNeue-Italic-03.ttf') format('truetype');
}
@font-face {
	font-family: 'Helvetica Neue';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://dev.belfibres.be/wp-content/uploads/2022/07/HelveticaNeue-Light-08.ttf') format('truetype');
}
@font-face {
	font-family: 'Helvetica Neue';
	font-style: italic;
	font-weight: 300;
	font-display: auto;
	src: url('https://dev.belfibres.be/wp-content/uploads/2022/07/HelveticaNeue-LightItalic-09.ttf') format('truetype');
}
@font-face {
	font-family: 'Helvetica Neue';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://dev.belfibres.be/wp-content/uploads/2022/07/HelveticaNeue-Medium-11.ttf') format('truetype');
}
@font-face {
	font-family: 'Helvetica Neue';
	font-style: italic;
	font-weight: 400;
	font-display: auto;
	src: url('https://dev.belfibres.be/wp-content/uploads/2022/07/HelveticaNeue-MediumItalic-12.ttf') format('truetype');
}
@font-face {
	font-family: 'Helvetica Neue';
	font-style: normal;
	font-weight: 200;
	font-display: auto;
	src: url('https://dev.belfibres.be/wp-content/uploads/2022/07/HelveticaNeue-Thin-13.ttf') format('truetype');
}
@font-face {
	font-family: 'Helvetica Neue';
	font-style: italic;
	font-weight: 200;
	font-display: auto;
	src: url('https://dev.belfibres.be/wp-content/uploads/2022/07/HelveticaNeue-ThinItalic-14.ttf') format('truetype');
}
@font-face {
	font-family: 'Helvetica Neue';
	font-style: italic;
	font-weight: 100;
	font-display: auto;
	src: url('https://dev.belfibres.be/wp-content/uploads/2022/07/HelveticaNeue-UltraLight-06.ttf') format('truetype');
}
@font-face {
	font-family: 'Helvetica Neue';
	font-style: italic;
	font-weight: 100;
	font-display: auto;
	src: url('https://dev.belfibres.be/wp-content/uploads/2022/07/HelveticaNeue-UltraLightItalic-07.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Muli';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://dev.belfibres.be/wp-content/uploads/2022/07/muli.regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Muli';
	font-style: normal;
	font-weight: 200;
	font-display: auto;
	src: url('https://dev.belfibres.be/wp-content/uploads/2022/07/muli.light_.ttf') format('truetype');
}
@font-face {
	font-family: 'Muli';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://dev.belfibres.be/wp-content/uploads/2022/07/Muli-ExtraBold.ttf') format('truetype');
}
@font-face {
	font-family: 'Muli';
	font-style: normal;
	font-weight: 800;
	font-display: auto;
	src: url('https://dev.belfibres.be/wp-content/uploads/2022/07/Muli-Bold.ttf') format('truetype');
}
/* End Custom Fonts CSS */