*{
	font-family: 'Fira Sans', sans-serif;

}
.projet-panel{
	background-color:#e84324;
	color: white;
}


#headerbloc{

	 padding-left: 160px;
	 height: 400px;
	 width: 100%;  
	 opacity: 1; 
	 visibility: inherit;
	  z-index: 20;
}

#animatewrapperhome{
	padding-top: 90px;
}

.titre em{
   font-family: "poppins";
   color: #e84324;
   font-size: 17px;
   font-weight: normal;
   display: block;
}

.nstitle{
	font-family: "poppins";
    color: #FFF;
    font-size: 46px;
    font-weight: bold;
    text-transform: none;

}

.div_job_table .job_table thead th {

    color: #e84324;

    font-size: 15px;

    padding: 15px 0px;    

    font-weight: 700;    

    border-bottom: 1px solid #e5e5e5;

    font-family: "Montserrat", sans-serif

}

td{

	padding: 30px 0px;

}

tbody > tr{

	border-bottom:1px solid #e5e5e5;

}

th.header{
    color: #e84324;
    font-size: 15px;
    padding: 15px 0px;
    font-weight: 700;
    border-bottom: 1px solid #e5e5e5;
    font-family: "Montserrat", sans-serif;

}

.job_date{

	color: red;

    font-weight: 700;

}

.spacecustomer:hover, .spacecustomer:hover i{
	color: #333 !important;
}

.slogan{
  color : #fff;
  text-transform: none;
  font-size: 19px;
  font-family: 'Indie Flower', cursive;
}

#flip {
  font-family:"poppins";
  height:75px;
  overflow:hidden;

}

#flip > #bservice{
  position: relative;
  top: -65px;
  animation: show 20s linear infinite;
  animation-delay: 2s;
  -webkit-animation : show 20s linear infinite;
  -webkit-animation-delay: 2s;
  -moz-animation: show 20s linear infinite;
  -moz-animation-delay: 2s;
  -ms-animation: show 20s linear infinite;
  -ms-animation-delay: 2s;
  -o-animation: show 20s linear infinite;
  -o-animation-delay: 2s;
}

#flip > #bservice > div {
    color: #fff;
    padding: 8px 12px;
    height: 50px;
    font-size: 42px;
    margin-bottom: 100px;
    display: inline-block;
  -webkit-box-shadow: 0 8px 6px -6px #777;
  -moz-box-shadow: 0 8px 6px -6px #777;
  box-shadow: 0 8px 6px -6px #777;
}

#text-block-7 {
    margin-bottom: 0px;
    text-align: left;
}


#text-block-7 h2.titre {
    font-size: 35px;
    font-weight: 600;
    line-height: 46px;
    font-family: "poppins";
    color: #333;
}

#text-block-7 .centre {
    text-align: center;
}

#text-block-7 .texteRouge {
    color: #e84324;
}

#text-block-7 .redSeparator.centre {
    margin: 12px auto;
}



#text-block-7 .redSeparator {
    width: 115px;
    height: 7px;
    background-color: #e84324;
    margin-top: 25px;
    margin-bottom: 25px;
}



.lightbox-bounce{
	transition: transform .2s;
}

.lightbox-bounce:hover{
  transform: scale(1.2);
}

.wpb_wrapper-1 .service, .wpb_wrapper-2 .service, .wpb_wrapper-3 .service{
	font-size: 32px;
    color: #333;;
    font-family: 'poppins', sans-serif;
    padding-left: 3px;
    position: relative;
    bottom: 15px;
}

.homewrapper a:hover{
	text-decoration: none;
}

.homewrapper{
	background: #fdfbfb;
    padding: 4px;
    border-radius: 6px;
    margin: 15px;
}

.wpb_wrapper-1 .sub-service, .wpb_wrapper-2 .sub-service, .wpb_wrapper-3 .sub-service{
	color: #e84324;
    font-size: 22px;
    position: relative;
    bottom: 12px;
    font-weight: bold;
}

.wpb_wrapper-1 p,.wpb_wrapper-2 p, .wpb_wrapper-3 p{
	font-family: "poppins","sans-serif";
	font-size: 16px;
}

