/* AUbergine CSS */

/*

.h1,.h2,.h3,.h4,.h5,.h6,a,a:link,a:visited,h1,h2,h3,h4,h5,h6 {
    color: #3c1053
}

a:active,a:focus,a:hover {
    color: #000
}

.popover button.close {
    color: #3c1053
}

.popover button.close:hover,a:hover .insecure-link,a:hover .new-window-link {
    color: #000
}

.btn-link {
    color: #3c1053
}

.btn-link:focus,.btn-link:hover {
    color: #000
}

a,a:link,a:visited {
    -webkit-text-decoration-color: #775887;
    text-decoration-color: #775887
}

a:active,a:focus,a:hover {
    -webkit-text-decoration-color: #000;
    text-decoration-color: #000
}

blockquote.quotes,blockquote.quotes:before {
    color: #000
}

.brand-bg {
    background: #3c1053;
    color: #fff
}

.brand-bg a,.brand-bg a:link,.brand-bg a:visited {
    color: #fff!important
}

.brand-bg a:active,.brand-bg a:focus,.brand-bg a:hover {
    color: #ccc!important
}

.brand-bg .popover button.close {
    color: #fff!important
}

.brand-bg .popover button.close:hover,.brand-bg a:hover .insecure-link,.brand-bg a:hover .new-window-link {
    color: #ccc!important
}

.brand-bg .btn-link {
    color: #fff!important
}

.brand-bg .btn-link:focus,.brand-bg .btn-link:hover {
    color: #ccc!important
}

.brand-bg a,.brand-bg a:link,.brand-bg a:visited {
    -webkit-text-decoration-color: #fff!important;
    text-decoration-color: #fff!important
}

.brand-bg a:active,.brand-bg a:focus,.brand-bg a:hover {
    -webkit-text-decoration-color: #ccc!important;
    text-decoration-color: #ccc!important
}

.brand-text {
    color: #3c1053
}

.brand-text a,.brand-text a:link,.brand-text a:visited {
    color: #3c1053!important
}

.brand-text a:active,.brand-text a:focus,.brand-text a:hover {
    color: #000!important
}

.brand-text .popover button.close {
    color: #3c1053!important
}

.brand-text .popover button.close:hover,.brand-text a:hover .insecure-link,.brand-text a:hover .new-window-link {
    color: #000!important
}

.brand-text .btn-link {
    color: #3c1053!important
}

.brand-text .btn-link:focus,.brand-text .btn-link:hover {
    color: #000!important
}

.brand-text a,.brand-text a:link,.brand-text a:visited {
    -webkit-text-decoration-color: #775887!important;
    text-decoration-color: #775887!important
}

.brand-text a:active,.brand-text a:focus,.brand-text a:hover {
    -webkit-text-decoration-color: #000!important;
    text-decoration-color: #000!important
}

.brand-border {
    border-color: #3c1053
}

.btn-brand {
    color: #fff;
    background-color: #3c1053;
    border-color: #2d0c3e;
    color: #fff!important
}

.btn-brand.focus,.btn-brand:focus {
    color: #fff;
    background-color: #1d0828;
    border-color: #000
}

.btn-brand:hover {
    color: #fff;
    background-color: #1d0828;
    border-color: #07020a
}

.btn-brand.active,.btn-brand:active,.open>.dropdown-toggle.btn-brand {
    color: #fff;
    background-color: #1d0828;
    background-image: none;
    border-color: #07020a
}

.btn-brand.active.focus,.btn-brand.active:focus,.btn-brand.active:hover,.btn-brand:active.focus,.btn-brand:active:focus,.btn-brand:active:hover,.open>.dropdown-toggle.btn-brand.focus,.open>.dropdown-toggle.btn-brand:focus,.open>.dropdown-toggle.btn-brand:hover {
    color: #fff;
    background-color: #07020a;
    border-color: #000
}

.btn-brand.disabled.focus,.btn-brand.disabled:focus,.btn-brand.disabled:hover,.btn-brand[disabled].focus,.btn-brand[disabled]:focus,.btn-brand[disabled]:hover,fieldset[disabled] .btn-brand.focus,fieldset[disabled] .btn-brand:focus,fieldset[disabled] .btn-brand:hover {
    background-color: #3c1053;
    border-color: #2d0c3e
}

.btn-brand .badge {
    color: #3c1053;
    background-color: #fff
}

.btn-brand:not(.btn-link) {
    text-decoration: none
}

.id7-utility-masthead {
    background-color: #775887
}

.id7-utility-masthead:after {
    background-color: #3c1053
}

body.id7-point-1 .id7-utility-masthead:after {
    background-color: transparent
}

.id7-navigation .navbar-primary {
    background-color: #3c1053
}

.id7-navigation .navbar-primary.navbar-primary.navbar-wrapped>.navbar-nav>li,.id7-navigation .navbar-primary.navbar-primary.navbar-wrapped>.navbar-nav>li.active,.id7-navigation .navbar-primary.navbar-primary.navbar-wrapped>.navbar-nav>li:hover,.id7-navigation .navbar-primary .navbar-text {
    color: #fff
}

.id7-navigation .navbar-primary .navbar-nav li.dropdown ul.dropdown-menu .active:after {
    border-left-color: #775887
}

.id7-navigation .navbar-primary .navbar-nav>li {
    color: #fff
}

.id7-navigation .navbar-primary .navbar-nav>li:focus,.id7-navigation .navbar-primary .navbar-nav>li:hover {
    color: #fff;
    background-color: #300d42
}

.id7-navigation .navbar-primary .navbar-nav>li>a,.id7-navigation .navbar-primary .navbar-nav>li>a:focus,.id7-navigation .navbar-primary .navbar-nav>li>a:hover {
    color: inherit;
    background: none
}

.id7-navigation .navbar-primary .navbar-nav>li.active.next-secondary:before {
    border-bottom-color: #775887
}

.id7-navigation .navbar-primary .navbar-nav>li.active.next-tertiary:before {
    border-bottom-color: #f8f8f8
}

.id7-navigation .navbar-primary .navbar-nav>li.active:before {
    border-bottom-color: #fff
}

.id7-navigation .navbar-primary .navbar-nav>.disabled,.id7-navigation .navbar-primary .navbar-nav>.disabled:focus,.id7-navigation .navbar-primary .navbar-nav>.disabled:hover {
    color: #fff;
    background-color: #300d42
}

.id7-navigation .navbar-primary .navbar-toggle {
    border: none;
    color: #fff
}

.id7-navigation .navbar-primary .navbar-toggle:focus,.id7-navigation .navbar-primary .navbar-toggle:hover {
    color: #fff;
    background: none
}

.id7-navigation .navbar-primary .navbar-nav>.open,.id7-navigation .navbar-primary .navbar-nav>.open:focus,.id7-navigation .navbar-primary .navbar-nav>.open:hover {
    color: #fff;
    background-color: #300d42
}

.id7-navigation .navbar-primary .navbar-nav .dropdown-menu {
    background-color: #3c1053
}

.id7-navigation .navbar-primary .navbar-nav .dropdown-menu>.dropdown-header {
    border-color: #300d42
}

.id7-navigation .navbar-primary .navbar-nav .dropdown-menu .divider {
    background-color: #300d42
}

.id7-navigation .navbar-primary .navbar-nav .dropdown-menu>li>a {
    color: #fff
}

.id7-navigation .navbar-primary .navbar-nav .dropdown-menu>li>a:focus,.id7-navigation .navbar-primary .navbar-nav .dropdown-menu>li>a:hover {
    color: #fff;
    background-color: #300d42
}

.id7-navigation .navbar-primary .navbar-nav .dropdown-menu>.active>a {
    background-color: #300d42;
    background-image: none
}

.id7-navigation .navbar-primary .navbar-nav .dropdown-menu>.active>a:before {
    border-bottom-color: #775887
}

.id7-navigation .navbar-primary .navbar-nav .dropdown-menu>.disabled>a,.id7-navigation .navbar-primary .navbar-nav .dropdown-menu>.disabled>a:focus,.id7-navigation .navbar-primary .navbar-nav .dropdown-menu>.disabled>a:hover {
    color: #fff;
    background-color: #300d42
}

.id7-navigation .navbar-primary .btn-link,.id7-navigation .navbar-primary .btn-link:focus,.id7-navigation .navbar-primary .btn-link:hover,.id7-navigation .navbar-primary .btn-link[disabled]:focus,.id7-navigation .navbar-primary .btn-link[disabled]:hover,.id7-navigation .navbar-primary .navbar-link,.id7-navigation .navbar-primary .navbar-link:hover,fieldset[disabled] .id7-navigation .navbar-primary .btn-link:focus,fieldset[disabled] .id7-navigation .navbar-primary .btn-link:hover {
    color: #fff
}

.navbar-primary .navbar-brand {
    background-color: #3c1053
}

.navbar-secondary {
    background-color: #775887
}

.navbar-secondary.navbar-primary.navbar-wrapped>.navbar-nav>li,.navbar-secondary.navbar-primary.navbar-wrapped>.navbar-nav>li.active,.navbar-secondary.navbar-primary.navbar-wrapped>.navbar-nav>li:hover,.navbar-secondary .navbar-text {
    color: #fff
}

.navbar-secondary .navbar-nav li.dropdown ul.dropdown-menu .active:after {
    border-left-color: #fff
}

.navbar-secondary .navbar-nav>li {
    color: #fff
}

.navbar-secondary .navbar-nav>li:focus,.navbar-secondary .navbar-nav>li:hover {
    color: #fff;
    background-color: #5f466c
}

.navbar-secondary .navbar-nav>li>a,.navbar-secondary .navbar-nav>li>a:focus,.navbar-secondary .navbar-nav>li>a:hover {
    color: inherit;
    background: none
}

.navbar-secondary .navbar-nav>li.active.next-secondary:before {
    border-bottom-color: #fff
}

.navbar-secondary .navbar-nav>li.active.next-tertiary:before {
    border-bottom-color: #f8f8f8
}

.navbar-secondary .navbar-nav>li.active:before {
    border-bottom-color: #fff
}

.navbar-secondary .navbar-nav>.disabled,.navbar-secondary .navbar-nav>.disabled:focus,.navbar-secondary .navbar-nav>.disabled:hover {
    color: #fff;
    background-color: #5f466c
}

.navbar-secondary .navbar-toggle {
    border: none;
    color: #fff
}

.navbar-secondary .navbar-toggle:focus,.navbar-secondary .navbar-toggle:hover {
    color: #fff;
    background: none
}

.navbar-secondary .navbar-nav>.open,.navbar-secondary .navbar-nav>.open:focus,.navbar-secondary .navbar-nav>.open:hover {
    color: #fff;
    background-color: #5f466c
}

.navbar-secondary .navbar-nav .dropdown-menu {
    background-color: #775887
}

.navbar-secondary .navbar-nav .dropdown-menu>.dropdown-header {
    border-color: #5f466c
}

.navbar-secondary .navbar-nav .dropdown-menu .divider {
    background-color: #5f466c
}

.navbar-secondary .navbar-nav .dropdown-menu>li>a {
    color: #fff
}

.navbar-secondary .navbar-nav .dropdown-menu>li>a:focus,.navbar-secondary .navbar-nav .dropdown-menu>li>a:hover {
    color: #fff;
    background-color: #5f466c
}

.navbar-secondary .navbar-nav .dropdown-menu>.active>a {
    background-color: #5f466c;
    background-image: none
}

.navbar-secondary .navbar-nav .dropdown-menu>.active>a:before {
    border-bottom-color: #fff
}

.navbar-secondary .navbar-nav .dropdown-menu>.disabled>a,.navbar-secondary .navbar-nav .dropdown-menu>.disabled>a:focus,.navbar-secondary .navbar-nav .dropdown-menu>.disabled>a:hover {
    color: #fff;
    background-color: #5f466c
}

.navbar-secondary .btn-link,.navbar-secondary .btn-link:focus,.navbar-secondary .btn-link:hover,.navbar-secondary .btn-link[disabled]:focus,.navbar-secondary .btn-link[disabled]:hover,.navbar-secondary .navbar-link,.navbar-secondary .navbar-link:hover,fieldset[disabled] .navbar-secondary .btn-link:focus,fieldset[disabled] .navbar-secondary .btn-link:hover {
    color: #fff
}

.navbar-secondary .navbar-nav>li:after {
    color: #3c1053
}

.navbar-secondary .navbar-nav>li:first-child {
    background-color: #3c1053;
    color: #fff
}

.navbar-secondary .navbar-nav>li:first-child:hover:after {
    border-right-color: #3c1053
}

.navbar-secondary .navbar-nav>li:first-child:after {
    border-color: transparent transparent transparent #3c1053
}

.navbar-tertiary {
    background-color: #f8f8f8
}

.navbar-tertiary.navbar-primary.navbar-wrapped>.navbar-nav>li,.navbar-tertiary.navbar-primary.navbar-wrapped>.navbar-nav>li.active,.navbar-tertiary.navbar-primary.navbar-wrapped>.navbar-nav>li:hover,.navbar-tertiary .navbar-text {
    color: #202020
}

.navbar-tertiary .navbar-nav li.dropdown ul.dropdown-menu .active:after {
    border-left-color: #fff
}

.navbar-tertiary .navbar-nav>li {
    color: #202020
}

.navbar-tertiary .navbar-nav>li:focus,.navbar-tertiary .navbar-nav>li:hover {
    color: #202020;
    background-color: #c6c6c6
}

.navbar-tertiary .navbar-nav>li>a,.navbar-tertiary .navbar-nav>li>a:focus,.navbar-tertiary .navbar-nav>li>a:hover {
    color: inherit;
    background: none
}

.navbar-tertiary .navbar-nav>li.active.next-secondary:before {
    border-bottom-color: #fff
}

.navbar-tertiary .navbar-nav>li.active.next-tertiary:before {
    border-bottom-color: #f8f8f8
}

.navbar-tertiary .navbar-nav>li.active:before {
    border-bottom-color: #fff
}

.navbar-tertiary .navbar-nav>.disabled,.navbar-tertiary .navbar-nav>.disabled:focus,.navbar-tertiary .navbar-nav>.disabled:hover {
    color: #202020;
    background-color: #c6c6c6
}

.navbar-tertiary .navbar-toggle {
    border: none;
    color: #202020
}

.navbar-tertiary .navbar-toggle:focus,.navbar-tertiary .navbar-toggle:hover {
    color: #202020;
    background: none
}

.navbar-tertiary .navbar-nav>.open,.navbar-tertiary .navbar-nav>.open:focus,.navbar-tertiary .navbar-nav>.open:hover {
    color: #202020;
    background-color: #c6c6c6
}

.navbar-tertiary .navbar-nav .dropdown-menu {
    background-color: #f8f8f8
}

.navbar-tertiary .navbar-nav .dropdown-menu>.dropdown-header {
    border-color: #c6c6c6
}

.navbar-tertiary .navbar-nav .dropdown-menu .divider {
    background-color: #c6c6c6
}

.navbar-tertiary .navbar-nav .dropdown-menu>li>a {
    color: #202020
}

.navbar-tertiary .navbar-nav .dropdown-menu>li>a:focus,.navbar-tertiary .navbar-nav .dropdown-menu>li>a:hover {
    color: #202020;
    background-color: #c6c6c6
}

.navbar-tertiary .navbar-nav .dropdown-menu>.active>a {
    background-color: #c6c6c6;
    background-image: none
}

.navbar-tertiary .navbar-nav .dropdown-menu>.active>a:before {
    border-bottom-color: #fff
}

.navbar-tertiary .navbar-nav .dropdown-menu>.disabled>a,.navbar-tertiary .navbar-nav .dropdown-menu>.disabled>a:focus,.navbar-tertiary .navbar-nav .dropdown-menu>.disabled>a:hover {
    color: #202020;
    background-color: #c6c6c6
}

.navbar-tertiary .btn-link,.navbar-tertiary .btn-link:focus,.navbar-tertiary .btn-link:hover,.navbar-tertiary .btn-link[disabled]:focus,.navbar-tertiary .btn-link[disabled]:hover,.navbar-tertiary .navbar-link,.navbar-tertiary .navbar-link:hover,fieldset[disabled] .navbar-tertiary .btn-link:focus,fieldset[disabled] .navbar-tertiary .btn-link:hover {
    color: #202020
}

.bordered .id7-left-border,.bordered .id7-right-border {
    border-color: rgba(60,16,83,.3)
}

.id7-page-footer .id7-app-footer {
    background: #3c1053;
    color: #fff
}

.id7-page-footer .id7-app-footer .h1,.id7-page-footer .id7-app-footer .h2,.id7-page-footer .id7-app-footer .h3,.id7-page-footer .id7-app-footer .h4,.id7-page-footer .id7-app-footer .h5,.id7-page-footer .id7-app-footer .h6,.id7-page-footer .id7-app-footer a,.id7-page-footer .id7-app-footer a:link,.id7-page-footer .id7-app-footer a:visited,.id7-page-footer .id7-app-footer h1,.id7-page-footer .id7-app-footer h2,.id7-page-footer .id7-app-footer h3,.id7-page-footer .id7-app-footer h4,.id7-page-footer .id7-app-footer h5,.id7-page-footer .id7-app-footer h6 {
    color: #fff
}

.id7-page-footer .id7-app-footer a:active,.id7-page-footer .id7-app-footer a:focus,.id7-page-footer .id7-app-footer a:hover {
    color: #ccc
}

.id7-page-footer .id7-app-footer .popover button.close {
    color: #fff
}

.id7-page-footer .id7-app-footer .popover button.close:hover,.id7-page-footer .id7-app-footer a:hover .insecure-link,.id7-page-footer .id7-app-footer a:hover .new-window-link {
    color: #ccc
}

.id7-page-footer .id7-app-footer .btn-link {
    color: #fff
}

.id7-page-footer .id7-app-footer .btn-link:focus,.id7-page-footer .id7-app-footer .btn-link:hover {
    color: #ccc
}

.id7-page-footer .id7-app-footer a,.id7-page-footer .id7-app-footer a:link,.id7-page-footer .id7-app-footer a:visited {
    -webkit-text-decoration-color: #fff;
    text-decoration-color: #fff
}

.id7-page-footer .id7-app-footer a:active,.id7-page-footer .id7-app-footer a:focus,.id7-page-footer .id7-app-footer a:hover {
    -webkit-text-decoration-color: #ccc;
    text-decoration-color: #ccc
}

.id7-page-footer .id7-horizontal-divider .divider {
    stroke: #3c1053
}

.id7-page-footer.id7-footer-divider .id7-site-footer {
    background: #fff
}

.id7-page-footer.id7-footer-divider .id7-app-footer .id7-logo-bleed:after,.id7-page-footer.id7-footer-divider .id7-app-footer .id7-logo-bleed:before {
    border-top-color: #fff
}

.id7-page-footer.id7-footer-coloured .id7-site-footer {
    background: #d3d3d3;
    color: #202020
}

.id7-page-footer.id7-footer-coloured .id7-site-footer .h1,.id7-page-footer.id7-footer-coloured .id7-site-footer .h2,.id7-page-footer.id7-footer-coloured .id7-site-footer .h3,.id7-page-footer.id7-footer-coloured .id7-site-footer .h4,.id7-page-footer.id7-footer-coloured .id7-site-footer .h5,.id7-page-footer.id7-footer-coloured .id7-site-footer .h6,.id7-page-footer.id7-footer-coloured .id7-site-footer a,.id7-page-footer.id7-footer-coloured .id7-site-footer a:link,.id7-page-footer.id7-footer-coloured .id7-site-footer a:visited,.id7-page-footer.id7-footer-coloured .id7-site-footer h1,.id7-page-footer.id7-footer-coloured .id7-site-footer h2,.id7-page-footer.id7-footer-coloured .id7-site-footer h3,.id7-page-footer.id7-footer-coloured .id7-site-footer h4,.id7-page-footer.id7-footer-coloured .id7-site-footer h5,.id7-page-footer.id7-footer-coloured .id7-site-footer h6 {
    color: #202020
}

.id7-page-footer.id7-footer-coloured .id7-site-footer a:active,.id7-page-footer.id7-footer-coloured .id7-site-footer a:focus,.id7-page-footer.id7-footer-coloured .id7-site-footer a:hover {
    color: #000
}

.id7-page-footer.id7-footer-coloured .id7-site-footer .popover button.close {
    color: #202020
}

.id7-page-footer.id7-footer-coloured .id7-site-footer .popover button.close:hover,.id7-page-footer.id7-footer-coloured .id7-site-footer a:hover .insecure-link,.id7-page-footer.id7-footer-coloured .id7-site-footer a:hover .new-window-link {
    color: #000
}

.id7-page-footer.id7-footer-coloured .id7-site-footer .btn-link {
    color: #202020
}

.id7-page-footer.id7-footer-coloured .id7-site-footer .btn-link:focus,.id7-page-footer.id7-footer-coloured .id7-site-footer .btn-link:hover {
    color: #000
}

.id7-page-footer.id7-footer-coloured .id7-site-footer a,.id7-page-footer.id7-footer-coloured .id7-site-footer a:link,.id7-page-footer.id7-footer-coloured .id7-site-footer a:visited {
    -webkit-text-decoration-color: #636363;
    text-decoration-color: #636363
}

.id7-page-footer.id7-footer-coloured .id7-site-footer a:active,.id7-page-footer.id7-footer-coloured .id7-site-footer a:focus,.id7-page-footer.id7-footer-coloured .id7-site-footer a:hover {
    -webkit-text-decoration-color: #000;
    text-decoration-color: #000
}

.id7-page-footer.id7-footer-coloured .id7-app-footer .id7-logo-bleed:after,.id7-page-footer.id7-footer-coloured .id7-app-footer .id7-logo-bleed:before {
    border-top-color: #d3d3d3
}

.id7-search .fa,.id7-search .fas {
    color: #3c1053;
    color: rgba(60,16,83,.5);
    transition: color .15s linear
}

.id7-search .fa:hover,.id7-search .fas:hover,.id7-search .form-control:hover+.fa,.id7-search .form-control:hover+.fas,.id7-search .typeahead:hover+.fa,.id7-search .typeahead:hover+.fas {
    color: #3c1053
}

.id7-search .typeahead.dropdown-menu>li.active>a {
    background: #3c1053;
    color: #fff
}

.form-control:focus {
    border-color: #3c1053;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(60,16,83,.6)
}

.carousel .carousel-indicators li:after {
    color: #3c1053;
    color: rgba(60,16,83,.3)
}

.carousel .carousel-indicators li.active:after {
    color: #3c1053
}

@media (max-width: 767px) {
    .boxstyle-sm.box1,.boxstyle_.box1 {
        padding:20px;
        margin-left: -20px;
        margin-right: -20px
    }
}

@media (max-width: 991px) {
    .boxstyle-md.box1 {
        padding:20px;
        margin-left: -20px;
        margin-right: -20px
    }
}

@media (max-width: 1199px) {
    .boxstyle-lg.box1 {
        padding:20px;
        margin-left: -20px;
        margin-right: -20px
    }
}

.boxstyle-lg.box1,.boxstyle-md.box1,.boxstyle-sm.box1,.boxstyle-xs.box1,.boxstyle_.box1 {
    border: 0;
    background: #e2dbe5;
    color: #202020
}

@media print {
    .boxstyle-lg.box1,.boxstyle-md.box1,.boxstyle-sm.box1,.boxstyle-xs.box1,.boxstyle_.box1 {
        border: 1px solid #e2dbe5
    }
}

.boxstyle-lg.box1 .h1,.boxstyle-lg.box1 .h2,.boxstyle-lg.box1 .h3,.boxstyle-lg.box1 .h4,.boxstyle-lg.box1 .h5,.boxstyle-lg.box1 .h6,.boxstyle-lg.box1 h1,.boxstyle-lg.box1 h2,.boxstyle-lg.box1 h3,.boxstyle-lg.box1 h4,.boxstyle-lg.box1 h5,.boxstyle-lg.box1 h6,.boxstyle-md.box1 .h1,.boxstyle-md.box1 .h2,.boxstyle-md.box1 .h3,.boxstyle-md.box1 .h4,.boxstyle-md.box1 .h5,.boxstyle-md.box1 .h6,.boxstyle-md.box1 h1,.boxstyle-md.box1 h2,.boxstyle-md.box1 h3,.boxstyle-md.box1 h4,.boxstyle-md.box1 h5,.boxstyle-md.box1 h6,.boxstyle-sm.box1 .h1,.boxstyle-sm.box1 .h2,.boxstyle-sm.box1 .h3,.boxstyle-sm.box1 .h4,.boxstyle-sm.box1 .h5,.boxstyle-sm.box1 .h6,.boxstyle-sm.box1 h1,.boxstyle-sm.box1 h2,.boxstyle-sm.box1 h3,.boxstyle-sm.box1 h4,.boxstyle-sm.box1 h5,.boxstyle-sm.box1 h6,.boxstyle-xs.box1 .h1,.boxstyle-xs.box1 .h2,.boxstyle-xs.box1 .h3,.boxstyle-xs.box1 .h4,.boxstyle-xs.box1 .h5,.boxstyle-xs.box1 .h6,.boxstyle-xs.box1 h1,.boxstyle-xs.box1 h2,.boxstyle-xs.box1 h3,.boxstyle-xs.box1 h4,.boxstyle-xs.box1 h5,.boxstyle-xs.box1 h6,.boxstyle_.box1 .h1,.boxstyle_.box1 .h2,.boxstyle_.box1 .h3,.boxstyle_.box1 .h4,.boxstyle_.box1 .h5,.boxstyle_.box1 .h6,.boxstyle_.box1 h1,.boxstyle_.box1 h2,.boxstyle_.box1 h3,.boxstyle_.box1 h4,.boxstyle_.box1 h5,.boxstyle_.box1 h6 {
    color: #202020
}

.boxstyle-lg.box1 blockquote.quotes,.boxstyle-md.box1 blockquote.quotes,.boxstyle-sm.box1 blockquote.quotes,.boxstyle-xs.box1 blockquote.quotes,.boxstyle_.box1 blockquote.quotes {
    color: inherit
}

.boxstyle-lg.box1 a,.boxstyle-lg.box1 a:link,.boxstyle-lg.box1 a:visited,.boxstyle-md.box1 a,.boxstyle-md.box1 a:link,.boxstyle-md.box1 a:visited,.boxstyle-sm.box1 a,.boxstyle-sm.box1 a:link,.boxstyle-sm.box1 a:visited,.boxstyle-xs.box1 a,.boxstyle-xs.box1 a:link,.boxstyle-xs.box1 a:visited,.boxstyle_.box1 a,.boxstyle_.box1 a:link,.boxstyle_.box1 a:visited {
    color: #202020
}

.boxstyle-lg.box1 a:active,.boxstyle-lg.box1 a:focus,.boxstyle-lg.box1 a:hover,.boxstyle-md.box1 a:active,.boxstyle-md.box1 a:focus,.boxstyle-md.box1 a:hover,.boxstyle-sm.box1 a:active,.boxstyle-sm.box1 a:focus,.boxstyle-sm.box1 a:hover,.boxstyle-xs.box1 a:active,.boxstyle-xs.box1 a:focus,.boxstyle-xs.box1 a:hover,.boxstyle_.box1 a:active,.boxstyle_.box1 a:focus,.boxstyle_.box1 a:hover {
    color: #000
}

.boxstyle-lg.box1 .popover button.close,.boxstyle-md.box1 .popover button.close,.boxstyle-sm.box1 .popover button.close,.boxstyle-xs.box1 .popover button.close,.boxstyle_.box1 .popover button.close {
    color: #202020
}

.boxstyle-lg.box1 .popover button.close:hover,.boxstyle-lg.box1 a:hover .insecure-link,.boxstyle-lg.box1 a:hover .new-window-link,.boxstyle-md.box1 .popover button.close:hover,.boxstyle-md.box1 a:hover .insecure-link,.boxstyle-md.box1 a:hover .new-window-link,.boxstyle-sm.box1 .popover button.close:hover,.boxstyle-sm.box1 a:hover .insecure-link,.boxstyle-sm.box1 a:hover .new-window-link,.boxstyle-xs.box1 .popover button.close:hover,.boxstyle-xs.box1 a:hover .insecure-link,.boxstyle-xs.box1 a:hover .new-window-link,.boxstyle_.box1 .popover button.close:hover,.boxstyle_.box1 a:hover .insecure-link,.boxstyle_.box1 a:hover .new-window-link {
    color: #000
}

.boxstyle-lg.box1 .btn-link,.boxstyle-md.box1 .btn-link,.boxstyle-sm.box1 .btn-link,.boxstyle-xs.box1 .btn-link,.boxstyle_.box1 .btn-link {
    color: #202020
}

.boxstyle-lg.box1 .btn-link:focus,.boxstyle-lg.box1 .btn-link:hover,.boxstyle-md.box1 .btn-link:focus,.boxstyle-md.box1 .btn-link:hover,.boxstyle-sm.box1 .btn-link:focus,.boxstyle-sm.box1 .btn-link:hover,.boxstyle-xs.box1 .btn-link:focus,.boxstyle-xs.box1 .btn-link:hover,.boxstyle_.box1 .btn-link:focus,.boxstyle_.box1 .btn-link:hover {
    color: #000
}

.boxstyle-lg.box1 a,.boxstyle-lg.box1 a:link,.boxstyle-lg.box1 a:visited,.boxstyle-md.box1 a,.boxstyle-md.box1 a:link,.boxstyle-md.box1 a:visited,.boxstyle-sm.box1 a,.boxstyle-sm.box1 a:link,.boxstyle-sm.box1 a:visited,.boxstyle-xs.box1 a,.boxstyle-xs.box1 a:link,.boxstyle-xs.box1 a:visited,.boxstyle_.box1 a,.boxstyle_.box1 a:link,.boxstyle_.box1 a:visited {
    -webkit-text-decoration-color: #636363;
    text-decoration-color: #636363
}

.boxstyle-lg.box1 a:active,.boxstyle-lg.box1 a:focus,.boxstyle-lg.box1 a:hover,.boxstyle-md.box1 a:active,.boxstyle-md.box1 a:focus,.boxstyle-md.box1 a:hover,.boxstyle-sm.box1 a:active,.boxstyle-sm.box1 a:focus,.boxstyle-sm.box1 a:hover,.boxstyle-xs.box1 a:active,.boxstyle-xs.box1 a:focus,.boxstyle-xs.box1 a:hover,.boxstyle_.box1 a:active,.boxstyle_.box1 a:focus,.boxstyle_.box1 a:hover {
    -webkit-text-decoration-color: #000;
    text-decoration-color: #000
}

@media (max-width: 767px) {
    .boxstyle-sm.box2,.boxstyle_.box2 {
        padding:20px;
        margin-left: -20px;
        margin-right: -20px
    }
}

@media (max-width: 991px) {
    .boxstyle-md.box2 {
        padding:20px;
        margin-left: -20px;
        margin-right: -20px
    }
}

@media (max-width: 1199px) {
    .boxstyle-lg.box2 {
        padding:20px;
        margin-left: -20px;
        margin-right: -20px
    }
}

.boxstyle-lg.box2,.boxstyle-md.box2,.boxstyle-sm.box2,.boxstyle-xs.box2,.boxstyle_.box2 {
    border: 0;
    background: #eee;
    color: #202020
}

@media print {
    .boxstyle-lg.box2,.boxstyle-md.box2,.boxstyle-sm.box2,.boxstyle-xs.box2,.boxstyle_.box2 {
        border: 1px solid #eee
    }
}

.boxstyle-lg.box2 .h1,.boxstyle-lg.box2 .h2,.boxstyle-lg.box2 .h3,.boxstyle-lg.box2 .h4,.boxstyle-lg.box2 .h5,.boxstyle-lg.box2 .h6,.boxstyle-lg.box2 h1,.boxstyle-lg.box2 h2,.boxstyle-lg.box2 h3,.boxstyle-lg.box2 h4,.boxstyle-lg.box2 h5,.boxstyle-lg.box2 h6,.boxstyle-md.box2 .h1,.boxstyle-md.box2 .h2,.boxstyle-md.box2 .h3,.boxstyle-md.box2 .h4,.boxstyle-md.box2 .h5,.boxstyle-md.box2 .h6,.boxstyle-md.box2 h1,.boxstyle-md.box2 h2,.boxstyle-md.box2 h3,.boxstyle-md.box2 h4,.boxstyle-md.box2 h5,.boxstyle-md.box2 h6,.boxstyle-sm.box2 .h1,.boxstyle-sm.box2 .h2,.boxstyle-sm.box2 .h3,.boxstyle-sm.box2 .h4,.boxstyle-sm.box2 .h5,.boxstyle-sm.box2 .h6,.boxstyle-sm.box2 h1,.boxstyle-sm.box2 h2,.boxstyle-sm.box2 h3,.boxstyle-sm.box2 h4,.boxstyle-sm.box2 h5,.boxstyle-sm.box2 h6,.boxstyle-xs.box2 .h1,.boxstyle-xs.box2 .h2,.boxstyle-xs.box2 .h3,.boxstyle-xs.box2 .h4,.boxstyle-xs.box2 .h5,.boxstyle-xs.box2 .h6,.boxstyle-xs.box2 h1,.boxstyle-xs.box2 h2,.boxstyle-xs.box2 h3,.boxstyle-xs.box2 h4,.boxstyle-xs.box2 h5,.boxstyle-xs.box2 h6,.boxstyle_.box2 .h1,.boxstyle_.box2 .h2,.boxstyle_.box2 .h3,.boxstyle_.box2 .h4,.boxstyle_.box2 .h5,.boxstyle_.box2 .h6,.boxstyle_.box2 h1,.boxstyle_.box2 h2,.boxstyle_.box2 h3,.boxstyle_.box2 h4,.boxstyle_.box2 h5,.boxstyle_.box2 h6 {
    color: #202020
}

.boxstyle-lg.box2 blockquote.quotes,.boxstyle-md.box2 blockquote.quotes,.boxstyle-sm.box2 blockquote.quotes,.boxstyle-xs.box2 blockquote.quotes,.boxstyle_.box2 blockquote.quotes {
    color: inherit
}

.boxstyle-lg.box2 a,.boxstyle-lg.box2 a:link,.boxstyle-lg.box2 a:visited,.boxstyle-md.box2 a,.boxstyle-md.box2 a:link,.boxstyle-md.box2 a:visited,.boxstyle-sm.box2 a,.boxstyle-sm.box2 a:link,.boxstyle-sm.box2 a:visited,.boxstyle-xs.box2 a,.boxstyle-xs.box2 a:link,.boxstyle-xs.box2 a:visited,.boxstyle_.box2 a,.boxstyle_.box2 a:link,.boxstyle_.box2 a:visited {
    color: #202020
}

.boxstyle-lg.box2 a:active,.boxstyle-lg.box2 a:focus,.boxstyle-lg.box2 a:hover,.boxstyle-md.box2 a:active,.boxstyle-md.box2 a:focus,.boxstyle-md.box2 a:hover,.boxstyle-sm.box2 a:active,.boxstyle-sm.box2 a:focus,.boxstyle-sm.box2 a:hover,.boxstyle-xs.box2 a:active,.boxstyle-xs.box2 a:focus,.boxstyle-xs.box2 a:hover,.boxstyle_.box2 a:active,.boxstyle_.box2 a:focus,.boxstyle_.box2 a:hover {
    color: #000
}

.boxstyle-lg.box2 .popover button.close,.boxstyle-md.box2 .popover button.close,.boxstyle-sm.box2 .popover button.close,.boxstyle-xs.box2 .popover button.close,.boxstyle_.box2 .popover button.close {
    color: #202020
}

.boxstyle-lg.box2 .popover button.close:hover,.boxstyle-lg.box2 a:hover .insecure-link,.boxstyle-lg.box2 a:hover .new-window-link,.boxstyle-md.box2 .popover button.close:hover,.boxstyle-md.box2 a:hover .insecure-link,.boxstyle-md.box2 a:hover .new-window-link,.boxstyle-sm.box2 .popover button.close:hover,.boxstyle-sm.box2 a:hover .insecure-link,.boxstyle-sm.box2 a:hover .new-window-link,.boxstyle-xs.box2 .popover button.close:hover,.boxstyle-xs.box2 a:hover .insecure-link,.boxstyle-xs.box2 a:hover .new-window-link,.boxstyle_.box2 .popover button.close:hover,.boxstyle_.box2 a:hover .insecure-link,.boxstyle_.box2 a:hover .new-window-link {
    color: #000
}

.boxstyle-lg.box2 .btn-link,.boxstyle-md.box2 .btn-link,.boxstyle-sm.box2 .btn-link,.boxstyle-xs.box2 .btn-link,.boxstyle_.box2 .btn-link {
    color: #202020
}

.boxstyle-lg.box2 .btn-link:focus,.boxstyle-lg.box2 .btn-link:hover,.boxstyle-md.box2 .btn-link:focus,.boxstyle-md.box2 .btn-link:hover,.boxstyle-sm.box2 .btn-link:focus,.boxstyle-sm.box2 .btn-link:hover,.boxstyle-xs.box2 .btn-link:focus,.boxstyle-xs.box2 .btn-link:hover,.boxstyle_.box2 .btn-link:focus,.boxstyle_.box2 .btn-link:hover {
    color: #000
}

.boxstyle-lg.box2 a,.boxstyle-lg.box2 a:link,.boxstyle-lg.box2 a:visited,.boxstyle-md.box2 a,.boxstyle-md.box2 a:link,.boxstyle-md.box2 a:visited,.boxstyle-sm.box2 a,.boxstyle-sm.box2 a:link,.boxstyle-sm.box2 a:visited,.boxstyle-xs.box2 a,.boxstyle-xs.box2 a:link,.boxstyle-xs.box2 a:visited,.boxstyle_.box2 a,.boxstyle_.box2 a:link,.boxstyle_.box2 a:visited {
    -webkit-text-decoration-color: #636363;
    text-decoration-color: #636363
}

.boxstyle-lg.box2 a:active,.boxstyle-lg.box2 a:focus,.boxstyle-lg.box2 a:hover,.boxstyle-md.box2 a:active,.boxstyle-md.box2 a:focus,.boxstyle-md.box2 a:hover,.boxstyle-sm.box2 a:active,.boxstyle-sm.box2 a:focus,.boxstyle-sm.box2 a:hover,.boxstyle-xs.box2 a:active,.boxstyle-xs.box2 a:focus,.boxstyle-xs.box2 a:hover,.boxstyle_.box2 a:active,.boxstyle_.box2 a:focus,.boxstyle_.box2 a:hover {
    -webkit-text-decoration-color: #000;
    text-decoration-color: #000
}

.boxstyle-xs.box3 {
    background: none;
    border: 1px solid #3c1053;
    color: inherit
}

@media (min-width: 768px) {
    .boxstyle-sm.box3,.boxstyle_.box3 {
        background:none;
        border: 1px solid #3c1053;
        color: inherit
    }
}

@media (min-width: 992px) {
    .boxstyle-md.box3 {
        background:none;
        border: 1px solid #3c1053;
        color: inherit
    }
}

@media (min-width: 1200px) {
    .boxstyle-lg.box3 {
        background:none;
        border: 1px solid #3c1053;
        color: inherit
    }
}

.boxstyle-xs.box4 {
    background: none;
    border: 1px solid #777;
    color: inherit
}

@media (min-width: 768px) {
    .boxstyle-sm.box4,.boxstyle_.box4 {
        background:none;
        border: 1px solid #777;
        color: inherit
    }
}

@media (min-width: 992px) {
    .boxstyle-md.box4 {
        background:none;
        border: 1px solid #777;
        color: inherit
    }
}

@media (min-width: 1200px) {
    .boxstyle-lg.box4 {
        background:none;
        border: 1px solid #777;
        color: inherit
    }
}

@media (max-width: 767px) {
    .boxstyle-sm.box5,.boxstyle_.box5 {
        padding:20px;
        margin-left: -20px;
        margin-right: -20px
    }
}

@media (max-width: 991px) {
    .boxstyle-md.box5 {
        padding:20px;
        margin-left: -20px;
        margin-right: -20px
    }
}

@media (max-width: 1199px) {
    .boxstyle-lg.box5 {
        padding:20px;
        margin-left: -20px;
        margin-right: -20px
    }
}

.boxstyle-lg.box5,.boxstyle-md.box5,.boxstyle-sm.box5,.boxstyle-xs.box5,.boxstyle_.box5 {
    border: 0;
    background: #3c1053;
    color: #fff
}

@media print {
    .boxstyle-lg.box5,.boxstyle-md.box5,.boxstyle-sm.box5,.boxstyle-xs.box5,.boxstyle_.box5 {
        border: 1px solid #3c1053
    }
}

.boxstyle-lg.box5 .h1,.boxstyle-lg.box5 .h2,.boxstyle-lg.box5 .h3,.boxstyle-lg.box5 .h4,.boxstyle-lg.box5 .h5,.boxstyle-lg.box5 .h6,.boxstyle-lg.box5 h1,.boxstyle-lg.box5 h2,.boxstyle-lg.box5 h3,.boxstyle-lg.box5 h4,.boxstyle-lg.box5 h5,.boxstyle-lg.box5 h6,.boxstyle-md.box5 .h1,.boxstyle-md.box5 .h2,.boxstyle-md.box5 .h3,.boxstyle-md.box5 .h4,.boxstyle-md.box5 .h5,.boxstyle-md.box5 .h6,.boxstyle-md.box5 h1,.boxstyle-md.box5 h2,.boxstyle-md.box5 h3,.boxstyle-md.box5 h4,.boxstyle-md.box5 h5,.boxstyle-md.box5 h6,.boxstyle-sm.box5 .h1,.boxstyle-sm.box5 .h2,.boxstyle-sm.box5 .h3,.boxstyle-sm.box5 .h4,.boxstyle-sm.box5 .h5,.boxstyle-sm.box5 .h6,.boxstyle-sm.box5 h1,.boxstyle-sm.box5 h2,.boxstyle-sm.box5 h3,.boxstyle-sm.box5 h4,.boxstyle-sm.box5 h5,.boxstyle-sm.box5 h6,.boxstyle-xs.box5 .h1,.boxstyle-xs.box5 .h2,.boxstyle-xs.box5 .h3,.boxstyle-xs.box5 .h4,.boxstyle-xs.box5 .h5,.boxstyle-xs.box5 .h6,.boxstyle-xs.box5 h1,.boxstyle-xs.box5 h2,.boxstyle-xs.box5 h3,.boxstyle-xs.box5 h4,.boxstyle-xs.box5 h5,.boxstyle-xs.box5 h6,.boxstyle_.box5 .h1,.boxstyle_.box5 .h2,.boxstyle_.box5 .h3,.boxstyle_.box5 .h4,.boxstyle_.box5 .h5,.boxstyle_.box5 .h6,.boxstyle_.box5 h1,.boxstyle_.box5 h2,.boxstyle_.box5 h3,.boxstyle_.box5 h4,.boxstyle_.box5 h5,.boxstyle_.box5 h6 {
    color: #fff
}

.boxstyle-lg.box5 blockquote.quotes,.boxstyle-md.box5 blockquote.quotes,.boxstyle-sm.box5 blockquote.quotes,.boxstyle-xs.box5 blockquote.quotes,.boxstyle_.box5 blockquote.quotes {
    color: inherit
}

.boxstyle-lg.box5 a,.boxstyle-lg.box5 a:link,.boxstyle-lg.box5 a:visited,.boxstyle-md.box5 a,.boxstyle-md.box5 a:link,.boxstyle-md.box5 a:visited,.boxstyle-sm.box5 a,.boxstyle-sm.box5 a:link,.boxstyle-sm.box5 a:visited,.boxstyle-xs.box5 a,.boxstyle-xs.box5 a:link,.boxstyle-xs.box5 a:visited,.boxstyle_.box5 a,.boxstyle_.box5 a:link,.boxstyle_.box5 a:visited {
    color: #fff
}

.boxstyle-lg.box5 a:active,.boxstyle-lg.box5 a:focus,.boxstyle-lg.box5 a:hover,.boxstyle-md.box5 a:active,.boxstyle-md.box5 a:focus,.boxstyle-md.box5 a:hover,.boxstyle-sm.box5 a:active,.boxstyle-sm.box5 a:focus,.boxstyle-sm.box5 a:hover,.boxstyle-xs.box5 a:active,.boxstyle-xs.box5 a:focus,.boxstyle-xs.box5 a:hover,.boxstyle_.box5 a:active,.boxstyle_.box5 a:focus,.boxstyle_.box5 a:hover {
    color: #ccc
}

.boxstyle-lg.box5 .popover button.close,.boxstyle-md.box5 .popover button.close,.boxstyle-sm.box5 .popover button.close,.boxstyle-xs.box5 .popover button.close,.boxstyle_.box5 .popover button.close {
    color: #fff
}

.boxstyle-lg.box5 .popover button.close:hover,.boxstyle-lg.box5 a:hover .insecure-link,.boxstyle-lg.box5 a:hover .new-window-link,.boxstyle-md.box5 .popover button.close:hover,.boxstyle-md.box5 a:hover .insecure-link,.boxstyle-md.box5 a:hover .new-window-link,.boxstyle-sm.box5 .popover button.close:hover,.boxstyle-sm.box5 a:hover .insecure-link,.boxstyle-sm.box5 a:hover .new-window-link,.boxstyle-xs.box5 .popover button.close:hover,.boxstyle-xs.box5 a:hover .insecure-link,.boxstyle-xs.box5 a:hover .new-window-link,.boxstyle_.box5 .popover button.close:hover,.boxstyle_.box5 a:hover .insecure-link,.boxstyle_.box5 a:hover .new-window-link {
    color: #ccc
}

.boxstyle-lg.box5 .btn-link,.boxstyle-md.box5 .btn-link,.boxstyle-sm.box5 .btn-link,.boxstyle-xs.box5 .btn-link,.boxstyle_.box5 .btn-link {
    color: #fff
}

.boxstyle-lg.box5 .btn-link:focus,.boxstyle-lg.box5 .btn-link:hover,.boxstyle-md.box5 .btn-link:focus,.boxstyle-md.box5 .btn-link:hover,.boxstyle-sm.box5 .btn-link:focus,.boxstyle-sm.box5 .btn-link:hover,.boxstyle-xs.box5 .btn-link:focus,.boxstyle-xs.box5 .btn-link:hover,.boxstyle_.box5 .btn-link:focus,.boxstyle_.box5 .btn-link:hover {
    color: #ccc
}

.boxstyle-lg.box5 a,.boxstyle-lg.box5 a:link,.boxstyle-lg.box5 a:visited,.boxstyle-md.box5 a,.boxstyle-md.box5 a:link,.boxstyle-md.box5 a:visited,.boxstyle-sm.box5 a,.boxstyle-sm.box5 a:link,.boxstyle-sm.box5 a:visited,.boxstyle-xs.box5 a,.boxstyle-xs.box5 a:link,.boxstyle-xs.box5 a:visited,.boxstyle_.box5 a,.boxstyle_.box5 a:link,.boxstyle_.box5 a:visited {
    -webkit-text-decoration-color: #fff;
    text-decoration-color: #fff
}

.boxstyle-lg.box5 a:active,.boxstyle-lg.box5 a:focus,.boxstyle-lg.box5 a:hover,.boxstyle-md.box5 a:active,.boxstyle-md.box5 a:focus,.boxstyle-md.box5 a:hover,.boxstyle-sm.box5 a:active,.boxstyle-sm.box5 a:focus,.boxstyle-sm.box5 a:hover,.boxstyle-xs.box5 a:active,.boxstyle-xs.box5 a:focus,.boxstyle-xs.box5 a:hover,.boxstyle_.box5 a:active,.boxstyle_.box5 a:focus,.boxstyle_.box5 a:hover {
    -webkit-text-decoration-color: #ccc;
    text-decoration-color: #ccc
}

.pagination>li a,.pagination>li span {
    color: #3c1053
}

.pagination>li.active>a,.pagination>li.active>a:focus,.pagination>li.active>a:hover,.pagination>li.active>span:not(.sr-only),.pagination>li.active>span:not(.sr-only):focus,.pagination>li.active>span:not(.sr-only):hover {
    background-color: #3c1053;
    border-color: #3c1053;
    color: #fff
}

.nav-tabs {
    border-bottom-color: #9e88a9
}

.nav-tabs>li>a {
    background-color: #d8cfdd;
    border-color: #9e88a9;
    transition: background .3s cubic-bezier(.44,0,.35,1)
}

.nav-tabs>li>a:before {
    display: block;
    position: absolute;
    content: "";
    width: 0;
    height: 3px;
    background: #8a7098;
    top: 0;
    left: 0;
    transition: width .3s cubic-bezier(.44,0,.35,1)
}

.nav-tabs>li>a:focus,.nav-tabs>li>a:hover {
    background-color: #ece7ee;
    border-color: #b19fba #b19fba #9e88a9
}

.nav-tabs>li>a:focus:before,.nav-tabs>li>a:hover:before {
    width: 100%
}

.nav-tabs>li.open>a,.nav-tabs>li.open>a:focus,.nav-tabs>li.open>a:hover {
    background-color: #ece7ee;
    border-color: #b19fba #b19fba #9e88a9
}

.nav-tabs>li.open>a:before,.nav-tabs>li.open>a:focus:before,.nav-tabs>li.open>a:hover:before {
    background: #3c1053;
    width: 100%
}

.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover {
    border-color: #9e88a9 #9e88a9 transparent
}

.nav-tabs>li.active>a:before,.nav-tabs>li.active>a:focus:before,.nav-tabs>li.active>a:hover:before {
    background: #3c1053;
    width: 100%
}

.nav-tabs>li.disabled>a {
    color: #555
}

.nav-tabs>li.disabled>a:focus,.nav-tabs>li.disabled>a:hover {
    background-color: #d8cfdd
}

.nav-tabs>li.disabled>a:before {
    background: transparent
}

.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover {
    background-color: #3c1053;
    color: #fff
}

.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover {
    background-color: #3c1053;
    border-color: #3c1053;
    color: #fff
}

.id7-koan-spinner__neon--bottom,.id7-koan-spinner__neon--top {
    stroke: #3c1053
}

:root {
    --banner-height: 250px
}

.containerBackground {
    background: hsla(0,0%,100%,.4)
}

.banner-colour-dark .containerBackground {
    background: rgba(0,0,0,.4)
}

.banner-colour-light .containerBackground {
    background: hsla(0,0%,100%,.4)
}

.banner-colour-dark #vidbutton,.banner-colour-dark a,.banner-colour-dark h1,.banner-colour-dark h2,.banner-colour-dark h3,.banner-colour-dark h4,.banner-colour-dark h5,.banner-colour-dark h6,.banner-colour-dark p {
    color: #fff
}

.banner-colour-light #vidbutton,.banner-colour-light a,.banner-colour-light h1,.banner-colour-light h2,.banner-colour-light h3,.banner-colour-light h4,.banner-colour-light h5,.banner-colour-light h6,.banner-colour-light p {
    color: #000
}

.overlayContainer {
    position: relative;
    height: var(--banner-height)
}

.overlayContent {
    position: absolute;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 1;
    height: var(--banner-height)
}




.containerBackground {
    width: 100%;
    height: var(--banner-height);
    position: absolute
}

.overlayContainer img {
    height: var(--banner-height);
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.overlayContainer video {
    height: var(--banner-height)!important;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

#vidbutton {
    position: absolute;
    top: 410px;
    left: 10px;
    z-index: 2;
    color: #552d62
}

@media only screen and (min-width: 992px) {
    .banner-content-alignment-left .overlayContent {
        align-items:start;
        padding-left: 3em
    }

    .banner-content-alignment-left .overlayContent h2 {
        text-align: left
    }

    .banner-content-alignment-right .overlayContent {
        align-items: end;
        padding-right: 3em
    }

    .banner-content-alignment-right .overlayContent h2 {
        text-align: right
    }

 
    .banner-content-alignment-left .containerBackground {
        background: linear-gradient(90deg,hsla(0,0%,100%,.4) 40%,transparent 60%)
    }

    .banner-content-alignment-right .containerBackground {
        background: linear-gradient(270deg,hsla(0,0%,100%,.4) 40%,transparent 60%)
    }

    .banner-colour-dark.banner-content-alignment-left .containerBackground {
        background: linear-gradient(90deg,rgba(0,0,0,.4) 40%,transparent 60%)
    }

    .banner-colour-dark.banner-content-alignment-right .containerBackground {
        background: linear-gradient(270deg,rgba(0,0,0,.4) 40%,transparent 60%)
    }

    .banner-colour-light.banner-content-alignment-left .containerBackground {
        background: linear-gradient(90deg,hsla(0,0%,100%,.4) 40%,transparent 60%)
    }

    .banner-colour-light.banner-content-alignment-right .containerBackground {
        background: linear-gradient(270deg,hsla(0,0%,100%,.4) 40%,transparent 60%)
    }

    .banner-shadow-hidden-web .containerBackground {
        display: none
    }
}

.btn-group.header-buttons {
    width: 33.33333333%;
    padding-left: 24px
}

.btn-group.header-buttons .btn {
    width: 50%;
    text-align: left
}

.btn-group.header-buttons .btn i {
    margin-right: 10px
}

@media (max-width: 767px) {
    .btn-group.header-buttons {
        width:253px;
        padding-left: 0
    }
}

.id7-masthead .id7-header-text h1.affix.headroom.longerfix,.id7-navigation.affix.longerfix {
    transform: translateZ(0) translateY(0)!important
}

.id7-navigation.affix.headroom--unpinned {
    transform: translateY(-100%) translateY(-70px);
    transform: translateZ(0) translateY(-100%) translateY(-70px)
}

.id7-masthead-contents .btn-group.header-buttons,.id7-masthead-contents .header-buttons .btn {
    width: auto
}

.id7-left-border,.id7-right-border {
    background: #fff
}

.event {
    margin: 5px!important;
    display: inline-flex;
    white-space: nowrap
}

input[type=radio] {
    margin: 0 3px 0 0;
    cursor: pointer
}

.tag-label {
    margin: 0;
    color: #fff;
    cursor: pointer
}

.purple-tag {
    background-color: #3c1053!important
}

.newsItemDiv ul {
    list-style-position: outside!important
}

h2:not(.overlayContent h2):not(.carousel h2):not(.toolkit-heading h2):not(.hero-component--content h2) {
    color: #000;
        line-height: 1.1em;
    font-weight: 700;
    padding: 30px 0;
    margin-bottom: 20px;
    border-bottom: 1px solid #000
}

.box5 h2:not(.overlayContent h2):not(.carousel h2):not(.toolkit-heading h2):not(.hero-component--content h2) {
    color: #fff;
    border-bottom: 1px solid #fff
}

.text-right {
    margin: 20px 0 40px
}

.text-right a {
    color: #000;
    line-height: 1.1em;
    font-weight: 700;
    -webkit-text-decoration-color: #000;
    text-decoration-color: #000
}

.box5 .text-right a,.text-right a:hover {
    -webkit-text-decoration-color: #fff;
    text-decoration-color: #fff
}

.box5 .text-right a {
    color: #fff
}

.box5 .text-right a:hover {
    color: #fff!important;
    -webkit-text-decoration-color: transparent;
    text-decoration-color: transparent
}

*/


