h1{color:#DF0900;text-align:left;font-size:1.5rem;}
h2{color:#DF0900;}
h3{font-size:1rem;color: maroon;background: #f0e6c8;padding: 3px;border-bottom: 1px solid #918f87;}
h4{color:maroon;}
.tamil{font-family: 'Meera Inimai', sans-serif;}
/* General */
.cpad{padding:5%;}
.vpad{padding:2% 0;}
.cpad25{padding:2% 5%;}
.min-ht{min-height:360px;}
.alt-bg{background:#e6e6e6;color:#333;}
.push-down-info {margin-top:15%;margin-left:-25px;}
.mar-sides{margin:0 2%;}
.card{border:0 solid transparent;}
.wrap {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;width: 100%;}
.surround {justify-content: space-around;}
.vercent{align-self:center;}
.border-bot{border-bottom:1px solid grey;}
/* Board */
 .content {padding-top: 30px;}
.heading {z-index: 1;position: relative;text-align: center;margin-bottom: 100px;}
.heading:after {left: 50%;height: 3px;width: 50px;content: " ";bottom: -35px;margin-left: -25px;position: absolute;background: #444;}
.heading h2 {font-size: 30px;font-weight: 500;margin: 0 0 20px;color: #444;}
.heading p {font-size: 16px;font-weight: 300;letter-spacing: 0.5px;text-transform: uppercase;color: #8693a7;}
/* Team Members */
.team-members {width: 100%;cursor: pointer;overflow: hidden;position: relative;margin-bottom: 35px;}
.team-members .team-avatar {position: relative;}
.team-members .team-avatar:after {top: 0;left: 0;width: 100%;height: 100%;content: " ";position: absolute;background: none;transition-duration: 300ms;transition-property: all;transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);}
.team-members .team-avatar img {display: block;margin: 0 auto;text-align: center;}
.profile-image img {width: 310px !important; object-fit: contain}
.team-members .team-desc {
    left: auto;
    bottom: 30px;
    width: 100%;
    padding: 0 20px;
    position: absolute;
    opacity: 0;
    color: #fff;
    -webkit-transform: translate3d(0, 10%, 0);
    transform: translate3d(0, 10%, 0);
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -ms-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;}
.team-members .team-desc h4 {font-size: 16px;font-weight: 600;margin: 0 0 10px;color: #fff;}
.member-post h4 {font-size: 16px;font-weight: 600;color:grey;margin-top: -16px;}
.team-members .team-desc span {display: block;font-size: 11px;font-weight: 600;color: #fff;}
.team-members:hover .team-avatar:after {
    background: rgba(47, 60, 72, 0.5);
    transition-duration: 300ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);}
.team-members:hover .team-desc {
    -webkit-transform: translate3d(0, -5%, 0);
    transform: translate3d(0, -5%, 0);
    -webkit-transform: translate3d(0, -10%, 0);
    transform: translate3d(0, -10%, 0);}
.team-members:hover .team-desc {
    opacity: 1;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;}
ul, li {list-style: none;}
.my-slider {margin: 0 auto;/*width: 900px;*/width: 100%;z-index:999999;}
.my-slider ul {height: 350px;overflow: hidden;}
.my-slider li {float: left;}
.zoom_img{margin:3px;padding:10px;-moz-transition:-moz-transform 0.5s ease-in;-webkit-transition:-webkit-transform 0.5s ease-in;-o-transition:-o-transform 0.5s ease-in;background:#fff;border:1px solid #ccc;z-index:999999;}
.zoom_img:hover{-moz-transform:scale(1.3);-webkit-transform:scale(1.3);-o-transform:scale(1.3);background:#fff;border:1px solid #ccc;}
.sbg{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9dd53a+0,a1d54f+50,80c217+51,7cbc0a+100;Green+Gloss+%231 */
background: rgb(157,213,58); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(157,213,58,1) 0%, rgba(161,213,79,1) 50%, rgba(128,194,23,1) 51%, rgba(124,188,10,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(157,213,58,1) 0%,rgba(161,213,79,1) 50%,rgba(128,194,23,1) 51%,rgba(124,188,10,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(157,213,58,1) 0%,rgba(161,213,79,1) 50%,rgba(128,194,23,1) 51%,rgba(124,188,10,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', endColorstr='#7cbc0a',GradientType=0 ); /* IE6-9 */
color:#fff;}
.sbg2{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff3019+0,cf0404+100;Red+3D */
background: rgb(255,48,25); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,48,25,1) 0%, rgba(207,4,4,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */
color:#fff;text-align:center;margin-top:10px;padding:10px;}

@media only screen and (min-width: 768px) {
.logo {width: 150px}
}