#flip .domotique {
  background:#4ec7f3;
  padding: 0px 17px;
  position: relative;
    bottom: 18px;
}

#flip .web {
  background:#0e4e78;
  padding: 0px 17px;
  position: relative;
    bottom: 18px;
}

#flip .maison {
  background: #ffffff;
  color: #eb3c1c;
  padding: 0px 17px;
  position: relative;
    bottom: 18px;
}

#flip .reseau{
  background: #0484a9;
  padding: 0px 17px;
  position: relative;
    bottom: 18px;
}

#flip .tracking {
  background: #eb3c1c;
  padding: 0px 17px;
  position: relative;
    bottom: 18px;
}


#flip .seo {
  background: #1ebb12;
  padding: 0px 17px;
  position: relative;
    bottom: 18px;
}

#flip .strategie {
  background: #ac1cb1;
  padding: 0px 17px;
  position: relative;
    bottom: 18px;
}



@keyframes show {
  3% {top: 16px;}
  13% {top: 16px;}

  15% {top: -133px;}
  25% {top: -133px;}

  28% {top: -286px;}
  38% {top: -286px;}

  41% {top: -435px;}
  51% {top: -435px;}

  54% {top: -586px;}
  64% {top: -586px;}

  67%{top : -737px;}
  77%{top : -737px;}


  80%{top : -887px;}
  90%{top : -887px;}

  100%{top: 93px;}
}



.firstnavbar{
	background: #e84324;
	padding : 12px;
	font-size: 16px;
}

.firstnavbar a, .firstnavbar a:hover{
	color : white;
	text-decoration: none;
}

#navbar{
	position: relative;
    top: 4px;
    font-size: 17px;
    color: #333;
}

.navbar-toggle {
    position: relative;
    bottom: 64px;
    float: right;
    padding: 9px 10px;
    margin-right: 15px;
    margin-top: 8px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

#navbar ul li{
margin:  4px;
border-radius: 6px;
}

#navbar ul li a{
	color :#333;
	border: solid 2px #fff;
}

#navbar ul li a:hover{
	background: white;
	border: solid 2px #e84324;
	border-radius :6px;
}

.active-menu
{
    border: solid 2px #e84324 !important;
    border-radius :6px;
}

.firstnavbar .mk-svg-icon{
	fill: #fff;
	vertical-align: middle;
}

.mk-header-social ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.mk-header-social ul li {
    margin: 0;
    display: inline-block;
}

#header-logo {

    margin-bottom: 20px;
}

.mk-toolbar-navigation ul li {
    margin: 0;
    padding: 0;
    display: inline-block;
    line-height: 26px;
}

.mk-toolbar-navigation ul li a {
    line-height: 10px;
    display: inline-block;
    padding: 0 5px;
    border-right: 1px solid rgba(128,128,128,.2);
}

#middlewrapper{
    background: #e4e3e3;  
    height: 500px;
    overflow: hidden;
    width: 100%;
}

.calldomotique{
	font-size: 33px;
	font-weight: bold;
    color: #333;
    font-family: 'poppins', sans-serif;
}

.sub-calldomotique{
	color : #e84324;
	padding-left:30px;
	font-size : 25px;
	font-family: 'poppins', sans-serif;
}

.btn-subdomotique,.btn-subagency:hover {
    background-color: #e84324;
    border: 2px solid #e84324;
    border-radius: 6px;
    color: #fff;
    font-size: 18px;
    padding : 12px;
    cursor: pointer;
}

.btn-subdomotique:hover, .btn-subagency{
    background-color: #fff;
    border: 2px solid #e84324;
    color: #e84324;
    border-radius: 6px;
    font-size: 18px;
    padding : 12px;
    cursor: pointer;
}

#wrapperagency{
	padding: 20px;
    width: 100%;
}


#agencywrapperbloc{
    position: relative;
    top: 82px;
    border: solid 1px #f1e8e8;
    background: #fff;
    height: 500px;
    margin: 0 auto;
    width: 80%;
    box-shadow: 0px 4px 13px 4px #333;
    overflow: hidden;
}

