*, *:before, *:after {
  box-sizing: border-box;
}

.slider ul{margin:0;padding:0}
.slider ul > li{list-style-type:none}
.clearfixed:before,
.clearfixed:after{content:' ';display:block;height:0;overflow:hidden}
.clearfixed:after{clear:both}

.gride p{font-family: 'Coda';padding:20px;font-size:15px;line-height: 20px;font-weight: 400;padding-top:30px;}



.homeContainer{background-color:#062a5a;background-image:none;padding: 30px 0 5px 0;}

.no-cssgradients .blue_background{background-image:none}.homez{margin:0 auto;position:relative;width:978px}





.gride{border:1px solid rgba(200,200,200,0.3);display:block;height:100%;position:relative;width:100%;z-index:1}
.gride > div, .gride .jp-video{height:100%}


/* .grideContent{margin:5px} */
.gride {overflow:hidden;}
.grideContent-small{height:232px;width:100%;padding:5px;}

	.grideContent-medium{height:232px;width:100%;padding:5px;}
.grideContent-large{height:464px;width:100%;padding:5px;position: relative;}

.signage span {padding-left:20px;color:#fff;display: block;}
.centrale span {padding-left: 10px;}
.centrale h6{padding-left:10px!important;}

.grideContent-large div h6{margin:0;position: absolute;color:#fff;font-size:30px;text-align: center;top:50px;width:100%;}
.grideContent-large div h6:before, .grideContent-large div h6:after {display:block;height:2px;background: #ff9600;content:" ";margin: 0 auto;}
.grideContent-large div h6:before {margin-bottom: 10px;width:50%;}
.grideContent-large div h6:after {margin-top: 10px;width:70%;}


.grideContent-large div p {color:#fff;font-size:20px;position: absolute;top:200px;left:60px;width: 180px;padding:0;margin:0;}
.grideContent-large div ul{color:#fff;font-size:18px;position: absolute;top:200px;left:35px;}

	.gride_background,.gride_content{height:100%;left:0;position:absolute;top:0;width:100%}
	.gride_content>h6,.gride_content>p{color:#fff;margin:0;font-family: 'Coda';}
	.gride_content>h6{font-size:17px;text-transform:uppercase;font-weight:bold;padding:25px 0 0 20px;}

	.slider{position:relative}


	.slider_fade{height:100%;position:absolute;top:0;width:15px;z-index:2;width:120px}



	.slider_fade-left{background-image: -webkit-gradient(linear,0 0,100% 0,color-stop(0%,#062a5a),color-stop(100%,rgba(6,42,90,0)));background-image: -webkit-linear-gradient(left,#062a5a 0%,rgba(6,42,90,0) 100%);background-image: -moz-linear-gradient(left,#062a5a 0%,rgba(6,42,90,0) 100%);background-image: -o-linear-gradient(left,#062a5a 0%,rgba(6,42,90,0) 100%);background-image:linear-gradient(to right,#062a5a 0%,rgba(6,42,90,0) 100%);background-repeat:repeat-x;-ms-filter:"progid:DXImageTransform.Microsoft.Gradient(startColorstr='#ff062a5a',endColorstr='#00062a5a',GradientType=1)";left:15px}
	.slider_fade-right{background-image: -webkit-gradient(linear,0 0,100% 0,color-stop(0%,rgba(6,42,90,0)),color-stop(100%,#062a5a));background-image: -webkit-linear-gradient(left,rgba(6,42,90,0) 0%,#062a5a 100%);background-image: -moz-linear-gradient(left,rgba(6,42,90,0) 0%,#062a5a 100%);background-image: -o-linear-gradient(left,rgba(6,42,90,0) 0%,#062a5a 100%);background-image:linear-gradient(to right,rgba(6,42,90,0) 0%,#062a5a 100%);background-repeat:repeat-x;-ms-filter:"progid:DXImageTransform.Microsoft.Gradient(startColorstr='#00062a5a',endColorstr='#ff062a5a',GradientType=1)";right:15px}
	.slider_product{background-position:50% 0;background-repeat:no-repeat;color:#fff;display:block;font-weight:bold;padding-top:75px;text-align:center;text-transform:uppercase}
	

@media only screen and (max-width: 765px) {
.grideContent-small {width:50%;float:left;}
}

@media only screen and (max-width: 550px) {
.grideContent-large{height:350px;}
.grideContent-small, .grideContent-medium{height:200px;}
.gride p{font-size: 12px;padding-top:5px;}
.grideContent-large div ul,.grideContent-large div p{font-size: 15px;}
.grideContent-large div p {left:30px;top:180px;}
.grideContent-large div h6{font-size: 15px;top:10px;}

.gride_content>h6{font-size: 16px;padding:20px 0 0 15px;}
}
@media only screen and (max-width: 430px) {
.grideContent-small, .grideContent-medium{height:150px;}
.grideContent-large{height:232px;}
.gride p, .grideContent-large div ul, .gride span {display: none;}
.gride_content>h6{font-size: 13px;padding:10px 0 0 10px;}

.slider_fade {width:40px;}
}



.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.no-gutters > [class^="col-"],
.no-gutters > [class*=" col-"] {
  padding-right: 0;
  padding-left: 0;
}