html, body {
    width: 100%;
    background-color: #f1f1f1;
}

body {
    font-family: 'Roboto', sans-serif;
}

body.none {
    background-image: none;
    background-color: #fff;
}

.auditorium {
    background: url(../images/auditorium.jpg) #fff center top no-repeat;
    background-attachment: fixed;
}

.brand-logos{padding-right: 0px; border-right: solid 5px #ffffff;}

.item {
    -webkit-transition: -webkit-transform .3s ease-in-out!important;
    -o-transition: -o-transform .3s ease-in-out!important;
    transition: transform .3s ease-in-out!important;
}

#carousel-example-generic2 .item {
    -webkit-transition: -webkit-transform .9s ease-in-out!important;
    -o-transition: -o-transform .9s ease-in-out!important;
    transition: transform .9s ease-in-out!important;
}

.full-width {
    width: 100%;
}
.blogos{padding: 23px 0px!important;}
.bblogos{padding: 23px 0px!important;}
.bblogos img{text-align: center; margin: 0px auto; max-height: 70px;}
.logo2 {
    padding: 0px 0px 0px 190px;
}
.mb10{margin-bottom: 10px;}
.bb{background: #fff;}
.login {
    background-color: #ffffff;
    border-radius: 5px;
    margin-top: 15px;
    overflow: hidden;
	box-shadow: 0px 0px 15px #999;
}
.mlogo{margin: 0px auto;}
.schedule {
    padding: 0px;
}

.technology-partner {
    text-align: center;
    background: #ffffff;
    font-size: 12px;
    padding: 10px 0px;
    display: inline-block;
    width: 100%;
}

.technology-partner h4 {
    color: #1e8ccc;
    font-size: 15px;
    margin: 0px 0px 5px 0px;
}

.technology-partner span {
    font-weight: 500;
}

.technology-partner img {
    margin: 0px auto;
}

.technology-partner a {
    display: inline-block;
}

.supportedby {
    padding: 28px 0px;
    font-size: 14px;
    background: #fff;
    display: inline-block;
    width: 100%;
	border-top: solid 5px #ffffff;
	border-bottom: solid 5px #f1f1f1;
}

.supportedby span {
    padding-bottom: 5px;
    display: block;
}
.supportedby img{height: 70px; margin: 0px auto;}

.disclaimer {
    font-size: 11px;
    background-color: #f1f1f1;
    text-align: center;
    padding: 6px 10px;
}

.disclaimer h4 {
    margin-bottom: 5px;
    margin-top: 0px;
    font-size: 12px;
}

.disclaimer p {
    margin-bottom: 5px;
}

.disclaimer strong {
    font-weight: 500;
    font-size: 12px;
    font-style: italic;
}


.logos {
    padding: 10px 0px 10px 0px;
    overflow: hidden;
	border-bottom: solid 0px #f1f1f1;
}

.logos img {
    margin: 0px auto;
	max-height: 120px;
}

.speakers h4 {
    color: #DE5D68;
    font-size: 18px;
    padding-bottom: 5px;
	border-bottom: solid 2px #ccc;
	margin-top: 0px;
}

.speakers table h5 {
    margin: 0px 0px 5px 0px;
    font-size: 18px;
    font-weight: 500;
}

.login-form {
    background-color: #fff;
	border-bottom: solid 0px #f1f1f1;
}

.login-form h2 {
    font-size: 20px;
    color: #000;
    font-weight: 700;
    margin: 0px;
    position: relative;
    padding: 10px 0px 5px 0px;
}

.login-form h2 span {
    font-size: 40px;
    color: #00adf2;
    font-weight: 700;
}

.login-form h2::after {
    content: '';
    position: absolute;
    left: 0px;
    bottom: -3px;
    width: 100%;
    height: 3px;
    clear: both;
    background: #DE5D68;
    background: -moz-linear-gradient(left, #DE5D68 0%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, #DE5D68), color-stop(100%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(left, #DE5D68 0%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(left, #DE5D68 0%, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(left, #DE5D68 0%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to right, #DE5D68 0%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#DE5D68', endColorstr='#ffffff', GradientType=1 );
}

.mb0 {
    margin-bottom: 0px!important;
}


.pt15 {
    padding: 15px 15px 0px 15px;
}

.clearfix {
    clear: both;
}
.social-icons a,
.social-icons a:hover,
.social-icons a:focus{background: #1e8ccc;
    color: #fff;
    width: 20px;
    height: 20px;
    text-align: center;
    padding: 2px 0px;
	margin-left: 2px;
	border-radius: 3px;
}
.social-icons a .fa{font-size: 14px;}


.login-form .form {
    padding-top: 20px;
    padding-bottom: 5px;
    width: 100%;
    float: left;
}
.login-form .form form{margin-bottom: 0px;}

.login-form .form-group {
    width: 100%;
    float: left;
    clear: both;
    margin-bottom: 10px;
}

.login-form .form label {
    line-height: 40px;
    font-size: 18px;
    margin: 0px;
    font-weight: 400;
}

.mend {
    color: #cc0000;
}

.login-form .form .form-control {
    background: #fff;
    border: solid 2px #ccc;
    color: #000;
    outline: none;
    line-height: 40px;
    height: 40px;
    font-size: 18px;
    border-radius: 0px;
    box-shadow: none;
}

.login-form .form .btn-primary {
    background: #df5d69;
    border: none;
    color: #fff;
    outline: none;
    line-height: 40px;
    height: 40px;
    font-size: 15px;
    text-align: center;
    padding: 0px 20px;
    font-weight: 500;
    border-radius: 2px;
}

.footer-info {
    padding: 15px 0px;
}

.f-info {
    width: 540px;
    margin: 0px auto;
    overflow: hidden;
}

.mt10 {
    margin-top: 10px;
}

body.none footer {
    background: #fff;
}

.copyright {
    text-align: center;
    padding: 10px 0px;
    font-size: 12px;
}

label.error {
    width: 100%;
    font-size: 14px !important;
    color: #cd2228;
    line-height: 20px !important;
}
.speakers{background: url("../images/bg-spek1.png") center center no-repeat; background-size: cover; padding: 30px 0px 35px 0px; border-bottom: solid 5px #f1f1f1;}

.speakers-slider {
    padding: 0px;
}

.speakers-slider .sphoto {
    padding: 0px;
    text-align: right;
    margin-top: 15px;
}

.speakers-slider .sdetails {
    text-align: left;
    padding-top: 15px;
}

.sdetails p {
    margin: 0px;
    font-size: 15px;
}

.speakers-slider .sdetails h5 {
    margin: 0px 0px 5px 0px;
    font-size: 18px;
    font-weight: 500;
}

.carousel-indicators li {
    border-color: #DE5D68;
    width: 15px;
    height: 15px;
    margin: 0px 10px;
    border-radius: 15px;
}

.carousel-indicators .active {
    background-color: #DE5D68;
    width: 25px;
    height: 15px;
}

.carousel-indicators {
    bottom: 0px;
}

/*Inner page*/
header {
    width: 100%;
    float: left;
    background-color: #fff;
}

header>div:first-child {
    padding-top: 10px;
    padding-bottom: 10px;
}

header .user-details {
    width: 100%;
    float: left;
    background-color: #634e3d;
    padding: 7px 0px;
    color: #fff;
}

header .user-details a {
    color: #fff;
}

header .user-details a:hover, header .user-details a:focus {
    color: #fff;
    text-decoration: none;
}

header .user-details i {
    opacity: .7;
}

/*.auditorium>div:nth-child(1){padding-top:15px; padding-bottom:15px; clear:both;}*/
.video-screen {
    background: #fff;
    padding: 3px 3px 0px 3px;
    margin-bottom: 30px;
}

.top-btn {
    padding: 10px 0px;
}

.top-btn .btn-primary {
    background: #df5d69;
    border: none;
    color: #fff;
    outline: none;
    line-height: 35px;
    height: 35px;
    font-size: 16px;
    text-align: center;
    padding: 0px 20px;
    font-weight: 500;
    border-radius: 2px;
    box-shadow: none;
    margin: 0px 5px;
}

.top-btn .btn-primary:focus {
    background: #df5d69;
}

.top-btn .btn-primary:hover {
    background: #df5d69;
    color: #fff;
}

.top-btn .btn-primary:active:focus {
    outline: none;
}

.top-btn .two-line {
    line-height: 22px;
    height: 45px;
    font-size: 13px;
}

.agenda {
    padding-bottom: 15px;
}

.agenda h2 {
    font-size: 20px;
    color: #332c3b;
    font-weight: 700;
    margin: 0px;
    padding: 5px 0px;
    text-align: center;
    text-transform: uppercase;
}

.agenda-table {
    background-color: #fff;
    color: #232d42;
}
#WebinarAgendaModal table td p { margin: 5px; }
#WebinarAgendaModal .modal-body { background: #f1f1f1; padding: 5px; }
#WebinarAgendaModal tr { padding-bottom: 5px; }
.modal-content {
    overflow: hidden;
}
.agenda-table .table {
    margin-bottom: 0px;
    border-collapse: collapse;
    background: #f1f1f1;
}

.agenda-table strong {
    font-weight: 700;
}

/*.table-striped>tbody>tr:nth-of-type(even){background-color: #155496;}
.table-striped>tbody>tr:nth-of-type(odd){background:none;}*/
.agenda-table>table>thead>tr {
    background-color: #cd2228;
    color: #FFF;
}

.agenda-table>table>thead>tr>th {
    text-align: center;
}

.agenda-table>table>tbody>tr.odd {
    background-color: #e8cac6;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 5px;
    line-height: 18px;
    vertical-align: top;
    border-top: none;
}

.video-title {
    width: 100%;
    text-align: center;
    font-size: 20px;
    padding: 10px 0px;
}

.video-title span {
    font-size: 30px;
    font-weight: 700;
    color: #013976;
}

.bottom-box {
    background-color: #fff;
}

.ask-question-box h2 {
    font-size: 20px;
    color: #332c3b;
    font-weight: 700;
    margin: 0px;
    padding: 5px 0px;
    text-align: center;
    text-transform: uppercase;
    position: relative;
}

.ask-question-box h2::after {
    content: '';
    position: absolute;
    left: 0px;
    bottom: -3px;
    width: 100%;
    height: 3px;
    clear: both;
    background: #e31f25;
    background: -moz-linear-gradient(left, #1b264f 0%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, #1b264f), color-stop(100%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(left, #1b264f 0%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(left, #1b264f 0%, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(left, #1b264f 0%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to right, #1b264f 0%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b264f', endColorstr='#ffffff', GradientType=1 );
}

.name-feild .form-control, .question-feild .form-control {
    background: #fff;
    border: solid 2px #ccc;
    color: #000;
    outline: none;
    line-height: 24px;
    height: 150px;
    font-size: 18px;
    border-radius: 0px;
    box-shadow: none;
}

.question-feild .form-control {
    line-height: 24px;
}

.submit-btn .btn-primary {
    background: #df5d69;
    border: none;
    color: #fff;
    outline: none;
    line-height: 40px;
    height: 40px;
    font-size: 15px;
    text-align: center;
    width: 100%;
    padding: 0px 15px;
    font-weight: 700;
    border-radius: 5px;
    box-shadow: none;
}

.btn-primary:active:focus, .btn-primary:hover, .btn-primary:focus {
    background-color: #df5d69;
    color: #fff;
}

.topic {
    width: 100%;
    float: left;
    background-color: #013976;
}

.question-text {
    width: 100%;
    float: left;
    clear: both;
    text-align: center;
    color: #000;
    font-size: 20px;
    padding-top: 10px;
}

.question-text strong {
    color: #013976;
}

.black-videobox {
    height: 620px;
    text-align: center;
    color: #fff;
    padding: 175px 0px;
    font-size: 24px;
    background: url(../images/play-icon.png) #000 center center no-repeat;
}

.modal {
    padding: 0px!important;
}

.modal-header .close {
    opacity: .7;
    font-size: 40px;
    line-height: 25px;
}

#myModal .form-group {
    width: 100%;
    float: left;
    position: relative;
}

#myModal .form-group:last-child {
    margin-bottom: 0px;
}

#myModal .form-group input[type=checkbox], #myModal .form-group input[type=radio] {
    width: 20px;
    height: 20px;
    margin: 0px;
    position: absolute;
    top: -1px;
}

#myModal .form-group label {
    font-weight: 500;
    float: left;
    padding-left: 30px;
}

