/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 17-Jan-2018, 07:40:42
    Author     : rajendra
*/

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    src: local('Poppins'), local('Poppins-Regular'), url(fonts/poppins-regular.woff2) format('woff2');
}
/* latin-ext */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    src: local('Poppins'), local('Poppins-Regular'), url(fonts/poppins-latin-ext.woff2) format('woff2');
}
/* latin */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    src: local('Poppins'), local('Poppins-Regular'), url(fonts/poppins-latin.woff2) format('woff2');
}

body { font-family: 'Poppins', sans-serif; font-size: 15px; left: 0; right: 0; color: #00f;  }
a, a:hover, a:after, a:before, a:visited, a:focus { text-decoration: none; color: #f00; }
.cfix { content: ""; display: table; clear: both; } ̰

.tc {  }
.tcc { width: 100%; left: 0; top: 0; position: absolute; }

.wc { position: relative; padding: 0px; }
.wcc { width: 100%; padding: 0px; }

.sc { width: 100%; max-width: 1280px; margin: 0 auto; }
.scc { width: 98%; margin: 0 auto;  }

.bc { padding: 0px; }
.bc-top { padding: 5px; }

.m-ft { bottom: 0; }
/*            .m-ft span a { color: #fff; }*/
.fcc span a { color: #fff; }
.fcc { font-size: 15px; padding: 1px 0px 2px 0px; }
.frc { font-size: 10px; padding: 1px 0px 2px 0px; text-align: right; }

.bw { background-color: #000099; color: #fff; }
.wb { background-color: #fff; color: #00f; }
.tracks { display: block; }

.m17-loader { padding: 10px 0px; }
.m17-header-line { padding: 0px; border-top: 3px #00f solid;  }
.m17-footer-line { padding: 0px; border-top: 3px #f00 solid; }

.sheader { padding: 0px; }
.header { height: 112px; }
.sfooter { width: 100%; bottom: 0; position: fixed; }
.sfooter-bar { box-shadow: 0 0 0px #fff; }
.bs { box-shadow: 0 0 8px #f00; }
.fl { float: left; }
.fr { float: right; }
.taj { text-align: justify; }
.mi-right { float: right; }
.showplus { display: none; }
.rhide { display: none; }
.pagecounter { padding-top: 5px; font-size: 10px; }
/*.m17-menuloader { display: none; }*/

.tpc-wc { max-width: 1280px; text-align: center; } 
.tpc-wcc { position: relative;  margin: 0 auto; } 
.tpc-box { width: 240px; height: 300px; margin: 20px; }

.m-rlogo { width: 100px; height: 100px; background-color: #fff; border-radius: 50%; padding: 0px; 
           margin: 2px 20px 0px 5px; border: 8px solid #efefef; z-index: 9999; }
.m-rlogo:hover { box-shadow: 0 0 16px #fff; }
.menu-box, .menu-box-c { width: 42px; margin: 0px; padding: 10px 20px 14px 20px; margin: 10px 14px 0px 0px; 
                         background-color: #00f; color: #fff; 
                         border: 1px solid #00f; cursor: pointer; text-align: center; }
.menu-box:hover { background-color: #fff; color: #00f; }
.menu-icon { font-size: 36px; margin-bottom: -14px; text-align: center; }
.bx-padding { border: 5px solid #00f; background-color: #fff; }
.bxsize { width: 200px; height: 95px; padding: 8px 12px 2px 12px;  }
.mike-text { font-size: 16px; margin-top: -2px; }
.mike-banner { margin-top: -3px; }
.mi-batext, .mike-abbrev { font-size: 30px; margin-top: -10px; }
.mike-details { margin-top: -5px; }
.cr { color: #ff0d00; }
.cg { color: #0f0; }
.dbl { padding: 10px 0px; border-bottom: 3px solid #00f; }
.dbl-thin { padding: 1px 0px; border-bottom: 2px solid #00f; }
.mlogos { width: 260px; height: 120px; float: left; margin: 10px; padding: 10px; border: 1px solid #ccc; }
.mlogos-v { width: 150px; height: 200px; float: left; margin: 10px; padding: 10px; border: 1px solid #ccc; }
.mlogos-a { clear: both; width: 320px; height: 160px; margin: 10px auto; padding: 10px; border: 1px solid #ccc; }
.hyd-banner-logo { width: 100%; height: 400px; float: left;  margin: 10px; padding: 10px;  }
.mlogos:hover, .mlogos-v:hover, .mlogos-a:hover  .hyd-banner-logo:hover { box-shadow: 0 0 8px #888; }

.w3-content { margin: 10px auto; }
.mySlides { height: 480px; width: 600px; }
.w3-left, .w3-right, .w3-badge { cursor:pointer; }
.w3-badge { height: 13px; width: 13px; padding:0; }

.m17-segment { width: 100%; margin: 0 auto; padding: 8px 10px 10px 10px; text-align: justify; clear: both; }
.s-hdr { font-size: 24px; color: #f00; text-shadow: 0 2px 2px #bbb; padding: 10px 0px 0px 0px; }
.s-shdr { font-size: 18px; color: #f00; text-shadow: 0 2px 2px #bbb; padding: 10px 0px 0px 0px; }
.s-sshdr { font-size: 16px; color: #f00; text-shadow: 0 2px 2px #bbb; padding: 10px 0px 0px 0px; }
.btn-hl, .btn-hl:hover { padding: 6px 20px 4px 20px; background-color: #00f; color: #fff; margin: 0 auto;
                         border: 2px solid #005; border-radius: 50px; }
.btn-hl:active, .btn-hl:visited { color: #fff; }
.aline, .aline-w, .aline-b { width: 100%; border: 0; height: 0; margin: 0px auto; margin-top: 5px; margin-bottom: 20px; }
.aline { border-top: 1px solid #EEE; }
.aline-w { border-top: 1px solid #FFF; }
.aline-b { border-top: 1px solid #03f; }
.hline { width: 100%; margin: 5px; border: 0; height: 1px; line-height: 100%;
         background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
         background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
         background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
         background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
}
.m17-meitems { padding-top: 5px; }
.pl50 { padding-left: 50px; }
.pl80 { padding-left: 80px; }
.pt10 { padding-top: 10px; }
.pb10 { padding-bottom: 10px; }
.pb20 { padding-bottom: 20px; }
.pb25 { padding-bottom: 50px; }
.m-hlts { float: left; }
.mc { margin: 0 auto; }
.ac { text-align: center; }
.al { text-align: left; }
.ar { text-align: right; }
.fl { float: left; }
.divc { width: 100%; margin: 0 auto; }
.m17-menuloader { display: none; }
ul { margin-left: -28px; }
ul.call-ul > li, ul.m17-meitems > li { list-style: none; display: inline-block; margin-right: 5px; }
.m17-t-list ul.lst li { display: block; text-align: left; }
ul.call-ul li, ul.list li { clear: both; display: block; list-style: square; text-align: left; }
/*ul li div { text-align: center; }*/
li.m17-mitem i { font-size: 24px; padding: 10px; }
li.m17-mitem { padding: 4px 18px 2px 18px; border-radius: 2px; border: 1px solid #fff; cursor: pointer; }
/*li.m17-mitem:hover { background-color: #00f; color: #fff; border: 1px solid #005; }*/

.m-coldr { padding: 10px 0px 20px 0px; }
.ss-hdr { font-size: 21px; color: #f00; text-shadow: 0 2px 2px #bbb; padding: 10px 0px 0px 0px; }

.cg { color: #060; }
.co { color: #f60; }
.cw { color: #fff; }

.cdg { color: #030; }
.cmg { color: #090; }
.cgf { color: #06ff0b; }
.clg { color: #6c0; }
.cfg { color: #660; }
.cyy { color: #ffff00; }
.cy { color: #fb0; }
.cr { color: #f00; }
.cbrw { color: #8e2e2e; }
.cdbrw { color: #540404; }
.cm { color: #f0f; }
.cv { color: #609; }
.cvd { color: #9900ff; }
.cb { color: #33f; }
.clb { color: #35a6ff; }
.cfb { color: #069; }
.cdb { color: #066; }
.cblue { color: #00f; }
.f14 { font-size: 14px; }
.f16 { font-size: 16px; }
.f18 { font-size: 18px; }
.f20 { font-size: 20px; }
.f24 { font-size: 24px; }
.f28 { font-size: 28px; }

.pl5 { padding-left: 5px; }
.pr5 { padding-right: 5px; }

.img-circle { width: 184px; height: 184px; border-radius: 50%; border: 5px solid #fff; 
              box-shadow: 0 0 4px #888; margin-bottom: 10px; }
.img-circle-adv { width: 164px; height: 164px; border-radius: 50%; border: 5px solid #fff; 
                  box-shadow: 0 0 4px #888; margin-bottom: 10px; }
.modal-handle-div { margin: 28px 0px; }
.m17-t-topic { font-size: 20px; color: #F00; }
.s-latest { font-size: 17px; font-weight: bold; color: #00f; }
.s-htext { font-size: 17px; font-weight: bold; text-align: left; }
.m17-t-desc { font-size: 16px; color: #f60; }
.m17-t-subtopics { font-size: 14px; }
.m17-t-list { font-size: 14px; }
.loader-icon { margin: 15px 10px; padding: 5px; font-size: 14px; color: #00f; }
.m17-overview { width: 70%; float: left; clear: both; }
.m17-news { width: 28%; min-height: 30vh; float: left; margin-left: 20px; padding: 7px 20px; border: 1px solid #bbb; text-align: justify; margin-bottom: 40px; }
.m17-news:hover { border: 1px solid #fff; box-shadow: 0 0 8px #aaa; }
ul.regitems > ls { list-style: circle; display: block; }
.s-hicon { clear: both; font-size: 36px; text-shadow: 0 2px 2px #bbb; padding: 10px 0px 0px 0px; }

.inspeakinfo { border-radius: 5px; border: 1px solid #EEE; padding: 10px 15px; }
.inspeakinfo:hover { width: 100%; margin: 0 auto; box-shadow: 0 0 6px #BBB; position: relative; }
.speakers { width: 100%; padding: 5px 2px; margin: 10px; }
.invspeaker { font-size: 20px; color: #FF5500; }
.invaffln { font-size: 14px; color: #FF8800; }
.invtitle { font-size: 16px; color: #00f; padding-bottom: 5px; }
.bp10 { padding: 10px; }
.invabst { font-size: 16px; color: #00f; text-align: justify;  }
.navybar { height: 100%; min-height: 10px; }
.navleft, .navright, .bio-sketch-head, .bio-sketch-close { font-size: 16px; }
.navleft { float: left; text-align: left;}
.navright { text-align: right; }
.speaker-bio { display: none; font-size: 12px; text-align: justify;  }
.biosketch { text-align: justify; display: none; margin-top: 10px; }
.bio-sketch-close { float: right; top: 5px; right: 5px; position: relative; }
.bio-sketch-close:hover { cursor: pointer; }
.mt15 { margin-top: 15px; }
.removebox { padding: 5px; color: #FFF; background-color: #BBB; margin-top: -5px; }
.modal-handle { width: 100%; margin: 20px 10px; padding-bottom: 10px; text-align: center; }
.mis-photo { width: 100%; margin: 0 auto; text-align: center; }
.nhlist { list-style-type: square; }

@media screen and (min-width: 320px) and (max-width: 1084px) {
    .chide { display: none; }
    .rhide, .hime { display: block; }
    .mike-btext { padding-top: 10px; }
    .mi-batext { font-size: 36px; }
    .m17-overview { width: 100%; height: 90vh; clear: both; }
    .m17-news { display: none; }
}
@media screen and (max-width: 320px) {
    .chide { display: none; }
    .rhide, .hime { display: block; }
    .mike-btext { padding-top: 10px; }
    /*.mi-date, .mi-place { display: none; }*/
    .mi-batext { font-size: 36px; }
}