@charset "utf-8";
/* CSS Document */
/************************************************************************************
RESET
*************************************************************************************/

html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,strong, sub, sup, tt, var, legend, fieldset {
margin: 0;	padding: 0;}
img, fieldset {border: 0;}
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
img{max-width:100%; height:auto}
body, html { height: 100%;}
body{font-family: Calibri, Arial; color:#525252; }
.wrap{ width:100%; float:left}
.header{ width:100%; float:left}
.header-toprow{ background:#70AADC; width:100%; float:left}
.topcontainer{ max-width:1300px; min-width:300px; margin:0 auto; padding:0 2%}
.container{ max-width:1300px; min-width:300px; margin:0 auto; padding:25px 2%}
.logo{ float:left; width:30%; margin-top:5px}
.nav-right{ width:70%; float:right}
.logos{ float:right; width:80%; text-align:right; margin-top:10px}
.nav-box{ background:#103e76; float:right; width:20%; height:90px;-webkit-border-top-right-radius: 6px;
-moz-border-radius-topright: 6px;
border-top-right-radius: 6px;}
.clear{ clear:both}
.top-nav{ width:100%; float:left}
.top-nav ul{ float:right;}
.top-nav ul li{ float:right; list-style:none;}
.top-nav ul li a{ text-decoration:none; color:#fff; font-size:16px; margin-left:20px; line-height:35px}
.navigarion-row{ width:100%; float:left; background:#fff;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;}
p{ width:100%; float:left;line-height: 23px;padding-top: 10px;}
.navigarion-top{ width:100%; float:left; background:#fff;-webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
border-top-left-radius: 6px;
border-top-right-radius: 6px; padding-left:2%;}
.bold{ font-weight:bold}
.gray_bg{ background:#eaeaea; font-size:20px;}
.suprt{position:absolute; width:100%; top:0; }

.navigarion-bottom{  background:#113E77;-webkit-border-bottom-right-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-moz-border-radius-bottomright: 6px;
-moz-border-radius-bottomleft: 6px;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px; color:#fff; padding:5px 0 5px 2%; width:100%; float:left}


.banner-row{ width:100%; float:left; position:relative}
.banner-text{width:100%; float:left; font-size:45px; color:#fff; font-family:CityDMed, Calibri; text-transform:uppercase; margin-top:19%}
.content{width:100%; float:left;}
.content-top{ width:100%; float:left; padding:30px 0}

.news-row{ width:30%; float:left; padding-right:3%}
.event-row{ width:33%; float:left;}
/*.welcome-row{ width:33%; float:right}*/
.welcome-row{ width:100%; float:right}

.heading{width:100%; float:left; font-size:34px; color:#423e3e; font-family:CityDMed, Calibri}
.divider{ width:50px; height:3px; background:#bdbdbd}
.news{ width:100%; float:left}
.news-box{ width:100%; float:left; margin-top:22px;}
.news-date{ width:100%; float:left; font-size:12px; color:#a6a5a5; text-transform:uppercase}
.sub-head{ width:100%; float:left; font-size:18px; color:#525252; font-weight:bold; text-transform:uppercase}
.all-content{ width:100%; float:left; margin-top:5px; font-size:16px;}
.readmore{ background:#f4f4f4; color:#423e3e; font-size:12px; text-transform:uppercase; margin-top:8px; padding:5px 15px; float:left}
.event-box{ width:100%; float:left; margin-top:22px;}
.event-img{ width:80px; float:left;}
.event-text{ max-width:100%; margin-left:100px;}
.event{ width:100%; float:left}
.welcome{width:100%; float:left; margin-top:22px}
.welcome-img{width:30%; float:left; margin-bottom:10px}
.welcome-img img{ max-width:100%; height:auto;}
.welcome-right-text{width:70%; float:left; padding-left:3%}
.welcome-right-text h3{ font-size:23px;width:100%; float:left;}
.welcometext{width:100%; float:left; padding-top:30px;}
.welcome-right-text p{width:100%; float:left; padding-top:10px;line-height: 23px;}
.btmheading{ text-transform:uppercase;font-size:27px; color:#423e3e; font-family:CityDMed, Calibri; margin-top:20px}
.welcometext ol{ list-style-position:inside;}
.welcometext ol li{ padding-top:10px;}

.btmheading_btm{ font-size:20px; color:#423e3e; font-family:CityDMed, Calibri; margin-top:10px; text-align:center; padding-top:40px}

.new_logos{ width:100%; float:left;padding:25px 0; border-top:1px solid #ccc}
.new_rext{ width:100%; float:left;padding:15px 0 25px 0}


.cmd-cntr-row{ width:100%; float:left; background:#EFEDEE; padding:5px 0}
.content-center{ width:100%; float:left; padding:30px 0}
.cmd-message{ width:48.8%; float:left; min-height:400px }
.cmd-message img{ height:100%}
.cmd-right{width:50%; float:left; min-height:400px}
.cmdbox{ width:100%; float:left; background:#F8F8F8;}
.cmdbox-left{width:50%; float:left; padding:5px 40px}
.cmdbox-right{width:50%; float:left;}
.content-bottom{ width:100%; float:left; padding:30px 0}
.advy-bord{ width:100%; float:left; margin-top:20px;}

.advy-bord-box{ width:23%; float:left; margin:0 5%; background:#f9f9f9; padding:20px }
.advy-bord-img{width:100%; float:left;}
.advy-bord-dtls{width:100%; float:left;}
.advy-bord-name{width:100%; float:left; color:#0779ba; text-transform:uppercase; font-size:16px; margin-top:10px;}
.advy-bord-dtls span{ font-size:14px; font-weight:normal; color:#909090}
.content-bottom-head{ width:100%; float:left; text-align:center; padding-top:15px}
.content-btm-head{ width:100%; float:left; text-align:center; padding-top:35px}
.footer{ background:#032132; width:100%; float:left}

.footlink-box{ width:25%; float:left; border-right:1px solid #1c455d}
.phone-box{ width:22%; float:left; text-align:center; color:#ffffff; border-right:1px solid #1c455d; padding:40px 30px}
.mail-box{ width:30%; float:left; text-align:center; color:#ffffff; padding:40px 30px; border-right:1px solid #1c455d}
.social-box{ width:20%; float:right; text-align:center; color:#ffffff; padding-top:40px;}

.footicon{ width:100%; float:left;}
.footname{ width:100%; float:left; font-size:16px; margin-top:10px; background:url(../img/footbg.jpg) repeat-x; line-height:12px; text-transform:uppercase}
.footname span{ background:#032132; padding:0 10px;}
.foottext{ width:100%; float:left; font-size:20px; margin-top:10px}


.footernav{ width:100%; float:left; margin-left:10px; }
.footernav li{ width:100%; float:lef; list-style: url(../img/bullat.jpg); line-height:40px}
.footernav li a{ color:#d2d0d0; font-size:17px; text-decoration:none}
.social-icon{ float:left;margin-top:20px; margin-left:20%}
.social-icon li{ float:left; list-style:none; margin:10px}

.footer-bottom{ background:#021825; width:100%; float:left; text-align:center; color:#e9e9e9; padding:15px 0; margin-top:30px}
.footer-bottom span{ color:#ffd200}
	
.bord-box{ width:12%; float:left; margin:0 1%; background:#f9f9f9; padding:5px }
.bord-name{width:100%; float:left; color:#0779ba; font-size:16px; margin-top:10px;}
/*SLIDER START*/

.jssorb05 {
            position: absolute;
        }
        .jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
            position: absolute;
            /* size of bullet elment */
            width: 16px;
            height: 16px;
            background: url('../img/b05.png') no-repeat;
            overflow: hidden;
            cursor: pointer;
        }
        .jssorb05 div { background-position: -7px -7px; }
        .jssorb05 div:hover, .jssorb05 .av:hover { background-position: -37px -7px; }
        .jssorb05 .av { background-position: -67px -7px; }
        .jssorb05 .dn, .jssorb05 .dn:hover { background-position: -97px -7px; }

        /* jssor slider arrow navigator skin 22 css */
        /*
        .jssora22l                  (normal)
        .jssora22r                  (normal)
        .jssora22l:hover            (normal mouseover)
        .jssora22r:hover            (normal mouseover)
        .jssora22l.jssora22ldn      (mousedown)
        .jssora22r.jssora22rdn      (mousedown)
        */
        .jssora22l, .jssora22r {
            display: block;
            position: absolute;
            /* size of arrow element */
            width: 40px;
            height: 58px;
            cursor: pointer;
            background: url('../img/a22.png') center center no-repeat;
            overflow: hidden;
        }
        .jssora22l { background-position: -10px -31px; }
        .jssora22r { background-position: -70px -31px; }
        .jssora22l:hover { background-position: -130px -31px; }
        .jssora22r:hover { background-position: -190px -31px; }
        .jssora22l.jssora22ldn { background-position: -250px -31px; }
        .jssora22r.jssora22rdn { background-position: -310px -31px; }

/*SLIDER END*/



.select-fieldrow{ width:100%; float:left}
.select-fieldbox{ min-width:300px; max-width:50%; margin:0 auto}
.field-style{ min-width:300px; width:100%; float:left; height:50px; border:1px solid #ccc; padding-left:10px; font-size:17px}
.texfield-style{ min-width:300px; width:100%; float:left; height:150px; border:1px solid #ccc; padding:5px 10px}
.subpage-content{ width:100%; float:left; margin-top:40px;}
.select-fieldname{ width:100%; float:left; padding-bottom:5px; font-size:17px;}
.fildbox{ width:100%; float:left; margin-top:20px; }
.lodeimg{ width:100%; float:left; margin-top:10px; border-bottom:1px solid #ccc; padding:10px 5px}
.submit-btn{ width:100px; float:left; background:#113E77; color:#fff; border:0px; padding:10px 0; text-align:center; text-transform:uppercase; cursor:pointer }

.subpage-left{ width:50%; float:left; padding-right:3%}
.subpage-right{ width:50%; float:right; padding-left:3%}

.bannercenter {
    margin: 0 auto;
    max-width: 1300px;
    min-width: 300px;
    padding: 0 2%;
}


.banner-nav{ width:250px; background:#113e77; position:absolute; z-index:999; margin-top:40px}
.banner-nav ul{ float:left; width:100%}
.banner-nav ul li{ list-style:none;border-bottom: 1px solid #204675; width:100% }
.banner-nav ul li a{ color: #fff;
    display: block;
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    outline: medium none;
    padding: 10px 20px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;} 
.banner-nav ul li a:hover{ background:#0d3160}	
.active{background:#0d3160 !important}	
	
	
	
	
	
	
/*	SUB PAGE*/

.course-plan{width:100%; float:left;}
.course-plan a{ color:#f00}
.course-plan a:hover{ color:#960606}		
.course-plan table{ width:100%; float:left; border-top:1px solid #bdbdbd; border-left:1px solid #bdbdbd; text-align:center}	
.course-plan table tr td{ border-bottom:1px solid #bdbdbd; border-right:1px solid #bdbdbd; padding:14px 0 }


.hotel_registration{width:100%; float:left; padding-bottom:20px;}	
.hotel_registration table{ width:100%; float:left; border-top:1px solid #003f77; border-left:1px solid #003f77;}	
.hotel_registration table tr td{ border-bottom:1px solid #003f77; border-right:1px solid #003f77; padding:10px 10px; background:#d8e7f5; color:#003f7c }
.hotel_registration table tr th{ border-bottom:1px solid #bdbdbd; border-right:1px solid #bdbdbd; padding:0px 0; background:#003f77; color:#fff }

.htl-brd_right{border-right:1px solid #bdbdbd !important;}
.htl-brd_bottom{border-bottom:1px solid #bdbdbd !important;}
.hotel_registrationin{border:none !important;}
table.hotel_registrationin tr td{border:none; padding:5px 0}
table.hotel_registrationin tr th{border:none; padding:5px 0}
.tablehead{ background:#4f81bd; color:#fff; font-weight:bold}
.tablehilt{ background:#c6d9f1;}
.time{ width:100%; float:left; border-bottom:1px solid #bdbdbd}
.course-outline{width:100%; float:left;border:1px solid #bdbdbd;}
.course-divider{width:100%; float:left;border-bottom:1px solid #bdbdbd;}
.course-num{ width:5%; float:left; text-align:center; background:#efefef; color:#525252; padding:10px 0}	
.course-row{ width:93%; float:left; padding:10px 0 10px 2%}
.presenters-box{ width:23%; float:left; margin:20px 1% 20px 1%; background:#f9f9f9; padding:20px; cursor:pointer;min-height: 340px; }
.presenters-box:hover{ background:#f1efef;}
.subpage-banner{ width:100%; float:left; height:430px; background:url(../img/banner5.jpg) no-repeat}
.folder-left{ width:340px; float:left; cursor:pointer}
.folder-right{ width:340px; float:left; margin-left:30px; cursor:pointer}
.headingbm{ width:100%; float:left; padding:25px 0 15px 0; font-size:34px; color:#423e3e; font-family:CityDMed, Calibri}
.download_btn{ background:#032132; color:#fff; padding:15px 30px; font-size:16px; text-transform:uppercase; float:left; text-decoration:none}
.download_btn:hover{ background:#113e77}
.download_text{ width:100%; float:left; font-size:22px; padding-bottom:15px; color:#113e77}
.dowd_btn{ background:#032132; color:#fff; padding:15px 30px; font-size:16px; text-transform:uppercase; float:right; text-decoration:none}
.dowd_btn:hover{ background:#113e77}
.down_box{ width:100%; float:left}


.reg-row{ width:300px; float:left; background:#d8e7f5; margin-bottom:15px}
.reg-head{ background:#a9cae9; padding:8px 15px; color:#033669; text-transform:uppercase; font-weight:bold; font-size:18px; width:100%; float:left}
.reg-box{ width:100%; float:left; text-align:center;color:#033669;}
.reg-box-left{ width:50%; float:left; padding:10px 0}
.reg-box-right{ width:50%; float:left; padding:10px 0}
.bordbtm{ border-bottom:1px solid #a6b8c9}

.reg-row_lf{ width:300px; float:left; background:#ebecec; margin-left:10px; margin-bottom:15px }
.reg-head_lf{ background:#c5c6c6; padding:8px 15px; color:#033669; text-transform:uppercase; font-weight:bold; font-size:18px; width:100%; float:left}
.reg-box_lf{ width:100%; float:left; text-align:center;color:#033669;}
.reg-box-left_lf{ width:50%; float:left; padding:10px 0}
.reg-box-right_lf{ width:50%; float:left; padding:10px 0}
.bordbtm_lf{ border-bottom:1px solid #a6b8c9}


.banner_text_bg{ border:1px solid #113e77}





#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}  
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:600px;
  height:200px;
  display:none;
  z-index:9999;
  padding:20px;
  border-radius: 5px;
  text-align: center;
}
#boxes #dialog {
  width:600px; 
  height:auto;
  padding:10px;
  background-color:#ffffff;
}


#lorem{
	font-family: 'Kaushan Script', cursive;
	font-size: 35px;
  text-align: center;
}
#popupfoot{
	position:absolute;
	right:0;
	top:0
}
#popupfoot a{
	width:20px; height:20px; background:#113E77; color:#fff; text-align:center; line-height:13px; float:left; text-decoration:none; font-size:17px;
	font-weight:bold;-webkit-border-top-right-radius: 4px;
-moz-border-radius-topright: 4px;
border-top-right-radius: 4px;}
#popupfoot a:hover{
  background-color: #960606;
}
.popupoption:hover{
	background-color:#D1D1D1;
	color: green;
}
.popupoption2:hover{
	
	color: red;
}


.footer_bottom{ width:100%; float:left; background:#001a2a; padding:15px 0 }
.copyright{ float:left; color:#d2d0d0}
.designdby{ float:right;color:#d2d0d0}
.designdby a{color:#d2d0d0; text-decoration:none}
.designdby a:hover{ color:#ffde00}
.footbt{ max-width: 1300px;    min-width: 300px;    margin: 0 auto; padding:0 2%}




@media screen and (max-width: 1044px) {
.btmheading{ font-size:21px;}
.btmheading_btm{ font-size:21px; padding-top:5px;margin-top:20px}
.footernav li{ width:94%;line-height: 33px;}
.foottext{ font-size:24px;}
.social-icon li{margin:5px}
.social-box{ margin-top:10px;}
.mail-box, .phone-box{padding: 18px 30px;}

.banner-nav ul li a{line-height:4px;}
.banner-nav {margin-top: 26px;}


}


@media screen and (max-width: 820px) {
	.banner-nav{ display:none}
.dl-menuwrapper{ width:170px;}
.news-row{ width:50%}
.event-row{ width:50%}
.logos{ width:60%; padding-top:10px}
.cmd-right{ width:100%; margin-top:20px}
.all-content1{ width:60%; padding-left:3%}
.cmd-message{ width:100%}
.advy-bord-box{ width:29%; margin:2%}
.foottext {font-size: 17px;}
.social-box{padding-top:0px}

.bord-box{ width: 23%;min-height:193px; margin-bottom:8px;}
.presenters-box{ width:31%;}
}




@media screen and (max-width: 620px) {
.news-row	{ width:100%; padding-right:0%}
.event-row{ width:100%; margin-top:25px}

.nav-box{ width:100%}
.logos{ display:none}
.nav-right{ width:30%}
.dl-menuwrapper {width: 260px;}
.logo{ width:50%}
.footlink-box, .phone-box, .mail-box, .social-box{ width:50%; min-height:201px }

.subpage-left{ width:100%; float:left; padding-right:0%}
.subpage-right{ width:100%; float:left; padding-left:0%; margin-top:30px}
.presenters-box{ min-height:257px;}

}


@media screen and (max-width: 500px) {
.welcome-img { width: 100%;}
.welcome-right-text{ width: 100%; padding-left:0}	
.welcometext{width:100%; padding-left:0px}
.all-content1 { width: 100%; margin-top:10px;}
.bord-box{ width: 31%;}
.presenters-box { width: 48%;}

}

@media screen and (max-width: 340px) {
.logo { padding-top: 12px; width: 63%;}	
.nav-right {width: 30%;}
.logo {margin-top: 15px; width: 68%;}
.cmdbox-left, .cmdbox-right{ width:100%;padding: 5px 14px;}
.cmd-message{ min-height:10px}
.advy-bord-box{ width:96%}
.footlink-box, .phone-box, .mail-box, .social-box{ width:100%; min-height:201px }
.presenters-box { width: 98%;}


}

.biocon_head{ width:100%; float:left; font-size:20px; margin-top:15px;}






.cop_left_img{ width:40%; float:left; padding-right:50px; padding-top:20px}
.cop_right_text{ width:60%; float:right;}
.biocon_img{ width:100%; float:left; position:relative; margin:20px 0;}
.biocon_img::after{ position:absolute; width:36%; background:url(../images/biocon-lady.jpg) center top no-repeat; background-size:cover; content:''; height:100%; top:14px;}


.biocon_bottom{ width:100%; float:left; position:relative; margin:20px 0;}
.biocon_bottom::after{ position:absolute; width:36%; right:0; background: url(../images/left_img.jpg) center no-repeat; background-size:cover; content:''; height:100%; top:14px;}
.biocon_bottom_text{ width:60%; float:left;}