#agencybackimg{
	position: relative;
	right : 135px;
}

#inovagency{
	padding-left : 75px;
	font-family: "poppins","sans-serif";
}


#inovagency h1{
 font-weight: bold;
}

#inovagency span{
 font-family: "poppins","sans-serif";
}

.client{
	width: 150px;
	filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
}

.client:hover{
	filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
}



#inovagency em{
	font-style: normal;
	font-size: 18px;
	font-family: "poppins","sans-serif";
	color:#e84324;

}

#inovagency p{
	font-size: 17px;
}

#wrapperexpertise{
	margin-top: 30px;
    padding: 15px;
}

#wrexpertise h1{
	padding-top: 10px;
	font-family: "poppins","sans-serif";
	font-size: 50px;
	line-height: 67px;
	font-weight: bold;
	color : #fff;
}

#wrexpertise p{
	font-family: "poppins","sans-serif";
	font-size: 22px;
	color : #fff;
}

#headone{
	background: #3d3c3c;
	padding: 30px;
}

#headtwo{
	height: 40px;
	background: #2b2a2a;
}

#footlogo{
	position: relative;
	top :50px;
}



#footdescription{
	padding-top: 20px;
	font-family: "poppins";
	color: #fff;
	font-size: 14px;
}

#footcoordonnes, #headtwo{
    padding-top: 5px;
	color: #fff;
	font-size: 15px;
}

#footcoordonnes span{
	font-size: 17px;
}

.footsubmit{
	padding: 8px;
	color :#fff;
	padding: 8px;
	width : 250px;
	background: #e84324;
	border : solid 1px #e84324;
	margin: 8px;
	border-radius: 6px;
}

.footsubmit:hover{
	opacity: 0.6
}

.heurefoot{
	font-style: "poppins";
	color: #e84324;
	font-size: 15px;
}

.copyright{
	 position: relative;
	top:5px;
	font-family: "poppins";
	color: #b9b5b5 ;
	font-size: 15px;
}

#spacejoin .office{
	font-size: 32px !important;
}

#contact{
	color: #fff;
}

#contact span{
  position: relative;
  font-size: 17px;
}

#headerWeb{
	height: 400px;
    overflow: auto;
}

#headerwebconception{
	padding-top: 50px;
}

#headerwebconception .servicesweb{
	position: relative;
	bottom: 30px;
	font-weight: bold;
	font-size: 38px;
	color: #e84324;
	font-family: "poppins";
}

.itz_video_widget {
    padding: 20px 35px;
    background-color: #fff;
    border-radius: 35px;
    box-shadow: 0px 3px 35px rgba(0,0,0,0.5);
}

.redwebSeparator{
	width: 115px;
    height: 7px;
    background-color: #e84324;
    margin-top: -15px;
    margin-bottom: 25px;
}

#headerwebconception h2{
	font-size: 25px;
	font-family: "poppins", sans-serif;
	color: #021f67;
}

#headerwebconception p{
	font-size: 19px;
	font-family: "poppins", sans-serif;

}

.textinnerpage, .textinnerpage span{
	font-size: 17px;
	font-family: "poppins", sans-serif;
	text-align: center;
}

.textinnerpage strong{
	font-weight: normal;
	font-size: 19px;
	font-family: "poppins", sans-serif;
	text-align: center;
}


.texteRouge {
    color: #e84324;
}

.itemservice img{
    display: block;
    margin: 0 auto
}

.itemservice p{
	color: #333;
	font-size: 17px;
	text-align: center;
}

.itemservice {
	margin: 40px;
}

.itemservice span{
	color: #e84324;
	margin: 8px;
	display: inline-block;
	font-size: 20px;
	font-family: "poppins",sans-serif;
}

#wrapperwebmobilepageservices{
    position: relative;
    background: #fdfbfb;;
    overflow: hidden;
    width: 100%;
    padding-left: 20px;
    padding-bottom: 70px;
}

#wrappersubmitprojet{
	background: #e84324;
	height: 210px;
	padding: 12px;
	text-align: center;
}

#wrappersubmitprojet img{
	position: relative;
	bottom:89px;
}

