html {
    font-size: 16px;
}

body{
    font-family: 'Open Sans', sans-serif;
    color:#29262b;
    font-size:16px;
}

p{
    font-family: 'Open Sans', sans-serif;
    color:#29262b;
    font-size:16px;
}

h1, h2, h3 {
    margin-top:0px;
    margin-bottom: 0px;
}

h1, .h1, .PageTitle, h2, .h2, .PanelTitle {
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: bold;
    color: #000;
}

h1, .h1, .PageTitle {
    font-size:48px;
}

h2, .h2, .PanelTitle {
    line-height: 1.45em;
    font-size: 36px;
    border-bottom: none;
    margin: .2em 0;
}

.panel-heading.Distinguish, .panel-group .panel-heading, .PanelHead.Distinguish, .TitleBarCaption {
    padding: 6px 10px;
    border-bottom: none;

}

h3, .h3, .SectionTitle {
    font-size:24px;
    font-family: 'Open Sans Condensed', sans-serif;
    color:#000;
}

h2 a.small,
h2 a.small:visited{
    text-decoration:none;
    color:#000;
    margin-left:10px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 20px;
    font-weight: bold;
}

h2 a.small:hover,
h2 a.small:focus{
    color:#a22b96;
}

a.arrow.small:after{
    content: '\f054';
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    margin-left: 10px;
    font-size: 12px;
    display:inline-block;
    vertical-align:middle;
}

@media(max-width:767px){
    h2 a.small,
h2 a.small:visited{
    display:block;
    margin-left: 0px;
}
}

.clearQ .rgHeader{
	display:none!important;
}

.clearQ .RadGrid_MetroTouch{
	border:none;
}

.clearQ .RadGrid_MetroTouch .rgAltRow {
    background: #fff;
}

.clearQ .RadGrid_MetroTouch .rgAltRow td,
.clearQ .RadGrid_MetroTouch .rgRow td {
    border:none;
}


.clearQ .RadGrid.RadGrid_MetroTouch .rgMasterTable .rgSelectedCell, 
.clearQ .RadGrid.RadGrid_MetroTouch .rgSelectedRow, 
.clearQ .RadGrid.RadGrid_MetroTouch td.rgEditRow .rgSelectedRow, 
.clearQ .RadGrid.RadGrid_MetroTouch .rgSelectedRow td.rgSorted, 
.clearQ .RadGrid.RadGrid_MetroTouch th.rgSorted, 
.clearQ .RadGrid.RadGrid_Metro .rgMasterTable .rgSelectedCell, 
.clearQ .RadGrid.RadGrid_Metro .rgSelectedRow, 
.clearQ .RadGrid.RadGrid_Metro td.rgEditRow .rgSelectedRow, 
.clearQ .RadGrid.RadGrid_Metro .rgSelectedRow td.rgSorted, 
.clearQ .RadGrid.RadGrid_Metro th.rgSorted {
    background-color: transparent;
    border-color:transparent;
}

.clearQ .RadGrid.RadGrid_MetroTouch .rgMasterTable .rgSelectedCell a, 
.clearQ .RadGrid.RadGrid_MetroTouch .rgSelectedRow a, 
.clearQ .RadGrid.RadGrid_MetroTouch td.rgEditRow .rgSelectedRow a, 
.clearQ .RadGrid.RadGrid_MetroTouch .rgSelectedRow td.rgSorted a, 
.clearQ .RadGrid.RadGrid_MetroTouch th.rgSorted a, 
.clearQ .RadGrid.RadGrid_Metro .rgMasterTable .rgSelectedCell a, 
.clearQ .RadGrid.RadGrid_Metro .rgSelectedRow a, 
.clearQ .RadGrid.RadGrid_Metro td.rgEditRow .rgSelectedRow a, 
.clearQ .RadGrid.RadGrid_Metro .rgSelectedRow td.rgSorted a, 
.clearQ .RadGrid.RadGrid_Metro th.rgSorted a {
    color: transparent!important;
}

.clearQ .RadGrid.RadGrid_MetroTouch .rgMasterTable, 
.clearQ .RadGrid.RadGrid_Metro .rgMasterTable {
    background-color: transparent!important;
}

.clearQ .RadGrid.RadGrid_MetroTouch .rgRow td, 
.clearQ .RadGrid.RadGrid_MetroTouch .rgRow td:first-child, 
.clearQ .RadGrid.RadGrid_MetroTouch .rgAltRow td, 
.clearQ .RadGrid.RadGrid_MetroTouch .rgAltRow td:first-child{
    padding:0px;
}

.clearQ .GridTitlePanel, 
.clearQ .GridFooterPanel {
    margin-top: 0px;
    margin-bottom: 0px;
}


.Wrapper-HomePage .TextButton.FloatRight.mt-2.ml-4{
    display:none;
}

.btn, .TextButton, .TextButtonWithImage, .ruButton, #masterHeaderActionArea a, .RadGrid input.TextButton {
    color: #000;
    background-color: #ebebeb;
    border:0px;
    position: relative;
    -webkit-box-shadow: none;
    box-shadow: 0px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight:bold;
}

.btn:hover, .btn:focus, .btn:active, .btn:visited, .TextButton:hover, .TextButton:focus, .TextButton:active, .TextButton:visited, .TextButtonWithImage:hover, .TextButtonWithImage:focus, .TextButtonWithImage:active, .TextButtonWithImage:visited, .ruButton:hover, .ruButton:focus, .ruButton:active, .ruButton:visited, #masterHeaderActionArea a:hover, #masterHeaderActionArea a:focus, #masterHeaderActionArea a:active, #masterHeaderActionArea a:visited, .RadGrid input.TextButton:hover, .RadGrid input.TextButton:focus, .RadGrid input.TextButton:active, .RadGrid input.TextButton:visited {
    color: #a22b96;
    background-color: #ebebeb;
    border-color: #07171c;
    -webkit-box-shadow: none;
    box-shadow:none;
}

