@charset "utf-8";
/* CSS Document */
/** Generated by FG **/ 
html, body, input, textarea, select { font-size: 13px; color: #363636; font-family: 'Open Sans', sans-serif; line-height: 1.5; background-color: #f1f1f1; }
/* CSS Document */
html { font-size: 100% }
article, aside, details, figcaption, figure, footer, header, main, nav, section, summary, title { display: block }
dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0; padding: 0 }
table { border-collapse: collapse; border-spacing: 0 }
fieldset, img { border: 0 }
ol, ul { list-style: none }
sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline }
sup { top: -0.5em }
sub { bottom: -0.25em }
a img { border: 0; display: block }
a:active, a:focus, a:hover, input[type="image"], select:focus, input, input[type="button"]:focus, :focus { outline: 0; text-decoration: none; }
.clearfix { *zoom:1
}
a { color: #e44b32; }
a:hover, a:focus { color: #333; }
.clearfix:before, .clearfix:after { display: block; content: ""; line-height: 0 }
.clearfix:after { clear: both }
img { max-width: 100%; }
/*************************************************/
body { background-image: url(../images/bg.jpg); }
.heading-text { font-size: 15px; color: #2e2e2e; text-transform: uppercase; font-weight: bold; margin: 20px 0 15px 0; }
.award-image, .member-image { border: solid 2px #e44b32; position: relative; }
.first-member { margin: 0 15px 0 0px; }
.border-box { background-color: #fff; padding: 15px; border-radius: 10px; border: solid 1px #e2e2e2; margin: 20px 0 0 0; }
.about-us-data .border-box { min-height: 400px; }
.number img { display: inline-block; vertical-align: middle; margin: 0 5px 0 0; }
.social-icon a { display: inline-block; margin: 0 5px; }
.social-icon { text-align: center; display: block; }
.emmber-detail b { display: block; margin: 10px 0 2px 0; }
.emmber-detail i { font-style: normal; color: #484848; }
.mis-img { float: left; text-align: center; width: 115px; height: 100px; position: relative; padding: 5px; }
.mis-img img { max-height: 115px; width: 100%; object-fit: cover; object-position: center; }
.overlap { width: 120px; height: 130px; background-image: url('../../images/frame.png'); background-repeat: no-repeat; background-size: 120px 130px; position: absolute; left: 0px; top: -5px; }
.overlap img { display: none; }
.first-award h3 { text-align: center; font-size: 16px !important; font-weight: bold; margin: 10px 0 0 0; }
.over-detail { overflow: hidden; padding: 0 0 0 15px; }
.over-detail p { line-height: normal; margin: 0 0 5px 0; }
.miss-u-section li { display: table; margin: 0 0 15px 0; }
.e-magazine li p { line-height: normal; margin: 0 0 5px 0; }
.e-magazine li p a { color: #e44b32; }
.e-magazine li { display: table; margin: 0 0 15px 0; }
.event-list li { border: solid 1px #000000; padding: 10px 10px 10px 25px; margin: 0 0 15px 0; position: relative; }
.event-list li em { width: 35px; height: 35px; border-radius: 50%; border: solid 1px #000; position: absolute; top: 0; background-color: #e44b32; text-align: center; line-height: 33px; font-style: normal; font-size: 15px; font-weight: bold; left: -17px; bottom: 0; margin: auto; color: #fff; }
.event-titl a { text-transform: uppercase; font-weight: bold; font-size: 15px; }
.event-titl i { font-style: normal; float: right; margin: 5px 0 0 0; }
.event-list b { margin: 5px 0 0 0; display: block; }
.event-list b img { display: inline-block; vertical-align: middle; }
.event-titl a { text-transform: uppercase; font-weight: bold; font-size: 20px; line-height: normal; }
.event-list { position: relative; padding: 0 20px 0 0; }
.event-list .readmore { text-transform: uppercase; letter-spacing: 3px; transform: rotate(90deg); position: absolute; right: 0; top: 95px; bottom: 0; margin: auto; transform-origin: 100% 80%; height: 15px; }
.about-text p { font-size: 13px; line-height: normal; margin: 0 0 15px 0; }
.about-text .readmore { text-transform: uppercase; float: right; }
.red-line { height: 10px; background-color: #e44b32; width: 130px; display: inline-block; margin: 10px 0 0 0; }
.newsletter-section { border-radius: 10px; background-color: #e44c32; height: 78px; margin: 20px 0 0 0; padding: 15px; align-items: center; display: flex; }
.newsletter-input { width: 100%; }
.education-section li { margin: 0 0 17px 0; }
.met-button img { display: inline-block }
.met-button { margin: 20px 0 0 0; text-align: center; }
.hover-show { position: absolute; }
.award-image { position: relative; text-align: center; min-height: inherit; }
.award-image img { position: static; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }
.member-image img { display: inline-block; max-height: 227px; }
.member-image { text-align: center; min-height: 210px; }
/*.mis-img img{ display:inline-block;}
.mis-img{ text-align:center}*/
.hover-show { position: absolute; transition: .2s; background-color: #e44c32c4; height: 100%; width: 100%; opacity: 0; }
.number { display: block; text-align: center; color: #ffff; font-weight: 40; margin: 0 0 10px 0; font-size: 20px; }
.newsletter-section i { color: #ffffff; font-style: normal; font-size: 20px; white-space: nowrap; padding: 0 20px 0 10px; }
.newsletter-input { width: 100%; position: relative; }
.newsletter-input input { border-radius: 5px; border-radius: 5px; height: 44px; border: 0; padding: 0 15px; width: calc(100% - 60px); color: #000; font-size: 15px; }
.newsletter-input button { background-color: transparent; font-weight: bold; color: #fff; font-size: 18px; height: 44px; border: 2px solid #fff; border-radius: 5px; margin: 0 0 0 5px; }
.samaj-member-slider .number { margin: 160px 0 8px 0; }
.samaj-member-slider { margin: 0 0 20px 0; }
.award-image .social-icon { margin: 250px 0 0 0; }
.first-award p { text-align: center; padding: 5px 0 0 0; line-height: 18px; min-height: 90px; }
.award-image img { max-height: 100%; }
.award-image:hover .hover-show, .member-image:hover .hover-show { opacity: 1; }
.social-first-slider b { display: block; margin: 10px 0 0 0; }
.social-first-slider i { font-style: normal; }
.social-slider button { background-image: url(../images/slider-arrow.svg); font-size: 0; border: 0; background-color: transparent; height: 28px; background-repeat: no-repeat; width: 20px; background-size: 50px; background-position: center left; padding: 0; position: absolute; bottom: 0; left: 10px; top: 0; margin: auto; z-index: 9; }
.social-slider button.slick-next.slick-arrow { left: auto; right: 10px; background-position: center right; }
.social-first-slider i { margin: 0 0 10px 0; display: block; }
.footer-section { background-image: url(../images/footer-image.png); padding: 10px 0 0 0; background-position: center bottom; background-repeat: no-repeat; background-size: contain; }
.copy { display: inline-block; color: #fff; }
.app-link { float: right; }
.black-footer-line { background-color: #333; padding: 20px 0; }
.copy { display: inline-block; color: #fff; font-size: 15px; margin: 5px 0 0 0; }
.nav-div { background-color: #e44c32; min-height: 65px; border-bottom: solid 3px #cacaca; }
.navigation > ul { text-align: center; }
.navigation > ul > li { line-height: 65px; position: relative; display: inline-block; border-bottom: 1px solid #fff; }
.navigation li a { color: #fff; }
.navigation > ul > li > a { border-right: solid 1px #fff; padding: 0 20px; font-size: 14px; }
.navigation > ul > li:last-child a { border-right: 0; }
.navigation > ul > li::before { content: ""; height: 3px; position: absolute; bottom: -3px; width: 0; background-color: #e44c32; transition: .2s; left: 0; right: 0; margin: 0 auto; }
.navigation > ul > li:hover::before { width: 100%; }
.navigation > ul > li:nth-child(2):hover .dropdown-menu { display: block; }
.navigation > ul > li:nth-child(3):hover .dropdown-menu { display: block; }
.navigation > ul > li:nth-child(4):hover .dropdown-menu { display: block; }
.navigation > ul > li:nth-child(6):hover .dropdown-menu { display: block; }
.navigation > ul > li:nth-child(8):hover .dropdown-menu { display: block; }
.navigation > ul > li:nth-child(9):hover .dropdown-menu { display: block; }
/*.navigation > ul > li>a .ecmsmenu:hover .dropdown-menu {display: block;}*/

.navigation .dropdown-menu { border-radius: 0; margin: 0; padding: 0; border: none; box-shadow: 0 5px 10px rgba(0,0,0,.3); }
.navigation .dropdown-menu > li > a { padding: 8px 10px; }
.navigation .dropdown-menu > li:not(:last-child) > a { border-bottom: solid 1px rgba(255,255,255,.3); }
.right-social-section { background: rgb(251,204,25); background: linear-gradient(0deg, rgba(251,204,25,1) 0%, rgba(242,75,47,1) 100%); }
.left-logo-section { float: left; }
.right-social-section span { display: inline-block; vertical-align: middle; margin: 0 10px; }
.mobile-no { font-size: 15px; font-weight: bold; color: #fff; }
.right-social-section span a { display: inline-block; vertical-align: middle; margin: 0 2px; }
.right-social-section { right: -50px; float: right; margin: 10px 0; padding: 15px 15px; border-radius: 30px 0 0 30px; position: relative; z-index: 9; margin: 28px 0 0 0; }
.right-social-section::before { content: ""; width: 8000px; position: absolute; height: 100%; background-color: red; z-index: -1; top: 0; left: 50px; background: rgb(251,204,25); background: linear-gradient(0deg, rgba(251,204,25,1) 0%, rgba(242,75,47,1) 100%); }
.main-div { overflow: hidden; }
.left-logo-section { position: relative; z-index: 9;width: 120px; }
.left-logo-section::before { content: ""; width: 8000px; position: absolute; height: 56px; border-radius: 0 30px 30px 0; top: 0; bottom: 0; margin: auto; background-color: red; z-index: -1; top: 0; right: -40px; background: rgb(251,204,25); background: linear-gradient(0deg, rgba(251,204,25,1) 0%, rgba(242,75,47,1) 100%); }
.big-header-image { display: none; min-height: 190px; background-position: center bottom 15%; background-repeat: no-repeat; background-position: center; background-size: cover; }
/*.header-section { position: absolute; left: 0; width: 100%; margin: 20px 0 0 0; }*/
.header-section { background-image: url('../../img/header_bg.jpg'); display: inline-block; width: 100%; position: relative; text-align: center; color: #eee; padding:50px 0 10px 0; }
.header-section:before { content: ''; background-color: rgb(0 0 0 / 80%); position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.header-section .container { margin: -145px auto 0; }
.main-div { overflow: hidden; width: 100%; position: relative; }
.amrque marquee { width: calc(100% - 70px); line-height: 1.5; color: #e44c32; font-weight: 600; padding: 5px 0 0px; }
.amrque { background-color: #fff; position: relative; padding: 10px 0; }
.amrque .container { position: relative; }
.amrque b { /*position: absolute; left: 15px; */ font-size: 20px; background: #fff; z-index: 9; color: #e44c32; top: -5px; border-right: solid 1px #e44c32; padding: 0 10px 0 0; }
.mising- { display: table; width: 100%; margin: 7px 0; min-height: 130px; }
.event-detail-list { border-radius: 10px; background-color: #fff; border: solid 1px #ddd; width: 100%; padding: 20px 20px; margin: 20px 0 0 0; }
.event-detail h2 { color: #e44c32; font-size: 20px; font-weight: bold; line-height: normal; margin: 0 0 5px 0; }
.contant-person { font-size: 15px; }
.event-detail i {
 font-style:; font-style: normal; font-size: 15px; margin: 0 0 15px 0px; display: block; }
.jzdbox1 { width: 100%; background: #332f2e; border-radius: 10px; overflow: hidden; display: block; margin: 0 auto; }
.jzdcal { padding: 0 10px 10px 10px; box-sizing: border-box !important; background: #333; margin-top: 30px; }
.jzdcalt { font: 18px 'Roboto'; font-weight: 700; color: #f7f3eb; display: block; margin: 18px 0 0 0; text-transform: uppercase; text-align: center; letter-spacing: 1px; }
.jzdcal span { font: 11px 'Roboto'; font-weight: 400; color: #f7f3eb; text-align: center; width: 42px; height: 42px; display: inline-block; float: left; overflow: hidden; line-height: 40px; }
.jzdcal .jzdb:before { opacity: 0.3; content: 'o'; }
.circle { border: 1px solid #f7f3eb; background-color: #e44c32; box-sizing: border-box!important; border-radius: 200px!important; }
.calander { margin: 25px 0 0 0; border-radius: 7px; border: solid 10px #fff; background-color: #fff; height: 348px; overflow: hidden; }
.address-div i { font-style: normal; font-size: 15px; font-weight: bold; }
.address-div li { display: inline-block; margin: 0 20px 20px 0; }
.address-div p { font-size: 17px; }
.side-tabs { float: left; width: 300px; }
.tab-content { overflow: hidden; }
.list2.checklist li::before { content: ""; font-size: 14px; background-image: url(../images/arrow.svg); line-height: 1em; left: -25px; color: #e85242; width: 15px; height: 15px; background-color: transparent; position: absolute; top: 8px; }
.list2 li { position: relative; padding: 5px 0 5px 0; }
.tab-content { padding: 20px 0 25px 25px; }
.side-tabs li { display: block; width: 100%; }
.side-tabs { float: left; width: 250px; background-color: #ddd; border-radius: 5px; padding: 15px 0 15px 15px; background-color: #e44c32; margin: 15px 0 0 0; }
.side-tabs li a { padding: 15px 0 15px 15px; transition: .2s; color: #fff; display: block; border-bottom: solid 1px #ea7a67; font-weight: 500; }
.entry-content p { margin: 0px 0 15px 0; }
.scroll-animi a { background-color: #e44c32; color: #fff; border-radius: 5px; padding: 10px 15px; display: inline-block; margin: 5px 0px; transition: .2s; }
.scroll-animi a:hover { opacity: .8; }
.side-tabs li.active a { background-color: #fff; color: #e44c32; border-radius: 10px 0 0 10px; }
.side-tabs li a:hover { background-color: #fff; color: #e44c32; border-radius: 10px 0 0 10px; }
.scroll-animi li { display: inline-block; }
.list2.checklist { padding-left: 25px; }
.entry-title { margin: 0 0 10px 0; }
/* ------------------------------------ */
.flex-w { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; }
/* ------------------------------------ */
.flex-l { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; justify-content: flex-start; }
.flex-r { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; justify-content: flex-end; }
.flex-c { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; justify-content: center; }
.flex-sa { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; justify-content: space-around; }
.flex-sb { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; justify-content: space-between; }
/* ------------------------------------ */
.flex-t { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -ms-align-items: flex-start; align-items: flex-start; }
.flex-b { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -ms-align-items: flex-end; align-items: flex-end; }
.flex-m { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -ms-align-items: center; align-items: center; }
.flex-str { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -ms-align-items: stretch; align-items: stretch; }
/* ------------------------------------ */
.flex-row { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; }
.flex-row-rev { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; -o-flex-direction: row-reverse; flex-direction: row-reverse; }
.flex-col { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; }
.flex-col-rev { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; -o-flex-direction: column-reverse; flex-direction: column-reverse; }
/* ------------------------------------ */
.flex-c-m { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; justify-content: center; -ms-align-items: center; align-items: center; }
.flex-c-t { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; justify-content: center; -ms-align-items: flex-start; align-items: flex-start; }
.flex-c-b { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; justify-content: center; -ms-align-items: flex-end; align-items: flex-end; }
.flex-c-str { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; justify-content: center; -ms-align-items: stretch; align-items: stretch; }
.flex-l-m { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; justify-content: flex-start; -ms-align-items: center; align-items: center; }
.flex-r-m { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; justify-content: flex-end; -ms-align-items: center; align-items: center; }
.flex-sa-m { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; justify-content: space-around; -ms-align-items: center; align-items: center; }
.flex-sb-m { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; justify-content: space-between; -ms-align-items: center; align-items: center; }
/* ------------------------------------ */
.flex-col-l { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -ms-align-items: flex-start; align-items: flex-start; }
.flex-col-r { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -ms-align-items: flex-end; align-items: flex-end; }
.flex-col-c { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -ms-align-items: center; align-items: center; }
.flex-col-l-m { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -ms-align-items: flex-start; align-items: flex-start; justify-content: center; }
.flex-col-r-m { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -ms-align-items: flex-end; align-items: flex-end; justify-content: center; }
.flex-col-c-m { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -ms-align-items: center; align-items: center; justify-content: center; }
.flex-col-str { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -ms-align-items: stretch; align-items: stretch; }
.flex-col-sb { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; justify-content: space-between; }
/* ------------------------------------ */
.flex-col-rev-l { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; -o-flex-direction: column-reverse; flex-direction: column-reverse; -ms-align-items: flex-start; align-items: flex-start; }
.flex-col-rev-r { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; -o-flex-direction: column-reverse; flex-direction: column-reverse; -ms-align-items: flex-end; align-items: flex-end; }
.flex-col-rev-c { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; -o-flex-direction: column-reverse; flex-direction: column-reverse; -ms-align-items: center; align-items: center; }
.flex-col-rev-str { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; -o-flex-direction: column-reverse; flex-direction: column-reverse; -ms-align-items: stretch; align-items: stretch; }
/*[ Absolute ]
-----------------------------------------------------------
*/
 
/*//////////////////////////////////////////////////////////////////
[ Utility ]*/
 
.hov1:hover { color: #c87ef0; }
/*//////////////////////////////////////////////////////////////////
[ login ]*/
.limiter { width: 100%; margin: 0 auto; }
.container-login100 { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; align-items: stretch; flex-wrap: wrap; }
.wrap-login100 { width: 650px; min-height: 500px; background: #fff; border-radius: 2px; position: relative; }
/*------------------------------------------------------------------
[ Login100 more ]*/
.login100-more { background-repeat: no-repeat; background-position: center; background-size: cover; width: calc(100% - 650px); position: relative; z-index: 1; border-radius: 15px 0 0 15px; }
/*==================================================================
[ Form ]*/

.login100-form { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; justify-content: space-between; }
.login100-form-title { display: block; width: 100%; font-size: 20px; color: #333333; line-height: 1.2; text-align: left; font-weight: bold; margin: 0 0 30px 0; }
/*------------------------------------------------------------------
[ Input ]*/

.wrap-input100 { width: 100%; position: relative; border-bottom: 2px solid #dbdbdb; margin-bottom: 20px; }
.label-input100 { font-size: 14px; color: #333; line-height: 1.2; padding-left: 2px; font-weight: normal; }
.input100 { border: 0; display: block; width: 100%; height: 36px; background: transparent; font-size: 15px; color: #555555; line-height: 1.2; padding: 0 2px; }
.focus-input100 { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; pointer-events: none; }
.focus-input100::before { content: ""; display: block; position: absolute; bottom: -2px; left: 0; width: 0; height: 2px; -webkit-transition: all 0.4s; -o-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; background: #d5007d; background: -webkit-linear-gradient(45deg, #d5007d, #e53935); background: -o-linear-gradient(45deg, #d5007d, #e53935); background: -moz-linear-gradient(45deg, #d5007d, #e53935); background: linear-gradient(45deg, #d5007d, #e53935); }
.input100:focus + .focus-input100::before { width: 100%; }
.has-val.input100 + .focus-input100::before { width: 100%; }
/*==================================================================
[ Restyle Checkbox ]*/

.input-checkbox100 { display: none; }
.label-checkbox100 { margin: 0; display: block; position: relative; padding-left: 26px; cursor: pointer; }
.label-checkbox100::before { content: "\f00c"; font-family: FontAwesome; font-size: 13px; color: transparent; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; justify-content: center; align-items: center; position: absolute; width: 16px; height: 16px; border-radius: 2px; background: #e6e6e6; left: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.input-checkbox100:checked + .label-checkbox100::before { color: #c87ef0; }
/*------------------------------------------------------------------
[ Button ]*/
.container-login100-form-btn { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.wrap-login100-form-btn { display: block; position: relative; z-index: 1; border-radius: 25px; overflow: hidden; }
.login100-form-bgbtn { position: absolute; z-index: -1; width: 100%; height: 300%; background: #e8519e; background: -webkit-linear-gradient(top, #e8519e, #c77ff2, #e8519e, #c77ff2); background: -o-linear-gradient(top, #e8519e, #c77ff2, #e8519e, #c77ff2); background: -moz-linear-gradient(top, #e8519e, #c77ff2, #e8519e, #c77ff2); background: linear-gradient(top, #e8519e, #c77ff2, #e8519e, #c77ff2); bottom: -100%; left: 0; -webkit-transition: all 0.4s; -o-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; }
.login100-form-btn { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; justify-content: center; align-items: center; padding: 0 20px; min-width: 244px; height: 50px; font-size: 16px; color: #fff; line-height: 1.2; }
.wrap-login100-form-btn:hover .login100-form-bgbtn { bottom: 0; }
/*------------------------------------------------------------------
[ Alert validate ]*/

.validate-input { position: relative; }
.alert-validate::before { content: attr(data-validate); position: absolute; max-width: 70%; background-color: #fff; border: 1px solid #c80000; border-radius: 2px; padding: 4px 30px 4px 10px; bottom: calc((100% - 25px) / 2); -webkit-transform: translateY(50%); -moz-transform: translateY(50%); -ms-transform: translateY(50%); -o-transform: translateY(50%); transform: translateY(50%); right: 2px; pointer-events: none; color: #c80000; font-size: 14px; line-height: 1.4; text-align: left; visibility: hidden; opacity: 0; -webkit-transition: opacity 0.4s; -o-transition: opacity 0.4s; -moz-transition: opacity 0.4s; transition: opacity 0.4s; }
.alert-validate::after { content: "\f06a"; font-family: FontAwesome; display: block; position: absolute; color: #c80000; font-size: 18px; bottom: calc((100% - 25px) / 2); -webkit-transform: translateY(50%); -moz-transform: translateY(50%); -ms-transform: translateY(50%); -o-transform: translateY(50%); transform: translateY(50%); right: 8px; }
.alert-validate:hover:before { visibility: visible; opacity: 1; }
 @media (max-width: 992px) {
.alert-validate::before { visibility: visible; opacity: 1; }
}
.true-validate::after { content: "\f26b"; font-family: Material-Design-Iconic-Font; font-size: 22px; color: #00ad5f; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; position: absolute; bottom: calc((100% - 25px) / 2); -webkit-transform: translateY(50%); -moz-transform: translateY(50%); -ms-transform: translateY(50%); -o-transform: translateY(50%); transform: translateY(50%); right: 5px; }

/*//////////////////////////////////////////////////////////////////
[ Responsive ]*/

@media (max-width: 576px) {
.wrap-login100 { padding-left: 15px; padding-right: 15px; }
}
.no-padding { padding: 0; }
.p-50 { padding: 40px; }
button.login100-form-btn { background-color: #e44c32; border: 0; margin: 0px 0 0 0; }
.container-login100-form-btn {/* margin: 40px 0 0 0; */ }
#signsend_otp { margin: 0 0 20px; }
.modal-lg-1080 { width: 1080px; max-width: 100%; }
.modal-lg-1080 .modal-content { border-radius: 15px; }
.wrap-login100 { border-radius: 15px; }
.dis-block.sign-in-text { font-size: 16px; }
button.close { position: absolute; right: 15px; top: 15px; font-size: 36px; font-weight: normal; }
.member-list .heading-text a { float: right; }
.member-list .number { margin: 150px 0 10px 0; }
.miss-you .first-award b { text-align: center; display: block; margin: -10px 0 15px 0; font-size: 15px; }
.register-popup .wrap-input100 { width: 48%; }
.miss-you .first-award a { font-weight: bold; margin: 7px 0 15px 0; display: inline-block; text-align: center; display: block; }
.miss-you-detail { padding: 20px; }
.miss-you-detail h5 { font-size: 20px; font-weight: bold; margin: 0 0 10px 0; }
.miss-you-detail p { font-size: 15px; margin: 0 0 15px 0; }
.miss-you-detail i { display: block; font-style: normal; font-weight: bold; margin: 7px 0 0 0; }
.miss-you-div button.close { top: 10px; font-size: 30px; }
.gallery img { width: 15px; display: inline-block; margin: 0 5px 0 0; }
.gallery { background-color: #e44c32; border-radius: 50px; padding: 10px 20px; display: inline-block; margin: 10px 0 0 0; color: #fff; font-weight: bold; }
/*.event-galary { width: 25%; float: left; }*/
.event-galary { width: 100%; float: left; border: solid 1px #ddd; border-radius: 10px; overflow: hidden; }
.gallery-detail-list { background-color: #fff; padding: 5px 5px; border-radius: 10px; border: solid 1px #e2e2e2; margin: 20px 0 0 0; }
/*img.you_mis_img { height: 100px !important; }*/

#send_otp, #signsend_otp { border-radius: 250px !important; }
#page-banner-decor .big-header-image { min-height: 190px; }
.card-details-block { /*display:flex;
    flex-wrap: wrap;*/ }
.card-details-block .card-decor { margin-bottom: 15px; }
.sigle-item-block { display: flex; width: 100%; justify-content: space-between; }
.sigle-item-details { width: 25%; display: flex; flex-direction: column; align-items: center; }
.sigle-item-details .item-title { font-size: 18px; font-weight: 800; padding-top: 5px; color: #e44c32; }
.sigle-item-details .item-sub-title { font-size: 14px; color: #e44c32; }
.sigle-item-details .item-image > img { border-radius: 6px; border: 2px solid #e44c32; max-height: 250px; }
.item-description { width: 73%; }
.item-description .item-title { font-weight: 800; padding-top: 5px; color: #e44c32; }
.item-description .item-sub-title { font-size: 14px; color: #e44c32; }
.committee-member { display: flex; justify-content: center; flex-direction: column; align-items: center; }
.committee-member .member-img { max-width: 250px; }
.committee-member .member-img > img { border: solid 2px #e44b32; border-radius: 6px; }
.committee-member .member-details { color: #e44b32; text-align: center; }
.committee-member .member-details h2 { font-weight: 800; padding-top: 5px; }
.search-form form { display: flex; flex-direction: row; }
.search-form form .input.text { margin-right: 10px; width: 30%; }
.search-form form .submit > input { border-radius: 20px; height: 30px; padding: 0px 15px; border: none; background-color: #e44c32; color: #fff; }
.member-card-details { margin-top: 5px; }
.member-card-details .m-id span { font-weight: bold; color: #e44b32; }
.member-card-details .m-data { font-weight: bold; }
.ms-data .heading-text { font-size: 15px; color: #484848; text-transform: unset; font-weight: bold; margin: 0px 0 5px 0; }
.ms-data .ms-data-field { margin: 15px 0px 0px; }
.ms-data .ms-data-field .ms-list-item { display: flex; }
.ms-data .ms-data-field .ms-list-item li { margin-right: 10px; }
.map-calender { background-color: #fff; }
.samaj-member-slider .first-member { margin: 0 15px 0 0px; }
.event-page-gallery { margin-top: 25px; }
.event-page-gallery .event-image img { width: 100%; object-fit: contain; max-height: 348px; }
/* side bar */
.sidenav { height: 100% auto; width: 0; position: absolute; z-index: 9999; top: 0; left: 0; background-color: rgba(228, 76, 50, 0.9); background-color: rgba(242,75,47,1); overflow-x: hidden; transition: 0.5s; transition: display 1s; transition-delay: 0.8s; padding-top: 60px; }
.sidenav a { padding: 8px 8px 8px 32px; text-decoration: none; color: #FFF; display: block; transition: 0.3s; font-weight: 600; float: none; text-align: left; }
.sidenav a:hover { color: #f1f1f1; }
.sidenav .closebtn { position: absolute; top: -19px; right: 7px; font-size: 45px; margin-left: 50px; }
.side-bar-hidden { display: none; }
.mobile-dropdown { float: left; overflow: hidden; }
.mobile-dropdown-content { display: none; position: absolute; background-color: white;/* rgba(228, 76, 50, 0.9);*/ min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; }
.mobile-dropdown-content a { float: none; color: black; padding: 12px 16px; text-decoration: none; display: block; text-align: left; }
.mobile-dropdown:hover .mobile-dropbtn { background-color: rgba(228, 76, 50, 0.9); color: #f1f1f1; }
.mobile-dropdown-content a:hover { background-color: white; color: black; }
.mobile-dropdown:hover .mobile-dropdown-content { display: block; }
.sidenav .mobile-dropdown { float: none; }
.sidenav .mobile-dropdown-content { position: relative; }
.sidenav .mobile-dropdown .mobile-dropbtn { display: block; width: 100%; text-align: left; }
.menu-place { cursor: pointer; position: absolute; width: 100%; justify-content: flex-end; right: 15px; color: #fff; }
.contact-info { display: flex; margin-left: 15px; }
.contact-info .soaicl-icon { display: flex; }
.contact-info .soaicl-icon a { margin-right: 5px; }
.contact-info { display: none; }
/* side bar END*/
.work-mark { /*position: absolute;
	top: -15px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%; */ }
.work-mark {
    position: relative;
    display: inline-block;
    margin: 10px auto 15px;
    transform: translatey(-30px);
}
.work-mark .site-name {
 font-size: .8rem; color: #fff; line-height: 1; background: linear-gradient(0deg, rgba(251,204,25,1) 0%, rgba(242,75,47,1) 100%); border-radius: 30px; padding: 7px 15px 8px; font-weight: 600; }
.person-details { float: left; margin-right: 15px; display: flex; flex-direction: column; margin-top: 5px; }
.person-image { width: 170px; height: auto; border: 1px solid #e44c32; padding: 4px; border-radius: 4px; }
.person-details .members-name { font-size: 14px; font-weight: 700; color: #e44c32; }
.person-details .members-name-lable { font-size: 10px; font-style: italic; color: #727272; }
.members-details-box { border: solid 1px #e2e2e2; padding: 15px; border-radius: 10px; margin: 15px 0px; }
.themebtn { border-radius: 250px; background-color: #e44c32; color: #fff; display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; }
.tagline1, .tagline2, .tagline3, .tagline4 { position: relative; z-index: 1; }
.tagline1 { /*position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    top: 70px;
    font-size: 16px;
	color: #eee;*/ }
.tagline2 { /*position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    top: 20px;*/ font-size: 30px; margin: 0 auto; font-weight: bold; background: -webkit-linear-gradient(#fff, #fac11a); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.tagline3 { /*position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    top: 97px;
    font-size: 16px;
	color: #eee;*/ margin: 5px auto; }
.tagline4 { /*position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    top: 125px;
    font-size: 16px;
    color: #eee;*/ font-weight: 600; }
.dropdown-menu { background-color: #e44c32; }
@font-face { font-family: "KrutiDev010"; src: url("../../fonts/KrutiDev010Regular.eot"); /* IE9 Compat Modes */ src: url("../../fonts/KrutiDev010Regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("../../fonts/KrutiDev010Regular.otf") format("opentype"), /* Open Type Font */ url("../../fonts/KrutiDev010Regular.svg") format("svg"), /* Legacy iOS */ url("../../fonts/KrutiDev010Regular.ttf") format("truetype"), /* Safari, Android, iOS */ url("../../fonts/KrutiDev010Regular.woff") format("woff"), /* Modern Browsers */ url("../../fonts/KrutiDev010Regular.woff2") format("woff2"); /* Modern Browsers */ font-weight: normal; font-style: normal; }
@font-face { font-family: "DevLys10"; src: url("../../fonts/DevLys_010.ttf") format("truetype"); /* IE9 Compat Modes */ font-weight: normal; font-style: normal; }
.suggest_button { float: left; padding: 6px 13px; border-radius: 3px; margin: 9px 0; }
.article_button { float: right; padding: 6px 13px; border-radius: 3px; position: relative; top: 14px; }
.art_button { float: left; width: 100%; margin-bottom: 38px; }
/********************************18-9-2021*****************************/
h2.heading-text a { float: right; background-color: #e44c32; color: #fff; font-size: 13px; padding: 8px 10px; border-radius: 5px; text-transform: none; font-weight: 200; }
.heading-text { display: table; width: 100%; }
.first-award { min-height: 350px; }
.award-image img { position: static; }
.award-image { min-height: auto; } 
.main-div { height: 100%; }
.form-group.select-category-sec { background-color: #f1f1f1; float: left; margin: 0 0 0 -15px; width: 100%; padding: 10px 0px 10px 0px; }
.form-group.select-category-sec label { margin: 8px 0 0 0; }
.border-box {
    position: relative;
    z-index: 0;
}
.social-ic a {
    width: 30px;
    float: left;
    margin: 10px 10px 0 0;
}
.footer-menu a {
    color: #fff;
    line-height: 30px;
    display: inline-block;
}
ul.footer-menu {
    display: inline-block;
}
span.social-ic {
    display: inline-block;
    vertical-align: top;
    margin: 0 0 0 40px;
}
.copy {
    display: block;
    color: #fff;
    text-align: center;
    font-size: 14px;
    margin: 20px 0 0 0;
    border-top: solid 1px #505050;
    padding: 10px 0 0 0;
}
.foter-icon {
    display: flex;
    width: 100%;
}
.link-so {
    display: flex;
    padding: 0 0 0 40px;
}
.gold-card .first-award {
    min-height: inherit;
}
.gold-card .award-image {
    height: 180px;
    position: relative;
}
.gold-card .award-image img {
    position: absolute;
}
.gold-card .first-award h3 {
    min-height: 40px;
}
.gold-card .first-award p {
    min-height: 50px;
}
.inp input, .inp textarea {
    border: solid 1px #ddd;
    width: 100%;
    padding: 10px 10px;
    margin: 0 0 15px 0;
}
.inp textarea {
    min-height: 180px;
}
.ocontact-form button {
    background-color: #e44c32;
    color: #fff;
    border: 0;
    padding: 10px 25px;
    border-radius: 5px;
}

.gold-card p {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.member-image {
    text-align: center;
    margin: auto;
    height: 200px;
    width: 166px;
}
.emmber-detail a {
    display: block;
}
.emmber-detail a + a {
    margin: 5px 0 0 0;
    display: inline-block;
}
.award-image {
    text-align: center;
    margin: auto;
    height: 200px;
    width: 166px;
}