#wrappersubmitprojet h1{
	color: #fff;
	font-size: 23px;
	font-family: "poppins",sans-serif;
}

#wrappersubmitprojet h3{
	color: #fff;
	font-size: 17px;
	font-family: "poppins",sans-serif;
}

#wrappersubmitprojet p{
	color: #fff;
	font-size: 15px;
	font-family: "poppins",sans-serif;

}

#submitequipe{
	position: relative;
	bottom: 15px;
}

.btnsubmitcontactproject{
	background-color: #fff;
    border: 2px solid #e84324;
    color: #e84324;
    border-radius: 6px;
    font-size: 18px;
    padding: 12px;
    cursor: pointer;
    display: block;
    width: 250px;
    margin: 10px auto;
}

.btnsubmitcontactproject:hover{
		opacity: 0.9;
}

#tinitztechnologie{
	margin-top:80px;
	margin-bottom:50px;
}

#headerdomotique{
	padding : 15px;
    height: 320px;
    background-size: cover;
    background-position: 2px -395px;
    overflow: hidden;
}

#headerdomotique h1{
    position: relative;
    top: 5px;
    font-family: "poppins","sans-serif";
    font-size: 45px;
    color: #fff;
    font-weight: bold;

}

#headerdomotique p{
    position: relative;
    top: 12px;
    font-family: "poppins","sans-serif";
    font-size: 19px;
    color: #fff;
}

#headerdomotique span{
	padding: 10px;
	background : #e84324;
	width: 140px;
	color: #fff;
	display: block;
	border-radius: 8px;
	margin: 8px;
	text-align: center;
	cursor: pointer;
}

#teasehome h1{
	padding-top: 15px;
	position: relative;
	font-size: 30px;
	font-family: "poppins","sans-serif";
	color: #333;
}

#teasehome p{
	padding-top: 4px;
	position: relative;
	font-size: 18px;
	font-family: "poppins","sans-serif";
	color: #333;
}

#wrapperdemo h2{
	font-family: "poppins","sans-serif";
	font-size: 32px;
	text-align: center;
	display: block;
	padding-bottom: 12px;
}

#demowrapper .itz_video_widget{
	width: 680px;
	margin: 0 auto;
}

#gametinitz{
	width: 100%;
	position: relative;
    top: 71px;
}

#demoappart{
	width: 107%;
}

#wrapperdemo p{
	font-size: 18px;
	font-family: "poppins","sans-serif";
	padding: 10px;
}

#hometextconnect ul{
     font-size: 17px;
    font-family: "poppins","sans-serif";
    	
}

#wrappersurveillance{
	margin-top: 12px;
}

#wrappersurveillance img{
	width: 100%;
	margin: 0 auto;
}

#wrappersurveillance h1{
	font-size: 32px;
	font-family: "poppins","sans-serif";
}

#wrappersurveillance p{
	font-size: 18px;
	font-family: "poppins","sans-serif";
}

.textproduct, #exampleModalLabel{
    font-size: 18px;
   font-family: "poppins","sans-serif";
}

#demodecouverte{
	width: 107%;
}

#contactdomotique{
	text-align: center;
	margin-top: 80px;
	background :#e84324;
	padding: 20px;
}

#houseconnected{
	width: 250px;
	position: relative;
	top: 20px;
}

#contactdomotique h1{
	color: #fff;
	font-size: 22px;
	font-family: "poppins","sans-serif";
}

#contactdomotique h3{
	color: #fff;
	font-size: 18px;
	font-family: "poppins","sans-serif";
}

#contactdomotique p{
	color: #0c3d64;
	font-size: 18px;
	font-family: "poppins","sans-serif";
}

#headertracking{
	padding : 15px;
    height: 180px;
}

#welctracking{
    position: relative;
    top: -100px;
    height: 120px;
    overflow: hidden;
    width: 100%;
    border-bottom: 100px solid #fff;
    border-right: 1346px solid transparent;
}

#welcomewrapper{
	position: relative;
	top: -100px;
	width: 70%;
	margin: 0 auto;
	font-family: "poppins","sans-serif";
}