.PrimaryButton, .SaveAndClose, .SaveAs, .UsePrimaryButton .TextButton, .UsePrimaryButton .TextButtonWithImage, #masterHeaderActionArea a, .RadGrid input.PrimaryButton {
    color: #fff;
    background-color: #a22b96;
    border:0px;
    position: relative;
    -webkit-box-shadow: none;
    box-shadow:none;
}

.PrimaryButton:hover, .PrimaryButton:focus, .PrimaryButton:active, .PrimaryButton:visited, .SaveAndClose:hover, .SaveAndClose:focus, .SaveAndClose:active, .SaveAndClose:visited, .SaveAs:hover, .SaveAs:focus, .SaveAs:active, .SaveAs:visited, .UsePrimaryButton .TextButton:hover, .UsePrimaryButton .TextButton:focus, .UsePrimaryButton .TextButton:active, .UsePrimaryButton .TextButton:visited, .UsePrimaryButton .TextButtonWithImage:hover, .UsePrimaryButton .TextButtonWithImage:focus, .UsePrimaryButton .TextButtonWithImage:active, .UsePrimaryButton .TextButtonWithImage:visited, #masterHeaderActionArea a:hover, #masterHeaderActionArea a:focus, #masterHeaderActionArea a:active, #masterHeaderActionArea a:visited, .RadGrid input.PrimaryButton:hover, .RadGrid input.PrimaryButton:focus, .RadGrid input.PrimaryButton:active, .RadGrid input.PrimaryButton:visited {
    color: #fff;
    background-color: #1d1848;    
}

.btn[disabled], .btn[disabled]:hover, .btn[disabled]:focus, .btn[disabled]:active, fieldset[disabled] .btn, fieldset[disabled] .btn:hover, fieldset[disabled] .btn:focus, fieldset[disabled] .btn:active, .btn.aspNetDisabled, .btn.aspNetDisabled:hover, .btn.aspNetDisabled:focus, .btn.aspNetDisabled:active, .TextButton[disabled], .TextButton[disabled]:hover, .TextButton[disabled]:focus, .TextButton[disabled]:active, fieldset[disabled]
 .TextButton, fieldset[disabled]
 .TextButton:hover, fieldset[disabled]
 .TextButton:focus, fieldset[disabled]
 .TextButton:active, .TextButton.aspNetDisabled, .TextButton.aspNetDisabled:hover, .TextButton.aspNetDisabled:focus, .TextButton.aspNetDisabled:active, .TextButtonWithImage[disabled], .TextButtonWithImage[disabled]:hover, .TextButtonWithImage[disabled]:focus, .TextButtonWithImage[disabled]:active, fieldset[disabled]
 .TextButtonWithImage, fieldset[disabled]
 .TextButtonWithImage:hover, fieldset[disabled]
 .TextButtonWithImage:focus, fieldset[disabled]
 .TextButtonWithImage:active, .TextButtonWithImage.aspNetDisabled, .TextButtonWithImage.aspNetDisabled:hover, .TextButtonWithImage.aspNetDisabled:focus, .TextButtonWithImage.aspNetDisabled:active, .ruButton[disabled], .ruButton[disabled]:hover, .ruButton[disabled]:focus, .ruButton[disabled]:active, fieldset[disabled]
 .ruButton, fieldset[disabled]
 .ruButton:hover, fieldset[disabled]
 .ruButton:focus, fieldset[disabled]
 .ruButton:active, .ruButton.aspNetDisabled, .ruButton.aspNetDisabled:hover, .ruButton.aspNetDisabled:focus, .ruButton.aspNetDisabled:active, #masterHeaderActionArea a[disabled], #masterHeaderActionArea a[disabled]:hover, #masterHeaderActionArea a[disabled]:focus, #masterHeaderActionArea a[disabled]:active, fieldset[disabled]
 #masterHeaderActionArea a, fieldset[disabled]
 #masterHeaderActionArea a:hover, fieldset[disabled]
 #masterHeaderActionArea a:focus, fieldset[disabled]
 #masterHeaderActionArea a:active, #masterHeaderActionArea a.aspNetDisabled, #masterHeaderActionArea a.aspNetDisabled:hover, #masterHeaderActionArea a.aspNetDisabled:focus, #masterHeaderActionArea a.aspNetDisabled:active, .RadGrid input.TextButton[disabled], .RadGrid input.TextButton[disabled]:hover, .RadGrid input.TextButton[disabled]:focus, .RadGrid input.TextButton[disabled]:active, fieldset[disabled]
 .RadGrid input.TextButton, fieldset[disabled]
 .RadGrid input.TextButton:hover, fieldset[disabled]
 .RadGrid input.TextButton:focus, fieldset[disabled]
 .RadGrid input.TextButton:active, .RadGrid input.TextButton.aspNetDisabled, .RadGrid input.TextButton.aspNetDisabled:hover, .RadGrid input.TextButton.aspNetDisabled:focus, .RadGrid input.TextButton.aspNetDisabled:active {
    background-color: #ebebeb;
}

.RadScheduler_Metro .rsHeader ul .rsSelected em {
    border-color: #fff!important;
}

/***HEADER***/

.header-top-container {
    padding-top: 20px;
    padding-bottom: 20px;
}

.header-bottom-container {
    background-color: #ebebeb;
}

.header-logo-container {
    float: left;
    margin-top: 8px;
}

