/*IOT programming css*/
@font-face {
    font-family: PNReg;
    src: url(../fonts/PN_Reg.otf);
     src: url(../fonts/PN_Reg.eot);
      src: url(../fonts/PN_Reg.woff);
       src: url(../fonts/PN_Reg.ttf);
}

body {font-family: "PNReg", Times, serif !important }

/* .nav_container {background-color: rgba(16,46,76,0.88) !important;color: #fff !important;box-sizing: border-box;min-height: 54px !important;margin: 0 !important}
.nav>li>a:focus, .nav>li>a:hover {text-decoration: none;background-color: inherit;}
.active {background-color:#5f89ab;border-bottom:1px solid #fff;}
.navbar-toggle .icon-bar {background-color: #fff;}
.navbar-brand img {width: 70%;margin-top: -5px;}
.nav_container .navbar-nav li a {color: #fff;transition: all 0.2s ease-in-out}
.nav_container .navbar-nav li:hover a {color: #fff;border-bottom:2px solid #fff;background-color: #263a4a; }
.navbar-header button span {color: #fff !important} */
.navbar{position: fixed !important; width: 100%;z-index: 100;}
.navbar-form .form-control {display: inline-block;width: 285px !important;vertical-align: middle;}
.nav-link{ border: none; outline: none;  color:#004eff; padding: 10px 16px; cursor: pointer;}
.active,.nav-link:hover{background-color: #004eff !important;}
.nav-link:visited{background-color: #00a65f;}

.banner_section {position: relative;
   height: 600px;width: auto;
	background: url(../img/banner-1.jpg) no-repeat center fixed; 
    background-size: cover;}
/* .banner_section img{
    width: 100%;
    height: 100%;
    z-index: -10;
    position:absolute;
}
.banner_section h1,h2{
    z-index: 100;
} */
.text_IOT_header {text-align: center;width: 100%;padding-top: 130px;color: #1264DF}
.text_IOT_header h3 {font-size: 33px;font-weight: normal;}
.text_IOT_header h1 {font-size: 53.33px;font-weight: bold;}
.blk_overlay_bnr_section {width: 100%;height: 280px; background-color:rgba(0,0,0,0.7);position: absolute;bottom: 0;text-align: center;color: #fff;padding-top: 30px}
.blt_txt {padding-top: 15px}
.blk_overlay_bnr_section h1{font-size: 53.33px;font-weight: lighter;float: left;margin-top: 6px;margin-right: 20px}
.blk_overlay_bnr_section p {font-size: 35px;font-weight: lighter;float: left;width: 100%}
.blk_overlay_bnr_section h5 {font-size: 28px;font-weight: lighter;line-height: 35px;clear: both}
.blt_txt h1 {width: 100%;text-align: center;}


/*IOT_desc*/
.IOT_Desc {position: relative;height: 600px;width: auto;background: url(../img/hands_image.jpg) no-repeat center; background-size: cover;margin-top: -30px}
/* .IOT_Desc img{ position: absolute; width: max-content; height: 600px;} */
.IOT_defntn {position:relative;width: 420px;height: 600px;background-color: #139f98;margin-left: 20px;background-color: rgba(24,171,166,0.8);}
.IOT_defntn .txt {position: absolute;top: 50%;transform: translateY(-50%);padding: 55px;color: #fff;font-size: 18px} 

/*service blk*/

.services_blk {width: 100%;height: 600px;background-color: #fff;text-align: center}
.services_blk h2 {margin-top: 30px;margin-bottom: 45px}
.service_contain {width: 100%;max-width: 1170px;min-height: 420px;margin-left: 50%;transform: translateX(-50%);}
.services_all {width: 20%;padding: 0 20px;background-color: #fff;min-height: 360px;float: left;text-align: left;}
.services_all h3 {margin-top: 35px;font-size: 22px}
.hands_circle h3 {color: #00a65f}
.sensor_circle h3 {color: #009cbf}
.comptr_circle h3 {color: #775f95}
.gear_circle h3 {color: #d37c28}
.hands_2_circle h3 {color: #27cdc3}
.services_all a:hover,.services_all a:focus,.services_all a:link{list-style: none;text-decoration: none;}
.services_all p {color: #000}

/*
form banner */

.form_banner {position: relative;height: 600px;width: auto;background: url(../img/form_banner.jpg) no-repeat center; background-size: cover;margin-top: -70px;clear: both;}
/* .form_banner img{width: 100%; position: absolute; height: 600px;} */
.form_contact_us {width: 400px;position: absolute;margin-right: 20px;background-color: #d88431;height: 600px;right: 0;background-color: rgba(218,136,57,0.85)}
.form_contact_us {text-align: center;color: #fff;padding: 35px;box-sizing: border-box;overflow: hidden}
.form_contact_us img {float: left;width: 12%; margin-left: 30px}
.form_contact_us button {width: 100%;background-color: #27cdc3;color: #fff;border: none;height: 45px}
.form_contact_us button:hover {width: 100%;background-color: #20a79f;color: #fff}
.social_links i{padding-left: 10%;padding-top: 5%;transform: translateX(-50%);}


/*footer*/
.IOT_footer {min-height: 120px;background-color: #000;padding: 30px 0;}
.footer_links {width: 34%; float: left;}
.IOT_footer a {float: left;list-style: none;margin-left: 20px;color: #fff}
.IOT_footer a:hover {color: #f7f7f7}
.IOT_footer p {color: #fff;margin-left: 40px !important;width: auto;float: left}
.IOT_footer p a {color: #fff}
.social_links_footer {width: 20%;float: right;min-height: 40px}
.social_links_footer a {float: left;width: 12%; margin-left: 30px}
.social_links_footer a img {width: 80%}
.form_contact_us h2 {font-weight: lighter;}
.form-group button{margin-top: 20px;}


/*-------about us-----------*/
.mrg49 {margin-left: 49% !important}
.broder_box {border: 2px #999999 dashed;height: auto;width: 100%}
.banner_section_abtUs {position: relative;
   height: 500px;width: auto;
	background: url(../img/abt_bannr.png) no-repeat center fixed; 
    background-size: cover;}

.blt_txt_2 {text-align: center;}
.blk_overlay_bnr_section_2 {width: 100%;height: 280px;position: absolute;bottom: 0;text-align: center;color: #fff;padding-top: 30px}
.blk_overlay_bnr_section_2 li {float: left;list-style: none;}
.brdcmb {width: 270px;
    transform: translateX(-50%);
    margin-left: 50%;
    font-size: 22px;}
.Engineering_ftr {width: 100%;background-color: #fff;padding: 65px}
.read_more {float: right;list-style: none}

.ldrshp {position: relative;
   min-height: 364px;width: auto;
	background: url(../img/banr_2.png) no-repeat center fixed; 
    background-size: cover;
text-align: center;color: #fff;padding-top: 50px !important;box-sizing: border-box;}

.ldrshp h3 {width: 50%;margin-left: 50%;transform:translateX(-50%);margin-top: 20px;line-height: 25px; text-align:justify}
.service_contain_abt {width: 100%;min-height: 300px;padding: 30px 10px;overflow: auto;}
.services_all_abt {
    width: 20%;
    padding: 0 20px;
    background-color: #fff;
    min-height: 235px;
    float: left;
    text-align: center;
    color: #3c3c3c !important;
}
.services_blk_abt {
    width: 100%;
    /* height: 600px; */
    background-color: #fff;
    text-align: center;
    padding: 20px;
}
.services_all_abt h4,.services_all_abt h5 {color: #3c3c3c}
.services_all_abt h4:hover,.services_all_abt h5:hover {color: #3c3c3c;border: none;}
.brdcmb li a {color: #fff}
.brdcmb li:first-child{margin-right: 20px;}
.rd_brd a {color: #fd3333 !important}


/*services section*/
.grn {border: 2px dashed #00a65f !important}
.violt {border: 2px dashed #775f95 !important}
.yllo {border: 2px dashed #d37c28 !important}
.skybl {border: 2px dashed #009cbf !important}
.lghtgrn {border: 2px dashed #27cdc3 !important}


.banner_section_srvs {position: relative;
   height: 500px;width: auto;
	background: url(../img/services_banner.png) no-repeat center fixed; 
    background-size: cover;
background-position: 0 -100px}

.row {margin: 0 !important}
.all_services {width: 100%;padding-top: 135px}
.each_service {background-color: #fff;height: 550px;padding: 15px;box-sizing:border-box;text-align: center;}
.padding_box {width: 100%;border: 1px dashed #004eff; min-height: 400px !important;
    padding: 20px;
    max-height: 600px;
}
.each_service img {margin-top: -75px}
.padding_box p {text-align: justify;}
.padding_box li {float: right;text-decoration: none;list-style: none; margin-top: 15px;}

.box-height{
        position: relative;
    display: -webkit-box;
    -webkit-line-clamp: 9;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: auto;
    margin: 0;
    }


.our_apprch{
    position: relative;
    min-height: 364px;
    width: auto;
    background: url(../img/sprt_img_2.png) no-repeat center fixed;
    background-size: cover;
    text-align: center;
    color: #fff;
    padding-top: 100px;
    box-sizing: border-box;
}


.free_quote {width: 100%;padding: 50px;margin-bottom: 40px}
.free_quote .rqst {border: 1px dashed #7c7c7c;height: auto;padding: 30px;text-align: center;}






/*contacts css*/

.banner_section_contacts {position: relative;
  height: 500px;width: auto;
background: url(../img/contact_banner.png) no-repeat center fixed; 
   background-size: cover;}


.qout_details {background-color: #fff;min-height: 400px;overflow: auto;padding: 40px;box-sizing: border-box;}
.rqt_txt {background-color: #ececec;padding: 10px;box-sizing: border-box;}
.rqt_txt h2{color: #b91717}
.frm_rqst {margin-top: 20px}
.frm_rqst button {width: 200px}
.rqst_contct ul li{list-style: none;line-height: 40px;font-size: 16px}
.carrs li{padding: 0;margin-bottom: 20px}
.carrs li h4 ,.carrs li p, .carrs li a{margin: 0}
.wrld_map {height: 485px;width: 100%;}

.row{margin: 0 !important}

.wrld_img {position: relative;
  height: 450px;width: auto;
background: url(../img/world_img.png) no-repeat center; 
   background-size: cover;}

.our_clnts {position: relative;margin-top: 20px;
  height: 400px;width: auto;
background: url(../img/our_clnts_bnnr.png) no-repeat center; 
   background-size: cover;}

.clints_img {width: 100%;height: auto;background-color: #fff;padding: 20px;box-sizing: border-box;}
.clints_img ul li {list-style: none;text-align: center;margin-top: 25px}
.cler {clear: both;}
.clints_img ul {padding: 0}

.des_no {display: none;}

@media (max-width: 767px){
.frm_rqst button {float: left !important;}
.rqst_contct {padding: 0 !important}
.rqst_contct ul {padding: 0}
}


.pp-text {text-align: center;   padding: 15px;}