#homewelcomewrapper{
	position: relative;
	width: 70%;
	margin: 0 auto;
	font-family: "poppins","sans-serif";
}

#welcomewrapper h1{
	color: #333;
	font-size: 35px;	
}

#welcomewrapper h2{
	color: #0e4e78;
	font-size: 26px;
	font-family: "poppins","sans-serif";	
}

#welcomewrapper h3{
	color: #e84324;
	font-size: 20px;
	position: relative;
	bottom: 10px;	
}

#welcomewrapper p{
	font-size: 18px;
}

#schematracking{
    position: relative;
    overflow: hidden;
    width: 100%;
    border-bottom: 100px solid #e84324;
    border-right: 1346px solid transparent;
}

#principeschema{
	background: #e84324;
	padding: 30px;
	color: #fff;
	font-family: "poppins","sans-serif";	
}

#principeschema h1{
	display: block;
	text-align: center;
	font-family: "poppins","sans-serif";
	font-size: 35px;
}

.content li{
	list-style-type: none;
	font-size: 17px;
	line-height: 30px;
	padding-left: 35px;
}

.content li:before {
    content: "\003e";
    padding-right: 0.8em;
}

.content img{
	display: block;
	margin: 0 auto;
	width: 70%;
}

#bgchema{
   padding : 15px;
   height: 250px;
}

.functionservice{
   color: #fff;
   text-align: center;
   font-size: 17px;
   font-family: "poppins","sans-serif";
   margin: 35px;
}

.functionservice h3{
	font-size: 21px;
}


.cta {
    display: flex;
    padding: 10px 45px;
    text-decoration: none;
    font-family: 'Poppins', sans-serif;
    width: 38%;
    font-size: 24px;
    color: #0c3d64;
    line-height: 24px;
    margin: 0 auto;
    background: #fff;
    transition: 1s;
    box-shadow: 6px 6px 0 black;
    text-decoration: none;
}

.cta:focus {
   outline: none; 
}

.cta:hover {
	text-decoration: none;
    transition: 0.5s;
    box-shadow: 10px 10px 0 #FBC638;
}

.cta span:nth-child(1) {
	font-size: 26px;
	font-weight: bold;
	position: relative;
	top : 8px;
}

.cta span:nth-child(2) {
    transition: 0.5s;
    margin-right: 0px;
}

.cta:hover  span:nth-child(2) {
    transition: 0.5s;
    margin-right: 45px;
}

  span:nth-child(2) {
    width: 20px;
    margin-left: 30px;
    position: relative;
    top: 12%;
  }
  
/**************SVG****************/

path.one {
    transition: 0.4s;
    transform: translateX(-60%);
}

path.two {
    transition: 0.5s;
    transform: translateX(-30%);
}

.cta:hover path.three {
    animation: color_anim 1s infinite 0.2s;
}

.cta:hover path.one {
    transform: translateX(0%);
    animation: color_anim 1s infinite 0.6s;
}

.cta:hover path.two {
    transform: translateX(0%);
    animation: color_anim 1s infinite 0.4s;
}

/* SVG animations */

@keyframes color_anim {
    0% {
        fill: #0c3d64;
    }
    50% {
        fill: #FBC638;
    }
    100% {
        fill: white;
    }
}

#home-header-bg-wrapper{
    border-bottom: 100px solid #e84324;
    border-right: 1346px solid transparent;
}

#home-bg-cover{
	height: 320px;
}

#costumers{
	width: 80%;
  padding-top: 40px;
  padding-left : 100px;
}

.textcostum{
	width: 65%;
	font-family: "poppins","sans-serif";
	font-size: 18px;
	margin: 0 auto;
}

.textcostum h1{
	font-family: "poppins","sans-serif";
	font-size: 28px;
}

.textcontact{
   font-family: "poppins","sans-serif";
}

.textcontact h1{
	text-align: center;
	font-size: 40px;
}

.contactbloc{
   font-family: "poppins","sans-serif";
  font-size: 18px;
  text-align: center;
}

.bloc-join h3{
	padding-top: 25px;
	font-weight: bold;
	text-align: center;
}