@media(max-width:767px){
    .header-top-container {
    padding-top: 20px;
    padding-bottom: 0px;
}
}

/*Social*/

#ste_container_ciSocial{
    float:right;
    margin-top: 6px;
}

#ste_container_SocialNetworking a,
#ste_container_SocialNetworking a:visited{
    fill:#000;
}

#ste_container_SocialNetworking a:hover,
#ste_container_SocialNetworking a:focus{
    fill:#1da2f2;
}

/*Aux menu*/

.UtilityNavigationList .NavigationUnorderedList > li > a {
    display: inline-block;
     color:#000;
    text-decoration:none;
    font-weight:bold;
    font-size:16px;
}

.UtilityNavigationList .NavigationUnorderedList > li > a:hover {
     color:#a22b96;
}

.UtilitySection.UtilityAuthenticationLink{
    display: inline-block;
    color:#000;
    text-decoration:none;
    font-weight:bold;
    font-size:16px;
    position: relative;
    padding: 0px 7.5px;
}

.UtilitySection.UtilityAuthenticationLink:before{
    content:'';
    display:inline-block;
    width:31px;
    height:28px;
    background-image:url(images/login.png);
    background-repeat:no-repeat;
    position:absolute;
    left: -35px;
}

.UtilitySection.UtilityAuthenticationLink:hover{
    color:#a22b96;
}

.UtilitySection.UtilityAuthenticationLink:hover:before{
    background-position:0px -28px;
}

/*cart*/
.nav-auxiliary .nav-aux-cart .nav-text{
    background-image:none;
    height:28px;
    background-position: 0px;
    line-height:28px;
    padding: 0px;
    color: transparent;
}

.nav-auxiliary .nav-aux-cart .nav-text:before{
    content:'';
    width:28px;
    height:28px;
    background:url(images/cart.png);
    display:inline-block;
    background-repeat:no-repeat;
    position: absolute;
   
}

.nav-aux-cart a:hover  .nav-text:before{
    background-position:0px -38px;
}

/*search*/

.header-search input[type="text"]{
    display: inline-block;
    height: 40px;
    padding: 5px 10px;
    font-size: 16px;
    line-height: 1.6;
    color: #7c7c7c;
    font-weight: 600;
    width: 275px;
    border: none;
    border-radius: 8px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
    -o-transition: border linear 0.2s, box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s;
}

.header-search .search-field {
    background: #f5f5f5 url(images/search.png) no-repeat;
    background-position: 13px center;
    padding-left: 45px !important;
    color: #7c7c7c;
}

@media(max-width:767px){

    .navbar {
        background-color: #fff;
    }

    .navbar-collapse{
        background-color: #ebebeb;
    }

    .header-logo-container {
        float: none;
        margin-top: 0px;
        text-align:center;
    }

    #ste_container_ciSocial {
        float: none;
        margin-top: 6px;
        text-align:center;
    }

    .navbar-header{
        text-align:center;
        float: none;
    }

    .UtilitySection.UtilityAuthentication {
        display:block;
        margin: 20px 0px 10px 0px;
        clear:both;
    }
    
    .UtilitySection.UtilityNavigationList{
        display:block;
        clear:both;
        margin-bottom: 10px;
    }

    .nav-auxiliary .NavigationListItem {
        position: relative;
        display: block;
        margin: 5px 0px;
    }

    .nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text {
        display: inline-block;
        white-space: nowrap;
        float: left;
        overflow: hidden;
        width: 0px;
        height: 19px;
        padding-left: 0px;
    }

    .nav-auxiliary .nav-aux-button .NavigationLink {
        width: 28px;
        height: 28px;
        background: url(images/cart.png);
        background-repeat: no-repeat;
        margin: 0;
        padding: 0;
    }

    .nav-auxiliary .nav-aux-cart .nav-text:before {
        content: '';
        width: 28px;
        height: 28px;
        background: url(images/cart.png);
        display: none;
        background-repeat: no-repeat;
        position: absolute;
    }

    .UtilitySection.UtilityAuthenticationLink {
        margin-left:20px;
    }

}

/***PRIMARY MENU***/

.RadMenu_Toronto .rmSlide .rsmTwoLevels > .rsmItem > .rsmLink, .RadMenu_Toronto .rmSlide .rsmTwoLevels > .rsmItem.rsmDisabled > .rsmLink:hover, .RadMenu_Toronto .rmSlide .rsmTwoLevels > .rsmItem.rsmDisabled > .rsmLink:focus {
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
    font-family: 'Open Sans Condensed', sans-serif;
    letter-spacing: 0px;
}

.RadMenu.RadMenu_Toronto .rmRootLink.rmSelected {
    color: #a22b96;
    background-color: transparent;
}

.RadMenu_Toronto .rmSlide .rmFocused > .rmLink, .RadMenu_Toronto .rmSlide .rmSelected > .rmLink, .RadMenu_Toronto .rmSlide .rsmSelected > .rsmLink, .RadMenu_Toronto .rmSlide .rsmTwoLevels > .rsmItem.rsmSelected > .rsmLink {
    background-color: transparent;
    color: #fff;
}

.RadMenu .RadSiteMap .rsmTwoLevels > .rsmItem > .rsmLink {
    border-style: none;
    padding: 10px 20px;
}

