/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

/* ----------------------------------------------------------------
	DIN Fonts
-----------------------------------------------------------------*/
.FFDINStdRegular { 
	font-family: FFDINStdRegular;
	font-weight: normal;
	font-style: normal;
}
.FFDINStdRegularItalic { 
	font-family: FFDINStdRegularItalic;
	font-weight: normal;
	font-style: normal;
}
.FFDINStdMedium { 
	font-family: FFDINStdMedium;
	font-weight: normal;
	font-style: normal;
}
.FFDINStdMediumItalic { 
	font-family: FFDINStdMediumItalic;
	font-weight: normal;
	font-style: normal;
}
.FFDINStdBold { 
	font-family: FFDINStdBold;
	font-weight: normal;
	font-style: normal;
}
.FFDINStdBoldItalic { 
	font-family: FFDINStdBoldItalic;
	font-weight: normal;
	font-style: normal;
}

/* ----------------------------------------------------------------
	Begin Custom CSS
-----------------------------------------------------------------*/

html {
    scroll-behavior: smooth;
}


a.adm {
	width: 20px;
    height: 50px;
    position: fixed;
    top: 75%;
    left: 0;
    background: #cd7e20;
    z-index: 10000;
    opacity: 0;
}

a.adm:hover {
	opacity:.1;
	border:1px solid #cd7e20;
}

.sub-menu-container li > a {
    color:#fff;
} 

.sub-menu-container li > a:hover {
    opacity:.8;
}

ul, ol {
    /* margin-left:1rem; */
}

ul li, ol li {
    /* margin-left:1rem; */
}

ol li ol li {
    list-style-type: lower-alpha;
}

ul.list-reset, ol.list-reset {
    margin-left:1rem;
}

.style-msg2 ul.list-reset {
  list-style-type: none;
}

ul.dash li {
    list-style:none;
    margin-left:0;
    
}

ol.steps-list {
    list-style-type: none; /* Hide default numbering */
    counter-reset: step-counter; /* Initialize the counter */
    margin-left:0;
}

ol.steps-list > li::before {
    content: "Step " counter(step-counter) " - "; /* Add "Step " and the counter value */
    counter-increment: step-counter; /* Increment the counter for each list item */
    font-weight: bold; /* Optional: Make the "Step X" text bold */
    text-transform: uppercase;
}

/* POLICIES AND PROCEDURES FORMATTING */
ol.policy {
    list-style-type:none;
    counter-reset: item;
}

ol.policy li {
    display:block;
    counter-increment: item;
    margin-left:1.5rem;
    margin-bottom:1rem;
    margin-top:1rem;
}

ol.policy li:before {
    content: counters(item, ".") ". ";font-weight:bold;
    
}

ol.policy ul li {
    display: list-item; /* Returns to default bullet behavior */
    counter-increment: none; /* Stops the 5.2.2.1 behavior */
    list-style-type: disc; /* Restores standard bullets */
    margin-top: 0rem;
    margin-bottom: 0rem;
    margin-left:1.25rem;
    line-height:1.25rem;
}

ol.policy ul.alpha li {
     list-style-type: lower-alpha;
     margin-left:2rem;
}

/* 2. Remove the "counters" content from the <ul>'s list items */
ol.policy ul li:before {
    content: none; /* Removes the "5.2.3." prefix */
}

ol.policy ul.unstyled li {
    display: list-item;
    list-style-type: none;
}

ol.roman {
    list-style-type: upper-roman;
    margin-left:.8rem;
}

ol.roman li:before {
    font-weight:bold;
}

ol.roman ul.list-t1 li {
    list-style-type: none;
    margin-bottom:.8rem;
}

ol.roman ul.list-t2 li {
    list-style-type: square;
    margin-bottom:0;
    margin-left:1.5rem;
}

/* END POLICIES AND PROCEDURES FORMATTING */

.table > :not(:first-child) {
    border-top: 2px solid #333;
}

tr.small-gap > td {
  margin-top: 2px; 
  margin-bottom:2px;
}

.scroll-90 { scroll-margin-top:90px; }

.trainingdays { padding:.125rem .5rem; }

.add-dots {
    flex:1;
    display:flex;
}

.dot-wrap {
    display:flex;
}

.add-dots::after {
    content: '';
    border-bottom: 1px dotted;
    flex: 1;
    margin: 0 .5em;
}