.form-join{
  font-family: "poppins","sans-serif";
  font-size: 16px;
  padding-top: 14px;
  padding-bottom: 4px;
  text-align: center;
  border : 1px #d0c7c7 solid;
  border-radius: 4px;
  width: 220px;
  margin: 0 auto;
}

.form-join:hover{
 background : #e84324;
 color: #fff;
 cursor: pointer;
 border : 1px #e84324 solid;
}

.bloc-join hr{
	width: 80px;
	border : 1px #e84324 solid;
}

#contactabout{
	font-size: 18px;
	font-family: "poppins","sans-serif";
	text-align: center;

}

#spacejoin{
	padding: 10px;
	font-family: "poppins","sans-serif";
	font-size: 18px;
	margin-top: 100px;
	margin-bottom: 100px;
	background: #eceaea;
}

#spacejoin p{
	font-size: 19px;
	text-align: center;
	font-weight: bold;
}

#spacejoin img{
	border : 1px solid #dad6d6;
	width: 100%;
}
#infospace h3{
	margin-top: 4px;
}

#infospace p, #infospace h3{
	font-weight: normal;
	text-align: left;
}

.redtinitz{
	color: #e84324;
}

#infospace p{
	font-size: 16px;
}

#infospace{
	background: #fdfdff;
	padding-left: 30px;
	padding-bottom: 29px;
	padding-right: 10px;
	border : 1px solid #dad6d6;
}

#infospace .form{
	display: inline-block;
	border : 1px solid #d2d0d0;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 4px;
	margin: 10px;
	text-align: center;
	font-size: 18px;
}

#intineraire{
	background: #e84324;
	border : solid 1px #e84324 !important;
	color: #fff;
}

#intineraire:hover{
  background: #c13217;
  cursor: pointer;
}

#workspacepicture{
   margin-left: -16px;
}

#sendmsg:hover{
	border : solid 1px #e84324;;
	color: #e84324;
	background: #fff;
	cursor: pointer;
}

.paddingLeft{
	padding-left : 35px;
}


.invalid-feedback {
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #dc3545;
}