@media(min-width:768px){
    
    .RadMenu.RadMenu_Toronto .rmRootGroup > .rmItem > .rmLink {
        text-transform: none;
        font-size: 24px;
        font-weight: bold;
        letter-spacing: 0px;
        font-family: 'Open Sans Condensed', sans-serif;
    }

    .RadMenu.RadMenu_Toronto .rmLink, 
    .RadMenu.RadMenu_Toronto .rsmLink {
        color: #000;
        text-decoration: none;
        display: block;
        position: relative;
    }

    .RadMenu.RadMenu_Toronto .rmRootLink.rmExpanded, 
    .RadMenu.RadMenu_Toronto .rmRootLink:hover, 
    .RadMenu.RadMenu_Toronto .rmRootLink.rmFocused {
        background-color: #1d1848;
        color: #fff;
    }

    .RadMenu.RadMenu_Toronto .rmGroup {
        background-color: #1d1848;
    }

    .RadMenu_Toronto .rmSlide .rmLink, 
    .RadMenu_Toronto .rmSlide .rsmLink {
        color: #fff;
    }

    .RadMenu_Toronto .rmSlide .rmLink:hover, 
    .RadMenu_Toronto .rmSlide .rmLink.rmFocused, 
    .RadMenu_Toronto .rmSlide .rsmLink:hover, 
    .RadMenu_Toronto .rmSlide .rsmLink.rmFocused, 
    .RadMenu_Toronto .rmSlide .rsmTwoLevels > .rsmItem > .rsmLink:hover, 
    .RadMenu_Toronto .rmSlide .rsmTwoLevels > .rsmItem > .rsmLink.rmFocused {
        background-color: #352d59;
        color: #fff;
    }

    .RadMenu.RadMenu_Toronto .rsmItem {
        padding: 0px;
        margin: 0;
        word-break: break-all;
    }

    .RadMenu.RadMenu_Toronto .rsmLink, .RadMenu.RadMenu_Toronto .rsmOneLevel .rsmItem .rsmLink {
        padding: 10px 20px;
    }

    .RadMenu_Toronto .rmSlide .MegaDropDownMenu {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .RadMenu ul.rmGroup {
        padding: 0px!important;
    }

    .RadSiteMap .rsmList>.rsmItem {
        padding-bottom: 0px!important;
    }

    .RadSiteMap .rsmTwoLevels>.rsmItem>.rsmLink {
        padding: 10px 20px;
    }

    .RadMenu.RadMenu_Toronto .rsmColumnWrap .rsmLevel1 .rsmLink, .RadMenu.RadMenu_Toronto .rsmColumnWrap .rsmLevel1 .rsmTemplate {
        padding: 10px 20px;
    }

}

@media(max-width:767px){
    .navbar-toggle.collapsed {
        background-color: #1d1848;
    }

    .nav-auxiliary .TextButton, .nav-auxiliary .navbar-toggle {
        margin-left: 0px;
    }


    .RadMenu.RadMenu_Toronto .rmRootGroup > .rmItem > .rmLink {
        text-transform: none;
        font-size: 24px;
        font-weight: bold;
        letter-spacing: 0px;
        font-family: 'Open Sans Condensed', sans-serif;
    }

    .RadMenu.RadMenu_Toronto .rmLink, 
    .RadMenu.RadMenu_Toronto .rsmLink {
        color: #000;
        text-decoration: none;
        display: block;
        position: relative;
    }


    .RadMenu.RadMenu_Toronto .rmRootLink.rmExpanded, 
    .RadMenu.RadMenu_Toronto .rmRootLink:hover, 
    .RadMenu.RadMenu_Toronto .rmRootLink.rmFocused {
        background-color: #1d1848;
        color: #fff;
    }

    .RadMenu.RadMenu_Toronto .rmGroup {
        background-color: #1d1848;
    }

    .RadMenu_Toronto .rmSlide .rmLink, 
    .RadMenu_Toronto .rmSlide .rsmLink {
        color: #fff;
    }

    
    .RadMenu.RadMenu_Toronto .rmRootGroup .rmRootLink .rmToggle .rmIcon {
        font: 0/0 a;
        color: transparent;
        text-shadow: none;
        background-color: transparent;
        border: 0;
        display: block;
        width: 23px;
        height: 15px;
        background-image: url(images/responsivenav.png);
        background-repeat: no-repeat;
        margin-top: 28px;
        margin-bottom: 15px;
        margin-right: 15px;
        margin-left: 15px;
    }

    .RadMenu.RadMenu_Toronto .rmRootGroup .rmRootLink.rmExpanded .rmToggle .rmIcon{
        -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        transform: rotate(-180deg);
    }

    .RadMenu.RadMenu_Toronto .rsmColumnWrap .rsmLevel1 .rsmLink, .RadMenu.RadMenu_Toronto .rsmColumnWrap .rsmLevel1 .rsmTemplate {
    padding: 0;
    margin: 0;
    word-wrap: hyphenate;
    word-break: break-word;
    padding: 10px 20px;
}
}

#masterContentArea {
    margin-top: 40px;
}

/***SECONDARY MENU***/

@media (min-width: 992px){
.has-secondary-col.col-on-right .col-secondary {
    float: left;
}

.has-secondary-col.col-on-right .col-primary {
    float: right;
    margin-right: 0%;
    margin-left:2%;
}

}

.nav-secondary .sub-nav-head {
    background-color: #a22b96;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    padding: 10px 15px;
    font-family: 'Open Sans Condensed', sans-serif;
    border-radius: 12px 12px 0px 0px;
}

.nav-secondary {
    background-color: #fff;
    margin-bottom: 1em;
    display: block;
    overflow: hidden;
    border-bottom: 1px solid #ebebeb;
    border-radius: 0px 0px 12px 12px;
}

.RadTreeView .rtTop, .RadTreeView .rtMid, .RadTreeView .rtBot {
    padding: 0px!important;
}