/* White borders */

/*

.id7-left-border, .id7-right-border {
    background: #fff !important;
}

*/


/* Need to comment this a lot and make the items below a lot more specific to individual elements by class or ID */

.news-twitter .twitterbox {
max-width:100%;
}

/* student guides */

.studentguides .card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    -webkit-background-clip: border-box;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
}


.studentguides .card-deck {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(12em, 1fr));
    grid-gap: 2rem;
    padding: 0em 0em 1em;
}

.studentguides .card img {
height: 7.4em; 
object-fit: cover;
border: 0px;
}

.studentguides .card-title, .studentguides .card-text {
padding: 5px;
}


@media (min-width: 576px)
.studentguides .card-deck {
    flex-flow: row wrap;
    margin-right: -.25rem;
    margin-left: -.25rem;
}

.studentguides .card:hover {
	box-shadow: 2px 2px 5px grey;
	transition: box-shadow 0.5s ease-in-out;
}



/* covid19 */

.covid .leftborderbx5 {
    margin: 0 40px;
    border-width: 6px;
    border-style: solid;
    -o-border-image: linear-gradient(180deg,white,transparent) 1 100%;
    border-image: -webkit-gradient(linear,left top,left bottom,from(white),to(transparent)) 1 100%;
    border-image: linear-gradient(180deg,white,transparent) 1 100%;
    border-right: none;
	cursor: pointer;
	    text-decoration: underline
}

