@font-face {

        font-family: "Aller";      

        src: url(../fonts/Aller_Rg.ttf);

} 

@font-face {

        font-family: "aller-bold";

        src: url(../fonts/Aller_Bd.ttf);

}

.carousel-caption h3{font-family: "Aller";color: rgb( 255, 255, 255 );margin-bottom: 0;}

.carousel-caption h1{margin-top:0; font-family: "aller-bold";color: rgb( 255, 255, 255 );  font-weight: bold;}

.carousel-caption > p { color:#fff; font-family: "Aller";}

.home .col-md-4 {background-color: #07af0c;/*margin-right: 4px;*/opacity: 0.851;padding: 3% 0.5% 3.4% 2.8%;transition: all 0.5s ease-in;}

.home .col-md-4 h2 {font-family: "Aller" ;color: #fff;}

.home .col-md-4 p{font-family: "Aller" ;color: rgb( 255, 255, 255 );}

.menu-header li.active.last-list{background-color:#07af0c}

.menu-header li.actived.color-link{background-color:#282828}

.menu-header li:hover {background: #07af0c !important;}

.menu-header li a {color:#fff;}

.menu-header li.last-list {  background-color: rgba( 0, 0, 0, 0.251 );border-right:1px solid #5d6365}

.home .col-md-4.column:hover {background: #28ce2d;}

.menu-top {float:right;}

.firest-block, .content-top {float: left;}

.menu-top .menu-menu-top-container a{font-family: "Aller";color: rgb( 210, 210, 210 );}

.menu-header li a{font-family: "Aller";  color: rgb( 255, 255, 255 );text-transform: UPPERCASE;font-size: 20px;}

.color-link{background-color: #07af0c;}

.content-top-header {position:relative;}

.nav-menu-second {float:right; }

.colum-left {float:left; width:20%} 

.colum-right{float:left; width:80%} 

.colum-right h2{margin-top: 4%;margin-left: 12%;}

.footer-top {background-color: rgba( 15, 13, 14,1);}

.footer-copie {background-color: #07af0c;color: #fff;font-size: 12px;font-family: "Aller";text-align: center;padding: 0.3% 0;}

.footer-top .col-md-3 h3 {font-size: 13px;font-family: "Aller"; color: rgb( 255, 255, 255 );}

.footer-top .col-md-2 h2{color:#07af0c;font-size: 12px;font-family: "Aller";}

.footer-top .column ul li a{font-size: 12px;font-family: "Aller";color:#fff;}

.footer-top .column ul li{ background:url('../img/bo-right.png');background-repeat: no-repeat;padding-left: 3%;}

.row.footer {bottom:0;width:100%}

.menu-menu-top-container span {color:#d2d2d2;}

.menu-header li.last-list.color-link{background-color: #07af0c;}

/*   --- css page comagny ---   */

.container-compagny {margin-top: 3.2%;margin-bottom: 2%;}

.compagny-page {background:url('../img/bg-company.png');background-repeat: no-repeat;background-position: top center;}

.compagny-page .content-compagny {padding-left: 2%;padding-right: 1%;background-color: rgba( 0, 0, 0, 0.749 ); }

.compagny-page .content-compagny h3 {margin-bottom: 1.2%;line-height: 119%;padding-right: 1%;font-size: 30px;font-family: "Aller";color: rgb( 255, 255, 255 ); font-weight: bold;}

.compagny-page .content-compagny p {margin-bottom: 1%; font-size: 18px;font-family: "Aller"; color: rgb( 255, 255, 255 );}   

.content-compagny ul li {font-size: 18px;font-family: "Aller"; color:#fff;background:url('../img/bg-list-compagny.png');background-repeat: no-repeat;padding-left: 1.5%;background-position: 0 8px;}

.content-compagny ul li span {color:#07af0c;}

.content-compagny p span {color:#07af0c;}

/* end */

/* --- css page partners ---*/

.content-compagny .col-md-4 {text-align:center}

.content-compagny .firt_ligne {margin-bottom:5%}

.content-compagny div.row {padding-left:3.5%; padding-right:3.5%;}

.nav-menu-second-interne > .navbar-collapse {float:right;}

.nav-menu-second-interne ul.menu-header li {height: 81px;}

.nav-menu-second-interne ul.menu-header li.last-list {padding-top: 20px;}

.container-logo {margin-top:3.2%; margin-bottom:2.2%;}

.partners-page{background:url('../img/bg-partners.png');background-repeat: no-repeat;background-position: top center;}

.partners-page .content-compagny {padding-bottom: 4%;padding-left: 2%;padding-right: 1%;background-color: rgba( 0, 0, 0, 0.749 );padding-top: 1.7%; }

.partners-page .content-compagny p {line-height: 22px;margin-bottom: 1.4%; font-size: 18px;font-family: "Aller"; color: rgb( 255, 255, 255 );} 

/* ---	Pagination --- */

.pagination {margin:4px auto 0;width:100px;}

.pagination li {float:left;margin:0 1px;list-style:none;}

.pagination li a {	display:block;width:12px;height:0;padding-top:12px;	background-image:url(../img/pagination.png);background-repeat: no-repeat;background-position:0 0;float:left;	overflow:hidden;}

.slides_control {height:88px !important}

.col-md-2.last-coum {padding-left:1%}

.footer-top .col-md-2.last-coum h2{color:#fff; font-size:20px}

/**/

.footer-top .column ul.pagination li{background:none}

.footer .footer-top .container {padding-right: 1%;}

.footer .footer-top .col-md-3 {padding-left:1%}

.footer .footer-top .slides_container .slide img {margin-right: 21px;margin-bottom: 17px;}

/* -- page services -- */

.container-services{margin-top: 2.6%;}

.service-page{background:url('../img/bg-services.png');background-repeat: no-repeat;background-position: top center;}

.content-service-general {background:url('../img/service-pages/bg-content-services.png');background-repeat: no-repeat;background-position: top center; float:left} 

.content-service-general .title-services {padding:5.1% 1% 5.1% 19%;font-size: 36px;font-family: "Aller";color: rgb( 255, 255, 255 ); font-weight: bold;}

.content-service-general .col-md-5 .title-services {padding:5.8% 1% 5.8% 22%;}

.container-services .content-services-top span {font-size: 36px;font-family: "Aller";  color: rgb( 255, 255, 255 ); font-weight: bold; text-shadow: 2.5px 4.33px 5px rgb( 0, 0, 0 );}

.container-services .content-services-top  {text-align:center;margin-bottom: 4.3%;}

.system-integration {background:url('../img/service-pages/system-integration.png');background-repeat: no-repeat;}

.rapid-application {background:url('../img/service-pages/rapid.png');background-repeat: no-repeat;}

.managed-security {background:url('../img/service-pages/managed-security.png');background-repeat: no-repeat;}

.outsourcing{background:url('../img/service-pages/outsourcing.png');background-repeat: no-repeat;}

.content-service-general ul li {padding-left: 4%;background:url('../img/service-pages/bg-list-services.png') 0;background-repeat: no-repeat;color:#fff;font-size: 25px;font-family: "Aller";}

.content-service-general ul li.last-list {background:none}

.content-service-general ul {margin-left:20%;margin-top: 6%;}

.colun-rapid {margin-top:5%}

.colun-managed-security {margin-top: 9%;}

.colun-outsourcing {margin-top: 13%;margin-left: 4%;}

/*end*/

/* -- css page contact -- */

.contact-page {background:url('../img/bg-contact.png') #667b82;background-repeat: no-repeat;background-position: top center;}

.centent-contact-top {margin-top: 26.5%;float:left; border-radius: 10px;background: rgba( 0, 0, 0, 0.502 );margin-bottom:30px}

.content-contact-bottom {float:left; border-radius: 10px; background: rgba( 0, 0, 0, 0.502 );margin-bottom:30px}

.content-contact-bottom form input {padding: 1.7%;margin-bottom:1.3%;

  border-style: solid;

  border-width: 1px;

  border-color: rgb( 0, 0, 0 );

  background:#8e343a;

  box-shadow: 2.5px 4.33px 5px 0px rgb( 0, 0, 0 );}

.title-contact-top {font-size: 36px; font-family: "Aller";color: rgb( 255, 255, 255 );font-weight: bold; -moz-transform: matrix( 1.003125,0,0,1,0,0);

  -webkit-transform: matrix( 1.003125,0,0,1,0,0);

  -ms-transform: matrix( 1.003125,0,0,1,0,0);}

.adress-contact {padding-left: 1%;font-size: 18px;font-family: "Aller";color: rgb( 255, 255, 255 );}

ul.reseignement-contact li {margin-bottom:3%;font-size: 18px;  font-family: "Aller";padding-left: 4%;color:#fff;background:url('../img/bg-list-contact.png');background-repeat: no-repeat;background-position: 0 4px;}

ul.reseignement-contact li span {font-size: 18px;  font-family: "Aller";color:#07af0c}

.centent-contact-top .col-md-7{border-right:1px solid #07af0c; padding-left: 4.5%;}

.content-contact-bottom form label, .content-contact-bottom form input, .content-contact-bottom form textarea{width:100%; }

.content-contact-bottom form label{padding-left: 1.5%;margin-bottom: 2%;font-size: 18px;font-family: "Aller"; color: rgb( 255, 255, 255 );font-weight: normal;font-style: italic;}

.content-contact-bottom form textarea{ border-style: solid;  border-width: 1px;border-color: rgb( 0, 0, 0 );

   background:#8e343a;  box-shadow: 2.5px 4.33px 5px 0px rgb( 0, 0, 0 ); height:155px;margin-bottom:1.3%;

 }

.centent-contact-top .col-md-5{text-align:center; margin-top:3%}

.espacement{float: left;height: 13px;width: 100%;display: block;}

.reseignement-contact {margin-top:3.5%}

.content-contact-bottom form{margin-left:3%; margin-right:2%; margin-top:1%; margin-bottom:3%}

.content-contact-bottom form a{ float:right; 

  font-size: 18px;

  font-family: "Aller";

  color: #07af0c;

  font-weight: bold;



}

.content-contact-bottom form a span {color:#fff;}

.solution-page {background:url('../img/solutions/bg-solution.png') #667b82;background-repeat: no-repeat;background-position: top center;}



.solution-page .container ul.slider-holder li .row{margin-bottom:3%;padding-left: 1%;}

#a2 .red-blok h5{color:#fff;font-size: 22px; font-family: "Aller";}

.red-blok {color:#fff;font-size: 18px; font-family: "Aller";}

.red-blok img{padding-right:2%}

.padding-row {padding-left: 5%;

padding-right: 5%;

padding-top: 2%;}

.padding-row p{margin-bottom:3%}

.slider-holder li .col-md-5  {margin-right:3%;margin-bottom: 3%;}


/*=========================
  Icons
 ================= */

.socialbtns, .socialbtns div, .socialbtns p {
    margin-top: 35px;
    padding: 0px;
}

.socialbtns p {
    list-style: none outside none;
    display: inline-block;
    float: left;
}

.socialbtns .fa {
    color: #FFF;
    width: 45px;
    height: 45px;
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    -o-border-radius: 30px;
    transition: all ease 0.6s;
    -moz-transition: all ease 0.6s;
    -webkit-transition: all ease 0.6s;
    -o-transition: all ease 0.6s;
    transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
}

.socialbtns .fa:hover {
    transition: all ease 0.6s;
    -moz-transition: all ease 0.6s;
    -webkit-transition: all ease 0.6s;
    -o-transition: all ease 0.6s;
    transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
}
.socialbtns .fa-lg {
    font-size: 26px;
    line-height: 43px;
    margin-right: 1px;
    text-decoration: none;
}

a.fa-linkedin:hover {
    background-color: #0077b5;
}
a.fa-facebook:hover {
    background-color:#3B5998;
}
a.fa-twitter:hover {
    background-color:#33ccff;
}
a.ifa-google:hover {
    background-color:#BD3518;
}
a.fa-pinterest:hover {
    background-color:#cc2127;
}
a.fa-instagram:hover {
    background-color:#3f729b;
}

/******** *****/

@media (max-width: 1419px){
.navbar-nav>li>a {
    font-size: 16px;
}
}

h2, .h2 {
    font-size: 30px;
    color: aliceblue;
}