.modal .modal-body h4 {
    color: #cd2228;
    font-size: 20px;
    margin: 0px 0px 20px 0px;
}

.modal .modal-title {
    padding-left: 35px;
}

#DisclaimerModal .modal-title {
    background: url(../images/disclaimer-icon.png) left center no-repeat;
    background-size: 25px;
}

#UpcomingWebinarsModal .modal-title {
    background: url(../images/webinar-icon.png) left center no-repeat;
    background-size: 25px;
}

#AskQuestionModal .modal-title {
    background: url(../images/question-icon.png) left center no-repeat;
    background-size: 25px;
}

#WebinarAgendaModal .modal-title {
    background: url(../images/agenda-icon.png) left center no-repeat;
    background-size: 25px;
}

#myModal .modal-title {
    background: url(../images/poll-icon.png) left center no-repeat;
    background-size: 25px;
}

.livePolll {
    background: #069345!important;
}

/*.modal .btn-primary{background: #cd2228;
    border: none;
    color: #fff;
    outline: none;
    line-height: 40px;
    height: 40px;
    font-size: 15px;
    text-align: center;
    padding: 0px 15px;
    font-weight: 700;
    border-radius: 5px;
    box-shadow: none;
}
.live-poll{padding:15px;}
.live-poll .btn-primary{background: #069345;
    border: none;
    color: #fff;
    outline: none;
    line-height: 45px;
    height: 45px;
    font-size: 18px;
    text-align: center;
    padding: 0px 30px;
    font-weight: 500;
    border-radius: 5px;
    box-shadow: none;
}*/
a:active:focus, button:active:focus, input:active:focus, a:focus, button:focus, input:focus {
    outline: none;
}