.gradient-dtc-gray1,
.h-gradient-dtc-gray1:hover {
	background-image: -webkit-linear-gradient(to bottom, #e8bfb7 0%, #ddd 100%) !important;
	background-image: linear-gradient(to bottom, #e8bfb7 0%, #ddd 100%) !important;
}

.gradient-dtc-gray2,
.h-gradient-dtc-gray1:hover {
	background-image: -webkit-linear-gradient(to bottom, #a6cbd1 0%, #ddd 100%) !important;
	background-image: linear-gradient(to bottom, #a6cbd1 0%, #ddd 100%) !important;
}

/* OUTLINED FONT */
.emphasis-title h1 {
	font-size: 6.4rem;
	line-height: 1.1;
	font-weight: 700;
	letter-spacing: 2px;
}

.font-border {
	color: #FFF !important;
	/* text-shadow: -5px 0 #b32839, 0 1px #111, 10px 0 #969696, 0 -1px #111; */
	text-shadow: 5px 3px 5px #333;
}

.dark .font-border:not(.not-dark) {
	color: #a6cbd1 !important;
	color: var(--darkcolor, #fff) !important;
	/* text-shadow: -5px 0 #b32839, 0 1px #111, 10px 0 #969696, 0 -1px #111; */
	text-shadow: 3px 6px #333;
}

.bg-dtc-red { background-color: #b32839; }
.bg-dtc-gold { background-color: #cd7e20; }
.bg-dtc-blue { background-color: #18616d; }
.bg-dtc-blue-lt { background: #a6cbd1; }
.bg-dtc-green-lt { background: #b8b875; }
.bg-dtc-gray { background: #969696;}
.bg-dtc-gray2 { background: #dddddd; }
.bg-passport { background: #032c67; }



.bg-sob { background-color: rgba(255, 212, 0, .95) !important; color:#333 !important; }
.bg-soc { background-color: rgba(247, 147, 30, .95) !important; color: #fff !important; }
.bg-soh { background-color: rgba(174, 221, 236, .95) !important; color: #333 !important; }
.bg-som { background-color: rgba(205, 218, 104, .95) !important; color: #333 !important; }
.bg-sos { background-color: rgba(85, 70, 141, .95) !important; color: #fff !important; }
.bg-sot { background-color: rgba(24, 97, 109, .95) !important; color:#fff !important; }

.bg-soc h5, .bg-soc h4 {color:#fff !important;}
.bg-sot h5, .bg-sot h4 {color:#fff !important;}
.bg-sos h5, .bg-sos h4 {color:#fff !important;}
.bg-sob h5, .bg-sob h4 {color:#333 !important;}
.bg-som h5, .bg-som h4 {color:#333 !important;}
.bg-soh h5, .bg-soh h4 {color:#333 !important;}

.txt-sob { color: rgba(255, 212, 0, .95) !important }
.txt-soc { color: rgba(247, 147, 30, .95) !important }
.txt-soh { color: rgba(174, 221, 236, .95) !important; }
.txt-som { color: rgba(205, 218, 104, .95) !important }
.txt-sos { color: rgba(85, 70, 141, .95) !important }
.txt-sot { color: rgba(24, 97, 109, .95) !important }

.bg-border-sob { background-color: rgba(255, 255, 255, 1) !important; border-left:10px solid rgb(255, 212, 0); color:#333 !important; }
.bg-border-soc { background-color: rgba(255, 255, 255, 1) !important; border-left:10px solid rgb(247, 147, 30); color: #333 !important; }
.bg-border-soh { background-color: rgba(255, 255, 255, 1) !important; border-left:10px solid rgb(174, 221, 236); color: #333 !important; }
.bg-border-som { background-color: rgba(255, 255, 255, 1) !important; border-left:10px solid rgb(205, 218, 104); color: #333 !important; }
.bg-border-sos { background-color: rgba(255, 255, 255, 1) !important; border-left:10px solid rgb(85, 70, 141); color: #333 !important; }
.bg-border-sot { background-color: rgba(255, 255, 255, 1) !important; border-left:10px solid rgb(24, 97, 109); color:#333 !important; }
.bg-border-wht-thin { background-color: rgba(255, 255, 255, .15) !important; border:5px solid rgb(255, 255, 255); color:#333 !important; }
.bg-border-drk-thin { background-color: rgba(51, 51, 51, .75) !important; border:5px solid rgb(255, 255, 255); color:#cd7e20 !important; }

.border-sob { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-top: 2px solid rgb(255, 212, 0); border-bottom: 2px solid rgb(255, 212, 0); }
.border-soc { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-top: 2px solid rgb(247, 147, 30); border-bottom: 2px solid rgb(247, 147, 30); }
.border-soh { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-top: 2px solid rgb(174, 221, 236); border-bottom: 2px solid rgb(174, 221, 236); }
.border-som { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-top: 2px solid rgb(205, 218, 104); border-bottom: 2px solid rgb(205, 218, 104); }
.border-sos { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-top: 2px solid rgb(85, 70, 141); border-bottom: 2px solid rgb(85, 70, 141); }
.border-sot { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-top: 2px solid rgb(24, 97, 109); border-bottom: 2px solid rgb(24, 97, 109); }


.bg-gradient-sob {
    background: repeating-linear-gradient(135deg, rgba(255, 212, 0, 1), rgba(255, 212, 0, 1) 10px, rgba(255, 212, 0, .8) 10px, rgba(255, 212, 0, .8) 20px);
    color:#333;
}

.bg-gradient-soc {
    background: repeating-linear-gradient(135deg, rgba(247, 147, 30, 1), rgba(247, 147, 30, 1) 10px, rgba(247, 147, 30, .8) 10px, rgba(247, 147, 30, .8) 20px);
    color:#fff;
}

.bg-gradient-soh {
    background: repeating-linear-gradient(135deg, rgba(174, 221, 236, 1), rgba(174, 221, 236, 1) 10px, rgba(174, 221, 236, .8) 10px, rgba(174, 221, 236, .8) 20px);
}

.bg-gradient-som {
    background: repeating-linear-gradient(135deg, rgba(205, 218, 104, 1), rgba(205, 218, 104, 1) 10px, rgba(205, 218, 104, .8) 10px, rgba(205, 218, 104, .8) 20px);
}

.bg-gradient-sos {
    background: repeating-linear-gradient(135deg, rgba(85, 70, 141, 1), rgba(85, 70, 141, 1) 10px, rgba(85, 70, 141, .8) 10px, rgba(85, 70, 141, .8) 20px);
}

.bg-gradient-sot {
    background: repeating-linear-gradient(135deg, rgba(24, 97, 109, 1), rgba(24, 97, 109, 1) 10px, rgba(24, 97, 109, .8) 10px, rgba(24, 97, 109, .8) 20px);
}

.bg-gradient-sob .sb-msg, .bg-gradient-sob .style-msg-light .msgtitle, .bg-gradient-soh .sb-msg, .bg-gradient-soh .style-msg-light .msgtitle {
    color:#333 !important;
}

.bg-gradient-sob .toggle-title, .bg-gradient-sob .toggle-icon { color:#333; }
.bg-gradient-sob .toggle-title span { text-decoration:underline; }

.box-sob { background-color: rgba(255, 212, 0, .95) !important; color:#333 !important; padding-left:1.2rem; }
.box-soc { background-color: rgba(255, 255, 255, .95) !important; color: #333 !important; padding-left:1.2rem; width:auto; }
.box-soh { background-color: rgba(174, 221, 236, .95) !important; color: #333 !important; padding-left:1.2rem; }
.box-som { background-color: rgba(205, 218, 104, .95) !important; color: #fff !important; padding-left:1.2rem; }
.box-sos { background-color: rgba(85, 70, 141, .95) !important; color: #fff !important; padding-left:1.2rem; }
.box-sot { background-color: rgba(24, 97, 109, .95) !important; color:#fff !important; padding-left:1.2rem; }

.dtc-widget-links-dark li {
    color:#e8dfb7;
}

.dtc-widget-links-dark li a {
    color:#a6cb51;
}

.dtc-widget-links-dark li a:hover {
    color:#b8b875;
}

.dtc-button-green {
    background:#e8dfb7;
    color:#fff;
}

.bg-notice {
    background: rgb(255, 255, 0);
    background: linear-gradient(86deg, rgb(0, 255, 0) 0%, rgba(0,255,0,.5) 30%, rgba(0,255,0,0) 60%);
    border-bottom: 1px solid yellow;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    padding-left: .4rem;
}

.bg-alert {
    background: rgb(255, 255, 0);
    background: linear-gradient(90deg, rgb(232, 223, 183) 0%, rgba(232, 223, 183,.5) 30%, rgba(232, 223, 183,0) 60%);
    /* border-bottom: 1px solid #cd7e20; */
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    padding-left: .4rem;
}

.alertmsg {
	background: #f1db35;
	color: #333;
    border-radius:3px;
}

#page-title span {
	font-size: 1.25rem;
}



/* PAGE TITLE OVERRIDE */
.heading-block h2 { font-size: 1.5rem; }

.heading-block h3 { font-size: 1.35rem; }

.heading-block h4 {
	font-size: 1.25rem;
	font-weight: 700;
}

.whitediags {
	/* background: #fff3cd; */
	background: repeating-linear-gradient(
    135deg,
    transparent,
    transparent 5px,
    #fdfdfd 5px,
    #fdfdfd 10px
  )
}

.temp-alert {
    /* background: #ffff00; */
    border:1px solid greenyellow;
    padding:.6rem;
	background: repeating-linear-gradient(
      45deg,
      yellow,
      yellow 5px,
      greenyellow 5px, 
      greenyellow 10px
    );
}

.addrIndent {
    padding-left:1.25rem;
    border-left:5px solid #a6cbd1;
}

div.tab-container ul.iconlist li {
    margin-left:1rem;
    list-style:square;
}

.tab-data-reset p {
    margin-bottom:0;
}
.tab-data-reset ul {
    margin-left:1rem;
}

#jobOutlook span ul {
    list-style:none;
}

.bg-dark a:hover {
    color:#e8dfb7;
}

.vertical-center {
  margin: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.top-shadow {
    box-shadow: 0 7px 7px -5px #333 inset;
}

.top-shadow-light {
    box-shadow: 0 7px 7px -5px #bfbfbf inset;
}

.bottom-shadow-light {
    box-shadow: 0 -5px 7px -5px #bfbfbf inset;
}

.top-shadow-light-sm {
    box-shadow: 0 5px 5px -5px #bfbfbf inset;
}

.img-zoom {
  transition: transform .2s; /* Animation */
}

.img-zoom:hover {
  transform: scale(1.5); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.hero-features {
    transform: translateY(-50%);
    padding: 40px 30px;
    max-width: 80%;
    margin-left: auto;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    border-left: 4px solid rgba(0, 0, 0, .2);
}

.dotted-bg::after {
	content: '';
	opacity: 1;
	position: absolute;
	top: 50%;
	left: -30px;
	width: 50%;
	height: 110%;
	transform: translateY(-50%);
	background: url('/media/ci2nhm3f/dot-grid.svg');
	z-index: -1;
}

.dotted-bg-light::after {
	background: url('images/svg/dot-grid-light.svg');
	opacity: 1;
	width: 112%;
	height: 112%;
	left: 50%;
	transform: translate(-50%,-50%);
}

/*  CALENDAR  */
.pricing-tabs label.active {
	background-color: var(--primary, #007bff);
	color:  #FFF;
}

.pricing-tabs label.active * { color: #FFF; }

.pricing-tabs .price small {
	font-size: 12px;
	opacity: .7;
}

.calendar-tabs {
    min-width:40% !important;
}

.caption { 
    text-align: center;
    padding-top: 1rem;
    font-weight: bold;
    font-size: small;
}

.process-steps li { /* pointer-events: none; */ }

.accordion-button:not(.collapsed) {
    color: #444;
    background-color: #ddd;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125);
}

.accordion-header {
  padding: 0;
  border-top: 1px dotted #DDD;
  cursor: pointer;
  text-transform:uppercase;
}

.toggle-header, .accordion-header {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0;
  cursor: pointer;
  color: #444;
  font-size: 1rem;
  font-weight: 700;
  text-transform:uppercase;
}

.feature-box h3 {
	font-size: 20px;
	letter-spacing: 0;
}


.quick-out {
	position: fixed;
    top: 300px;
    right: 40px;
    z-index: 299;
}

.shadow-5 {
    box-shadow: 5px 5px #cd7e20;
}


/* ----------------------------------------------------------------------------
    Umbraco Forms Styling
---------------------------------------------------------------------------- */
.umbraco-forms-field-wrapper {
    margin-bottom:1.2rem;    
}

.umbraco-forms-form {
    padding: 10px 0 10px 0
}

.umbraco-forms-caption {
    font-size: 2em!important;
    line-height: 2em!important
}

.umbraco-forms-field {
    clear: both
}

.umbraco-forms-field div label {
    display: inline
}

label.umbraco-forms-label {
    font-weight: 700;
    /* display: block; */
    background: 0 0 !important;
    margin-bottom:0;
}

.umbraco-forms-form small {
    display: block;
    float: left;
    clear: both;
    padding: 5px 5px 5px 200px
}

.umbraco-forms-tooltip {
    display:inline;
    margin-left:1rem;
}

.umbraco-forms-tooltip::before {
    content: "(";
}

.umbraco-forms-tooltip::after {
    content: ")";
}

.umbraco-forms-form fieldset {
    /*padding: 1em 1em 0 0;
    margin: 0 0 1.5em 0;
    border: none!important;
    display: inline-block; */
  font-size: 10px;
  font-weight: 700;
  font-family: 'Poppins', sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #555;
  margin-bottom: 10px;
  cursor: pointer;
}

.umbraco-forms-form .umbraco-forms-navigation {
    padding: 1em 0
}

.umbraco-forms-form legend {
    font-size: 13px;
    /*font-weight: 700;
    
    line-height: 1.2em;
    display: block*/
}

.umbraco-forms-form input.text,.umbraco-forms-form input.title,.umbraco-forms-form select,.umbraco-forms-form textarea {
    margin: .5em 0;
    border: 1px solid #bbb;
    padding: 4px;
    width:30%;
}

.umbraco-forms-form input.text:focus,.umbraco-forms-form input.title:focus,.umbraco-forms-form select:focus,.umbraco-forms-form textarea:focus {
    border: 1px solid #666
}

.umbraco-forms-form input.text,.umbraco-forms-form textarea {
    /*max-width: 400px!important;*/
    padding: 5px;
    display: block;
    width: 100%
}

.umbraco-forms-form textarea {
    height: 250px
}

.umbraco-forms-form input.fileupload {
    height: auto!important
}

.umbraco-forms-form span.checkbox,.umbraco-forms-form span.checkboxlist,.umbraco-forms-form span.radiobuttonlist {
    display: block;
    float: left;
    padding: 10px 10px 10px 0px;
}

.umbraco-forms-form .checkboxlist label {
    float: left;
    clear: left
    margin-bottom:.25rem;
}

.umbraco-forms-form .checkbox input,.umbraco-forms-form .checkboxlist input,.umbraco-forms-form .radiobuttonlist input {
    width: auto!important;
    height: auto!important;
    border: none!important;
    display: inline!important
}

.umbraco-forms-form .hiddenfield, .umbraco-forms-hidden {
    display: none
}

.umbraco-forms-button {
    margin-right: 10px;
    padding: 2px 10px
    border:1px solid #333;
}

.umbraco-forms-error-message {
    padding: .8em;
    margin-bottom: .5em;
    border: 2px solid #fbc2c4
}

.umbraco-forms-error-message {
    background: #fbe3e4;
    color: #8a1f11
}

.umbraco-forms-form input.contourError,.umbraco-forms-form input.input-validation-error,.umbraco-forms-form textarea.contourError,.umbraco-forms-form textarea.input-validation-error {
    background: #fbe3e4;
    border-color: #fbc2c4
}

.umbraco-forms-form span.contourError,.umbraco-forms-form span.field-validation-error {
    color: #8a1f11!important;
    background: 0 0!important
}

.umbraco-forms-form #recaptcha_widget_div {
    margin-left: 200px
}

.umbraco-forms-form .field-validation-error {
    padding-left: 5px
}

.dataconsent {
    border-top:1px solid #969696;
    margin-top:2rem;
    display:none;
}

input[type=submit] {
    background:#b32839 !important;
    color:#fff !important;
    text-transform: uppercase;
    border-radius:0;
}

/* ----------------------------------------------------------------------------
	Services Grid
---------------------------------------------------------------------------- */

.grid-border { overflow: hidden; }

.grid-border [class^=col-]:before,
.grid-border [class^=col-]:after {
	content: '';
	position: absolute;
}

.grid-border [class^=col-]:before {
	height: 100%;
	top: 0;
	left: -1px;
	border-left: 1px solid rgba(0,0,0,0.05);
}

.grid-border [class^=col-]:after {
	width: 100%;
	height: 0;
	top: auto;
	left: 0;
	bottom: -1px;
	border-bottom: 1px solid rgba(0,0,0,0.05);
}

/* Agenda Formatting */

ul.bot-agenda li {
    padding-left:0;
    font-weight:bold;
}

ul.bot-agenda li span {
    color: #999;
  display: block;
  margin-left: 1.7rem;
  font-style: italic;
  font-weight:normal;
}

ul.bot-agenda li > ol {
    list-style-type:lower-alpha;
}

ul.bot-agenda li > ol li {
    margin-left:1.75rem;  
    color:#444;
    font-weight:normal;
}

/* Minutes Formating */
.attending {
    display: flex;
    align-items: center;
}

.attending::before {
    content: "";
    order: 2;
    flex: 1;
    border-bottom: 1px dotted #999;
    margin: 0 8px;
}

.attending > .bot-name {
    order: 1;
}

.attending > .bot-role {
    order: 3;
}



/* VERTICAL TABS - pathways */
.block-tab-3 {
			background-color: #EFE9E2;
		}

		.block-tab-3 h1,
		.block-tab-3 h2,
		.block-tab-3 h3,
		.block-tab-3 h4,
		.block-tab-3 h5,
		.block-tab-3 p {
			font-family: 'Inter',  sans-serif;
			color: #000;
		}

		.block-tab-3 .nav-link {
			padding: 20px 32px;
			color: #AAA;
			border-left: 1px solid #DDD;
			font-size: 1.25rem;
			transition: all .2s ease;
		}

		.block-tab-3 .nav-link:hover {
			color: #777;
		}

		.block-tab-3 .nav-link.active {
			color: #000;
			border-color: #000;
			font-weight: 500;
		}

		.card-columns.layout-2 {
			-webkit-column-count: 2;
			-moz-column-count: 2;
			column-count: 2;
		}

		.card-columns a {
			position: relative;
			display: block;
		}

		@media (max-width: 991.98px) {
			.block-tab-3 .nav-link {
				border: 1px solid #CCC;
				padding: 10px 15px;
				margin: 5px;
				font-size: 1.15rem;
			}
		}


/*  COLLAPSING PANELS ON PROGRAM PAGES  */
.block-expand-categories h1,
		.block-expand-categories h2,
		.block-expand-categories h3 { font-family: Playfair Display, serif !important; }

		.block-expand-categories .expand-category {
			--height: 50vh;
			--responsive-height: 60px;
			--hover-flex: 10;

			position: relative;
			background-position: center center;
			background-size: cover;
			border-radius: 20px;
			margin: 10px 0;
			min-height: var(--responsive-height);
			cursor: pointer;
		}

		.block-expand-categories .expand-category h4 {
			position: absolute;
			top: 50%;
			left: 0;
			right: 0;
			text-align: center;
			margin: 0;
			transform: translateY(-50%);
		}

		/* Larger Device */
		@media (min-width: 992px) {

			.block-expand-categories .expand-category {
				height: var(--height);
				flex: 1;
				margin: 0 10px;
				transition: flex 1s ease;
				-webkit-backface-visibility: hidden;
				transform: translate3d(0,0,0);
			}

			.block-expand-categories:not(.on-click) .expand-category:hover,
			.block-expand-categories.on-click .expand-category.active { flex: var(--hover-flex); }

			.block-expand-categories .expand-category h4 {
				opacity: 1;
				top: auto;
				bottom: 10px;
				transform: none;
				transition: opacity .4s ease;
			}

			.block-expand-categories:hover .expand-category:not(.active):not(:hover) h4,
			.block-expand-categories.on-click .expand-category:not(.active) h4 { opacity: 0; }

		}

.blink_me {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

#ar ol, #ar ul {
    margin-left:1rem;
}

@media (min-width: 992px) {

	.block-nav-header-5 .menu-item.menu-line {
		width: 1px;
		height: 30px;
		background-color: #CCC;
		margin: 0 10px !important;
	}

	.block-nav-header-5 .dark .menu-item.menu-line { background-color: rgba(255, 255, 255, 0.25); }

	.block-nav-header-5 .menu-container > .menu-item > .sub-menu-container > .menu-item {
		border-bottom: 1px solid #EEE;
	}

	.block-nav-header-5 .sub-menu-container .menu-link div > i.icon-angle-down::before {
		content: "\e976";
		font-family: "font-icons";
	}

	.block-nav-header-5 .mega-menu-small .mega-menu-content-width {
		width: 47rem;
	}

	.block-nav-header-5 .menu-item.mega-menu { position: static; }

}

@media (max-width: 991.98px) {

	.block-nav-header-5 .sub-menu-container .menu-item > .menu-link { color: #EEE; }

}