@font-face {
    font-family: 'Segoe UI';
    src: url('segoeui.ttf');
    font-display: swap;
}

@font-face {
    font-family: 'Segoe UI';
    src: url('segoeuib.ttf');
    font-weight: bold;
    font-display: swap;
}


@font-face {
    font-family: Railway;
    src: url("Railway.otf") format("opentype");
    font-display: swap;
}

* { box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -moz-tap-highlight-color: rgba(0, 0, 0, 0); }
body { font-family: 'Segoe UI', sans-serif; color: #014066; background-color:white; font-size:15px; padding:0; margin:0; }

a { text-decoration:none; color: #014066;}
h1, h2, h3, h4, h5, h6 {
    font-family: Railway, serif;
}
h2 { padding: 0 0 30px 0; margin: 0; font-family: Railway, serif; font-size: 30px; color: #0a74ab; font-weight: normal; }

.clear {clear: both; }
.clr { clear: none; float: none; }
.clr::after { content: ''; clear: both; display: block; }
#orderfor-bg .row.clr {margin-bottom: 10px;}
.w75 { width: 75%; }
.w60 { width: 60%; }
.w50 { width:50%; }
.w40 { width: 40%; }
.w30 { width: 30%; }
.w33 { width: calc(100% / 3); }
.w25 { width: 25%; }
.w20 { width: 20%; }

.fl, .col { float:left; }
.fr { float: right; }
.mw { max-width: 1230px; margin: 0 auto; }


a.btn.white, a.btn.white:visited { border-radius: 5px; display: inline-block; background: #FFF url(../img/btn-white-arrow.png) no-repeat center right 10px; color: #095b8d; font-size: 13px; padding: 0 80px 0 20px; line-height: 50px; }
a.btn.blue, a.btn.blue:visited { border-radius: 5px; display: inline-block; background: #095b8d url(../img/btn-blue-arrow.png) no-repeat center right 10px; color: #fff !important;  font-size: 13px; padding: 0 80px 0 20px; line-height: 50px; margin-top: 2px; margin-bottom: 2px;}
a.btn.rss { background: url(../img/rss.png) no-repeat center center; width:32px; height:32px; cursor:pointer; display:inline-block; }

.hdr { position:relative; }
.hdr .mw { display: flex; justify-content: space-between; flex-wrap: wrap;}

.hdr a { color: #003466; display: inline-block; padding: 0 20px; /*line-height: 106px;*/ }

.wrap-large {
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
}


.hdr .logo {
    background: url(../img/ICMA_LogoCoated.svg) no-repeat;
    /*background: url(../img/ICMA_Pridelogo-updated.jpg) no-repeat;*/

    flex-basis: 319px;
    height: 107px;
    background-size: cover;
    background-position: center center;
    margin: 10px 0;
}
.hdr .menu {height: 106px; text-align:center;}

.hdr .menu ul, .hdr .menu li { margin:0; padding:0; display:inline; list-style:none; }
.hdr .links { height: 106px; min-width: 319px; }
.hdr .links .logincotainer  { display: flex; flex-wrap: wrap; justify-content: space-between; }

.hdr .links a { display:inline-block; line-height:106px; height:100px; padding:0; width:22px; margin-left:13px; }
.hdr .links .login { width:auto; margin-left:0; padding-left: 35px; background: url(../img/hdr-login.png) no-repeat center left; font-weight: bold; }
.hdr .links .search { background:url(../img/hdr-search.png) no-repeat center right; }
.hdr .links .twitter { background: url(../img/hdr-twitter.png) no-repeat center right; }
.hdr .links .linkedin { background: url(../img/hdr-linkedin.png) no-repeat center right; }

.hdr.showsearch .links .twitter, .hdr.showsearch .links .linkedin{
    display: none;
}

.hdr.showsearch .links{
    width: auto;
}

.hdr.showsearch #SearchForm_SearchForm{
    display: inline-block;
    line-height: 106px;
    height: 106px;
    float: left;
    width: 173px;
    margin-left: 15px;
}

.hdr #SearchForm_SearchForm{
    display: none;
    width: 0;
    height: 0;
    line-height: 0;
    transition: all .25s linear;
}


.nav { height: 700px; background: no-repeat center center; background-size: cover; position: relative; }
.nav .banner {position: absolute}
.nav .banner, .nav .banner .slick-list, .nav .banner .slick-list .slick-track, .nav .banner .slick-list .item { height: 100%; width: 100%;}
.nav .banner .slick-list .item {background-size: cover; background-repeat: no-repeat; background-position: center center;}

.no-child-nodes h3 a { padding-left: 0; }
.nav .mobile { display: none; color: #FFF; vertical-align: middle; text-align: center; font-weight: 300; width: 100%; height: 70px; border-bottom: 1px solid white; }
.nav .mobileclose { display:none; position:fixed; top:10px; right:10px; width:40px; height:40px; background:url(../img/mobile-close.png) no-repeat center center; cursor:pointer; }
.nav .mobile span { margin: auto; text-align: center; background: url(../img/mobile-menu.png) no-repeat center center; height: 70px; width: 70px; }
.nav .menu { position: relative; padding-top:30px; }
.nav .menu ul.primary, .nav .menu .primary li { margin: 0; padding: 0; display: inline; list-style: none; }
.nav .menu .primary li { float: left; width: calc(100% / 7); }
.nav .menu .primary a { color: #FFF; vertical-align: middle; text-align: center; font-weight: 300; display: inline-block; width: 100%; height: 70px; display: flex; border-right: 1px solid white; }
.nav .menu .primary > li:last-child a {border-right: none}
.nav .menu .primary a span { margin: auto; text-align: center; font-weight: 400; }
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    .nav .menu .primary a span {
        padding-top: 23px;
    }
}
.nav .menu .primary li.isactive, .nav .menu .primary li.active, .nav .menu .primary li:hover { background-color: rgba(255,255,255,0.3) }

body .nav.content { height: 580px; }
/**body .nav.small, body.educationpage .nav { height: 130px; } **/
body .nav.small { height: 130px; }

.nav .menuitems { position: absolute; top: 100px; left: 0; width: 100%; background-color: #FCFCFC; min-height: 100px; padding: 30px; z-index: 100; border: 1px solid #014066;max-height: 550px; overflow-y: auto; background-image: linear-gradient(#e6ebf1, #FFF);}
.nav .menuitems.hidden { visibility:hidden; display: none; }
.nav .menuitems .section.hidden { display:none; }
.nav .menuitems .section { display: flex; flex-wrap: wrap; }
.nav .menuitems .w20 { padding-right: 30px;     float: none;}
.nav .menuitems .w20:nth-last-child(1) { padding-right: 0; }
.nav .menuitems h3 { color: #014066; font-weight: 500; font-size: 14px; padding: 0; margin: 0; margin-bottom: 10px; border-bottom: 1px solid #EEE; }
.nav .menuitems h4 { color: #014066; font-weight: 400; padding: 0; margin: 0; font-size: 14px; border-bottom: 1px solid #EEE; }
.nav .menuitems ul, .nav .menuitems li { padding:0; margin:0; list-style:none; }
.nav .menuitems a { color: #014066; padding-bottom: 10px; width: calc(100% - 20px); display: inline-block; font-size: 14px; }
.nav .menuitems li { margin-bottom: 5px; cursor: pointer; }
.nav .menuitems li.group > h4 { padding-right:20px; }
.nav .menuitems ul.items li.group ul.children { display: none; padding-left: 20px; padding-top: 10px; position: relative; overflow: hidden; -webkit-transition: height 0.25s ease-out; transition: height 0.25s ease-out; }
.nav .menuitems ul.items li.group ul.children { font-size:12px; }
/*.nav .menuitems ul.items > li { padding: 10px 0; border-bottom: 1px solid #EEE; }*/

.nav .menuitems .links a { color: #014066; font-weight: 500; font-size:14px; margin-bottom:20px; display:block; }

.nav .menuitems li.item.level3 {border-bottom: 1px solid #EEE;}

.nav .hero { text-align: center; color: white; margin-top: 140px; }

.mobile-menu-toggle {
    display: none;
    padding: 21.5px 15px 15px 15px;
    /* display: flex; */
    flex-direction: column;
    align-items: center;
    background-color: #095B8C;
}
.mobile-menu-toggle span {
    background-color: rgba(255, 255, 255, 0.86);
    display: block;
    width: 30px;
    height: 2px;
    margin-bottom: 6.5px;
}
.incl-mobile-menu.menu-closed {
    display: none;
}
.incl-mobile-menu .overlay {
    position: fixed;
    z-index: 99;
    background-color: rgba(255,255,255,0.84);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.incl-mobile-menu .level-one {
    padding: 30px 10px;
    position: fixed;
    z-index: 99999;
    background-color: #fff;
    height: 100%;
    top: 0;
    margin-top: 0;
    list-style-type: none;
    overflow: scroll;
}
.incl-mobile-menu a {
    padding: 10px 0;
    display: block;
    color: #014066;
    font-weight: 500;
}
.incl-mobile-menu .caret {
    background-image: url('../img/nav-arrow-down.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    width: 10px;
    height: 15px;
    position: absolute;
    top: 15px;
    right: 10px;
    transition: transform 1s;
    cursor: pointer;
}
.incl-mobile-menu .caret.open {
    transform: rotate(180deg);
}
.incl-mobile-menu,
.incl-mobile-menu .submenu {
    list-style-type: none;
    margin: 0;
}
.incl-mobile-menu .submenu {
    padding: 0 0 0 10px;
}
.incl-mobile-menu li {
    position: relative;
    padding-right: 40px;
    border-bottom: 1px solid #E5E5E5;
}
.incl-mobile-menu li:last-of-type {
    border-bottom: none;
}


body .nav.small .hero {
    margin-top: 200px;
}

.incl-mobile-grid-menu {
    list-style: none;
    padding: 0;
    display: none;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 1230px;
    margin: 0 auto;
    border-bottom: 1px solid #FFF;
    text-align: center;
}
.incl-mobile-grid-menu > li {
    padding: 15px;
    flex-basis: calc(100% / 3);
    flex-grow: 1;
    background-color: #0f273f;
    margin: 0.5px;
}
.incl-mobile-grid-menu > li a {
    color: #FFFFFF;
}

.nav .hero h1.ttl::first-line { font-size: 45px; font-family: Railway, serif; padding:0; margin:0; font-weight:normal; }
.nav .hero h1.ttl { font-size: 35px; font-family: Railway, serif; padding:0; margin:0; font-weight:normal; line-height: 40px; }
.nav .hero .txt { font-size:15px; padding:30px 0; }

.pge { z-index: 2; position: relative; }
.pge .heroscroll {
    padding: 10px;
    background-color: white;
    /* min-height: 600px; */
    border-bottom: 5px solid #095b8d;
    margin-top: -300px;
    padding-bottom: 75px;
    margin-bottom: 50px;
}
.pge .heroscroll .scroller {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.pge .heroscroll .scroller .item {
    text-align: center;
    flex-basis: 16.6%;
}
.pge .heroscroll .scroller .item h2 { padding: 0 0 10px 0; margin: 0; font-family: Railway, serif; font-size: 21px; color: #0a74ab; font-weight: normal; }
.pge .heroscroll .scroller .item a { background: url(../img/scroller-a-arrow.png) no-repeat center right; color: #014066; display: inline-block; padding-right: 20px; }
.pge .heroscroll .scroller .item .img { width: 60%; height: 160px; background: no-repeat center center; background-size: 75% 75%; margin-bottom: 15px; background-size: contain; margin: auto;}
.heroscroll .slick-dots {margin-top: 0px;}
.heroscroll .slick-dots li:not(.btn) button {background: #014066}


.heroscroll .slick-prev::before { background: url(../img/scroller-arrow-left-blue.png) no-repeat center center;}
.heroscroll .slick-next::after { background: url(../img/scroller-arrow-right-blue.png) no-repeat center center;}

.pge .newscontainer {
    min-height: 100px;
    padding-bottom: 60px;
    border-bottom: 5px solid #095b8d;
    margin-bottom: 70px;
}
.pge .newscontainer .container { position: relative; }
.pge .newscontainer .newsissues { padding-right: 265px; }

.pge .newscontainer .items { padding-right:60px; }
.pge .newscontainer .items a.item { display: inline-block; color: #014066; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #E5E5E5; }
.pge .newscontainer .items a.item:nth-last-child(1) { border-bottom:none; }
.pge .newscontainer .items a.item .date { color: #5b86b2; }
.pge .newscontainer .items a.item .ttl { color: #014066; font-weight:500; }
.pge .newscontainer .news .scrollbtns .btn,
.pge .eventscontainer .scrollbtns .btn,
.pge .course-listing .scrollbtns .btn
{ border-radius: 5px; background: #EFF3F5 no-repeat center center; width: 48px; height: 48px; margin: 0 5px; display: inline-block; cursor: pointer; }
.pge .newscontainer .news .scrollbtns .btn.down,
.pge .eventscontainer .scrollbtns .btn.down,
.pge .course-listing .scrollbtns .btn.down
{ background-image: url(../img/scroll-blue-down.png); }

.pge .newscontainer .news .scrollbtns .btn.up,
.pge .eventscontainer .scrollbtns .btn.up,
.pge .course-listing .scrollbtns .btn.up

{ background-image: url(../img/scroll-blue-up.png); }

.pge .newscontainer .news .scroller
{ height:420px; overflow:hidden; margin-bottom:40px; position:relative; }

.pge .eventscontainer .scroller,
.pge .course-listing .scroller
{ height:300px; overflow:hidden; margin-bottom:40px; padding-bottom: 30px; position:relative; background: #EFF3F5;}


.pge .newscontainer .news .scroller .items
{ position:absolute; top:0; transition:top 0.25s; width: 100%;}


.pge .eventscontainer .scroller .items,
.pge .course-listing .scroller .items
{ position:absolute; top:0; transition:top 0.25s; width: 100%; padding-left: 10px; padding-right: 10px;}

.pge .newscontainer .quicklinks { width: 265px; top: 0; right: 0; bottom: 0; position: absolute;  }
.pge .newscontainer .quicklinks .WidgetHolder.SidebarQuickLinks {background-color: #1495b3; padding:20px;}


.pge select { background: white url(../img/select-arrow.png) no-repeat center right 15px; font-family: Railway, serif; font-size: 15px; color: #042f5c; height: 50px; width: 100%; padding: 0 40px 0 10px; -moz-appearance: none; /* Firefox */ -webkit-appearance: none; /* Safari and Chrome */ appearance: none; }
.pge select::-ms-expand { display: none; }
.pge select option { font-family: 'Segoe UI', sans-serif; }
.pge .newscontainer .quicklinks .links { padding-top: 25px; font-family: Railway, serif; font-size:15px; }
.pge .newscontainer .quicklinks .links a { color: white; display: block; padding: 15px 0; border-bottom: 1px solid #36A5BE; }
.pge .newscontainer .quicklinks .links a:nth-last-child(1) { border-bottom:none; }

.pge .eventscontainer { min-height: 100px; border-bottom: 5px solid #095b8d; margin-bottom: 20px;  }
.pge .eventscontainer .w50:nth-child(1) { padding-right:40px; }
.pge .eventscontainer .w50:nth-child(2) { padding-left: 40px; }
.pge .eventscontainer .items { background-color: #EFF3F5; padding: 40px 35px; }
.pge .eventscontainer .items h3 { font-family: Railway, serif; font-size: 17px; color: #014066; padding:0; margin:0; font-weight:normal; margin-bottom:5px; }
.pge .eventscontainer .items a.item { display: block; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #CCD8E0; color: #014066; }
.pge .eventscontainer .items a.item:nth-last-child(1) { border-bottom: none; }

.pge .countcontainer { font-family: Railway, serif; font-size: 30px; color: #73b8b1; margin-bottom: 20px; }
.pge .countcontainer .number { color: #0a74ab; font-size:65px; }
.pge .countcontainer .w50 .fr { padding-right:30px; }
.pge .countcontainer .w50 .fl { padding-left: 30px; }

.pge .inner { background-color: white; /*min-height: 600px;*/ margin-top: -300px; /*margin-bottom: 100px;*/ }
.pge .inner.nonneg { margin-top:0; }
.pge .inner .breadcrumb { border-bottom: 1px solid #EEE; padding: 0 30px; }
.pge .inner .breadcrumb ul, .pge .content .breadcrumb li { margin: 0; padding: 0; list-style: none; line-height: 65px; }
.pge .inner .breadcrumb li { float: left; }
.pge .inner .breadcrumb li::after { content: '>'; padding: 0 5px; }
.pge .inner .breadcrumb a { color: #013F65; font-size: 12px; }
.pge .inner .breadcrumb li:nth-last-child(1) a { color: #1395B3; }
.pge .inner .breadcrumb li:nth-last-child(1)::after { display: none; }
.pge .inner .breadcrumb ul { float: left;}
.pge .inner .breadcrumb .printpage { float: right; height: 65px; padding-top: 25px;}

.pge .inner .content { padding: 30px; }
.pge .inner .content h2, .pge .inner .content .headerMainBlue, .pge .inner .content h2, .pge .inner .content .headermainblue { font-family: Railway, serif; font-size: 22px; color: #013F65 !important; padding:0; margin:0; font-weight: normal; }

.headerBigBlue, .headerBigBlue a, .headerBigBlue a:visited, span.headerBigBlue, .headerBigBlue span, .headerBigBlue p, p.headerBigBlue, .headerBigBlue strong {
    font-family: Railway, serif; font-size: 24px; color: #013F65 !important; padding:0; margin:0; font-weight: normal;
}


.pge .inner .content iframe { max-width: 100%!important; }
.pge .inner .content #bottom-line-narrow { max-width: 100%!important; overflow: scroll; }
.pge .inner .content img { max-width: 100%; height: auto; }
.pge .inner .content h1.page-title {font-size: 40px; font-family: Railway, serif; font-weight: normal; padding:0; margin:0; padding-bottom: 10px; }
.pge .inner .content h1 {font-size: 30px; font-family: Railway, serif; font-weight: normal; padding:0; margin:0; padding-bottom: 10px; }

/*.pge .inner .content a[href]:not([href=""]), .pge .inner .content a:visited {text-decoration: underline; font-weight: 500; word-break: break-all;}*/
.pge .inner .content a[href]:not([href=""]), .pge .inner .content a:visited {text-decoration: underline; font-weight: 500;}
.pge .inner .content a:hover {text-decoration: none;}
.pge .inner .content a:visited {color: purple;}

.pge .inner .content table { max-width: 100%; }
.pge .inner .content table td { padding: 14px 20px; vertical-align: top;}
.pge .inner .content table[align] {clear: both; float: none;}

.content ul.arrow, .content ul.arrow li { padding: 0; margin: 0; list-style: none; }
.content ul.arrow { clear: none; float: none; }
.content ul.arrow::after { content: ''; clear: both; display: block; }
.content ul.arrow li { border: 1px solid #DDD; border-bottom: none; background: url(../img/ul-arrow.png) no-repeat left 10px center; padding: 15px 15px 15px 45px; }
.content ul.arrow li.empty { background: none; }
.content ul.arrow li a { line-height: 20px; color: #013F65; }
.content ul.arrow li:nth-last-child(1) { border-bottom: 1px solid #DDD; }
.content ul.arrow.half li:nth-child(odd) { border-right: none; }
.content ul.arrow.half li:nth-last-child(-n+2) { border-bottom: 1px solid #DDD; }
.content ul.arrow.half li { float: left; width: 50%; }

.content ul.arrow.half li a, .content ul.arrow.half li a:hover, .content ul.arrow.half li a:visited {font-family: Railway, serif; font-size: 17px; text-decoration: none !important; color: #013F65 !important;}


.content .dropdown { width: 100%; line-height: 40px; height: 40px; background: white url(../img/select-arrow.png) no-repeat center right 15px; border: 0; background-color: #f6f6f6; position: relative; color: #333333; cursor:pointer; }
.content .dropdown .items { display: none; position: absolute; top: 40px; left: 0; background-color: #f6f6f6; padding:10px; width:100%; z-index:100; }
.content .dropdown.open .items { display:block; }
.content .dropdown .items .option { line-height: 30px; }

.content table.data { width:100%; padding:0; margin:0; border-collapse:collapse; }
.content table.data th { background-color: #2293B3; color:#FFF; text-transform:uppercase; text-align:left; padding:14px 20px; font-weight:normal; }
.content table.data td { padding: 14px 10px; border-bottom: 1px solid #2293B3; }

.content .form.bggrey { background: #fafafa; padding: 20px; }
.content .form fieldset {border: none; padding: 0; margin: 10px 0 0 0;}
.content .form h4, .content .form h2 { color: #1495b3 !important; font-size: 18px !important; font-weight: 300 !important; font-family: Railway, serif; }



.content .form .row.checkboxrow {line-height: 30px; }
.content .form .row.checkboxrow input[type=checkbox] { float: left; }
.content .form label { color: #014066; display: block; margin-bottom: 5px; }
.content .form label.required, .content .form .error {color: red;}
.content .form input { font-family: 'Segoe UI', sans-serif; font-size:14px; }
.content .form .row .copy span { font-family: 'Segoe UI', sans-serif !important; color: #014066 !important;}


.content .form input.txt, .content .form input.text, .content .form select
{ border: 1px solid #ddd; height: 50px; line-height: 50px; width: 100%; padding: 0 10px; font-size: 16px; font-family: Railway, serif; font-size: 15px; color: #042f5c;}

.content #captha input[type=text] {border: 1px solid #ddd; height: 50px; line-height: 50px; width: 10%; padding: 0 10px; font-size: 16px;}


.content .form textarea { border: 1px solid #ddd; width: 100%; padding: 10px; font-size: 16px; font-family: Railway, serif; }

.content .form input.radio { width: 20px; height: 20px; border-radius: 50%; -moz-appearance: none; /* Firefox */ -webkit-appearance: none; /* Safari and Chrome */ appearance: none; border: 1px solid #CCC; position:relative; }
.content .form input.radio:checked::after { content: ' '; background-color: #AAA; width: 10px; height: 10px; border-radius: 50%; display: inline-block; position:absolute; top:4px; left:4px; }
.content .form input.radio:focus { outline: none; }

.content .form input.checkbox, .content .form input[type=checkbox] { width: 20px; height: 20px; -moz-appearance: none; /* Firefox */ -webkit-appearance: none; /* Safari and Chrome */ appearance: none; border: 1px solid #CCC; position: relative; }

.content .form input.checkbox:checked::after,
.content .form input[type=checkbox]:checked::after
{ content: '\2713'; font-size:24px;  width: 10px; height: 10px; display: inline-block; position: absolute; top: -14px; left: 5px; }

.content .form input.checkbox:focus,
.content .form input[type=checkbox]:focus
{ outline: none; }


.content .form .Actions{ margin-top: 15px;}


.content .form .w50 { width: calc(50% - 10px); }
.content .form .w50:nth-child(odd) { margin-right:10px; }
.content .form .w50:nth-child(even) { margin-left: 10px; }

.content .form .btn, .content .form input[type=submit], .content .form input[type=reset], .content .form button { text-transform:uppercase; color:white; padding:10px 20px; margin-right:10px; display:inline-block; border:none; }
.content .form .btn.clr1, .content .form input[type=submit], .content .form button { background-color: #1495b3; }
.content .form .btn.clr2, .form input[type=reset], .content .form #pay_creditcard { background-color: #095b8d; }

.content .tabbox .tabs { display: flex;  flex-direction: row; align-items: stretch; align-content: space-evenly;  }
.content .tabbox .tabs .tab { flex-grow: 1; line-height: 70px; text-align: center; color: white; background-color: #1495b3; font-size: 18px; font-family: Railway, serif; border-left:1px solid #FFF; position:relative; cursor:pointer; }
.content .tabbox .tabs .tab a, .content .tabbox .tabs .tab a:visited { color: #FFF !important; text-decoration: none;  }
.content .tabbox .tabs .tab .arrow { display: none; width: 0; height: 0; border-style: solid; border-width: 13px 12px 0 12px; border-color: #1495b3 transparent transparent transparent; position: absolute; bottom: -13px; left: calc((100% / 2) - 7px); }
.content .tabbox .tabs .tab.selected .arrow  {display:block; }
.content .tabbox .tabs .tab:nth-child(1) { border-left:none; }
.content .tabbox .box { padding:50px 0;}
.content .tabbox .box .item { display: none; }
.content .tabbox .box .item.show { display: block; }
.content .tabbox .box .item table {
    float: none;
    clear: both;
}
.mobile-tab { display: none; line-height: 70px; text-align: center; color: white; background-color: #1495b3; font-size: 18px; font-family: Railway, serif; border-left:1px solid #FFF; position:relative; cursor:pointer; background-image: url('/themes/simple/img/scroller-arrow-right.png'); background-repeat: no-repeat; background-position: calc(100% - 16px); border-bottom: 1px solid #cbd0d4; }

@media all and (max-width: 768px) {
    body.eventspage .mobile-tab,
    body.greenbondslongpage .mobile-tab,
    body.marketplacelongpage .mobile-tab { display: block; }

    body.eventspage .tabbox .tabs,
    body.greenbondslongpage .tabbox .tabs,
    body.marketplacelongpage .tabbox .tabs { display: none; }

    body.greenbondslongpage.research.and.learning .tabbox .tabs,
    body.greenbondslongpage.sustainability.standards.and.labels .tabbox .tabs,
    body.greenbondslongpage.taxonomies.nomenclatures .tabbox .tabs,
    body.greenbondslongpage.bond.index.service .tabbox .tabs { display: flex; flex-wrap: wrap; }
    body.greenbondslongpage.research.and.learning .tabbox .tabs .tab,
    body.greenbondslongpage.sustainability.standards.and.labels .tabbox .tabs .tab,
    body.greenbondslongpage.taxonomies.nomenclatures .tabbox .tabs .tab,
    body.greenbondslongpage.bond.index.service .tabbox .tabs .tab { flex-basis: 100%; }
    body.greenbondslongpage.research.and.learning .tabbox .tabs .tab.selected,
    body.greenbondslongpage.sustainability.standards.and.labels .tabbox .tabs .tab.selected,
    body.greenbondslongpage.taxonomies.nomenclatures .tabbox .tabs .tab.selected,
    body.greenbondslongpage.bond.index.service .tabbox .tabs .tab.selected { background-color: #095B8C; }

    .tabbox table, .tabbox table td { max-width: 100%; }
    .tabbox table img.leftAlone { word-break: break-all; margin-right: 0; }
    .tabbox table a { word-break: break-all; }
}

body.events .content .filters .dropdown.filter { text-transform: none; height: 40px; line-height: 40px; border-radius: 5px; background-color: white; padding: 0 20px; }
body.events .content .filters input.search { width: 100%; height: 40px; line-height: 40px; border-radius: 5px; background-color: white; padding: 0 20px; border: none; }
body.events .content .filters .w50:nth-child(1) { padding-right: 5px; }
body.events .content .filters .w50:nth-child(2) { padding-left: 5px; }
body.events .content .optmenu { background-color: #f6f6f6; padding: 20px; font-size: 13px; }
body.events .content .optmenu .key .item { float: left; padding-left: 15px; color: #333333; text-transform: uppercase; line-height: 40px; }
body.events .content .optmenu .key .item::before { width: 15px; height: 15px; content: ' '; display: inline-block; margin-right: 15px; margin-top: 13px; float: left;  }
body.events .content .optmenu .key .item.icma::before { background-color: #076B9E; }
body.events .content .optmenu .key .item.supported::before { background-color: #73B7AE; }
body.events .content .optmenu .key .item.past::before { background-color: #1393B2; }

body.events .content .optmenu .key .item:hover {cursor: pointer;}

body.events .display { padding:20px  0; }

body.events .display .items { display: none; flex-direction: row; flex-wrap: wrap; align-items: stretch; align-content: flex-start; }
body.events .display .items.show { display: flex; }

body.events .display .items .item { width: 33.33%; flex: 0 33.33%; min-height: 200px; padding-left: 10px; padding-bottom: 10px; position: relative; }
body.events .display .items .item .event { border: 1px solid #DDD; border-top: 4px solid #1393B3; width: 100%; height: 100%; position:relative; font-size:13px; }
body.events .event .ct { padding:0 15px; height: calc(100% - 53px);}
body.events .event .dte { position: absolute; top: 20px; left: 15px; width: 52px; background-color: #1393B2; border-radius: 3px; color: white; text-align: center; padding: 4px; }
body.events .event .dte .mnth { background-color: white; display: inline-block; border-radius: 3px; color: #1393B2;width:100%; line-height:20px; font-size:14px; }
body.events .event .ttl { color: #005b94; font-size:12px; padding-left:70px; min-height:60px;  }
body.events .event .pt { color: #014066; padding-left:15px; background:no-repeat left center; /*line-height:24px;*/ }


body.events .ICMAEvent .event .dte {background-color: #076B9E; font-family: 'Segoe UI', sans-serif; font-size: 15px;}
body.events .ICMAEvent .event .dte .mnth {color: #076B9E; }
body.events .ICMAEvent .event .ttl {color: #076B9E; font-family: 'Segoe UI', sans-serif; font-size: 16px;}
body.events .ICMAEvent .event .pt {color: #076B9E; font-family: 'Segoe UI', sans-serif; font-size: 14px;}
body.events .display .items .item.ICMAEvent .event { border: 1px solid #DDD; border-top: 4px solid #076B9E; }

body.events .ICMAEvent.ICMASupported .event .dte {background-color: #73B7AE;}
body.events .ICMAEvent.ICMASupported .event .dte .mnth {color: #73B7AE;}
body.events .ICMAEvent.ICMASupported .event .ttl {color: #73B7AE;}
body.events .ICMAEvent.ICMASupported .event .pt {color: #73B7AE;}
body.events .display .items .item.ICMAEvent.ICMASupported .event { border: 1px solid #DDD; border-top: 4px solid #73B7AE; }


body.events .ICMAEvent.PastEvent  .event .dte {background-color: #1393B3;}
body.events .ICMAEvent.PastEvent  .event .dte .mnth {color: #1393B3;}
body.events .ICMAEvent.PastEvent  .event .ttl {color: #005b94;}
body.events .ICMAEvent.PastEvent  .event .pt {color: #014066;}
body.events .display .items .item.ICMAEvent.PastEvent  .event { border: 1px solid #DDD; border-top: 4px solid #1393B3; }


body.events .event .pt.location { background-image:url(../img/event-location.png);     margin-top: 10px; }
body.events .event .pt.status { background-image: url(../img/event-status.png);     background-position: 0 3px; }

body.neweventspage .event-details .pt, body.neweventspage .event-details .btn {
    background-position: center left;
    background-repeat: no-repeat;
    padding-left: 15px;
    margin-bottom: 5px;
}

body.neweventspage .event-details .pt.location { background-image:url(../img/event-location.png); margin-top: 0; line-height: 15px; }
body.neweventspage .event-details .pt.status { background-image: url(../img/event-status.png);     background-position: 0 3px; margin-top: 10px; }
body.neweventspage .event-details .btn.add { background-image: url(../img/event-addtocalendar-small.png); display: block}

body.events .event .btns { height: 35px; background-color: #F5F5F5; text-align: right; padding: 0 10px; position: absolute; bottom: 0; width: 100%; display: flex; justify-content: flex-end;}
body.events .event .btns .btn { width: 30px; height: 33px; background:no-repeat center center; display:inline-block;}
body.events .event .btns .btn.add { background-image: url(../img/event-addtocalendar.png); }
body.events .event .btns .btn.clock { background-image: url(../img/event-clock.png); width: auto; padding-left: 35px; background-position: center left; padding-right: 10px; line-height: 36px; margin-right:auto;}
body.events .event .btns .btn.register { background-image: url(../img/event-register.png); }
body.events .event .btns .btn.view { background-image: url(../img/event-view.png); }

body.events .calheader { width: 100%; margin-bottom: 20px; display: flex; flex-direction: row; flex-wrap: wrap; }
body.events .CalCol { float: left; width: 162px; margin-right: 5px; }
body.events .CalCol.last { margin-right: 0;}
body.events .CalCol .CalHeading { text-align: center; font-weight: 500; margin-bottom: 15px; }
body.events .CalCol .DayContainer { width: 100%; min-height: 105px; padding: 10px; border: 1px solid #CBCBCB; margin-bottom: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
body.events .CalCol .DayContainer a, body.events .CalCol .DayContainer a:visited {color: #005b94; }




.ftr { background-color: #095B8C; color: white; padding: 50px; line-height: 25px; font-weight: 500; }
.ftr strong { font-weight:500; }
.ftr a { color: white; }
.ftr a.btn { background: #1495b3 !important; padding:0 20px !important; }
.ftr .twitter { background: url(../img/ftr-twitter.png) no-repeat center center; height: 30px; width: 30px; display: inline-block; margin-right:8px; }
.ftr .linkedin { background: url(../img/ftr-linkedin.png) no-repeat center center; height: 30px; width: 30px; display: inline-block; }
.ftr .mail { text-align: center; font-size: 17px; font-weight:500; }

.cpy { color: #222c3b; line-height:normal; padding:20px 0; }


/*FABION ADDITIONS*/
.headerWhite {
    color: #FFFFFF;
    font-family: Arial,Verdana,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    text-decoration: none;
}

.joinicmacontainer{
    text-align: right;
    width: 99%;
    clear: both;
    padding-bottom: 10px;
    font-size: 12px;
}



/** Education template **/

body.education .bottom-content .course-listing{
    padding: 0 !important;
}


body.education.educationcourses .course-grid {
    display: block;
    padding: 54px 0;
    border-bottom: 3px solid #013F65;
    border-top: 3px solid #013F65;
    margin: 54px 0;
}

body.education.educationcourses .course-grid h2{
    width: 100%;
    text-align: center;
}

body.education.educationcourses .course-grid .course-items{
    /*display: flex;
    flex-wrap: wrap;
    justify-content: space-between;*/

    display: grid;
    grid-column-gap: 5px;
    grid-row-gap: 15px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-auto-rows: 1fr;

}

body.education.educationcourses .course-grid .course-items .CourseHolder .course-img{
    text-align: center;
    padding-bottom: 25px;
    padding-top: 45px;
}
body.education.educationcourses .course-grid .course-items .CourseHolder .heading{
    width: 80%;
    text-align: center;
    margin: auto;
}

body.education.educationcourses .bottom-content .study-with-icma{
    display: block;
    padding: 0 0 54px 0;
    border-bottom: 3px solid #013F65;
    margin: 0 0 54px 0;
}

body.education.educationcourses .bottom-content .study-with-icma h2{
    width: 100%;
    text-align: center;
    padding-bottom: 45px;
}
body.education.educationcourses .bottom-content .study-with-icma .list{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

body.education.educationcourses .bottom-content .study-with-icma .list .item{
    flex-basis: 360px;
    background: #fbfbfb;
    border: 1px solid #d6d6d6;
    border-radius: 5px;
    text-align: center;
    padding: 24px;
}

body.education.educationcourses .bottom-content .study-with-icma .list .item p{
    font-family: Railway, serif;
    font-size: 16px;
    color: #003f67 !important;
    text-decoration: none;
    padding-top: 0;
    margin-top: 0;
}

body.education.educationcourses .bottom-content .study-with-icma .list .item ul{
    list-style: none;
    padding: 0;
    margin: 0;
    margin-top: 30px;
}

body.education.educationcourses .bottom-content .method-of-delivery{
    display: block;
    padding: 0 0 54px 0;
    border-bottom: 3px solid #013F65;
    margin: 0 0 54px 0;
}

body.education.educationcourses .bottom-content .method-of-delivery h2{
    width: 100%;
    text-align: center;
    padding-bottom: 45px;
}

body.education.educationcourses .bottom-content .method-of-delivery .list{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

body.education.educationcourses .bottom-content .method-of-delivery .list .item{
    flex-basis: 250px;
    background: #FFF;
    text-align: center;
    padding: 24px;
}

body.education.educationcourses .bottom-content .method-of-delivery .list .item .heading{
    font-family: Railway, serif;
    font-size: 16px;
    color: #003f67 !important;
    text-decoration: none;
    padding-top: 25px;
}


body.education.educationcourses .course-grid .course-items .CourseHolder .heading,
body.education.educationcourses .course-grid .course-items .CourseHolder .heading a,
body.education.educationcourses .course-grid .course-items .CourseHolder .heading a:visited
{
    font-family: Railway, serif;
    font-size: 16px;
    color: #003f67 !important;
    text-decoration: none;
}


body.education.educationcourses .course-general-content{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

body.education.educationcourses .course-general-content .GeneralInformation{
    flex-basis: calc(50% - 15px);
}

body.education.educationcourses .course-general-content .GeneralInformation h2{
    margin-bottom: 25px;
}

body.education.educationcourses .course-general-content .GeneralInformation .general-content-internal{
    border: 1px solid #d6d6d6;
    padding: 20px 30px;
    min-height: 300px;
}

body.education.educationcourses .course-general-content .GeneralInformation .general-content-internal a,
body.education.educationcourses .course-general-content .GeneralInformation .general-content-internal a:visited{
    display: inline-block;
    width: 100%;
    text-decoration: none;
    padding-bottom: 5px;
}

body.education.educationcourses .course-general-content .GeneralInformation .general-content-internal a:hover{
    text-decoration: underline;
}

body.education.educationcourses .course-general-content .GeneralInformation .general-content-internal a.btn.blue{
    width: auto;
    margin-top: 30px;
    padding-bottom: 0;
}


body.education.educationcourses .course-listing {
    flex-basis: calc(50% - 15px);
}
body.education.educationcourses .course-listing .cl-inner {
    box-sizing: border-box;
    height: 100%;
}
body.education.educationcourses .course-listing .cl-heading {
    font-family: Railway, serif;
    font-size: 22px;
    color: #013F65 !important;
    padding: 0;
    margin: 0;
    font-weight: normal;
    margin-bottom: 25px;
}
body.education.educationcourses .course-listing .cl-content {
    color: #014066;
    font-size: 14px;
    font-family: 'Segoe UI', sans-serif;
    height: calc(100% - 55px);
}

body.education.educationcourses .course-listing .cl-content .scroller{
    width: 100%;
    background: #eff3f6;
    height: 100%;
}

body.education.educationcourses .course-listing .cl-content .scroller .items{
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 15px;
}

body.education.educationcourses .course-listing .cl-content .scroller .items .course-item{
    border-bottom: 3px solid #013F65;
    margin: 0 0 10px 0;
    width: 95%
}

body.education.educationcourses .course-listing .cl-content .scroller .items .course-item .course-title h3{
    font-family: Railway, serif;
}
body.education.educationcourses .course-listing .cl-content .scroller .items .course-item .course-info .ci-date{
    font-weight: 500;
}

body.education.educationcourses .course-listing .cl-content .scrollbtns{
    /*display: none;*/
}

body.education.educationcourses .course-listing .cl-inner a
{
    color: #1495B3;
}

body.education.educationcourses .course-listing .cl-inner h2{
    text-align: left;
    font-size: 22px;
    color: #1495B3 !important;
    font-family: Railway, serif;
    padding-bottom: 12px;
}

body.education.educationcourses .course-listing .cl-inner table td{
    padding:14px 20px 14px 0;
}

body.education.educationcourses .course-listing .cl-content a {
    color: #1495B3;
    display: block;
}
body.education.educationcourses .course-listing .cl-content h3, body.education.educationcourses .course-listing .cl-content h3 a, body.education.educationcourses .course-listing .cl-content h3 a:visited  {
    color: #014066;
    font-size: 14px;
    font-family: 'Segoe UI', sans-serif;
    margin: 0;
    padding-top: 15px;
    text-decoration: none !important;
}

body.education.educationcourses .course-listing .cl-content h3 a:hover{
    text-decoration: underline !important;
}

body.education.educationcourses .course-listing .course-info {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #EDEDED;
    padding: 0 0 15px 0;
}

@media all and (max-width: 768px) {
    body.diplomas.diplomaclustereventspage .course-grid .course-items {
        grid-template-columns: 1fr;
    }
}
body.newspageupdated .row{
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #E5E5E5;
}

body.newspageupdated .row span.date{
    color: #719FC5;
    font-size: 14px;
    font-weight: 500;
}

body.newspageupdated .row .socialbuttons {float: right; margin-top: 0 !important;}
body.newspageupdated .row .socialbuttons .at-icon-wrapper, body.newspageupdated .row .socialbuttons .at-icon-wrapper .at-icon { height: 20px !important; width: 20px !important;}
body.newspageupdated .row .readmore {
    float: right;
    background: url(../img/scroll-blue-up.png);
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    transform: rotate(90deg);
    background-position: center;
    font-size: 0;
}

body.newspageupdated .row a.title-read-more, body.newspageupdated .row a.title-read-more:visited{
    text-decoration: none !important;
    color: #014066 !important;
}

body.educationquiz {

}

#results-search{
    margin-top: 50px;
}

#results-search .search-holder{
    margin-bottom: 5px;
    margin-top: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #E5E5E5;
}



/**** CALENDAR PAGE ****/
body.calendarpage #push{
    clear: both;
    width: 100%;
    margin-top: 15px;
}

body.calendarpage .content .form button{
    height: 50px;
}


body.calendarpage #push .stripNavR a, body.calendarpage #push .stripNavL a{
    width: 16px;
    height: 28px;
    font-size: 0;
    line-height: 28px;
}

body.calendarpage #push .stripNavL a{
    background: url("../img/scroller-arrow-left.png");
    float: left;
}

body.calendarpage #push .stripNavR a{
    background: url("../img/scroller-arrow-right.png");
    float: right;
}

/**** LOGIN PAGE ****/


body.log.in.page #left-form{
    background: #f6f6f6;
}

#loginfail {font-weight: 500; font-size: 15px; }



/**** GREEN BONDS DATABASE PAGE ****/
#copyHold label, #copyHold .textHold {
    line-height: 15px;
    margin: 0 0 8px 0;
    padding-top: 4px;
    min-height: 15px;
    position: relative;
}

#copyHold label {float: left; width: 40%;}
#copyHold .textHold {display: inline-block; max-width: 40%;}



.socialbuttons {margin-top: 30px;}
.socialbuttons .at-icon-wrapper, .socialbuttons .at-icon-wrapper .at-icon {width: 40px !important; height: 40px !important;}

/*** FABION CUSTOM CONTENT WEIRDNESS **/
.neweventspage .pge ul li span{ margin: 0 !important; padding: 0 !important; display: inline-block !important;}
.pge .content .box ul { margin: 0px 0px 0px 10px; padding: 10px 0px 10px 10px;}
.pge .content .box ul li {margin: 0px; padding: 5px 0px 0px 3px;}
#tablesorter .PrinsHead .header:hover {cursor: pointer; }


.calicon {
    background: url(../../bell/images/event_cal_icn.jpg) left top no-repeat;
    height: 22px;
    width: 22px;
    float: left;
    cursor: pointer;
    position: relative;
}

.calheader .calicon .dropdown-content{
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding: 12px 16px;
    z-index: 500;
    top: 45px;
    left: 0px;
}

.calheader .calarrow {
    float: left;
    width: 10px;
    flex-basis: 10px;
    height: 22px;
    cursor: pointer;
}

.calheader h2{
    flex-basis: calc(100% - 52px);
    text-align: center;
}


.calheader .calarrow.left {
    background: url(../../bell/images/Calendar_arrow_left.jpg) left center no-repeat;
    margin: 0 10px 0 0;
}

.calheader .calarrow.right {
    background: url(../../bell/images/Calendar_arrow_right.jpg) left center no-repeat;
    float: right;
}

.CalCol .DayContainer a.ICMAEvent, .CalCol .DayContainer a.ICMAEvent:visited {color:#076B9E !important;}
.CalCol .DayContainer a.PastEvent, .CalCol .DayContainer a.PastEvent:visited {color:#1393B2 !important;}
.CalCol .DayContainer a.ICMASupported, .CalCol .DayContainer a.ICMASupported:visited  {color:#73B7AE !important;}
.pge .inner .content strong {font-weight: bold;}

.webinarholder {display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 20px;}
.webinarholder .webinarlink {display: block; flex-basis: 50%; max-width: calc(50% - 10px); margin-right: 10px;}
.webinarholder .podcastlink {display: block; flex-basis: 50%; max-width: 50%;max-width: calc(50% - 10px);}

.webinarholder .webinarlink img, .webinarholder .podcastlink img	{max-width: 100%;}


/**
BULLET POINT STYLES
 */

.wcir { list-style-type: none !important; }
.wcir { counter-reset: cnt; }
.wcir li { display: block; position: relative; padding-left: 1em; }
.wcir li:before { position: absolute; left: -2em;}

.wcir.double.default li:before {
    content: "(" counter(cnt, decimal) ")";
    padding-right: 0.5em;
    counter-increment: cnt;
}
.wcir.double.lower-alpha li:before {
    content: "(" counter(cnt, lower-alpha) ")";
    padding-right: 0.5em;
    counter-increment: cnt;
}
.wcir.double.lower-roman li:before {
    content: "(" counter(cnt, lower-roman) ")";
    padding-right: 0.5em;
    counter-increment: cnt;
}

.wcir.double.lower-greek li:before {
    content: "(" counter(cnt, lower-greek) ")";
    padding-right: 0.5em;
    counter-increment: cnt;
}
.wcir.double.upper-alpha li:before {
    content: "(" counter(cnt, upper-alpha) ")";
    padding-right: 0.5em;
    counter-increment: cnt;
}

.wcir.double.upper-roman li:before {
    content: "(" counter(cnt, upper-roman) ")";
    padding-right: 0.5em;
    counter-increment: cnt;
}


.wcir.single.default li:before {
    content: counter(cnt, decimal) ")";
    padding-right: 0.5em;
    counter-increment: cnt;
}
.wcir.single.lower-alpha li:before {
    content: counter(cnt, lower-alpha) ")";
    padding-right: 0.5em;
    counter-increment: cnt;
}
.wcir.single.lower-roman li:before {
    content: counter(cnt, lower-roman) ")";
    padding-right: 0.5em;
    counter-increment: cnt;
}

.wcir.single.lower-greek li:before {
    content: counter(cnt, lower-greek) ")";
    padding-right: 0.5em;
    counter-increment: cnt;
}
.wcir.single.upper-alpha li:before {
    content: counter(cnt, upper-alpha) ")";
    padding-right: 0.5em;
    counter-increment: cnt;
}

.wcir.single.upper-roman li:before {
    content: counter(cnt, upper-roman) ")";
    padding-right: 0.5em;
    counter-increment: cnt;
}


/*** VIDEO SECTION ***/


body.videocontainerpage .pge .inner{
    background-color: #f9f9f9;
}

body.videocontainerpage #Content h2{
    margin-left: 10px !important;
    padding-bottom: 20px !important;
    margin-bottom: 20px !important;
    border-bottom: 1px solid #013F65;
    background-color: #013F65;
    padding-left: 20px;
    padding-top: 20px;
    color: #FFF !important;
}

body.videocontainerpage .display .items.show {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    align-content: flex-start;
}


body.videocontainerpage .display .items .Video {
    width:25%;
    flex: 0 25%;
    padding-left: 10px;
    padding-bottom: 10px;
    position: relative;
    min-height: 388px;
}
@media all and (max-width: 900px) {
    body.videocontainerpage .display .items .Video {
        width:calc(100% / 3);
        flex: 0 calc(100% / 3);
    }
}
@media all and (max-width: 768px) {
    body.videocontainerpage .display .items .Video {
        width:calc(100% / 2);
        flex: 0 calc(100% / 2);
    }
}
@media all and (max-width: 550px) {
    body.videocontainerpage .display .items .Video {
        width:100%;
        flex: 0 100%;
    }
}
body.videocontainerpage .display .items .Video .event {
    border: 1px solid #DDD;
    border-top: 4px solid #076B9E;
    width: 100%;
    height: 100%;
    position: relative;
    font-size: 13px;
}

body.videocontainerpage .event .ct {
    padding: 15px;
    height: calc(100% - 53px);
}

body.videocontainerpage .event .dte {
    position: absolute;
    top: 15px;
    left: 15px;
    width: 52px;
    background-color: #1393B2;
    border-radius: 3px;
    color: white;
    text-align: center;
    padding: 4px;
}

body.videocontainerpage .event .dte .mnth {
    background-color: white;
    display: inline-block;
    border-radius: 3px;
    color: #1393B2;
    width: 100%;
    line-height: 20px;
    font-size: 14px;
}

body.videocontainerpage .event .ttl {
    color: #005b94;
    font-size: 12px;
    padding-left: 70px;
    min-height: 60px;
}

body.videocontainerpage .event .pt {
    color: #014066;
    padding-left: 15px;
    background: no-repeat left center; /*line-height:24px;*/
}


body.videocontainerpage .Video .event .dte {
    background-color: #076B9E;
    font-family: Railway, serif;
    font-size: 15px;
}

body.videocontainerpage .Video .event .dte .mnth {
    color: #076B9E;
}

body.videocontainerpage .Video .event .ttl {
    color: #076B9E;
    font-family: Railway, serif;
    font-size: 16px;
}

body.videocontainerpage .Video .event .pt {
    color: #076B9E;
    font-family: Railway, serif;
    font-size: 14px;
}

body.videocontainerpage .display .items .item.Video .event {
    border: 1px solid #DDD;
    border-top: 4px solid #076B9E;
}


/* The flip card container - set the width and height to whatever you want. We have added the border property to demonstrate that the flip itself goes out of the box on hover (remove perspective if you don't want the 3D effect */
.flip-card {
    background-color: transparent;
    border: 1px solid #f1f1f1;
    perspective: 1000px; /* Remove this if you don't want the 3D effect */
}

/* This container is needed to position the front and back side */
.flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.8s;
    transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-card:hover .flip-card-inner {
    transform: rotateY(180deg);
}


.flip-card:hover .flip-card-inner .flip-card-front{
    visibility: hidden;
    opacity: 0;
}

/* Position the front and back side */

.flip-card-front{
    background-color: #FFF;
    visibility: visible;
    opacity: 1;
    transition: visibility 0.8s, opacity 0.5s linear;
}

.flip-card-front, .flip-card-back {
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden; /* Safari */
    backface-visibility: hidden;
}



/* Style the front side (fallback if image is missing) */

.flip-card-front .video-img {
    overflow: hidden;
    position: relative;
}

.flip-card-front .video-img img{
    max-width:100%;
}

.flip-card-front .video-cat{

    background-color: rgba(0, 0, 0, 0.3);
    text-align: left;
    padding: 15px 10px;
    bottom: 0;
    width: 100%;
    color: #FFF;
    font-family: Railway, serif;
    font-size: 15px;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 50px;
}

.flip-card-front .video-title, .flip-card-front .video-title a, .flip-card-front .video-title a:visited{
    color: #076B9E !important;
    font-family: Railway, serif;
    font-size: 14px;
    text-decoration: none !important;
    word-break: normal !important;
}

.flip-card-front .video-title{
    padding: 20px 10px;
}

.flip-card-front{
    padding: 20px 0px;
}

.flip-card-front .video-date{
    color: #076B9E;
    font-family: Railway, serif;
    font-size: 16px;
    position: absolute;
    bottom: 10px;
    width: 100%;
    display: block;
}

/* Style the back side */
.flip-card-back {
    background-color: #FFF;
    transform: rotateY(180deg);
    position: absolute;
    top: 0;
    left: 0;
    padding: 5px 10px;
}

.flip-card-back .topbar, .flip-card-back .topbar a, .flip-card-back .topbar a:visited{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 20px;
    font-family: Railway, serif;
    font-size: 16px;
}

.flip-card-back .topbar .watch-now{
    padding: 0;
}

.flip-card-back .topbar .watch-now a{
    padding: 0;
    background-image: url(../img/event-view.png);
    background-repeat: no-repeat;
    padding-right: 30px;
    background-size: contain;
    background-position: 88px center;
}


.flip-card-back .video-title, .flip-card-back .video-title a, .flip-card-back .video-title a:visited{
    color: #076B9E !important;
    font-family: Railway, serif;
    font-size: 16px;
    text-decoration: none !important;
}

.flip-card-back .video-title{
    border-bottom: 1px solid;
    padding: 20px 0;
}

.flip-card-back .speakers{
    color: #076B9E;
    font-family: Railway, serif;
    font-size: 16px;
    background-image: url(../img/event-status.png);
    background-position: center left;
    background-repeat: no-repeat;
    text-align: left;
    padding-left: 20px;
    margin: 10px 0;
}


/*** video advacnde search **/
.videocontainerpage .advanced-search-container{
    margin-top: 20px;
}

.videocontainerpage .QuickSearchHold label{
    font-family: Railway, serif;
    font-size: 16px;
    color: #013F65 !important;
    padding: 0 0 10px;
    margin: 0;
    font-weight: normal;
}

body.educationquiz .w50.col.OptionsetField, body.educationpage .w50.col.OptionsetField{
    width: 100% !important;
    margin-bottom: 20px;
}


body.educationquiz .w50.col.OptionsetField:nth-child(odd),
body.educationpage .w50.col.OptionsetField:nth-child(odd)
{
    margin-right: 0 !important;
}

body.educationquiz .w50.col.OptionsetField:nth-child(even),
body.educationpage .w50.col.OptionsetField:nth-child(even)
{
    margin-left: 0 !important;
}

.registerButton {
    font-family: 'Segoe UI', sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    color: #FFF;
    padding: 10px 20px;
    margin-right: 10px;
    display: inline-block;
    border: none;
    background-color: #095b8d;
    text-decoration: none;
}

a.registerButton:visited{
    color: #FFF !important;
}

/*** trainer page ***/
body.trainer  .pge .content table td{
    padding: 14px 20px 14px 0;
}
.trainer-profile {
    display: flex;
    flex-wrap: wrap;
}
.trainer-profile .trainer-content {
    flex-basis: 80%;
    padding-right: 30px;
}
.trainer-profile .trainer-image {
    flex-basis: 20%;
}
@media all and (max-width: 768px) {
    .trainer-profile {
        flex-direction: column-reverse;
    }
    .trainer-profile .trainer-content,
    .trainer-profile .trainer-image {
        flex-basis: 100%;
    }
    .trainer-profile .trainer-content {
        padding-right: 0;
        padding-top: 30px;
    }
}

.Actions #ForgotPasswords, .Actions #ForgotPassword {
    display: none;
}


/* IMAGES
-------------------------------------------- */
.pge .inner .content img.left {
    float: left;
    max-width: 50%;
}
.pge .inner .content img.right {
    float: right;
    max-width: 50%; /* Responsive width */
}
.pge .inner .content img.leftAlone {
    float: left;
    margin-right: 100%;
    margin-bottom: 10px;
    clear: both;
}
@media all and (max-width: 768px) {
    .pge .inner .content img.left {
        max-width: 100%!important;
        float: none!important;
        display: block;
        margin: 0 0 15px 0!important;
    }
    .pge .inner .content img.right {
        float: none;
        display: block;
        margin: 0 0 15px 0!important;
        max-width: 100%;
    }
    .pge .inner .content img.leftAlone {
        float: none!important;
        margin: 0 0 15px 0!important;
    }
}
.pge .inner .content img.center {
    float: none;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-bottom: 10px;
    clear: both;
}
.pge .inner .content .captionImage { width: 100%; margin-top: 5px; }
.pge .inner .content .captionImage img { margin: 0; }
.pge .inner .content .captionImage.left {
    float: left;
}
.pge .inner .content .captionImage.right{
    float: right;
}
.pge .inner .content .captionImage.left[style],
.pge .inner .content .captionImage.right[style] {
    max-width: 50%; /* Overides core width to make responsive */
}
.pge .inner .content .captionImage.left img,
.pge .inner .content .captionImage.right img {
    float: none;
    max-width: none;
    width: 100%;
}

.pge .inner .content .captionImage.right p {
    text-align: left;
}
.pge .inner .content .captionImage.leftAlone{
    float:none;
}

.pge .inner .content .captionImage p {
    clear: both;
    color: #888;
}

div[style="text-align: center;"] img.left, div[style="text-align: center;"] img.right{
    float:none !important;
}

table tr td img.left, table tr td img.right{
    float: none !important;
    max-width: none !important;
}

.OptionsetField li{
    list-style: none;
    margin-top: 5px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.OptionsetField ul{
    margin:0px;
    padding: 0px;
}

.OptionsetField input{
    margin-left:0px;
}
.OptionsetField label {
  margin-bottom:0px!important;
}


/*Cookie banner*/
#CookieBarHolder {position: fixed; width: 100%; min-height: 50px; background-color:transparent; bottom:0; z-index: 500; background-color: #1b2f4b; }
#CookieBarHolder .CookieBar { font-size: 12px; max-width: 949px; margin: auto; background:url(../images/icmacookie_banner_bg.jpg) no-repeat center left;}
#CookieBarHolder .CookieBar .text {font-weight: 20; color: #FFF; text-align: left; padding: 10px; float: left; max-width: 712px; line-height: 20px; letter-spacing: normal; /*font-size: 98%;*/}
#CookieBarHolder .CookieBar .text span {font-weight:bold; letter-spacing: 0.5px; font-size: 13px !important;}
#CookieBarHolder .CookieBar .text a, #CookieBarHolder .CookieBar .text a:visited {color: #FFF; text-decoration: underline;}
#CookieBarHolder .CookieBar .text a:hover { text-decoration: none;}
#CookieBarHolder .cc-cookie-accept {     float: right;
    width: 160px;
    height: 30px;
    background: #1495b3 !important;
    padding: 0 20px !important;
    padding: 10px 10px 0 0;
    cursor: pointer;
    color: #fff !important;
    font-size: 14px;
    margin-top: 15px;
    line-height: 30px;
    text-align: center;
    font-weight: bold;
}



body.UserDefinedFormLong label[for="Form_Form_EditableRadioField52128"] {
               color: #1495b3 !important;
               font-size: 18px !important;
               font-weight: 300 !important;
               font-family: Railway, serif;
}

body.UserDefinedFormLong #Form_Form_EditableRadioField52128 {
    display: flex;
    justify-content: space-between;
    padding-left: 0;
    max-width: 350px;
}

.btn.clr2:hover{
    cursor: pointer;
}


video{
    max-width: 100% !important;
}


.flexGridOneThird{
    display: grid;
    grid-gap: 25px;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-rows: 1fr;
}

.flexGridOneThird .box{
    border: 1px solid #014066;
    vertical-align: middle;
    text-align: center;
    padding: 35px 20px !important;
    font-size: 16px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-between;
}

.flexGridOneThird .box .imageHolder{
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    flex-grow: 1;
    margin-bottom: 20px !important;
}
.flexGridOneThird .box a{
    font-weight: bold !important;
    font-style: normal;
    margin-top: 8px;
    display: block;
}

.flexGridOneThird .box p{
    margin: 0 !important;
}