.nav-secondary a.rtIn {
    color: #000;
    cursor: pointer;
    font-family: 'Open Sans Condensed', sans-serif!important;
    font-weight: bold!important;
    font-size: 18px!important;
    padding: 20px 15px;
    display: block;
    border:1px solid #ebebeb;
    border-bottom:none;
    margin-left: 0px;
}


.nav-secondary a.rtIn:hover {
    background:#f4f4f4;
   
}


.RadTreeView .rtSp {
   display:none!important;
}

.RadTreeView .rtPlus{
    margin: 25px 15px 0 -17px!important;
    padding: 0;
    width: 11px!important;
    height: 20px!important;
    background-repeat: no-repeat;
    font-size: 0;
    display: inline-block;
    vertical-align: middle;
    float: right;
    background-image: url(images/responsivenav.png);
    background-position: -17px -103px!important;
}

.RadTreeView .rtMinus {
    margin: 25px 15px 0 -17px!important;
    padding: 0;
    width: 17px!important;
    height: 20px!important;
    background-repeat: no-repeat;
    font-size: 0;
    display: inline-block;
    vertical-align: middle;
    float: right;
    background-image: url(images/responsivenav.png);
    background-position: -13px -120px!important;
}

.RadTreeView .rtUL .rtUL {
    padding-left: 0px!important;
}

.nav-secondary .rtUL .rtUL a.rtIn {
    color: #000;
    cursor: pointer;
    font-family: 'Open Sans Condensed', sans-serif!important;
    font-weight: bold!important;
    font-size: 18px!important;
    padding: 20px 10px 20px 30px;
    display: block;
    border:1px solid #ebebeb;
    border-bottom:none;
    margin-left: 0px;
}

.nav-secondary .rtUL .rtUL a.rtIn:before{
    content:'\f054';
    font-family: "Font Awesome 5 Free";
    font-weight:600;
    font-size:12px; 
    margin-right:5px;
    
}

/***CONTENT AREA***/

#masterMainBreadcrumb{
    font-weight:600;
    color:#4b464e;
}

#masterMainBreadcrumb .Disabled{
    color: transparent;
}

#masterMainBreadcrumb .Disabled:after{
    content: '\f054';
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    font-size: 12px;
    margin-left: -15px;
    margin-right: 5px;
    color:#4b464e;
}

#masterMainBreadcrumb a,
#masterMainBreadcrumb a:visited{
    color:#000;
    text-decoration:none;
    font-weight:bold;
}

#masterMainBreadcrumb a:hover,
#masterMainBreadcrumb a:focus{
    color:#a22b96;
    text-decoration:none;
    font-weight:bold;
}


/*Sidebar event*/
#ste_container_ciSideContent .panel-body, 
#ste_container_ciSideContent .SideBarContent .PanelBody {
    padding: 0px;
}
    

.sideEvent .eventBlock{
    display:block;
    background:#93408e;
    border-radius:12px;
    overflow:hidden;
    color:#fff;
}


.sideEvent .content{
    padding:15px 20px;
    display:block;
}

.sideEvent img{
    width:100%;
}

.sideEvent .sub-title{
    font-size:14px;
    font-weight:bold;
    text-transform:uppercase;
    display:block;
}

.sideEvent .title{
    font-size:30px;
    font-weight:bold;
    text-transform:uppercase;
    display:block;
    font-family: 'Open Sans Condensed', sans-serif;
    line-height:1.2;
    margin:10px 0px;
}

.sideEvent .date{
    display:block;
    font-weight:600;
    font-style:italic;
    color:#efbddc;
    margin:10px 0px;
}

.sideEvent .date:before{
    display:inline-block;
    background-image:url(images/calendar-pink.png);
    background-repeat:no-repeat;
    content:'';
    width:22px;
    height:22px;
    margin-right:10px;
    vertical-align:middle;
}

.sideEvent a,
.sideEvent a:visited{
    color:#fff!important;
    text-decoration:none;
    padding:5px 15px;
    border-radius:10px;
    border:2px solid #fff;
    display:block;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight:bold;
    font-size:24px;
    text-align:center;
    margin:10px 0px;
}

.sideEvent a:hover,
.sideEvent a:focus{
    background:#fff;
    color:#93408e!important;
    text-decoration:none;
}

.sideEvent a:after{
    content: '\f054';
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    font-size:24px;
    color: #fff;
    margin-left:10px;
}

.sideEvent a:hover:after,
.sideEvent a:focus:after{
    content: '\f054';
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    font-size:24px;
    color: #93408e;
    margin-left:10px;
}

.sideEvent td{padding:0px!important;}

/***HOMEPAGE***/

.cta{
    background-image:url(images/home-cta.jpg);
    background-size:cover;
    display:block;
    border-radius:12px;
    padding:40px;
    color:#fff;
    font-weight:600;
    position:relative;
    overflow:hidden;
}

.cta.two{
     background-image:url(images/past-event.png);
     height: 373px;
}

.cta:before{
    content:'';
    display:block;
    //background:rgba(0,0,0,0.3);
    position:absolute;
    width: 100%;
    height:100%;
    top: 0;
    left: 0;
}

.cta .content{
    display:block;
    position:relative;
}

.cta h1{
    color:#fff;
}

.cta h2{
    color:#fff;
    font-size:18px;
    text-transform:uppercase;
}

.cta ul li{
    margin:10px 0px;
}

.cta a,
.cta a:visited{
    color:#fff;
    text-decoration:none;
    border-radius:10px;
    border:3px solid #fff;
    padding:5px 20px;
    font-size:24px;
    font-family: 'Open Sans Condensed', sans-serif;
    margin:15px 0px 0px 20px;
    display:inline-block;
}

.cta a:after{
        content: '\f054';
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    margin-left:10px;
}

