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


/*====================common css style======================*/

.breadcrumbs a{
    font-size: 20px;
    color: #444444;
}

.bred_active{
    color: #00a2da !important;
}

.inner_container{
    padding-top: 30px;
}

.inner_pages_heading{
    font-size: 25px;
    color: #444444;
    text-transform: uppercase;
}

.special_heading{
    font-size: 40px;
    color: #444444;
    font-weight: 300;
    margin-top: 10px;
}


.inner_top_img_row{
    position: absolute;
    right: 0%;
    top: 403px;
    left: 0%;
    z-index: 1000;
    padding-top: 20px;
    padding-bottom: 0px;
    color: #fff;
    text-align: right;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
    /*background-image: url(../images/cap_bg.png);*/
    background-repeat: no-repeat;
    background-position: right bottom;
    height: 256px;
}


.inner_top_bottom_caption {
    font-size: 38px;
    font-weight: 900;
    padding-right: 89px;
    margin-top: 4%;
}

.breadcrumbs{
    position: relative;
    z-index: 1000;
}

.pagination>li>a, .pagination>li>span {
    border-radius: 50% !important;
    margin: 0 5px;
}

.pagination>.active>a{
    z-index: 3;
    color: #000;
    cursor: default;
    background-color: #00a3db;
    border-color: #00a3db;
}

.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: 10px;
    line-height: 1.42857143;
    color: #000;
    text-decoration: none;
    background-color: #eeb111;
    border: 1px solid #eeb111;
}

/*====================common css style======================*/


/*==========================================*/
/*========about us company over view=======*/

.vision_icon{
    margin-top: 2%;
    margin-bottom: 3%;
}

.mission_icon{
    margin-top: 35%;
    margin-bottom: 3%;
}

.logo_icon{
    margin-top: 25%;
}

.special_section{
    background-color: #f7f7f7;
    padding: 20px;
    background-image: url("../images/values_bg.png");
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: contain;
}

.awward_alider_text_div{
    background-color: #ebebeb;
}


.mission_ul{
    padding-left: 0px;
    list-style-image: url('../images/li_img.png');
}

