/*------- Detail Page CSS -------*/
body{background:#fff; }
#banner.detail-page:after {position: absolute; height: 1px; background: #ccc;  bottom: -48px;
    content: "";  width: 100%;  left: 0;   z-index: 1;}
#banner.detail-page{margin-bottom: 0;}
.tbstrp{border-bottom:1px solid transparent; transition:all 1s ease; border-bottom: 1px solid transparent; background:#fff }
.is_stuck{border-color:var(--gray-border); z-index:999;}
.tbstrp ul{width:100%;}
.tbstrp ul li{float:left; margin-right:40px;}
.tbstrp ul li:last-child{margin-right:0;}
.tbstrp ul li a{float:left; line-height:45px; font-size:15px; color:#000;border-bottom:2px solid transparent; 
    font-weight:600;}
.tbstrp ul li:hover a{color:var(--theme-red); text-decoration:none;}
.tbstrp ul li a.nav-active{border-color:var(--theme-red); color:var(--theme-red)}
.tbstrp .select-city{float:right; position:relative; border:1px solid #ccc; border-width:0 1px; line-height:48px; width:180px;} 
.tbstrp .select-city select{opacity:0; appearance:none; position:absolute; width:100%; left:0; top:0; height:48px;}
.tbstrp .select-city span.selected{padding:0 20px; line-height:48px; position:relative; font-size:16px; color:var(--theme-red); text-transform:uppercase; display:block;}
.tbstrp .select-city span.selected:after{content:""; position:absolute; right:10px; top:22px; border-top:5px solid var(--theme-red); border-left:5px solid transparent; border-right:5px solid transparent; display:block; }

.tb-cntnd section{margin-bottom:40px; }
#course-intro{padding-top: 40px;}
.tb-cntnd section header{margin-bottom:20px; position:relative; border-left: 10px solid var(--theme-red);padding-left: 20px;}
.tb-cntnd section header h2{font-size:36px; color:#000; margin-bottom:0;}
.tb-cntnd section header span{display:block; padding-top:10px; font-size:24px; }
.tb-cntnd section p, .tb-cntnd section li, .expert-dtl p{font-size:16px;  line-height:1.4em; margin-bottom:20px;}
.tb-cntnd section h3, .tb-cntnd section h2{font-size:24px; margin-bottom:20px; line-height:1.2em; font-weight:600;}
.tb-cntnd section li{list-style:none; margin-bottom:10px;}
.tb-cntnd ul{margin-bottom:30px;}
.tb-cntnd ul li ul{padding-top:20px; margin-bottom:0;}

.popup1.pop3.expertbox{width: 750px!important;}
.expert-dtl .row{display: block;}
.expert-dtl  .col-sm-4{float: left;  flex: none;  width: 160px; display: block;}
.expert-dtl  .col-sm-8{display: block; float: none;  flex: none; width:auto; max-width: inherit;}
.expertbox .expert-dtl figure{padding: 4px; margin-bottom: 8px;}

#about li, #tmc li { position: relative; padding-left: 25px;}
#about li:before, #tmc li:before {display: block; position: absolute; left: 0; top: 4px;
 background: url(images/masterclass-sprite.png) no-repeat -165px 0; width: 15px; height: 14px; content: "";}


ul.default-list, #agenda section ul{margin-left:18px;}
ul.default-list li, #agenda section ul li{list-style:disc; }
ul.default-list li:last-child{margin-bottom: 0;}

#agenda section { margin-bottom: 25px; position: relative; padding-top: 0;}
#agenda section:last-of-type{margin-bottom: 0;}
#agenda section time {font-size: 16px; font-weight: 600; color:var(--theme-red); line-height: 1.4em;}

/*------ Expert Section ----*/
#experts section, #partners section{border-bottom:1px solid #ccc; padding:0 0 30px; margin-bottom:30px;
 margin-left: 0; margin-right: 0;}
 #experts section .col-sm-4, #partners section .col-sm-4{padding-left: 0;}
#experts section:last-of-type, #partners section:last-of-type{border-bottom:0; padding-bottom:0;}
#experts section figure, #partners section figure, .expert-dtl figure{background:#fff; border:12px solid #f2f2f2;  margin-bottom:15px;}
#experts section figure img, #partners section figure img{display:block; width:100%;}
#partners section figure{height:220px; width: 100%; justify-content: center; align-items:center; display:flex; 
    vertical-align: middle; padding:15px;}