.cta a:hover,
.cta a:focus{
    background:#fff;
    color:#000;
}


.paddingClear .panel-body, 
.paddingClear .PanelBody {
    padding: 0px;
}

.paddingClear .iMIS-WebPart > .ContentItemContainer, 
.paddingClear .WebPartZone > .ContentItemContainer {
    margin-bottom:0em;
    display: block;
}

.paddingClear .panel, 
.paddingClear .StandardPanel {
    border: 0px solid transparent;
}
.paddingClear{
    padding:0px;
}

.homeTraining .eventBlock {
    display: flex;
    background: #1b987f;
    border-radius: 10px;
    color: #fff;
    max-height: 300px;
    height: 100%;
}

.homeEvent .eventBlock {
    display: flex;
    background: #93408e;
    border-radius: 10px;
    color: #fff;
	max-height: 300px;
    height: 100%;
}

.homeTraining .image,
.homeEvent .image{
    width: 30%;
    display: inline-block;
    height: 170px;
    background-size: cover;
    background-position: center;
    vertical-align: middle;
    background-repeat: no-repeat;
}

.homeTraining .content,
.homeEvent .content{
    display: inline-block;
    margin: 15px 0px 15px 15px;
    width: 65%;
    vertical-align: middle;
}

.homeTraining .sub-title,
.homeEvent .sub-title{
    text-transform:uppercase;
    display:block;
    font-size:16px;
    font-weight:bold;
}

.homeTraining a.title,
.homeEvent a.title,
.homeTraining a.title:visited,
.homeEvent a.title:visited{
    text-decoration:none;
    color:#fff!important;
    font-size: 24px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight:bold;
}

.homeTraining a.title:hover,
.homeEvent a.title:hover,
.homeTraining a.title:focus,
.homeEvent a.title:focus{
    text-decoration:underline;
}

.homeTraining .date,
.homeTraining .location{
    color:#9cf5df;
    font-style:italic;
    font-weight:600;
    display:block;
    margin-left: 27px;
    position:relative;
    margin: 5px 0px 0px 27px;
}

.homeEvent .date,
.homeEvent .location{
    color:#efbddc;
    font-style:italic;
    font-weight:600;
    display:block;
    margin-left: 27px;
    position:relative;
    margin: 0px 0px 5px 27px;
}

.homeTraining .date:before{
    display:block;
    background-image:url(images/calendar-green.png);
    background-repeat:no-repeat;
    content:'';
    width:22px;
    height:22px;
    position:absolute;
    left: -28px;
    vertical-align:middle;
}

.homeEvent .date:before{
    display:block;
    background-image:url(images/calendar-pink.png);
    background-repeat:no-repeat;
    content:'';
    width:22px;
    height:22px;
    position:absolute;
    left: -28px;
    vertical-align:middle;
}

.homeTraining .location:before{
    display:block;
    background-image:url(images/location-green.png);
    background-repeat:no-repeat;
    content:'';
    position:absolute;
    width:14px;
    height:22px;
    left: -24px;
    vertical-align:middle;
}

.homeEvent .location:before{
    display:block;
    background-image:url(images/location-pink.png);
    background-repeat:no-repeat;
    content:'';
    position:absolute;
    width:14px;
    height:22px;
    left: -24px;
    vertical-align:middle;
}

.homeEvent .RadGrid.RadGrid_MetroTouch .rgMasterTable .rgSelectedCell a, 
.homeEvent .RadGrid.RadGrid_MetroTouch .rgSelectedRow a, 
.homeEvent .RadGrid.RadGrid_MetroTouch td.rgEditRow .rgSelectedRow a, 
.homeEvent .RadGrid.RadGrid_MetroTouch .rgSelectedRow td.rgSorted a, 
.homeEvent .RadGrid.RadGrid_MetroTouch th.rgSorted a, 
.homeEvent .RadGrid.RadGrid_Metro .rgMasterTable .rgSelectedCell a, 
.homeEvent .RadGrid.RadGrid_Metro .rgSelectedRow a, 
.homeEvent .RadGrid.RadGrid_Metro td.rgEditRow .rgSelectedRow a, 
.homeEvent .RadGrid.RadGrid_Metro .rgSelectedRow td.rgSorted a, 
.homeEvent .RadGrid.RadGrid_Metro th.rgSorted a,
.homeTraining .RadGrid.RadGrid_MetroTouch .rgMasterTable .rgSelectedCell a, 
.homeTraining .RadGrid.RadGrid_MetroTouch .rgSelectedRow a, 
.homeTraining .RadGrid.RadGrid_MetroTouch td.rgEditRow .rgSelectedRow a, 
.homeTraining .RadGrid.RadGrid_MetroTouch .rgSelectedRow td.rgSorted a, 
.homeTraining .RadGrid.RadGrid_MetroTouch th.rgSorted a, 
.homeTraining .RadGrid.RadGrid_Metro .rgMasterTable .rgSelectedCell a, 
.homeTraining .RadGrid.RadGrid_Metro .rgSelectedRow a, 
.homeTraining .RadGrid.RadGrid_Metro td.rgEditRow .rgSelectedRow a, 
.homeTraining .RadGrid.RadGrid_Metro .rgSelectedRow td.rgSorted a, 
.homeTraining .RadGrid.RadGrid_Metro th.rgSorted a {
    color: #fff!important;
}