@media screen and  (max-width: 520px) {

	#home-header-bg-wrapper {
    	border-bottom: 27px solid #e84324 !important;
    	border-right: 390px solid transparent !important;
	}
	
	.realisation-item-title{
		display : none;
	}
	
	.etudecas .description-wrapper {
			background: rgba(232, 67, 36, 0.9);
			padding: 30px 60px;
			height: 100%;
			position: absolute;
			top: 0;
	}
	
	.video-wrapper{
		margin : 18px;
	}
	
	.video-wrapper video{
		width : 100% !important;
	}

	#footlogo {
    	position: relative;
    	top : 0px;
	}

	.client{
		width: 100% !important;
	}

	#costumers {
     width: 100%;
     padding-left: 0px !important;
	}

	.textcostum {
    	width: 90% !important;
    	font-size: 19px !important;
	}

	#wrexpertise h1 {
    	font-size: 39px !important;
    	line-height: 41px !important;
	}

	#footdescription {
    	font-size: 18px !important;
	}

	#contact span {
    	display: block !important;
    	position: relative;
    	font-size: 26px !important;
    	margin-top: 42px !important;
	}

	.container, .homewrapper{
		width: 100%;
	}

	.wpb_wrapper-1 p, .wpb_wrapper-2 p, .wpb_wrapper-3 p {
    	font-size: 21px !important;
	}

	#footcoordonnes, #headtwo {
    	font-size: 18px !important;
	}

	.titre em {
    	line-height: 28px !important;
    	font-size: 21px !important;
	}

	.textcostum h4{
    	margin-top: 57px !important;
    	font-size: 22px !important;
    	line-height: 33px !important;
	}

	#navbar ul li a {
    	font-size: 21px !important;
	}

	#header-logo {
    	margin-top: 25px !important;
    	margin-bottom: 0px !important;
	}

	.copyright{
	  font-size: 17px !important;
	}

	#footcoordonnes span {
    	font-size: 19px !important;
	}

	#headerbloc {
    	padding-left: 16px !important;
    }

    .slogan {
    	font-size: 23px !important;
    	display: none;
    }

    #flip > #bservice > div {
    	font-size: 30px !important;
    	-webkit-box-shadow: 0 8px 6px -6px transparent !important;
    	-moz-box-shadow: 0 8px 6px -6px transparent !important;
    	box-shadow: 0 8px 6px -6px transparent !important;
	}
	
	.nstitle{
    		font-size: 40px !important;
	}
	
	.nocol{
		display: block;
    	font-size: 19px;
    	margin: 0 auto;
	}

	.mk-header-social .toolbar-section{
		text-align: left !important;
		font-size: 21px;
	}

	span:nth-child(2) {
    	font-size: 21px;
    	width: 100% !important;
    	margin-left: 0px !important;
    	position: relative;
    	bottom: 15px;
	}

	.itz_video_widget video{
		position: relative !important;
    	right: 0px !important;
    	top: -2px !important;
    	width: 100% !important;
	}

	#headerWeb {
      height: auto !important;
      overflow: auto;
	}

	.itz_video_widget {
    	padding: 14px 6px !important;
    	background-color: #fff !important;
    	border-radius: 10px !important;
    	box-shadow: 0px 3px 15px rgba(0,0,0,0.5) !important;
	}

	.container{
		width : 100% !important;
	}

	.paddingLeft{
	   padding-left : 0px !important;
	}

	.textinnerpage, .textinnerpage span{
		font-size: 19px !important;
	}

	.itemservice p {
    	font-size: 19px !important;
	}

	.itemservice span {
		font-size: 25px;
	}

	#wrappersubmitprojet {
       height: auto;
       overflow: hidden;
	}

	.#wrappersubmitprojet h3 {
		font-size: 19px !important;
	}

	#wrappersubmitprojet img {
    	position: relative !important;
    	bottom: 0px !important;
    	right: 110px !important;
	}

	#tinitztechnologie {
    	margin-top: 0px !important;
    	margin-bottom: 0px !important;
	}

	#tinitztechnologie .col-md-2{
		display: inline-block;
		margin: 8px !important;
	}

	#schematracking {
    	position: relative;
    	overflow: hidden;
    	width: 100%;
    	border-bottom: 35px solid #e84324 !important;
    	border-right: 400px solid transparent !important;
	}

	#headerdomotique h1{
		font-size: 24px !important;
	}

	#headerdomotique p{
		font-size: 16px !important;
	}

	#teasehome p{
		font-size: 20px !important;
	}

	#wrapperdemo p{
		font-size: 20px !important;
	}

	#hometextconnect ul {
    	font-size: 20px !important;
   		line-height: 35px !important;
	}

	#wrappersurveillance h1{
		padding: 20px !important;
	}

	#wrappersurveillance p{
		font-size: 20px !important;
	}

	#contactdomotique p {
    	font-size: 23px;
	}

	#principeschema h1 {
    	font-size: 25px !important;
	}

	#welcomewrapper p{
		font-size: 21px;
	}

	.content li {
    	list-style-type: none;
    	font-size: 19px;
    	line-height: 30px;
    	padding-left: 0px;
	}

	#welcomewrapper h3 {
    	font-size: 26px;
	}

	.content img{
		width: 100% !important;
	}

	#headertracking {
    	padding: 15px !important;
    	height: 250px !important;
	}

	.cta {
		width:100% !important;
	}

	.fleche{
		bottom: 1px !important;
	}

	.bloc-join h3{
		padding-top: 0px;
	}

	.bloc-join{
		margin-bottom: 90px !important;
	}

	#infospace p{
		font-size: 22px !important;
	}

	#contactabout {
	    font-size: 20px;
	}

	.form-join {
    	font-size: 20px;
	}
	

}


	.form-control.is-invalid, .was-validated .form-control:invalid {
			border-color: #dc3545;
			padding-right: calc(1.5em + .75rem);
			background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc354…%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E);
			background-repeat: no-repeat;
			background-position: center right calc(.375em + .1875rem);
			background-size: calc(.75em + .375rem) calc(.75em + .375rem);
	}