@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700,');

/*

NEW BRANDING
Main Hub colours
* Orange:  #EB5F24 / rgba(235,95,36,1);
* Black: #000000; Primary text color, very versatile.
* White: #ffffff Essential for contrast with darker colors.
* Light grey #E9E9E9 (40%) 

Supporting colours and use
dk-red: BF2A45 (Deep Red): Intense color, good for highlighting.
purple: 992249 (Purple): A muted red, solid for backgrounds or secondary emphasis.
red: D93D3D (Red): More vibrant, useful for alerts or buttons.
orange: EB5F24 (Orange): Great for CTA buttons or highlighting important info.
mid-orange: F57B07 (Mid Orange): Excellent for grabbing attention.
lt-orange: F5A21D (Light Orange): A versatile warm color for backgrounds or CTA.
yellow: FAC941 (Yellow): Highly visible, great for warning elements.
lt-yellow: FAE57D (Light Yellow): Softer, good for background or subtle highlights.
burgundy: 881329 (Burgundy): Subtle but strong, good for headers or accent text.
dk-burgundy: 420318 (Deep Burgundy): Excellent for text or icons.
off-white- F6F3E8 (Accessible off white): Neutral background color.

BMIHMS
Primary colours
* BMIHMS deep navy: #00264D
* BM Haze: #98a8b8
* White: #FFFFFF or white
Supporting colours
* BM lighter haze: #d9deef
* BM bright blue: #0062ff
BM Bright Blue only to be used as a digital accent colour
in UI/UX components


BILLY BLUE
* Pink: #EE97FF
* Neon green: #DDFAA9



COLORS (OLD)
GREY: #7b7b7b  (60% black)
LIGHT GREY: #E9E9E9 (40%)
Very Light Grey (25%): #ebebeb
BLACK: #000
WHITE: #FFFFFF or white
Dark grey: #4e4e4e (80%)

* Off white:#ECE5EB
*/

.pad-top-med{
    padding-top: 0;
}

/* COLOR FOR MAIN CONTENT BACKGROUND */
#s-lg-guide-main.container{
    background-color:#ffffff;
}

/* COLOR FOR TOP TAB TEXT */
 #s-lg-tabs-container .nav-tabs > li > a{
    color: #7B7B7B;
    background-color: white;
    border: none;
 }

/* COLOR FOR TOP NAV TEXT IN ACTIVE NAV TAB */
#s-lg-tabs-container .nav-tabs > li> .active > a {
    background-color: #ffffff;
    color: #7B7B7B;
    border: none;
}



/* COLOUR FOR GREY AREA*/
/*.grayarea {
    background: #e1e1e1 ;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
}
/* COLOUR FOR ORANGE AREA */
/*.orangearea {
    background: #EB5F24 ;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    color:#fff
}
.orangearea p, .orangearea h3, .orangearea h2, .orangearea h4, .orangearea h5, .orangearea a {
    color:#fff
}*/

/* COLORS FOR THE TOP NAVIGATION LIST ELEMENTS */
#s-lg-guide-tabs .nav-tabs>li>a, nav-tabs>li>a:hover {
    background-color: #ffffff;
    color: #000;
}

.tab-pane table a {
    color: #000!important;
}

/* COLOR AND STYLE FOR DROP DOWN MENUS MAIN LG NAV TABS */
#s-lg-guide-tabs .dropdown-menu, .dropdown-menu>li>a, .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover, .dropdown-menu>.active, #s-lg-guide-tabs .nav-tabs>li a:active  {
    background-color: #EB5F24;
    color: white!important;
    box-shadow: none;
    overflow: hidden;
    white-space: normal;

}
.mobile-only #s-lg-guide-tabs .dropdown-menu, .mobile-only #s-lg-guide-tabs .dropdown-menu>li>a, .mobile-only #s-lg-guide-tabs .dropdown-menu>li>a:focus, .mobile-only #s-lg-guide-tabs .dropdown-menu>li>a:hover, .mobile-only #s-lg-guide-tabs .dropdown-menu>.active, .mobile-only #s-lg-guide-tabs #s-lg-guide-tabs .nav-tabs>li a:active {
    background-color: #FFF;
    color: #777!important;
}
.mobile-only ul.navbar-nav.navbar-right.nav-tabs.split-button-nav {
    margin: 0 -15px;
}
.mobile-only #s-lg-guide-tabs .nav-tabs>li {
    border-bottom: 1px solid #ccc;
}
.mobile-only #s-lg-guide-tabs .dropdown-menu li{
    display: block;
}
.mobile-only #s-lg-guide-tabs .dropdown-menu{
    border-bottom: 1px solid #ccc;
}
.mobile-only #s-lg-tabs-container .nav-tabs > .active > .s-lg-subtab-ul > .active > a{
    font-weight: bold;
    background-color: #fff;
    color: #000;
}
.mobile-only .navbar-nav .open .dropdown-menu>li>a {
    padding: 10px 15px 10px 25px;
}
.mobile-only #s-lg-tabs-container .nav-tabs > li > a.s-lg-tab-drop:hover{
    border: none;
}
.mobile-only a.s-lg-tab-drop.dropdown-toggle {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 40px;
    background: transparent!important;
    text-align: right;
    padding-right: 20px!important;
}
.mobile-only span.caret {
    border-top: 7px dashed;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    margin-top: 10px!important;
}
/* set padding for top nav tabs to fit on one row down to 1200px wide */
 #s-lg-guide-tabs .nav-tabs > li > a.s-lg-tab-top-link, #s-lg-guide-tabs .nav-tabs > li > a.s-lg-tab-top-link:hover, #s-lg-tabs-container .nav-tabs > li > a {
 padding: 10px .6em ;
 border:none;
}

/* DISABLE LINK ON TOP LEVEL MENU ITEM */
/* if the pointer can hover (eg. a mouse or touchpad) then disable link */
@media  (min-width: 992px) and (hover:hover) { 
    #s-lg-guide-tabs .nav-tabs > li > a.s-lg-tab-top-link, #s-lg-guide-tabs .nav-tabs > li > a.s-lg-tab-top-link:hover, #s-lg-tabs-container .nav-tabs > li > a {
        pointer-events: none;
    }
}
/* if more than one pointer input (eg. computer with touchscreen) and any of them have coarse accuracy (ie. a finger) then prioritise ease of use in touch and enable top links */
@media (any-pointer: coarse) {  
    #s-lg-guide-tabs .nav-tabs > li > a.s-lg-tab-top-link, #s-lg-guide-tabs .nav-tabs > li > a.s-lg-tab-top-link:hover, #s-lg-tabs-container .nav-tabs > li > a{
        pointer-events: auto;
    }
}

/* SET FONT SIZE FOR GUIDE NAV*/
 #s-lg-guide-tabs .nav-tabs>li>a  {
   font-size:1.25em;
}

/* SET COLOURS AND STYLE FOR DROP ACTIVE TOP LEVEL PAGE*/
#s-lg-tabs-container .nav-tabs > .active > a, #s-lg-tabs-container .nav-tabs > .active > button, #s-lg-tabs-container .nav-pills > .active > a, #s-lg-tabs-container .nav-pills > .active > button,  #s-lg-tabs-container .nav-tabs > .active>  a:hover, #s-lg-tabs-container .nav-tabs > li >  a:hover {
    color: #000;
    background-color: #fff;
    border:none;
    box-shadow:none;
}
/* set active submenu item to be same colour as rest of menu */
#s-lg-tabs-container .nav-tabs > .active > .s-lg-subtab-ul > .active > a, #s-lg-tabs-container .nav-tabs > .active > .s-lg-subtab-ul > .active > button {
    color: #fff;
    background-color: #EB5F24;
}

/* position main navigation tabs to the right of the screen */
#s-lg-tabs-container {
  float:right;
/*  padding-right:50px; */
}
@media (min-width: 768px){
.navbar-header {
    float: right;
}}
/* set dropdown menu width to fit content */
.split-button-nav .dropdown-menu{
   width:max-content;
}
/* hide home tab */
 #s-lg-tabs-container .nav-tabs > li:nth-child(2) > a {display: none;} 

/* hide quick links tab in full screen view */
@media (min-width: 992px) {
    #s-lg-tabs-container .nav-tabs > li:nth-child(2) > a {
        display: block;
    } 
    #s-lg-tabs-container .nav-tabs > li:first-child > a {
        display: none;
    } 
    #s-lg-tabs-container .nav-tabs > li:last-child {
        display: none;
    }
}

/* hide admin tabs in published guide */
#tabs-in-admin-screen-only {
display: none;
}

/* HIDE CARET - DROP DOWN ARROW - IN TOP NAV */
#s-lg-tabs-container .nav .dropdown-toggle  {
    display:none!important;
 }



/* TABS FULL SCREEN WIDTH IN MOBILE */
 @media (max-width: 992px) {.ui-tabs .ui-tabs-nav li {
    width: 100%;
    white-space: normal;
}}

/* table width in mobile */
@media (max-width:992px) {
.table {
   table-layout:fixed;
   width: 100%;
}}

/* COLOR FOR THE BODY BACKGROUND */
body{
background-color: #ffffff;
}

/* COLOR FOR THE FOOTER */
.s-lib-footer {
background-color: #000000;
color:#ffffff;
}
.s-lib-footer a{
color:#ffffff;
}
#s-lg-guide-header-meta, #s-lg-guide-header-meta li, #s-lg-guide-header-meta a,  #s-lg-guide-header-meta .s-lg-text-greyout {
  color:#ffffff!important;
  font-size: 1em;
}

/* colours for empty parent pages */
.well {
    background-color: transparent;
    border: 0px;
    border-color: transparent;
    border-radius: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    box-shadow: none;
}

/* BACKGROUND COLOR FOR THE TOP NAVIGATION */
#s-lg-guide-tabs {
    background-color: transparent;
}
/*#s-lg-guide-tabs .active {
    background-color: #ffffff;
}*/


/* COLOR FOR MOBILE MENU TOGGLE BUTTON */
.navbar-default .navbar-toggle {
    background-color: #EB5F24;
    border-radius: 0px;
    border:none;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #ffffff;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{
background-color: #EB5F24;
border:none;
}
/* COLOR FOR THE TOP NAVIGATION TEXT */
#s-lg-guide-header-nav a {
color: #FFFFFF!important;
}
/* COLOR FOR ACTIVE TABS IN CONTENT BOXES */
ul > li.ui-state-default.ui-corner-top.ui-tabs-active.ui-state-active {
   background-color: #EB5F24;
}
/*COLOR FOR TABS IN CONTENT BOXES */
.ui-tabs .ui-tabs-nav li {
background-color: #E9E9E9
}
/* COLOR FOR HOVER TABS IN CONTENT BOXES (doesn't apply to mobile) */
 @media (min-width: 992px) { .ui-tabs-nav li :hover {
 background-color: #4e4e4e;
 }}
/* TABLE COLOURS */ 
/* BACKGROUND COLOUR FOR TABLE HEADER ROWS */
 thead {
  background-color:#420318!important;
  color: #000;
} 
/* ROW BORDER COLOUR FOR STRIPED TABLES */
.table-striped>tbody>tr>td {
    border-color: #ebebeb;
}
/* ODD ROW BACKGROUND COLOUR FOR STRIPED TABLES */
.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #fbfbfb;
}

/**************************************************
                   END  OF COLORS
**************************************************/





/* body and general styles */
body, p, li, a {
    font-family: "Montserrat", sans-serif !important;
    font-size: 14px;
    color: #000;
}
/** Link colour main - variation of BM bright blue **/
a {
    color:#0062FF; 
}

a:hover {
    color: #EB5F24;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Montserrat', sans-serif!important;
    color: #000;
    letter-spacing: 0.02em;
    line-height: 1.7;
}
h1{
    font-size: 2.074em;
    font-weight: 700;
}
h2 {
    font-size: 1.45em;
    margin-top:0px;
    font-weight: 700;
}
h3 {
     font-size: 1.3em;
    font-weight: 700;
}
h4 {
    font-size: 1.15em;
    font-weight: 700;
}
footer h4 {
    font-size: 1.2rem;
    font-weight: 700;
    color: #fff;
}
h5 {
    font-size: 1.05em;
    font-weight: 700;
}
h6 {
    font-size: 1em;
    font-weight: 700;
}

h1 a, h2 a, h3 a, h4 a, h5, h6 a {
    font-size: 1em;
}

h3, h4 .promo {
    line-height: 1.3;
}



 /* style square feature photos */
.square-feature {
  padding: 1em 0;
}

/* style for embedding responsive youtube videos */
.embed-container { 
  position: relative;
  padding-bottom: 56.25%; 
  height: 0; 
  overflow: hidden; 
  max-width: 100%; 
} 

.embed-container iframe, .embed-container object, .embed-container embed { 
  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%; 
}

/* Styles for the tabs navigation */

#s-lg-guide-header-nav ul li {
    display:inline-block;
  font-family:'Montserrat', sans-serif!important;
    font-size: 18px!important;
    font-weight: bold!important;
}

/* set up mobile menu and navbar display */

/* mobile kicks in at 992px wide instead of 768 */
@media (max-width: 991px) {
    .navbar-header, .navbar-default .navbar-brand {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
/* search button disappears on very small screens */
@media (max-width: 310px) {
 .navbar-brand {
        display: none;
    }}


    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in { 
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
}

.mobile-only .navbar-header{
    padding: 0 15px;
}
.mobile-only .navbar-toggle{
    margin-right: 0;
}
/* adjust body position under heading for mobile and full screen views */
 @media (min-width: 992px) { 
    .under-header { padding: 40px; }
    .mobile-only { display:none; }
    .navbar-search { display:none; }
}
 @media  (max-width: 991px) { 
    .under-header { padding: 1rem; }
    .full-screen-only { display:none; }
    #s-lg-guide-header-search { display:none; }
    #s-lg-guide-header-info, #s-lg-guide-header { display: none; }
}

 #s-lg-guide-tabs-title-bar {
     border: none;
}

#s-lg-guide-tabs .nav-tabs>li {
    margin-bottom: 0px;
    margin-top: 0px;
}
#s-lg-guide-tabs .nav-tabs>li>a {
margin-right:0px;
}

.s-lib-box h3{
    margin-bottom:5px;
    margin-top:0.4em;
    letter-spacing: 0.02em;
    font-weight: 700;
} 
.s-lib-box-content {
  padding: 2px 10px 10px 10px;
}

/* Center guide title - not in use because title is hidden */
#s-lg-guide-header-info h1,  .s-lg-guide-name {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 24px;
    line-height: 1.25;
    font-weight: normal;
    font-family: montserratbold,times,serif;
    background-color: #fff;
    text-align: center;
}
/* hide guide title on published page */
#s-lg-guide-name {
  display:none;
}

/* custom banner menu styling */
/* set font and padding on header container - applies to both menu areas */
.header-container {
    padding:0px;
    margin-right: auto;
    margin-left: auto;
    font-family: 'Montserrat', sans-serif !important;
}

/* font and colour for header bar */
.header-external-links {
    font-weight: bold;
    font-size:14px;
   margin-top:0;
}
.orange-background {
    background-color:#EB5F24!important;
/*    height: 100px;*/
}
/* space between user icon and text for account login link */
.orange-background .fa {
  padding: 0 0.5em ;
}

/* font and colour for site name area */
.site-name h1 {
   font-weight: bolder;
   margin-top: 0;
   color:#fff;
}
.site-name {
/*    background-color:  #EB5F24;  */
    padding-left: 15px;
    margin: 0px;
}
.site-name a {
  font-size: 1.0em;
}

/* font for tabs */
.navbar-header  {
    font-weight: 900;
    font-size:12px;
}
.navbar ul {
  text-decoration: none;
  padding-left:0px;
  list-style-type: none;
}

.navbar li {
  display: inline;
  list-style-type: none;
  padding: 0px 7px;
  position: relative;
  box-shadow: transparent 0px -3px 0px inset;
  background-color: transparent;
  border-radius: 0px;
  transition: all 0.2s;
  border: none;
}
.navbar a {
  color: rgb(255, 255, 255);
  border: none;
  transition: all 0.2s;
  z-index: inherit;
  position: relative;
}

.navbar a:hover {
  background-color: f5821f;
  border: none;
  text-decoration: none;
}