@media(max-width:767px){


    .cta.two{
         background-image:url(images/past-event.png);
         height: auto;
         margin-top:20px;
    }


    .homeTraining .image,
    .homeEvent .image{
        width: 100%;
        display:block;
        height: 170px;
        background-size: cover;
        background-position: center;
        vertical-align: middle;
        background-repeat: no-repeat;
        border-radius: 12px 12px 0px 0px;
    }

    .homeTraining .eventBlock {
        display: block;
        background: #1b987f;
        border-radius: 12px;
        overflow: initial;
        color: #fff;
        max-height: 100%;
        height: 100%;
    }

    .homeEvent .eventBlock {
        display: block;
        background: #93408e;
        border-radius: 12px;
        overflow: initial;
        color: #fff;
        max-height: 100%;
        height: 100%;
    }

    .homeTraining .content, .homeEvent .content {
        display: block;
        padding: 20px;
        margin: 0px;
        width: initial;
        vertical-align: initial;
    }

}

.BlockTLItem.homeNews{
    display:block;
    position:relative;
    border-radius: 12px 12px 12px 12px;
    border:0px;
    overflow:hidden;
}

.BlockTLItem.homeBlog{
    display:block;
    border-radius: 12px;
    border:0px;
    overflow:hidden;
}

.homeNews img,
.homeBlog img{
    border:0px;
    width: 100%;
    position: relative;
    display: block;
    perspective: 1px;
    border-radius: 12px 12px 0px 0px;
}

.homeNews .content{
    display:block;
    background: #c64f55;
    padding:20px;
     border-radius: 0px 0px 12px 12px;
}

.homeBlog .content{
    display:block;
    background: #575493;
    padding:20px;
    border-radius: 0px 0px 12px 12px;
}

.homeNews a,
.homeBlog a,
.homeNews a:visited,
.homeBlog a:visited{
    color:#fff;
    text-decoration:none;
    font-size:36px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight:bold;
}

.homeNews a:hover,
.homeNews a:focus,
.homeBlog a:hover,
.homeBlog a:focus{
    text-decoration:underline;
}

.homeNews .PublishDate{
    color:#ffb2b2;
    font-size:18px;
    font-weight:600;
}

.homeBlog .PublishDate{
    color:#cec0f0;
    font-size:18px;
    font-weight:600;
}

@media(max-width:767px){
    .homeNews .content,
    .homeBlog .content{
        position:relative;
        border-radius: 0px 0px 12px 12px!important;
    }

  
    .BlockTLItem.homeNews {
        display: block;
        position: relative;
        border-radius: 12px 12px 0px 0px!important;
        border: 0px;
        overflow: hidden;
    }

}

a.quicklink,
a.quicklink:visited{
    color:#000;
    text-decoration:none;
    font-size:30px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight:bold;
    display:block;
    background:#ebebeb;
    padding:20px;
    border-radius:12px;
    line-height:1.2;
    position:relative;
}

a.quicklink:hover,
a.quicklink:focus{
    color:#a22b96;
}

a.quicklink:after{
    content: '\f054';
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    font-size: 38px;
    display:block;
    position:absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 20px;
    height: 43px;
}

.featured{
    display:block;
    border-radius:12px;
    background-color:#1e1848;
    color:#fff;
    text-align:center;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size:36px;
    font-weight:bold;
    line-height:200px;
    margin-top: 20px;
}

/***FOOTER***/

#ft {
    background-color: #195366;
    color: #fff;
    margin-top: 20px;
    display: block;
}

.footer-content {
    background-color: #ebebeb;
    color: #000;
    text-align: center;
    
    padding: 30px 0px 0px 0px;
}

.footer-content a,
.footer-content a:visited{
    color:#000;
    text-decoration:none;
    font-weight:bold;
    font-size: 18px;
    padding: 15px 20px;
    display: inline-block;
}

@media(max-width:767px){
    
.footer-content a{
    padding: 10px 20px;
    line-height: 1.2;
    display:block;
}
}

.footer-content a:hover,
.footer-content a:focus{
    color:#a22b96;
}

.footer-nav-copyright {
    background-color: #ebebeb;
    color: #000;
    padding: 10px 0px 30px 0px;
    font-size: 18px;
}

.footer-nav-copyright a,
.footer-nav-copyright a:visited{
    display:block;
    margin: 10px 0px 5px 0px;
    fill:#000;
}

.footer-nav-copyright a:hover,
.footer-nav-copyright a:focus{
    fill:#1da2f2;
}

/* Custom styles added by RH @ Zentso */

/* ACCORDION */

.accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
}

.accordionActive, .accordion:hover {
  background-color: #ccc;
}

.accordionPanel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.accordion .accicon {
    margin-right: 5px;
	font-weight: 800;
}

.accordion .accicon:before {
    content: '+';
}

.accordion.active .accicon:before {
    content: '-';
}

/* TRAINING COURSES IQA */

.sra-panels .panel {
	display: flex;
}

.sra-panels table thead {
	display: none;
}

#ctl01_TemplateBody_WebPartManager1_gwpciTrainingCourses_ciTrainingCourses_ResultsGrid_DataSourcePanel {
	float: left;
    width: 20%;
    padding-left: 0;
    box-sizing: border-box !important;
}

#ctl01_TemplateBody_WebPartManager1_gwpciTrainingCourses_ciTrainingCourses_ResultsGrid_GridPanel1 {
	float: left !important;
	width: 80%;
	padding-left: 15px;
	margin-left: 0 !important;
	clear: none !important;
}

.sra-panels .panel-body {
	padding: 0;
}

.sra-panels .FilterPanel {
	background-color: transparent;
}

.sra-panels table tbody {
    display: flex;
    flex-wrap: wrap;
}

.sra-panels table tbody tr {
    width: 33.33%;
	margin-bottom: 2rem !important;
}

.sra-panels table, .sra-panels table td, .sra-panels table tr {
	padding: 0 !important;
    background: none !important;
    border: none !important;
    margin: 0 !important;
}