#experts section figcaption, .expert-dtl figcaption, #partners section figcaption{font-size:14px;  line-height:1.3em; color:#555; margin-bottom:10px;}
#experts section figcaption strong, .expert-dtl figcaption strong, #partners section figcaption strong{color:#000; font-weight:600; display:block; font-size:130%; line-height:1.2em;}
.expert-dtl figcaption strong{font-size:120%; margin-bottom:5px;}
#experts section .more{font-weight:600;}
#content{position:relative; z-index:2;}
#course-tmc{background:#f9f9f9; padding:20px;}
#course-tmc header{display:none;}
#course-tmc p, #course-tmc li{font-size:13px; margin-bottom: 10px;}
#course-tmc li {padding-left: 0; background: none; list-style: disc;}
#course-tmc li:before{display: none;} 
#course-tmc ul{margin-left: 15px; margin-bottom: 0;}

.desc.collapse{max-height:127px; overflow:hidden; margin-bottom:0; }
.desc.expand{max-height:inherit;}
.card-styl4 .desc{position:relative;}
.card-styl4 .desc.collapse:before{position:absolute; height:30px; z-index:1; bottom:0; left:0; width:100%; 
    background:linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 61%,rgba(255,255,255,1) 100%); display:block; content:"";}
#experts .desc:after, #partners .desc:after{font-size:14px; font-weight:400; line-height:14px; color:var(--theme-red); 
    position:absolute; content:"Read less"; z-index:2; cursor:pointer; bottom:-20px; left:0px; line-height:18px;}
#experts .desc.collapse:after, #partners .desc.collapse:after{ content:"Read more..."; bottom:-2px;   font-weight:400;}

.payment-optn .btn {display:inline-block; background: var(--theme-red); border-radius: 3px; padding: 10px 14px; font-size: 15px;
    color: #fff; line-height: 1em;  font-weight: 500; font-family: 'Montserrat', sans-serif; border: 1px solid transparent;
    transition: all .2s ease;}
.payment-optn .btn:hover{background:none; color:var(--theme-red); border-color:var(--theme-red); }
.popup1.pop3.expertbox .desc.collapse{max-height:inherit; overflow:visible;}
.popup1.pop3.expertbox .desc.collapse p:last-child{margin-bottom: 0;}
.popup1.pop3.expertbox .desc.collapse:after, .popup1.pop3.expertbox .desc.collapse:before{display:none;}