navbar-default .navbar-brand, .navbar-default .navbar-nav>li>a, .navbar-default .navbar-nav>li>a:hover {
  color:white;
 background-color: transparent;
}
/* color for brand text in navbar */
.navbar-default .navbar-brand {
    color: #ffffff;
}

/* colors for navbar affects guide menu in mobile view */
.navbar-default {
    background-color: #ffffff;
    border: none;
}

/* Header-Logo - set width based on screen size*/
@media (max-width: 400px) {.header-logo {
 max-width:60%;
 max-height: 50px;
}}
@media (min-width: 401px) and (max-width: 991px)  {.header-logo {
 max-width:70%;
 max-height: 50px;
}}
@media (min-width: 992px)  {.header-logo {
 max-width:99%;
}}



/* HIDE ALL BREADCRUMBS */
#s-lib-bc .breadcrumb {
  display: none;
}
/* HIDE SOME BREADCRUMBS (not currently in use) */
/*#s-lib-bc-customer, #s-lib-bc-group, #s-lib-bc-site {
  display: none;
}*/
/* hide chevrons before guide breadcrumb because it is first in the list with site BC hidden - not in use */
/*li#s-lib-bc-guide::before {
   display: none;
}*/

/* style BC chevrons */
.breadcrumb li+li:before {
    content: " \00BB";
    padding: 3px 9px;
    font-size: 18px;
    color: #B7B7B7;
}

/* Button styling */
.btn {
    display: inline-block;
    border-radius: 0px;
    border: 1px solid #7b7b7b;
    font-family: montserrat,sans-serif;
/*    padding: 15px 30px;  */
    text-align: center;
    background-image: none;
    background-color: transparent;
    white-space: normal;
    margin: 2px;
}
.btn-homepage-orange {
   display: block;
   color:#fff; 
   text-align: left;
   font-weight: bold;
   font-size:1.1em;
   border: none;
   background-color: #EB5F24;
   width: 100%;
   margin-bottom: 10px;
   margin-left: 0;
   margin-right: 0;
  padding-right: 5px;
  padding-top: 15px;
  padding-bottom:15px;
  line-height: 1.15;
}
.btn-homepage-white {
   display: block;
   color:#000; 
   text-align: left;
   font-weight: bold;
   font-size:1em;
   border: none;
   border-bottom: 1px solid #000;
   background-color: rgb(255, 255, 255, 100%);
   width: 100%;
   margin-bottom: 10px;
   margin-left: 0;
   margin-right: 0;
  padding-right: 5px;
  padding-top: 15px;
  padding-bottom:15px;
  line-height: 1.15;
}
.btn-homepage-white:hover {
    background-color: #4e4e4e;
    color:#fff;
}

.btn-homepage-orange:hover {
    border: none;
    background-color: #4e4e4e;
    color:#fff;
}
.btn-homepage-black {
   display: block;
   color:#fff; 
   text-align: left;
   font-weight: bold;
   font-size:1.1em;
   border: none;
   border-bottom: 1px solid #000;
   background-color: #4e4e4e;
   width: 100%;
  margin-bottom: 10px;
  margin-left: 0;
  margin-right: 0;
  padding-top: 15px;
  padding-bottom:15px;
  line-height: 1.15;
}

.btn-homepage-black:hover {
    background-color: #4e4e4e;
    color:#fff;
}
.h3Menu {
padding: 10px 7px 0 0;
border-bottom: 2px #EB5F24 solid;
margin-bottom: 2rem;
}

.h3Menu-BM {
    padding: 10px 7px 0 0;
    border-bottom: 2px #00264D solid;
    margin-bottom: 2rem;
    }

    .h3Menu-BM-lt {
        padding: 10px 7px 0 0;
        border-bottom: 2px #0062ff solid;
        margin-bottom: 2rem;
        }

.h4Menu {
    padding: 10px 0 0 0;
    border-bottom: 2px #EB5F24 solid;
    margin-bottom: 1rem;
}

.h4Menu-BM {
    padding: 10px 0 0 0;
    border-bottom: 2px #00264D solid;
    margin-bottom: 1rem;
}

.h4Menu-BM-lt {
    padding: 10px 0 0 0;
    border-bottom: 2px #0062ff solid;
    margin-bottom: 1rem;
}


.s-lib-box h3 {
margin-bottom: 5px;
margin-top: 0.4em;
letter-spacing: 0.02em;
font-weight: 700;
font-size: 1.5em;
}
.no-gutters>.col, .no-gutters>[class*=col-] {
    padding-right: 0;
    padding-left: 0;
}

@media (max-width: 991px) {.btn-homepage-orange, .btn-homepage-black, .btn-homepage-white {
   margin-bottom: 0.5em;
    padding: .5em 2em;
    line-height: .8;
}}

.btn-primary {
        background-color: #EB5F24!important;
        border:none;
}
.btn-primary:hover {
    filter: brightness(0.8);
}

.btn-primary .btn-BB {
    background-color: #DDFAA9!important;
    border:none;
    color: #000 !important;
}

.btn-primary .btn-BM {
    background-color: #00264D!important;
    border:none;
    color: #000 !important;
}

.btn-graytext {
    color: #4e4e4e;
    border:none;
    background-color: transparent;
}
.btn-graytext:hover {
    color: #ffffff;
    background-color: #4e4e4e!important;
}

/* STYLE HOMEPAGE CAROUSEL */
/* make carousel full width of column */
.s-lib-box-content .slick-slider  {
    margin:  0 !important;
}

/* Make carousel image dots white/grey and overlay on image */
 .slick-dots {
  margin-bottom: 30px;
}

.h-100 {
    height: 100%!important;
}
.position-relative {
    position: relative!important;
}
/* @media (min-width: 1550px)  {
    .carousel-control {
        width: calc((100% - 1400px) /2);
    }
    .carousel-control.left i {
        margin-left: calc(100% - 43px);
    }
    .carousel-control.right i {
        margin-right: calc(100% - 43px);
    }
} */
/* STYLE HOMEPAGE IMAGE BEHIND BUTTONS */

@media (min-width: 992px)  {  .button-area {
    position: absolute;
    top: 0px;
    left: 0px;
    width:100%;
   padding: 1px;
/*   background-color:rgba(0, 0, 0, 0.1) ; */
}}
.homepage-main-img {
  width: 100%;
}

/* STYLE HOMEPAGE CTA BOX */
.homepage-CTA-box {
   background-color: #e2e2e2;
   padding: 25px 25px;
  margin-left:0;
  margin-right:0;
}
/* .align-bottom {
  position: relative;
    left:10px;
    top:100px;
} */

/* STYLE BREADCRUMBS */
/*#s-lib-bc-site, #s-lib-bc-guide, #s-lib-bc-page {
}*/

#s-lib-bc .breadcrumb {
    margin: 5px 0 5px;
    font-weight: 700;
    font-size: 11px;
    padding: 0;
    background-color: transparent;
}
/* position search bar next to breadcrumbs */
#s-lg-guide-search-box {
    margin-top: 7px;
margin-bottom: 0px;
    width: 150px;
}

/* STYLE SEARCH BAR AND BUTTON IN NAVBAR TO MATCH BRANDING */
#s-lg-guide-search-box {
   margin: 10px;
}
#s-lg-guide-header-search .btn {
  border-color: white;
  color: white;
  border-radius: 0px;
  margin:0px;
}
#s-lg-guide-header-search .btn:hover{
  background-color:#4e4e4e;
}


#s-lg-guide-search-box .form-control {
    border: 1px solid #fff;
    border-radius: 0px;
    box-shadow: none;
}

/* Hide authors on search results page */
.s-srch-result-author {
   display: none;
}



/* hover effect style from main stylesheet */
.lst-button:hover {
    opacity: 0.7;
}

/* hide prev/next buttons */

  .pager  {
     display:none!important;
}
#s-lg-page-prevnext {
     display:none!important;
}


/*hide box borders on all pages */
/* Styles for the boxes within the page */
.s-lib-box {
box-shadow: none;
border: none;
}
.s-lib-box-content .ui-widget {
    font-family: "Montserrat", sans-serif!important;
}


/* style box titles */
.s-lib-box .s-lib-box-title {
    background-color: transparent;
   border-bottom: none;
    letter-spacing: 0.02em;
    padding: 0.1em 8px;
}
.s-lib-box {
    color: black;
}
.s-lib-box .s-lib-box-title  {
    font-family:"montserrat", sans serift;
    font-size: 1.35em;
    color: #000
}

/* STYLE FOR LISTS TO DISPLAY IN TWO COLUNS AND SIZE AUTOMATICALLY */
@media (min-width: 550px){.twoColumnlist{
    -webkit-column-gap: 20px;
       -moz-column-gap: 20px;
            column-gap: 20px;
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
      margin-bottom:10px;
}}

/* add before:: element so page content isn't hidden behind fixed header when jumped to via a # anchor/link */
:target:before {
  content:"";
  /* display:block; */
  margin-top: -172px; 
  height: 172px; 
  visibility: hidden; 
  pointer-events: none;
}

/* as above but for tabbed boxes */


/* set margin at bottom of box */
.s-lib-box {
    margin: 0 0 5px;
}
/* set margins for horizontal line spacers */
hr {
    margin-top: 15px;
    margin-bottom: 15px;
}


/* Style tabs in tabbed boxes */
.ui-widget-content  {
    border: none;
    background: none;
}
.ui-widget-header {
    border: none;
    background: none;
}
.ui-widget-content a {
   color: #00264D;
}
.ui-tabs .ui-tabs-nav {
  border:none;
}
.ui-tabs .ui-tabs-nav li{
   margin:0.1em;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
   border: none;
   background: #fff;
   font-weight: normal;
   border-radius: 0px 0px 0px 0px;
}

.ui-widget-content .btn-primary {
  color: #fff!important;
}
.s-lib-box-content .ui-tabs .ui-tabs-panel {
 padding-top: 15px;
}

/* FOOTER STYLING */


.s-lib-footer {
    border-top: none;
    font-size: 0.8em;
}

.s-lib-footer.footer.container  body p li a {
    font-size: 0.8em;
    padding-bottom: 5px;
}

/* style last updated and admin login info ba */

.close {
    opacity: 1;
    text-shadow: none;
    color: #fff;
    font-size: 30px;
}

.footer-system-info li {
    float: left;
}

.footer-system-info li a {
   color: #333;    
   display: block;
    padding: 0px 8px;
}
#orange-footer {
    background-color: #EB5F24;
   color: #000;
}
 #orange-footer a {
   color: #000;
}

/* padding for orange footer */
@media only screen and (min-width: 401px){
#orange-footer {
    padding-top: 45px;
    padding-bottom: 45px;
}}


#orange-footer .fa-circle {
   color: #000;
}
#orange-footer .social {
   text-align:center;
   font-size: 1.2em;
}
#orange-footer .social a {
   color: #fff;
   font-size: .8em;
}
.vertical-align {
     display: -webkit-flex; /* Safari */
    -webkit-align-items: center; /* Safari 7.0+ */
    display: flex;
    align-items: center;
    justify-content: center;
}
.tag-line {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width:100%;
    width:auto;
    padding: 20px;
}


#bottom-footer {
    padding-top: 60px !important;
    padding-bottom: 30px !important;
    background-color: #000000;
}
#bottom-footer p, #bottom-footer li, #bottom-footer a{
    color: #fff;
    font-size: 1.2rem;
}

.logos {
    padding-right: 5px;
    padding-left: 5px;
    width: auto;
     margin:auto;
   display: table-cell!important;
}
.footer-logo {
    max-width: 450px;
}

@media only screen and (min-width: 768px) {
    #bottom-footer .row {
        padding: 0;
        margin-left: -20px!important;
        margin-right:-20px!important;
        margin-bottom: 30px;
    }
}

#bottom-footer .x-small {
    font-size: 80%;
}
a.privacyLink:link, #footer a.privacyLink:visited, #footer a.privacyLink:hover {
    color: #ffffff;
}

#bottom-footer .row {
    margin-right: 0px;
    margin-left: 0px;
}



/* print styling */

@media print {
/* PRINT ALL TAB CONTENT IN TABBED BOXES */
   .s-lib-jqtabs>div {
    display: block!important;
    border-bottom: 1px;
}
 .s-lib-jqtabs>div::after {
  content: " ";
  display: block;
  border-bottom: 1px solid #CCCCCC;
}

body {
      color: #000;
      background: #fff;
   }
ul, img {
   page-break-inside: avoid;
}
}

/* Additional info list padding styling - take list closer to sentence above */
.add-info-list {
  margin-bottom: 1px
}

.dropdown-menu>li>a {
    padding: 0 20px;
}





.icon {
    margin-bottom:1rem;
    }



.callout {
    background-color: #ebebeb;
    padding: 1rem 2rem;
    border-left: 5px solid #EB5F24;
    box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
    }

.callout.a {
    color:#0062FF; 
}
.my{
    margin: 2rem 0;
}
.flex-column {
    -ms-flex-direction: column!important;
    flex-direction: column!important;
}
.flex-grow-1 {
    -ms-flex-positive: 1!important;
    flex-grow: 1!important;
}
.white-text{
    color: #fff!important;
}

.orange-text{
    color: rgb(285, 80, 0, 1);
}
.black-text{
    color: rgb(0, 0, 0, 1);
}

.header-grey{
    background: #ebebeb;
}
.header-text{
    display: flex;
    flex-direction: column;
    background: #ebebeb;
}
.header-text h1{
    font-size: 2.4rem;
    letter-spacing: 0;
    margin: 0;
    line-height: 1.2;
}
.header-text h3{
    font-size: 1.3rem;
    letter-spacing: 0;
    margin: 0;
    line-height: 1.5;
}
.header-text a:hover{
    text-decoration: none;
}
.w-100{
    width:100%;
}
.h-auto{
    height: auto!important;
}
.row:not(.s-lg-row){
    display: flex;
    flex-wrap: wrap;
}

.btn-primary{
    color: #fff!important;
    font-weight: bold;
}
/*libguides footer*/
.container.s-lib-footer {
    width: initial;
    margin-left:-15px;
    margin-right:-15px;
}
.panel-group .panel+.panel {
    margin-top: 0px;
}
.panel-group .panel-heading{
    border: none;
    background-color: #ffffff !important;
    color: #000;
    cursor: pointer;
    position: relative;
    padding: 1px 0 !important;
    margin: 0;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    border-bottom: #EB5F24;
    border-bottom-style: solid;
    border-width: 2px;
    font-weight: normal;
}

.panel-group .panel-heading .black-border{
    border: none;
    background-color: #ffffff !important;
    color: #000;
    cursor: pointer;
    position: relative;
    padding: 0 !important;
    margin: 0;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    border-bottom: #000000;
    border-bottom-style: solid;
    border-width: 2px;
    font-weight: normal;
}

.panel-group .panel-heading .white-border{
    border: none;
    background-color: #ffffff !important;
    color: #000;
    cursor: pointer;
    position: relative;
    padding: 0 !important;
    margin: 0;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    border-bottom: #fff;
    border-bottom-style: solid;
    border-width: 2px;
    font-weight: normal;
}



.panel{
    box-shadow: none;
    -webkit-box-shadow: none;
}
.panel-title{
    margin-bottom: 0;
}
.panel-group .panel-heading+.panel-collapse>.panel-body{
    border: none;
}
.panel-title>a{
    display: block;
    padding: 10px;
    color: #000;
}

.panel-title>a:focus{
    outline: none;
}
.panel-title>a:after {
    content: "\f106";
    font-size: 2rem;
    font-family: FontAwesome;
/*    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";*/
    position: absolute;
    right: 10px;
    bottom: 10px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.panel-title>a.collapsed:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transform-origin: 50% 60%;
    transform-origin: 50% 60%;
}

/* Dots behind Font Awesome icons/numbers */

.back-dot {
    color: #EB5F24;
}

.number {
	color: #fff;
}


/*--FILTERS for categories*/

