﻿body { font-family: 'Roboto', sans-serif; margin: 0; padding: 0; background-color: #FFFFFF;}
a{text-decoration: none;}
img{ max-width:100%}
h1, h2, h3 {margin:0%;}
.bx_sdw {box-shadow: 0px 2px 11px 4px #232323;
    -moz-box-shadow: 0px 2px 11px 4px #232323;
    -webkit-box-shadow: 0px 2px 11px 4px #232323;}
.wrap_full_2 { width:100%; clear:both; overflow:hidden; float:left;  }
.hed_dv {width:100%; float:left; }
.hed_menu {width:100%; float:left;}
.menu {width:50%; float:left; list-style:none; margin: 0.7% 0% 0.7% 0%; padding: 0 3%;}
.menu_O {border-right:1px solid white;}
.menu li {    font-size: 0.8em; float: left; list-style: none; color: #343434; margin-left: 1%; padding-right: 1%;font-weight: bold;border-right: 2px solid black;}
.menu li:last-child {border-right:none;}
.menu li a {color: #343434;}
.menu_social {width: 23%; float: right; list-style: none; margin: 0.4% 2.5% 0% 0%;}
.menu_social li { float: left; list-style: none; width: 9%; margin-left: 0.7%;}
.searchtxt {border: none;border-radius: 3px;margin-left: 4%;width: 100%;border: 1px solid black; padding: 6px 8px;box-sizing: border-box;}
.txt_m {width: 60% !important;position:relative;}
.hed_mid_left{
/*float: left; */
    width: 60%;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
}
.hed_search{position: absolute;top: 23.2%;right: 0.5%;}
.hed_mid {width:100%; float:left;background:#f8a11c;}
.hed_mid_right {
    width: 39%;
    /* float: left; */
    /* border: 2px solid; */
    /* border-style: dotted; */
    border-radius: 6px;
    /* text-align: center; */
    margin: 0.6% 0% 0% 0%;
    box-sizing: border-box;
    display: inline-block;
    }
    .hed_mid_right p {
        margin: 0;
        font-size: 13px;
        line-height: 1.5em;
        padding: 1%;
        font-weight: bold;
        word-spacing: 2px;
        border: 2px dotted;
        display: inline-block;
        width: 67%;
        vertical-align: top;
        margin-right: 21px;
    }
.hed_mid_img{    float: left; width: 10.5%; margin: 1.4% 0% 0 6%;}
.hed_botom {width:100%; float:left; border-top: 2px solid #b9132b;}
.hed_menu_2 {float: left; width: 100%; background-color: black; list-style: none; margin: 0; padding: 0; }
.hed_menu_2 li { float: left;  font-weight: bold; font-size: 0.8em; list-style: none; color: #E5E5E5; padding: 0.7% 1% 0.7% 1%; border-right: solid 1px #000; position:relative;}
.hed_menu_2 li:hover {background: #f8a11c; text-shadow: 1px 1px 1px #333;}
.sub_menu1 {display:none; position:absolute;text-shadow:none;z-index: 99;} 
.hed_menu_2 li:hover ul{display: block; background: #fff;  width: 200px; left: 0; top: 35px; box-shadow: 1px 1px 5px #333; padding: 0; box-sizing: border-box;}
.sub_menu1 li{clear: both; border-style: none; color: #333 !important; padding: 10px; font-size: 12px; width: 100%; text-align: center; box-sizing: border-box; text-align: left; border-bottom: solid 1px #ccc;}
.sub_menu1 li:last-child{border-bottom: none;}
.sub_menu1 li a, .sub_menu1 li a:target {color: inherit; font-weight: bold; font-size: 14px; text-align: left; outline: 0;}
.sub_menu1 li:hover {color: #1a1a1a !important; text-shadow:none; background: #ebebeb; text-align: left;}
.wrap_div {float: left; width: 94%; background-color: #00ba4b; padding: 3% 3% 3% 3%; position: relative;}
.new_hed {float: left; margin-top: 3%; background-color: black; color: white; padding: 1.5% 3% 1.5% 3%; border-radius:0 6px 6px 0; font-weight: bold; font-size: 0.9em;}
.wrap_left {float: left; width: 38%; border-left: 2px solid; border-right: 2px solid; border-radius: 11px; background-color: white; box-shadow: 0 -1px 10px #333;height:303px;overflow:hidden;position:relative;}
.new_more {float: left; background-color: #00BFF3; margin-top: 3%; padding: 1.5% 3.5% 1.5% 3.5%; margin-left: 3%; border-radius: 5px; font-size: 0.7em; font-weight: bold; color: white; }
.New_list {width: 92%; margin: 4% 0 0 0%; float: left; padding: 0% 0 0 7%;}
.New_list li {font-size: 1.05em; margin: 0 0 1% 0%; font-weight: bold; line-height: 1.6em; list-style-type: square; color: #000;}
.New_list li span {color: #848484;}
.wrap_mid {float: left; width: 35%; background-color: white; overflow: hidden; position: relative; margin: 0 1.5% 0 1.5%; border-radius: 11px; padding: 2px; box-sizing: border-box; box-shadow: 0 0 6px 0.4px #333;}
.wrap_right {float: left; width: 23.4%; background-color:#fffc77; text-align: center; border-radius: 11px; box-shadow: 0 0 8px 1px #333;}
.wrap_right h1 {font-size: 1em; color: #01048f; margin: 0%; font-weight:bold;}
.img_div {float: left; width: 27%;  padding: 3% 37% 1% 36%;}
.captioncss {width: 100%; text-align: center; margin-bottom: 4%;}
.intro_txt {border: none; width: 87%; margin-bottom: 3%; border-radius: 2px; padding: 4px 8px; box-shadow: 0 0 4px 1px #333; font-size: 12px;}
.intro_txt[placeholder]::-webkit-input-placeholder {color: #000 !important;}
.intro_txt[placeholder]:-moz-placeholder {color: #000 !important;} /* Firefox 18- */
.intro_txt[placeholder]::-moz-placeholder {color: #000 !important;} /* Firefox 19+ */
.intro_txt[placeholder]:-ms-input-placeholder {color: #000 !important;}
.submit_btn {float: left; border: 1px solid white; background-color: #0575B0; padding: 2% 10%; color: white; margin: 1% 0 0 4.2%; border-radius: 2px; box-shadow: 0 0 4px 1px #333; font-size: 12px;}
.wrap_div1 {width: 94%; float: left; padding: 2.5% 3% 2.5% 3%;  background-color: #EBEBEB;}
.full_div {float: left; width: 100%; background-color: #FFFFFF;  position:relative; box-shadow: 0 0 8px 1px #777;}
.news_ful {float: left; width: 19.5%; margin-top:0.1%;}
.news_ful h2{padding: 0 10px; float: left; color: #1a1a1a; font-size: 1em; margin: 2% 0 0 11%; font-weight: normal; box-sizing: border-box;}
.news_img {float: left; margin-left: 12%;}
.wrap_mid1{float: left; width: 100%; position: relative; overflow: hidden; border-radius: 11px; height: 100%;}
.cap_css{width: 100%; position: absolute; bottom: 1%; background-color: rgba(0,0,0,0.5); color: white; z-index: 999; margin-bottom: 2%;}
.cap_css p{margin: 0; padding: 4% 1%; font-size: 0.8em;}
.new_hed1{ left:0%; position: absolute; background-color: #383637; font-weight: bold; font-size: 0.9em; color: white; padding: 0.6% 1% 0.6% 1%; margin-top: 1.2%;   }
.sep_div{float: left; width: 100%; height: 1px; background-color: #A8A8A8; margin-top: 1.8%; margin-bottom: 1.1%;}
.more_news{float: left; width: 100%; margin-left: 2%; margin-bottom: 1%;}  
.more_news a{font-size: 0.8em; color: #1a1a1a; margin-left: 2%;}   
.magin_ful{float: left; width: 94%; padding: 2% 3% 2% 3%; position: relative; margin: 0;}
.magin{float: left; position:relative; width: 30.9%; background-color: #f7a31d; height: 416px; overflow: hidden; border-radius: 10px; border: 3px solid white; box-shadow: 0 0 6px 1px #333;}
.center{ text-align:center;}   
.magin_img{margin-top: 17%; width: 77%; margin-bottom: 3%; margin-left: 11.5%;}     
.new_hed2 { position: absolute; background-color: black; font-size: 1em; color: #F2F2F2; padding: 1.6% 6% 1.6% 2%; margin-top: 3.2%; left: 0%; font-weight: bold;}
.section{margin-top: 15%; float: left; position: relative; padding-bottom: 10px;}
/*.section:before {content: ""; width: 92%; left: 4%; height: 1px; background: #fff; position: absolute; bottom: 0;}*/
.m_right{ margin-right: 2%;}  
.Pading{ padding: 0% 1% 0% 1%;}
.section  p{padding: 0 4% 0 2%; width: 60%; float: left; font-size: 0.9em; font-weight: bold; margin: 0; line-height: 1.6em; box-sizing: border-box;}
.section_img{float: left; width: 40%; padding: 0 15px; box-sizing: border-box;}
.more_section{float: left; margin: 0; padding: 4% 0% 3% 4%; width: 92%; margin-left: 4%; box-sizing: border-box; list-style-type: square; margin-top:8%;}
.more_section li{margin-bottom: 2.2%; font-size: 0.9em; font-weight: bold; line-height: 1.6;}
.hed_mid_left h1{margin: 1.5% 2% 1% 19%; font-size: 1.6em; color: #fff;}
.hed_mid_left p {margin: 0;font-size: 0.9em;text-align: center;margin-top: .6%; color: #fff;font-weight:bold;}
.hed_mid_left_b {text-align: center;float: left;margin: 0 auto;width: 78%;font-weight: bold;font-size: 0.9em;}
.full_div_footer{float: left; width: 100%; background-color: black; border-bottom: 1px solid #333333;border-top: 3px solid #000000;}
.innr_div1{float: left; width: 20%;  margin-top: 1%; }
.innr_div1 ul{float: left;  width: 100%;}
.innr_div1 ul li{color: #9C9C9C; list-style:none; font-size: 0.7em; font-weight: bold;  margin-bottom: 2.5%; }    
.innr_div2{float: left; width: 11%; background-color: white;}
.innr_div2 ul{float: left; width: 72%; margin: 0; padding: 6% 14% 29% 14%; text-align: center;}  
.innr_div2 ul li{list-style: none; width: 41%; padding: 0; float: left; margin: 0 0 0 4%;} 
.font_span{font-size: 0.8em; font-weight: bold; float: left; width: 49%; padding: 18% 26% 0% 26%;}
.innr_div3{width: 11%; float: left; margin-left: 5%; margin-top: 2%;}
.innr_div4{width: 28%; float: left; margin-left: 3%; margin-top: 1.5%;}
.innr_div4 h3{margin: 0; color: #40A8DD; font-size: 0.9em;}
.contact{width: 100%; margin-top: 1%; padding: 0;}
.contact li{color: #9C9C9C; font-size: 0.7em; list-style: none; margin-bottom: 1.5%; font-weight: bold; }
.full_div_Botton1{float: left; width: 100%; text-align: center; background-color: black;} 
.full_div_Botton1 p {color: #989898; font-size: 0.7em; font-weight: bold; margin: 1.3% 0 1.3% 0%;}
.bxslider{padding: 0px; width: 100%; position: relative; transition-duration: 0.8s; transform: translate3d(-24648px, 0px, 0px);}
.slider_top{background-color: rgb(54, 54, 54); padding-top: 3%; float: left; width: 100%; position: relative;}
.gallary_hed{color: white; padding: 0.5% 1% 0.5% 1%; position: absolute; top: 0%; background-color: #00BFF3; margin-left: 2%;}
.new_img{float:left; width:10%;}
.home_logo{width: 1.8%;background-color:#b9132b; margin: 0 0 1px 3% !important; padding: 0.3% 0.5% 0.3% 0.5% !important; border-right: none !important;}
.slider_top_video{background-color:#00ba4b; padding-top: 3%; float: left; width: 100%; position: relative;}
.video_hed{color: white; padding: 0.5% 1% 0.5% 1%; position: absolute; top: 0%; background-color: rgb(54, 54, 54); margin-left: 2%;}
.art_dtls{line-height: 1.8; margin-left:1%;margin-right: 1%;}

.art_dtls table{border: 0;}
.art_dtls table tr{
}
.art_dtls table td{
    vertical-align: top;
    border: 1px solid #e4e4e4;
}
.art_dtls table tr:first-child{
    background: #212121;
    color: white;
}

.art_dtls ul li{list-style-type: square;}
.slider_tnaimenber{    background-color: #FFFFFF;
    padding: 3% 0% 3% 4%;
    float: left;
    width: 100%;
    position: relative;
    box-sizing: border-box;
}
.heading
{
    width: 100%;
    float: left;
    text-align: center;
}
.slider_tnaimenber span{width: 100%; float: left;}
.name {padding: 6% 0 3% 0%; font-weight: bold;}
.slider_tnaimenber p {margin:0%;}
.center {text-align:center;}
.right-angle-arrow {display: inline-block;position: relative; float:left;}
.right-angle-arrow:after {content: ''; display: block; position: absolute; left: 0; top: 5px; width: 0; height: 0; border-top: 10px solid #49BBF7; border-right: 7px solid transparent; border-bottom: 0 solid transparent; border-left: 7px solid transparent;}
.sep_div1 {background-color: #00a551;height: 4px;width: 12%;margin: 0.6% auto;}
.ds_fl {display:flex;}

       /*Menu Icon*/
       

.container {display:none;}
.news_ticker {width: 100%;float:left;}

.container{ display: inline-block; cursor: pointer; width: 100%;float: right; margin: -2.6% 2% 0% 0%;position: absolute;}
.bar1, .bar2, .bar3 {width: 6%; height: 4px; background-color: white; margin: 1.5% 0% 0% 89%; transition: 0.4s;}
.change .bar1 {-webkit-transform: rotate(-45deg) translate(-9px, 6px) ; transform: rotate(-45deg) translate(-9px, 6px) ;}
.change .bar2 {opacity: 0;}
.change .bar3 { -webkit-transform: rotate(45deg) translate(-8px, -8px) ; transform: rotate(45deg) translate(-8px, -8px) ;}


/* section page */
.Full_div_sec{ margin:0 auto; width: 100%;}
.big_news{float: left; width: 100%; margin-right: 2%; box-shadow: 0 0 10px 1px #333; margin-top: 15px; margin-bottom: 15px;}
.hed_new{float: left; padding: 2%; width: 100%;background-color:#2a4fa0;color: white; font-size: 1.2em; width: 100%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.big_news h1{margin: 0; float: left; font-size: 1.1em; color: #269FC9; padding: 2.5% 0% 2.5% 0%;}
.full_details{float: left; width: 100%; margin: 0;}
.img_News{float: left; padding: 2% 1% 1% 0%; width: 28%;}
.Small_news{margin-top: 2%;  float: right; width: 26%;}
.hed_tab li {  list-style: none; border-bottom: 1px solid white; padding: 5.5% 0% 5.5% 5%; font-size: 0.8em; font-weight: bold; }
.hed_tab{margin: 0; padding: 0%; background-color: #2a4fa0;width: 100%;float: right;}
.maindiv {width:68%;margin: 0 auto;}
.hed_tab a {color:#FFFFFF;}
.angle{ float: left;width: 2%;margin-right: 4%;}
.hed_tab a.activeLink { color:#E5D527; }
.hed_tab span {color:black;}
.hed_tab span.activeLink  {  color:white;}
.tabcontent { float:left; width:100%;}
.officerassociaton{width: 20%;float: left;text-align: center;margin: 0;height: 260px;}
.officerassociatoninmg {border: 2px solid black;height: 132px;}
.imges_path
{position: absolute;z-index: 99;bottom: 40%;left: 52px;
}
.imges_path1
{
   position: absolute;
   z-index: 99;
   bottom: 40%;
   right: 52px;
}


.full-width {
    width: 98%;
    margin: 0 20px;
}
.leftcontainer {
    width: 65%;
    float: left;
}
.mstGalley {
    text-transform: uppercase;
    font-size: 1.2em;
    border-bottom: 2px solid #5B5A5A;
    margin: 0.5em 0em 0.5em 0em;
    float: left;
    width: 98%;
}
.mstGalley span {
    color: #F3760A;
}
.mstGalley {
    text-transform: uppercase;
    font-size: 1.2em;
}
.otherAlb {
    float: left;
    width: 100%;
}
.otherAlb div.bxPic {
    float: left;
    width: 21%;
    padding: 0% 2%;
    text-align: center;
}
.otherAlb div.bxPic div {
    width: 100%;
    height: 5em;
    overflow: hidden;
    clear: both;
}
.otherAlb div h5 {
    margin: 0.5em 0em;
    padding: 0em;
    text-align: left;
    font: bold 0.8em Arial;
    line-height: 1.2em;
}
.rightcontainer {
    width: 33%;
    float: left;
    padding: 0 0 0 10px;
}

.videobx {
    float: left;
    width: 48%;
    margin: 1%;
}
.videobx div {
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
    height: 80px;
}
.videobx a {
    color: black;
}
.topic_head
{
    font-weight: bold;
    margin-top: 11px;
    font-size: 16px;
}
.topic_heading
{
  color: #666666;
    padding-bottom: 3px;
    font-size: 14px;
    padding-top: 3px;
}
.topic_head_1
{
    font-weight: bold;
    margin:4px 0;
    font-size: 16px;
    color: #3a3a3a;
}
.topic_heading_1
{
    color: #666666;
    padding:0;
    font-size: 14px;
    margin:0;
}
.new_hed5
{
left: 0%;
    position: absolute;
    background-color: #383637;
    font-weight: bold;
    font-size: 0.9em;
    color: white;
    padding: 0.6% 1% 0.6% 1%;
    margin-top: -2.8%;
    margin-left: 48px;
}



@media screen and (max-width: 1024px) and (min-width: 768px) 
{
    
    .menu li {font-size: 0.7em! important;}
    .hed_mid_right { width: 95%! important; margin:2%! important;}
    .hed_mid_left {width: 100%!important;}
    .wrap_left {width: 100%!important;margin-bottom: 1%!important;}
    .wrap_mid { width: 50%!important;}
    .wrap_right {width: 46%!important;}
    .magin_img{margin-top: 22%;}
    .section{margin-top: 22%;}
     .section p{font-size: 11px;}
    .sep_div1{ width: 28%;}
    .menu{ width: 51%;}
    .menu_social{width: 35%;}
    .hed_mid_left h1 {font-size: 22px;}
    .hed_menu_2 li{font-size: 12px;}
    .New_list{margin: 0% 0 0 0%;}
      .ds_fl {display:block! important;}
    .news_ticker {margin:0! important;}
     .hed_search {right: 0px!important;}
    .new_hed{margin-top: 1%;}
    .new_hed1{left: 2%;}
    .menu_social li{width: 9%;}
    .submit_btn{margin-bottom: 2%;}
    .officerassociaton{width: 25% !important;}
}


@media screen and (max-width: 767px) and (min-width: 568px) 
{
    .menu li{font-size: 0.7em!important;}
.hed_mid_right { width: 95%!important;margin: 2%!important;}
.hed_mid_left{width: 100%!important;}
.wrap_left{ width: 100%!important;margin-bottom: 1%!important;}
 .wrap_mid{ width: 50%!important;}
.wrap_right{width: 46%!important;}
.magin { width: 100%!important; margin-bottom: 4%!important;}
.hed_mid_left h1{font-size: 1.5em;}
.hed_search{top: 22%; right: -13%;}
.ds_fl{display: block!important;}
.news_ticker{  margin: 0!important;}
.hed_search{ right: 0px!important;}
.officerassociaton{width: 50% !important;}
}

    
    @media screen and (max-width: 480px) and (min-width: 1px)
    {
         .innr_div4{ width: 85%; float: left;}
.innr_div1 ul{ padding: 0;}
 .innr_div1{ width: 31%;}
 .font_span{font-size: 9px;width: 79%; padding: 5px 0 0 15%;}
 .innr_div2{width: 21%;margin-left: 1%;margin-top: 7%;}
.innr_div3{margin-top: 6%;}
 .news_ful{margin-top: 10.4%;}
 .news_ful { margin-top: 7.4%; }
.news_ful h2{font-size: 10px;}
  .new_hed2{ font-size: 11px;}
  .section p{ font-size: 12px;}
   .more_section{ margin-left: 2%;}
 .more_section li {font-size: 10px;}
  .magin{ height: 274px;}
.heading {font-size: 11px;}
.sep_div1{ width: 45%;}
.hed_mid_left_b{width: 95%;font-size: 11px;}
 .New_list li{font-size: 11.05px;margin: 0 0 -2% 0%;}
.New_list{ margin: 0% 0 0 0%;}
.wrap_left{height: 291px; max-height: 228px;}
 .bar1, .bar2, .bar3{ margin: 1.5% 0% 0% 84%;}
.ds_fl{ display: block!important;}
.wrap_mid{ width: 100% !important;}
.wrap_right{ width: 100% !important;}
 .hed_search{right: 0px!important;}
 .officerassociaton{width: 50% !important;}
    }



.textbox {border:1px solid grey; border-radius:3px; padding:1%;width:92%;font-size:13px;margin-bottom:2%;}
.text{color:#0070C0;font-weight:bold;font-size:14px;}
.mail_btn{border: 1px solid;border-radius: 5px;width:19%;height:33px;padding:3px; background: #2a4fa0;color: white;font-weight: bold;margin-top:3%;}
.left_dv{ width:20%; float:left; margin-left:5%;}
.right_dv{width:70%;float:left;margin-left:0%;}
.underline{background:black; height:1px; width:90%;float:left;margin-left: 5%; margin-right: 5%;margin-bottom: 2%; }
.textbox1 {border:1px solid grey; border-radius:3px; padding:1%;width:60%;font-size:13px;margin-bottom:2%;margin-left:3%;}
.submit1_btn{border:1px solid;border-radius: 5px;width:19%;height:33px;padding:1px; background: #2a4fa0;color: white;font-weight: bold;margin-left:3%;font-size:16px;}