.covid .leftborderbx1 {
    margin: 0 40px;
    border-width: 6px;
    border-style: solid;
    -o-border-image: linear-gradient(180deg,#267788,transparent) 1 100%;
    border-image: -webkit-gradient(linear,left top,left bottom,from(#267788),to(transparent)) 1 100%;
    border-image: linear-gradient(180deg,#267788,transparent) 1 100%;
    border-right: none;
cursor: pointer;
	    text-decoration: underline
}

.covid {
padding-bottom: 10px;
padding-top: 10px;
}

.covid .leftborderbx5:hover {
	box-shadow: 1px 1px 2px black;
	transition: box-shadow 0.5s ease-in-out;
}

/* Set some gradients on images in features */

.feature-landscape-tl, .feature-landscape-r {
background: linear-gradient(180deg,transparent,#000);
	min-height: 25vh;
position: relative;
    background-repeat: no-repeat;
background-position: center !important;
    background-size: cover;
    margin-bottom: 20px;
margin-left: -20px;
    margin-right: -20px;
	margin-top: -20px;
}

.feature-landscape-tl h2, .feature-landscape-r h2 {
    position: absolute;
    bottom: 0;
    width: 100%;
    color: white;
    padding: 20px;
    background: linear-gradient(to bottom, rgba(0,0,0,0), #000);
    margin-bottom: 0px;
}


/* CleverToc styling */

.clevertoc .panel-heading {
padding: 0px;
}





/* Top of page formatting */
	
figure {
outline: 1px solid grey;
}

div.row.flex-container.wrap-reverse::after, div.row.flex-container.wrap-reverse::before {
  display: none;
}

.standfirst {
 font-style: strong;
 font-size: 1.2em;
margin-bottom: 10px;
}

.strapline1 {
font-size: calc(16px + 0.8vw);
}

.strapline2 {
font-size: calc(12px + 0.7vw);
}

@media only screen and (max-width: 768px){
.ec-tool-icon {
text-align: center;
}
}

	
	.sharing {
	display: inline-flex;
	}
	
.sharing .email-share-button {
font-size: larger;
}

/* Add open and close indicators for page sections and accordions and style them until they actually look ok */

#at-info > a.btn[aria-expanded="false"]::after, #filter-section > a.btn[aria-expanded="false"]::after, .info-reveal > a.btn[aria-expanded="false"]::after {
  content: "\f105";
  font-family: 'Font Awesome 5 Pro';
	font-weight: 900;
	text-decoration: none !important;
}


#at-info > a[aria-expanded="true"]::after, #filter-section > a[aria-expanded="true"]::after, .info-reveal > a[aria-expanded="true"]::after  {
  content: "\f107"; 
font-family: 'Font Awesome 5 Pro';
	font-weight: 900;
text-decoration: none !important;
}

div.acc-actech h3[aria-expanded="true"]::after, div.acc-actech h4[aria-expanded="true"]::after, div.acc-actech button[aria-expanded="true"]::after, div.acc-actech h3 a[aria-expanded="true"]::after, div.acc-actech .panel-heading[aria-expanded="true"] a::after {
  content: "\f107"; 
font-family: 'Font Awesome 5 Pro';
	font-weight: 900;
text-decoration: none !important;
 position: absolute;
  right: 20px;
}

div.acc-actech h3[aria-expanded="false"]::after, div.acc-actech h4[aria-expanded="false"]::after, div.acc-actech button[aria-expanded="false"]::after, div.acc-actech h3 a[aria-expanded="false"]::after, div.acc-actech .panel-heading[aria-expanded="false"] a::after {
  content: "\f105"; 
font-family: 'Font Awesome 5 Pro';
	font-weight: 900;
text-decoration: none !important;

 position: absolute;
  right: 20px;
}

.acc-actech .panel-title {
position: relative;
}

.acc-actech button {
width: 100%; 
font-size: 1.2em; 
text-align: left; 
border: 1px;  
padding: 5px 5px 5px 15px;
}

.acc-actech button:focus, .info-reveal btn:focus {
outline: 3px solid #00172b;
}

/* Add a search symbol to indicate a top level search / filter - use this with 'Browse all x guides' with the ?item=true filter */

li.search-all-guides {
	list-style:none;
}

li.search-all-guides:before {    
    font-family: 'Font Awesome 5 Pro';
	font-weight: 900;
    content: '\f002';
    margin:0 5px 0 -20px;
}

/* Horizontal list menu */

ul.hz-menu {
	padding-left: 0px;
		}

ul.hz-menu > li {
display: inline-block;
	padding-left: 0.5em;
		}

ul.hz-menu > li:first-child {
	padding-left: 0em;
		}

ul.hz-menu > li::after {
	content: "¦";
	padding-left: 0.5em;
	}

ul.hz-menu > li:last-child::after {
display: none;
	}


/* Recipes pages stuff */

@media only screen and (min-width: 768px){
.arrow_box {
	position: relative;
	background: #ffffff;
	border: 1px solid #267788;
}
.arrow_box:after, .arrow_box:before {
	top: 100%;
	left: 66%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #ffffff;
	border-width: 40px;
	margin-left: -40px;
	  z-index: 100
}
.arrow_box:before {
	border-color: rgba(0, 0, 0, 0);
	border-top-color: #267788;
	border-width: 41px;
	margin-left: -41px;
	  
}
}

.flex-container {
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
}

.wrap-reverse         { 
  -webkit-flex-wrap: wrap-reverse;
  flex-wrap: wrap-reverse;
} 


.example-recipes .btn {
font-size: large !important;
}

@media only screen and (min-width: 992px){
	
	.btn-float-right {
	float: right;
	}

}

.btn-recipe {
margin-bottom: 2px;
	font-size: 14px;
}

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

	.btn-recipe {
	width: 100%;
	}
}

/* Make some accordions neater */

.acc-actech .panel-title {
font-size: 1.2em;
cursor: pointer;
}


/* Make HRs match the strong colour */
.box1 hr, .box2 hr, .box3 hr, .box4 hr
{
    /* border-top: 1px solid #267788; */
	border-top: 1px solid --main-theme-color;
}

	
/* Formatting stuff to reduce or remove excessive padding */

.spacesaver p {
  margin: 0 0 0;
	}

.spacesaver h5 {
margin: 10px 0 5px 0;
}

.newsSchedule .spaceAfterDate {
	display: none;
	}


/* Responsive stuff i.e. add some gaps where necessary */

.padit {
	margin-bottom: 10px;
    }

.tool-links {

margin-bottom: 10px;
}


/* Making the buttons full width to the columns, the text white, capitalise the text and somne other stuff  */

.col-md-4 .btn {
    width:100%;
	}

a.btn h3, a.btn h6 {
	color: white;
   white-space: initial;
	}

#support-button  {
	margin-bottom: 10px;
	font-size: 24px;
}


.footer-buttons a {
    font-size: calc(16px + 0.2vw);
	text-transform: uppercase;
	min-height: unset !important;
	margin-bottom: 5px;
}

.footer-buttons-sm {
    font-size: 14px;
	text-transform: uppercase;
	margin-bottom: 5px;
}

@media only screen and (min-width: 992px){

.onlinehelpdesk {
	font-size: calc(6px + 0.5vw);
	text-transform: uppercase;
}
	
}

@media only screen and (max-width: 991px){
	
.onlinehelpdesk {
	font-size: 16px;
	text-transform: uppercase;
}
	
}



/* Get rid of the line when using hero images */

.id7-page-title h1 {
border-bottom: 0px;
}

/* Stuff to handle tags and tagged pages */

#taggedPages .checkbox input[type=checkbox] {
display: none;
}

.checkbox:checked + label {
  font-weight: bold;
}

#taggedPages .checkbox input[type=checkbox]:checked {
  font-weight: bold;
}

	/*

input[type="checkbox"]:checked + label {
  background: #000;
  border-color: green;
  color: white;
}
	
	*/