/*--------- RHS --------*/
#dtl-content aside{z-index:99; top:-200px;}
.rhs-box{background:#fff; box-shadow:0 0 5px rgba(0,0,0,.2); padding:20px; }
.rhs-box section{border-bottom:1px solid #ccc; padding-bottom:14px; margin-bottom:15px; font-size:16px;  line-height:1.4em;}
#map{margin-bottom:10px;}
.rhs-box section:last-of-type{border:0; padding-bottom:0; margin-bottom:0;}
.rhs-box section h3{font-size:16px; text-transform:uppercase; color:var(--theme-red); margin-bottom:10px;}
.payment-optn{background:#e5e5e5; padding:13px 15px 15px; border-radius:5px; margin-bottom:15px;}
.payment-optn:last-of-type{margin-bottom:0;}
.payment-optn h4{font-size:16px; text-transform:uppercase; line-height:1.4em; margin-bottom:10px; font-weight:600;}
.payment-optn h4 span{display:block; line-height:1.4em; font-size:16px; font-weight:400;  text-transform:none;}
.registration-fee{margin-bottom:15px; }
.registration-fee small{}
.registration-fee h5{line-height:1.3em; display:block; margin:0; font-weight:600;}
.registration-fee.offer h5{font-size:140%; font-weight:600;}
.registration-fee .highlight{color:var(--theme-red);}

.rhs-box .contact-info{font-size:16px; line-height:1.4em; }
.rhs-box .contact-info p{margin-bottom:15px; }
.rhs-box .contact-info p a{color:#000; }
.rhs-box .contact-info p strong{display:block; font-weight:600;}
.rhs-box .contact-info p:last-child{margin-bottom:0;}
.rhs-box p.tmc{font-size:14px; color:#005eea; line-height:1.3em; margin-bottom:0; }
.rhs-box p.tmc a{color:inherit;}

.post p, .post li {font-size:16px;  line-height:1.5em; margin-bottom:25px;}
.post li {margin-bottom:10px;}
.post h4 {font-size: 18px;line-height: 1.2em; margin-bottom: 15px;  color: #000;font-weight: 600;}
.lst_styl1 h3 a:hover, .lst_styl2 h3 a:hover, .post p a, .dropdown-nav ul.cat li:hover a{color:#2b6dad; text-decoration:none;}

 #footer{background:#f9f9f9;}


 @media screen and (max-width:767px){


/*------ Detail Page ----*/
#banner.detail-page{ margin-bottom: 0;}
#banner.detail-page figure, #banner.cat-page figure{height:35vh;}
#banner .event-meta, #banner time{text-align:center; font-size: 16px; font-weight:bold; width: 100%;}
#banner.light-theme .event-meta, #banner.light-theme time{color:#000;}

.tbstrp, #banner.detail-page:after{display:none;}
.tb-cntnd ul{margin-bottom: 0;}

.tb-cntnd section header{text-align: center; border:0; padding:0 0 10px;}
.tb-cntnd section header:after{width: 100px; height: 2px; content: ""; position: absolute;left: 50%;
    margin-left: -50px; bottom: 0; display: block; content: "";background: var(--theme-red);}
.tb-cntnd section header h2{text-transform: uppercase; font-size: 19px; line-height: 1.2em;  font-family: 'Montserrat', sans-serif;}

#course-intro{padding-top: 0;}
#agenda section h3 { font-size: 18px; margin-bottom: 10px; line-height: 1.2em; font-weight: 600;}
#experts section, #partners section{display:block;}
#experts section figure, #partners section figure, .expert-dtl figure{border-width:5px;}
#partners section figure{height:85px;}
#experts section .col-sm-4, #partners section .col-sm-4{float: left; flex: none; width: 100px;  display: block;}
#experts section .col-sm-8, #partners section .col-sm-8{display: block;  float: none; flex: none;
    width: auto;  max-width: inherit; padding-left: 0;}

.expertbox .expert-dtl .name{font-size: 16px; margin-bottom: 0;}
.popup1.pop3.expertbox{width:90% !important; padding:10px;}
.expert-dtl .row{display: block; margin:0;}
.expertbox .expert-dtl figure{float: left;  flex: none; margin-right: 8px;  width:100px; display: block;}
.expert-dtl  .col-sm-8{display: block; float: none;  flex: none; width:auto; max-width: inherit;}
.expertbox .expert-dtl figure{padding: 4px; margin-bottom: 8px;}
.expertbox .expert-dtl .readmore{display:none;}
#course-tmc{padding:15px; margin-bottom: 30px;}
.tb-cntnd section p, .tb-cntnd section li, .expert-dtl p{font-size: 14px;}
.desc.collapse{max-height:128px;}
.tb-cntnd section{margin-bottom: 30px;}

/*----- Booking Panel Mobile ----*/
.booking-panel{background: #fff; padding:15px 10px 13px; border-bottom:1px solid var(--gray-border); text-align: center; 
	margin-bottom:20px;}
.booking-panel button, .booking-panel button.btn-primary{font-size:12px; font-weight:600; padding:8px 6px; text-transform: none; float:right; line-height: 1.3em;
width:114px; margin: 0 3px;}
.booking-panel button small{font-size:10px; font-weight:normal; display:block; }
.booking-panel button.btn-inverse{color:#000; background: #fcebed; margin-right:0; }
.booking-panel .price {float: left; text-align: left; margin-bottom: 0; padding-top: 6px;}
.booking-panel  .price .offer{font-size: 12px;}
.booking-panel .price .currency{padding:4px 16px 3px 4px; margin-right: 4px; font-size:18px;}
.booking-panel .price .currency .fa{font-size: 14px; right:5px; top: 5px;}
.booking-panel .price .value{font-size: 15px; line-height: 1.6em;}
.booking-panel .price .tax{font-size:8px;color:#444; font-weight: 400; position: relative; top:-6px; padding-top:0px; margin-left:40px;  clear: left; float:none;text-align: left;}
.booking-panel .price .currency ul.currency-list{top:24px;}
.booking-panel .price .currency ul.currency-list li {padding:5px; width: 34px; font-size: 16px;}
.booking-panel .contact{clear: both; padding-top:10px; text-align: center; color:#888; font-size: 14px }
.booking-panel .contact a{font-weight:bold; color:#888;}

.booking-panel.fixed{position:fixed; width:100%; margin-bottom: 0; left:0; bottom:-125px; z-index:99; 
	box-shadow:0 -1px 6px rgba(0,0,0,.1);  transition:all .2s ease;}
	.booking-panel.fixed.up{bottom:0;}
.booking-panel.fixed .price ul.currency-list{top: auto; bottom:27px; box-shadow:0 -2px 2px rgba(0,0,0,.2); 
	border-top:1px solid var(--gray-border); border-bottom:0; border-radius:4px 4px 0 0;  }

.booking-panel.fixed .actual-price, .booking-panel.fixed .contact{display:none;}

.share{position:fixed; right:0; top:50%; z-index:50; }
.share a{display:block; width: 32px; height: 32px; background-color:#eaeaea; border-radius:3px 0 0 3px;}
.share a.whatsapp{background-position:-192px 0;}
.share a.shareall{background-position:-192px -32px;}

/*------ RHS -------*/
#dtl-content aside{top:0;position: static; z-index: 1;}
#dtl-content aside .price{margin-bottom: 0;}
.payment-optn{display:none;}
.rhs-box{padding:15px; border:1px solid var(--gray-border); box-shadow:none;}

#page-banner{height: 40vh;}
#page-banner figure{height: 100%}
#page-banner img{height: 100%; object-fit:cover;}

.custom-twitter-widget .loadmore{display:none;}

.tb-cntnd .social-share-wdgt.hide{display:none;}
.tb-cntnd .social-share-wdgt{width: 31px; margin-bottom: 20px;  position: fixed; left: auto; right: 0; top: 50%;}
.tb-cntnd .social-share-wdgt a { float: none; width: 100%; height:35px;}
.tb-cntnd .social-share-wdgt .fa {line-height: 35px;color: #fff; font-size: 14px;}
.tb-cntnd .social-share-wdgt a:hover{width:auto;}

#banner figcaption h1, #banner.detail-page figcaption h1{font-size:22px; }
#banner.detail-page figcaption p{display:none; }
}

 @media screen and (max-width:374px){
.booking-panel button{padding:8px 2px; width:110px; font-size:11px; margin:0 1px; }
.booking-panel button small{font-size:8px;}
#footer .socials a, #footer .socials span{margin:0 3px;}
.booking-panel .price .value{font-size:13px; }
}

@media screen and (max-width:359px){
.booking-panel button{padding:8px 2px; width: 98px; font-size:10px; margin:0 1px; }
.booking-panel button small{font-size:8px;}
#footer .socials a, #footer .socials span{margin:0 3px;}
}