a {
    color: #333;
}

a:hover {
    color: #000;
}

#UpcomingWebinarsModal h5 {
    font-size: 18px;
    margin: 0px 0px 10px 0px;
}

#UpcomingWebinarsModal .small-date {
    font-size: 14px;
}

#carousel-example-generic ol.carousel-indicators {
    position: relative;
    left: 0;
    z-index: 15;
    width: 100%;
    text-align: center;
    list-style: none;
    padding: 15px 0px 15px 0px;
    margin: 0px;
}

.mx-auto {
    margin: 0px auto;
}

.technology-partner .full-width img {
    float: right;
}

.text-right a.full-width img {
    float: right;
}
.bor{border-right:solid 4px #1b264f;}

.hide{display: none;}
.com-logo{margin: 0px auto;}

/*---------------------------------------
     RESPONSIVE STYLES              
  -----------------------------------------*/
@media screen and (min-width: 992px) {
    .pl0 {
        padding-left: 0px!important;
    }

    .pr0 {
        padding-right: 0px!important;
    }

    .plr0 {
        padding-left: 0px!important;
        padding-right: 0px!important;
    }
}

@media screen and (max-width: 1199px) {
    .logo2 {
        padding-left:85px;
    }

    .logo2 img {
        margin: 0px auto;
    }

    .speakers-slider {
        padding: 0px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .ask-question-box .title {
        padding: 43px 15px 43px 0px;
    }

    .name-feild {
        width: 550px;
        padding: 15px 15px 10px 0px;
    }

    .logos img {
        height: 100px;
    }

    .disclaimer {
        padding-bottom: 7px;
        padding-top: 10px;
    }
}

@media screen and (max-width: 991px) {
    .agenda {
        padding:0px;
    }

    .center {
        text-align: center;
        padding-bottom: 7px;
        margin-bottom: 10px;
    }

    .center img {
        margin: 0px auto;
        float: none !important;
    }

    .technology-partner .full-width img {
        float: none;
    }

    .text-right a.full-width img {
        float: right;
    }

    #carousel-example-generic ol.carousel-indicators {
        padding-top: 10px;
        padding-bottom: 15px;
    }

    .video-title span {
        font-size: 20px;
    }

    .ask-question-box .title {
        width: 100%;
        padding: 0px;
    }

    .question-feild {
        width: 100%;
        padding-right: 0px;
    }

    .submit-btn {
        width: 150px;
    }

    .submit-btn .btn-primary {
        line-height: 40px;
        height: 40px;
    }

    .question-text {
        font-size: 16px;
    }

    .login {
        margin-top: 15px;
        border-radius: 10px;
    }

    .login-form .form label {
        line-height: 24px;
    }

    header .user-details>div>div {
        width: 100%;
        text-align: center;
    }

    header .user-details>div>div:nth-child(2) {
        padding-top: 5px;
    }

    .auditorium {
        background: url(../images/auditorium-md.jpg) #fff center top no-repeat;
        background-attachment: fixed;
    }

    .black-videobox {
        height: 420px;
        padding: 70px 0px;
    }

    .technology-partner {
        padding: 5px;
    }

    .speakers-slider {
        padding: 0px;
    }

    .logo2 {
        padding: 0px;
        float: right!important;
    }

    .logo3 {
        width: 100%;
        padding-left: 0px;
        padding-top: 15px;
        text-align: center;
    }

    .logo3 img {
        margin: 0px auto;
    }
	.bor{border-right:none}
	.supportedby {
    margin: 0px -15px;
    width: -webkit-fill-available;
	}
	.sm-hide{display: none;}
	.sm-show{display: block!important;}
	.logos.sm-show{background: #fff; border-bottom: solid 5px #dbdee1;}
	.com-logo{max-height: 70px;}
}

@media only screen and (max-width: 767px) {
    .black-videobox {
        height: 350px;
        padding: 70px 0px;
        font-size: 18px;
    }

    .auditorium {
        background: url(../images/auditorium-xs.jpg) #fff center top no-repeat;
        background-attachment: fixed;
    }

    .xs-hide {
        display: none;
    }

    .top-btn .btn-primary {
        margin: 5px;
    }

    body.none .copyright {
        width: 100%;
        padding: 5px 0px;
    }

    body.none .copyright:first-child {
        padding-bottom: 0px;
    }

    .logo1, .logo2, .logo3 {
        width: 100%;
        padding-left: 0px;
        text-align: center;
    }

    .logo1 {
        padding-bottom: 10px;
    }

    .logo1 img, .logo2 img, .logo3 img {
        margin: 0px auto;
    }

    .logo1 img {
        height: 80px;
    }

    .logo2 img {
        height: 50px;
    }

    .logo3 img {
        height: 60px;
    }

    .speakers-slider {
        padding: 0px;
    }

    .speakers-slider .sphoto img {
        margin: 0px auto;
        max-height: 120px;
    }

    .speakers-slider .sdetails {
        text-align: center;
        padding-top: 10px;
    }
	.speakers-slider .sphoto {
    text-align: center;
	}
	.text-right {    text-align: center;}
	.technology-partner .text-left {
        text-align: center;
    }
	.mi{margin: 0px auto!important; float: inherit!important;}
}