/*font-family: 'IBM Plex Serif', serif;
font-family:'Open Sans';*/

/*html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }*/

.content-main object, .content-main iframe, .content-main h1, .content-main h2,.content-main h3, .content-main h4,.content-main h5,.content-main h6, .content-main p,.content-main blockquote,.content-main pre,.content-main a,.content-main abbr,.content-main acronym, .content-main address, .content-main big,.content-main cite,.content-main code,.content-main del,.content-main dfn,.content-main em,.content-main font,.content-main img,.content-main ins,.content-main kbd,.content-main q,.content-main s,.content-main samp,.content-main strike,.content-main sub,.content-main sup,.content-main tt,.content-main var,.content-main b,.content-main u,.content-main i,.content-main center,.content-main dl,.content-main dt,.content-main dd,.content-main ol,.content-main ul,.content-main li,.content-main fieldset,.content-main form,.content-main label,.content-main legend,.content-main table,.content-main caption,.content-main tbody, .content-main tfoot,.content-main thead,.content-main tr,.content-main th,.content-main td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, article { display: block }
ol, ul { list-style: none }
:focus { outline: 0 }
::-moz-focus-inner {border:0;outline:0}
table { border-collapse: collapse; border-spacing: 0;}
.clear { clear: both }
.cf:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height: 0 }
.cf { display: inline-block }
* html .cf { height: 1% }
.cf { display: block }
img { border: 0;}	
body { -webkit-animation: fadein 2s; -moz-animation: fadein 2s; -o-animation: fadein 2s; animation: fadein 2s; }
a,a:after, button, .headerFix .header-main, .showmenu, .menu.showmenu/*, .sticky*/{ -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear;}
.al{float: left;}
.ar{float: right;}

.btn, .btn-sm, .streamShare a, .liveChat a, .video-gallery-list li .white-bg{ -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; -ms-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-transition-duration: 200ms; -moz-transition-duration: 200ms; -ms-transition-duration: 200ms; -o-transition-duration: 200ms; transition-duration: 200ms;}