.mission_li{
    padding-left: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.time_line_heading{
    font-size: 23px !important;
    font-weight: 400 !important;
    color: #444444 !important;
}

.title_row_overview {
    margin-top: -65px;
    background-image: url(../images/title_bg.png);
    background-repeat: no-repeat;
    background-position: left bottom;
    height: 197px;
    background-size: contain;
}

/*========about us company over view=======*/
/*==========================================*/


/*==========================================*/
/*========about us concept=======*/

/*.timeline {*/
    /*list-style: none;*/
    /*padding: 20px 0 20px;*/
    /*position: relative;*/
/*}*/
/*.timeline:before {*/
    /*top: 0;*/
    /*bottom: 0;*/
    /*position: absolute;*/
    /*content: " ";*/
    /*width: 3px;*/
    /*background-color: transparent;*/
    /*left: 50%;*/
    /*margin-left: -1.5px;*/
/*}*/
/*.timeline > li {*/
    /*margin-bottom: 20px;*/
    /*position: relative;*/
/*}*/
/*.timeline > li:before,*/
/*.timeline > li:after {*/
    /*content: " ";*/
    /*display: table;*/
/*}*/
/*.timeline > li:after {*/
    /*clear: both;*/
/*}*/
/*.timeline > li:before,*/
/*.timeline > li:after {*/
    /*content: " ";*/
    /*display: table;*/
/*}*/
/*.timeline > li:after {*/
    /*clear: both;*/
/*}*/
/*.timeline > li > .timeline-panel {*/
    /*width: 46%;*/
    /*float: left;*/
    /*border: 5px solid #ebebeb;*/
    /*border-radius: 2px;*/
    /*padding: 20px;*/
    /*position: relative;*/
    /*-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);*/
    /*box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);*/
    /*background-image: url("../images/ab_concept_bg.png");*/
    /*background-repeat: no-repeat;*/
    /*background-position: left bottom;*/
/*}*/
/*.timeline > li > .timeline-panel:before {*/
    /*position: absolute;*/
    /*top: 26px;*/
    /*right: -15px;*/
    /*display: inline-block;*/
    /*border-top: 15px solid transparent;*/
    /*border-left: 15px solid #ccc;*/
    /*border-right: 0 solid #ccc;*/
    /*border-bottom: 15px solid transparent;*/
    /*content: " ";*/
/*}*/
/*.timeline > li > .timeline-panel:after {*/
    /*position: absolute;*/
    /*top: 27px;*/
    /*right: -14px;*/
    /*display: inline-block;*/
    /*border-top: 14px solid transparent;*/
    /*border-left: 14px solid #fff;*/
    /*border-right: 0 solid #fff;*/
    /*border-bottom: 14px solid transparent;*/
    /*content: " ";*/
/*}*/
/*.timeline > li > .timeline-badge {*/
    /*color: #fff;*/
    /*width: 50px;*/
    /*height: 50px;*/
    /*line-height: 50px;*/
    /*font-size: 1.4em;*/
    /*text-align: center;*/
    /*position: absolute;*/
    /*top: 16px;*/
    /*left: 50%;*/
    /*margin-left: -25px;*/
    /*background-color: transparent;*/
    /*z-index: 100;*/
    /*border-top-right-radius: 50%;*/
    /*border-top-left-radius: 50%;*/
    /*border-bottom-right-radius: 50%;*/
    /*border-bottom-left-radius: 50%;*/
/*}*/
/*.timeline > li.timeline-inverted > .timeline-panel {*/
    /*float: right;*/
/*}*/
/*.timeline > li.timeline-inverted > .timeline-panel:before {*/
    /*border-left-width: 0;*/
    /*border-right-width: 15px;*/
    /*left: -15px;*/
    /*right: auto;*/
/*}*/
/*.timeline > li.timeline-inverted > .timeline-panel:after {*/
    /*border-left-width: 0;*/
    /*border-right-width: 14px;*/
    /*left: -14px;*/
    /*right: auto;*/
/*}*/
/*!*.timeline-badge.primary {*!*/
    /*!*background-color: #2e6da4 !important;*!*/
/*!*}*!*/
/*!*.timeline-badge.success {*!*/
    /*!*background-color: #3f903f !important;*!*/
/*!*}*!*/
/*!*.timeline-badge.warning {*!*/
    /*!*background-color: #f0ad4e !important;*!*/
/*!*}*!*/
/*!*.timeline-badge.danger {*!*/
    /*!*background-color: #d9534f !important;*!*/
/*!*}*!*/
/*!*.timeline-badge.info {*!*/
    /*!*background-color: #5bc0de !important;*!*/
/*!*}*!*/
/*.timeline-title {*/
    /*margin-top: 0;*/
    /*color: #444444;*/
    /*font-size: 20px;*/
/*}*/
/*.timeline-body > p,*/
/*.timeline-body > ul {*/
    /*margin-bottom: 0;*/
/*}*/
/*.timeline-body > p + p {*/
    /*margin-top: 5px;*/
/*}*/


/*========about us concept=======*/
/*==========================================*/




/*==========================================*/
/*========about us directors=======*/


.derector_col{
    background-image: url("../images/ab_director_bg.png");
    background-repeat: no-repeat;
    background-position: left bottom;
}

.director_name{
    font-size: 20px;
    margin-bottom: 0px;
}


/*========about us directors=======*/
/*==========================================*/



/*==========================================*/
/*========about us careers=======*/

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ffdc7e;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}


.submi_btn{
    font-size: 20px;
    padding: 15px;
    background-color: #f1c141;
    text-align: center;
    color: #444444;
}

.careers_v_intro{
    margin-top: 15px;
}

.title_row_careers {
    margin-top: 30px;
    background-image: url(../images/title_bg.png);
    background-repeat: no-repeat;
    background-position: left bottom;
    height: 197px;
    background-size: contain;
}


/*========about us careers=======*/
/*==========================================*/


/*==========================================*/
/*========Product=======*/


.title_row_cables{
    background-image: url("../images/cable_title_bg.png");
    background-repeat: no-repeat;
    background-position: left bottom;
    height: 215px;
}

.item_col{
    padding-left: 5px;
    padding-right: 5px;
}

/*====================================================*/
/*====================================================*/

.news {
    background: #fff;
    position: relative;
    overflow: hidden;
    z-index:1;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;

    border: 1px solid transparent;
}

.news .img-figure {
    position: relative;
}