#searchTypeDiv {
margin-left: 0px;
	margin-right: 0px;
}

#taggedPages .tagList label {
    background-color: #204f79;
    border-color: #1b4265;
    color: #fff!important;
    display: inline-block;
    margin-bottom: 1px;
    margin-top: 1px;
    font-weight: 400;
    text-align: center;
    white-space: normal;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    padding: 2px 2px;
    font-size: 14px;
    line-height: 1.5;
    min-width: 100%;
}


/* Live search */

.livesearch .form-group {
  min-width: 100%;
}

.livesearch .form-group input {
width: 100%;
}

/* Page TagButton */

			.tagButton{
				background-color: #204f79; 
			}

			.tagButton:hover{
				background-color: #1c4f54; 
			}

			.tagButton.selected{
				background-color: #153c3f; 
			}




/* Allow use of more than one container by removing the fixed width */

.container.flex-column-reverse {
width: 100%;
}

/* Set the image sizes for project pages - cf team pages where img is larger */


.actech-projects .results-container li.staff.layout img {
			max-width: 100px;
		}
/* Format blocks in the extended classroom */

.ec-tools p:first-child, .ec-tools h3 {
	text-align: center;

}

.ec-tools:hover {
	box-shadow: 2px 2px 5px grey;
	background-color: hsl(209deg 100% 15%);
	transition: box-shadow 0.5s ease-in-out, background-color 0.5s ease-in-out;
}

	.block-icon, .block-title {
		text-align: center;
		padding-bottom: 10px;
	}	
	
.block-footer {

}



/* Glossary */

.popover{
            max-width: 70%; /* Max Width of the popover (depending on the container!) */
        }

/*  Events page empty calendar padding */

.calendarSchedule>:not(.events)>.event {
    margin-bottom: 20px;
}