.docu{    padding: 15px;
    border: 1px solid #E6E2E2;
    margin-top: 15px;
    margin-bottom: 15px;}

.director.text-right{text-align:right !important;}    
    
    
    
.inner-banner{ float: left; width: 100%; position: relative;}
.inner-banner img{ float: left; width: 100%;}
.inner-banner .title{ float: left; width: 100%; text-align: center; text-transform:uppercase; font-size:30px; color: #fff; position: absolute; top:100px; left: 0px; font-weight: bold; background:url('../images/bdr.jpg') no-repeat center bottom; padding-bottom:5px;}

.inner-page{ padding:30px 0px; float: left; width: 100%;}
.inner-page .head{ float: left; width: 100%; font-size:30px; text-transform: capitalize; color: rgb(112, 177, 0); background:url('../images/bdr2.jpg') no-repeat left bottom; padding-bottom:5px;  margin-bottom: 10px;}
.inner-page p{width: 100%; float: left; text-align: justify;}
.inner-page p i { float: left; padding-right: 10px;}
ul.list li{ color:#0c0c0c; line-height:22px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; padding-left:20px; background:url(../img/square_icon.png) no-repeat left 5px;}


.inner-page .col-md-3{     margin-top: 10px;
    overflow: hidden;
    padding: 0px;
    width: 24%;
    float: right;}
.inner-page .col-md-3 ul{ margin: 0px; padding: 0px;}
.inner-page .col-md-3 .head-name{     float: left;
    width: 100%;
    text-align: center;
    font-size: 19px;
    text-transform: capitalize;
    color: #ffffff;
    background: #82ba17;
    padding: 10px 0px;}
.inner-page .col-md-3 ul li{ list-style: none; float: left; width: 100%; background: rgba(62, 63, 67, 0.85) url(../images/footer_list.png) no-repeat left; background-position: 0px; }
.inner-page .col-md-3 ul li a{ float: left;
    width: 100%;
    text-decoration: none;
    text-transform: capitalize;
    background: rgba(62, 63, 67, 0.85);
    padding: 10px 30px;
    margin-top: 2px;
    color: #ffffff; transition: all 500ms ease;}
.inner-page .col-md-3 ul li a:hover{ transition: all 500ms ease; margin-left:20px;  background:#5a5b5f;  padding: 10px 5px;}
.active2{margin-left:20px !important;  background:#5a5b5f !important;  padding: 10px 5px !important;}

.inner-page .col-md-3 .col-md-12{ padding: 0px;}
.inner-page .col-md-3 .col-1{ margin-top: 50px;}
.inner-page .col-md-3 .col-1 li{ background: none; padding: 0px;}
.inner-page .col-md-3 .col-1 li a{ background: none; padding: 0px;}
.inner-page .col-md-3 .col-1 li a:hover{ background: none; padding: 10px; margin:0px;}

.gallery{}
.gallery .col-md-4{ position: relative; padding: 0px; width: 32%; margin:5px; overflow: hidden; border: 5px solid #d3d4d6;}
.gallery .col-md-4 img{ float: left; width: 100%;}
.gallery .col-md-4 .hover{ position: absolute; top: 0px; left: -100px; *width: 100%; background:rgba(130, 186, 23, 0.88); height: 100%; float: left; padding:80px 5px; transition:all 500ms ease;}
.gallery .col-md-4 .hrimg{}
.gallery .col-md-4 .hrimg img{}
.gallery .col-md-4:hover .hover{padding:80px 120px; left: 0px; transition:all 500ms ease;}
.gallery .col-md-4 .name{ float: left; width: 100%; text-align: center; font-size: 18px; color: #fff; padding:8px 0px; background:#699c08;}

.inner-page .col-md-8{ float: left;}
.inner-page .col-md-8 .adrs{float: left;
    width: 100%;
    font-size: 14px;
    background: url(../images/icons/location-pin.svg)no-repeat left top;
    padding-left: 35px;
    line-height: 25px;
    margin-top: 10px; color: #525151;}
.inner-page .col-md-8 .ph{float: left;
    width: 100%;
    font-size: 14px;
    background: url(../images/icons/phone.svg)no-repeat left top;
    padding-left: 35px;
    margin-top: 10px;     padding-bottom: 10px; color: #525151;}
.inner-page .col-md-8 .mal a{float: left;
    width: 100%;
    font-size: 14px;
    background: url(../images/icons/mail.svg)no-repeat left top;
    padding-left: 35px;
    margin-top: 10px;    padding-bottom: 5px; padding-top: 3px; color: #525151;}
.inner-page .col-md-8 .mal a:hover{ color:rgb(112, 177, 0);}

.inner-page .col-md-4 form{ position: relative;}
.inner-page .col-md-4 form .input1{ float: left; width:100%; padding:8px 15px; color:#525151; border: 1px solid #ccc; background: #fff; margin-top: 10px;}
.inner-page .col-md-4 form .input1:hover{ border: 1px solid #82ba17;}
.inner-page .col-md-4 form .input2{ float: left; width:100%; padding:8px 15px; color:#525151; border: 1px solid #ccc; background: #fff; margin-top: 10px; height: 100px;}
.inner-page .col-md-4 form .sub{ float: left; padding: 7px 20px; margin-top: 10px; background:#82ba17; border: 1px solid #82ba17; cursor: pointer; color: #fff; text-transform: uppercase; font-size: 16px;}
.inner-page .col-md-4 form .sub:hover{ background: #fff; color: #82ba17;}

.inner-page .map{ float: left; width: 100%; margin-top: 20px; border:10px solid rgba(204, 204, 204, 0.38); border-radius: 10px;}

.inner-page .formimg{ position: absolute; top: 0px;     left: -280px;}

.caroufredsel_wrapper{ height:182px !important;}


.panel1 table, .panel2 table, .panel3 table, .panel4 table{ border: 1px solid #ccc;}
.panel1 table th, .panel2 table th, .panel3 table th, .panel4 table th{ padding:10px; 0px; text-align:center; background:rgb(112, 177, 0); color: #fff;}
.panel1 table td, .panel2 table td, .panel3 table td, .panel4 table td{     padding: 5px;
    background: rgb(245, 245, 245);
    text-align: center;
    color: #7b7b7b; font-size: 13px;}

.col-staff{box-shadow: 0px 0px 8px 1px #e1e1e1;
    padding: 15px;
    width: 33.5%;
    margin: -1px;}
.col-staff .name{ float: left; width: 100%; text-align: center; font-size:16px; text-transform: uppercase; color: #1748ba; margin-top: 10px;}
.col-staff .img1{ float: left; width: 100%; text-align:center;}
.col-staff .desig{     background:rgba(225, 225, 225, 0.48); padding: 8px;float: left; width: 100%; text-align: center; font-size:14px; text-transform: capitalize; color:#414347; margin-top: 10px;}

.col-staff .quali{ float: left; width: 100%; text-align: center; font-size:13px; text-transform: capitalize; color:#414347; margin-top: 10px;}
.col-staff .email a{     background:rgba(225, 225, 225, 0.48); padding: 8px; float: left; width: 100%; text-align: center; font-size:13px;  color:#414347; margin-top: 10px;}
.col-staff .ph{ float: left; width: 100%; text-align: center; font-size:13px; text-transform: capitalize; color:#414347; margin-top: 10px;}

.col-staff .desig span{ color: #9e0505;}
.col-staff .quali span{color: #9e0505;}
.col-staff .email span{ color: #9e0505;}
.col-staff .ph span{  color: #9e0505;}

@media (min-width:280px) and (max-width:479px){
    .col-staff{ width: auto;}
    .inner-page .col-md-3{ width: 100%;}
    .inner-page .col-md-3 .col-1{ display: none;}
}
@media (min-width:480px) and (max-width:767px){
    .col-staff{ width: 49%;}
    .inner-page .col-md-3{ width: 100%;}
    .inner-page .col-md-3 .col-1{ display: none;}
}

.col-news{background: rgba(225, 225, 225, 0.52); padding: 25px; margin-bottom: 10px;}
.col-news .col-md-4{ padding: 0px;}
.col-news .col-md-8{     padding: 0px 0px 0px 25px;}
.col-news .col-md-4 img{ float: left; width: 100%;}
.col-news .date{ float: left; width: 25%; background:#363636; font-size: 14px; text-transform: uppercase; color:#fff; padding: 10px; text-align: center;}
.col-news .date span{ float: left; width: 100%; font-weight:bold;}
.col-news .title{    float: left;
    font-size: 16px;
    text-transform: uppercase;
    color: #363636;
    font-weight: bold;
    margin-left: 20px;
    margin-top: 40px;}
.col-news p{ float: left; width: 100%; line-height:24px; color:#636363; line-height: 24px; text-align: justify; margin-top: 10px;}

.col-apply{ padding: 0px;}
.col-apply .col-md-12{ padding: 0px;}
.col-apply label{ float: left;
    font-size: 13px;
    color: #4c4b4b;
    width: 30%;
    margin-top: 10px;
    font-weight: normal;}
.col-apply .span{     margin-top: 8px;
    float: left;
    margin-left: 10px;
    font-weight: bold;}
.col-apply .inputa{ float: right; padding: 10px; border: 1px solid #ccc; background:#fff; width: 65%; margin-top: 10px;}
.col-apply .inputb{ float: right; padding: 10px; border: 1px solid #ccc; background:#fff; width: 65%; margin-top: 10px;}
.col-apply .inputc{ float: right; padding: 10px; border: 1px solid #ccc; background:#fff; height: 80px; width: 65%; margin-top: 10px;}
.col-apply .sub1{     float: right;
    padding: 10px 30px;
    color: #fff;
    font-size: 14px;
    background: #314b01;
    margin-top: 20px;
    border: none;
    text-transform: uppercase; margin-right:16px;}
.col-apply .inputd{margin: 13px 19px;}

.inner-page .head2{     float: left;
    width: 100%;
    font-size: 18px;
    text-transform: capitalize;
    color: rgb(62, 63, 67);
    margin-bottom: 10px;
    background: rgba(225, 225, 225, 0.47);
    padding: 10px;
    margin-top: 12px;}
.aply{    float: left;
    /* width: 100%; */
    text-align: center;
    margin-left: 22px;}


.col-table{ margin-top: 20px; }
.col-table th{ text-align: center; }
.col-table td{text-align: center; padding: 4px 0px;}