.news .img-figure img {
    position: relative;
    overflow: hidden;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.news:hover .img-figure img {
    -webkit-transform: scale(1.10);
    -moz-transform: scale(1.10);
    -ms-transform: scale(1.10);
    -o-transform: scale(1.10);
    transform: scale(1.10);
}

.news .title {
    /*padding: 29px 30px;*/
    padding: 25px 25px;
    position: absolute;
    left: 0;
    background: #eeeeee;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.news .title h1 {
    margin: 0;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 13px;
    /*	color: #3D6AA2;*/
    text-align: left;
    line-height: 23px;
}

.news:hover .title  {
    margin-top: -65px;
    /*background: rgba(225,225,225, 0.6);*/
    background-color: rgba(238,238,238, 0.8);
}

.news  p.description {
    position: relative;
    font-weight: normal;
    line-height: 22px;
    opacity: 0;
    text-align: left;
    padding: 15px 30px 0px 24px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    color: transparent;
height: 65px;
}

.news:hover p.description  {
    opacity: 1;
}

p.more {
    text-align: left;
    padding-left: 25px;
}

.more a {
    position: relative;
    font-size: 13px;
    margin-top: 5px;
    display: block;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    display: inline-block;
    color: #444444;
}

/*.more a:after {*/
    /*content: '';*/
    /*width: 18px;*/
    /*height: 1px;*/
    /*position: absolute;*/
    /*left: 55px;*/
    /*top: 9px;*/
    /*background: #28998b;*/
    /*vertical-align: middle;*/
    /*margin-left: 10px;*/
    /*-webkit-transition: all 0.5s ease;*/
    /*-moz-transition: all 0.5s ease;*/
    /*-ms-transition: all 0.5s ease;*/
    /*-o-transition: all 0.5s ease;*/
    /*transition: all 0.5s ease;*/
/*}*/


.news:hover a:after {
    width: 30px;
}


.pro_de_bg {
    background-image: url(../images/ab_concept_bg.png);
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: contain;
    min-height: 340px;
}

.de_title{
    font-size: 25px;
    font-weight: 300;
}

.pro_de_col{
    margin-bottom: 30px;
}


.elec_pro_text_div{
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 15px;
    padding-right: 15px;
    height: 340px;
}

/*====================================================*/
/*====================================================*/

/*========Product=======*/
/*==========================================*/



/*==========================================*/
/*========projects=======*/

.inner_div_bg{
    background-image: url("../images/inner_div_bg.png");
    background-repeat: no-repeat;
    background-position: left bottom;
}

.project_name{
    font-size: 20px;
    font-weight: 300;
    color: #444444;
    margin-bottom: 0px;
}

.link_href02 {
    color: #444444;
    font-size: 13px;
    margin-top: 10px;
}


.inner_div_bg02{
    background-image: url("../images/inner_div_bg02.png");
    background-repeat: no-repeat;
    background-position: right bottom;
}

.break_bar{
    height: 3px;
    background-color: #00a3db;
    margin-top: 0px;
    margin-bottom: 0px;
}

.slider_gallery_col{
    padding-left: 5px;
    padding-right: 5px;
}

.slider_initatives_col{
    padding-left: 5px;
    padding-right: 5px;
}

/*========projects=======*/
/*==========================================*/



/*==========================================*/
/*========elec_club=======*/

.map_count{
    border: 2px solid #eeb111;
    border-radius: 50%;
    padding: 5px;
}

/*========map style============*/
.mapload {
    width: 330px;
    float: left;
    padding-top: 0px;
    padding-right: 5px;
    padding-bottom: 0px;
    padding-left: 0px;
    margin-top: 25px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 100px;
}


.counter {
    position: absolute;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: transparent;
    /*border: 2px solid #eeb111;*/
    z-index: 100;
    font-size: 13px;
    font-weight: normal;
    color: #000;
    text-align: center;
    padding: 20px;
    -webkit-transition: border 1s ease-out;
    -moz-transition: border 1s ease-out;
    -o-transition: border 1s ease-out;
    transition: border 1s ease-out;
}
/*
.counter:hover {
    position: absolute;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 2px solid #003343;
    background-color:transparent;
    z-index: 100;
    font-size: 13px;
    font-weight: normal;
    color: #000;
    text-align: center;
    padding: 5px;
}*/
/*========map style============*/


/*=====district=======*/
.district1{
    top: 0%;
    left: 20%;
}

.district2{
    top: 9%;
    left: 28%;
}

.district3{
     top: 13%;
     left: 43%;
 }

.district4{
    top: 23%;
    left: 37%;
}

.district5{
    top: 23%;
    left: 20%;
}

.district6{
     top: 36%;
     left: 38%;
 }

.district7{
    top: 29%;
    left: 59%;
}

.district8{
    top: 44%;
    left: 15%;
}

.district9{
     top: 53%;
     left: 27%;
 }

.district10{
    top: 54%;
    left: 44%;
}

.district11{
    top: 46%;
    left: 58%;
}

.district12{
    top: 50%;
    left: 73%;
}

.district13{
    top: 67%;
    left: 18%;
}

.district14{
    top: 67%;
    left: 31%;
}


.district15{
    top: 74%;
    left: 16%;
}

.district16{
    top: 63%;
    left: 43%;
}

.district17{
    top: 73%;
    left: 43%;
}

.district18{
    top: 80%;
    left: 38%;
}

.district19{
    top: 81%;
    left: 21%;
}

.district20{
    top: 91%;
    left: 26%;
}

.district21{
    top: 65%;
    left: 84%;
}

.district22{
    top: 70%;
    left: 59%;
}

.district23{
    top: 76%;
    left: 71%;
}

.district24{
    top: 89%;
    left: 60%;
}

.district25{
    top: 93%;
    left: 39%;
}

/*=====district=======*/


.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2000;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}