.sra-panels table tbody td {
    height: 100%;
    display: flex;
}

.sra-panels .panel h3 a {
	text-decoration: none;
}

.sra-panels a {
	color: #a22b96 !important;
}

.sra-panels .panel-container {
    border-radius: 10px;
    overflow: hidden;
    height: 100%;
    position: relative;
    width: 100%;
    box-shadow: 0px 0px 30px 0px rgba(85, 128, 255, 0.2);
    transition: all .6s;
    margin: 0 0.5rem;
}

.sra-panels .panel-container:hover {
    box-shadow: 0px 0px 30px 0px rgba(85, 128, 255, 0.5);
}

.sra-panels .RadGrid_MetroTouch {
    overflow: visible !important;
    border: none !important;
    width: calc(100% + 36px) !important;
    margin-left: -20px !important;
}

.sra-panels .panel .image {
    height: 0;
    position: relative;
    overflow: hidden;
    padding-bottom: 56% !important;
}

.sra-panels .content {
    background: transparent;
    padding: 1rem;
    padding-bottom: 4rem !important;
}

.sra-panels .content > * {
    margin-bottom: 1rem;
}

.sra-panels h3 {
    word-break: break-word;
}

p.meta_posted-date {
    margin-bottom: 0;
}

p.meta_posted-date {
    color: #646464 !important;
    font-weight: 600;
    font-size: .8rem !important;
}

.sra-panels .footer {
    background: transparent;
    position: absolute;
    padding: 1rem;
    bottom: 0;
	display: block;
    height: auto;
}

.sra-panels .footer a {
	text-decoration: none;
}

.sra-panels .footer a:after {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: .7em;
    content: "\f105";
    margin-left: 0.5em;
}

ul.meta_tag-list, ul.meta_tag-list li {
    list-style: none;
    padding: 0;
    margin: 0;
}

ul.meta_tag-list li {
    background: #f5f6f9;
    display: inline-block;
    padding: 0.25em 0.7em;
    border-radius: 10em;
	color: #646464 !important;
    font-weight: 600;
    font-size: .8rem !important;
}


.sra-panels tfoot tr tr {
	width: auto;
}

@media (max-width: 1200px) {
	.sra-panels table tbody tr {
		width: 50%;
	}
}

@media (max-width: 950px) {
	.sra-panels table tbody tr {
		width: 100%;
	}
}

/* Filter Block */

.sra-panels .PanelField, 
.sra-panels .PanelField .PanelFieldValue, 
.sra-panels .PanelField input, 
.sra-panels .PanelField select {
    width: 100% !important;
    max-width: 100% !important;
}

.sra-panels .PanelField label,
.sra-panels .PanelField .Label {
	width: 100%;
    margin-bottom: 0.5em;
    display: block;
}


#ctl01_TemplateBody_WebPartManager1_gwpciTrainingCourses_ciTrainingCourses_ResultsGrid_DataSourcePanel input[type="submit"] {
    margin-top: 2rem !important;
}

#ctl01_TemplateBody_WebPartManager1_gwpciTrainingCourses_ciTrainingCourses_ResultsGrid_DataSourcePanel {
	display: block;
}

#ctl01_TemplateBody_WebPartManager1_gwpciTrainingCourses_ciTrainingCourses_ResultsGrid_DataSourcePanel .chosen-container {
	width: auto !important;
	min-width: 100% !important;
}


@media all and (max-width: 850px) {
	#ctl01_TemplateBody_WebPartManager1_gwpciTrainingCourses_ciTrainingCourses_ResultsGrid_DataSourcePanel {
		margin-bottom: 3rem; 
	}
	#ctl01_TemplateBody_WebPartManager1_gwpciTrainingCourses_ciTrainingCourses_ResultsGrid_DataSourcePanel,
	#ctl01_TemplateBody_WebPartManager1_gwpciTrainingCourses_ciTrainingCourses_ResultsGrid_GridPanel1 {
		width: 100%;
		padding-left: 0;
		margin-left: 0 !important;
		clear: left !important; 
	}
}

/* Home Page Tidy - RH @Zentso */

.HomeFlexSection {
	display: flex;
    flex-direction: column;
    gap: .5rem;
    justify-content: space-evenly;
}

.block-style1 {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	background-color: #1c1847;
	color: #FFF;
	padding: 1rem;
	border-radius: 10px;
}

.block-style2 {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	background-color: #8b2f92;
	color: #FFF;
	padding: 1rem;
	border-radius: 10px;
}

.block-style3 {
	display: flex;
	gap: 1rem;
	background-color: #1b987f;
	color: #FFF;
	padding: 1rem;
	border-radius: 10px;
}
.block-style4 {
	display: flex;
	gap: 1rem;
	background-color: #8b2f92;
	color: #FFF;
	padding: 1rem;
	border-radius: 10px;
}

.block-style1 h2, .block-style1 h3, .block-style1 p,  
.block-style2 h2, .block-style2 h3, .block-style2 p,
.block-style3 h2, .block-style3 h3, .block-style3 p,
.block-style4 h2, .block-style4 h3, .block-style4 p {
	color: #FFF;
	margin: 0;
}

.block-style1 a, 
.block-style2 a,
.block-style3 a,
.block-style4 a {
	text-decoration: underline;
	font-weight: bold;
	color: #FFF;
}

.block-style3 img,
.block-style4 img {
	width: 200px;
	height: auto;
	object-fit: cover;
}

.homeEvent .panel-body,
.homeTraining .panel-body {
	padding: 0;
}

@media only screen and (max-width: 767px) {
  .HomeQuickLinks {
    gap: 0.5rem;
  }
}