@charset "utf-8";
/* CSS Document */

body{font-family: 'Poppins', sans-serif;}
ul,ol { padding:0px; margin:0px;}
p{text-align: justify;}
a{text-decoration: none!important;list-style-type: none!important;}

.offcanvas { position:fixed; top: 0px; left: 0px;right: 0px; bottom: 0px; z-index:99999; display:none;overflow: hidden;}
.offcanvas .offcanvas-menu { width:250px; background:#fff; position: absolute; left:-250px; top:0px; right:0px; min-height:100%; max-height:100%; overflow: hidden; overflow-y: scroll;height:100%; box-shadow:0px 0px 30px rgba(0,0,0,0.1); transition:all ease 1s; z-index:99; opacity:0;}
#menu-closer { position: absolute; top:0px; left: 0px; right: 0px; bottom:0px; display: block; background: rgba(0,0,0,0.4);}

.offcanvas.active .offcanvas-menu { animation:slideleft 0.6s alternate forwards; left:0px; opacity:1;}
@keyframes sliderleft {
    0% { left:-250px; opacity:0;}
    100% {left:0px; opacity:1;}
}
#menu-collapser i{font-size:25px;color:#FF0004;padding: 20px 0px;}
ul.navv li {text-align: center;padding: 15px 0px;list-style-type: none;}
ul.navv li a{color:#000;font-size:14px;font-weight: 500px;text-decoration: none;}
ul.navv li a:hover{color:#e5332e;}
.navv li a.active{color:#e5332e !important;}
#menu-collapser{display:none;}
.bg-light{background:#fff !important;padding: 15px 0px;-webkit-box-shadow: 2px -7px 38px 12px rgba(0,0,0,0.1);
          -moz-box-shadow: 2px -7px 38px 12px rgba(0,0,0,0.1);
          box-shadow: 2px -7px 38px 12px rgba(0,0,0,0.1);}
.nav-1 .bg-light{ position: absolute;z-index: 11;right: 0px;left: 0px;}
.navbar-2{padding:0px 0px!important;}
.logo{padding-right: 24px;border-right: 1px solid #ebebeb;float: left;}
.language a{text-decoration:none;font-size:16px;font-weight:500;color:#e5332e ;float: right;padding: 19px 0px;    margin-right: 20px;}
.language a:hover{color:#999b9a;}
ul.navbar-2 li{display: inline-block;list-style-type: none;padding: 19px 10px;}
ul.navbar-2 li a{font-size:12px;font-weight:500;color:#000 ;text-decoration: none;font-family: 'Ubuntu', sans-serif;}
.navbar-2 li a.active{color:#e5332e !important;}
ul.navbar-2 li a:hover{color:#e5332e;}
.navbar-2 li a.active{color:#e5332e;}
.pp-4{padding-right: 0px;}
.banner-wrap{overflow: hidden;position: relative;}
.banner-wrap .overlay {
    position: absolute;z-index: 9;
    top: 0;
    left:0px;
    width: 38%;
    height: 100%;
    background:linear-gradient(#45d9e380, #21809478);
}
.banner-content {position: absolute;top:50%;left:0px; right:0px; transform: translateY(-50%); color:#fff;z-index: 999;}
.banner-content h2{font-size:48px; font-weight:300;color:#fff;font-family: 'Ubuntu', sans-serif;padding-bottom: 30px;}
.banner-content h2 span{font-size:22px ; font-weight:500 ;color:fff;letter-spacing:3px ;line-height: 31px;font-family: 'Ubuntu', sans-serif; display: block;}
.button {padding: 14px 55px;font-size:16px ;font-weight:700;color:#e5332e ;background:#fff;font-family: 'Ubuntu', sans-serif;text-decoration: none;border-radius: 50px;display: inline-block;}
.button:hover{color:#fff ;background:#e5332e;transition:all ease 2s;}
.serve-1{overflow: hidden;position: relative;}
.serve-1 img{width: 100%;}
.gap-1{padding: 0px;}
.serve-1 .overlay-1{position: absolute;right: 0px;left: 0px;top: 0px;background: #0000009c;opacity: 1;width: 100%;height: 100%;}
.serve-1 .overlay-2{position: absolute;right: 0px;left: 0px;top: 0px;background: #e13832b0;opacity: 1;width: 100%;height: 100%;}
.serve-head-1{position: absolute;top:50%;left: 0px;right: 0px;transform: translateY(-50%);text-align: center;transition: all ease 2s;}
.serve-head-1 h2{color:#fff;font-size:25px ;font-weight:500 ;font-family: 'Ubuntu', sans-serif;}
.btn-3{background:#000;color:#fff;}
.btn-3:hover{background:#fff;color:#e5332e;}
.serve-head-1 .button { opacity:0; transform: translateY(100%);transition:all ease 2s;}
.serve-1:hover .button{opacity:1;transform: translateY(0);}

.about-wrap{background: url(../images/about_02.jpg) ;background-size: cover;background-repeat: no-repeat;padding: 80px 0px ;background-position: right;}
.about-anju{background: url(../images/sliiidd.jpg) ;background-size: cover;background-repeat: no-repeat;padding: 80px 0px ;background-position: right;}
.clients-wrap{padding: 40px 0 0 0;}
.about-para-1 h2{font-size:14px ;font-weight:700 ;color:#000 ;}
.about-para-1 img{padding-bottom: 25px;}
.about-para-1 p{font-size:14px ;font-weight:400 ;color:#878787 ;line-height:28px;padding-bottom: 15px;}
.btn-1{background:#e5332e;color: #fff;}
.btn-1:hover{background:#000;color:#fff;}
.looking-wrap{background:#fff;padding: 80px 0px;}
.looking-box-1{padding: 35px 10px 35px 30px;background-image: url(../images/looking-box-1_03_03_03_07.jpg);background-size:cover;background-repeat: no-repeat;background-position: right;margin-bottom: 10px;-webkit-box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.75);
               -moz-box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.75);
               box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.75);height: 233px;}
.looking-box-1 h2{font-size: 18px;font-weight: 500;color:#000;padding-bottom: 5px;font-family: 'Ubuntu', sans-serif;}
.looking-box-1 p{font-size:14px ;font-weight:400 ;color:#878787;line-height: 28px;margin: 0px;padding-bottom: 20px;}
.looking-box-2{padding: 35px 10px 35px 10px;background-image: url(../images/looking-box-203_07_07.jpg);background-size:cover;background-repeat: no-repeat;background-position: left;position: relative;-webkit-box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.75);
               -moz-box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.75);
               box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.75);height: 233px;}
.looking-box-2 h2{font-size: 18px;font-weight: 500;color:#000;padding-bottom: 5px;font-family: 'Ubuntu', sans-serif;}
.looking-box-2 p{font-size:14px ;font-weight:400 ;color:#878787;line-height: 28px;margin: 0px;padding-bottom: 20px;}
.looking-3{margin-left: 50%;}
.enquairy{background-image: url(../images/enquariry_07.jpg);background-size: cover;background-position: center;background-repeat: no-repeat;padding: 40px 25px;overflow: hidden;    min-height: 370px;}
.enquairy input{width:100%;padding: 10px 20px;border:2px solid #fff;font-size: 14px;font-weight:400 ;color:#fff;background: #fff0;box-sizing:border-box;outline: none;}
.enquairy input::placeholder{color:#fff;font-size:14px;font-weight: 700;}
.enquairy textarea::placeholder{color:#fff;font-size:14px;font-weight: 700;}
.form-gp{width:50%;float: left; padding: 5px 5px ;box-sizing: border-box;    position: relative;}
.form-gp-1{width:100%;float: left; padding: 5px 5px ;box-sizing: border-box;    position: relative;}
.enquairy textarea{width: 100%;padding: 44px 20px;border:2px solid #fff;font-size: 14px;font-weight:400 ;color:#fff;background: #fff0;outline: none;}
.enquairy h2{font-size:24px;font-weight:500;color:#fff;font-family: 'Ubuntu', sans-serif;padding:0px 0px 30px 5px;margin: 0px;}
.btn-2{float: right;font-size:16px ;font-weight:500 ;background-color:#000;font-family: 'Ubuntu', sans-serif;color:#fff;border:2px solid #fff;margin-top: 20px;}

.footer-wrap{background-color:#000;padding: 50px 0px;}
.ico-1{float: left;position: absolute;top:50%;left: 0px;transform: translateY(-50%);}
.adress{position: relative;}

.add{/* padding-left:100px; */}
.add h2{font-size:18px;font-weight:700;color:#fff;}
.add p {font-size: 15px;font-weight:300 ;color:#fff;line-height: 30px;}
.add p a{font-size:16px ;font-weight:300 ;color:#fff;margin: 0px;padding-bottom: 20px;}
.add p a:hover{color:#e5332e;}
.foot-serve{padding: 0px;/* float: left; *//* width: 50%; */}
ul.foot-serve li{display: block;list-style-type: none;text-decoration: none;}
ul.foot-serve li a{display: block;font-size: 15px;font-weight:400 ;color:#fff;line-height: 40px;list-style-type: none;}
ul.foot-serve li a:hover{color:#e5332e;}
ul.foot-serve li i{margin-right: 10px;color:#fff;font-size: 14px;}

ul.foot-certificates {padding: 10px;display: block;background-color: #fff;list-style: none;margin-bottom: 40px;}
ul.foot-certificates li{width: 25%;float: left;padding: 1px;}
ul.foot-certificates li img{padding: 0px;width: 90%;height: auto;margin: auto;display: block;}

.foot-info-1{padding: 0px;/* float: left; *//* width: 50%; */}
ul.foot-info-1 li{display: block;text-decoration: none;list-style-type: none;font-size:14px ;font-weight:400 ;}
ul.foot-info-1 li a{display: block;font-size: 15px;font-weight:400 ;color:#fff;line-height: 40px;list-style-type: none;}
ul.foot-info-1 li a:hover{color:#e5332e;}
ul.foot-info-1 li i{margin-right: 10px;color:#fff;font-size: 15px;}
.foot-rights{padding: 15px 0px;background-color:#383838;}
.foot-rights h2{text-align: center;font-size:11px ;font-weight:500 ;color:#fff ;font-family: 'Ubuntu', sans-serif;margin: 0px;}
ul.social-network {
    list-style: none;
    display: inline;
    /* margin-left:20%; */
    padding: 0;
}
ul.social-network li {
    display: inline;
    margin: 0 5px;
}


/* footer social icons */

.social-network a.icoFacebook {
    background-color:#3B5998;
}
.social-network a.icoTwitter{
    background-color:#33ccff;
}


.social-network a.icoLinkedin{
    background-color:#007bb7;
}
.social-network a.icoInstagram{
    background-color:#dc3545;
}

.social-network a.icoRss:hover i, .social-network a.icoFacebook:hover i, .social-network a.icoTwitter:hover i,
.social-network a.icoGoogle:hover i, .social-network a.icoVimeo:hover i, .social-network a.icoLinkedin:hover i {
    color:#fff;
}
a.socialIcon:hover, .socialHoverClass {
    color:#44BCDD;
}

.social-circle li a {
    display:inline-block;
    position:relative;
    margin:0 auto 0 auto;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    border-radius:0px;
    text-align:center;
    width: 50px;
    height: 50px;
    font-size:20px;
}
.social-circle li i {
    margin:0;
    line-height:50px;
    text-align: center;
}

.social-circle li a:hover i, .triggeredHover {
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -ms--transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
}
.social-circle i {
    color: #fff;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -o-transition: all 0.8s;
    -ms-transition: all 0.8s;
    transition: all 0.8s;
}


.about-wrap-1{padding: 30px 0px;position: relative;}
.about-slide-box{background-color:#536379;height: 290px;padding: 30px 0px; }
.about-box-right{position: absolute;right: 15px;background: #ffffffed;width:480px;z-index: 111;-webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.05);
                 -moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.05);
                 box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.05);padding: 60px 30px 60px 40px;top:50%;transform: translateY(-50%)}
.about-box-right h2{font-size:36px ;font-weight:700;color:#000;font-family: 'Ubuntu', sans-serif;margin: 0px;}
.about-box-right p{font-size:18px ;font-weight:500;color:#e13931;letter-spacing: 2px;margin: 0px;}
.about-wrap-1:after{content: '';width:50%;bottom:60px;position: absolute;left: 0px;background: #54647a;top:60px;}
.z-1{z-index: 99;}
.about-box-right img{position: absolute;top:15px;right: 15px;  animation: ball 300ms cubic-bezier(0.165, 0.840, 0.440, 1.000) infinite alternate;
                     animation-delay: 0;}


@keyframes ball {
    0%{transform: translateY(0px);}
    100% {transform: translateY(-5px);}
}




.about-inner-banner{padding: 28px 0px 40px 0px;background: #fff;position: relative;}
.about-banner-head h2{font-size:24px;font-weight:500;color:#000;font-family: 'Ubuntu', sans-serif;margin: 0px;padding-bottom: 30px;}
.about-inner-para-1 p{font-size:14px;font-weight:400;color:#878787;margin: 0px;line-height: 28px;}
.p-1{padding-right: 0px;}
.about-inner-banner:after{content: '';position: absolute;right: 0px;top:28px;min-height: 300px; width:33%;background:#000;}

.about-whypro-wrap{padding: 60px 0px;background-image: url(../images/aboutus-whypro_02.jpg) ;background-size: cover;background-position: right;background-repeat: no-repeat;}
.whypro-head h2{font-size: 24px;font-weight:500 ;color:#fff;font-family: 'Ubuntu', sans-serif;text-align: center;margin: 0px;padding-bottom: 30px;}
.whypro-head p{font-size: 14px;font-weight:400 ;color:#fff;margin: 0px;padding-bottom: 30px;line-height: 28px;}
.whypro-para-1 p { margin: 0px 0px;}
.whypro-para-1 p span{font-size:14px ;font-weight:400 ;color:#fff;line-height: 28px;display: block;overflow: hidden;}
.whypro-para-1 p i{color:#fff;font-size:20px;margin-right: 20px;float: left;margin-top: 3px;}

.about-ceo-wrap{padding: 135px 0px 40px 0px;background-color:#f0f0f0;position: relative;}
.ceo-img img{float: left; margin: 0px 30px 30px 0px;}
.ceo-para-1 h2{font-size:22px ;font-weight:500 ;color: #000;font-family: 'Ubuntu', sans-serif;margin: 0px;padding-bottom: 30px;}
.ceo-para-1 p{font-size:14px ;font-weight:400 ;color: #000;margin: 0px;padding-bottom: 30px;line-height: 28px;}
.about-ceo-wrap:after{content: '';position: absolute;left: 0px;top: 0px;background-image: url(../images/aboutus-ceo-round_03.png);background-repeat: no-repeat;width: 740px;min-height:410px;}

.about-vision-wrap{background:#000;position: relative;}
.about-vision-wrap:after{content: '';position: absolute;top: 0px;left: 0px;width:42%;background-image: url(../images/aboutus-vision_02.jpg);background-size:cover;background-repeat: no-repeat;bottom: 0px;background-position: center bottom;}
.about-vision{padding: 40px 10px;}
.about-vision h2{font-size:24px;font-weight:500;color:#fff;margin: 0px;padding-bottom:10px;font-family: 'Ubuntu', sans-serif;}
.about-vision p{font-size:14px;font-weight:400;color:#fff;margin: 0px;padding-bottom: 30px;line-height: 28px;}
.about-mision{background: #fff;position:absolute;top:-30px;bottom:-30px;left: 0px; right: 0px;-webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.08);
              -moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.08);
              box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.08);z-index: 9;}
.about-mision h2{font-size:24px;font-weight: 500;color: #000;text-align: center;font-family: 'Ubuntu', sans-serif;margin: 0px;padding-bottom:15px;}
.about-mision p{font-size:14px;font-weight: 400;color: #000;text-align: center;line-height: 28px; margin: 0px;}
.about-mision div { position:absolute; top:50%; transform: translateY(-50%); left: 0px; right: 0px;padding:0px 30px;}
.pp-2{position: relative;}
.our-core{padding: 40px 0px 0px 0px;}
.our-core h2{font-size:24px ;font-weight:500 ;color: #fff;font-family: 'Ubuntu', sans-serif;margin: 0px;padding-bottom:10px;}
.core-list{padding: 0px 0px 30px;}
ul.core-list li{font-size: 14px;font-weight: 400;color:#fff;line-height: 30px;display: block;text-decoration: none;list-style-type: none;}
ul.core-list li i{color:#e23931;font-size:20px;margin-right: 20px;}


.about-team-wrap{padding: 100px 0px 50px 0px;background:#fff;position: relative;}
.about-team-wrap:after{content: '';position: absolute;top:0px;left:0px;bottom: 0px;width:35%;background:#dddddd;}
.about-team-para h2{font-size:24px ;font-weight:500 ;color: #000;font-family: 'Ubuntu', sans-serif;margin: 0px;padding-bottom:10px;}
.about-team-para p{font-size:14px;font-weight: 400;color: #000;line-height: 28px;margin: 0px;}

.talentsacquisition-wrap{padding: 0px 0px 0px 0px;background: #fff;position: relative;}
.pp-1{padding: 0px;}
.talent-1 h2{background: #e23c34;color:#fff;padding: 15px 0px 15px 41%;margin: 0px;font-size:24px;font-weight: 500;font-family: 'Ubuntu', sans-serif;}
.talentsacquisition-head h2{font-size:24px ;font-weight:500 ;color: #fff;font-family: 'Ubuntu', sans-serif;margin: 0px;background: #e23c34;padding: 15px 0px 15px 30px;}
.talent-img{background-image: url(../images/service-img-1_02.jpg);background-repeat: no-repeat;background-size:cover;height: 600px;background-position: center; }
.pp-3{margin: 0px;}
.talent-box{padding: 4% 35% 1% 1%;}
.talent-box h2{font-size:24px ;font-weight:500 ;color: #000;font-family: 'Ubuntu', sans-serif;margin: 0px;padding-bottom:20px;}
.talent-box p{font-size:14px;font-weight: 400;color: #000;line-height: 28px;margin: 0px;padding-bottom:35px;}

.Emiratization-wrap{padding: 0px 0px 0px 0px;background:#f4f4f4;}
.emiratization-head h2{padding: 15px 30px;background:#e23c34;font-size:24px ;font-weight:500 ;color: #fff;font-family: 'Ubuntu', sans-serif;margin: 0px;}
.emirates-img{background-image: url(../images/service-serv-2_03.jpg);background-repeat: no-repeat;background-size:cover;height: 270px;background-position: center; }
.emirates-img-1{background-image: url(../images/service-serv-2_03.jpg);background-repeat: no-repeat;background-size:cover;height: 270px;background-position: center;display: none; }
.talent-box-2{padding:10% 1% 1% 35%;}
.talent-box-2 p{font-size:14px;font-weight: 400;color: #000;line-height: 28px;margin: 0px;padding-bottom:35px;}

.consultancy-wrap{padding: 0px 0px 0px 0px;}
.consultancy-1 h2{background: #e23c34;color:#fff;padding: 15px 0px 15px 41%;margin: 0px;font-size:24px;font-weight: 500;font-family: 'Ubuntu', sans-serif;}
.consultancy-img{background-image: url(../images/service-serv-3_02.jpg);background-repeat: no-repeat;background-size:cover;height: 500px;background-position: center; }
.consultancy-box{padding: 4% 35% 1% 1%;}
.consultancy-box p{font-size:14px;font-weight: 400;color: #000;line-height: 26px;margin: 0px;padding-bottom:35px;}
.consultancy-list{padding: 0px;}
ul.consultancy-list li{list-style-type: none;line-height: 30px;text-decoration: none;display: block;font-size:14px;font-weight: 400;color: #000;margin: 0px;}
ul.consultancy-list li i{font-size:20px;color:#e23c34;margin-right: 15px;}

.training-wrap{padding: 0px 0px 0px 0px;background: #f6f6f6;}
.training-head h2{padding: 15px 30px;background:#e23c34;font-size:24px ;font-weight:500 ;color: #fff;font-family: 'Ubuntu', sans-serif;margin: 0px;}
.training-img{background-image: url(../images/service-serv-4_03.jpg);background-repeat: no-repeat;background-size:cover;height: 400px;background-position: center; }
.training-img-1{display: none; background-image: url(../images/service-serv-4_03.jpg);background-repeat: no-repeat;background-size:cover;height: 400px;background-position: center;}
.training-box-2{padding:10% 1% 1% 35%;}
.training-box-2 p{font-size:14px;font-weight: 400;color: #000;line-height: 28px;margin: 0px;padding-bottom:35px;}

.manpower-wrap{padding: 0px 0px 0px 0px;}
.manpower-1 h2{padding: 15px 0px 15px 41%;background:#e23c34;font-size:24px ;font-weight:500 ;color: #fff;font-family: 'Ubuntu', sans-serif;margin: 0px;}
.manpower-img{background-image: url(../images/service-ser-5_02.jpg);background-repeat: no-repeat;background-size:cover;height: 350px;background-position: center;}
.manpower-box{padding:10% 35% 1% 1%;}
.manpower-box p{font-size:14px;font-weight: 400;color: #000;line-height: 28px;margin: 0px;}

.sector-wrap{padding: 0px 0px 0px 0px;background: #f6f6f6;}
.sector-1 h2{padding: 15px 30px;background:#e23c34;font-size:24px ;font-weight:500 ;color: #fff;font-family: 'Ubuntu', sans-serif;margin: 0px;}
.sector-img{background-image: url(../images/service-sector_03.jpg);background-repeat: no-repeat;background-size:cover;height: 400px;background-position: center;}
.sector-img-1{display: none;background-image: url(../images/service-sector_03.jpg);background-repeat: no-repeat;background-size:cover;height: 550px;background-position: center;}
.sector-box-2{padding:4% 1% 1% 35%;}
.sector-box-2 p{font-size:14px;font-weight: 400;color: #000;line-height: 28px;margin: 0px;padding-bottom:35px;}
ul.sector-list li{list-style-type: none;line-height: 30px;text-decoration: none;display: block;font-size:14px;font-weight: 400;color: #000;margin: 0px;}
ul.sector-list li i{font-size:20px;color:#e23c34;margin-right: 30px;}

.map-wrap{height:450px;background:#ccc;}
.enquairy-wrap{height: 650px;background:#56667c;position: relative;}
.contact-1{background:#fff;padding: 30px 0px;min-height: 400px;}
.contact-1 h2{font-size:24px ;font-weight:500 ;color: #000;font-family: 'Ubuntu', sans-serif;margin: 0px;padding: 0px 40px;}
.mess-icon img{position: absolute;top:30px;right: 40px;}
.cont-form{padding: 15px 25px;}
.relative{width: 50%;float: left;padding: 0px 20px;     position: relative; z-index: 99;}
.cont-form input{border: 0px none;border-bottom: 1px solid #ccc;margin-bottom: 10px;padding: 15px 0px;color:#000;width:100%; background: #fff0;outline: none;font-size:16px;}
.cont-form input::placeholder{color:#ccc;}
.relative-1{width: 100%;padding: 0px 20px;}
.relative-a{width: 100%;position: relative;}
.cont-form textarea{border: 0px none;border-bottom: 1px solid #ccc;margin-bottom: 30px;padding: 15px 0px 40px 0px;color:#000;width:100%; background: #fff0;outline: none;font-size:16px;}
.cont-form select{border: 0px none;border-bottom: 1px solid #ccc;margin-bottom: 10px;padding: 15px 0px;color:#000;width:100%; background: #fff0;outline: none;font-size:16px;}
.con{position: absolute; left: 0px;right: 0px; top: -100px;}
.cont-form textarea::placeholder{color:#ccc;}
.cont-form {text-align: center;}
.contact-2{background-image: url(../images/contact-img_03.jpg);background-size: cover;background-repeat: no-repeat;padding: 208px 55px;}
.contact-2 h2{font-size:24px ;font-weight:500 ;color: #fff;font-family: 'Ubuntu', sans-serif;margin: 0px;padding-bottom: 20px;text-align: center;}
address a:hover{color:#e5332d;}
address{font-size:14px;font-weight: 400;color:#fff;line-height: 25px;padding-left: 30px;margin: 0px;}
address i{background: #fff;font-size: 14px;color:#e5332d;padding: 9px;border-radius: 50%;width: 30px;height: 30px;text-align: center;margin-right: 20px;}
address a{color:#fff;text-decoration:none;line-height: 45px;}


.about-overview img{float: right;margin: 0px 0px 30px 30px;}
.about-team-img img{float: left;margin: 0px 30px 50px 0px;}
.btn-4{border:none;outline: none;}
.cu-alert { position: absolute; top:30%; right: 20px; font-size:11px;font-style:normal;font-weight:600; color:#d32c2c;display:block;}
.cu-alert2 {  right: 40px;}
.cu-alert-1 { position: absolute; top:35%; right: 10px; font-size:11px;font-style:normal;font-weight:600; color:#d32c2c;display:block;}
.cu-alert-3 { position: absolute; top:65%; right: 6%; font-size:11px;font-style:normal;font-weight:600; color:#d32c2c;display:block;}
.relative-3{width: 50%;float: left;padding: 5px 5px ;    position: relative;}
.relative-4{width: 100%;float: left;padding: 5px 5px ;    position: relative;}

.career-wrap {padding: 28px 0px 58px 0px; background: #fff;}
.career-head-1 h2 {font-size: 24px; font-weight: 500;
                   color: #000; font-family: 'Ubuntu', sans-serif;margin: 0px;padding-bottom: 30px;}
.career-head-1 p{font-size:14px;font-weight: 400;color: #000;line-height: 28px;margin: 0px;padding-bottom: 40px;}
.career-contact{width:80%;padding: 30px 15px;background: #fff;-webkit-box-shadow: 0px 0px 20px -4px rgba(0,0,0,0.11);
                -moz-box-shadow: 0px 0px 20px -4px rgba(0,0,0,0.11);
                box-shadow: 0px 0px 20px -4px rgba(0,0,0,0.11);margin: 0px auto;}
.relate-1 { width: 50%; float: left;padding: 0px 20px;position: relative;z-index: 99;}
.relate-3 { width: 50%; float: left;padding: 0px 20px;position: relative;}
.relate-4 { width: 100%; float: left;padding: 0px 20px;}
.relate-2 { width: 100%; padding: 0px 20px; position: relative; float: left;}
.career-contact input{    border: 0px none;border-bottom: 1px solid #ccc;margin-bottom: 10px; padding: 15px 0px;color: #000;width: 100%; background: #fff0;outline: none;font-size: 16px;}
.career-contact textarea{ border: 0px none;border-bottom: 1px solid #ccc;margin-bottom: 10px; padding:25px 0px;color: #000;width: 100%; background: #fff0;outline: none;font-size: 16px;}
.btn-5 {font-size: 16px;font-weight: 500;background-color: #000;font-family: 'Ubuntu', sans-serif;color: #fff;border: 2px solid #fff; margin-top: 20px;}
/*****************************************
  upload button styles
******************************************/
.file-upload {position: relative;display: inline-block;padding-left: 20px;}
.file-upload__label { display: block; padding:14px 45px; color: #fff;background: #737373;font-size:18px;font-weight: 500;margin-top: 20px;font-family: 'Ubuntu', sans-serif;border-radius: 50px;transition: background .3s;}
.file-upload__input { position: absolute;   left: 0;  top: 0;  right: 0; bottom: 0; font-size: 1; width:0; height: 100%;  opacity: 0;}
.career-contact input::placeholder{color:#ccc;}
.career-contact textarea::placeholder{color:#ccc;}
.cu-alert-5 { position: absolute; top: 30%;right: 20px;font-size: 11px;font-style: normal;font-weight: 600;color: #d32c2c;display: block;}
.cu-alert-6 { position: absolute; top: 57%; right: 4%;font-size: 11px;font-style: normal;font-weight: 600;color: #d32c2c;display: block;}
.cu-alert-7 {position: absolute;top: 40%;right: 4%;font-size: 11px;font-style: normal; font-weight: 600;color: #d32c2c; display: block;}
.cu-alert-8 { position: absolute; bottom: 3%;left: 20%;font-size: 11px;font-style: normal;font-weight: 600;color: #d32c2c;display: block;}
.cu-alert-10 { position: absolute; top: 25%;right: 25px;font-size: 13px;font-style: normal;font-weight: 600;color:#68190c;display: block;}
.cu-alert10 {right: 40px;}
.cu-alert-11 { position: absolute; top: 58%;left: 25%;font-size: 13px;font-style: normal;font-weight: 600;color:#f00;display: block;}
.cu-alert-12 { position: absolute; top: 47%;left: -22%;font-size: 13px;font-style: normal;font-weight: 600;color:#f00;display: block;}
.cu-alert-20 { position: absolute; bottom: 25%;right: 25px;font-size: 13px;font-style: normal;font-weight: 600;color:#3e3b33f5;display: block;}
.cu-alert-14 { position: absolute; top: 30%;right: 55px;font-size: 11px;font-style: normal;font-weight: 600;color: #d32c2c;display: block;}
.cu-alert-15 { position: absolute; top: 44%;right: 55px;font-size: 11px;font-style: normal;font-weight: 600;color: #d32c2c;display: block;}
.cu-alert-16 { position: absolute; top: 59%;right: 55px;font-size: 11px;font-style: normal;font-weight: 600;color: #d32c2c;display: block;}
.cu-alert-17 { position: absolute; top: -1%; right: 36%;font-size: 11px;font-style: normal;font-weight: 600;color: #d32c2c;display: block;}


.job-wrap{padding: 30px 0px;background:#ccc;}
.job-form{text-align: center;}
.job-form input{padding:10px 15px;border:none;background: #fff;color:#515151;border-radius: 50px;outline: none; }
#namef{width:50%;}
#locality{width:30%;}
.job-form input::placeholder{font-size:13px;color:#ccc;}

.btn-6{background: #d32c2c;color:#fff;border:none;}
.btn-6:hover{background: #000;color:#fff;}
.job-list-wrap{background:#E7E7E7;padding: 30px 0px;}
.find{background: #fff;padding: 20px 30px;}
.find h2{font-size: 18px;font-weight: 500;color: #5A5A5A;font-family: 'Ubuntu', sans-serif;margin: 0px;}
.job-apply{padding:20px 30px;background: #fff;overflow: hidden; }
.job-apply p{font-size: 14px;font-weight: 400;color: #878787;margin: 0px; float: left;}
.job-apply select{float: right;font-size:14px;color:#878787;border:none;outline: none;}
.g-1{padding:0px 0px 3px 5px;}
.find-1{background: #fff;padding: 30px 30px;}
.find-1 h2 {font-size: 18px;font-weight: 500;color: #5A5A5A;font-family: 'Ubuntu', sans-serif;margin: 0px;}
.job-apply-1{padding:20px 30px 15px 30px;background: #fff;overflow: hidden; }
.job-apply-1 p{font-size: 14px;font-weight: 400;color: #878787;margin: 0px;padding-bottom: 10px;}
.job-apply-1 h2{margin: 0px;padding-bottom: 10px;}
.job-apply-1 h2 a {font-size:16px;margin: 0px;color:#000;}
.job-apply-1 ul {/* list-style: none; */font-size: 13px;padding: 10px;margin-left: 20px;}
.job-apply-1 ul li {color: #6c6767;}
.job-ex p img{margin-right: 15px;}
.job-ex p{font-size:12px;}
.job-ex ul li{display: inline-block;margin-right: 20px;}
.job-apply-1 p span{margin-right: 40px;font-size:12px;}
.btn-7{padding: 10px 45px; font-size: 14px;border:none;background:#d32c2c;color:#fff;margin-top: 15px;}
.btn-7:hover{background: #000;}
.job-share{background: #54647a;padding: 15px 30px;overflow: hidden;}
.job-share i{color:#fff;font-size:16px;margin-right: 10px;}
.job-share p{font-size: 14px;color:#fff; font-weight: 400;margin: 0px;float: left;padding-right: 30px;}
.job-share p a{font-size: 14px;color:#fff; font-weight: 400;margin: 0px;float: left;padding-right: 30px;text-decoration: none;}
.job-share p a:hover{color:#d32c2c;}

#accordian-container {width: 100%;margin: 0px auto;    background: #fff;overflow: auto;}
.snippets-accordian li {padding: 15px 20px;}
.snippets-accordian li.q {color: #050505;font-weight: bold;font-size: 14px;border-top: 1px solid #f1f1f1;border-bottom: 1px solid #f1f1f1;cursor: pointer;font-family: 'Ubuntu', sans-serif;}
.snippets-accordian li.a {color:#000;display: none;}
.snippets-accordian li.a.active{display:list-item;}
ul.snippets-accordian li i{float: right;color:#000;}
@media (max-width: 1000px) {
    #container {
        width: 85%;
    }
}

.rotate {
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);color:#FF0004!important;transition: all ease 1.2s;
}

.radio {
    padding-left: 20px;margin: 10px 0px; }
.radio label {
    display: inline-block;
    position: relative;margin: 0px;
    padding-left: 10px;font-size: 13px;
    font-weight: 400;
    color: #878787; }
.radio label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 20px;
    height: 20px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #cccccc;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out;
    transition: border 0.15s ease-in-out; }
.radio label::after {
    display: inline-block;
    position: absolute;
    content: " ";
    width: 12px;
    height: 12px;
    left: 5px;
    top: 4px;
    margin-left: -21px;
    border-radius: 50%;
    background-color: #555555;
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); }
.radio input[type="radio"] {
    opacity: 0;outline: none; }
.radio input[type="radio"]:focus + label::before {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }
.radio input[type="radio"]:checked + label::after {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1); }
.radio input[type="radio"]:disabled + label {
    opacity: 0.65; }
.radio input[type="radio"]:disabled + label::before {
    cursor: not-allowed; }
.radio.radio-inline {
    margin-top: 0; }

.radio-primary input[type="radio"] + label::after {
    background-color: #d32c2c; }
.radio-primary input[type="radio"]:checked + label::before {
    border-color: #d32c2c; }
.radio-primary input[type="radio"]:checked + label::after {
    background-color: #d32c2c; }
.a input[type="text"]{padding: 10px 10px;width: 100%;color:#535353;border:none;border-bottom: 1px solid #D3D3D3;outline: none;margin-bottom: 20px;}
.checkbox {
    padding-left: 20px;margin: 10px 0px; position: relative;}
.checkbox label {
    display: inline-block;
    position: relative;margin: 0px;    font-size: 13px;
    font-weight: 400;
    color: #878787;
    padding-left: 5px; }
.checkbox label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #cccccc;
    border-radius: 3px;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }
.checkbox label::after {
    display: inline-block;
    position: absolute;
    width: 16px;
    height: 16px;
    left: 0;
    top: 0;
    margin-left: -20px;
    padding-left: 3px;
    padding-top: 1px;
    font-size: 11px;
    color: #555555; }
.checkbox input[type="checkbox"] {
    opacity: 0; }
.checkbox input[type="checkbox"]:focus + label::before {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }
.checkbox input[type="checkbox"]:checked + label::after {
    font-family: 'FontAwesome';
    content: "\f00c"; }
.checkbox input[type="checkbox"]:disabled + label {
    opacity: 0.65; }
.checkbox input[type="checkbox"]:disabled + label::before {
    background-color: #eeeeee;
    cursor: not-allowed; }
.checkbox.checkbox-circle label::before {
    border-radius: 50%; }
.checkbox.checkbox-inline {
    margin-top: 0; }

.checkbox-primary input[type="checkbox"]:checked + label::before {
    background-color: #d32c2c;
    border-color: #d32c2c; }
.checkbox-primary input[type="checkbox"]:checked + label::after {
    color: #fff; }
.job-detail {padding: 30px 30px;background: #fff;}
.job-detail h2{font-size: 24px;font-weight: 500;color: #000;font-family: 'Ubuntu', sans-serif;margin: 0px;padding-bottom: 30px;}
.job-detail h3{font-size: 20px;font-weight: 500;color: #000;font-family: 'Ubuntu', sans-serif;margin: 0px;padding-bottom: 20px;}
.job-detail p{    font-size: 14px;font-weight: 400;color: #878787;margin: 0px;line-height: 28px;padding-bottom: 20px;}
ul.job-list-detail li p{display:block;list-style-type: none;color:#878787;margin: 0px;padding-bottom: 15px;}
ul.job-list-detail li p span{overflow: hidden;}
ul.job-list-detail li em{width:25%;font-style: normal;display:inline-block;float: left;}
ul.job-list-detail li {display:block;list-style-type: none;color:#878787;}
ul.job-list-detail{margin-bottom: 20px;}

.login-wrap{padding: 30px 0px;background-image: url(../images/logi-wrap.jpg);background-size: cover;background-repeat: no-repeat;height:800px;position: relative;}
.login-apply {padding: 40px 20px 40px 20px;background: #fff;text-align: center;}
.login-apply h2{text-align: center;font-size:20px;color:#FF0004;font-weight:700;    font-family: 'Ubuntu', sans-serif; padding-bottom: 20px;}
.login-apply img{margin-right: 20px;}
.login-box{position: absolute;top:50%;transform: translateY(-50%);}
.login-apply input{padding: 12px 10px;border:1px solid #ccc;background: #fff;width:100%;margin-bottom: 20px;}
.checkbox-55{margin: 0px;text-align: left;}
.checkbox-55 p{position: absolute;
               right: 35px;
               bottom: 23px;}
.checkbox-55 p a{    font-size: 14px;font-weight: 400; margin: 0px;}

.register-wrap {padding: 28px 0px 58px 0px; background: #fff;}
.register-contact{width:80%;padding: 30px 15px;-webkit-box-shadow: 0px 0px 20px -4px rgba(0,0,0,0.11);
                  -moz-box-shadow: 0px 0px 20px -4px rgba(0,0,0,0.11);
                  box-shadow: 0px 0px 20px -4px rgba(0,0,0,0.11);margin: 0px auto;text-align: center;background-image: url(../images/registrer.jpg);background-size:cover;background-repeat: no-repeat;}
.relate-3 { width: 50%; float: left;padding: 0px 20px;position: relative;}

.register-contact input{    border: 0px none;border: 1px solid #fff;margin-bottom: 10px; padding: 10px 15px;color: #fff;width: 100%; background: rgba(255,255,255,0);outline: none;font-size: 16px;}
.register-contact select{    border: 0px none;border: 1px solid #fff;margin-bottom: 10px; padding: 10px 15px;color: #fff;width: 100%; background: rgba(255,255,255,0) ;outline: none;font-size: 16px;}
.register-contact textarea{ border: 0px none;border: 1px solid #fff;margin-bottom: 10px; padding:25px 15px;color: #fff;width: 100%; background: rgba(255,255,255,0) ;outline: none;font-size: 16px;}
.register-contact option{color:#000;}
.register-contact input::placeholder{color:#fff;}
.register-contact textarea::placeholder{color:#fff;}
.file-upload__label-2{padding: 8px 45px;background: #fff;color:#000;}
.checkbox-66 label{color:#fff;}
.checkbox-66 a{color:#fff;}
.btn-10{
    padding: 8px 45px;
    margin-right: 5px;
    font-size: 16px;
    border: none;
    background: #e3271e;
    color: #fff;
    float: right;
    cursor: pointer;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 700;
}
.btn-11{background-color: #989a99;}
.iconns{padding: 8px 10px;transition: all ease 1.5s;}
.iconns:hover{background:#ccc;color:#000;}
.iconns i{float:none !important;color:#FF0004!important;margin-right: 20px;}
ul.snippets-accordian li a{color:#54647a;}
ul.snippets-accordian li a .active{background:#ccc;}


#accordian-container {width: 100%;margin: 0px auto;    background: #fff;overflow: auto;}
.snippets-accordian li {padding: 15px 20px;}
.snippets-accordian li.q {color: #050505;font-weight: bold;font-size: 14px;border-top: 1px solid #f1f1f1;border-bottom: 1px solid #f1f1f1;cursor: pointer;font-family: 'Ubuntu', sans-serif;}
.snippets-accordian li.a {color:#000;display: none;}
.snippets-accordian li.a.active{display:list-item;}
ul.snippets-accordian li i{float: right;color:#000;}
ul.snippets-accordian li a{color:#878787;margin: 0px;font-size: 14px;font-weight: 700;font-family: 'Ubuntu', sans-serif;}
ul.snippets-accordian li a:hover{color:#fff;}
.side-1{padding: 10px 10px;}
.side-1:hover{background: #54647a;}
.profile-wrp{background: #fff;padding: 40px 30px;}
.with{padding: 0px 20px 0px 20px ;}
.profile-wrp table{line-height: 35px;}
.profile-wrp h1{font-size:25px;color:#000 ;font-weight:bold ;font-family: 'Ubuntu', sans-serif;margin-bottom: 25px;}
.profile-edit-wrp{padding: 40px 30px;background: #fff;}

.profile-contact{width:100%;padding: 30px 15px;background: #fff;}

.profile-contact input{    border: 0px none;border-bottom: 1px solid #ccc;margin-bottom: 10px; padding: 8px 0px;color: #000;width: 100%; background: #fff0;outline: none;font-size: 16px;}
.profile-contact select{    border: 0px none;border-bottom: 1px solid #ccc;margin-bottom: 10px; padding: 15px 0px;color: #000;width: 100%; background: #fff0;outline: none;font-size: 16px;}
.profile-contact textarea{ border: 0px none;border-bottom: 1px solid #ccc;margin-bottom: 10px; padding:25px 0px;color: #000;width: 100%; background: #fff0;outline: none;font-size: 16px;}
.application-wrp{padding: 40px 30px;background: #fff;}
.application-wrp h1{font-size:25px;color:#000 ;font-weight:bold ;font-family: 'Ubuntu', sans-serif;margin-bottom: 25px; }
.snippets-accordian a { color: #050505;font-weight: bold;font-size: 14px;border-top: 1px solid #f1f1f1;border-bottom: 1px solid #f1f1f1; cursor: pointer;font-family: 'Ubuntu', sans-serif;}
.change-pass-wrp{padding: 40px 30px;background: #fff;}
ul.acc li.q:hover{background: #fccc;}
.change-pass-wrp h1{font-size:25px;color:#000 ;font-weight:bold ;font-family: 'Ubuntu', sans-serif;margin-bottom: 25px;}
.change-pass-wrp input{    border: 0px none; border: 1px solid #ccc; margin-bottom: 10px; padding: 10px 15px;color: #000; width: 100%;  background: rgba(255,255,255,0); outline: none;font-size: 16px;}
.change-pass-wrp input::placeholder{color:#ccc;}
.bt-1{margin-top: 20px;border:none;}
.profile-contact label{font-size:13px;font-weight: 500;color:#b5b5b5;margin: 0px;}
.mod-head h1{text-align: left;font-size:20px;color:#000;font-weight: 600;margin-bottom: 20px;}
.mod-head input{width:100%;padding: 8px 10px;color:#000;}
.bta{float:right;margin-top: 20px;}
.mod-head p{font-size:14px;color:#737373;margin:20px 0px 0px  0px;font-weight: 400;}
.smoothScroll {

    margin: 24px;
}
.smoothScroll i{font-size:25px;color:#fff;text-align: center;background: red;
                width:40px;height: 40px;line-height: 40px;border-radius: 50px;  
                position: fixed;
                bottom: 20px;
                right: 30px;
                z-index: 99;
                font-size: 18px;
                border: none;
                outline: none;
                background-color: red;
                color: white;
                cursor: pointer;
}
.posi{position: absolute;right: 0px;}
.relate-22 {width: 100%;padding: 0px 20px;position: relative;}
.counter-wrap {background-color: #2b2b37;padding: 40px;}
.counter-item {
    margin: 25px 0;text-align: center;
}
.counter-item h2{
    margin:15px 0 20px;
    font-size:60px;
    line-height:50px;
    text-align: center;
    color: #ffffff;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
}
.counter-item h3{
    margin:0;
    font-size:25px;
    line-height:18px;
    text-align: center;
    color: #a3a2a2;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
}