@charset "UTF-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Cedarville+Cursive|Homemade+Apple');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');
body { font-family: 'Open Sans', sans-serif;
  color: #1d1d1b;}

/* header*/

.navbar-brand {
    padding-top: 40px;
    padding-bottom: 30px;
}
a.webshop  { 
	background-color: #ea7d24;
	color: #fff; font-weight: 300; font-size: 18px;
	padding: 6px 30px 6px 55px; margin-top:0px; border-radius:0; float: right;
  background-image: url("../img/icon-webshop.png");background-position: 10px 4px; background-repeat: no-repeat;
}
h1 {
    font-size: 32px;
}
/* main */
.jumbotron {
   background-image: url("../img/rexel-luxembourg.jpg");margin-bottom: 0; background-repeat: no-repeat;padding: 3rem 2rem;
   background-size: cover; border-radius:0;
}
.banner-info {
	background-color: rgba(255, 255, 255, 0.5);
	font-size: 22px;
	padding: 40px  50px;
}
.hand {
    font-family: 'Homemade Apple', cursive;
    /*font-family: 'Cedarville Cursive', cursive;*/
    }
h3.strong {
  font-weight: bold;
    }
.adress {
  font-weight: bold;
    }
.intro { background-color:#E8E5DE;color: #4388c7; padding: 40px 0; text-align: center; font-weight: 300;}
.intro h3 { font-weight: 300; line-height: 1.5em;}
.align-center { text-align: center;}

.col-md-12 { padding: 40px 0;}
.col-md-12.slider { padding: 0px 0 50px 0;}
.margin-auto {
	margin: auto;
}
a.margin-auto {
	display:block; text-align: center;
}
.row.products .col-md-1 {
   text-align: center;
}
a.product, .product   {
	text-decoration: none; color: #666; font-size: 13px; display: block; text-align: center; margin-top: 15px;
}
.products .col-md-1 {
	
	padding-right: 5px;
padding-left: 5px;
}

.row.services {
	min-height: 169px; 
}
.row .service {
	 height: 169px;  background-repeat: no-repeat; border: 1px solid #fff; background-position: center;
   background-size: cover;
	 /*background-color: #000; background: rgba(0, 0, 0, 0.2);*/

}

.service.LOGISTIQUE {
   background-image: url("../img/LOGISTIQUE.jpg");
}
.service.LIGHTLAB {
   background-image: url("../img/LIGHTLAB.jpg");
}
.service.KNX {
   background-image: url("../img/KNX.jpg");
}
.service.ESABORA {
   background-image: url("../img/ESABORA.jpg");
}
.service.ENERGEASY-SOLAR {
   background-image: url("../img/ENERGEASY-SOLAR.jpg");
}
.service.E-COMMERCE  {
   background-image: url("../img/E-COMMERCE.jpg");
}


a.vertical-align-bg {
	/*position: absolute;z-index: -10;*/
}
div.service-link {
	display:block; text-align: center; color: #fff; font-size: 20px; text-shadow: 0px 2px 2px rgba(0, 0, 0, 2);
	padding-top: 70px; height: 169px;background: rgba(0, 0, 0, 0.15); font-weight: normal; margin: 0; margin-right: -15px; margin-left: -15px;
}
/*a.service-link:hover {
	text-decoration: none;background: rgba(0, 0, 0, 0.3);
}*/

.row .service img {
	width: 100%; max-width: 100%;
}

footer  {
  font-size: 14px;text-align: center;
}
footer  .rexel-group:active, footer  .rexel-group:link, footer  .rexel-group:visited {
    color: #000 !important;
}
footer .rexel-group {
    margin-left: 40px;
}

/*jssor slider loading skin spin css*/
        .jssorl-009-spin img {
            animation-name: jssorl-009-spin;
            animation-duration: 1.6s;
            animation-iteration-count: infinite;
            animation-timing-function: linear;
        }

        @keyframes jssorl-009-spin {
            from { transform: rotate(0deg); }
            to { transform: rotate(360deg); }
        }

        /*jssor slider bullet skin 057 css*/
        .jssorb057 .i {position:absolute;cursor:pointer;}
        .jssorb057 .i .b {fill:none;stroke:#fff;stroke-width:2000;stroke-miterlimit:10;stroke-opacity:0.4;}
        .jssorb057 .i:hover .b {stroke-opacity:.7;}
        .jssorb057 .iav .b {stroke-opacity: 1;}
        .jssorb057 .i.idn {opacity:.3;}

        /*jssor slider arrow skin 073 css*/
        .jssora073 {display:block;position:absolute;cursor:pointer;}
        .jssora073 .a {fill:#ddd;fill-opacity:.7;stroke:#000;stroke-width:160;stroke-miterlimit:10;stroke-opacity:.7;}
        .jssora073:hover {opacity:.8;}
        .jssora073.jssora073dn {opacity:.4;}
        .jssora073.jssora073ds {opacity:.3;pointer-events:none;}

.arrowleft svg , .arrowright svg { color: #000;  }

.jssora073 .a {
    fill: #000;
    fill-opacity: .1;
    stroke: #000;
    stroke-width: 160;
    stroke-miterlimit: 10;
    stroke-opacity: .7;
}

/* fin slider */

.products .col-md-1 {
	flex: 0 0 33.3333%;
	max-width: 33.3333%;
	margin-top: 10px; margin-bottom: 10px;
}

/* GCV */

.gcv h1 {
  color: #333333;
  font-weight: bold;
  font-size: 30px;
  text-align: center;
  margin-bottom: 40px;
}
.gcv h3 {
  color: #747474;
  font-weight: bold;
  font-size: 15px;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.gcv p {
  color: #747474;
  margin-bottom: 20px;
  font-size: 15px;
  line-height: 1.93;
}

@media (min-width: 992px) { 
	.products .col-md-1 {
		flex: 0 0 11.10%;
		max-width: 11.10%;
	}
}

@media (max-width: 768px) { 
  .banner-info {
     font-size: 18px;
    padding: 40px 50px;
  }
  .banner-info  h1 {
      font-size: 1.5rem;
  }
  .banner-info  h3 {
      font-size: 1.0rem;
  }
}