.grid {
      border: 0;
      margin: 0 -15px;
    }
    
    /* ---- button ---- */
    .button-group { 
    background:#F6F3E8;
    padding:10px;
    }
    .button {
      display: inline-block;
      padding: 10px 18px;
      background: #F6F3E8;
      color:#000;
      cursor: pointer;
      font-weight: bold;
      border: 0;
      border-radius: 0!important;
    }
    
    .button:hover {
      background-color: #EB5F24;
      color: #fff;
    }
    
    .button:active,
    .button.is-checked {
      background-color: #EB5F24 ;
    }
    
    .button.is-checked {
      color: white;
    }
    
    /*.button:active {
      box-shadow: inset 0 1px 10px hsla(0, 0%, 0%, 0.8);
    }*/
    
    /* ---- button-group ---- */
    
    .button-group:after {
      content: '';
      display: block;
      clear: both;
    }
    
    .button-group .button {
      float: left;
      border-radius: 0;
      margin-left: 0;
      margin-right: 3px;
    }
    
    
    /* ---- event cards ---- */
    
    .event-item > * {
      margin: 0;
      padding: 0;
    }
    
    .event-item .card {
      cursor:pointer;
    }
    
    .event-item.card-body {
          min-height: 140px;
    padding: 8px 8px 8px 13px;
    }
    
    @media(max-width:768px){
     .card-body {
            padding: 10px 15px;
            min-height: 0;
        }
    }
    
    .event-name {
        font-size: 1.05em;
        font-weight: bolder;
    }
    .event-city {
    font-size:small;
    }

    /* EVENT CALENDAR */
        #calendar {
          width: 100%;
          display: grid;
          grid-template-columns: repeat(5, 1fr);
          
        }
        
        
        #calendar tr, #calendar tbody {
          grid-column: 1 / -1;
          display: grid;
          grid-template-columns: repeat(5, 1fr);
         width: 100%;
         border-radius:0; 
        }
        
        
        #calendar a {
          color: #EB5F24;
          text-decoration: none;
        }
        
        #calendar td, #calendar th {
          padding: 8px;
          box-sizing:border-box;
          border: 1px solid #ebebeb;
        }  #calendar .weekdays {
          background: #EB5F24;
        }
           #calendar .weekdays th {
          text-align: center;
          line-height: 1.25;
          border: none !important;
          padding: 10px 6px;
          color: #fff;
        }
        
        /*Alernate Weekdays colour*/
      
        #calendar .weekdays-alt {
          background: #232323;
        }
        #calendar .weekdays-alt th {
          text-align: center;
          line-height: 1.25;
          border: none !important;
          padding: 10px 6px;
          color: #fff;
        }
        /*End alt weekdays colour*/
        
     
        #calendar td {
          display: flex;
          flex-direction: column;
          text-align: center;
        
        }
        #calendar .cal-card {
            cursor: default!important;
        }

 #calendar .cal-card .card-body {
          min-height: 50px!important;
    padding: 8px 8px 8px 13px;
    }
        #calendar .date {
          text-align: center;
          margin-bottom: 10px;
          padding: 8px;
          background: #EBEBEB;
          font-weight: 600;
          color:#000;
        }
        
        
        #calendar .event-name {
          color: #232323;
          font-weight: 700;
        }
        
        #calendar .other-month {
          color: #232323;
        }
    
    #calendar .card-body  {
    padding: 18px 5px 10px 5px!important;
    cursor: default;
    }
        
/* ============================
        Mobile Responsiveness
    ============================*/
        
        
        @media(max-width: 768px) {
        
          #calendar .weekdays {
            display: none;
          }
          
          #calendar, #calendar tr, #calendar tbody {
            grid-template-columns: 1fr;
          }
          
          #calendar  tr {
            grid-column: 1 / 2;
          }
        
          #calendar .date {
            background:#EB5F24;
            color:#fff;
          }
        } 
        


.shadow{
    box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
}
.news-grid {
  width: 100%;
  max-width: 1310px;
  margin: 0 auto;
  overflow: hidden;
  padding: 10px 0;
}

.news-cell {
  float: left;
  position: relative;
}
.image-basic {
  padding: 0 5px;
}
.basic-img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  border-top-right-radius: 25%;
}
.news-cell.is-expanded .news-expand {
  max-height: 10000px;
  margin-bottom: 10px;
}
.news-expand {
  position: relative;
  left: -5px;
  padding: 0 5px;
  box-sizing: content-box;
  overflow: hidden;
  background: #eee;
  max-height: 0px;
  transition: max-height .3s ease-in-out,margin-bottom .1s .2s;
}
.news-cell.is-collapsed .arrow-up {
  height: 10px;
  width: 100%;
}

.news-cell.is-expanded .arrow-up {
  border-bottom: 8px solid #eee;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  height: 0;
  width: 0;
  margin: 2px auto 0;
}
.expand-close {
  position: absolute;
  top: 10px;
  right: 20px;
  color: #454545;
  font-size: 50px;
  line-height: 50px;
  text-decoration: none!important;
}

.expand-close:before {
  content: 'ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬ ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬ ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â‚¬Å¾Ã‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¾Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬ ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¾ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬ ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬ ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â‚¬Å¾Ã‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¬ ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬ ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Â¦Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Â¦Ãƒâ€šÃ‚Â¾ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬ ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬ ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â‚¬Å¾Ã‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¾Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬ ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Â¦Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¡ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬ ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬ ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â‚¬Å¾Ã‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¡ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬ ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Â¦Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬ ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Â¦Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¡ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬ ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬ ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â‚¬Å¾Ã‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¡ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬ ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¦ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¡ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬ ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Â¦Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¡ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â';
}

.expand-close:hover {
  color: #fff;
}
.copy-large {
  max-width: 100%;
  height: auto;
  display: block;
  padding: 0 16px 16px;
  margin: 0 auto;
  box-sizing: border-box;
}
.copy-large:first-child {
  padding-top: 16px;
}
.news-cell {
    width: 100%;
}

.news-expand {
    width: 100%;
}
/*loader icon*/
.lds-grid {
  display: none;
  position: relative;
  width: 64px;
  height: 64px;
  margin-top: 100px;
}
.lds-grid div {
  position: absolute;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #000;
  animation: lds-grid 1.2s linear infinite;
}
.lds-grid div:nth-child(1) {
  top: 6px;
  left: 6px;
  animation-delay: 0s;
}
.lds-grid div:nth-child(2) {
  top: 6px;
  left: 26px;
  animation-delay: -0.4s;
}
.lds-grid div:nth-child(3) {
  top: 6px;
  left: 45px;
  animation-delay: -0.8s;
}
.lds-grid div:nth-child(4) {
  top: 26px;
  left: 6px;
  animation-delay: -0.4s;
}
.lds-grid div:nth-child(5) {
  top: 26px;
  left: 26px;
  animation-delay: -0.8s;
}
.lds-grid div:nth-child(6) {
  top: 26px;
  left: 45px;
  animation-delay: -1.2s;
}
.lds-grid div:nth-child(7) {
  top: 45px;
  left: 6px;
  animation-delay: -0.8s;
}
.lds-grid div:nth-child(8) {
  top: 45px;
  left: 26px;
  animation-delay: -1.2s;
}
.lds-grid div:nth-child(9) {
  top: 45px;
  left: 45px;
  animation-delay: -1.6s;
}
@keyframes lds-grid {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}

.system-alerts{
    background-color: #ffc300;
}

/*maps block elements*/
.map-holder{
  text-align: center;
}
#map-anchor{
    position:absolute;
    top: -81px;
    bottom:auto;
}
@media (min-width: 992px) {
    #map-anchor{
        top: -168px;
    }
}
@media (min-width: 1200px) {
    #map-anchor{
        top: -180px;
    }
}
.location{
    background-color: #A9A9A9;
    font-weight: bold;
}
.location p{
    padding: 1rem;
    color: #FFFFFF;
}

@media only screen and (max-width: 575px) {
  .news-cell:nth-of-type(2n+3) {
    clear:left;
  }
}

@media only screen and (min-width: 576px) {
  .news-cell {
      width: 33.33%;
  }
  
  .news-cell:nth-of-type(3n+2) .news-expand {
    margin-left: -100%;
  }

  .news-cell:nth-of-type(3n+3) .news-expand {
    margin-left: -200%;
  }

  .news-cell:nth-of-type(3n+4) {
    clear: left;
  }
  
  .news-expand {
    width: 300%;
  }
  
}

.modal-open .modal-own {
    overflow-x: hidden;
    overflow-y: auto;
}
.modal-own {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}
.system-alerts{
    background-color: #ffc300;
}

.fade-own {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
}
.fade-own.in {
    opacity: 1;
}
.modal-dialog-own {
    position: relative;
    width: auto;
    margin: 10px;
}
.modal-header {
    padding: 15px;    
    border-bottom: 1px solid #e5e5e5;    
    background-color: rgb(0,0,0);    
    padding-top: 2rem;
}
.modal-header h1, .modal-header h2,.modal-header h3,.modal-header h4, .modal-header h5, .modal-header h6{
    color: #fff!important;
}
.modal-footer {
    text-align: left;
}
.text-align-center {
    text-align: center;
}
.nav.nav-tabs:not(.navbar-nav):not(.split-button-nav){
    padding: 5px 15px;
    border: none;
    background: #F6F3E8;
    /*border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;*/
}
.nav.nav-tabs>li:not(.navbar-nav>li):not(.split-button-nav>li){
    font-size: 18px;
    background: none;
    border: none;
    flex: 1;
    text-align: center;
    padding: 0;
    cursor: pointer;
    z-index: 2;
    transition: color 240ms ease;
    width: 100%;
}
.nav.nav-tabs>li>a:not(.navbar-nav>li>a):not(.split-button-nav>li>a){
    color: #000;
    font-weight: bold;
    border: none;
}
.nav.nav-tabs>li.active>a:not(.navbar-nav>li.active>a):not(.split-button-nav>li.active>a){
    background: black;
    color: #fff!important;
    border: none;
}

.banner-bg{
    background: #F6F3E8;
}
.page-title{
    padding:1.5rem;
    margin-top:0;
}
.page-title h1 {
    text-transform: uppercase!important;
    font-size: 2.5rem;
    line-height: 1em;
    color:#000;
}

@media (max-width: 992px) {.page-title h1 {
    text-transform: uppercase!important;
    font-size: 2em;
    line-height: 95%;
    color:#000;
}
}



/*@media (min-width: 576px){
    .header-text h1{
        font-size: 1.5rem;
    }
    .header-text h3{
        font-size: 1.3rem;
    }
}*/
header {
    text-align: center;
}

.font-weight-bold {
    font-weight: 700!important;
}
.orange-border{
    border: 1px solid  #EB5F24!important;
}
p.dayevent{
    border-top: 1px solid #ccc
}
.daynumber{
    background: #acacac;
    margin-bottom: 10px;
}
.daynumber h4{
    margin: 0;
    padding-top: 10px;
    padding-bottom: 10px;
}
.dayevent{
    padding: 0.4rem!important;
    background: #eee;
}


@media(min-width: 768px) {
    .container {
        width: 100%;
        max-width: 738px;
    }
    .col-md {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }
    .header-text h1{
        font-size: 2rem;
    }
    .header-text h3{
        font-size: 1.4rem;
        line-height: 1.7rem;
    }
    .page-title {
        padding: 3rem;
    }
    .page-title h1 {
        font-size: 2.5rem;
    }
    .modal-dialog-own {
        width: 600px;
        margin: 30px auto;
    }
    .nav.nav-tabs>li:not(.navbar-nav>li):not(.split-button-nav>li){
        width: auto;
    }
}
@media (min-width: 992px){
    .container {
        max-width: 970px;
    }
    .container.s-lib-footer {
        width: initial;
    }
    .page-title h1 {
        font-size: 3.4rem;
    }
    .header-text h1{
        font-size: 2.4rem;
    }
    .header-text h3{
        font-size: 1.5rem;
        line-height: 2rem;
    }
    .modal-dialog-own {
        width: 800px;
        margin: 30px auto;
    }
    .modal-footer {
        text-align: right;
    }
}
@media (min-width: 1200px){
    .container {
        max-width: 1170px;
    }
    .container.s-lib-footer {
        width: initial;
    }
    .header-text h1{
        font-size: 2.8rem;
    }
    .header-text h3{
        font-size: 1.7rem;
        line-height: 2.2rem;
    }
    .page-title h1 {
        font-size: 4rem;
    }
    .modal-dialog-own {
        width: 1140px;
        margin: 30px auto;
    }
}
@media (min-width: 1550px){
    .container {  max-width: 1400px; }
    .container.s-lib-footer { width: initial; }
    .header-text h1{ font-size: 3.5rem; }
    .header-text h3{
        font-size: 2rem;
        line-height: 2.5rem;
    }
    .carousel-control { width: calc((100% - 1400px) /2); }
    .carousel-control.left i { margin-left: calc(100% - 43px); }
    .carousel-control.right i { margin-right: calc(100% - 43px); }
}


/***********************************************************
The brand new rules added in february 2023
***********************************************************/
/* spme body and html tweaks */
html, body { scroll-behavior: smooth; }
html [id], body [id] { scroll-margin: 150px !important; }

