@charset "utf-8";.services-item1, .services-item2, .services-item3, .services-item4, .services-item5, .services-item6{background:url(../images/idcardpar.jpg) top left;background-size:cover; -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%); -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;}
.services-item1{background:url(../images/offre1.jpg) top left;}
.services-item2{background:url(../images/offre2.jpg) top left;}
.services-item3{background:url(../images/offre3.jpg) top left;}
.services-item4{background:url(../images/offre4.jpg) top left;}
.services-item5{background:url(../images/offre1.jpg) top left;}

.grid1{width:65%;float:left;margin-bottom:25px;}
.grid2{width:32%;float:left;margin-bottom:25px;}
.mr{margin-right:3%;}
.col-md-6{position:relative;min-height:1px;padding:0 15px;overflow:hidden;background-color:#000;}
.item-block h2, .item-block h3{/* margin-top:25px; *//* padding:0; */position:absolute;left:60px;z-index:2;/* color:#fff; */}
.item-block h2{font-size: 14px;font-weight: normal;top: 14px;line-height: normal;text-transform: uppercase;padding-bottom: 15px;font-family:'RobotoMedium_0';}
.item-block h2:after{width:42px;height:5px;background-color:#d22516;position:absolute;left:0;bottom:0;content:'';}
.item-block h3{/* font-size:13px; *//* line-height:normal; */bottom:53px;/* padding:0 25px 0 0; */width:60%;float:left;}
.item-block .main-item-block{display:block;position:relative;height:251px;margin:0 -15px;opacity:1;-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;}
.item-block .main-item-block:hover{}
.item-block .main-item-block a{height:100%;display:block}
.item-block .main-item-block a:before, .item-block .main-item-block a:before{left:0;content:'';-ms-transition:opacity .35s, -ms-transform .35s;-moz-transition:opacity .35s, -moz-transform .35s;-webkit-transition:opacity .35s, -webkit-transform .35s;width:100%;height:100%;top:0;position:absolute;}
.main-item-block.services-holder a:before{background:#000;opacity:0.9;z-index:1;}
.item-block .main-item-block a>div{height:100%;background-size:cover;backface-visibility:hidden;width:-moz-calc(100% + 50px);width:-webkit-calc(100% + 50px);width:calc(100% + 50px);-ms-transition:opacity .35s, -ms-transform .35s;-moz-transition:opacity .35s, -moz-transform .35s;-webkit-transition:opacity .35s, -webkit-transform .35s;transition:opacity .35s, transform .35s;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(-50px, 0, 0);-ms-transform:translate3d(-50px, 0, 0);-o-transform:translate3d(-50px, 0, 0);transform:translate3d(-50px, 0, 0); -webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;}
.item-block.animate:hover .main-item-block>a>div{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-filter: none; /* Safari 6.0 - 9.0 */
    filter: none;}
.item-block .cta-item{-ms-transition:opacity .35s, -ms-transform .4s;-moz-transition:opacity .35s, -moz-transform .4s;-webkit-transition:opacity .35s, -webkit-transform .4s;transition:opacity .35s, transform .4s;opacity:0;-webkit-transform:translate3d(0px, 0, 0);-moz-transform:translate3d(-80px, 0, 0);-ms-transform:translate3d(-80px, 0, 0);-o-transform:translate3d(-80px, 0, 0);transform:translate3d(-80px, 0, 0);position:absolute;bottom:30px;left:60px;z-index:1;color:#fff;font-size:11px;text-transform:uppercase;}
.item-block .cta-item a{color:#FFF;background-image:url(../images/arrow.png);background-repeat:no-repeat;background-position:right center;padding:0 20px 0 0;}
.item-block.animate:hover .cta-item{opacity:1;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
@media (max-width:960px){.item-block h3 {     top: 20px; bottom:inherit}
.item-block h2, .item-block h3 { left: 30px;}
}
@media (max-width:800px){.item-block h2{font-size:20px;}
}
@media (max-width:640px){.block{width:100%;}
.item-block .main-item-block a>div{transform:none;}
.item-block .main-item-block{height:300px;}
}
@media (max-width:480px){.item-block h2, .item-block h3{left:30px;}
.item-block .main-item-block {
    height: 200px;
}
}
.col{width:16.66666666666667%;float:left;}
.grid{width:100%;float:left;position:relative;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;transition:all .4s;overflow:hidden;}
.pro-tit{position:absolute;left:20px;top:50px;color:#fff;z-index:5;font-family:'RobotoMedium_0';text-transform:uppercase;font-size:14px;-moz-transition:all 0.4s ease-out;-o-transition:all 0.4s ease-out;-webkit-transition:all 0.4s ease-out;-ms-transition:all 0.4s ease-out;transition:all 0.4s ease-out;}
.pro-tit span{font-size:12px;}
.grid:hover .pro-tit{left:20px;top:-50px;-moz-transition:all 0.4s ease-out;-o-transition:all 0.4s ease-out;-webkit-transition:all 0.4s ease-out;-ms-transition:all 0.4s ease-out;transition:all 0.4s ease-out;}
.grid .work{display:block;position:relative;width:100%;height:100%;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;transition:all .4s;}
.grid img{width:100%;height:auto;display:block;transition:0.5s ease;-o-transition:0.5s ease;-webkit-transition:0.5s ease;}
.grid:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.grid .work .overlay{display:block;position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;padding:20px;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;transition:all .4s;overflow:hidden;}
.grid .work .title{z-index:-10;display:block;position:relative;top:50%;text-align:center;color:#fff;opacity:0;-webkit-transform:translateZ(0);-webkit-transform:translate3d(0, 100%, 0);-moz-transform:translate3d(0, 100%, 0);-ms-transform:translate3d(0, 100%, 0);-o-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);-webkit-transition:transform 0.6s, opacity 0.6s;-moz-transition:transform 0.6s, opacity 0.6s;-ms-transition:transform 0.6s, opacity 0.6s;-o-transition:transform 0.6s, opacity 0.6s;transition:transform 0.6s, opacity 0.6s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);}
.grid .work .title h2{margin:0 0 25px 0;font-family:'RobotoBold_0';font-size:13px;text-transform:uppercase;line-height:normal;text-align:center;font-weight:normal;position:relative;}
.grid .work .title h2 span{background-color:#fff;padding:8px 10px;color:#14668E;display:inline-block;line-height:normal;}
.grid .work .title h2 span:before, .grid .work .title h2 span:after{width:30px;height:1px;background-color:#fff;position:absolute;left:-5px;top:50%;margin-top:-3px;content:'';}
.grid .work .title h2 span:after{left:auto;right:-5px;}
.grid .work .title p{position:relative;font-size:12px;padding:0 0 15px 0;line-height:normal;}
.grid .work .title a{color:#fff;}
.grid .work .overlay:before{content:'';display:block;position:absolute;width:100%;height:0%;bottom:0;left:0;opacity:0;background-color:#9389C1;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;transition:all .4s;}
.grid:hover .overlay{opacity:1;}
.grid:hover .overlay:before{height:100%;opacity:0.9;}
.grid:hover .title{-webkit-transform:translateZ(0);-webkit-transform:translate3d(0, -50%, 0);;-moz-transform:translate3d(0, -50%, 0);;-ms-transform:translate3d(0, -50%, 0);;-o-transform:translate3d(0, -50%, 0);;transform:translate3d(0, -50%, 0);;opacity:1;z-index:5;}
@media only screen and (max-width:980px){.grid1, .grid2{width:100%;float:left;}
.mr{margin-right:0 !important;}
}
@media only screen and (max-width:800px){}
@media only screen and (max-width:360px){

.item-block h2, .item-block h3 {
    left: 10px; top:10px;
}
.item-block h3 { width: 100%;}

.item-block .main-item-block {
    height: 146px;
}
}