body, input, select, textarea, a {
    font-size: 14px;
    font-family: "Montserrat", roboto;
    line-height: 1.5em;
}


a {
    color: #238bd8;
}

.header-section
{
    background:#fff;
}

.head_logo .navbar-brand
{
    float: none;
    display: inline-block;
    }
    
.navbar
{
      background-color: #000;
      border-radius:0;
      border:0;
      margin: 0;
    /*box-shadow: 0px 3px 4px 1px #999;*/
}
.navbar-brand
{
    font-weight:bold;
    font-size:150%;
    height:auto;
    padding:10px;
    background-color:#fff!important;
    color:#238bd8!important;
}
#UserName { display:inline-block; margin-left:15px; color:#ff0000;}

.navbar-default .navbar-nav > li > a{ color:#fff!important; cursor: pointer;}
.navbar-default .navbar-nav > li > a:hover{ color:#fff;}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: #238bd8;
    color: #fff;
}

.navbar.sticky{
    position: fixed;
    top:0;
    width: 100%;
    z-index:10;
    border-bottom: 0px solid #fff;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    box-shadow: 0 2px 3px #ccc;
    -moz-box-shadow: 0 2px 3px #ccc;
    -webkit-box-shadow: 0 2px 3px #ccc;
}
.menu_pnt
{
    pointer-events:none;
}
.sub_menu
{
    padding-left: 50px;
}

/****************social*******************/

.social
 {
    position: fixed;
    left:0px;
    top: 200px;
    z-index: 999;     
  } 
.social ul
 {
     list-style:none;
     padding:0;
     margin:0;   
  } 
.social ul li 
 {      
    width: 45px;
    height: 45px;
    border: 1px solid #ddd;
    margin-top: 3px;
    line-height: 45px;
    text-align: center;   
}
.social ul li a
{    
    font-size: 150%; 
    color: #fff;
    -webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
    cursor: pointer;
    right: 0;
    position: relative;
}  
 .social ul .face{background-color:#3b5998;}
 .social ul .twit{background-color:#00aced;}
 .social ul .goog{background-color:#dd4b39;}
 .social ul .yout{background-color:#bb0000;}
 .social ul .ques{background-color:#444;}
   
 .social ul .face:hover{background-color:#1e386d; right: 0px;}
 .social ul .twit:hover{background-color:#0484b5; right: 0px;}
 .social ul .goog:hover{background-color:#c33a2a; right: 0px;}
 .social ul .yout:hover{background-color:#920909; right: 0px;}
 .social ul .ques:hover{background-color:#444; right: 0px;}
 .social .support { height: auto; background: #00aeef; color: #fff; line-height: normal;}
 .social .support a { -webkit-writing-mode:tb;-ms-writing-mode:tb;writing-mode:tb;-webkit-writing-mode:vertical-lr;-ms-writing-mode:tb-lr;writing-mode:vertical-lr; font-size: 15px; padding: 10px 0px; }
 .social .support a:hover { text-decoration:none; }



/****************social*******************/

/***************foot_social***************/

.foot_social ul .face {background-color: #3b5998;}
.foot_social ul .goog {background-color: #dd4b39;} 
.foot_social ul .twit {background-color: #00aced;}
.foot_social ul .yout {background-color: #bb0000;}

.foot_social ul
{
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
}

.foot_social ul li > a { color:#fff; }

.foot_social ul li
{
    width: 60px;
    height: 60px;
    display: inline-block;    
    margin: 60px 10px;    
    border-radius: 50%;
    text-align: center;
}
.foot_social ul li a
{
    border: 1px solid #ddd;
    line-height: 60px;
    font-size: 190%;
    cursor: pointer;
    transition: all ease-in-out 0.3s;
    -webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    border: 1px solid transparent;
}

.foot_social ul li:hover
{
    box-shadow: 0px 1px 8px 0px #444;
}
 

/***************foot_social***************/

/***************conference***************/

.annual
{    
    position: relative;
    background-image: url(../images/bg3.jpg);
    background-position: center center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 60px 0px;
}
.annual:before
{
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    background-color: rgba(0, 0, 0, 0.4);
    position: absolute;
    top: 0;
    left: 0;
 }
 
.annual p
{
    font-size: 250%;
    color: #fff;
    margin: 0;
    font-weight: 500;
    text-align: center;    
    height: 40px;
    line-height: 40px;
    text-shadow: 1px -1px 2px #000000;
 }
 
 .annual a
 {
    width: 150px;
    height: 40px;
    line-height: 40px;
    background-color: #238bd8;
    color: #fff;
    display: inline-block;
    text-align: center;
    font-size: 150%;
    font-weight: 500;
    text-decoration: none;
 }

/***************conference***************/


.banner{}
#myCarousel .carousel-control.left, 
#myCarousel .carousel-control.right{ background-image:none; width: auto;}
#myCarousel .carousel-control.left{ margin-left:50px;} 
#myCarousel .carousel-control.right{ margin-right:50px;} 

#myCarousel .carousel-control.right .glyphicon-chevron-right:before{content: "\f105"!important;}
#myCarousel .carousel-control.left .glyphicon-chevron-left:before{content: "\f104"!important;}                 
#myCarousel .carousel-control.left .glyphicon-chevron-left:before,
#myCarousel .carousel-control.right .glyphicon-chevron-right:before
{
    width: 100%;
    height: 100%;
    border-radius:100%;
    display: block;
    text-shadow: none;
} 

#myCarousel .carousel-control .glyphicon-chevron-left, 
#myCarousel .carousel-control .glyphicon-chevron-right{
    font-family: fontawesome;
    font-size: 22pt;
    width: 35px;
    height: 35px;
    line-height: 35px;   background: #fff; color:#238bd8;
    border-radius:100%;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -ms-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
}

.carousel-inner > .item > img, .carousel-inner > .item > a > img{width:100%;}

.foot_addres
{
    margin:0;
    padding:0;
    list-style:none;
 }
 
.foot_addres li
{
    position:relative;
    padding-left:20px;
    margin: 2px 0px;
 }
 
.foot_addres li>i
{
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
     color: #505050;
     font-size: 110%;
}

a{ text-decoration: none;}

.navdv
{
    text-align: right;
    padding:5px 0;
    background:#f5f5f5;
    border-bottom:1px solid #e7e7e7;
}
.navdv a{ display: inline-block; text-decoration:none!important;}
.navdv span{ display: inline-block; padding: 0 5px; color: #666;}

.relative{ position:relative;}
.gallery{margin-bottom:15px;}

.newsdv{
	color:#ff0000;
}
#news .item{ text-align:center;}
.newsbutton
{
 position:relative; 
 text-align:center;   
}
.newsbutton div
{display:inline-block;padding-left:10px;}

.newsbutton span.fa
{
    width:25px; 
    height:25px;
    line-height: 27px;
    text-align: center;
    font-size: 70%; 
    border-radius:50%; 
    display:inline-block; 
    background-color: #cc0a4c; 
    color: #fff;
}

#pres1 , #msg1
{
    line-height: 1.5em;
    height: 4.5em;
    overflow: hidden;
    margin-bottom:15px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}

.inner_box
{
    box-shadow: 1px 1px 8px -2px #444;
    /*display: -webkit-box;*/
    display:table;
    height: 100%;
    margin: 10px auto;
    padding: 10px 0px;
    width: 80%;
 }
.pmemimg, .smemimg 
{
    height: 100px;
    width: 90px;
    border: solid 1px #ccc;
    padding: 5px;
    margin: 0 auto 15px;
    border-radius: 50%;
}

.clr{ clear:both;}

#brphoto, #brphoto1
{
    width:100%;
}

#brphoto a, #brphoto1 a 
{
    display: inline-block;
    height: 150px;
    overflow: hidden;
    position:relative;
    color:#000;
}
#brphoto a:hover, #brphoto1 a:hover{ opacity:0.5;}
#brphoto a span, #brphoto1 a span
{
    z-index: 9;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    white-space: nowrap;
    background: rgba(255, 255, 255, 0.64);
}
.mix_btn{text-align:center;}
#brpub>div img
{
    height:100px;
    margin:0 auto 10px;
    display: block;
}

#brpub>div a
{
    margin:0 auto;
    display: block;
}
#brpub>div a span
{
    display: block; color:#231f20!important; margin-top:10px;
}

#brpub>div a:hover{  text-decoration: none!important;}
#brpub>div a:hover img{opacity:0.6;}

.small_banner{
    margin-bottom: 25px;
}
.lft_menu
{
    margin-bottom:20px;
    border: 1px solid #238bd8;
    padding: 1px 1px 10px 1px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-transition: all .2s ease-in-out;
   -o-transition: all .2s ease-in-out;
   -moz-transition: all .2s ease-in-out;
   transition: all .2s ease-in-out;
}
.menuhdr
{
    background: #238bd8 /*url(../images/rgt-bg.png)*/ repeat center bottom;
    color: #fff;
    padding: 7px 0;
    margin-bottom: 5px;
    position: relative;
    text-align: center;
    width: 100%;
    border-bottom: 1px solid #ffffff;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
}
.lft_menu > a
{
    display: block;
    color: #000;
    padding: 2px 0 2px 20px;
    text-decoration: none;
    background: url(../images/arrow-2.gif) no-repeat 5px 5px;
}

.mdl
{
    -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.master_right a
{
    display: block;
    padding: 10px 15px;
    color: #fff;
    margin-bottom: 10px; /* font-size: 12pt; */
    text-align: left;
    background: #238bd8 /*url(../images/rgt-bg.png)*/ repeat center bottom;
    transition: 0.3s;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: #ccc 0px 2px 0px;
    -moz-box-shadow: #ccc 0px 2px 0px;
    box-shadow: #ccc 0px 2px 0px;
}

/****************sadhana add dentist directory********/

#tblDentist td:first-child + td .dts-dv{margin-left: 15px; margin-right: 15px;}
#tblDentist td{ vertical-align:top;}
.dts-dv
{
    width:208px; min-height:150px;
    padding:10px; margin-bottom:15px;
    border:1px solid #dbdbdb;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
}
.dts-dv:hover{
    box-shadow: 0 1px 2px #666;
    -webkit-box-shadow: 0 1px 2px #666;
    -moz-box-shadow: 0 1px 2px #666;
}
.expand 
{
    width:30px;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    transition: all .3s ease-in-out;
}
.expand:hover  
{
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    transform: scale(3.1); 
}
.headercss {
background-color: #238bd8;
color: #ffffff;
height: 20px!important;
font: bold 9pt arial!important;
}

.loader
{
  position: absolute;
  z-index:99;
    }
/*****************************************/


.tblgrid thead + tbody tr:nth-child(1):hover, 
.tblgrid1 thead + tbody tr:nth-child(1):hover{
    background-color:transparent !important;
}
.table.tblgrid > tbody + tbody,
.table.tblgrid1 > tbody + tbody {
    border-width: 1px;
}

.tblgrid{ border-collapse:collapse; width:100%;}
.tblgrid thead td, .tblgrid thead th {
  background-color: #238bd8;
  color: #ffffff;
  /*height: 25px!important;*/
}
.tblgrid thead th{text-align:center; font-weight:normal; }
.tblgrid thead th, .tblgrid td{border:1px solid #ccc; padding:1px 4px;}
.tblgrid tr:nth-child(odd){ background-color:#f1f7f9;}
.tblgrid tr:nth-child(even){ background-color:#fff;}
/*.tblgrid td:first-child{ text-align:center;}*/
.tblgrid td input{ color:#444!important;}

.tblgrid tr:hover, .tblgrid1 tr:hover{ background-color:#74b5e6!important; color:#fff!important; cursor:pointer;}
.tblgrid1 td:hover{color:#fff!important;}
.tblgrid tbody > tr::nth-child(1):hover{background-color:transparent !important;}
.TableText{width:70%; margin:0 auto 50px; text-align:justify;}
.TableText h3 
{
    margin: 30px 0 50px;
    text-align: center;
    font-size: 200%;
    font-weight: 400;
    position: relative;
    color: #353535;
}
.TableText h3:before
{
    content: '';
    width: 130px;
    height: 2px;
    background-color: #000;
    position: absolute;
    bottom: -18px;
    left: 50%;
    transform: translateX(-50%);    
    -webkit-transform: translateX(-50%);    
    -moz-transform: translateX(-50%);
}

#mydiv{ line-height:1.8em; text-align:left;}
#mydiv #name{ font-size:120%;}
.back{ position:absolute; right:0; top:5px; cursor:pointer;}
#memimg1
{
    border-width: 0px;
    height: 100px;
    width: 90px;
    display: inherit;
    border: solid 1px #ccc;
    padding: 5px;
    margin: 0 auto 15px;
}
#Img1
{
    height: 100px;
    width: 90px;
    border: solid 1px #ccc;
    padding: 5px;
    margin: 0 auto 15px;
    border-radius: 50%;
 }
#memimg
{
    height: 100px;
    width: 90px;
    border: solid 1px #ccc;
    padding: 5px;
    margin: 0 auto 15px;
    border-radius: 50%;
 }

.tblgrid1 td:nth-child(2){ color: #238bd8; font-weight: 600;}

.tblgrid1{ border-collapse:collapse; width:100%;}
.tblgrid1 td
{   
    height: 40px;
    line-height: 40px !important;
    border: none !important;
}

.tblgrid1 tr:nth-child(odd){ background-color:#f1f5f7;}
.tblgrid1 tr:nth-child(even){ background-color:#fff;}

.TableText .HODownload
{
    list-style: none;
}
.TableText .HODownload li
{
    margin: 25px 0px;
    position: relative;
}
.TableText .HODownload li a
{
    border: 1px solid #dd4b39;
    display: inline-block;
    padding: 5px 10px;
    padding-left: 50px;
    border-radius: 10px;
    text-decoration: none;
}
.TableText .HODownload li a:hover
{
    background-color: #dd4b39;
    color: #fff;    
}

.TableText .HODownload li:before
{
    content: "\f1c1";
    position: absolute;
    top: 50%;
    font-family: fontawesome;
    left: -5px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    font-size: 150%;
    color: #ffffff;
    width: 50px;
    height: 50px;
    line-height: 50px;
    background-color: #dd4b39;
    text-align: center;
    border-radius: 50%;
}

.navbar-brand > img{ display:inline-block; height: 50px;}

#Premes, #SMSG
{    
    background-color: #fbfbfb;
    padding: 20px 15px;
    border-radius: 6px;
}

#P1, #mname, #mtitle{ font-weight:bold;font-size: 110%;}


/******************************************
              OfficeBearer
*******************************************/


/******************************************
                 member
*******************************************/

.sec1
{
    padding:80px 0px;
    background-color:#fff;
  }
.sec2
{
    padding:80px 0px;
    background-color:#f5f5f5;
  }

.member
{
    background-color:#eae5e5;
    position: relative;
}

.member:after
{
    content: '';
    position: absolute;
    width: 800px;
    transform: translate(-50%, -50%) rotate(45deg);
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -moz-transform: translate(-50%, -50%) rotate(45deg);
    height: 800px;
    right: 45%;
    top: 50%;
    background-color: #e91e63;    
    box-shadow: 15px -15px 15px -13px #807d7d;
}

.member .heading h3
{
    color: #323435;
}

.mem_img img
{    
    margin: 0% auto;
}
.member .member_box
{
    padding: 35px;
    text-align: center;
    margin-bottom: 20px;
    cursor: pointer;
    position:relative;
    overflow:hidden;
    z-index:5;
}

.member .mem_txt a
{
    text-decoration:none;
    color:#fff;
    display: block;
    padding: 20px 15px;    
    background-color: #238bd8;
}
.member .mem_txt a:hover
{
   background-color:#246fa7;
 }
.member .member_box:hover:before
{
  opacity: 1;
}

.member .mem_txt
{
.member .mem_txt {
    background-color: #238bd8;
    width: 100%;
    color: #fff;
    transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    box-shadow: 0px 0px 10px 8px rgba(255, 255, 255, 0.34);
}
}
 
.member .member_box:hover>.mem_txt
{
    opacity: 1;left: 0%;
}

.member .mem_txt h4
{
    font-size: 220%; 
    margin:0;
}

.member .mbene
{
    overflow: hidden;
    position: relative;
    margin-top: 80px;
    margin-left: 10%;
    width: 90%;
}
.member .mbene img
{
   width: 100%;
}
.member .mbene:before
{
    content: '';
    border: 4px solid #238bd8;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    transition: all ease-in-out 0.3s;
    -webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    z-index: 1;
 }
 
.member .mbene:hover:before
{
    border-color:#fff;
 }

 
.member .mbene a
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 200%;
    line-height: 180px;
    background-color: rgba(0, 0, 0, 0.3);
    color: #fff;
    font-weight: 500;    
    z-index: 2;
    text-decoration:none;    
    transition: all ease-in-out 0.3s;
    -webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
 }

.member .mbene:hover a
{
     background-color: rgba(0, 19, 123, 0.61);   
 }
img.emp_logo
{    
    display: block;
    margin-left: auto;
    margin-right: auto;    
    border: 1px dashed #238bd8;
    padding: 10px;    
}

@media (min-width:1500px) 
{
    
.member:before
{
    content: '';
    position: absolute;
    width: 1000px;
    height: 100%;
    left: -800px;
    top: 0;
    background-color: #E91E63;
}


}


/******************************************
               //member
*******************************************/

/******************************************
               myCarousel-news
*******************************************/

#myCarousel-news .item
{
    /*position: relative;
    display: inline;*/
}
#myCarousel-news .item span
{    
    font-size: 120%;
    background-color: #e91e63;
    padding: 10px;
    display: inline-block;
    overflow: -webkit-paged-x;
    color: #ffffff;
}

/*#myCarousel-news .item:before, #myCarousel-news .item:after {
    content: "";
    position: absolute;
    display: block;
    bottom: -1em;
    border: 1.5em solid #cc0a4c;
    z-index: -1;
}

#myCarousel-news .item:before {
 left: -2em;
 border-right-width: 1.5em;
 border-left-color: transparent;
}

#myCarousel-news .item:after {
 right: -2em;
 border-left-width: 1.5em;
 border-right-color: transparent;
}

#myCarousel-news .item span:before, #myCarousel-news .item span:after {
 content: "";
 position: absolute;
 display: block;
 border-style: solid;
 border-color: #214822 transparent transparent transparent;
 bottom: -14px;
}
#myCarousel-news .item span:before {
 left: 0;
 border-width: 1em 0 0 1em;
}

#myCarousel-news .item span:after {
 right: 0;
 border-width: 1em 1em 0 0;
}*/

/******************************************
                //myCarousel-news
*******************************************/


/******************************************
                 event
*******************************************/

.event .conference
{
    position: relative;
    display: block; 
    overflow:hidden;
}

.event .conference:before
{
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 90%;
    height: 90%;
    background-color: rgba(0, 0, 0, 0.25);
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    border: 5px solid rgba(255, 255, 255, 0.5);
}

.event .conference:after
{
    content: 'Annual State Conference';
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    color: #fff;
    font-size: 250%;
    line-height: 45px;
}

.event  .event_list ul
{    
    list-style: none;
    padding: 0;
    margin: 0% auto;
    width: 400px;
    position: relative;
}

.event  .event_list ul:before
{
    content: '';
    border: 1px solid #ddd;
    position: absolute;
    left: 15px;
    top: 0;
    height: 100%;
 }
 
.event  .event_list ul li
{
    margin-left:30px;
    position: relative;
}
 
.event  .event_list ul li a
{
    background-color: #238bd8;
}
.event .event_list ul li:before
{
    content: '';
    position: absolute;
    top: 50%;
    left: -22px;
    width: 15px;
    height: 15px;
    background-color: #dad8d8;
    border-radius: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
 }
 
.event  .event_list ul li:after
 {
    content: '';
    position: absolute;
    top: 50%;
    left: -19px;
    width: 9px;
    height: 9px;
    background-color: #238bd8;
    border-radius: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    z-index: 1;
 }
 
.event .event_list ul li a
{
    display: block;
    height: 50px;
    line-height: 50px;
    margin:7px 0;
    color: #f5f5f5;
    font-size: 110%;
    font-weight: 500;
    text-decoration: none;
}

#upevents li:nth-child(odd):before{ background-color: rgba(36, 139, 216, 0.1);}
#upevents li:nth-child(even):after{ background-color: #16629a;}
#upevents li:nth-child(even) a{ background-color: #16629a;}



#owl-annualconf .item
{
     position: relative;
    margin-top: 50px;
    text-align: center;
}

#owl-annualconf .annual_img
{
    padding: 0;
    position: absolute;
    left: 50%;
    top: -50px;
    transform: translateX(-50%);    
    -webkit-transform: translateX(-50%);    
    -moz-transform: translateX(-50%);

}
#owl-annualconf .annual_img img
{
    width: 90px;
    height: 90px;
    border-radius: 10%;
    border: 2px solid #16629a;
}

#owl-annualconf .annual_txt
{
    padding: 10px 15px;
    border: 2px solid #16629a;
    background-color: #f3f0f0;
    padding-top: 50px;
}


#owl-annualconf .annual_txt h4
{
    margin: 0;
    margin-bottom: 10px;
}
#owl-annualconf .annual_txt .date
{
    display: block;
    font-size: 90%;
    margin-top: 10px;
    color: #FF9800;
    font-style: italic;
}

#owl-annualconf .annual_txt p
{   
     height: 4.5em;
    line-height: 1.5em;
    overflow: hidden;
    margin: 0;
}

#owl-annualconf .owl-controls
{
    margin-top:10px;
}

#owl-events .item
{
    position: relative;
    margin-top: 50px;
    text-align: center;
}

#owl-events .annual_img
{
    padding: 0;
    position: absolute;
    left: 50%;
    top: -50px;
    transform: translateX(-50%);    
    -webkit-transform: translateX(-50%);    
    -moz-transform: translateX(-50%);

}
#owl-events .annual_img img
{
    width: 90px;
    height: 90px;
    border-radius: 10%;
    border: 2px solid #238bd8;
    background: #FFF;
}

#owl-events .annual_txt
{
    padding: 10px 15px;
    border: 2px solid #238bd8;
    background-color: #f3f0f0;
    padding-top: 50px;
}
#owl-events .annual_txt a
{
    color:#000;
    text-decoration:none;
}

#owl-events .annual_txt h4
{
    margin: 0;
    margin-bottom: 10px;
}

#owl-events .annual_txt .date
{
    display: block;
    font-size: 90%;
    margin-top: 10px;
    color: #FF9800;
    font-style: italic;
}

#owl-events .annual_txt p
{   
    height: 4.5em;
    line-height: 1.5em;
    overflow: hidden;
    margin: 0;
}

#owl-events .owl-controls
{
    margin-top:10px;
}

.record {
    margin: 0 auto;
    font-size: 150%;
    font-family: Georgia;
    font-weight: bold;
    text-align: center;
    color: #DD262A;
}


/******************************************
                //event
*******************************************/

/******************************************
                 swach
*******************************************/

.swach 
{
    position: relative;
    background-image: url(../images/bg2.jpg);
    background-position: center center;
    background-attachment: fixed;    
    background-repeat: no-repeat;
    background-size: cover;
}
.swach:before
{
   content:'';
   position:absolute;
   width:100%;
   height:100%;
   background-color:rgba(0, 0, 0, 0.3);
   top:0;
   left:0;
    
 }
 .swach_box{
    position: relative;
    }

.swach .swach_logo
{
    width: 320px;
    height: 320px;
    line-height: 320px;
    display: inline-block;
    border-radius: 50%;
    position: relative;
    top: 0;
    left: 0px;
    z-index: 5;
    background-color: #fff;
  }
  
.swach .swach_logo:before {
    content: "";
    border: 2px dashed #ee6437;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
  }
.swach_link
{
    position: absolute;
    top: 0;
    left: 140px;
    width: 460px;
    overflow: hidden;
}
.swach .swach_box:hover .swach_logo:before {
    border-color: #70a544;
    -webkit-animation: fa-spin 2s infinite linear;
    -moz-animation: fa-spin 2s infinite linear;
    -ms-animation: fa-spin 2s infinite linear;
    -o-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}

.swach .swach_logo img
{
     display: inline-block;   
  }
  
.swach .swach_link ul
{
    padding: 0;
    margin: 0;
    list-style: none;
 }

.swach .swach_link ul li
{
    position: relative;
    background-color: #70a544;
    margin: 25px 0px;
    left: 0;
    padding-left: 190px;
    overflow: hidden;
    z-index: 2;
}

.swach .swach_link ul li:before
{
    content: '';
    background-color: #508624;
    position: absolute;
    left: -100%;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    transition: all ease-in-out 0.5s;    
    -webkit-transition: all ease-in-out 0.5s;    
    -moz-transition: all ease-in-out 0.5s;
}

.swach .swach_link ul li:hover:before
{
    left:0;
}
    
    
.swach .swach_link ul li a
{
    font-size: 120%;
    color: #fff;
    display: block;
    line-height: 50px;
    text-decoration: none;
    font-weight: 500;
}

/******************************************
                //swach
*******************************************/
/***********************************
        Public Activities
***********************************/
#PublicActivities
{
    background-image: url(../images/sma/ida_smile.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    position: relative;
    text-align: justify;
    color: #b7b7b7;
    display: block;
}

#PublicActivities:before
{
    content: "";
    background: rgba(51, 51, 51, 0.1);
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
}
#PublicActivities ul{
    list-style-type:none;
    padding:0;
}
#PublicActivities ul li{
    margin-bottom: 15px;
    width: 33.33%;
    display: inline-table;
    padding: 5px;
}

#PublicActivities ul li a{
    padding: 12px 0px;
    font-size:9pt;
    padding-left: 80px;
    background-color: #fff;
    border-radius: 4px;
    color: #4d5459;
    display: inline-block;
    text-align: left;
    text-decoration: none;
    position: relative;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    height: 60px;
    vertical-align: top;
    width: 100%;
}
#PublicActivities ul li a:hover{
    background: #f58b3c;
    color:#fff;
}
#PublicActivities ul li a:hover .PublicActivitiesDate:after{
    border-left-color: #fff!important;
}
#PublicActivities ul li a:hover .PublicActivitiesDate{
    background-color:#fff;
    color:#f58b3c;
    font-weight:500;
}
.PublicActivitiesDate{
    display: inline-block;
    position: absolute;
    top: 0px;
    bottom: 1px;   
    left: 1px;
    background-color: #f58b3c;
    color: #fff;
    width: 60px;
    padding: 0px 15px;
    border-radius: 4px;
    height: 60px;
}

.PublicActivitiesDate>span{ display:block; text-align:center;}
.PublicActivitiesDate>span:first-child{
    font-weight: bold;
    font-family: lato;
    font-size: 15pt;
    padding-top: 15px;
}
.PublicActivitiesDate>span:nth-child(2){
    position:absolute;
    /*bottom:0px;*/ left:0; right:0;
}

.PublicActivitiesDate:after {
    content: '';
    position: absolute;
    right: -10px;
    top: 50%;
    z-index: 1;
    margin-top: -10px;
    border: 10px solid transparent;
    border-left-color: #f58b3c!important;
    border-right: 0;
}

/***********************************
    //Public Activities
***********************************/

/******************************************
                app_box
*******************************************/

.app_box
{
    border-top: 1px dashed #238bd8;
    padding: 50px 0px;
    text-align: center;
    line-height: normal;
}

.app_box a
{    
    display: inline-block;
    margin: 0px 10px;
    transition: all ease-in-out 0.3s;
    -webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    border:2px solid #444;
    box-shadow:0px 14px 6px -9px rgba(51, 51, 51, 0.82);
}
.app_box a:hover
{
    border: 2px solid #FFEB3B;
 }

.app_box a img
{
   height: 60px;
}
.app_box a span
{
    width: 150px;
    height: 40px;
    line-height: 40px;
    background-color: #238bd8;
    color: #fff;
    display: inline-block;
    text-align: center;
    font-size: 150%;
    font-weight: 500;
    text-decoration: none;
}

/******************************************
                //app_box
*******************************************/

.list-grid-btn .btn-group a.selected {
    background: #238bd8;
    color: #fff;
    border-color: #067dd6;
}

.Member-Details{
    margin: 0; padding:0;
    list-style-type:none;
}

.Member-Details>li{
    padding:0;
}
.Member-info {
    position:relative;
    padding: 10px 15px;
}
.Member-info:hover{
    background-color:#01aef2;
    color:#fff;
    cursor:pointer;
}
.Member-info:hover strong, .Member-info:hover span{
    color:#fff;
}


.Member-info.selected{
    background-color:#e8e8e8;
    color: inherit!important;
    border-bottom:1px solid #eee;
}

.Member-info.selected:hover strong, .Member-info.selected:hover span{
    color: inherit!important;
}

.Member-info.selected:before{
    content: "";
    border-top-color: #e4e4e4!important;
    border: 12px solid transparent;
    position: absolute;
    left: 254px;
    top: 100%;
}

.Member-info.selected:after{
    content: "";
    border-top-color: #e8e8e8!important;
    border: 10px solid transparent;
    position: absolute;
    left: 256px; top: 100%;
}
.Member-Photo {
    position:absolute;
    top: 50%; left: 15px;
    width:50px; height: 50px;
    overflow:hidden;
    text-align: center;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.Member-Photo img{
    max-width:100%;
    max-height:100%;
    border-radius: 5px;
}
.Member-Name {
      padding-left: 40px;
    /*height:50px;*/
}
.Member-Name strong{
    color:#1B2432;display:block;
}
.Member-Name span{
    display:inline-block; font-size: 85%; font-weight:600; color:#1B2432;
}

.Member-Name p{
    margin:0; text-align:left; font-size: 95%;
}
.Member-Add-Details{ 
    padding: 15px; display:none;
}

.Member-Add-Details>span{display:block;margin: 4px 0px;}
.OfficeBearer-Details>span{display:block;margin: 4px 0px;}

.list-grid-btn {
    text-align: right;
    padding: 15px;
    display: block;
}

.OfficeBearer-Details>span:first-child 
{
    color: #fff;
    font-weight: bold;
    font-size: 120%;
}

.OfficeBearer-grid{ list-style-type:none; margin:0; padding:0;}
.OfficeBearer-grid>li {
    background: #fff;
    outline: 1px solid #e5e5e5;
    padding: 20px;
    height:200px;
    overflow: hidden;
    position: relative;text-align: center;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}


.OfficeBearer-grid>li .OfficeBearer-Details {
    padding:15px 15px 50px 15px;
    position:absolute;
    left:0; right:0;top:0; bottom:0;
    color:#fff;
    background-color:#238bd8;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.OfficeBearer-grid>li:hover .OfficeBearer-Details {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
}

.OfficeBearer-grid>li:hover .OfficeBearer-name {
    color:#fff;
}

.OfficeBearer-btns{
    position:absolute;
    bottom:0; left:0; right:0;
    padding: 9px 0;
    text-align:center;
    display:none;
}
.OfficeBearer-btns a{
    padding: 3px 12px;
    background-color: #fff;
    color: #da2128;
    font-weight: 500;
    display:inline-block;
    position: relative;
    text-decoration: none;
    border-radius: 25px;
}

.OfficeBearer-photo {
    height: 100px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.OfficeBearer-photo img{ max-height:100%; max-width:100%; border-radius:4px;}

.OfficeBearer-name {
    font-size: 105%;
    color:#1B2432;
    font-weight: 600;
    margin: 15px 0 5px;
}

.OfficeBearer-name + p {
    margin: 0; text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.OfficeBearer-msg{
    background: #fff;
    border-bottom: 1px solid #e5e5e5;
    padding: 0 0 20px 0; margin-bottom:25px;
    position: relative;text-align: center;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.OfficeBearer-msg-photo {
    height: 100px;
    /*float:left; margin-right:10px;*/
}

.OfficeBearer-msg-photo img{ max-height:100%; max-width:100%; border-radius:4px;}

.OfficeBearer-msg-name {
    font-size: 105%;
    color:#1B2432;
    font-weight: 600;
    margin: 15px 0 5px;
}
.OfficeBearer-msg-name + p {
    margin: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-align: center;
}

.OfficeBearer-Sign{ margin-top:40px;}
.OfficeBearer-Sign h4 {
    font-size: 105%;
    color: #1B2432;
    font-weight: 600;
    margin: 0;
}

.OfficeBearer-Sign p{
    margin: 4px 0;
}

/*OpenDetails modal css start*/
#OpenDetails .modal-body  .item { height:300px; }
#OpenDetails .modal-body  .item img { height:100%; width:100%; object-fit:contain; } 
/*OpenDetails modal css end*/


@media (max-width: 481px) {
    #brphoto>div, #brphoto1>div{ width:100% !important; padding:0;}
    #brpub>div{width:100%;}
    .event .event_list ul{width:100%;}
    .foot_social ul li
    {
        margin: 20px 5px 0px;    
        font-size: 170%;
        line-height: 50px;
        width: 50px;
        height: 50px;   
     }
    
}

@media (max-width: 540px) 
{
    .social {
        position: relative;
        top: 0;
        text-align: center;
    }
    .social ul li 
    {
        width: 30px;
        height: 30px;
        line-height: 30px;
        display: inline-block;
        vertical-align: top;
    }
    .social ul li a 
    {
       font-size: 100%; 
    }
    .social .support 
    {
      width: auto; 
      height: 30px; line-height: 30px;   
    }
    .social .support a 
    {
     writing-mode: inherit;
     padding: 10px 10px;   
    }
    
    /*OpenDetails modal css start*/
    #OpenDetails .modal-body  .item { height:150px; }
    #OpenDetails .TableText { text-align:left; }
    /*OpenDetails modal css end*/

}

@media (max-width: 641px) {
    .container1{ width:100%!important;}
    .navbar-nav .dropdown-menu > li > a { color: #e2e2e2!important;}    
    .sma_logo{display:none;}
    .swach .swach_link ul{ width:auto; }
    .member .mem_txt h4{ font-size:150%; }
    .hdr{font-size:200% !important;}
    .member .mbene a{line-height:150px;}
    .annual p
    {    
        font-size: 150%;
        height: auto;
        line-height: normal;
        margin-bottom: 15px;
     }
  
}
@media (max-width: 768px) 
{
    #Premes{ margin-bottom:20px;}
    .TableText { width:100%;  }
   .member .mbene {width:100%; margin-top:25px;  margin-left:0; }
     #brphoto>div, #brphoto1>div 
     {
        width: 50%;
        padding: 0px 5px;
    }   .social ul li{right:0px;}
}


@media (min-width: 768px) 
{

}
@media (min-width: 992px) 
{
    #brpub>div{ display: table-cell; float:none;}
}
.logo-link
{    
    line-height: 1.5em;
    margin-right: 35px;
    
    }
.ftraddress
{
    line-height: 1.5em;
    margin-left: 35px;
    margin-top: 25px;
}
.clear
{
    clear: both;
}

.h-sep
{
    margin:35px 0;
    border-top: 1px solid #e5e5e5;
}
.h-sep-t
{
    margin:35px 0 0;
}
.h-sep-b
{
    margin:0 0 35px;
}
.hdr
{
    margin-top: 30px;    
    margin-bottom: 45px;
    position: relative;
    font-family: 'Montserrat', sans-serif;
    font-size: 240%;
    color: #1B2432;
    line-height: 1em;
    display: block;
}
.hdr .white
{
    color:#fff;
}
.hdr:before
{
    content: "";
    margin: 0;
    width: 135px;
    height: 1px;
    background-color:#1B2432;
    display: block;
    position: absolute;
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);

}
.hdr:after
{
    content: "";
    margin: 0;
    width: 110px;
    height: 1px;
    background-color: #1B2432;
    position: absolute;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
}

.hdr1
{ 
    background-color: #238bd8;
    /*background-color: #337ab7;
    background-color: #00AFF0;*/
    color: #fff;
    padding: 30px 10px;
}
.hdr1 img{ width:80px;display: inherit;}


.heading
{
    font-size:  120%;
    font-weight:bold;
    padding: 15px 0 0 0 !important;
    margin-bottom: 15px;
}
.heading p a
{
    color: #fff;
}

.block_bottom
{
    padding: 15px 30px;
    background:#f1f7f9;
    border-bottom: 1px solid #238bd8;
    border-top: 1px solid #238bd8;
    margin-top: 20px;
    color:#238bd8;
}

.lnk
{
    padding: 0px 25px;
}
.lnk a
{
    width: auto;
    height: auto;
    display: block;
    padding: 5px 0 5px 12px;
    background: url(../Images/black_arrow.png) no-repeat left center;
    color: #fff;
    text-decoration: none;
}
.copy
{
    background: #238bd8;
    padding: 15px 0px;
    color: #fff;
    text-align: center;
    border-top: 1px solid #fff;
}

.btn-all
{
    color: #238BD8;
    background-color: #ffffff;
    border-color: #238BD8 !important;
}
.btn-all:hover
{
    color: #ffffff !important;
    background-color: #238BD8;
    border-color: #238BD8;
      transition: all 0.2s ease-out 0s;
}
.btn-d
{
    color: #fff;
    background-color: #238BD8;
}
.btn-d:hover
{
    color: #ffffff;
    background-color: #ff0000;
}

.bdr
{
    border: 1px solid #eee;
    /*margin: 3px;
    padding: 5px 5px 5px;   */ 
    position: relative;
    width:150px;
}
img.bdr{ margin:0 auto; display:inherit;}


/*.carousel{ margin:30px 0;} sadhana as per sir*/
.carousel{ margin-bottom:30px;}

.circle{ border-radius:50%;}


@media (max-width: 1024px) 
{
 .Member-Photo{left:4px}

}

/***** bottom-to-top start *****/

#toTop
{
    display: none;
    text-decoration: none;
    position: fixed;
    bottom: 0px;
    right: 0px;
    overflow: hidden;
    width: 51px;
    height: 51px;
    border: none;
    text-indent: -999px;
    background: url(../images/ui.totop.png) no-repeat left top;
}
#toTopHover
{
    background: url(../images/ui.totop.png) no-repeat left -50px;
    width: 51px;
    height: 51px;
    display: block;
    overflow: hidden;
    float: left;
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
}
#toTop:active, #toTop:focus
{
    outline: none;
}

/***** bottom-to-top End *****/


/****** social media *******/
.sw
{
    float:right;
    margin-left:15px;
    /*padding-top: 15px;
    padding-bottom: 10px;
    */
}

.sw a
{
    float: left;
    text-decoration: none;
    text-indent: -9999px;
    transition: all 0.5s ease 0s;
    width: 22px;
    height: 22px;
    margin-right: 5px;
}
.sw a:before{ display:none!important;}
.sw a.fa-facebook
{
    background: url(../images/facebook.png) no-repeat top center;
}
.sw a.fa-facebook:hover
{
    background-position: left bottom;
}

.sw a.fa-twitter
{
    background: url(../images/twitter.png) no-repeat top center;
}
.sw a.fa-twitter:hover
{
    background-position: left bottom;
}

.sw a.fa-youtube
{
    background: url(../images/youtube.png) no-repeat top center;
}
.sw a.fa-youtube:hover
{
    background-position: left bottom;
}
.sw a.fa-google-plus
{
    background: url(../images/Linkedin.png) no-repeat top center;
}
.sw a.fa-google-plus:hover
{
    background-position: left bottom;
}

/****** social media End *******/


/**************************videos start****************************/

.closeButton
{
    background-image: url(../images/close.png);
}
.closeButton:hover
{
    background-position: -30px 0;
}
.closeButton
{
    background-image: url(../images/close.png);
}
.closeButton:hover
{
    background-position: -30px 0;
}
.closeButton
{
    background-image: url(../images/close.png);
}
.closeButton:hover
{
    background-position: -30px 0;
}
.closeButton
{
    background-image: url(../images/close.png);
}
.closeButton:hover
{
    background-position: -30px 0;
}
.jssorb03
{
    position: absolute;
}
.jssorb03 div, .jssorb03 div:hover, .jssorb03 .av
{
    position: absolute;
    width: 21px;
    height: 21px;
    text-align: center;
    line-height: 21px;
    color: #fff;
    font-size: 12px;
    background: url(../images/b03.png) no-repeat;
    overflow: hidden;
    cursor: pointer;
}
.jssorb03 div
{
    background-position: -5px -4px;
}
.jssorb03 div:hover, .jssorb03 .av:hover
{
    background-position: -35px -4px;
}
.jssorb03 .av
{
    background-position: -65px -4px;
}
.jssorb03 .dn, .jssorb03 .dn:hover
{
    background-position: -95px -4px;
}

/****************video end******************/


/***************** MENU *****************/
.cssmenu
{
    background-color: #000000;
    border-bottom: 2px solid #00AFF2;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    z-index:1;
}

#cssmenu
{
}
#cssmenu > ul {
  width: auto;
  list-style-type: none;
  padding: 0;
  margin: 0;
  float: right;
}
#cssmenu > ul li#responsive-tab {
  display: none;
}
#cssmenu > ul li {
  display: inline-block;
  /*display: inline;*/
  zoom: 1;
}
#cssmenu > ul li.right {
  float: right;
}
#cssmenu > ul li.has-sub {
  position: relative;
}
#cssmenu > ul li.has-sub:hover ul {
  display: block;
}
#cssmenu > ul li.has-sub ul {
  display: none;
  width: 250px;
  position: absolute;
  margin: 0;
  padding: 0;
  z-index:9999;
  list-style-type: none;
  background: #000000;
}
#cssmenu > ul li.has-sub ul li {
  display: block;
}
#cssmenu > ul li.has-sub > a {
  background-image: url(../images/caret.png);
  background-repeat: no-repeat;
  background-position: 97% 32px;
}
#cssmenu > ul li.has-sub > a.active,
#cssmenu > ul li.has-sub > a:hover {
  background: #238bd8 url(../images/caret.png) no-repeat;
  background-position: 97% -21px;
}
#cssmenu > ul li a {
  display: block;
  /*padding-bottom:2px;*/
  text-decoration: none;
  color: #EFEFEF;
  /*border-bottom:2px solid transparent;*/
}
#cssmenu > ul li a span{ display:block; padding:25px 15px; /*border-bottom:2px solid #fff;*/}
#cssmenu > ul li ul li a span{ display:block; padding: 4px 15px; /*order-bottom:0px solid #fff;*/}
#cssmenu > ul li a:hover {
  background: #238bd8;
  color: #fff;
  /*border-bottom:2px solid #0c50a0;*/
}
#cssmenu > ul li[class=active] a span{font-size:0;}
#cssmenu > ul li[class=active] a
{
  border-bottom:0px solid #0c50a0;
  background:url(../images/home.png) no-repeat center 115%;
}
#cssmenu > ul li[class=active] a:hover
{
  border-bottom:0px solid #0c50a0;
  background:url(../images/home.png) no-repeat center -7%;
}
@media (max-width: 768px) {
  #cssmenu > ul {
    width: 100%;
  }
  #cssmenu > ul li#responsive-tab {
    display: block;margin: 10px;
  }
  #cssmenu > ul li#responsive-tab a {
    background: url(../images/menu.png) no-repeat;
    background-position: 97% -40%;
	font-weight: bold;padding: -1px 15px 11px;
  }
  #cssmenu > ul li#responsive-tab a:hover {
    /*background-color: #19AAAC;*/
    background-position: 95% 150%;
  }
  #cssmenu > ul li {
    display: none;
  }
  #cssmenu > ul li.right {
    float: none;
  }
  #cssmenu > ul li.has-sub {
    position: relative;
  }
  #cssmenu > ul li.has-sub ul {
    display: block;
    position: static;
    width: 100%;
    background: #000000;
    border: 0 none;
  }
  #cssmenu > ul li.has-sub ul li {
    display: block !important;
  }
  #cssmenu > ul li.has-sub ul li a span {
    display: block;
    padding-left: 24px;
  }
  #cssmenu > ul li.has-sub > a {
    background-image: none;
  }
  #cssmenu > ul li a { }
	#cssmenu > ul li a span{ display:block; padding: 12px 15px 9px;}
}
 
@media (min-width: 992px) {
  #cssmenu > ul > li.collapsed {
    display: inline-block !important;
    *display: inline;
    zoom: 1;
  }
  #cssmenu > ul ul li.collapsed {
    display: block !important;
  }
}