/* Color utilities */
/*
<style>
.white-text, .white-text > *,  .white-text > * > *{
  color: #ffffff!important;
}
</style>
*/
.black-bg{ background: #000!important}
.dark-grey-bg{ background: #4e4e4e!important}
.grey-bg{ background: #7b7b7b!important}
.lighter-grey-bg{ background: #E9E9E9!important}
.light-grey-bg{ background: #ebebeb!important}
.off-white-bg{ background: #F6F3E8!important}
.white-bg{ background: #ffffff!important}
.dk-red-bg {background:#BF2A45!important}
.red-bg{ background: #D93D3D!important}
.purple-bg { background: #992249!important}
.orange-bg{ background: #EB5F24!important}
.mid-orange-bg{ background: #F57B07!important}
.lt-orange-bg{ background: #F5A21D!important}
.yellow-bg{ background: #FAC941!important}
.lt-yellow-bg{ background: #FAE57D!important}
.burgundy-bg{ background: #881329!important}
.dk-burgundy-bg{ background: #420318!important}
.blue-bg{ background: #00264D!important}
.lt-blue-bg{ background: #0062ff!important}
.haze-bg{ background: #98a8b8!important}
.pink-bg{ background: #EE97FF!important}
.neon-bg{ background: #DDFAA9!important}


.black-text{ color: #000!important}
.dark-grey-text{ color: #4e4e4e!important}
.grey-text{ color: #7b7b7b!important}
.lighter-grey-text{ color: #E9E9E9!important}
.light-grey-text{ color: #ebebeb!important}
.white-textt, .white-text > *,  .white-text > * > *{ color: #ffffff!important}
.off-white-text { color: #F6F3E8!important}
.dk-red-text {color:#BF2A45!important}
.red-text{ color: #D93D3D!important}
.purple-text { color: #992249!important}
.orange-text{ color: #EB5F24!important}
.mid-orange-text{ color: #F57B07!important}
.lt-orange-text{ color: #F5A21D!important}
.yellow-text{ color: #FAC941!important}
.lt-yellow-text{ color: #FAE57D!important}
.burgundy-text{ color: #881329!important}
.dk-burgundy-text{ color: #420318!important}
.blue-text{ color: #00264D!important}
.lt-blue-text{ color: #0062ff!important}
.haze-text{ color: #98a8b8!important}
.pink-text{ color: #EE97FF!important}
.neon-text{ color: #DDFAA9!important}

.black-border{ border-color: #000!important}
.dark-grey-border{ border-color: #4e4e4e!important}
.grey-border{ border-color: #7b7b7b!important}
.lighter-grey-border{ border-color: #E9E9E9!important}
.light-grey-border{ border-color: #ebebeb!important}
.white-border{ border-color: #ffffff!important}
.off-white-bg{ border-color: #F6F3E8!important}
.dk-red-border {border-color:#BF2A45!important}
.red-border{ border-color: #D93D3D!important}
.purple-border { border-color: #992249!important}
.orange-border{ border-color: #EB5F24!important}
.mid-orange-border{ border-color: #F57B07!important}
.lt-orange-border{ border-color: #F5A21D!important}
.yellow-border{ border-color: #FAC941!important}
.lt-yellow-border{ border-color: #FAE57D!important}
.burgundy-border{ border-color: #881329!important}
.dk-burgundy-border{ border-color: #420318!important}
.blue-border{ border-color: #00264D!important}
.lt-blue-border{ border-color: #0062ff!important}
.haze-broder{ border-color: #98a8b8!important}
.pink-border{ border-color: #EE97FF!important}
.neon-border{ border-color: #DDFAA9!important}

/* Display utilities - also responsive classes*/
.d-none{display: none!important;}
.d-block{display: block!important;}
.d-inline{display: inline!important;}
.d-inline-block{display: inline-block!important;}
.d-flex{display: flex!important;}

/* Text utilities - also some responsive classes */
.text-start{text-align: start!important;}
.text-center{text-align: center!important;}
.text-end{text-align: end!important;}

.font-size-xxs{font-size: xx-small}
.font-size-xs{font-size: x-small;}
.font-size-sm{font-size: small;}
.font-size-smaller{font-size: smaller;}
.font-size-md{font-size: medium;}
.font-size-larger{font-size: larger;}
.font-size-lg{font-size: large;}
.font-size-xl{font-size: x-large;}
.font-size-xxl{font-size: xx-large;}

.fw-light{font-weight: light!important}
.fw-lighter{font-weight: lighter!important}
.fw-normal{font-weight: normal;}
.fw-bolder{font-weight: bolder;}
.fw-bold{font-weight: bold;}

/* Border radius */
.rounded-0{ border-radius: none!important; }
.rounded{ border-radius: 0!important}
.rounded-top{ border-top-left-radius: 0; border-top-right-radius: 0;}
.rounded-right{ border-top-right-radius: 0; border-bottom-right-radius: 0;}
.rounded-bottom{ border-bottom-left-radius: 0; border-top-right-radius: 0;}
.rounded-left{ border-bottom-left-radius: 0; border-top-left-radius: 0;}

/* padding from Bootstrap 5 */
.pt-0{ padding-top: 0!important; }
.pr-0{ padding-right: 0!important; }
.pb-0{ padding-bottom: 0!important; }
.pl-0{ padding-left: 0!important; }
.px-0 { padding-right: 0!important; padding-left: 0!important; }
.py-0 { padding-top: 0!important; padding-bottom: 0!important; }
.p-0{ padding: 0!important; }

.pt-1{ padding-top: .25!important; }
.pr-1{ padding-right: .25!important; }
.pb-1{ padding-bottom: .25!important; }
.pl-1{ padding-left: .25!important; }
.px-1 { padding-right: .25rem!important; padding-left: .25rem!important; }
.py-1 { padding-top: .25rem!important; padding-bottom: .25rem!important; }
.p-1{ padding: .25!important; }

.pt-2{ padding-top: .5!important; }
.pr-2{ padding-right: .5!important; }
.pb-2{ padding-bottom: .5!important; }
.pl-2{ padding-left: .5!important; }
.px-2 { padding-right: .5rem!important; padding-left: .5rem!important; }
.py-2 { padding-top: .5rem!important; padding-bottom: .5rem!important; }
.p-2{ padding: .5!important; }

.pt-3{ padding-top: 1rem!important; }
.pr-3{ padding-right: 1rem!important; }
.pb-3{ padding-bottom: 1rem!important; }
.pl-3{ padding-left: 1rem!important; }
.px-3 { padding-right: 1rem!important; padding-left: 1rem!important; }
.py-3 { padding-top: 1rem!important; padding-bottom: 1rem!important; }
.p-3 { padding: 1rem!important; }

.pt-4{ padding-top: 2rem!important; }
.pr-4{ padding-right: 2rem!important; }
.pb-4{ padding-bottom: 2rem!important; }
.pl-4{ padding-left: 2rem!important; }
.px-4 { padding-right: 2rem!important; padding-left: 2rem!important; }
.py-4 { padding-top: 2rem!important; padding-bottom: 2rem!important; }
.p-4 { padding: 2rem!important; }

.pt-5{ padding-top: 3rem!important; }
.pr-5{ padding-right: 3rem!important; }
.pb-5{ padding-bottom: 3rem!important; }
.pl-5{ padding-left: 3rem!important; }
.px-5 { padding-right: 3rem!important; padding-left: 3rem!important; }
.py-5 { padding-top: 3rem!important; padding-bottom: 3rem!important; }
.p-5 { padding: 3rem!important; }

/* margin from Bootstrap 5 */
.mt-0 {margin-top: 0!important;}
.mr-0 {margin-right: 0!important;}
.mb-0 {margin-bottom: 0!important;}
.ml-0 {margin-left: 0!important;}
.mx-0 {margin-right: 0!important; margin-left: 0!important;}
.my-0 {margin-top: 0!important; margin-bottom: 0!important;}
.m-0 {margin: 0!important;}

.mt-1 {margin-top: .25rem!important;}
.mr-1 {margin-right: .25rem!important;}
.mb-1 {margin-bottom: .25rem!important;}
.ml-1 {margin-left: .25rem!important;}
.mx-1 {margin-right: .25rem!important; margin-left: .25rem!important;}
.my-1 {margin-top: .25rem!important; margin-bottom: .25rem!important;}
.m-1 {margin: .25rem!important;}

.mt-2 {margin-top: .5rem!important;}
.mr-2 {margin-right: .5rem!important;}
.mb-2 {margin-bottom: .5rem!important;}
.ml-2 {margin-left: .5rem!important;}
.mx-2 {margin-right: .5rem!important; margin-left: .5rem!important;}
.my-2 {margin-top: .5rem!important; margin-bottom: .5rem!important;}
.m-2 {margin: .5rem!important;}

.mt-3 {margin-top: 1rem!important;}
.mr-3 {margin-right: 1rem!important;}
.mb-3 {margin-bottom: 1rem!important;}
.ml-3 {margin-left: 1rem!important;}
.mx-3 {margin-right: 1rem!important; margin-left: 1rem!important;}
.my-3 {margin-top: 1rem!important; margin-bottom: 1rem!important;}
.m-3 {margin: 1rem!important;}

.mt-4 {margin-top: 2rem!important;}
.mr-4 {margin-right: 2rem!important;}
.mb-4 {margin-bottom: 2rem!important;}
.ml-4 {margin-left: 2rem!important;}
.mx-4 {margin-right: 2rem!important; margin-left: 2rem!important;}
.my-4 {margin-top: 2rem!important; margin-bottom: 2rem!important;}
.m-4 {margin: 2rem!important;}

.mt-5 {margin-top: 3rem!important;}
.mr-5 {margin-right: 3rem!important;}
.mb-5 {margin-bottom: 3rem!important;}
.ml-5 {margin-left: 3rem!important;}
.mx-5 {margin-right: 3rem!important; margin-left: 3rem!important;}
.my-5 {margin-top: 3rem!important; margin-bottom: 3rem!important;}
.m-5 {margin: 3rem!important;}

.mt-auto{margin-top: auto!important;}
.mr-auto{margin-right: auto!important;}
.mb-auto{margin-bottom: auto!important;}
.ml-auto{margin-left: auto!important;}
.mx-auto{margin-right: auto!important;  margin-left: auto!important;}
.my-auto{margin-bottom: auto!important;  margin-top: auto!important;}
.m-auto{margin: auto;}

/* CARDS */

/*.rounded-top-right{
    border-radius: 0 25% 0 0;
}*/

.card{
  height: 100%; display: flex; flex-direction: column;
  box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0, 0, 0, 0.24);
  background-color: #fff;
}
.card a, .tab-pane a, .modal-body a {
    color: #0062FF;
}

.card-row-5-5, .card-row-4-6, .card-row-6-4, .card-row-3-7, .card-row-7-3{ flex-direction: row }
.card-row-5-5 > *{ width: 50% }
.card-row-4-6 > :first-child, .card-row-6-4 > :last-child{ width: 40% }
.card-row-4-6 > :last-child, .card-row-6-4 > :first-child{ width: 60% }
.card-row-3-7 > :first-child, .card-row-7-3 > :last-child{ width: 30% }
.card-row-3-7 > :last-child, .card-row-7-3 > :first-child{ width: 70% }

.card-header{
  padding: 1rem 2rem; margin-bottom: 0; font-size: 1.2em;
  font-weight: bold; color: #000;
}

.grey-header {
    border:none!important;
    background:#e9e9e9!important;
}

.blue-header {
    border:none!important;
    background:#00264D!important;
    color:#fff!important;
}

.card-border-blue {
    border-bottom: 2px #00264D solid; 
}


.lt-blue-header {
    border:none!important;
    background:#0062ff!important;
    color:#fff!important;
}

.card-border-lt-blue {
    border-bottom: 2px #0062ff solid; 
}

.pink-header{
    border:none!important;
    background:#EE97FF!important;
    color: #000!important;
}

.card-border-pink {
    border-bottom: 2px #EE97FF solid; 
}


.neon-header{
    border:none!important;
    background:#DDFAA9!important;
    color: #000!important;
}

.card-border-neon {
    border-bottom: 2px #DDFAA9 solid; 
}

.card-landing{
    cursor: pointer;
    box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0, 0, 0, 0.24);
}
.card-landing .card-img-top{
    overflow:hidden
}
.card-landing .card-header{
    padding: 1rem 2rem;
    border: none;
    background: #F6F3E8;
    color: black;
    /*text-align: center;*/
    transition: all 0.5s;
    font-size: 1.3em;
}
.card-landing .card-header h4{
    color: black;
    margin: 0;
    font-size:0.9em;
}
.card-landing:hover .card-header{
    filter: brightness(0.8);
}
/*.card-landing:hover .card-header h4{
    color: #F6F3E8;
}*/

/* BMIHMS card colours */
.card-landing .card-header-BM{
    padding: 0.75rem 2rem;
    border: none;
    background: #fff;
    color: #00264D;
    /*text-align: center;*/
    transition: all 0.5s;
}
.card-landing .card-header-BM h4{
    color: #00264D;
    margin: 0;
}
.card-landing:hover .card-header-BM {
    background: #00264D!important;
}
.card-landing:hover .card-header-BM h4{
    color: #fff;
}

.card-BM.card-header  {
    border-bottom: 2px solid #00264D!important;
}

/* Purple card colours */

.card-landing .card-header-purple h4{
    color: #992249;
    margin: 0;
}
.card-landing:hover .card-header-purple {
    background: #992249!important;
}
.card-landing:hover .card-header-purple h4{
    color: #fff;
}

.card-purple.card-header  {
    border-bottom: 2px solid #992249!important;
}

/* Lt Orange card colours */

.card-landing .card-header-lt-orange h4{
    color: #F5A21D;
    margin: 0;
}
.card-landing:hover .card-header-lt-orange {
    background: #F5A21D!important;
}
.card-landing:hover .card-header-lt-orange h4{
    color: #000;
}

.card-lt-orange.card-header  {
    border-bottom: 2px solid #F5A21D!important;
}

/* Mid Orange card colours */

.card-landing .card-header-mid-orange h4{
    color: #F57B07;
    margin: 0;
}
.card-landing:hover .card-header-mid-orange {
    background: #F57B07!important;
}
.card-landing:hover .card-header-mid-orange h4{
    color: #fff;
}

.card-lt-orange.card-header  {
    border-bottom: 2px solid #F57B07!important;
}


/* Dark red card colours */
.card-landing .card-header-dk-red{
    padding: 0.75rem 2rem;
    border: none;
    background: #fff;
    color: #BF2A45;
    /*text-align: center;*/
    transition: all 0.5s;
}
.card-landing .card-header-dk-red h4{
    color: #BF2A45;
    margin: 0;
}
.card-landing:hover .card-header-dk-red {
    background: #BF2A45!important;
}
.card-landing:hover .card-header-dk-red h4{
    color: #fff;
}

.card-dk-red .card-header  {
    border-bottom: 2px solid #BF2A45!important;
}

.card-img-overlay{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
/*    padding:1rem*/
}
.card-img-overlay a{
    display: block;
    padding: 1rem;
}
.overlay-dark{
    background: rgba(0,0,0,.6)
}
.card-img-overlay.overlay-dark:hover, .card-img-top a:hover + .card-img-overlay.overlay-dark{
    background: rgba(235,95,36,1);
}
.card-img-overlay.overlay-dark:hover a, .card-img-top a:hover + .card-img-overlay.overlay-dark a{
    color: #fff;
}
.overlay-bottom {
    top:auto;
    max-height:50%
}


.card-header:first-child{ border-top-right-radius: 0; border-top-left-radius: 0; }
.card-header:last-child{ border-bottom-right-radius: 0; border-bottom-left-radius: 0; }

.card-body{ padding: 2rem; flex: 1 1 auto; display: flex; flex-direction: column; }
.card-body:first-child{ border-top-right-radius: 0; border-top-left-radius: 0; }
.card-body:last-child{ border-bottom-right-radius: 0; border-bottom-left-radius: 0; }

.card-footer{ padding: 1rem 2rem; }
.card-footer:first-child{ border-top-right-radius: 0; border-top-left-radius: 0; }
.card-footer:last-child{ border-bottom-right-radius: 0; border-bottom-left-radius: 0; }

.card-body > .card-footer{ padding: 2rem 0 0 0; margin-top: auto}

.card-img-top, .card-img-bottom{ width: 100%; }

.card-img-start, .card-img-end, .card-img-sm-start,.card-img-sm-end, .card-img-md-start,
.card-img-md-end, .card-img-lg-start, .card-img-lg-end, .card-img-xl-start, .card-img-xl-end {
  width: 100%;
  max-width: 100%;
  height: 100%;
  object-fit: cover;
}
.card-img-only{ border-radius: 0; position: relative; }
.card-img-top{border-top-right-radius: 0; border-top-left-radius: 0;}
.card-img-end{border-top-right-radius: 0; border-bottom-right-radius: 0;}
.card-img-bottom{border-bottom-right-radius: 0; border-bottom-left-radius: 0;}
.card-img-start{border-top-left-radius: 0; border-bottom-left-radius: 0;}

/*.card-title{}
.card-subtitle{}
.card-text{}*/

/* Custom cards */
.link-card{
  padding: 1rem 2rem;
  font-weight: bold;
  justify-content: center;
  text-align: center;
  cursor: pointer;
}

.link-card:hover {
    filter: brightness(0.8);
}

.link-card.course-card{
    font-weight:normal!important;
        }

.link-card.home-link
        {
            background:#FFC812;
            color:#000;
            border:#000 solid 2px;
            box-shadow: none!important;
        }

        .link-card.home-link:hover
        {
            background:#F5A21D!important;
        }

@media(min-width: 576px) {
  .d-sm-none{display: none!important;}
  .d-sm-block{display: block!important;}
  .d-sm-inline{display: inline!important;}
  .d-sm-inline-block{display: inline-block!important;}
  .d-sm-flex{display: flex!important;}

  .pt-sm-0{ padding-top: 0!important; }
  .pr-sm-0{ padding-right: 0!important; }
  .pb-sm-0{ padding-bottom: 0!important; }
  .pl-sm-0{ padding-left: 0!important; }
  .px-sm-0 { padding-right: 0!important; padding-left: 0!important; }
  .py-sm-0 { padding-top: 0!important; padding-bottom: 0!important; }
  .p-sm-0{ padding: 0!important; }

  .pt-sm-1{ padding-top: .25!important; }
  .pr-sm-1{ padding-right: .25!important; }
  .pb-sm-1{ padding-bottom: .25!important; }
  .pl-sm-1{ padding-left: .25!important; }
  .px-sm-1 { padding-right: .25rem!important; padding-left: .25rem!important; }
  .py-sm-1 { padding-top: .25rem!important; padding-bottom: .25rem!important; }
  .p-sm-1{ padding: .25!important; }

  .pt-sm-2{ padding-top: .5!important; }
  .pr-sm-2{ padding-right: .5!important; }
  .pb-sm-2{ padding-bottom: .5!important; }
  .pl-sm-2{ padding-left: .5!important; }
  .px-sm-2 { padding-right: .5rem!important; padding-left: .5rem!important; }
  .py-sm-2 { padding-top: .5rem!important; padding-bottom: .5rem!important; }
  .p-sm-2{ padding: .5!important; }

  .pt-sm-3{ padding-top: 1rem!important; }
  .pr-sm-3{ padding-right: 1rem!important; }
  .pb-sm-3{ padding-bottom: 1rem!important; }
  .pl-sm-3{ padding-left: 1rem!important; }
  .px-sm-3 { padding-right: 1rem!important; padding-left: 1rem!important; }
  .py-sm-3 { padding-top: 1rem!important; padding-bottom: 1rem!important; }
  .p-sm-3 { padding: 1rem!important; }

  .pt-sm-4{ padding-top: 2rem!important; }
  .pr-sm-4{ padding-right: 2rem!important; }
  .pb-sm-4{ padding-bottom: 2rem!important; }
  .pl-sm-4{ padding-left: 2rem!important; }
  .px-sm-4 { padding-right: 2rem!important; padding-left: 2rem!important; }
  .py-sm-4 { padding-top: 2rem!important; padding-bottom: 2rem!important; }
  .p-sm-4 { padding: 2rem!important; }

  .pt-sm-5{ padding-top: 3rem!important; }
  .pr-sm-5{ padding-right: 3rem!important; }
  .pb-sm-5{ padding-bottom: 3rem!important; }
  .pl-sm-5{ padding-left: 3rem!important; }
  .px-sm-5 { padding-right: 3rem!important; padding-left: 3rem!important; }
  .py-sm-5 { padding-top: 3rem!important; padding-bottom: 3rem!important; }
  .p-sm-5 { padding: 3rem!important; }

  .mt-sm-0 {margin-top: 0!important;}
  .mr-sm-0 {margin-right: 0!important;}
  .mb-sm-0 {margin-bottom: 0!important;}
  .ml-sm-0 {margin-left: 0!important;}
  .mx-sm-0 {margin-right: 0!important; margin-left: 0!important;}
  .my-sm-0 {margin-top: 0!important; margin-bottom: 0!important;}
  .m-sm-0 {margin: 0!important;}

  .mt-sm-1 {margin-top: .25rem!important;}
  .mr-sm-1 {margin-right: .25rem!important;}
  .mb-sm-1 {margin-bottom: .25rem!important;}
  .ml-sm-1 {margin-left: .25rem!important;}
  .mx-sm-1 {margin-right: .25rem!important; margin-left: .25rem!important;}
  .my-sm-1 {margin-top: .25rem!important; margin-bottom: .25rem!important;}
  .m-sm-1 {margin: .25rem!important;}

  .mt-sm-2 {margin-top: .5rem!important;}
  .mr-sm-2 {margin-right: .5rem!important;}
  .mb-sm-2 {margin-bottom: .5rem!important;}
  .ml-sm-2 {margin-left: .5rem!important;}
  .mx-sm-2 {margin-right: .5rem!important; margin-left: .5rem!important;}
  .my-sm-2 {margin-top: .5rem!important; margin-bottom: .5rem!important;}
  .m-sm-2 {margin: .5rem!important;}

  .mt-sm-3 {margin-top: 1rem!important;}
  .mr-sm-3 {margin-right: 1rem!important;}
  .mb-sm-3 {margin-bottom: 1rem!important;}
  .ml-sm-3 {margin-left: 1rem!important;}
  .mx-sm-3 {margin-right: 1rem!important; margin-left: 1rem!important;}
  .my-sm-3 {margin-top: 1rem!important; margin-bottom: 1rem!important;}
  .m-sm-3 {margin: 1rem!important;}

  .mt-sm-4 {margin-top: 2rem!important;}
  .mr-sm-4 {margin-right: 2rem!important;}
  .mb-sm-4 {margin-bottom: 2rem!important;}
  .ml-sm-4 {margin-left: 2rem!important;}
  .mx-sm-4 {margin-right: 2rem!important; margin-left: 2rem!important;}
  .my-sm-4 {margin-top: 2rem!important; margin-bottom: 2rem!important;}
  .m-sm-4 {margin: 2rem!important;}

  .mt-sm-5 {margin-top: 3rem!important;}
  .mr-sm-5 {margin-right: 3rem!important;}
  .mb-sm-5 {margin-bottom: 3rem!important;}
  .ml-sm-5 {margin-left: 3rem!important;}
  .mx-sm-5 {margin-right: 3rem!important; margin-left: 3rem!important;}
  .my-sm-5 {margin-top: 3rem!important; margin-bottom: 3rem!important;}
  .m-sm-5 {margin: 3rem!important;}

  .mt-sm-auto{margin-top: auto!important;}
  .mr-sm-auto{margin-right: auto!important;}
  .mb-sm-auto{margin-bottom: auto!important;}
  .ml-sm-auto{margin-left: auto!important;}
  .mx-sm-auto{margin-right: auto!important;  margin-left: auto!important;}
  .my-sm-auto{margin-bottom: auto!important;  margin-top: auto!important;}
  .m-sm-auto{margin: auto;}

  .card-row-sm-5-5, .card-row-sm-4-6, .card-row-sm-6-4, .card-row-sm-3-7, .card-row-sm-7-3{
    flex-direction: row
  }
  .card-row-sm-5-5 > *{ width: 50% }
  .card-row-sm-4-6 > :first-child, .card-sm-row-6-4 > :last-child{ width: 40% }
  .card-row-sm-4-6 > :last-child, .card-sm-row-6-4 > :first-child{ width: 60% }
  .card-row-sm-3-7 > :first-child, .card-sm-row-7-3 > :last-child{ width: 30% }
  .card-row-sm-3-7 > :last-child, .card-sm-row-7-3 > :first-child{ width: 70% }

  .card-sm-clear{ flex-direction: column }
  .card-sm-clear > :first-child, .card-sm-clear > :last-child{ width: 100%}
  .card-img-sm-top{ border-radius: 0; border-top-left-radius: 0; border-top-right-radius: 0;}
  .card-img-sm-bottom{ border-radius: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
  .card-img-sm-start{ border-radius: 0; border-top-left-radius: 0; border-bottom-left-radius: 0;}
  .card-img-sm-end{ border-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 0;}
}
@media(min-width: 768px) {
  .d-md-none{display: none!important;}
  .d-md-block{display: block!important;}
  .d-md-inline{display: inline!important;}
  .d-md-inline-block{display: inline-block!important;}
  .d-md-flex{display: flex!important;}

  .pt-md-0{ padding-top: 0!important; }
  .pr-md-0{ padding-right: 0!important; }
  .pb-md-0{ padding-bottom: 0!important; }
  .pl-md-0{ padding-left: 0!important; }
  .px-md-0 { padding-right: 0!important; padding-left: 0!important; }
  .py-md-0 { padding-top: 0!important; padding-bottom: 0!important; }
  .p-md-0{ padding: 0!important; }

  .pt-md-1{ padding-top: .25!important; }
  .pr-md-1{ padding-right: .25!important; }
  .pb-md-1{ padding-bottom: .25!important; }
  .pl-md-1{ padding-left: .25!important; }
  .px-md-1 { padding-right: .25rem!important; padding-left: .25rem!important; }
  .py-md-1 { padding-top: .25rem!important; padding-bottom: .25rem!important; }
  .p-md-1{ padding: .25!important; }

  .pt-md-2{ padding-top: .5!important; }
  .pr-md-2{ padding-right: .5!important; }
  .pb-md-2{ padding-bottom: .5!important; }
  .pl-md-2{ padding-left: .5!important; }
  .px-md-2 { padding-right: .5rem!important; padding-left: .5rem!important; }
  .py-md-2 { padding-top: .5rem!important; padding-bottom: .5rem!important; }
  .p-md-2{ padding: .5!important; }

  .pt-md-3{ padding-top: 1rem!important; }
  .pr-md-3{ padding-right: 1rem!important; }
  .pb-md-3{ padding-bottom: 1rem!important; }
  .pl-md-3{ padding-left: 1rem!important; }
  .px-md-3 { padding-right: 1rem!important; padding-left: 1rem!important; }
  .py-md-3 { padding-top: 1rem!important; padding-bottom: 1rem!important; }
  .p-md-3 { padding: 1rem!important; }

  .pt-md-4{ padding-top: 2rem!important; }
  .pr-md-4{ padding-right: 2rem!important; }
  .pb-md-4{ padding-bottom: 2rem!important; }
  .pl-md-4{ padding-left: 2rem!important; }
  .px-md-4 { padding-right: 2rem!important; padding-left: 2rem!important; }
  .py-md-4 { padding-top: 2rem!important; padding-bottom: 2rem!important; }
  .p-md-4 { padding: 2rem!important; }

  .pt-md-5{ padding-top: 3rem!important; }
  .pr-md-5{ padding-right: 3rem!important; }
  .pb-md-5{ padding-bottom: 3rem!important; }
  .pl-md-5{ padding-left: 3rem!important; }
  .px-md-5 { padding-right: 3rem!important; padding-left: 3rem!important; }
  .py-md-5 { padding-top: 3rem!important; padding-bottom: 3rem!important; }
  .p-md-5 { padding: 3rem!important; }

  .mt-md-0 {margin-top: 0!important;}
  .mr-md-0 {margin-right: 0!important;}
  .mb-md-0 {margin-bottom: 0!important;}
  .ml-md-0 {margin-left: 0!important;}
  .mx-md-0 {margin-right: 0!important; margin-left: 0!important;}
  .my-md-0 {margin-top: 0!important; margin-bottom: 0!important;}
  .m-md-0 {margin: 0!important;}

  .mt-md-1 {margin-top: .25rem!important;}
  .mr-md-1 {margin-right: .25rem!important;}
  .mb-md-1 {margin-bottom: .25rem!important;}
  .ml-md-1 {margin-left: .25rem!important;}
  .mx-md-1 {margin-right: .25rem!important; margin-left: .25rem!important;}
  .my-md-1 {margin-top: .25rem!important; margin-bottom: .25rem!important;}
  .m-md-1 {margin: .25rem!important;}

  .mt-md-2 {margin-top: .5rem!important;}
  .mr-md-2 {margin-right: .5rem!important;}
  .mb-md-2 {margin-bottom: .5rem!important;}
  .ml-md-2 {margin-left: .5rem!important;}
  .mx-md-2 {margin-right: .5rem!important; margin-left: .5rem!important;}
  .my-md-2 {margin-top: .5rem!important; margin-bottom: .5rem!important;}
  .m-md-2 {margin: .5rem!important;}

  .mt-md-3 {margin-top: 1rem!important;}
  .mr-md-3 {margin-right: 1rem!important;}
  .mb-md-3 {margin-bottom: 1rem!important;}
  .ml-md-3 {margin-left: 1rem!important;}
  .mx-md-3 {margin-right: 1rem!important; margin-left: 1rem!important;}
  .my-md-3 {margin-top: 1rem!important; margin-bottom: 1rem!important;}
  .m-md-3 {margin: 1rem!important;}

  .mt-md-4 {margin-top: 2rem!important;}
  .mr-md-4 {margin-right: 2rem!important;}
  .mb-md-4 {margin-bottom: 2rem!important;}
  .ml-md-4 {margin-left: 2rem!important;}
  .mx-md-4 {margin-right: 2rem!important; margin-left: 2rem!important;}
  .my-md-4 {margin-top: 2rem!important; margin-bottom: 2rem!important;}
  .m-md-4 {margin: 2rem!important;}

  .mt-md-5 {margin-top: 3rem!important;}
  .mr-md-5 {margin-right: 3rem!important;}
  .mb-md-5 {margin-bottom: 3rem!important;}
  .ml-md-5 {margin-left: 3rem!important;}
  .mx-md-5 {margin-right: 3rem!important; margin-left: 3rem!important;}
  .my-md-5 {margin-top: 3rem!important; margin-bottom: 3rem!important;}
  .m-md-5 {margin: 3rem!important;}

  .mt-md-auto{margin-top: auto!important;}
  .mr-md-auto{margin-right: auto!important;}
  .mb-md-auto{margin-bottom: auto!important;}
  .ml-md-auto{margin-left: auto!important;}
  .mx-md-auto{margin-right: auto!important;  margin-left: auto!important;}
  .my-md-auto{margin-bottom: auto!important;  margin-top: auto!important;}
  .m-md-auto{margin: auto;}

  .card-row-md-5-5, .card-row-md-4-6, .card-row-md-6-4, .card-row-md-3-7, .card-row-md-7-3{
    flex-direction: row
  }
  .card-row-md-5-5 > *{ width: 50% }
  .card-row-md-4-6 > :first-child, .card-row-md-6-4 > :last-child{ width: 40% }
  .card-row-md-4-6 > :last-child, .card-row-md-6-4 > :first-child{ width: 60% }
  .card-row-md-3-7 > :first-child, .card-row-md-7-3 > :last-child{ width: 30% }
  .card-row-md-3-7 > :last-child, .card-row-md-7-3 > :first-child{ width: 70% }

  .card-md-clear{ flex-direction: column }
  .card-md-clear > :first-child, .card-md-clear > :last-child{ width: 100%}
  .card-img-md-top{ border-radius: 0; border-top-left-radius: 0; border-top-right-radius: 0;}
  .card-img-md-bottom{ border-radius: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
  .card-img-md-start{ border-radius: 0; border-top-left-radius: 0; border-bottom-left-radius: 0;}
  .card-img-md-end{ border-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 0;}
}
@media(min-width: 992px) {
  .d-lg-none{display: none!important;}
  .d-lg-block{display: block!important;}
  .d-lg-inline{display: inline!important;}
  .d-lg-inline-block{display: inline-block!important;}
  .d-lg-flex{display: flex!important;}

  .pt-lg-0{ padding-top: 0!important; }
  .pr-lg-0{ padding-right: 0!important; }
  .pb-lg-0{ padding-bottom: 0!important; }
  .pl-lg-0{ padding-left: 0!important; }
  .px-lg-0 { padding-right: 0!important; padding-left: 0!important; }
  .py-lg-0 { padding-top: 0!important; padding-bottom: 0!important; }
  .p-lg-0{ padding: 0!important; }

  .pt-lg-1{ padding-top: .25!important; }
  .pr-lg-1{ padding-right: .25!important; }
  .pb-lg-1{ padding-bottom: .25!important; }
  .pl-lg-1{ padding-left: .25!important; }
  .px-lg-1 { padding-right: .25rem!important; padding-left: .25rem!important; }
  .py-lg-1 { padding-top: .25rem!important; padding-bottom: .25rem!important; }
  .p-lg-1{ padding: .25!important; }

  .pt-lg-2{ padding-top: .5!important; }
  .pr-lg-2{ padding-right: .5!important; }
  .pb-lg-2{ padding-bottom: .5!important; }
  .pl-lg-2{ padding-left: .5!important; }
  .px-lg-2 { padding-right: .5rem!important; padding-left: .5rem!important; }
  .py-lg-2 { padding-top: .5rem!important; padding-bottom: .5rem!important; }
  .p-lg-2{ padding: .5!important; }

  .pt-lg-3{ padding-top: 1rem!important; }
  .pr-lg-3{ padding-right: 1rem!important; }
  .pb-lg-3{ padding-bottom: 1rem!important; }
  .pl-lg-3{ padding-left: 1rem!important; }
  .px-lg-3 { padding-right: 1rem!important; padding-left: 1rem!important; }
  .py-lg-3 { padding-top: 1rem!important; padding-bottom: 1rem!important; }
  .p-lg-3 { padding: 1rem!important; }

  .pt-lg-4{ padding-top: 2rem!important; }
  .pr-lg-4{ padding-right: 2rem!important; }
  .pb-lg-4{ padding-bottom: 2rem!important; }
  .pl-lg-4{ padding-left: 2rem!important; }
  .px-lg-4 { padding-right: 2rem!important; padding-left: 2rem!important; }
  .py-lg-4 { padding-top: 2rem!important; padding-bottom: 2rem!important; }
  .p-lg-4 { padding: 2rem!important; }

  .pt-lg-5{ padding-top: 3rem!important; }
  .pr-lg-5{ padding-right: 3rem!important; }
  .pb-lg-5{ padding-bottom: 3rem!important; }
  .pl-lg-5{ padding-left: 3rem!important; }
  .px-lg-5 { padding-right: 3rem!important; padding-left: 3rem!important; }
  .py-lg-5 { padding-top: 3rem!important; padding-bottom: 3rem!important; }
  .p-lg-5 { padding: 3rem!important; }

  .mt-lg-0 {margin-top: 0!important;}
  .mr-lg-0 {margin-right: 0!important;}
  .mb-lg-0 {margin-bottom: 0!important;}
  .ml-lg-0 {margin-left: 0!important;}
  .mx-lg-0 {margin-right: 0!important; margin-left: 0!important;}
  .my-lg-0 {margin-top: 0!important; margin-bottom: 0!important;}
  .m-lg-0 {margin: 0!important;}

  .mt-lg-1 {margin-top: .25rem!important;}
  .mr-lg-1 {margin-right: .25rem!important;}
  .mb-lg-1 {margin-bottom: .25rem!important;}
  .ml-lg-1 {margin-left: .25rem!important;}
  .mx-lg-1 {margin-right: .25rem!important; margin-left: .25rem!important;}
  .my-lg-1 {margin-top: .25rem!important; margin-bottom: .25rem!important;}
  .m-lg-1 {margin: .25rem!important;}

  .mt-lg-2 {margin-top: .5rem!important;}
  .mr-lg-2 {margin-right: .5rem!important;}
  .mb-lg-2 {margin-bottom: .5rem!important;}
  .ml-lg-2 {margin-left: .5rem!important;}
  .mx-lg-2 {margin-right: .5rem!important; margin-left: .5rem!important;}
  .my-lg-2 {margin-top: .5rem!important; margin-bottom: .5rem!important;}
  .m-lg-2 {margin: .5rem!important;}

  .mt-lg-3 {margin-top: 1rem!important;}
  .mr-lg-3 {margin-right: 1rem!important;}
  .mb-lg-3 {margin-bottom: 1rem!important;}
  .ml-lg-3 {margin-left: 1rem!important;}
  .mx-lg-3 {margin-right: 1rem!important; margin-left: 1rem!important;}
  .my-lg-3 {margin-top: 1rem!important; margin-bottom: 1rem!important;}
  .m-lg-3 {margin: 1rem!important;}

  .mt-lg-4 {margin-top: 2rem!important;}
  .mr-lg-4 {margin-right: 2rem!important;}
  .mb-lg-4 {margin-bottom: 2rem!important;}
  .ml-lg-4 {margin-left: 2rem!important;}
  .mx-lg-4 {margin-right: 2rem!important; margin-left: 2rem!important;}
  .my-lg-4 {margin-top: 2rem!important; margin-bottom: 2rem!important;}
  .m-lg-4 {margin: 2rem!important;}

  .mt-lg-5 {margin-top: 3rem!important;}
  .mr-lg-5 {margin-right: 3rem!important;}
  .mb-lg-5 {margin-bottom: 3rem!important;}
  .ml-lg-5 {margin-left: 3rem!important;}
  .mx-lg-5 {margin-right: 3rem!important; margin-left: 3rem!important;}
  .my-lg-5 {margin-top: 3rem!important; margin-bottom: 3rem!important;}
  .m-lg-5 {margin: 3rem!important;}

  .mt-lg-auto{margin-top: auto!important;}
  .mr-lg-auto{margin-right: auto!important;}
  .mb-lg-auto{margin-bottom: auto!important;}
  .ml-lg-auto{margin-left: auto!important;}
  .mx-lg-auto{margin-right: auto!important;  margin-left: auto!important;}
  .my-lg-auto{margin-bottom: auto!important;  margin-top: auto!important;}
  .m-lg-auto{margin: auto;}

  .card-row-lg-5-5, .card-row-lg-4-6, .card-row-lg-6-4, .card-row-lg-3-7, .card-row-lg-7-3{
    flex-direction: row
  }
  .card-row-lg-5-5 > *{ width: 50% }
  .card-row-lg-4-6 > :first-child, .card-row-lg-6-4 > :last-child{ width: 40% }
  .card-row-lg-4-6 > :last-child, .card-row-lg-6-4 > :first-child{ width: 60% }
  .card-row-lg-3-7 > :first-child, .card-row-lg-7-3 > :last-child{ width: 30% }
  .card-row-lg-3-7 > :last-child, .card-row-lg-7-3 > :first-child{ width: 70% }

  .card-lg-clear{ flex-direction: column }
  .card-lg-clear > :first-child, .card-lg-clear > :last-child{ width: 100%}
  .card-img-lg-top{ border-radius: 0; border-top-left-radius: 0; border-top-right-radius: 0;}
  .card-img-lg-bottom{ border-radius: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
  .card-img-lg-start{ border-radius: 0; border-top-left-radius: 0; border-bottom-left-radius: 0;}
  .card-img-lg-end{ border-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 0;}
}
@media(min-width: 1200px) {
  .d-xl-none{display: none!important;}
  .d-xl-block{display: block!important;}
  .d-xl-inline{display: inline!important;}
  .d-xl-inline-block{display: inline-block!important;}
  .d-xl-flex{display: flex!important;}

  .pt-xl-0{ padding-top: 0!important; }
  .pr-xl-0{ padding-right: 0!important; }
  .pb-xl-0{ padding-bottom: 0!important; }
  .pl-xl-0{ padding-left: 0!important; }
  .px-xl-0 { padding-right: 0!important; padding-left: 0!important; }
  .py-xl-0 { padding-top: 0!important; padding-bottom: 0!important; }
  .p-xl-0{ padding: 0!important; }

  .pt-xl-1{ padding-top: .25!important; }
  .pr-xl-1{ padding-right: .25!important; }
  .pb-xl-1{ padding-bottom: .25!important; }
  .pl-xl-1{ padding-left: .25!important; }
  .px-xl-1 { padding-right: .25rem!important; padding-left: .25rem!important; }
  .py-xl-1 { padding-top: .25rem!important; padding-bottom: .25rem!important; }
  .p-xl-1{ padding: .25!important; }

  .pt-xl-2{ padding-top: .5!important; }
  .pr-xl-2{ padding-right: .5!important; }
  .pb-xl-2{ padding-bottom: .5!important; }
  .pl-xl-2{ padding-left: .5!important; }
  .px-xl-2 { padding-right: .5rem!important; padding-left: .5rem!important; }
  .py-xl-2 { padding-top: .5rem!important; padding-bottom: .5rem!important; }
  .p-xl-2{ padding: .5!important; }

  .pt-xl-3{ padding-top: 1rem!important; }
  .pr-xl-3{ padding-right: 1rem!important; }
  .pb-xl-3{ padding-bottom: 1rem!important; }
  .pl-xl-3{ padding-left: 1rem!important; }
  .px-xl-3 { padding-right: 1rem!important; padding-left: 1rem!important; }
  .py-xl-3 { padding-top: 1rem!important; padding-bottom: 1rem!important; }
  .p-xl-3 { padding: 1rem!important; }

  .pt-xl-4{ padding-top: 2rem!important; }
  .pr-xl-4{ padding-right: 2rem!important; }
  .pb-xl-4{ padding-bottom: 2rem!important; }
  .pl-xl-4{ padding-left: 2rem!important; }
  .px-xl-4 { padding-right: 2rem!important; padding-left: 2rem!important; }
  .py-xl-4 { padding-top: 2rem!important; padding-bottom: 2rem!important; }
  .p-xl-4 { padding: 2rem!important; }

  .pt-xl-5{ padding-top: 3rem!important; }
  .pr-xl-5{ padding-right: 3rem!important; }
  .pb-xl-5{ padding-bottom: 3rem!important; }
  .pl-xl-5{ padding-left: 3rem!important; }
  .px-xl-5 { padding-right: 3rem!important; padding-left: 3rem!important; }
  .py-xl-5 { padding-top: 3rem!important; padding-bottom: 3rem!important; }
  .p-xl-5 { padding: 3rem!important; }

  .mt-xl-0 {margin-top: 0!important;}
  .mr-xl-0 {margin-right: 0!important;}
  .mb-xl-0 {margin-bottom: 0!important;}
  .ml-xl-0 {margin-left: 0!important;}
  .mx-xl-0 {margin-right: 0!important; margin-left: 0!important;}
  .my-xl-0 {margin-top: 0!important; margin-bottom: 0!important;}
  .m-xl-0 {margin: 0!important;}

  .mt-xl-1 {margin-top: .25rem!important;}
  .mr-xl-1 {margin-right: .25rem!important;}
  .mb-xl-1 {margin-bottom: .25rem!important;}
  .ml-xl-1 {margin-left: .25rem!important;}
  .mx-xl-1 {margin-right: .25rem!important; margin-left: .25rem!important;}
  .my-xl-1 {margin-top: .25rem!important; margin-bottom: .25rem!important;}
  .m-xl-1 {margin: .25rem!important;}

  .mt-xl-2 {margin-top: .5rem!important;}
  .mr-xl-2 {margin-right: .5rem!important;}
  .mb-xl-2 {margin-bottom: .5rem!important;}
  .ml-xl-2 {margin-left: .5rem!important;}
  .mx-xl-2 {margin-right: .5rem!important; margin-left: .5rem!important;}
  .my-xl-2 {margin-top: .5rem!important; margin-bottom: .5rem!important;}
  .m-xl-2 {margin: .5rem!important;}

  .mt-xl-3 {margin-top: 1rem!important;}
  .mr-xl-3 {margin-right: 1rem!important;}
  .mb-xl-3 {margin-bottom: 1rem!important;}
  .ml-xl-3 {margin-left: 1rem!important;}
  .mx-xl-3 {margin-right: 1rem!important; margin-left: 1rem!important;}
  .my-xl-3 {margin-top: 1rem!important; margin-bottom: 1rem!important;}
  .m-xl-3 {margin: 1rem!important;}

  .mt-xl-4 {margin-top: 2rem!important;}
  .mr-xl-4 {margin-right: 2rem!important;}
  .mb-xl-4 {margin-bottom: 2rem!important;}
  .ml-xl-4 {margin-left: 2rem!important;}
  .mx-xl-4 {margin-right: 2rem!important; margin-left: 2rem!important;}
  .my-xl-4 {margin-top: 2rem!important; margin-bottom: 2rem!important;}
  .m-xl-4 {margin: 2rem!important;}

  .mt-xl-5 {margin-top: 3rem!important;}
  .mr-xl-5 {margin-right: 3rem!important;}
  .mb-xl-5 {margin-bottom: 3rem!important;}
  .ml-xl-5 {margin-left: 3rem!important;}
  .mx-xl-5 {margin-right: 3rem!important; margin-left: 3rem!important;}
  .my-xl-5 {margin-top: 3rem!important; margin-bottom: 3rem!important;}
  .m-xl-5 {margin: 3rem!important;}

  .mt-xl-auto{margin-top: auto!important;}
  .mr-xl-auto{margin-right: auto!important;}
  .mb-xl-auto{margin-bottom: auto!important;}
  .ml-xl-auto{margin-left: auto!important;}
  .mx-xl-auto{margin-right: auto!important;  margin-left: auto!important;}
  .my-xl-auto{margin-bottom: auto!important;  margin-top: auto!important;}
  .m-xl-auto{margin: auto;}

  .card-row-xl-5-5, .card-row-xl-4-6, .card-row-xl-6-4, .card-row-xl-3-7, .card-row-xl-7-3{
    flex-direction: row
  }
  .card-row-xl-5-5 > *{ width: 50% }
  .card-row-xl-4-6 > :first-child, .card-row-xl-6-4 > :last-child{ width: 40% }
  .card-row-xl-4-6 > :last-child, .card-row-xl-6-4 > :first-child{ width: 60% }
  .card-row-xl-3-7 > :first-child, .card-row-xl-7-3 > :last-child{ width: 30% }
  .card-row-xl-3-7 > :last-child, .card-row-xl-7-3 > :first-child{ width: 70% }

  .card-xl-clear{ flex-direction: column }
  .card-xl-clear > :first-child, .card-xl-clear > :last-child{ width: 100%}
  .card-img-xl-top{ border-radius: 0; border-top-left-radius: 0; border-top-right-radius: 0;}
  .card-img-xl-bottom{ border-radius: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
  .card-img-xl-start{ border-radius: 0; border-top-left-radius: 0; border-bottom-left-radius: 0;}
  .card-img-xl-end{ border-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 0;}
}
@media(min-width: 1550px) {
}

/*morphs background*/
/*@media (min-width: 768px){
    .container.s-lib-footer {
        width: initial;
    }
    body{
        background-image: url("data:image/svg+xml,%3Csvg id='eQqtN1yswr41' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='454 377 764 669' shape-rendering='geometricPrecision' text-rendering='geometricPrecision'%3E%3Cstyle%3E%3C!%5BCDATA%5B%23eQqtN1yswr418 %7Banimation: eQqtN1yswr418__m 18000ms linear infinite normal forwards%7D@keyframes eQqtN1yswr418__m %7B 0%25 %7Bd: path('M254.009465,368.031743C302.184124,347.606408,391.757264,312.070169,444.414694,358.498296C506.084564,407.480380,552.292196,408.728797,658.049910,451.913662C765.040305,489.071407,755.487825,701.099070,719.891682,772.498214C684.912588,842.456402,610.986251,902.730681,507.012238,867.187929C340.215014,791.314375,428.215296,654.081076,330.101116,598.405940C266.466252,567.074230,165.836548,606.077138,155.819757,488.005962C143.581766,401.491024,188.757053,379.269056,254.009465,368.031743Z');animation-timing-function: cubic-bezier(0.455000,0.030000,0.515000,0.955000)%7D 17.777778%25 %7Bd: path('M165.740791,381.049632C225.122285,332.833924,354.630285,339.899120,441.192576,370.956506C513.858235,397.272331,594.212384,437.306760,660.015006,479.222744C758.787528,553.453838,807.952437,600.027494,734.854860,670.137557C673.344466,733.777849,568.536115,623.301210,458.583517,675.520555C361.652389,715.422504,271.945523,785.208933,221.250926,760.295531C188.819036,739.182385,197.491729,696.096940,189.745925,601.532524C181.822150,497.888983,107.534946,434.820410,165.740791,381.049632Z');animation-timing-function: cubic-bezier(0.455000,0.030000,0.515000,0.955000)%7D 33.333333%25 %7Bd: path('M206.397524,321.496249C279.579503,265.556525,371.887863,306.538046,453.965615,336.179248C532.779906,364.423252,710.714616,506.860409,756.798217,559.817856C829.405914,640.345893,768.623151,766.459627,656.905618,749.129270C523.992586,737.357332,451.370383,870.190242,387.919770,832.324857C322.845229,793.811170,381.540727,676.687200,306.460143,597.110081C245.845055,538.785048,161.797807,585.076705,137.236353,515.643565C110.812748,448.209992,151.825081,370.700361,206.397524,321.496249Z');animation-timing-function: cubic-bezier(0.455000,0.030000,0.515000,0.955000)%7D 50%25 %7Bd: path('M166.464314,414.470922C144.023220,254.549953,236.598921,234.836883,358.253995,292.906585C437.068286,321.150589,562.841196,389.516045,608.924798,442.473492C681.532495,523.001529,696.073214,575.052915,674.444681,628.902494C652.391805,676.999697,623.272312,691.747694,575.030167,684.416632C532.856384,683.914679,525.563047,653.522769,451.107494,654.583906C338.652307,641.012858,228.824754,764.923684,152.332364,688.383559C101.362690,632.603757,229.713386,576.448859,166.464314,414.470922Z');animation-timing-function: cubic-bezier(0.455000,0.030000,0.515000,0.955000)%7D 68.888889%25 %7Bd: path('M300.885918,371.642935C417.973555,324.955412,465.140320,344.681915,535.741286,371.818521C623.768061,414.375546,696.709962,448.006712,724.622207,492.890626C777.504298,558.693586,793.817051,676.234722,761.406773,757.323829C722.619606,848.299116,664.920535,955.070671,523.776359,927.452378C354.107902,877.631263,470.704438,751.642730,388.795127,660.891739C330.384310,584.692416,270.783433,592.129178,238.968462,501.548949C219.835879,444.273713,248.162867,385.523836,300.885918,371.642935Z');animation-timing-function: cubic-bezier(0.455000,0.030000,0.515000,0.955000)%7D 86.666667%25 %7Bd: path('M257.430229,379.633147C374.517867,332.945625,470.877700,338.282218,541.478665,365.418823C629.505440,407.975849,696.709962,448.006712,724.622207,492.890626C777.504298,558.693586,818.713514,626.923777,786.303236,708.012884C747.516069,798.988170,639.773036,733.781978,518.753775,752.232482C403.061572,755.508451,359.882553,797.314426,318.917604,770.940253C288.350019,743.651256,312.456478,701.617583,308.886379,633.409019C295.145855,532.524793,131.471220,487.446948,257.430229,379.633147Z');animation-timing-function: cubic-bezier(0.455000,0.030000,0.515000,0.955000)%7D 100%25 %7Bd: path('M254.009465,368.031743C302.184124,347.606408,391.757264,312.070169,444.414694,358.498296C506.084564,407.480380,552.292196,408.728797,658.049910,451.913662C765.040305,489.071407,755.487825,701.099070,719.891682,772.498214C684.912588,842.456402,610.986251,902.730681,507.012238,867.187929C340.215014,791.314375,428.215296,654.081076,330.101116,598.405940C266.466252,567.074230,165.836548,606.077138,155.819757,488.005962C143.581766,401.491024,188.757053,379.269056,254.009465,368.031743Z')%7D%7D %23eQqtN1yswr418_tr %7Banimation: eQqtN1yswr418_tr__tr 18000ms linear infinite normal forwards%7D@keyframes eQqtN1yswr418_tr__tr %7B 0%25 %7Btransform: translate(153.541509px,89.360298px) rotate(0deg);animation-timing-function: cubic-bezier(0.455000,0.030000,0.515000,0.955000)%7D 30.555556%25 %7Btransform: translate(153.541509px,89.360298px) rotate(-10.691777deg);animation-timing-function: cubic-bezier(0.455000,0.030000,0.515000,0.955000)%7D 47.777778%25 %7Btransform: translate(153.541509px,89.360298px) rotate(6.939378deg);animation-timing-function: cubic-bezier(0.455000,0.030000,0.515000,0.955000)%7D 64.444444%25 %7Btransform: translate(153.541509px,89.360298px) rotate(5deg);animation-timing-function: cubic-bezier(0.455000,0.030000,0.515000,0.955000)%7D 83.333333%25 %7Btransform: translate(153.541509px,89.360298px) rotate(-2deg);animation-timing-function: cubic-bezier(0.455000,0.030000,0.515000,0.955000)%7D 100%25 %7Btransform: translate(153.541509px,89.360298px) rotate(0deg)%7D%7D %23eQqtN1yswr418_tk %7Banimation: eQqtN1yswr418_tk__tk 18000ms linear infinite normal forwards%7D@keyframes eQqtN1yswr418_tk__tk %7B 0%25 %7Btransform: skewX(0deg) skewY(0deg);animation-timing-function: cubic-bezier(0.455000,0.030000,0.515000,0.955000)%7D 31.666667%25 %7Btransform: skewX(0deg) skewY(0deg);animation-timing-function: cubic-bezier(0.455000,0.030000,0.515000,0.955000)%7D 48.888889%25 %7Btransform: skewX(0deg) skewY(0deg);animation-timing-function: cubic-bezier(0.455000,0.030000,0.515000,0.955000)%7D 66.666667%25 %7Btransform: skewX(0deg) skewY(0deg);animation-timing-function: cubic-bezier(0.455000,0.030000,0.515000,0.955000)%7D 100%25 %7Btransform: skewX(0deg) skewY(0deg)%7D%7D%5D%5D%3E%3C/style%3E%3Cdefs%3E%3CclipPath id='eQqtN1yswr42'%3E%3Cuse id='eQqtN1yswr43' width='1440' height='450' xlink:href='%23null'/%3E%3C/clipPath%3E%3CclipPath id='eQqtN1yswr44'%3E%3Cuse id='eQqtN1yswr45' width='1440' height='450' xlink:href='%23null'/%3E%3C/clipPath%3E%3CclipPath id='eQqtN1yswr46'%3E%3Crect id='eQqtN1yswr47' width='1440' height='450' rx='0' ry='0' stroke='none' stroke-width='1'/%3E%3C/clipPath%3E%3CclipPath id='eQqtN1yswr48'%3E%3Cuse id='eQqtN1yswr49' width='1440' height='450' xlink:href='%23null'/%3E%3C/clipPath%3E%3CclipPath id='eQqtN1yswr410'%3E%3Crect id='eQqtN1yswr411' width='1440' height='450' rx='0' ry='0' stroke='none' stroke-width='1'/%3E%3C/clipPath%3E%3CclipPath id='eQqtN1yswr412'%3E%3Crect id='eQqtN1yswr413' width='375' height='666' rx='0' ry='0' transform='matrix(1 0 0 1 69.15000000000001 65.52000000000000)' stroke='none' stroke-width='1'/%3E%3C/clipPath%3E%3CclipPath id='eQqtN1yswr414'%3E%3Crect id='eQqtN1yswr415' width='1440' height='675' rx='0' ry='0' transform='matrix(1 0 0 1 164.30000000000001 43.80000000000000)' stroke='none' stroke-width='1'/%3E%3C/clipPath%3E%3CradialGradient id='eQqtN1yswr418-fill' cx='0' cy='0' r='681.880000' spreadMethod='pad' gradientUnits='userSpaceOnUse' gradientTransform='matrix(1 0 0 1 605.45953803719544 567.49511780145201)'%3E%3Cstop id='eQqtN1yswr418-fill-0' offset='0%25' stop-color='rgb(110,175,225)'/%3E%3Cstop id='eQqtN1yswr418-fill-1' offset='46%25' stop-color='rgb(60,40,220)'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cg id='eQqtN1yswr416' transform='matrix(1 0 0 1 369 322)' clip-path='url(%23eQqtN1yswr419)'%3E%3Cg id='eQqtN1yswr417' transform='matrix(1 0 0 1 2 -1)'%3E%3Cg id='eQqtN1yswr418_tr' transform='translate(153.541509,89.360298) rotate(0)'%3E%3Cg id='eQqtN1yswr418_tk' transform='skewX(0) skewY(0)'%3E%3Cpath id='eQqtN1yswr418' d='M254.009465,368.031743C302.184124,347.606408,391.757264,312.070169,444.414694,358.498296C506.084564,407.480380,552.292196,408.728797,658.049910,451.913662C765.040305,489.071407,755.487825,701.099070,719.891682,772.498214C684.912588,842.456402,610.986251,902.730681,507.012238,867.187929C340.215014,791.314375,428.215296,654.081076,330.101116,598.405940C266.466252,567.074230,165.836548,606.077138,155.819757,488.005962C143.581766,401.491024,188.757053,379.269056,254.009465,368.031743Z' transform='scale(-1.015574,0.896425) translate(-425,-438)' fill='url(%23eQqtN1yswr418-fill)' stroke='rgb(9,7,7)' stroke-width='1' stroke-opacity='0'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3CclipPath id='eQqtN1yswr419' transform='matrix(1 0 0 1 85 55)'%3E%3Crect id='eQqtN1yswr420' width='764' height='669' rx='0' ry='0' fill='none' stroke='none' stroke-width='1'/%3E%3C/clipPath%3E%3C/g%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg id='eVBC5vO8QDR1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='39 0 404 480' shape-rendering='geometricPrecision' text-rendering='geometricPrecision'%3E%3Cstyle%3E%3C!%5BCDATA%5B%23eVBC5vO8QDR12 %7Banimation: eVBC5vO8QDR12__m 19000ms linear infinite normal forwards%7D@keyframes eVBC5vO8QDR12__m %7B 0%25 %7Bd: path('M325.371359,421.214355C368.861598,390.612133,394.440720,350.373816,393.955500,283.037365C395.951464,225.133239,376.345565,199.607493,343.965964,196.111593C294.738761,189.815620,272.377209,231.525746,234.972386,232.887881C208.460822,244.179982,101.232749,141.340989,81.150577,165.225000C65.567971,187.566474,55.948803,191.458662,56.503351,225.332019C51.921353,248.753351,53.975634,262.770102,59.683639,293.470820C65.892869,317.300986,75.569550,329.950443,86.716081,350.673764C103.370016,388.765533,126.436682,398.630609,160.047118,421.214355C206.131433,453.033722,276.481244,452.947129,325.371359,421.214355Z');animation-timing-function: cubic-bezier(0.455000,0.030000,0.515000,0.955000)%7D 11.578947%25 %7Bd: path('M255.791631,432.742081C317.968856,420.734865,288.814693,356.443805,304.733011,274.580818C315.963833,207.014541,350.217905,150.696703,309.954552,112.608570C265.231738,61.108409,184.634816,73.523398,138.893939,106.421225C98.531042,133.295717,96.640607,153.306866,86.716081,174.074399C71.133474,196.415873,67.782367,200.972365,68.336915,234.845722C63.754917,258.267054,53.975634,262.770102,59.683639,293.470820C65.892869,317.300986,75.569550,329.950443,86.716081,350.673764C103.370016,388.765533,77.203903,393.017707,110.814339,415.601452C156.898654,447.420819,201.825434,429.030036,255.791631,432.742081Z');animation-timing-function: cubic-bezier(0.455000,0.030000,0.515000,0.955000)%7D 25.263158%25 %7Bd: path('M254.960060,352.921423C297.107973,319.524972,359.458795,324.868045,370.687324,251.955586C376.038979,200.742473,365.634712,168.327349,325.371359,130.239215C256.561245,70.364908,187.392846,79.247807,141.651969,112.145634C106.187304,140.311863,108.338879,172.379285,108.746332,195.261971C93.163725,217.603445,91.582697,195.469203,92.137245,229.342559C87.555247,252.763892,75.633334,260.857407,81.341339,291.558125C87.550569,315.388291,97.599801,325.379957,108.746332,346.103278C125.400267,384.195047,126.436682,398.630609,160.047118,421.214355C206.131433,453.033722,211.439250,390.242658,254.960060,352.921423Z');animation-timing-function: cubic-bezier(0.455000,0.030000,0.515000,0.955000)%7D 37.894737%25 %7Bd: path('M354.364455,431.313102C421.361185,360.541503,352.581829,317.162589,343.387446,246.197835C334.044085,176.436358,317.588597,146.204740,291.004717,118.482596C245.312628,70.354701,206.621409,85.584769,165.189280,146.726319C138.677716,158.018420,139.598723,189.013315,119.516552,212.897326C103.933945,235.238800,55.948803,191.458662,56.503351,225.332019C51.921353,248.753351,53.975634,262.770102,59.683639,293.470820C65.892869,317.300986,75.569550,329.950443,86.716081,350.673764C103.370016,388.765533,126.436682,398.630609,160.047118,421.214355C206.131433,453.033722,300.502651,479.931825,354.364455,431.313102Z');animation-timing-function: cubic-bezier(0.455000,0.030000,0.515000,0.955000)%7D 51.578947%25 %7Bd: path('M332.056208,421.214355C373.571709,398.712909,401.194789,351.493171,400.709568,293.470820C401.056045,234.750240,384.549587,203.700739,338.693208,191.692087C278.728597,179.580852,274.983358,227.203090,237.508618,237.751227C210.997055,249.043328,101.232749,141.340989,81.150577,165.225000C65.567971,187.566474,55.948803,191.458662,56.503351,225.332019C51.921353,248.753351,53.975634,262.770102,59.683639,293.470820C65.892869,317.300986,75.569550,329.950443,86.716081,350.673764C103.370016,388.765533,126.436682,398.630609,160.047118,421.214355C206.131433,453.033722,283.166093,452.947129,332.056208,421.214355Z');animation-timing-function: cubic-bezier(0.455000,0.030000,0.515000,0.955000)%7D 66.315789%25 %7Bd: path('M325.349980,407.882909C342.389945,377.381190,346.711588,339.259423,351.286959,293.470820C353.787418,238.118382,414.011804,175.434335,351.286959,116.681627C282.476845,56.807320,193.973030,79.710743,148.232154,112.608570C121.720590,123.900671,101.232749,141.340989,81.150577,165.225000C65.567971,187.566474,55.948803,191.458662,56.503351,225.332019C51.921353,248.753351,53.975634,262.770102,59.683639,293.470820C65.892869,317.300986,75.569550,329.950443,86.716081,350.673764C103.370016,388.765533,126.436682,398.630609,160.047118,421.214355C206.131433,453.033722,293.097769,471.143317,325.349980,407.882909Z');animation-timing-function: cubic-bezier(0.455000,0.030000,0.515000,0.955000)%7D 80%25 %7Bd: path('M329.866481,382.387185C361.682108,373.960424,385.692381,338.830452,383.864834,278.479577C385.790274,226.475110,365.634712,168.327349,325.371359,130.239215C256.561245,70.364908,190.385441,76.314077,144.644564,109.211904C114.016261,130.414673,101.232749,141.340989,81.150577,165.225000C65.567971,187.566474,55.948803,191.458662,56.503351,225.332019C51.921353,248.753351,53.975634,262.770102,59.683639,293.470820C65.892869,317.300986,75.569550,329.950443,86.716081,350.673764C103.370016,388.765533,162.731114,348.754591,211.442584,350.673764C271.038351,356.662415,281.576923,396.460775,329.866481,382.387185Z');animation-timing-function: cubic-bezier(0.455000,0.030000,0.515000,0.955000)%7D 92.631579%25 %7Bd: path('M339.370887,432.063877C412.285346,379.188683,341.198433,317.718087,339.370887,257.367212C333.179716,199.364576,349.944693,170.947428,320.432129,116.410246C280.760382,52.863105,189.522393,93.100576,190.566362,136.654065C164.054798,147.946166,196.857415,233.483201,176.775244,257.367212C161.192638,279.708686,55.948803,191.458662,56.503351,225.332019C51.921353,248.753351,53.975634,262.770102,59.683639,293.470820C65.892869,317.300986,75.569550,329.950443,86.716081,350.673764C103.370016,388.765533,126.436682,398.630609,160.047118,421.214355C206.131433,453.033722,286.766747,466.406435,339.370887,432.063877Z');animation-timing-function: cubic-bezier(0.455000,0.030000,0.515000,0.955000)%7D 100%25 %7Bd: path('M325.371359,421.214355C368.861598,390.612133,394.440720,350.373816,393.955500,283.037365C395.951464,225.133239,376.345565,199.607493,343.965964,196.111593C294.738761,189.815620,272.377209,231.525746,234.972386,232.887881C208.460822,244.179982,101.232749,141.340989,81.150577,165.225000C65.567971,187.566474,55.948803,191.458662,56.503351,225.332019C51.921353,248.753351,53.975634,262.770102,59.683639,293.470820C65.892869,317.300986,75.569550,329.950443,86.716081,350.673764C103.370016,388.765533,126.436682,398.630609,160.047118,421.214355C206.131433,453.033722,276.481244,452.947129,325.371359,421.214355Z')%7D%7D %23eVBC5vO8QDR12_to %7Banimation: eVBC5vO8QDR12_to__to 19000ms linear infinite normal forwards%7D@keyframes eVBC5vO8QDR12_to__to %7B 0%25 %7Btransform: translate(435.126454px,243.137285px);animation-timing-function: cubic-bezier(0.455000,0.030000,0.515000,0.955000)%7D 23.157895%25 %7Btransform: translate(342.669647px,149.150154px);animation-timing-function: cubic-bezier(0.455000,0.030000,0.515000,0.955000)%7D 36.947368%25 %7Btransform: translate(405.196050px,217.963622px)%7D 49.473684%25 %7Btransform: translate(433.126183px,267.337023px);animation-timing-function: cubic-bezier(0.455000,0.030000,0.515000,0.955000)%7D 52.631579%25 %7Btransform: translate(430.588743px,255.701962px)%7D 77.894737%25 %7Btransform: translate(339.261613px,186.212709px);animation-timing-function: cubic-bezier(0.455000,0.030000,0.515000,0.955000)%7D 100%25 %7Btransform: translate(440.174834px,183.566397px)%7D%7D %23eVBC5vO8QDR12_ts %7Banimation: eVBC5vO8QDR12_ts__ts 19000ms linear infinite normal forwards%7D@keyframes eVBC5vO8QDR12_ts__ts %7B 0%25 %7Btransform: scale(-1.040000,0.960000);animation-timing-function: cubic-bezier(0.455000,0.030000,0.515000,0.955000)%7D 2.105263%25 %7Btransform: scale(-1,0.996920);animation-timing-function: cubic-bezier(0.455000,0.030000,0.515000,0.955000)%7D 9.473684%25 %7Btransform: scale(-0.900000,1.090000);animation-timing-function: cubic-bezier(0.455000,0.030000,0.515000,0.955000)%7D 21.052632%25 %7Btransform: scale(-1.060000,0.940000);animation-timing-function: cubic-bezier(0.455000,0.030000,0.515000,0.955000)%7D 27.368421%25 %7Btransform: scale(-1,1);animation-timing-function: cubic-bezier(0.455000,0.030000,0.515000,0.955000)%7D 35.789474%25 %7Btransform: scale(-0.970000,1.050000);animation-timing-function: cubic-bezier(0.455000,0.030000,0.515000,0.955000)%7D 47.368421%25 %7Btransform: scale(-1.060000,0.940000);animation-timing-function: cubic-bezier(0.455000,0.030000,0.515000,0.955000)%7D 53.684211%25 %7Btransform: scale(-1,1);animation-timing-function: cubic-bezier(0.455000,0.030000,0.515000,0.955000)%7D 64.210526%25 %7Btransform: scale(-0.920000,1.080000);animation-timing-function: cubic-bezier(0.455000,0.030000,0.515000,0.955000)%7D 75.789474%25 %7Btransform: scale(-1.040000,0.960000);animation-timing-function: cubic-bezier(0.455000,0.030000,0.515000,0.955000)%7D 82.105263%25 %7Btransform: scale(-1,1);animation-timing-function: cubic-bezier(0.455000,0.030000,0.515000,0.955000)%7D 90.526316%25 %7Btransform: scale(-0.910000,1.110000);animation-timing-function: cubic-bezier(0.455000,0.030000,0.515000,0.955000)%7D 100%25 %7Btransform: scale(-1.040000,0.960000)%7D%7D%5D%5D%3E%3C/style%3E%3Cdefs%3E%3CclipPath id='eVBC5vO8QDR2'%3E%3Cpath id='eVBC5vO8QDR3' d='M0,46L172,46C237.169600,46,290,98.830400,290,164L290,446L0,446L0,46Z' stroke='none' stroke-width='1'/%3E%3C/clipPath%3E%3CclipPath id='eVBC5vO8QDR4'%3E%3Cpath id='eVBC5vO8QDR5' d='M0,40L172,40C237.169600,40,290,92.830400,290,158L290,440L0,440L0,40Z' stroke='none' stroke-width='1'/%3E%3C/clipPath%3E%3CclipPath id='eVBC5vO8QDR6'%3E%3Cuse id='eVBC5vO8QDR7' width='290' height='400' xlink:href='%23null'/%3E%3C/clipPath%3E%3CclipPath id='eVBC5vO8QDR8'%3E%3Cuse id='eVBC5vO8QDR9' width='290' height='400' xlink:href='%23null'/%3E%3C/clipPath%3E%3CclipPath id='eVBC5vO8QDR10'%3E%3Cpath id='eVBC5vO8QDR11' d='M50,40L340,40L340,322C340,387.169600,287.169600,440,222,440L50,440L50,40Z' transform='matrix(-1 0 -0 -1 390 480)' stroke='none' stroke-width='1'/%3E%3C/clipPath%3E%3CradialGradient id='eVBC5vO8QDR12-fill' cx='0' cy='0' r='221.310088' spreadMethod='pad' gradientUnits='userSpaceOnUse' gradientTransform='matrix(1 0 0 1 314.21468369304284 288.01208219791664)'%3E%3Cstop id='eVBC5vO8QDR12-fill-0' offset='0%25' stop-color='rgb(255,195,0)'/%3E%3Cstop id='eVBC5vO8QDR12-fill-1' offset='74%25' stop-color='rgb(255,80,0)'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cg id='eVBC5vO8QDR12_to' transform='translate(435.126454,243.137285)'%3E%3Cg id='eVBC5vO8QDR12_ts' transform='scale(-1.040000,0.960000)'%3E%3Cpath id='eVBC5vO8QDR12' d='M325.371359,421.214355C368.861598,390.612133,394.440720,350.373816,393.955500,283.037365C395.951464,225.133239,376.345565,199.607493,343.965964,196.111593C294.738761,189.815620,272.377209,231.525746,234.972386,232.887881C208.460822,244.179982,101.232749,141.340989,81.150577,165.225000C65.567971,187.566474,55.948803,191.458662,56.503351,225.332019C51.921353,248.753351,53.975634,262.770102,59.683639,293.470820C65.892869,317.300986,75.569550,329.950443,86.716081,350.673764C103.370016,388.765533,126.436682,398.630609,160.047118,421.214355C206.131433,453.033722,276.481244,452.947129,325.371359,421.214355Z' transform='translate(-231,-231.983654)' fill='url(%23eVBC5vO8QDR12-fill)' stroke='none' stroke-width='1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg id='eR6tGeY4uT91' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='454 377 764 669' shape-rendering='geometricPrecision' text-rendering='geometricPrecision'%3E%3Cstyle%3E%3C!%5BCDATA%5B%23eR6tGeY4uT918 %7Banimation: eR6tGeY4uT918__m 18000ms linear infinite normal forwards%7D@keyframes eR6tGeY4uT918__m %7B 0%25 %7Bd: path('M166.464314,414.470922C144.023220,254.549953,236.598921,234.836883,358.253995,292.906585C437.068286,321.150589,562.841196,389.516045,608.924798,442.473492C681.532495,523.001529,696.073214,575.052915,674.444681,628.902494C652.391805,676.999697,679.004699,716.419181,630.762554,709.088120C588.588771,708.586166,601.869675,665.136479,527.414122,666.197616C385.691402,604.335742,228.824754,764.923684,152.332364,688.383559C101.362690,632.603757,229.713386,576.448859,166.464314,414.470922Z');animation-timing-function: cubic-bezier(0.455000,0.030000,0.515000,0.955000)%7D 14.444444%25 %7Bd: path('M300.885918,371.642935C417.973555,324.955412,465.140320,344.681915,535.741286,371.818521C623.768061,414.375546,696.709962,448.006712,724.622207,492.890626C777.504298,558.693586,793.817051,676.234722,761.406773,757.323829C722.619606,848.299116,664.920535,955.070671,523.776359,927.452378C354.107902,877.631263,470.704438,751.642730,388.795127,660.891739C330.384310,584.692416,270.783433,592.129178,238.968462,501.548949C219.835879,444.273713,248.162867,385.523836,300.885918,371.642935Z');animation-timing-function: cubic-bezier(0.455000,0.030000,0.515000,0.955000)%7D 32.222222%25 %7Bd: path('M257.430229,379.633147C374.517867,332.945625,470.877700,338.282218,541.478665,365.418823C629.505440,407.975849,696.709962,448.006712,724.622207,492.890626C777.504298,558.693586,818.713514,626.923777,786.303236,708.012884C747.516069,798.988170,639.773036,733.781978,518.753775,752.232482C403.061572,755.508451,359.882553,797.314426,318.917604,770.940253C288.350019,743.651256,312.456478,701.617583,308.886379,633.409019C295.145855,532.524793,131.471220,487.446948,257.430229,379.633147Z');animation-timing-function: cubic-bezier(0.455000,0.030000,0.515000,0.955000)%7D 50%25 %7Bd: path('M259.284075,365.043897C307.458734,344.618562,397.031874,309.082323,449.689304,355.510451C511.359174,404.492535,557.566806,405.740952,663.324520,448.925816C770.314915,486.083561,760.762435,698.111224,725.166292,769.510368C690.187198,839.468556,648.935934,905.936948,544.961921,870.394196C378.164698,794.520642,433.489906,651.093230,335.375725,595.418094C271.740862,564.086384,171.111158,603.089292,161.094367,485.018116C148.856375,398.503178,194.031663,376.281211,259.284075,365.043897Z');animation-timing-function: cubic-bezier(0.455000,0.030000,0.515000,0.955000)%7D 68.888889%25 %7Bd: path('M165.740791,381.049632C225.122285,332.833924,354.630285,339.899120,441.192576,370.956506C513.858235,397.272331,594.212384,437.306760,660.015006,479.222744C758.787528,553.453838,807.952437,600.027494,734.854860,670.137557C673.344466,733.777849,690.071193,696.874687,580.698677,678.565184C433.080272,653.725882,304.826539,804.277746,221.250926,760.295531C188.819036,739.182385,197.491729,696.096940,189.745925,601.532524C181.822150,497.888983,107.534946,434.820410,165.740791,381.049632Z');animation-timing-function: cubic-bezier(0.455000,0.030000,0.515000,0.955000)%7D 86.666667%25 %7Bd: path('M207.177902,319.679329C282.228557,265.771616,374.531693,307.939237,455.836021,337.024887C534.650312,365.268891,713.604372,509.153564,759.687973,562.111011C832.295671,642.639048,799.299820,773.183942,685.821759,754.462580C547.449362,718.565255,448.011059,873.677384,384.263240,835.215294C318.741171,795.958778,378.726229,677.139882,303.633430,595.986922C245.661904,547.558955,160.487960,581.562118,136.941345,512.267864C110.997422,444.606551,150.302981,366.679604,207.177902,319.679329Z');animation-timing-function: cubic-bezier(0.455000,0.030000,0.515000,0.955000)%7D 100%25 %7Bd: path('M166.464314,414.470922C144.023220,254.549953,236.598921,234.836883,358.253995,292.906585C437.068286,321.150589,562.841196,389.516045,608.924798,442.473492C681.532495,523.001529,696.073214,575.052915,674.444681,628.902494C652.391805,676.999697,679.004699,716.419181,630.762554,709.088120C588.588771,708.586166,601.869675,665.136479,527.414122,666.197616C385.691402,604.335742,228.824754,764.923684,152.332364,688.383559C101.362690,632.603757,229.713386,576.448859,166.464314,414.470922Z')%7D%7D %23eR6tGeY4uT918_tr %7Banimation: eR6tGeY4uT918_tr__tr 18000ms linear infinite normal forwards%7D@keyframes eR6tGeY4uT918_tr__tr %7B 0%25 %7Btransform: translate(814.416479px,785.054110px) rotate(6.939378deg);animation-timing-function: cubic-bezier(0.455000,0.030000,0.515000,0.955000)%7D 12.222222%25 %7Btransform: translate(814.416479px,785.054110px) rotate(5deg);animation-timing-function: cubic-bezier(0.455000,0.030000,0.515000,0.955000)%7D 30%25 %7Btransform: translate(814.416479px,785.054110px) rotate(-2deg);animation-timing-function: cubic-bezier(0.455000,0.030000,0.515000,0.955000)%7D 47.777778%25 %7Btransform: translate(814.416479px,785.054110px) rotate(0deg);animation-timing-function: cubic-bezier(0.455000,0.030000,0.515000,0.955000)%7D 64.444444%25 %7Btransform: translate(814.416479px,785.054110px) rotate(-7.031717deg);animation-timing-function: cubic-bezier(0.455000,0.030000,0.515000,0.955000)%7D 83.333333%25 %7Btransform: translate(814.416479px,785.054110px) rotate(-10.691777deg);animation-timing-function: cubic-bezier(0.455000,0.030000,0.515000,0.955000)%7D 100%25 %7Btransform: translate(814.416479px,785.054110px) rotate(6.939378deg)%7D%7D %23eR6tGeY4uT918_tk %7Banimation: eR6tGeY4uT918_tk__tk 18000ms linear infinite normal forwards%7D@keyframes eR6tGeY4uT918_tk__tk %7B 0%25 %7Btransform: skewX(0deg) skewY(0deg);animation-timing-function: cubic-bezier(0.455000,0.030000,0.515000,0.955000)%7D 13.333333%25 %7Btransform: skewX(0deg) skewY(0deg);animation-timing-function: cubic-bezier(0.455000,0.030000,0.515000,0.955000)%7D 48.888889%25 %7Btransform: skewX(0deg) skewY(0deg);animation-timing-function: cubic-bezier(0.455000,0.030000,0.515000,0.955000)%7D 66.666667%25 %7Btransform: skewX(0deg) skewY(0deg);animation-timing-function: cubic-bezier(0.455000,0.030000,0.515000,0.955000)%7D 84.444444%25 %7Btransform: skewX(0deg) skewY(0deg);animation-timing-function: cubic-bezier(0.455000,0.030000,0.515000,0.955000)%7D 100%25 %7Btransform: skewX(0deg) skewY(0deg)%7D%7D%5D%5D%3E%3C/style%3E%3Cdefs%3E%3CclipPath id='eR6tGeY4uT92'%3E%3Cuse id='eR6tGeY4uT93' width='1440' height='450' xlink:href='%23null'/%3E%3C/clipPath%3E%3CclipPath id='eR6tGeY4uT94'%3E%3Cuse id='eR6tGeY4uT95' width='1440' height='450' xlink:href='%23null'/%3E%3C/clipPath%3E%3CclipPath id='eR6tGeY4uT96'%3E%3Crect id='eR6tGeY4uT97' width='1440' height='450' rx='0' ry='0' stroke='none' stroke-width='1'/%3E%3C/clipPath%3E%3CclipPath id='eR6tGeY4uT98'%3E%3Cuse id='eR6tGeY4uT99' width='1440' height='450' xlink:href='%23null'/%3E%3C/clipPath%3E%3CclipPath id='eR6tGeY4uT910'%3E%3Crect id='eR6tGeY4uT911' width='1440' height='450' rx='0' ry='0' stroke='none' stroke-width='1'/%3E%3C/clipPath%3E%3CclipPath id='eR6tGeY4uT912'%3E%3Crect id='eR6tGeY4uT913' width='375' height='666' rx='0' ry='0' transform='matrix(1 0 0 1 69.15000000000001 65.52000000000000)' stroke='none' stroke-width='1'/%3E%3C/clipPath%3E%3CclipPath id='eR6tGeY4uT914'%3E%3Crect id='eR6tGeY4uT915' width='1440' height='675' rx='0' ry='0' transform='matrix(1 0 0 1 164.30000000000001 43.80000000000000)' stroke='none' stroke-width='1'/%3E%3C/clipPath%3E%3CradialGradient id='eR6tGeY4uT918-fill' cx='0' cy='0' r='681.880000' spreadMethod='pad' gradientUnits='userSpaceOnUse' gradientTransform='matrix(1 0 0 1 575.04274697671531 698.54840443174589)'%3E%3Cstop id='eR6tGeY4uT918-fill-0' offset='0%25' stop-color='rgb(110,175,225)'/%3E%3Cstop id='eR6tGeY4uT918-fill-1' offset='46%25' stop-color='rgb(60,40,220)'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cg id='eR6tGeY4uT916' transform='matrix(1 0 0 1 369 322)' clip-path='url(%23eR6tGeY4uT919)'%3E%3Cg id='eR6tGeY4uT917' transform='matrix(1 0 0 1 2 -1)'%3E%3Cg id='eR6tGeY4uT918_tr' transform='translate(814.416479,785.054110) rotate(6.939378)'%3E%3Cg id='eR6tGeY4uT918_tk' transform='skewX(0) skewY(0)'%3E%3Cpath id='eR6tGeY4uT918' d='M166.464314,414.470922C144.023220,254.549953,236.598921,234.836883,358.253995,292.906585C437.068286,321.150589,562.841196,389.516045,608.924798,442.473492C681.532495,523.001529,696.073214,575.052915,674.444681,628.902494C652.391805,676.999697,679.004699,716.419181,630.762554,709.088120C588.588771,708.586166,601.869675,665.136479,527.414122,666.197616C385.691402,604.335742,228.824754,764.923684,152.332364,688.383559C101.362690,632.603757,229.713386,576.448859,166.464314,414.470922Z' transform='scale(1.020000,-0.900000) translate(-425,-438)' fill='url(%23eR6tGeY4uT918-fill)' stroke='rgb(9,7,7)' stroke-width='1' stroke-opacity='0'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3CclipPath id='eR6tGeY4uT919' transform='matrix(1 0 0 1 85 55)'%3E%3Crect id='eR6tGeY4uT920' width='764' height='669' rx='0' ry='0' fill='none' stroke='none' stroke-width='1'/%3E%3C/clipPath%3E%3C/g%3E%3C/svg%3E");
        background-position: left 123px, right 500px, right bottom 531px;
        background-repeat: no-repeat;
        padding: 0 15px;
        background-size:40%, 30%, 50%;
    }
    .s-lib-box {
        background-color: transparent;
    }
    #s-lg-guide-main.container {
        background-color: transparent!important;
    }
}
@media (min-width: 992px){
    body{
         background-position: left 123px, right 500px, right bottom 480px;
    }
}
@media (min-width: 1550px){
    body{
         background-position: left 123px, right 500px, right bottom 416px;
    }
}*/