@charset "utf-8";
/* CSS Document */
*{ outline:none;}
body {
    font-family: 'Ubuntu Regular';
    font-weight: 100;
    font-size: 15px !important;
    line-height: 24px !important;
}
img{ max-width:100%;}

.custom-menu{ background:#fff;}
.navbar-expand-lg .navbar-nav .nav-link { padding: 5px 15px; font-size: 14px; font-weight: 600; color:#0773b9;}
.navbar-expand-lg .navbar-nav .nav-link:hover {color:#28a9e1;}
.mid-area{ padding:80px 0; color:#fff;}
select{ display:block !important;}

footer { padding: 15px 0 15px; color: #fff; background: #333;}
.form-group { margin-bottom: 15px;}
.form-group label{ font-weight:500;     color: #333; font-size:14px;}
.red{ color:#f00}
.custom-control{ background:none; border:1px solid #333; border-radius:0px; color:#333; font-weight:500; padding-left: 10px;}
.custom-control-textarea{ background:none; border:1px solid #333; border-radius:0px; color:#333; font-weight:500; padding-left: 10px;}
.form-control:focus { color: #333; background:none;  font-size:14px;}
.custom-btn{ background:#1178ba; color: #fff !important; border:0px; padding:15px 50px; font-size:16px; color:#0773b9; font-weight:600; display:inline-block;}
.custom-btn:hover{ background:#333;  color:#fff; display:inline-block;}
.navbar-toggler-icon {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
footer .main-link ul {  margin: 0;  padding: 0;}

footer .main-link ul li { list-style: none; position: relative; padding-left: 15px; margin-bottom: 5px;}
footer .main-link ul li:before { color: #f2d922;}
footer .main-link ul li:before { /*content: '\f105'; font-family: FontAwesome;*/ font-size: 14px; position: absolute; left: 0;  top: 0;}
footer .main-link ul li a { color: #fff!important; display: block;}
.article .art, footer .main-link ul li a, footer .smo, footer a { transition: all .2s ease-in-out;}
footer .main-link ul li a:hover { color: #000!important; padding-left: 5px;}
footer .main-link h4{    font-family: GothamPro;     font-size: 18px; font-weight: 400!important;}
footer .ftr-link { padding: 10px 0 0px; margin: 0 0 20px; width:100%; border-bottom: 1px dashed #ccc; display: block;}
footer a { color: #fff!important; font-family:GothamPro; font-weight:200;}
footer .social { font-size: 13px; align-items: center;}
footer .social ul { margin: 0; padding: 0; display: inline-block;}
footer .social ul li { list-style: none; float: left; margin-right: 5px;}
footer .social ul li {list-style: none;float: left; margin-right: 5px;}
footer .smo { background:url(../images/social-media-icon.png) no-repeat;  width: 28px; height: 28px; display: inline-block;}
footer .fb:hover { background-position: 0 -30px;}
footer .twt { background-position: -61px 0;}
footer .twt:hover { background-position: -61px -29px;}
footer .ytb { background-position: -91px 0;}
footer .ytb:hover { background-position: -91px -29px;}
footer .ins {background-position: -123px 0;}
footer .ins:hover { background-position: -123px -29px;}
footer .in { background-position: -31px 0;}
footer .in:hover {background-position: -31px -29px;}
footer p { color: #666; font-family:GothamPro; font-weight:100;}
.inner-banner { background: #0773b9; padding: 20px 0; color:#fff; text-align:center;}
.form-header{  background: #28a9e1; color:#fff; text-align:center;}
.blue-text{ color:#0773b9;}
.banner{ position:relative; margin-bottom:30px;}
.navbar-btn{ position:absolute; top:5px; left: -50px;}
.main-bg{ height:50vh; background:#fff; padding:20px; color:#333; display:table-cell; vertical-align:middle; width:100vw; margin-bottom:100px; border:1px solid #ccc; margin-bottom: 10px !important;}
.main-bg a{ text-decoration:none; color:#fff !important;}
.main-bg a:hover{ text-decoration:underline;color:#333 !important;}
footer.page-footer .footer-copyright{ background-color:#333 !important;}
.title{ font-size:22px; color:#333;}
.title2{ font-size:32px; line-height:45px; text-align:center; font-weight:400;}
.enrolbtn{ background:#d4182a; color:#fff; padding:7px 15px; font-weight:300; border-radius:5px; margin-right:15px;}
.pb0{ padding-bottom:0px;}
.blueBg{ background:#0773b9;}
.blueBg:hover{ color:#fff;}
.left-menu{ background: #fff; color: #fff; height: 100%; padding:0 0 50px 0; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);}
.menuHeding{ font-size: 30px; color: #fff; text-align: center; background: #333; padding: 30px 0; border-bottom: 1px solid #fff;}
.left-menu ul{ margin: 0px; padding: 0px;}
.left-menu ul li{ list-style-type: none; font-weight: 500;}
.left-menu ul li a{ color: #333; border-bottom: 1px solid #333; padding: 15px 25px; display: block;}
.left-menu ul li a:hover{ color: #fff; background: #333;}
.ptb{ padding: 20px 0;}
.title3{ color: #333; font-size: 25px; font-weight: 400; padding-bottom: 20px;}

.palace-and-date{ text-align: center; font-size: 16px; font-weight: 400; padding-bottom: 15px;}
.details_btn{ background: #fff; color: #333; text-align: center; padding: 5px 0; display: block; border-right: 1px solid #ccc; border-top: 1px solid #ccc; border-left: 1px solid #ccc; font-weight: 400;}
.details_btn:hover{ background: #3389b7; color: #fff;}
.primary-color, ul.stepper li.active a .circle, ul.stepper li.completed a .circle{ background: #3389b7 !important; font-weight: 600;}
.bg-banner{ background:url("../images/bg-banner.png") no-repeat 0 0; text-align: center; background-size: cover; padding: 100px 0;}

.banner-line2{ line-height: 44px; color: #fff; text-transform: uppercase; font-size: 1.5rem; padding-bottom: 5px;font-weight: bold;} 
.banner-line3{ color: #fff; font-size:1rem; line-height: 25px;padding: 0 100px 10px; }

.datebox{ background: #fff; position: relative; z-index: 9; top: -50px; padding: 20px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12); text-align: center; font-size:1.5rem; font-weight: 500;}
.title5{ font-size: 2rem; padding-bottom: 15px; color: #0773b9;}

custom-tab-css{ border-bottom: 1px solid #00a8e7; margin:35px 0px 35px; padding: 0px; }
.custom-tab-css li{ padding-right: 15px;  width: 20%; text-align: center;}
.custom-tab-css li:last-child{ padding-right: 0px;}
.custom-tab-css li a{ background: #d9dada; line-height: 30px; padding: 12px 0px; display: block;font-size:1.2rem; color: #383636; text-decoration: none;  }
.custom-tab-css li a.active{ background: #00a8e7; color: #fff;}

.schedule-box{ border: 1px solid #00a8e7; border-radius: 10px; padding: 10px 10px 40px; position: relative;}
.shedule-box-title{ font-size: 1.5rem; padding-bottom: 10px; text-align: center; line-height: 32px;}
.schedule-box ul{ margin: 0px;padding: 0px; padding-left: 15px;}
.schedule-box ul li{list-style-type: none; position: relative; padding-left: 50px; line-height: 50px; display: block; font-size: 1rem; padding-bottom: 10px;}
.schedule-box ul li img{ position: absolute; top: 0px; left: 0px;}
.booknow{ position: absolute; left: 0; bottom: -25px; text-align: center; width: 100%;}
.booknow a{ line-height: 50px; font-size: 1.2rem; color: #fff; padding: 0 30px; border-radius: 10px; background: #d2202b; display: inline-block; text-decoration: none;  }
.speakers{ padding-bottom: 10px;}
.name{ font-size: 1.2rem; font-weight: 500;}
.speakers-details{ font-size: 1rem;}

.bookbutton{ text-align: center; padding: 50px 0;}
.bookbutton a{ line-height: 50px; font-size: 1.2rem; color: #fff; padding: 0 30px; border-radius: 10px; background: #d2202b; display: inline-block; text-decoration: none; font-family: 'Futura Hv BT';}

.iframe{ width: 100%; min-height: 300px; margin-bottom: 10px;}


.hedding1{ padding-bottom:30px;}
.staircase{ padding-bottom:50px;}
.cardBox{ border-bottom:solid 1px #c7bebe; padding:0 0 5px 0; margin-bottom:5px;}
h5.title5{    color: #ef4123; font-size: 14px; text-transform: uppercase;text-align: left; margin-bottom: 0; line-height: 18px; padding-bottom:15px;}
.headding{padding: 10px 15px 10px 0; text-transform: uppercase; font-size: 14px; line-height: 18px; letter-spacing: 1px; color:#000; font-weight:bold; cursor: pointer;}
.headding a{ display:block; position:relative;}
.headding > a:before {float: right !important; font-family: FontAwesome; content:"\f068"; padding-right: 5px;}
.headding > a.collapsed:before {float: right !important; content:"\f067";}
.headding > a:hover, .headding > a:active, .headding > a:focus  {    text-decoration:none;}

.subtitle{ padding: 10px 0; font-size: 20px;}
.question{ font-size: 16px; padding-bottom: 10px; font-weight: 500;}

.form-check{ padding-bottom: 10px; padding-left: 0px;}

.form-check-input[type="radio"] + label::after, .form-check-input[type="radio"] + label::before, label.btn input[type="radio"] + label::after, label.btn input[type="radio"] + label::before { width: 25px; height: 25px;  }
.form-check-input[type="radio"]:checked + label, .form-check-input[type="radio"]:not(:checked) + label, label.btn input[type="radio"]:checked + label, label.btn input[type="radio"]:not(:checked) + label{ padding-left: 45px; line-height: 2rem; font-weight: 500;}

.event-box2{ background: #fff; margin-bottom: 30px; padding: 30px; }
.start-date-box{ background: #e24443; color: #fff; text-align: center; font-size: 30px;  line-height: 28px;  display: block; padding: 25px 0; text-align: center;}
.event-discription{ font-size: 18px; line-height: 25px;}
.event-name-title{ font-size: 35px; font-weight: bold;  text-align: center; padding-bottom: 20px; color: #0773b9; }
.SessionName{ font-size: 25px; padding-bottom: 15px;  text-align: center; color: #333; font-weight: 500; }


/*10-06-20*/


.menuHeding a{ color: #fff; }
.upcoming-events .table {
    margin-bottom: 0px;
}
.upcoming-events tr {
    border-radius: 15px;
    border-bottom: 15px solid #fff;
}
.upcoming-events tr td {
    padding: 7px;
    border: 0px;
    background: #F9F9F9;
    vertical-align: middle;
}
.upcoming-events tr td img {
    max-width: 30px;
}
.upcoming-events tr td a {
    display: block;
    color: #e53632;
    font-size: 12px;
}
.toster{ position: fixed; top: 0px; right: 0px; z-index: 999;}
.profle-pic-box{padding-left: 50px; position: relative; padding-bottom: 5px; border-bottom: 1px solid #f1f1f1; margin-top: 15px; }
.profle-pic-box img{ position: absolute; left: 0px; top: 0px;}
.mh380{ min-height: 380px;}
.scheduled a{ color: #4f4f4f  !important; font-size: .9rem; font-weight: 400;}
.ad-space{ background: #6c757d; font-size: 25px; text-align: center; color: #fff;display: -ms-flexbox;
	display: -webkit-flex;	display: flex;	-ms-flex-align: center;	-webkit-align-items:center;-webkit-box-align: center; align-items: center; min-height: 380px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);border: 0; padding: 0 30px;}

.toast{ background: rgba(0,0,0,0.5); color: #fff; padding: 20px;}












#wrapper {
    padding-left: 0px;
    transition: all .4s ease 0s;
   
}

#sidebar-wrapper {
    margin-left: -330px;
    left: 0px;
    width: 330px;
    background: #222;
    position: fixed; 
  
  height: 100%;
  overflow: auto;
    z-index: 99;
    transition: all .4s ease 0s;
}

.sidebar-nav {
    display: block;
  position: absolute;
left: 0px;
top: -9px;
    width: 60px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.page-content{ padding:0 15px;}

#page-content-wrapper {
  
    width: 100%;
    height: auto;
}
#wrapper.active {
    padding-left: 330px;
}
#wrapper.active #sidebar-wrapper {
    left: 330px;
}

#page-content-wrapper {
  width: 100%;
}
#menu-toggle{ padding: 0px; margin-top: 25px;}
.displayst{ display: inherit;}

#sidebar_menu li a, .sidebar-nav li a {
    color: #999;
    display: block;
    float: right;
    text-decoration: none;
    width: 60px;
   
  
   
}
.sidebar_name {
    padding-top: 25px;
    color: #fff;
    opacity: .7;
}

.sidebar-nav li {
  line-height: 40px;
  text-indent: 20px;
}

.sidebar-nav li a {
  color: #999999;
  display: block;
  text-decoration: none;
}

.sidebar-nav li a:hover {
  color: #fff;
  background: rgba(255,255,255,0.2);
  text-decoration: none;
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
  text-decoration: none;
}

.sidebar-nav > .sidebar-brand {

  font-size: 30px;
}

.sidebar-nav > .sidebar-brand a {
  color: #999999;
}

.sidebar-nav > .sidebar-brand a:hover {
  color: #fff;
  background: none;
}

#main_icon
{
    float:right;
   padding-right: 35px;
   padding-top:20px;
}
.sub_icon
{
    float:right;
   padding-right: 35px;
   padding-top:10px;
}
.content-header {
  height: 65px;
  line-height: 65px;
}

.content-header h1 {
  margin: 0;
  margin-left: 20px;
  line-height: 65px;
  display: inline-block;
}

@media (max-width:767px) {
	
    #wrapper {
    padding-left: 0px;
    transition: all .4s ease 0s;
}
#sidebar-wrapper {
    left: 0px;
}
#wrapper.active {
    padding-left: 330px;
}
#wrapper.active #sidebar-wrapper {
    left: 330px;
    width: 330px;
    transition: all .4s ease 0s;
}
	
}

.md-accordion .card .card-header{ padding: 0px !important; position: relative;}
.person{ padding-bottom: 10px;}
.person-name{ font-size: 13px; line-height: 15px; color: #333; padding:5px 0 0 0;}
.person-designation{ font-size: 12px; line-height: 15px; color: #333; padding:3px 0 0 0;}
.custom-header{ background: #f1f1f1; padding: 8px !important;}
.custom-header .fa-angle-down{ font-size: 20px; position: absolute;top: 24%;right: 11px;}
.custom-header .watch-icon{ font-size: 22px; position: absolute;botom: 0%;right: 35px; color: #333;}
footer{ position: relative; z-index: 99999;}
.request-btn{ background: #333; color: #fff !important; float: right; text-decoration: none; border-radius: 3px; border: 0px; padding: 3px 5px; line-height: 16px; margin: 5px 0; display: inline-block; font-size: 11px;}
.editicon{ font-size: 22px; position: absolute; top: -11px; right: -7px; color: #333;}
.editicon2{ font-size: 22px; position: absolute; bottom: 0px; right: 35px; color: #333; z-index: 999;}
.greenbox{ width: 10px; height: 10px; border-radius: 100%; background: #127f00; position: absolute;     left: 13px;    top: 0px;}

.addmore{ font-size: 25px; color: #333; float: right; padding: 5px 0;}

.event-name-title2{ font-size: 35px; font-weight: bold;  text-align: center; padding-bottom: 20px; color: #fff; }
.meeting-time{ padding-bottom: 5px; font-size: 15px;}
.light-blue{ background: #1da7e3; text-align: center; color: #fff;}
.light-blue2{ background: #5fc5f1; text-align: center; color: #fff;}
.dark-blue2{ background: #0873ba; text-align: center; color: #fff;}

@media(max-width:991px){
	.navbar-brand{ padding-left: 50px;}
	.mt30m{ margin-top: 30px;}
}

@media (max-width:767px) {
	.person-name, .person-designation{padding: 9px 0 0 19px;}
}





/*21-06-2020*/
.event-box{ background: url("../images/event1.jpg") no-repeat 0 0;  padding-top: 40px; margin-bottom: 30px; min-height: 210px;     box-shadow: 0 1px 6px 0 rgba(32, 33, 36, .28); border-radius: 2px 2px 0 0; opacity: 1;}
.palace-and-date{ color: #fff; text-align: center; font-size: 16px; font-weight: 400; padding-bottom: 15px;}


.btn-area{ position: absolute; left: 15px; bottom: 30px; right: 15px;}
.menuHeding{ font-size: 30px; color: #fff; text-align: center; background: #0873ba; padding: 30px 0; border-bottom: 1px solid #fff;}
.left-menu ul{ margin: 0px; padding: 0px;}
.left-menu ul li{ list-style-type: none; font-weight: 500;}
.left-menu ul li a{ color: #333; border-bottom: 1px solid #0873ba; padding: 15px 25px; display: block;}
.left-menu ul li a:hover{ color: #fff; background: #1da7e3;}
.speakers{ padding-bottom: 0px; margin-bottom:3px;}

#page-content-wrapper{ min-height: 350px;}
.text-black{ color: #000 !important;}





.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
}
.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #007bff !important;
    background-color: #fff !important;
    border: 1px solid #dee2e6 !important;
}








/*12-9-20*/
.custom-menu{box-shadow: 0 0 10px rgba(0,0,0,.08);}
.section2{ padding:30px 0;}
.textslider{  color: #fff; }
.custom-carousel-item{ min-height: 500px; padding-bottom: 35px;}
.textslider h5{ font-size: 30px; margin-bottom: 15px;}
.textslider p{ font-size: 20px; line-height: 30px;}

.customstyle{ background: #333 !important;}
.customstyle.active{ background: #f00 !important;}
.section3{ padding-bottom: 30px;}
.section4 {
    padding-bottom: 30px;
    background-color: #fff;
}

.section4b {
    padding-bottom: 30px;
    background-color: #e3e2df;
  
}

.section5 {
    padding-bottom: 30px;
    background-color:#ecfeff;
}
body.bgWhite{ background: #fff;}
/*.video-fluid{ min-height: 400px;}*/

.video_overlays {
/*min-height:400px;*/}

.video_box {
  /*  min-height: 400px;
*/}

.carousel-caption {
    position: absolute;
    right: 15%;
    top: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: left;
}



.video-background {
    position: absolute;
    width: 100%;
    height: 70vh;
    overflow: hidden;
    
    background-image: none;
   
    z-index: -2;
}

    .video-background video {
        background-repeat: no-repeat;
        background-size: contain;
        background-position: 50%;
        z-index: -1;
        width: auto;
        min-width: 100vw;
        min-height: 70vh;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        transition: all .3s ease-in-out;
    }

    .video-background iframe {
        background-repeat: no-repeat;
        background-size: contain;
        background-position: 50%;
        z-index: -1;
        width: auto;
        min-width: 100vw;
        min-height: 70vh;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        transition: all .3s ease-in-out;
    }

@media only screen and (max-width: 320px) {
    .hpslitem {
    }

        .hpslitem p {
            font-size: 2em;
            line-height: 50px;
            font-weight: 900;
            letter-spacing: 4px;
            text-shadow: 3px 3px 3px #555;
        }
    .hpheader {
        font-size: 3em;
        line-height: 70px;
        font-weight: 900;
        text-shadow: 3px 3px 3px #555;
    }
    #carouselExampleCaptions {
    min-height:180px;
    }
}


@media only screen and (min-width: 320px) {

    .hpslitem {
    }

        .hpslitem p {
            font-size: 40px;
            line-height: 50px;
            font-weight: 900;
            letter-spacing: 4px;
            text-shadow: 3px 3px 3px #555;
        }

    .hpheader {
        font-size: 60px;
        line-height: 70px;
        font-weight: 900;
        
        text-shadow: 3px 3px 3px #555;
    }
}