/************* MENU END *****************/

.list, .grid{margin-top:10px;}
.list{width:100%; border-collapse:collapse;}
.list td, .list th{ border:1px solid #ccc; padding:4px;}
.list tr{
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.list th{ background:#666;font-weight:normal; text-align:center; padding-top:5px; padding-bottom:5px; border-top:1px solid #333; border-bottom:1px solid #333;}
.list th a{ color:#fff; }
.list td:first-child{ text-align:center;}
.list tr:nth-child(odd){ background:#ECF3FE;}
.list tr:nth-child(even){ background:#fff;}
.list tr:hover td 
{
    background:#3B81D8; border-top:1px solid #567FB8; border-bottom:1px solid #567FB8; color:#fff;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.list .photo{ height:40px;}

.grid tr 
{
    position:relative; float:left; width:32%; padding:12px;
    border:1px solid #efefef; display:inline-block; margin-bottom:15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.grid tr:hover
{
    border:1px solid #ccc;
    -webkit-box-shadow: #999 0px 1px 2px;
    -moz-box-shadow: #999 0px 1px 2px;
    box-shadow: #999 0px 1px 2px;
}
.grid thead{ display:none;}
.grid tr:nth-child(3n+2){ margin:0 2%;}
.grid td{ border:0px solid #ccc; padding:0px; display:block; line-height: 1.5em;}
.grid td.sept{ display:inline-block!important;}
.grid .photo{ height:100px; margin-bottom:15px;}


#grid, #list {
	display: inline-block;
	width: 40px;
	height: 28px;
	overflow: hidden;
	white-space: nowrap;
	color: #d0d0d0;
	margin: 2px;
}
#grid:hover, #list:hover{ color:#333;}
#grid:before, #list:before {
	width: 40px;
	height: 28px;
	font-size: 30px;
	text-align: center;
	display: inline-block;
	font-family: 'fontawesome';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}
#grid:before {
	content: "\f00a";
}
#list:before {
	content: "\f00b";
}

/***********************************************/

@media (max-width: 767px)
{
     .ftraddress{ margin-top:20px;}
     #panel .content{ width: 200px; margin: 10px auto;}
     .lgnbtndv {float: left; margin-top:10px; width: 100%; text-align: center;}
     .lgn2, #td_ddlOpera, #td_passId{float: left; margin-bottom:5px; text-align:left;}
     .app_box a{margin-top:15px;}
     .sepdv, .sepdv1{margin-top: 0px !important; border-top-left-radius:0 !important; border-top-right-radius:0 !important;
        border: 1px solid #ccc !important;}
}
@media (max-width: 768px) 
{
    .btn_tb{ padding:15px 0;}
    .Member-Photo{left:0;}
    .swach .swach_logo { left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);}
    .swach_link { position: inherit; left: 0; width: 100%; text-align:center;}
    .swach .swach_link ul li{padding:0;}
}
@media (min-width: 768px) 
{
   /* body, input, select, textarea, a {
        font-size: 9pt;
    }*/
    .cssmenu.sticky{
        position: fixed;
        top:0;
        width: 100%;
        border-bottom: 0px solid #fff;
        -webkit-transition: all 0.4s ease;
        transition: all 0.4s ease;
        box-shadow: 0 2px 3px #ccc;
        -moz-box-shadow: 0 2px 3px #ccc;
        -webkit-box-shadow: 0 2px 3px #ccc;
    }
}

@media (min-width: 992px)
{
    .navbar-default .navbar-nav{ float:right;}
    .btn_tb{ padding-top:15px;}
    .td1{ width:10%;}
    .td2{ width:40%;}
    .td3{ width:40%;}
    .td4{ width:10%;}
    .grid .btnspc-tp{padding-top:10px;}
}

@media (min-width: 1200px){
    body, input, select, textarea, a {
        font-size: 11pt;
    }
    .Member-info {
    padding: 10px 270px;
    }
    .Member-Photo {
        left: 240px;
    }
    .Member-Name {
        text-align: left;
    }
    .Member-Add-Details {
    padding: 15px 240px;
    }

}


/*************** Banner **********************/
 .jssort03 .w, .jssort03 .pav:hover .w
{
    position: absolute;
    width: 60px;
    height: 30px;
    border: white 1px dashed;
}
* html .jssort03 .w
{
    width /**/: 62px;
    height /**/: 32px;
}
.jssort03 .pdn .w, .jssort03 .pav .w { border-style: solid; }
.jssort03 .c
{
    width: 62px;
    height: 32px;
    filter:  alpha(opacity=45);
    opacity: .45;
                	
    transition: opacity .6s;
    -moz-transition: opacity .6s;
    -webkit-transition: opacity .6s;
    -o-transition: opacity .6s;
}
.carousel .carousel-inner > .item > img, .carousel-inner > .item > a > img
{
  width:100%;  
  }
.jssort03 .p:hover .c, .jssort03 .pav .c
{
    filter:  alpha(opacity=0);
    opacity: 0;
}
.jssort03 .p:hover .c
{
    transition: none;
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: none;
}
.jssora02l, .jssora02r, .jssora02ldn, .jssora02rdn
{
    position: absolute;
    cursor: pointer;
    display: block;
    background: url(../images/a02.png) no-repeat;
    overflow:hidden;
}
.jssora02l { background-position: -3px -33px; }
.jssora02r { background-position: -63px -33px; }
.jssora02l:hover { background-position: -123px -33px; }
.jssora02r:hover { background-position: -183px -33px; }
.jssora02ldn { background-position: -243px -33px; }
.jssora02rdn { background-position: -303px -33px; }
 
/*************** Banner End ******************************/

/*****footer logos*********/

.logo-link a{ display:block; text-align:center;
              padding-top: 15px; padding-bottom: 15px; 
              border-bottom: 1px dashed #ccc;
            }
.logo-link a:last-child{ border-bottom: 0;}
.logo-link a img{ display:inline; max-width:90%; margin:0 auto;}



/*****footer logos end*********/


.marbtm{ margin-bottom:15px;}	
.mes
{
    text-align: center;
    background: #238bd8;
    color: #fff;
    padding: 5px 5px;    
    font-weight: bold;
    width: 150px;
     -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 15px 50px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    border:1px solid #000;
    font-size:17pt;
    }

 .dialog .form-control
        {
            margin-bottom: 10px;
        }
        .sepdv
        {
            padding: 0px 22px;
            height: 380px;
            margin: 0 0 20px 0;
            float: left;
            /*border-right: 1px solid #298ed8;
            border-left: 1px solid #298ed8;*/
            border-top: 1px solid #238bd8;
            border-top-left-radius: 37px;
            border-top-right-radius: 37px;
            overflow: hidden;
            background-color: #fff;
            padding-top: 15px;
            margin-top: -50px;
        }
        .sepdv1
        {
            /*border-right: 1px solid #298ed8;
            border-left: 1px solid #298ed8;*/
            border-top: 1px solid #238bd8;
            border-top-left-radius: 37px;
            border-top-right-radius: 37px;
            padding: 0px 22px;
            height: 380px;
            margin: 0 0 20px 0;
            float: left;
            overflow: hidden;
            background-color: #fff;
            padding-top: 15px;
            margin-top: -50px;
        }
        /*#twitter-widget-0
        {
            height: 300px !important;
        }*/
        blockquote a
        {
            color: #FFF;
        }
        
/******************************************
            Gallery
******************************************/

#portfolio{
	width: 100%;
}

.portfolio-content {
	display: inline;
	width: 100%;
}
.portfolio-menu{
	display: inline;
	float: left;
	width: 100%;
}
.portfolio-menu ul{
	display: inline-block;
	width: 100%;
	text-align: center;
	margin: 0;
    padding: 0;
}
.portfolio-menu ul li {
    cursor: pointer;
    display: inline-block;
    font-size: 110%;
    margin: 0 13px;
    position:relative;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.portfolio-menu ul li.active
{
    font-weight:bold;
}

.portfolio-container {
	display: inline;
	float: left;
	margin-top: 20px;
	width: 100%;
}
.single-portfolio {
	display: inline;
	float: left;
	padding: 9px;
	width:25%;
	position:relative;
}
.single-portfolio img{
	height:200px;
	width:100%;
}

#mixit-container .mix{
    display: none; position: relative;
}

/******************************************
            //Gallery
******************************************/

.covid
    {
        background-color: #FFF;
        text-align: center;
    }
    .covid a
    {
        position: relative;
        z-index: 1;
        margin: 0;
        background-color: #da2128;
        color: #FFF;
        display: inline-block;
        text-decoration: none;
        padding: 15px 20px;
        border-radius: 50px;
        animation: glowing 1500ms infinite;
        transition:all .3s ease-in-out;
    }
    .covid a:hover{
            transform:scale(1.05);
            box-shadow:inset 0 0 transparent, 0 0 0 4px #da2128;
        }
    @media (min-width:992px)
    {
        .covid
        {
            margin-top: -64px;
        }
        .covid a
        {
            /*top: 28px;*/
            padding: 20px 40px;
            font-size: 1.7rem;
            font-weight: 700;
        }
    } 
    /*button Blink*/
@-webkit-keyframes glowing {
  0% { background-color: #da2128; }
  50% { background-color: #238bd8; }
  100% { background-color: #da2128;}
}

@-moz-keyframes glowing {
  0% { background-color: #da2128;}
  50% { background-color: #238bd8;}
  100% { background-color: #da2128;}
}

@-o-keyframes glowing {
  0% { background-color: #da2128;}
  50% { background-color: #238bd8;}
  100% { background-color: #da2128;}
}

@keyframes glowing {
  0% { background-color: #da2128;}
  50% { background-color: #238bd8;}
  100% { background-color: #da2128;}
}
/*button Blink End*/ 
.rgtpopup
        {
            width: 300px;
            height: 220px;
            padding: 30px;
            position: fixed;
            right: 15px;
            bottom: 0;
            z-index: 9999;
            background: #fff;
            box-shadow: 0 0 22px rgba(0,0,0,0.2);
            -webkit-transform: translateY(0%);
            -moz-transform: translateY(0%);
            -ms-transform: translateY(0%);
            -o-transform: translateY(0%);
            transform: translateY(0%);
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
            /*display: none;*/
        }
        .rgtpopup a:hover
        {
            text-decoration: none;
        }
        .rgtpopup.Hidergtpopup
        {
            -webkit-transform: translateY(100%);
            -moz-transform: translateY(100%);
            -ms-transform: translateY(100%);
            -o-transform: translateY(100%);
            transform: translateY(100%);
        }
        .rgtpopup ul
        {
            padding: 0;
            margin: 0;
            list-style-type: none;
        }
        .rgtpopup li
        {
            height: 400px;
        }
        .rgtpopup li img
        {
            width: 100%;
        }
        .popupclose
        {
            position: absolute;
            top: 11px;
            right: 11px;
            cursor: pointer;
            color: #000;
            font-size: 140%;
        }
        
        .OpenAnnouncement
        {
            padding: 8px 10px;
            display: block;
            position: fixed;
            right: 80px;
            bottom: 0;
            z-index: 1;
            font-size: 20pt;
            background: #fff;
            color: #008641;
            border-radius: 3px 3px 0 0;
            box-shadow: 0 0 22px rgba(0,0,0,0.2);
            -webkit-transform: translateY(100%);
            -moz-transform: translateY(100%);
            -ms-transform: translateY(100%);
            -o-transform: translateY(100%);
            transform: translateY(100%);
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
            z-index: 99 !important;
        }
        .OpenAnnouncement:hover
        {
            background: #008641;
            color: #fff;
        }
        
        .OpenAnnouncement i
        {
            -webkit-transform: rotate(-10deg);
            -moz-transform: rotate(-10deg);
            -ms-transform: rotate(-10deg);
            -o-transform: rotate(-10deg);
            transform: rotate(-10deg);
        }
        .CloseAnnouncement
        {
            -webkit-transform: translateY(0%);
            -moz-transform: translateY(0%);
            -ms-transform: translateY(0%);
            -o-transform: translateY(0%);
            transform: translateY(0%);
        }
        @media (max-width: 991px)
        {
            .rgtpopup, .CloseAnnouncement
            {
                -webkit-transform: translateY(100%);
                -moz-transform: translateY(100%);
                -ms-transform: translateY(100%);
                -o-transform: translateY(100%);
                transform: translateY(100%);
            }
        
            .rgtpopup.Hidergtpopup, .OpenAnnouncement
            {
                -webkit-transform: translateY(0%);
                -moz-transform: translateY(0%);
                -ms-transform: translateY(0%);
                -o-transform: translateY(0%);
                transform: translateY(0%);
            }
        }
        @media (max-width:479px)
        {
            .rgtpopup
            {
                width: 100%;
                height: 100%;
                left: 0;
                right: 0;
                z-index: 9999;
            }
        }