.content-main{max-width: 1696px; width: 100%; padding: 0 48px; margin: 0 auto; font-family: 'IBM Plex Serif', serif; font-size: 16px; line-height: 24px; color: #1A1A1A;}
.gray-bg{background: #fafafa} 
.white-bg{background: #fff;}
.brd-gray{border: 2px solid #F1F1F1;}
.brd-rdu-4, .btn, .btn-sm, .streamImg img, .liveChat a, .navTab li a, .tab-menu li a, .qct_help_box li .white-bg, .qct_help_box li img, .eventBlog .event-date, .event-img img, .event-time:before, .video-gallery-list li .white-bg, .video-gallery-img img{ -moz-border-radius: 4px;  -webkit-border-radius: 4px; border-radius: 4px;}
.mt-20{margin-top: 20px;}
.mt-36{margin-top: 36px;}
.mb-20{margin-bottom: 22px;}
.mb-26{margin-bottom: 26px;}
.ptb-25{padding-top: 25px; padding-bottom: 25px;}
.width-100{width: 100%;}
.content-main h1{font-family:'Open Sans'; font-size: 48px; line-height: 65px; color: #1A1A1A; font-weight: 700;}
.content-main h2{margin-bottom: 18px; font-size: 32px; line-height: 44px; letter-spacing: 0.5px; color: #1A1A1A; font-family:'Open Sans'}
.content-main h3{font-family:'Open Sans'; font-size: 24px; line-height: 33px; color: #1A1A1A; font-weight: 600;}
.title{font-family:'Open Sans'; font-size: 20px; line-height: 27px; font-weight: 600; color: #1A1A1A;}
.subheading{font-family:'Open Sans'; font-size: 18px; line-height: 25px; font-weight: 400; color: rgba(29, 29, 29, 0.88);}
.caption-lg{font-family: 'IBM Plex Serif', serif; font-size: 12px; line-height: 16px; font-weight: 400; color: #414141;}
.link{font-family:'Open Sans'; font-size: 16px; line-height: 22px; font-weight: 700; color: #1A1A1A; letter-spacing: 0.5px;}
.link:hover{ color: #47A0C4;}
.topTitle{padding: 6px 0 35px;}
.topTitle a.btn{margin-top: 13px; min-width: 300px;}
.content-main .row{margin: 0 -12px;}

/* Start Input, textarea, Select, Switch button */
.content-main .btn, .content-main .btn-sm{font-family:'Open Sans'; font-size: 16px; line-height: 22px; font-weight: 700; letter-spacing: 0.5px; text-transform: uppercase;}
.content-main .btn-sm{padding: 5px 12px;}
.content-main .btn{padding: 9px 12px;}
.content-main .btn-primary{background: #47A0C4; color: #fff; border: 0;}
.content-main .btn-primary:hover, .content-main .btn-primary:focus, .content-main .btn-primary.active, .content-main .btn-primary:visited:focus, .content-main .btn-primary:active{background: #30819B; color: #FFFFFF; text-shadow: 0px 1px 1px rgba(48, 129, 155, 0.3); border: 0;}
.content-main .btn-secondary, .event-btn .open>.dropdown-toggle.btn-secondary{background: #DEEFF5; color: #1A1A1A; border: 0;}
.content-main .btn-secondary:hover, .content-main .btn-secondary:focus, .content-main .btn-secondary.active, .content-main .btn-secondary:visited:focus, .content-main .btn-secondary:active, .event-btn .open>.dropdown-toggle.btn-secondary:hover{background: #D1E3E9; color: #1A1A1A; border: 0;}

.content-main .form-group{margin-bottom: 16px; position: relative;}
.content-main .form-control, .input-search{ border: 1px solid #9D9D9D; width: 100%; color: #1A1A1A; font-size: 16px; line-height: 24px; height: auto; font-weight: 400; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; font-family: 'IBM Plex Serif', serif;}
.content-main .form-control{ background-color: #fff; padding: 7px 13px;}
.input-search{ background-color: transparent; padding: 7px 13px 7px 36px;}
.content-main select.form-control{background-image: url(../images/down-arrow.svg); background-position: calc(100% - 15px) 12px, 100% 0; background-size: 14px 14px, 10px 10px; background-repeat: no-repeat; -webkit-appearance: none; -moz-appearance: none; padding: 7px 13px;}
.content-main select.form-control:focus, .content-main input.form-control:focus, .content-main textarea.form-control:focus{border: 1px solid #414141;}
.content-main .form-control[disabled], .content-main .form-control[readonly], .content-main  fieldset[disabled] .form-control{background: #fff; color: #1A1A1A;}
textarea.form-control{resize: none;}
	
.content-main .form-control::placeholder {color: #1A1A1A !important; opacity: 1;}
.content-main .form-control:-ms-input-placeholder {color: #1A1A1A !important; opacity: 1;}
.content-main .form-control::-ms-input-placeholder {color: #1A1A1A !important; opacity: 1;}
.input-search::placeholder {color: #414141 !important; opacity: 1;}
.input-search:-ms-input-placeholder{color: #414141 !important; opacity: 1;}
.input-search::-ms-input-placeholder{color: #414141 !important; opacity: 1;}
/* End Input, textarea, Select, Switch button */

/* Start breadcrumb  */
.breadCrumb{ margin: 0; padding: 0;}
.breadCrumb li{font-size: 14px; line-height: 19px; font-family:'Open Sans'; font-weight: 600; display: inline-block;}
.breadCrumb li a{color: #0A495D;}
.breadCrumb li a:hover{color: #0A495D; text-decoration: underline !important;}
.breadCrumb>li+li:before { content: "/";  padding: 0 11px 0 11px; color: #1A1A1A;}
/* End breadcrumb  */

.embed-container { position: relative; padding-bottom: 55%; height: 0; overflow: hidden; max-width: 100%; width: 100%; margin: 0 auto;} 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/* Start Live Stream   */
.liveStreamLeft{float: left; width: 67%; padding: 0 12px;}
.liveStreamRight{float: right; width: 33%; padding: 0 12px;}
.liveStreamRight .white-bg{ padding: 15px 15px 20px;}
.liveStreamRight .upcomingEvent{margin-bottom: 24px;}
.liveStreamRight .upcomingEvent .title{margin-bottom: 13px;}
.liveStreamRight .liveStream .title{margin-bottom: 20px;}
.liveStreamRight .liveStream ul{margin-bottom: 23px;}
.liveStreamRight .liveStream li{position: relative; border-top: 2px solid #9D9D9D; margin-top: 20px; padding-top: 20px; display: -webkit-flex; display: flex;  width: 100%;}
.liveStreamRight .liveStream li:first-child{margin-top: 0; padding-top: 0; border-top: 0;}
.streamImg{width: 50%; }
.streamImg img{width: 100%; height: 143px; object-fit: cover; vertical-align: top;}
.streamImg a{line-height: 0; display: block;}
.streamText{vertical-align: top; width: 50%; padding-left: 12px; position: relative; padding-bottom: 25px;}
.streamText .link{position: relative;}
.streamText .link:after{content: ''; width: 56px; height: 2px; background: #8CD3D7; display: block; margin-top: 10px;}
.streamText .caption-lg{margin-top: 8px;}
.streamText span{position: absolute; left: 12px; bottom: 5px; font-family:'Open Sans'; font-size: 14px; line-height: 19px; font-weight: 600; color: #000; }
.stramTopSocial .title{color: #414141;}
.streamShare a{margin-left: 22px; vertical-align: middle; display: inline-block; line-height: 0;}
.streamShare a:first-child{margin-left: 10px;}
.streamShare a:hover svg path{fill: #414141 !important;}
.haveQue{border-top: 2px solid #9D9D9D; padding-top: 19px; margin-bottom: 30px;}
.haveQue .title{margin-bottom: 10px;}
.liveChat{}
.liveChat a{display: inline-block; margin-left: 24px; vertical-align: middle; width: 163px; text-align: center; background: #fff; border: 2px solid #F1F1F1; height: 40px; line-height: 36px;}
.liveChat a:first-child{margin-left: 0;}
.liveChat a span{display: inline-block; margin-left: 10px;}
.liveChat a svg{vertical-align: middle;}
.liveChat a:hover svg{opacity: 0.8;}
.streamDescription{ padding: 20px 0; border-top: 2px solid #9D9D9D; border-bottom: 2px solid #9D9D9D;}
.streamDescription a.title{color: #1A1A1A;}
.streamDescription .title span{display: inline-block; width: 17px; height: 10px; margin-left: 12px; background: url(../images/down-arrow.svg) 0 0 no-repeat;}
.arrowUp{ -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg);}
.streamDescriptionText{margin-top: 15px; display: none;}
.streamDescriptionText p{padding-bottom: 30px;}
.streamDescriptionText p:last-child{padding-bottom: 0;}
.open .dropdown-toggle .drop-down-arrow svg{-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg);} 
/* End Live Stream   */

/* Start QCT Help   */
.quiltMotion{padding-top: 20px;}
.tab-menu{padding-bottom: 8px;}
.tab-menu li{margin-left: 24px; font-size: 18px; line-height: 25px; font-family:'Open Sans'; font-weight: 700; display: inline-block;}
.tab-menu li:first-child{margin-left: 0;}
.tab-menu li a{background: #FFFFFF; width: 248px; color: #1a1a1a; display: block; padding: 5px 10px 6px; text-align:center; }
.tab-menu li a:hover, .tab-menu li.-active a, .tab-menu li a:focus{background: #DEEFF5; color: #1a1a1a;}
.js-tabs span{display: none;}

.quiltMotion .card{background: #fff; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; box-shadow: 0px 2px 12px rgba(26, 26, 26, 0.1); margin-top: 24px; padding: 23px 20px 22px;}
.quiltMotion .card-header .title span{background: url(../images/down-arrow.svg) 0 2px no-repeat; height: 24px; width: 24px; margin-right: 10px; display: inline-block; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg);}
.quiltMotion .card-header .collapsed span{-webkit-transform: rotate(0); -moz-transform: rotate(0); transform: rotate(0); background-position: 7px 13px;}
.quiltMotion .card-body{padding: 8px 0;}
.qct_help_box{margin: 0 -12px; display:flex; flex-wrap:wrap;}
.qct_help_box li{padding: 0 12px 24px; width: 340px;}
.qct_help_box li a{display: block;}
.qct_help_box li .white-bg{border: 2px solid #F1F1F1; padding: 10px 16px 10px;}
.qct_help_box li .white-bg img{width: 100%; height: 194px; object-fit: cover;vertical-align: top;}
.qct_help_box li a:hover{border: 2px solid #9D9D9D;}
.qct_help_box li .link{margin-top: 16px;}

/* End QCT Help   */

/* Start Upcoming Event  */
.eventBlog{margin-bottom: 50px;}
.eventBlog .white-bg{padding: 48px;}
.eventBlog .white-bg .eventBlogList{ max-width: 1315px; width: 100%; margin: 0 auto ;}
.eventBlog .white-bg .eventBlogTime{float: left; width: 100%; margin-top: 25px; border-top: 2px solid #9D9D9D; padding: 30px 15px 0 15px;}
.eventBlog .white-bg .eventBlogTime:first-child{margin-top: 0; padding-top: 0; border-top: 0;}
.eventBlog .white-bg .eventBlogTime h2{margin-bottom: 26px;}
.eventBlog .event-date{border: 4px solid #30819B; background: #fff; padding: 11px 10px 12px; width:151px; text-align: center; float: left;}
.event-details{float: left; margin: 6px 0 0 39px; width: 604px; padding-bottom: 60px;}
.add-cost{color: #62C476; margin-top: 7px;}
.hosted-by{margin-top: 22px;}
.hosted-by .caption-lg{color: #30819B;}
.hosted-by .title{margin-top: 4px;}
.event-img{float: left; margin-left: 39px; width: 372px;}
.event-img img{width: 100%;vertical-align: top;}
.event-overview{margin: -45px 0 0 190px; width: 716px; float: left;}
.event-overview a.btn{min-width: 168px;}
.event-overview a.link{color: #0A495D; display: inline-block;}
.event-overview a.link:before{content: 'Collapse details';}
.event-overview a.link.collapsed:before{content: 'See details';}
.event-overview a.link:hover{opacity: 0.8;}
.event-overview a.link span{background: url(../images/collapse-arrow-2.svg) 0 0 no-repeat; height: 24px; width: 17px; display: inline-block; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); margin: 0 0 0 9px;}
.event-overview a.link.collapsed span{-webkit-transform: rotate(0); -moz-transform: rotate(0); transform: rotate(0); background-position: 0 13px;}
.event-overview .event-time{margin: 0 0 23px; padding-left: 34px; position: relative;}
.event-time:before { content: ''; border-left: 16px solid #8CD3D7; position: absolute; left: 0; top: 0; bottom: 0;}
.event-overview .event-time .subheading{color: #30819B;}
.event-overview .event-time-count span { padding: 0 7px; display: inline-block; text-align: center; vertical-align: top;}
.event-overview .event-time-count span:first-child{padding-left: 0;}
.eventBlog .white-bg li .event-time-count h2{margin-bottom: 0;}
.eventBlog .event-time-count .caption-lg{color: #1A1A1A; text-transform: uppercase;}
.event-overview-text{margin-bottom: 26px;}
.event-overview-text .caption-lg{color: #30819B; text-transform: uppercase; margin-bottom: 7px;}
.event-overview-text p{padding-bottom: 26px;}

.event-btn .btn{text-transform: uppercase; padding-left: 25px; padding-right: 25px;}
.event-btn li{ margin-left: 24px; display: inline-block; position: relative;}
.event-btn a svg{margin-right: 7px;} 
.event-btn li:first-child{margin-left: 0;}
.event-btn .drop-down-arrow{vertical-align: top; margin: -2px 0 0 5px;}
.event-dropdown{position: absolute; left: 0; top: 54px; background: #FCFCFC !important; -moz-box-shadow: 0px 8px 16px 1px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 8px 16px 1px rgba(0, 0, 0, 0.15); box-shadow: 0px 8px 16px 1px rgba(0, 0, 0, 0.15); -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; z-index: 2; min-width: 226px; display: none; padding: 0; margin: 0; border: 0;}
.event-dropdown li{display: block; font-size: 18px; font-family: 'Open Sans'; line-height: 24px; font-weight: 700; margin: 0;}
.event-dropdown li span{display: inline-block; margin: 0 8px 0 0; vertical-align: middle;}
.event-dropdown a{padding: 8px 14px !important; color: #1a1a1a; display: block; text-align: left;}
.event-dropdown a:hover{background: #F2F2F2;}
.event-dropdown.showmenu{display: block;}
.open>.dropdown-menu
/* End Upcoming Event  */

/* Start Video Gallery  */
.topTitle.pb-32{padding-bottom: 32px;}
.topTitle h2{margin-bottom: 0;}
.topTitle.pb-32 a.btn {margin-top: 2px;}
.latestLive{padding-bottom: 20px;}
.latestLive .title{margin-top: 4px;}
.latestLiveRight{float: right;}
.latestLiveRight .search { position: relative; width: 248px; float: left;}
.latestLiveRight .btn-search{position: absolute; left: 7px; top: 8px; border: none; background: transparent; height: 24px; width: 24px; z-index: 2; padding: 0;}
.latestLiveRight select.form-control{float: left; width: 248px; margin-left: 24px;}
.video-gallery-list{margin: 0 -12px;}
.video-gallery-list li{padding: 12px; float: left; width: 16.6667%}
.video-gallery-list li .white-bg{padding: 8px 8px 12px; -moz-box-shadow: 0px 2px 12px rgba(26, 26, 26, 0.1); -webkit-box-shadow: 0px 2px 12px rgba(26, 26, 26, 0.1); box-shadow: 0px 2px 12px rgba(26, 26, 26, 0.1);}
.video-gallery-list li .white-bg:hover{ -moz-box-shadow: 0px 2px 12px rgba(26, 26, 26, 0.3); -webkit-box-shadow: 0px 2px 12px rgba(26, 26, 26, 0.3); box-shadow: 0px 2px 12px rgba(26, 26, 26, 0.3);}
.video-gallery-img{margin-bottom: 12px;}
.video-gallery-img img{width: 100%; height: 129px; object-fit: cover;vertical-align: top;}
.video-gallery-list .link{position: relative;}
.video-gallery-list .link:after{content: ''; width: 56px; height: 2px; background: #8CD3D7; display: block; margin-top: 10px;}
.video-gallery-list .caption-lg{margin-top: 8px;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.video-gallery-list .caption-lg.mt-10{margin-top: 10px;}
.noVideo{display: flex; align-items: center; justify-content: center; min-height: 250px;}
/* End Video Gallery  */
.chat-box{margin-bottom:24px;}