body { color: #183043; }
.marketLHS {
			background: #ffffff;
			display: inline-block;
			padding: 20px 20px;
			margin: 0px 0px 20px 0px;
			width: 100%;
			}
.homeWrap {
    padding-top: 100px;
}
.top_banner {
    height: 100%;
    height: 40vh;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    height: 250px;
    padding: 12px;
    margin-bottom: 15px;
    background-image: url(/Images/customer-summit/CustonSum_LondonBanner.jpg);
}
.bannerContent { color: #fff; margin-left: 95px; }
.bannerContent .btn { border-radius: 45px; color: #23527c; }
.bannerContent h1 {font-weight: 800;    font-size: 36px; margin-bottom: 0;}
.bannerContent h2 {font-size: 63px; margin: 0;}
.bannerContent h2 span {font-size: 18px;}
.csDate {font-size: 16px; font-weight: bold;}
.custSummiRhs a {text-align: left; color: #333; font-size: 15px;font-weight: bold;  }
.custSummiRhs a:hover {color: #62c266; text-decoration: none;}
.custRhs {color: #62c266 !important;;}
.responsiveShow {display: none;}
.headingwhy {
    color: #415565 !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    margin: 0; line-height: 22px;
    text-transform: uppercase;
}
.hspacer15 { display: block;clear: both;padding: 15px 0 0 0; }
.agendaWrap { display: block;list-style: none;padding: 0;margin: 0; }
.headingBox {background: #ddd3fa; padding: 10px;}
.pageHead {font-weight: 700; font-size: 24px;background: #f2f2f2;
    padding: 10px;}
.popupHead {font-weight: 700; font-size: 19px;}
.registrationPopup label{ font-weight: normal; font-size: 12px;  }

.required  {color:red;}
.p-0{
    padding: 0;
}
.py-15{
    padding-top:15px; 
    padding-bottom:15px;
}
.px-15{
    padding-left:15px; 
    padding-right:15px;
}

/*
* Flex Box
*/
.agenda .tab-content{ padding: 10px; }
.agenda .nav-tabs>li.active>a,.agenda .nav-tabs>li.active>a:focus,.agenda .nav-tabs>li.active>a:hover
{ border: none; border-bottom: 4px solid #35a5c3; }
.agenda .nav>li>a:focus, .nav>li>a:hover{border: none; background: none; }
.flex-box {
    display: flex;
    flex-wrap: wrap;
}

.tab-content .flex-item {
    padding: 15px 20px;
}


.tab-content .flex-item:first-child {
    width: 176px;
    text-align: right;
    font-weight: 700;
}

.tab-content .flex-item + .flex-item {
    flex: 1;
    position: relative;
}

.tab-content .flex-item.active {
    color: #3e51b5;
    font-weight: bold;
}

.tab-content .flex-item.divider:after {
    content: "";
    position: absolute;
    left: 0;
    top: 15px;
    height: 45%;
    width: 2px;
    background-color: #35aedb;
}

.flex-bulled .bullet:after {
    content: "";
    position: absolute;
    left: -3px;
    top: 22px;
    height: 6px;
    width: 6px;
    border-radius: 100%;
    background-color: #35aedb;
    z-index: 1;
}

.flex-bulled .flex-item:last-child:after {
    content: "";
    height: 100%;
    width: 1px;
    background-color: #e5e5e5;
    position: absolute;
    left: 0;
    top: 0;
}

.flex-item .bullet h4 {

    text-transform: uppercase;
    margin: 0 0 5px 0;
    font-size: 12pt;
    font-weight: 700;
}

.flex-bulled .flex-item p {
     font-size:15px;
}

.flex-item .media h4 {
    text-transform: inherit;
    color: inherit;
}

.flex-item .media h4:after {content: "";width: 25px;height: 2px;background-color: #000;display: block;margin-top: 5px;}
/*.LhsNav{position: fixed;}*/
.fixedWrap {background: #7d70a8; padding: 24px 10px; position: fixed; top: 0; width: 100%; color: #fff; z-index: 999;}
.btnpopup {text-align: center;}
        .btnpopup .btn {padding: 10px 20px;}
        .btnpopup > .btn-danger { color: #23527c;   background: #fff!important; border-color: #fff!important;font-family: Arial; border-radius: 25px; }
/*
* Flex Box End
*/

.figure{
    height: 310px;
    background-color: #fff;
    border: 1px solid #ddd;
}
.figure .speaker-img{
    width: 50%;
    margin: 0 auto;
    margin-bottom: 15px;
}
.figure .speaker-img img{
    margin: 0 auto;
    padding-top: 10px;
}

.figure .figure-caption{
    height: 170px;
    padding: 15px 10px;
}
.figure .figure-caption:hover,.figure .figure-caption:focus{
    background: #7d70a8;
    color:#ffffff;
}
.figure .figure-caption:hover h4:after, .figure .figure-caption:focus h4:after {
    background-color: white;
}
.figure .figure-caption h4{
    font-weight: bold;
}
.figure .figure-caption h4:after {
    content: "";
    width: 50px;
    height: 3px;
    background-color: #183043;
    display: block;
    margin-top: 5px;
}
.figure .figure-caption p{
    padding: 15px 0;
}
.speaker-modal .modal-body{
    padding: 0;
}
.speaker-modal .modal-dialog .close{
margin-top: -2px;
    background-color: #fff;
    opacity: 1;
    border: 2px solid #3e51b5;
    border-radius: 100%;
    width: 30px;
    height: 30px;
    line-height: 20px;
    position: absolute;
    top: -15px;
    right: -10px;
    z-index: 10;
}
.discription-left .figure{
    height: auto;
    background-color: #fff;
    border: none;
}

.discription-left .figure .figure-caption:hover,.discription-left .figure .figure-caption:focus{
    background: #ffffff;
    color:initial;
}
.discription-left .figure .figure-caption h4{
    text-align: center;
}
.discription-left .figure .figure-caption h4:after {
    transform: translate(-50%, 50%);
    left: 50%;
    position: absolute;
}

.discription-right{
    background: #7d70a8;
    padding: 20px 10px;
    color: #ffffff;
}

 .panel-discussion-sec .figure{
    height: 285px;
 }
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 768px) {
    .homeWrap {    padding-top: 55px !important;}
    .bannerContent { margin-left: 0; }
    .bannerContent h1{ font-size: 20px; }
    .bannerContent h2 { font-size: 50px; }
    
    .top_banner {background-image: url(/Images/customer-summit/Mob_CustonSum_LondonBanner.jpg);}
    .flex-bulled .flex-item p {font-size: 13px;}
    .tab-content .flex-item {    padding: 15px 12px 15px 10px;    font-size: 12px;}
    .agenda {    margin: 0 -15px;}
    .tab-content .flex-item:first-child{width: 82px;text-align: left;font-weight: 600;}
    .bgGray{height: auto !important;}
    .custSummiRhs {width: 100%; display: inline-block;}
    .LhsNav{position: relative;}
    .LhsNav a {width: 50%;border: 1px solid #ccc;display: inline-block;text-align: center;vertical-align: middle;margin: 0px -2px !important;background: #f5f5f5;}
    .bgGray {background: #fff;}
    .responsiveShow {    display: block;}

}