.modal-header {
    padding-top: 15px;
    padding-bottom: 5px;
    border-bottom: 1px solid transparent;
}

.modal-title {
    margin: 0;
    line-height: 1.42857143;
    font-weight: 700;
    color: #444;
}

tr th{
    color: #eeb111;
}

.modal-footer {
    padding-top: 5px;
    padding-bottom: 15px;
    text-align: right;
    border-top: 1px solid transparent;
}

/*========elec_club=======*/
/*==========================================*/



/*==========================================*/
/*========annual_report=======*/

.annual_report_section{
    background-image: url("../images/values_bg.png");
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: contain;
    margin-bottom: 100px;
}

/*========annual_report=======*/
/*==========================================*/



/*==========================================*/
/*========brouchers=======*/

.brouc_col{
    margin-bottom: 40px;
}

/*========brouchers=======*/
/*==========================================*/



/*==========================================*/
/*========contact=======*/



/*========contact=======*/
/*==========================================*/



/*==========================================================*/
/*=========================icon hover=================================*/
/*==========================================================*/


/* Hang */
/*@-webkit-keyframes hvr-hang {*/
    /*0% {*/
        /*-webkit-transform: translateY(8px);*/
        /*transform: translateY(8px);*/
    /*}*/

    /*50% {*/
        /*-webkit-transform: translateY(4px);*/
        /*transform: translateY(4px);*/
    /*}*/

    /*100% {*/
        /*-webkit-transform: translateY(8px);*/
        /*transform: translateY(8px);*/
    /*}*/
/*}*/

/*@keyframes hvr-hang {*/
    /*0% {*/
        /*-webkit-transform: translateY(8px);*/
        /*transform: translateY(8px);*/
    /*}*/

    /*50% {*/
        /*-webkit-transform: translateY(4px);*/
        /*transform: translateY(4px);*/
    /*}*/

    /*100% {*/
        /*-webkit-transform: translateY(8px);*/
        /*transform: translateY(8px);*/
    /*}*/
/*}*/

/*@-webkit-keyframes hvr-hang-sink {*/
    /*100% {*/
        /*-webkit-transform: translateY(8px);*/
        /*transform: translateY(8px);*/
    /*}*/
/*}*/

/*@keyframes hvr-hang-sink {*/
    /*100% {*/
        /*-webkit-transform: translateY(8px);*/
        /*transform: translateY(8px);*/
    /*}*/
/*}*/

/*.hvr-hang {*/
    /*display: inline-block;*/
    /*vertical-align: middle;*/
    /*-webkit-transform: translateZ(0);*/
    /*transform: translateZ(0);*/
    /*box-shadow: 0 0 1px rgba(0, 0, 0, 0);*/
    /*-webkit-backface-visibility: hidden;*/
    /*backface-visibility: hidden;*/
    /*-moz-osx-font-smoothing: grayscale;*/
/*}*/
/*.hvr-hang:hover, .hvr-hang:focus, .hvr-hang:active {*/
    /*-webkit-animation-name: hvr-hang-sink, hvr-hang;*/
    /*animation-name: hvr-hang-sink, hvr-hang;*/
    /*-webkit-animation-duration: .3s, 1.5s;*/
    /*animation-duration: .3s, 1.5s;*/
    /*-webkit-animation-delay: 0s, .3s;*/
    /*animation-delay: 0s, .3s;*/
    /*-webkit-animation-timing-function: ease-out, ease-in-out;*/
    /*animation-timing-function: ease-out, ease-in-out;*/
    /*-webkit-animation-iteration-count: 1, infinite;*/
    /*animation-iteration-count: 1, infinite;*/
    /*-webkit-animation-fill-mode: forwards;*/
    /*animation-fill-mode: forwards;*/
    /*-webkit-animation-direction: normal, alternate;*/
    /*animation-direction: normal, alternate;*/
/*}*/
/*==========================================================*/
/*========================icon hover==================================*/
/*==========================================================*/