/*Tao default theme styles*/
:root {
    /*Fonts*/
    --header: "Noto Sans", sans-serif;    
    --subheader: "Inter Tight", sans-serif, system-ui; 
    --bodytext: "Inter", sans-serif, system-ui;     
    /*Colors*/
    --primary:#780032;
    --hover:#b1004a;
    --dark: #353535; 
    --highlight:#FDF0D5;
    --gray:#DEE3E9; 
    --text:#4c4036;
    --white: #FFFFFF;
    --offwhite:#FAF9F6;
    --mute:rgba(33, 37, 41, 0.75);
    --error:#ea1000;
    
    /*Utilities*/
    --sliderHeight:580px;
    @keyframes spinner-border{100% transform: rotate(360deg);}
}


html {font-family: sans-serif;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;scroll-behavior: smooth;}
body {margin: 0;color: var(--text);}
body {font-size: .9em;display: flex;flex-direction: column;font-family: var(--bodytext);font-weight: 400;color: var(--text);text-align: left;position: relative;margin-top: 132px;}
#layout { flex: 1 0 auto;}
.footer {  flex-shrink: 0;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {  display: block;  }
audio,canvas,progress,video {  display: inline-block;  vertical-align: baseline;  }
audio: not([controls]) {  display: none;  height: 0;  }
[hidden],template {  display: none;  }
a {  background-color: transparent;  }
a:active,a:hover {  outline: 0;  }
abbr[title] {  border-bottom: 1px dotted;  }
b,strong {  font-weight: bold;  }
dfn {  font-style: italic;  }
h1, .h1style {/* font-size: 2em; *//* margin: 0.67em 0; */}
mark {  background: #ff0;  color: var(--dark);  }
small {  font-size: 80%;  }
sub,sup {  font-size: 75%;  line-height: 0;  position: relative;  vertical-align: baseline;  }
sup {  top: -0.5em;  }
sub {  bottom: -0.25em;  }
img {  border: 0;  }
svg: not(: root) {  overflow: hidden;  }
figure {  margin: 1em 40px;  }
hr {  -webkit-box-sizing: content-box;  box-sizing: content-box;  height: 0;  }
pre {  overflow: auto;  }
code,kbd,pre,samp {  font-family: monospace, monospace;  font-size: 1em;  }
button,input,optgroup,select,textarea {  color: inherit;  font: inherit;  margin: 0;  }
button {  overflow: visible;  }
button,select {  text-transform: none;  }
button,html input[type="button"],input[type="reset"],input[type="submit"] {  -webkit-appearance: button;  cursor: pointer;  position: relative;  background: var(--primary);  color: var(--white);  border: none;  text-transform: uppercase;  font-family: var(--bodytext); font-size: 15.4px;  font-weight: bold;  letter-spacing: 0.6px;  text-align: center;  cursor: pointer;  padding: 5px 12px;  }
button[disabled],html input[disabled] {  cursor: default;  }
button:: -moz-focus-inner,input:: -moz-focus-inner {  border: 0;  padding: 0;  }
input {  line-height: normal;  }
input[type="checkbox"],input[type="radio"] {  -webkit-box-sizing: border-box;  box-sizing: border-box;  padding: 0;  }
input[type="number"]:: -webkit-inner-spin-button,input[type="number"]:: -webkit-outer-spin-button {  height: auto;  }
input[type="search"] {  -webkit-appearance: textfield;  -webkit-box-sizing: content-box;  box-sizing: content-box;  }
input[type="search"]:: -webkit-search-cancel-button,input[type="search"]:: -webkit-search-decoration {  -webkit-appearance: none;  }
fieldset {  border: 1px solid var(--gray);  margin: 0 2px;  padding: 0.35em 0.625em 0.75em;  }
legend {  border: 0;  padding: 0;  }
textarea {  overflow: auto;  }
optgroup {  font-weight: bold;  }
table {  border-collapse: collapse;  border-spacing: 0;  }
td,th {  padding: 0;  }

/*! Source: https: //github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {  
   *, *:before, *:after {  background: transparent !important;  color: var(--dark) !important;  -webkit-box-shadow: none !important;  box-shadow: none !important;  text-shadow: none !important;  }
   a, a:visited {  text-decoration: underline;  } 
   a[href^="#"]:after, a[href^="javascript: "]:after {  content: "";  }
   pre, blockquote {  border: 1px solid var(--gray);  page-break-inside: avoid;  }
   thead {  display: table-header-group;  }
   tr, img {  page-break-inside: avoid;  }
   img {  max-width: 100% !important;  }
   p, h2, .h2style, h3, .h3style {  orphans: 3;  widows: 3;  }
   h2, .h2style, h3, .h3style {  page-break-after: avoid;  }
   .navbar {  display: none;  }
   .btn > .caret, .dropup > .btn > .caret {  border-top-color: var(--dark) !important;  }
   .label {  border: 1px solid var(--dark);  }
   .table {  border-collapse: collapse !important;  }
   .table td, .table th {  background-color: var(--white) !important;  }
   .table-bordered th, .table-bordered td {  border: 1px solid var(--gray) !important;  }
}

/* ==================== Basic declarations ==================== ================================================== */
header, section, article, aside, footer, figure, nav, hgroup, video, div, canvas {  display: block;  }
p {margin: 0.5em 0;line-height: 1.7em;}
a {-moz-transition: .3s ease;-o-transition: .3s ease;-webkit-transition: .3s ease;transition: .3s ease;color: var(--hover);text-decoration: none;font-weight: 600;}
.Button-primary {  background-color: var(--primary);  border-color: var(--primary);  }
.Button-primary:hover {  background: var(--dark);  }
a.button:focus {background:var(--dark);color: var(--white);}
a:hover, a:focus {text-decoration: none;color: var(--dark);}
a img {  border: 0px  }
img {  max-width: 100%;  width: auto\9;  height: auto;  vertical-align: middle;  border: 0;  -ms-interpolation-mode: bicubic;  }
h1, h2, h3, h4, h5, h6 {margin-top: 0; margin-bottom: 0.5rem; font-family: var(--header);font-weight: 500; text-align:left; text-rendering:optimizelegibility; line-height: 1.2;color:var(--text);
   a { color:inherit;}
}
.h1, h1 {font-size: calc(1.375rem + 1.5vw); 
    @media (min-width: 1200px) {font-size: 2.5rem; } 
}
.h2, h2 {font-size: calc(1.3rem + 0.6vw); 
    @media (min-width: 1200px) {font-size: 1.75rem; } 
}
.h3, h3 {font-size: calc(1.25625rem + 0.075vw); 
    @media (min-width: 1200px) {font-size: 1.3125rem; } 
}
.h4, h4 {font-size: 1.125rem; }
.h5, h5 {font-size: 1rem; }
.h6, h6 {font-size: 0.875rem; }
ul, ol {  margin-left: 3em;  list-style: disc;  }
ol {  list-style: decimal;  }
blockquote, q {  quotes: none;  }
blockquote:before, blockquote:after, q:before, q:after {  content: '';  content: none;  }
hr {margin-top: 20px;margin-bottom: 20px;border: 0;border-top: 1px solid var(--gray);}
sub, sup {  position: relative;  font-size: 75%;  line-height: 0;  vertical-align: baseline;  }
sup {  top: -.5em;  }
sub {  bottom: -.25em;  }
table {  border-collapse: collapse;  }
table td, table th {  vertical-align: top;  }
table.content_table {  border: 1px solid var(--gray);  }
table.content_table td, table.content_table th {  padding: 4px;  border: 1px solid var(--gray);  border-collapse: collapse;  }
.colbtn {  padding: 6px 23px;  color: var(--white);  display: inline-block;  margin: 6px;  }
nav ul {  margin: 0;  padding: 0;  }

.skip-to-main-content-link {position: absolute;left: -9999px;z-index: 99999;padding: 1em;background-color: var(--dark);color: white;}
.skip-to-main-content-link:focus {left: 0%;transform: translateX(0%);opacity: 1; color:var(--white);}
// Usage as a mixin
.skip-navigation {  @include sr-only;  @include sr-only-focusable;}
*:focus, *:focus-visible {outline: 1px dashed var(--primary);}
.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption), .visually-hidden:not(caption) { position: absolute !important;}
.visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) {width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important;border: 0 !important;}
.hide{display:none;}
@media (min-width: 1440px) {
    .container, .container-md {max-width: 1240px !important;}
}
@media (min-width: 1640px) {
    .container, .container-md {max-width: 1440px !important;}
}
@media (min-width: 1840px) {
    .container, .container-md {max-width: 1640px !important;}
}
@media (min-width: 2040px) {
    .container, .container-md {max-width: 1840px  !important;}
}


/* ==================== input elements==================== ================================================== */
button, input, optgroup, select, textarea {  margin: 0;  font: inherit;  color: inherit;  }
button {  overflow: visible;  }
button, select {  text-transform: none;  }
button:: -moz-focus-inner, input:: -moz-focus-inner {  padding: 0;  border: 0;  }

input {  line-height: normal;  }
input[type="checkbox"], input[type="radio"] {  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;  padding: 0;  margin: 0 3px;  }
input[type="number"]:: -webkit-inner-spin-button, input[type="number"]:: -webkit-outer-spin-button {  height: auto  }
input, select, textarea {  color: var(--text);  border: 1px solid var(--gray);  background: var(--offwhite);  padding: 5px;  font-style: normal;  font-weight: 400;  text-align: left;  outline: none;  }
textarea {  overflow: auto;  height: 120px;  min-width: 250px;  width: 70%;  }
input[type=button], input[type=reset], input[type=submit], .button {display: inline-block;line-height: 1;background-color: var(--primary);color: var(--white);fill: var(--white);text-align: center;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;font-size: 1.2em;font-weight: 400;border-radius: 5px;padding: 20px 40px 20px 40px;}
input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover, .button:hover {background: var(--dark) ;color: var(--white);}
input[type=button]:active, input[type=reset]:active, input[type=submit]:active, .button:active {background: var(--primary);}
input[type=email],input[type=password],input[type=tel],input[type=text],select,textarea {width: 100%;min-height: 45px;background-color: rgba(49, 48, 47, 0.07);border: 1px solid transparent;font-size: 14px;padding: 11px 21px;text-align: left;color: #31302f;margin: 10px 0;border-radius: 4px;}
input[type=email]:: -webkit-input-placeholder, input[type=password]:: -webkit-input-placeholder, input[type=tel]:: -webkit-input-placeholder, input[type=text]:: -webkit-input-placeholder, select:: -webkit-input-placeholder, textarea:: -webkit-input-placeholder {  font-family: var(--bodytext); }
input[type=email]:: -moz-placeholder, input[type=password]:: -moz-placeholder, input[type=tel]:: -moz-placeholder, input[type=text]:: -moz-placeholder, select:: -moz-placeholder, textarea:: -moz-placeholder {  font-family: var(--bodytext);  }
input[type=email]: -ms-input-placeholder, input[type=password]: -ms-input-placeholder, input[type=tel]: -ms-input-placeholder, input[type=text]: -ms-input-placeholder, select: -ms-input-placeholder, textarea: -ms-input-placeholder {  font-family: var(--bodytext); }
input[type=email]: -moz-placeholder, input[type=password]:: -moz-placeholder, input[type=tel]:: -moz-placeholder, input[type=text]:: -moz-placeholder, select: -moz-placeholder, textarea: -moz-placeholder { font-family: var(--bodytext);  }
input[type=email]:focus:: -webkit-input-placeholder, input[type=password]:focus:: -webkit-input-placeholder, input[type=tel]:focus:: -webkit-input-placeholder, input[type=text]:focus:: -webkit-input-placeholder, select:focus:: -webkit-input-placeholder, textarea:focus:: -webkit-input-placeholder {  color: transparent;  }
input[type=email]:focus: -moz-placeholder, input[type=password]:focus: -moz-placeholder, input[type=tel]:focus: -moz-placeholder, input[type=text]:focus: -moz-placeholder, select:focus: -moz-placeholder, textarea:focus: -moz-placeholder {  color: transparent;  }
input[type=email]:focus:: -moz-placeholder, input[type=password]:focus:: -moz-placeholder, input[type=tel]:focus:: -moz-placeholder, input[type=text]:focus:: -moz-placeholder, select:focus:: -moz-placeholder, textarea:focus:: -moz-placeholder {  color: transparent;  }
input[type=email]:focus: -ms-input-placeholder, input[type=password]:focus: -ms-input-placeholder, input[type=tel]:focus: -ms-input-placeholder, input[type=text]:focus: -ms-input-placeholder, select:focus: -ms-input-placeholder, textarea:focus: -ms-input-placeholder {  color: transparent;  }
 
.select-wrapper {  position: relative;  }
.select-wrapper:after {  content: "\f0d7";  font-family: 'FontAwesome';  color: var(--dark) ;  font-size: 20px;  line-height: 1;  height: 20px;  width: 10px;  text-align: center;  display: block;  position: absolute;  right: 10px;  top: 50%;  -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%);  transform: translateY(-50%);  pointer-events: none;  }
select {border-radius: 0;margin: 0;font-size: 16px;}
select:: -ms-expand {  display: none;  }
label { font-family: var(--bodytext); font-weight: bold;  display: block;  font-size: 16.8px;  }
.error, .taoCMSerror {  color: #ee592b;  font-family: var(--bodytext); display: block;  }
input[type=email],input[type=password],input[type=tel],input[type=text],input[type=number], select,textarea {width: 100%;min-height: 40px;background-color: #e5e5e5;border: 1px solid rgba(0, 0, 0, 0.07);font-size: 14px;padding: 10px;text-align: left;color: #31302f;margin: 5px 0;border-radius: 0;}
input[type=email]:: -webkit-input-placeholder, input[type=password]:: -webkit-input-placeholder, input[type=tel]:: -webkit-input-placeholder, input[type=text]:: -webkit-input-placeholder, select:: -webkit-input-placeholder, textarea:: -webkit-input-placeholder { color:#31302f;  }
input[type=email]:: -moz-placeholder, input[type=password]:: -moz-placeholder, input[type=tel]:: -moz-placeholder, input[type=text]:: -moz-placeholder, select:: -moz-placeholder, textarea:: -moz-placeholder {color:#31302f; }
input[type=email]: -ms-input-placeholder, input[type=password]: -ms-input-placeholder, input[type=tel]: -ms-input-placeholder, input[type=text]: -ms-input-placeholder, select: -ms-input-placeholder, textarea: -ms-input-placeholder { color:#31302f;  }
input[type=email]: -moz-placeholder, input[type=password]: -moz-placeholder, input[type=tel]: -moz-placeholder, input[type=text]: -moz-placeholder, select: -moz-placeholder, textarea: -moz-placeholder { color:#31302f;  }
input[type=email]:focus:: -webkit-input-placeholder, input[type=password]:focus:: -webkit-input-placeholder, input[type=tel]:focus:: -webkit-input-placeholder, input[type=text]:focus:: -webkit-input-placeholder, select:focus:: -webkit-input-placeholder, textarea:focus:: -webkit-input-placeholder {  color: transparent;  }
input[type=email]:focus: -moz-placeholder, input[type=password]:focus: -moz-placeholder, input[type=tel]:focus: -moz-placeholder, input[type=text]:focus: -moz-placeholder, select:focus: -moz-placeholder, textarea:focus: -moz-placeholder {  color: transparent;  }
input[type=email]:focus:: -moz-placeholder, input[type=password]:focus:: -moz-placeholder, input[type=tel]:focus:: -moz-placeholder, input[type=text]:focus:: -moz-placeholder, select:focus:: -moz-placeholder, textarea:focus:: -moz-placeholder {  color: transparent;  }
input[type=email]:focus: -ms-input-placeholder, input[type=password]:focus: -ms-input-placeholder, input[type=tel]:focus: -ms-input-placeholder, input[type=text]:focus: -ms-input-placeholder, select:focus: -ms-input-placeholder, textarea:focus: -ms-input-placeholder {  color: transparent;  }
input[type=radio] {margin-right: 5px;vertical-align: middle;}

.button {-o-transition: all 0.3s; -webkit-transition: all 0.3s; background-color: var(--primary); border-radius: 5px; color: var(--white); display: inline-block; fill: var(--white); font-size: 1.2em; font-weight: 400; line-height: 1; padding: 10px 30px; text-align: center; transition: all 0.3s;
    &.button-lg {font-size: 1.5em; padding: 20px 30px; }
    &.button-sm {border-radius:0.25rem; padding:0.5rem .85rem; font-size: 0.9rem;}

    &.button-primary {background: var(--primary); border: 1px solid transparent; color: var(--white);
        &:hover {background: var(--dark); }
        &.button-lines { border-color: var(--primary); color: var(--primary); }
        &.button-lines:hover {background: var(--primary); color: var(--white); }
    }

    &.button-highlight {background: var(--highlight); border: 1px solid transparent; color: var(--white); 
        &:hover {background: var(--primary); } 
        &.button-lines { border-color: var(--highlight); color: var(--highlight); } 
        &.button-lines:hover {background: var(--highlight); color: var(--white); } 
    }
    &.button-light {background: var(--light); border: 1px solid transparent; color: var(--dark); 
        &:hover {background: var(--dark); color:var(--light);} 
        &.button-lines { border-color: var(--light); color: var(--light); } 
        &.button-lines:hover {background: var(--dadrk); color: var(--light); } 
    }  
    &.button-white {background: var(--white); border: 1px solid transparent; color: var(--dark); 
        &:hover {background: var(--dark); color:var(--white);} 
        &.button-lines { border-color: var(--light); color: var(--white); } 
        &.button-lines:hover {background: var(--dark);  border-color: var(--dark); color: var(--white); } 
    }          
    &.button-dark {background: var(--dark); border: 1px solid transparent; color: var(--light); 
        &:hover {background: var(--light); color:var(--dark);} 
        &.button-lines { border-color: var(--dark); color: var(--dark); } 
        &.button-lines:hover {background: var(--dark); color: var(--light); } 
    }   
    &.button-lines {background: transparent; border-width: .11em; }         
    &.button-arrow {
        &:after {content: ""; display: inline-block; font-family:bootstrap-icons!important; font-size: 40px; line-height: 30px; padding: 0 0 0 4px; vertical-align: middle; }
        &.right:after {content:"\f135"; } 
        &.left:after {content:"\f12c"; } 
        &.down:after {content:"\f124"; } 
        &.up:after {content:"\f145"; }         
        &.button-sm:after {font-size:26px;line-height: 0;}          
    }
}

/* ====================utility/ helper classes ==================== ================================================== */
.clear {  clear: both;  height: 0px;  margin: 0px;  padding: 0px;  }
.header:after, .container:after, .row:after, .navbar-toggle:after, .nav-bar:after, .clearfix:after {  content: "";  display: table;  clear: both;  }

.color-block{background:var(--gray);}
.color-block.yellow .section-title span, .color-block.yellow{ background:var(--primary);}
.color-block.grey{background: var(--gray);}
.color-block h4{text-align: center;}
.color-block.black * , .color-block.red *{ color:var(--white);}
.color-block.red .button{color:var(--dark) ;margin: 10px auto;display: block;max-width: 150px;}
.color-block.black .section-title span , .color-block.black{ background:var(--dark) ;}
.color-block.imageBG{background-repeat:no-repeat;background-attachment:fixed;position:relative;padding: 100px 0 !important;}
.color-block.imageBG#Peer_Board{display:block; background:url(/image/cache/peers_bg.jpg);}
.color-block.imageBG:after{content:'';display:block;position:absolute;width:100%;height:100%;z-index: 0;top:0;left:0;background: rgba(13, 13, 13, 0.85);}
.color-block.imageBG .container{ position:relative;z-index:2; color:var(--white);}
.section-title {position: relative;text-transform: uppercase;font-size: 2.8em;margin-bottom: 30px;/* background: var(--gray); */}
.section-title span{background: var(--white);padding: 0 10px;position: relative;z-index: 1;}
.section-title:after {content: '';position: absolute;z-index: 0;top: 0;bottom: 0;display: block;margin: auto;background: var(--primary);width: 100%;height: 5px;}
.color-block.red .section-title:after{ background:var(--white);} 

/* ==================== layout==================== ================================================== */
#editor{margin:0 !important; padding:!important;}
#layout {position: relative;z-index: 2;top: 0;left: 0;width: 100%;min-width: 100%;background: var(--white);min-height: 100vh;display: flex;flex-direction: column;}
#wrapper {height: auto;width: 100%;margin: 0 auto;position: relative;flex: 1 0 auto;}
.content-block {  padding: 25px 0; }
.page-content-block {  margin: 0 0;  }
.subpageHeader-block {/* padding-top: 160px; */text-align: justify;background: var(--gray);position: relative;}
.subpageHeader-block .pageTitle {position: relative;/* top: 50%; *//* transform: translateY(-50%); */width: 100%;text-align: center;}
.subpageHeader-block h2 {margin: 15px 0;color: var(--white);}
.subpageHeader-block .pageHeaderBlock { display:none;}
.home-content-block {  border: 0;  padding: 50px 0; }
.subpage-block {  margin-top: 74px;  padding-top: 10px;  }
.breadcrumb {background: transparent;padding: 10px 0;box-shadow: 0px 0px 3px 0px rgb(0 0 0 / 50%);border-radius: 0;}
.breadcrumb a{font-weight:400; font-size:.9em;}

.fa.fa-fax {font-size:10px;}
/* ====================header ==================== ================================================== */
.Header h1 {display: none;color: var(--white);}
.Header {position: fixed;width: 100%;/* height: 155px; */z-index: 99;padding: 0;top: 0;left: 0;display: flex;transition: all .5s ease;transform: translateY(0px);background: var(--white);transition: all .5s ease;flex-direction: column;justify-content: space-between;}
.Header.toFixed{position:fixed;transform: translateY(-165px);transition:all .3s ease;}
.subpage .Header{box-shadow:0px 0px 3px 0px rgb(0 0 0 / 20%);}
.Header .container{position:relative;}
.Header.toFixed.headBg  {box-shadow: 0px 0px 3px 0px rgb(0 0 0 / 20%);transition: all .5s ease;position: fixed;top: 0;/* background: var(--primary); */transform: translateY(0);}
.Header .Navigation{z-index:2;position: relative;height: 100%;}
.Header .Navigation:before{content:'';display:block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1;opacity: 0.25;}
body.employeeArea { margin-top:110px;}
body.employeeArea .Header{height:110px;} 
.topNav {color:var(--white);}
.topNav ul {position: relative;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-ms-flex-align: center;align-items: center;-ms-flex-pack: justify;justify-content: flex-end;list-style: none;padding: 0;margin: 0;}
.topNav ul li a {display:block;padding: 10px 0;color:var(--text);}
.topNav ul li a:hover {color:var(--primary);}
.appointment {text-align: right;margin-top: 20px;margin-bottom: 15px;display: none !important;}
.appointment h2{text-align:right; font-size:3em; text-transform:uppercase; color:var(--gray);}
.appointment a{display: inline-block;padding: 10px 15px;color:var(--white);background:var(--primary);text-transform: uppercase;font-weight: 500;border-radius: 5px;}
.appointment a:before{content:"\f274";font-family: 'FontAwesome';display: inline;font-size: 18px;padding-right: 5px;}
.appointment a:hover{ background:var(--dark); color:var(--white);}

.logo {position: relative;z-index: 999;padding: 0;/*-webkit-transition: all .5s ease;  -moz-transition: all .5s ease;  -ms-transition: all .5s ease;  -o-transition: all .5s ease;  transition: all .5s ease;  */display: flex;width: 100%;justify-content: space-between;align-items: center;}
.logo a{color:var(--white);text-align: center;display: block;}
.logo img {position: relative;display: block;vertical-align: middle;padding: 0;transition: all .3s ease;margin: 0;max-height: 80px;}

.HeaderMenu {background: var(--highlight);position: relative;z-index: 99;border-top: 1px solid color-mix(in srgb, var(--highlight), 10% var(--dark));}
.navigationWraper {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;align-items: center;justify-content: space-between;}
.HeaderMenu > ul {list-style: none;padding: 0;margin: 0 auto;text-align: center;display: -webkit-box;display: -ms-flexbox;display: flex;justify-content: flex-end;align-items: stretch;position: static;height: 100%;}
.HeaderMenu ul li {position:relative;text-align: center;display: flex;align-items: center;transition: all .3s ease;}
.HeaderMenu ul li a {color: var(--primary);display: block;padding: 15px;font-weight: 500;text-transform: uppercase;}
.HeaderMenu ul li:hover{background: var(--primary);transition: all .3s ease;}
.HeaderMenu ul li:hover a{ color:var(--white);}
.HeaderMenu ul li ul{display: none;position:absolute;list-style: none;margin: 0;padding: 0;min-width: 260px;margin-top: 0;background: var(--primary);left:0;top:100%;box-shadow: 0px 1px 1px 0px rgba(51, 51, 51, 0.2);}
.HeaderMenu ul li ul li {text-align:left;display: block;}
.HeaderMenu ul li ul li a{padding: 10px;font-size: .9em;color: var(--white);}
.HeaderMenu ul li:hover > ul { display:block; }
.HeaderMenu ul li ul li:first-child{padding-top: 1px;}
.HeaderMenu ul li ul li{position:relative;left: 0;top: 0;width: auto;}
.HeaderMenu ul li ul li ul{position:absolute;left:100%;top: 0;}
.HeaderMenu ul li ul li:hover{background:var(--dark);}
.HeaderMenu ul li ul li ul{ left:auto; right:100%; background: var(--dark);}   
.HeaderMenu ul li ul li:hover ul{ display:block;}
.HeaderMenu ul li ul li ul li:last-child{padding:0;} 
.HeaderMenu ul li.hasSub{ position:static;}
.HeaderMenu ul li.hasSub > ul{display:none;left: auto;transform: translateX(0%);right: 0%;top: 99%;min-width: auto;width: auto;}
.HeaderMenu ul li.hasSub:hover > ul{display:flex;}
.HeaderMenu ul li.hasSub > ul > li {min-width: 260px;padding: 10px;}
.HeaderMenu ul li.hasSub > ul > li ul{display:block;position:relative;left: 0;top: auto;right: auto;width: auto;min-width: auto;background: none;box-shadow: none;}
.HeaderMenu ul li.hasSub > ul > li ul li a{padding: 10px;text-transform:capitalize;padding-top: 0; color:var(--white);}
.HeaderMenu ul li.hasSub > ul > li:hover a{color:var(--white);}
.HeaderMenu ul li.hasSub > ul > li a:hover, .HeaderMenu ul li.hasSub > ul > li:hover a:hover{ color:var(--text);}
.HeaderMenu ul li.home a{font-size:0;padding: 10px 15px;}
.HeaderMenu ul li.home a:after, .HeaderMenu>ul>li.search span:after{content:"\f015";font-family: 'FontAwesome';display:block;font-size: 22px;padding: 0;line-height: 32px;}
.Header.toFixed.headBg .HeaderMenu ul li a {/* color:var(--white); */}

.Sidebar__body {background-color: var(--primary);right: -320px;width: 320px;top: 0;bottom: 0;position: fixed;overflow-y: auto;-webkit-overflow-scrolling: touch;z-index: 10000;-webkit-transition: right .3s ease-in-out;transition: right .3s ease-in-out;}
.Sidebar .Sidebar__backdrop, .searchBlock .search_backdrop{position: fixed;width:100%;z-index: 9999;height:100%;background: rgb(0 0 0 / 25%);top:0;left:0;}
.Sidebar.show .Sidebar__body {  right: 0;  }
.Sidebar.show .Sidebar__backdrop {  display: block;  }
.SidebarMenu {padding: 0;padding-bottom: 30px;}
.SidebarMenu ul {list-style: none;padding: 0;margin: 0;display: block;}
.SidebarMenu ul li {}
.SidebarMenu ul li ul li a{font-size:.96em;font-weight: 500;}
.SidebarMenu ul li ul li, .SidebarMenu ul li ul li ul li{margin-left: 10px;}
.SidebarMenu ul li a {font-size: 1.1em;color: var(--white);text-decoration: none;display: block;padding: 7px 15px;text-transform: uppercase;font-weight: 500;}
.SidebarMenu ul li ul li { padding:0;}
.SidebarMenu ul li ul li a{text-transform: none;font-weight: 400;}
.SidebarMenu ul a:hover{color: var(--white);background: var(--primary);}

.menuIcons .navIcon {text-align: right;color: var(--white);}
.menuIcons .navIcon button{ padding:10px 0; }
.NavbarToggle {/* display: inline-block; */vertical-align: middle;background-color: transparent;border: 0;padding: 0;}
.NavbarToggle i {font-size: 2.5em;color: var(--primary);}
.sidebar__Close {padding: 0;}
.sidebar__Close button {height: 40px;padding: 5px;color: var(--white);}
.sidebar__Close button span{color: var(--white);font-size: 2em;line-height: 0;}
body.subpage .Header .NavbarToggle i {  color: var(--primary);  }
.Header:hover {box-shadow: 0px 0px 2px 0px rgb(0 0 0 / 30%);transition: all .5s ease;  background: var(--white); }
.Header.headBg .logo img {transition: all .3s ease;}
.Header.headBg .logo a{color: var(--primary);}

#changeparameters_9, #changeparameters_9 ~p{display:none;}
#changeparameters_9 select{padding: 20px;margin: 0;}

/* ==================== Social Menu ==================== ================================================== */
#social {position: relative;z-index: 99;margin: 0;width: 100%;}
#social p{ text-align:right;}
#social ul {position: relative;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;-ms-flex-align: center;align-items: center;-ms-flex-pack: justify;justify-content: flex-end;list-style: none;padding: 0;margin: 0;}
#social li {float: none;/* display: inline-block; *//* vertical-align: middle; */margin: 00;}
 
#social li a {text-align: center;padding: 5px;color:var(--white);/* background:var(--primary); */display: block;/* padding: 0; */}
#social li a span {display: none;font-family: var(--bodytext);text-transform: uppercase;font-size: 14px;line-height: 30px;color: var(--white);font-weight: 400;}
#social li a:before {content:'';font-size: 18px;text-align: center;display: inline-block;vertical-align: middle;width: 40px;font-family: 'FontAwesome';font-weight: normal;line-height: 30px;border-radius: 5px;padding: 5px 10px;background: var(--primary);color: var(--white);}
#social li.audio a:before{content: "\f028";background: #eb0009;width: 80px;border-radius: 30px;font-size: 22px;}
#social li.facebook a:before {content: "\f09a";}
#social li.twitter a:before {content: "\f099";/* background: #00aced; */}
#social li.instagram a:before {content: "\f16d";font-size: 19px;}
#social li.linkedin a:before {content: "\f0e1";/* background:#0077b5; */}
#social li.youtube a:before {content: "\f16a";}
#social li.pinterest a:before {  content: "\f231";  }
#social li.googleplus a:before {content: "\f0d4";background: #dc4b38;}
#social li.contact a:before, #social li.email a:before {content: "\f0e0";}
#social li.rss a:before {content: "\f09e";/* background:#f58220; */}
#social li.phone{display:none;}
#social li.phone a {display: inline-block;padding: 5px;color:var(--white);background:var(--primary);text-transform: uppercase;font-weight: 300;border-radius: 5px;}
#social li.phone a:before {content:"\f274";font-size: 20px;padding: 0;}
#social li.phone a span{display:inline-block;vertical-align: middle;color: var(--white);padding: 0 5px;}
#social li.phone:hover a{background:var(--dark);color:var(--white);}
#social li.phone:hover a span{ color:var(--white);}
#social li.mhanation a span {display:block;font-size: 14px;font-weight: 500;color: var(--primary);border: 2px solid var(--primary);padding: 4px 10px;border-radius: 5px;}
#social li.mhanation a:before {display:none; background: none; }

/* Social Menu Hover */
#social li:hover a:before, #social li a:hover:before {color: var(--white); background:var(--dark);transition: all .3s ease;}

/*-- Feedback--*/
.feedback { padding:75px 0;background-color: var(--primary); color:var(--white); text-align:center;}
.feedback h2{color:var(--white);text-align:center;margin: 30px 0;}

/* ====================Footer==================== ================================================== */
footer {clear: both;background: var(--dark);color: var(--white);z-index: 1;position: relative;padding-top: 50px;/* margin-top: 50px; */border-top: 2px solid rgb(0 0 0 / 10%);}
body.subpage footer {border-top: 2px solid rgb(0 0 0 / 20%);}
footer .address {text-align: left;display: block;clear: both;text-align: left;} 
footer .address * { color: var(--white);} 
footer .address p{ padding-left:30px;}
footer .address p i{font-size: 21px;display:inline-block;margin-left: -30px;width: 30px;text-align: center;vertical-align: middle;}

.footerNav{display: block;}
.footerNav ul { margin: 0px; padding: 0px; list-style: none;}
.footerNav >ul{list-style: none;display: flex;flex-wrap: nowrap;justify-content: space-between;}
.footerNav > ul > li {text-align: right;-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
.footerNav > ul > li.group span{ display:none;}
.footerNav > ul > li > a, .footerNav > ul > li > span {}
.footerNav ul li>a {padding: 0px;margin: 0px;display: block;}
.footerNav ul li a{padding-bottom: 8px;display: block;color: var(--white);display: inline-block;text-align: right;font-size: 1.1em;}
.footerNav ul li>ul  {margin: 0px;padding: 0;list-style: none;}
.footerNav ul li> ul li {float: none;display: block;margin: 5px 0;text-align: right;}
.footerNav ul li> ul li a{padding: 5px 0;font-size: 1em;font-weight: normal;}
.footerNav ul li a:hover{color: var(--highlight);}

.subfooter-nav ul {}
.subfooter-nav ul li {  display: inline-block !important;  float: none !important;  }
.subfooter-nav ul li a {  padding: 0 5px !important;  }
.subfooter-nav ul li a:hover {  background: none !important;  }

/* ==================== Copyright ==================== */
.copyright {text-align: left;font-size: 0.85em;padding: 10px 0;margin-top: 30px;background: rgb(0 0 0 / 10%);}
.copyright a {color: var(--white)!important;}
.copyright span {display: block;text-align: right;}
.subpage .copyright{/* margin:0; */}
/* ==================== Go to top button ==================== ================================================== */
.cd-top {display: inline-block;height: 40px;width: 40px;position: fixed;bottom: 10px;right: 0px;z-index: 10;box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);overflow: hidden;background: var(--mute);/* border: 1px solid var(--white); */visibility: hidden;opacity: 0;-webkit-transition: opacity .3s 0s, visibility 0s .3s;-moz-transition: opacity .3s 0s, visibility 0s .3s;transition: opacity .3s 0s, visibility 0s .3s;}
.cd-top i {color: var(--white);font-size: 1.4em;text-align: center;line-height: 40px;text-indent: 0;display: block;position: absolute;right: 0;top: 0;left: 0;bottom: 0;margin: 0 auto;}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {  -webkit-transition: opacity .3s 0s, visibility 0s 0s;  -moz-transition: opacity .3s 0s, visibility 0s 0s;  transition: opacity .3s 0s, visibility 0s 0s;  }
.cd-top.cd-is-visible {  visibility: visible;  opacity: 1;  }
.cd-top.cd-fade-out {opacity: .75;}
.cd-top:hover, .no-touch .cd-top:hover {opacity: 1;background: var(--primary);border-color:var(--white);}
.cd-top:hover i{ color:var(--white);}

/* ==================== webform post form styles ==================== ================================================== */
.fieldgroup {  clear: both;  margin: 10px 0;  padding: 5px;  }
.fieldgroup_label {font-size: 1.5em;font-weight: bold;font-family: var(--bodytext);display: block;color: var(--primary);padding: 0 5px;border-bottom: 1px solid var(--primary);}
.fieldgroup_desc, .field_desc {  font-style: italic;  color: var(--dark) ;  line-height: 1.4em;  padding: 0 3px;  font-size: 0.87em;  margin-bottom: 10px;  clear: both;  }
.fieldrow {  padding: 5px 0;  text-align: left;  display: block;  }
.fieldrow .fieldlabel sup {  color: red;  margin-left: 5px;  }
.fieldrow .fieldval textarea {  width: 80%;  min-height: 100px;  }
.fieldrow .fieldlabel {  display: inline-block;  width: 100%;  margin: 0 0.5%;  text-align: left !important;  margin-right: 20px !important;  }
.fieldrow .fieldval {  display: inline-block;  width: 100%;  margin: 0 0.5%;  vertical-align: top;  }
.fieldrow .fieldval input, .fieldrow .fieldval input[type=text], .fieldrow .fieldval input[type=tel], .fieldrow .fieldval input[type=email], .fieldrow .fieldval select {  width: 80%;  }
.fieldrow .fieldval input[type=button], .fieldrow .fieldval input[type=reset], .fieldrow .fieldval input[type=submit], .button {  width: auto;  }
.fieldrow .fieldval input[type=file] {  border: 1px solid var(--gray);  }
.group_nogroup_label, .group_nogroup_label, .group_nogroup_tr {  display: none;  }

.newPostTemplate.webform .fieldrow .fieldlabel, .newPostTemplate.webform .fieldrow .fieldval{width:auto;display:block;margin: 0 5px;}
.newPostTemplate.webform .fieldrow .fieldval input[type=number], .newPostTemplate.webform .fieldrow .fieldval input[type=text], .newPostTemplate.webform .fieldrow .fieldval input[type=tel], 
.newPostTemplate.webform .fieldrow .fieldval input[type=email], .newPostTemplate.webform .fieldrow .fieldval select, .newPostTemplate.webform .fieldrow .fieldval textarea{ width:100%;}
.newPostTemplate.webform .fieldrow .fieldval input[name*='date'], .newPostTemplate.webform .fieldrow .fieldval input[name*='date'],
.webform .fieldrow .fieldval input[name*='date'], .webform .fieldrow .fieldval input[name*='date']{width: calc(100% - 30px);}
#date_of_birth_input{width:100%;min-height:45px;margin: 4px 0;border-radius: 0;background-color: rgba(43, 43, 43, 0.07);border: 1px solid rgba(47, 47, 47, 0.07);}
.newPostTemplate.webform .fieldrow .fieldval input[type='checkbox']{width:auto; }
.newPostTemplate.webform .fieldrow .desc{ font-size:.84em; color:var(--mute);}
.newPostTemplate.webform .fieldrow .fieldlabel label{font-family: var(--bodytext);font-weight: 500;display: block;font-size: 15px;margin: 0;}
.newPostTemplate.webform .fieldrow .fieldlabel label{ display:inline;}
.newPostTemplate.webform .fieldrow .fieldval label{font-family: var(--bodytext);font-weight: 400;font-size: 15px;margin: 0;display: inline-block;}
.newPostTemplate.webform .fieldrow .fieldval div[class*="_radio"]{display:inline-block;}

#availabelDateTime #DateTimeinputs {display:flex;justify-content: space-between;}
#availabelDateTime select#days_of_week{ margin-right:10px; }

/* ====================small size grid style declarations==================== ================================================== */

@media (min-width: 640px) {  }

@media (min-width: 780px) {  
   .Navigation {transition: margin .5s ease;}
   .Navigation .container{/* width:98%; *//* max-width: none; */}
   body.subpage .Navigation {  margin-top: 0;  }

   /* ==================== webform styles ==================== ================================================== */
   .fieldrow .fieldval select {width: 80%;padding: 8px 5px;}
   .fieldrow .fieldval input {  width: 80%;  }
   .fieldrow .fieldval input[type=button], .fieldrow .fieldval input[type=reset], .fieldrow .fieldval input[type=submit], .fieldrow .fieldval .button, .fieldrow .fieldval input[type='radio'], .fieldrow .fieldval input[type='checkbox'] {  width: auto;  }
   .fieldrow .fieldval {  display: inline-block;  vertical-align: top;  width: 40%;  margin: 0;  text-align: left;  }
   .fieldrow .fieldlabel {  width: 30%;  min-width: 10%;  }
}
  
@media (min-width: 1200px) {  
   .Navigation .container{width: auto;max-width: 1140px;}
}
/* ==================== taoCMS Components and Modules ==================== ================================================== */
/*Home page slider*/
    .bannerBlock  { margin-bottom:15px ;}
.content-block.slider-block{ padding:0;}
.sliderSection { height: var(--sliderHeight); max-height: 100vh; overflow: hidden; position: relative; 
    & .slide {position: relative;  height:var(--sliderHeight);
        & .image {background-position: center;background-size:contain;background-repeat: no-repeat;position: relative;/* display:flex; */width: 100%;height: 100%;z-index: 0;top: 0;left: 0;justify-content: space-between; 
            img{width:auto;}
            &.Fullwidth {background-size: contain; 
                img{width:100%;object-fit: cover;height: auto;}
            } 
        }
        & .captionData {height: 100%;left:0;right:0;bottom: 0;margin:auto;position: absolute;width: 100%;padding: 0;}
        & .caption {display: none;padding: 15px;position: relative;z-index: 2; 
            &:after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: transparent; z-index: -1; } 
            h1, h2, h3, h4, h5, h6 {color: var(--text); }
            .h1, h1 {font-size: calc(1.35rem + 1.5vw); 
                @media (min-width: 1200px) {font-size: 3rem; } 
            }
            .h2, h2 {font-size: calc(1.20rem + 0.5vw); 
                @media (min-width: 1200px) {font-size: 2.5rem; } 
            }
            .h3, h3 {font-size: calc(1.0rem + 0.075vw); 
                @media (min-width: 1200px) {font-size: 2rem; } 
            }
            p, div {font-size: calc(1.0rem + 0.05vw); margin:0;
                @media (min-width: 1200px) {font-size: 1.6rem; } 
            }                     
        }
        &.video {
            & .image {display: none; } 
            & .tao-video-wrapper {position: absolute; width: 100%; height: 100%; top: 0; left: 0; 
                & .container {max-width: none !important; display: none !important; }
                & .tao-video-tn { background-size:cover;}                
                iframe {position: fixed; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; min-width: 100%; min-height: 100%; z-index: 99; }
            }
        }
        &.slShow .caption{display: block; color: var(--text); }              
    }                
    .tao-carousel .tao-nav button span:after {font-family:fontAwesome !important;font-size: 60px;}               
    .tao-carousel .tao-nav .tao-prev span:after{content:"\f104";  width:auto; height:auto;}
    .tao-carousel .tao-nav .tao-next span:after{content:"\f105";  width:auto; height:auto;}       
    .tao-carousel .tao-nav button {
        &:hover{background:none; color:var(--primary);
            span:after{ color:var(--primary);}       
        }
    }                 
    @media (min-width: 0px) and (max-width: 991px) { 
        --sliderHeight:520px;
        height:var(--sliderHeight);
        & .slide{ height:var(--sliderHeight);}
        img{width:auto;  height:100%; }
        & .slShow .caption{padding:15px; width:100%!important;}
    }  
    @media (min-width: 0px) and (max-width: 549px) {
        
        
        
        --sliderHeight:380px;
        /* margin-top:177px; */
        
        
        
        & .slide { display:flex; flex-wrap:wrap;
            & .image{ position:relative; order:0; height:calc( var(--sliderHeight) / 2); width:100%; background-size:cover; background-position:center;}
            & .captionData{ order:1; height:auto;
                .caption {width:100%;}
            } 
            & .caption{
                .h1, h1 {font-size: calc(1.20rem + 1.5vw); 
                    @media (min-width: 1200px) {font-size: 3rem; } 
                }
                .h2, h2 {font-size: calc(1.5rem + 0.5vw); 
                    @media (min-width: 1200px) {font-size: 2.5rem; } 
                }
                .h3, h3 {font-size: calc(1rem + 0.06vw); 
                    @media (min-width: 1200px) {font-size: 2rem; } 
                }
                p, div {font-size: calc(1.0rem + 0.05vw); 
                    @media (min-width: 1200px) {font-size: 1.6rem; } 
                }                
            }                  
        }  
    }              
}


/*Alert slider*/
.alertsSlider  .tao-carousel.tao-theme{display:flex;align-items: center;}
.alertsSlider .tao-carousel .tao-stage{display: flex;;align-items: center;}
.alertsSlider{overflow: hidden;position:relative;background: var(--dark);/* margin-top: 162px; */margin-bottom: 15px;}
.alertsSlider .tao-dots {z-index: 1;position: relative;right: 0;bottom: 0;width: 20px;height: 100%;background: transparent;text-align: right;display: flex;flex-direction: column;}
.alertsSlider .tao-dots button{padding:0; margin:0;color:var(--dark);}
.alertsSlider .tao-dots{counter-reset: section;}
.alertsSlider .tao-dots button.tao-dot span {display:block;width: 20px;height: 20px;margin: 0;border-radius:0;background: var(--highlight);transition:all .5s ease;}
.alertsSlider .tao-dots button.tao-dot span:before {counter-increment: section;content: counter(section);line-height: 20px;font-size: .8em;}
.alertsSlider .tao-dots .tao-dot.active span{ background:var(--dark); color:var(--white); transition:all .5s ease;}
.alertWrapper {padding: 0;/* height: 100%; */display: flex;align-items: center;}
.alertWrapper :is(h1, h2, h3, h4, h5, h6, p, div){color:var(--white);}
.alertWrapper a{ background:var(--white); color:var(--primary); display:inline-block; padding:8px 10px; border-radius:3px;}
.alertWrapper .alertBlock {display:flex;align-items:center;flex-direction: column;justify-content: center;height: 100%;}
.subpage .alertsSlider{ margin:0;}
/* subpage_slider*/
.subpage_slider {  padding: 100px 0; background-position: center center;  background-attachment: fixed;  background-size: cover;  }


form#changepass, .general_login, #sendinstructions {max-width: 360px;margin: 0 auto;text-align: left;padding: 15px;border: 1px solid rgb(233, 233, 233);}
#changepass h2 ,.general_login div.logintitle {  background: transparent;  color: var(--text);  font-size: 18px;  line-height: 25px;  font-weight: normal;  }
.general_login div.loginmessage {  font-style: italic;  margin-bottom: 20px;  }
.changepass div.row, .general_login div.row {margin: 10px 0px;text-align: left;display: flex;flex-direction: column;}
.changepass div.row label, .general_login div.row span.label {text-align: left;min-width: 100px;}
.changepass div.row label {font-weight: normal;display: block;text-align: left;margin-bottom: 0;}
.changepass div.row span, .general_login div.row span.formw {display: inline-block;vertical-align: middle;}

.changepass div.row span {display:block;}
.changepass div.row span input {max-width: 100%;}
.changepass div.row span .pwdlevel {font-size:.8em;font-style: italic;}
.changepass div.row:last-child {text-align: center;}
.changepass div.row:last-child label{display:none;}

.general_login div.loginbtn {text-align: center;flex-direction: inherit;justify-content: center;}
.general_login div.loginbtn input{ width:auto;}
.general_login div.forgotpassword {text-align: center;}
.general_login .errmsg {  color: var(--error);  font-size: .84em;  padding: 0;  text-align: center;  overflow: hidden;  }
.general_login div.row.remember {flex-direction: row;}
#filter {  display: none;  }

/* =============================================== ================================================== =============================================== ================================================== Custom Styles =============================================== ================================================== =============================================== ================================================== */
/*navigation */
.form-btn {  padding: 10px 10px;  cursor: pointer;  position: relative;  float: right;  text-align: center;  right: 0;  margin: 3px 0;  color: var(--white);  }
.nav-icon a {  color: var(--primary);  line-height: 75px;  display: block;  padding: 0 5px;  }
.nav-icon a:hover, .nav-icon.nav-collapsed a:hover {  text-decoration: none !important;  background: none !important;  color: var(--primary) !important;  }
.nav-icon {  float: right;  font-size: 30px;  line-height: 75px;  position: relative;  z-index: 99;  right: 0;  top: 0px;  margin: auto;  padding: 0 7px;  color: var(--primary);  }
.nav-icon a:hover, .search-btn.search-on, .search-btn:hover {  background: var(--primary);  color: var(--offwhite);  }
.nav-icon.nav-collapsed {  z-index: 102;  }
.nav-icon.nav-collapsed a {  color: var(--primary) !important;  }
.nav-icon.nav-collapsed a span:before {  content: "\f00d";  }

/* side navigation*/
a#flyOut{ display:none;}
.side-nav {/* background: var(--highlight); */}
.side-nav ul{list-style:none; margin:0; padding:0;}
.side-nav ul li{ position:relative; display:block;}
.side-nav ul li.divider {padding-bottom: 20px;}
.side-nav ul li.divider span{display:none;}
.side-nav ul li ul{/* display:none; */position: relative;}
.side-nav ul li ul li a { padding: 10px 15px;font-size: .9em;}
.side-nav ul li:hover > ul{ display:block;}
.side-nav ul li a {border-bottom: 1px solid color-mix(in srgb, var(--highlight), 10% var(--dark));background: var(--highlight);color: var(--dark);display: block;padding: 10px 10px;font-weight: 500;}
.side-nav ul li: last-child a {  border: 0;  }
.side-nav ul li a:hover {color: var(--white); background:var(--primary);}
.side-nav ul li ul li ul li a:hover {background:var(--primary); color:var(--white);}

/* Gallery */
.imageGallery{display:flex; flex-wrap: wrap;
    & .ligBox {cursor:pointer;max-width:25%; position:relative; margin:2px; border:1px solid var(--gray); 
        &:after{content:''; display:block; position:absolute; z-index:3; width:100%; height:100%; top:0; left:0;} 
        &:hover:after{background-color: rgba(0, 0, 0, .3);} 
        img{object-fit:cover; height:100%; width:100%; position:relative;} 
        & .gContent{display:none;} 
    }
    @media all and (min-width: 0px) and (max-width: 579px) {
        justify-content:center;
        & .ligBox {max-width: 45%;}   
    }           
}
/*Gallery Lists*/
.galleryLists {display:flex; flex-wrap:wrap; justify-content:start;
    .gallerylist {max-width:40%;flex: 0 0 auto; border: 1px solid var(--gray); text-align:center;margin:15px ;padding: 5px; 
        h3 {margin:10px 0; text-align: center; font-size: 1.1em; font-weight:400;}
        p {display: none;}
        @media (min-width: 0px) and (max-width: 579px) {
            width:80%;max-width:none;flex: 0 0 auto;
        }                
    }    
}

/*modal*/
.modalData{/* display:none; */}
.modal.show .close{position:absolute;right: -25px;top: -25px;background: red;z-index: 100;text-shadow: none;color: var(--white);line-height: 25px;width: 25px;font-size: 24px;padding:0;}

.modal.show .modal-body{position:relative; padding:0;}
.modal.show .modal-body iframe{ border:0; width:100%;}
.modal.show .modal-content{border:0;box-shadow:none;border-radius: 0;background: transparent;}

/* ====================paging ====================
   ================================================== */
.gallery_next_link{ float:right; }
.gallery_home_link, .gallery_prev_link{ float:left;}

.gallery_home_link a, .gallery_next_link a, .gallery_prev_link a{display:inline-block;padding:5px 15px;font-weight:500;color:var(--text);border: 1px solid #b9b9b9;}
.gallery_prev_link a:before, .gallery_next_link a:after{ content:"\f178"; font: normal normal normal 14px/1 FontAwesome; display:inline-block; vertical-align:middle; margin-left:7px;}
.gallery_prev_link a:before{content:"\f177"; margin-right:7px; margin-left:0;}
.gallery_home_link a:hover, .gallery_prev_link a:hover, .gallery_next_link a:hover{ background:var(--primary); color:var(--white); border: 1px solid var(--primary);}

#form_paging_links, #calendar_paging_links, #paging_links, #newschannel_paging_links, .gallery_paging_links {clear:both;text-align: center;margin: 10px 0;margin-top: 50px;float: none;}
#form_paging_links:after, #calendar_paging_links:after, #paging_links:after, #newschannel_paging_links:after, .gallery_paging_links:after {content:''; display:table; clear:both;}
#form_paging_links span, #paging span, #calendar_paging_links span, #paging_links span, .paging span, .gallery_paging_links span{display: inline-block;text-align: center;margin: 2px;}

#newschannel_paging_links span.gallery_prev_link_inactive, #newschannel_paging_links span.gallery_next_link_inactive,   #form_paging_links span.gallery_prev_link_inactive, 
#paging_links span.prev_link_inactive, #paging_links span.next_link_inactive, #calendar_paging_links .gallery_prev_link_inactive, #calendar_paging_links .gallery_next_link_inactive, .gallery_next_link_inactive{ display:none;}

#newschannel_paging_links span:hover, #calendar_paging_links span:hover, #form_paging_links span:hover, #paging_links span:hover, .gallery_paging_links span:hover, #paging_links span.currentpage, 
.paging span.currentpage {background: var(--primary);color: var(--white);}

#paging_links span.currentpage a, .paging span.currentpage a, #newschannel_paging_links span:hover a, #newschannel_paging_links span a:hover, #calendar_paging_links span:hover a, 
#calendar_paging_links span a:hover, #form_paging_links span:hover a, #form_paging_links span a:hover, #paging_links span:hover a, #paging_links span a:hover, .gallery_paging_links span:hover a, 
.gallery_paging_links span a:hover {background: var(--primary);text-decoration: none;color: var(--white);/* border: 1px solid #fdb525; */}    

#paging_links span a, .gallery_paging_links span a {color:var(--text);display: block;background: var(--gray);padding: 3px 15px;}
#paging_links span.next_link {width:auto;}

 #form_paging_links span .gallery_prev_link_inactive, #form_paging_links span.gallery_next_link_inactive, .gallery_paging_links span.gallery_prev_link_inactive{ display:none;} 

/*calendar */
table#calendar{border-collapse:collapse;width: 90%;background:transparent;color:var(--text);margin:0 auto;}
table#calendar tr th,table#calendar td{border:1px solid var(--gray);width: 14.28%;height: 75px;}
table#calendar tr th{text-align:center;background:var(--gray);vertical-align:middle;font-size:18px;color: var(--dark);line-height:20px;font-family: var(--bodytext);}
table#calendar tr td.caption{background: var(--dark);text-align:center;color: var(--white);font-size: 24px;text-transform: uppercase;font-weight: 500;height: 50px;line-height: 50px;}

table#calendar tr td.caption a.nav{display:inline-block !important;vertical-align: middle;font-size: 34px;padding: 0 20px;color: var(--white);line-height: 50px;height: 55px;}

table#calendar ul{margin:0px;padding:0px;list-style:none;display: block;}
table#calendar ul li{ padding:2px;line-height:16px;color:var(--white);border-bottom:1px solid var(--white);background:var(--dark);font-size:11px; }
table#calendar ul li a{ color:var(--white); }

/*---------------------- custom CSS --------------------------*/
 
/*News*/
.featuredNewsList {height:100%;display: flex;flex-direction: column;justify-content: space-between;}
.jsnews_378, .jsnews_35{height: 100%;}
.news-listing {padding: 15px;position: relative;background: var(--white);border-radius: 5px;margin-bottom: 20px;-webkit-box-shadow: 5px 5px 5px var(--gray);box-shadow: 0px 0px 5px var(--gray);display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-webkit-transition: -webkit-box-shadow .35s ease;-o-transition: box-shadow .35s ease;transition: box-shadow .35s ease;}
.news-listing .news-info{position:relative;z-index:1;}
.news-listing .newsTitle {line-height:1.1;}
.news-listing:last-child{/* margin-bottom:0; */}
.news-listing:hover {-webkit-box-shadow: 0 5px 10px var(--gray);box-shadow: 0 5px 10px var(--gray);-webkit-transition: -webkit-box-shadow .35s ease;-o-transition: box-shadow .35s ease;transition: box-shadow .35s ease}
.news {display:flex; flex-direction: column; justify-content: space-between;  height: 100%;}
.newsRow {margin-bottom: 10px;padding: 5px 0;padding-bottom: 5px;}
.newsRow .date {font-weight: 400;color: var(--primary);}
.newsRow .newsRow_title a {font-size: 1.3em;font-weight: 500;color: var(--text);}
.news-body img{max-width:60%;float:left;margin-right: 15px;margin-bottom: 15px;}

.news{display:flex; flex-direction:column; height:100%; justify-content:space-between;
     & .article {margin-bottom: 15px;padding-bottom:10px;border-bottom:1px dashed var(--primary);
        h2{font-size:1.33em;}
        & .splitleft, & .splitright { display:block;
            em{font-size:.9em;}
            a{display:inline-block; padding:3px 10px; font-size:.8em; text-transform:uppercase; border:1px solid var(--primary); border-radius:5px;
                 &:hover{ background:var(--primary); color:var(--white);}
             } 
        }
    }
    & .newsRow{margin-bottom: 15px;padding-bottom: 15px;border-bottom:1px dashed var(--gray)}      
}

/*Events*/
.event {margin: 10px 0;/* padding: 15px; */position: relative;margin-bottom: 15px;display: flex;justify-content: flex-start;background: var(--white);align-items: center;border-radius: 5px;-webkit-box-shadow: 0px 0px 5px var(--gray);box-shadow: 1px 1px 4px var(--gray);} 

/*Events rows*/ 
.events h2 {margin-top: 50px; margin-bottom: 15px; color:var(--text); }
.events .eventrow {margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px dashed var(--gray); }
.events .eventrow h3 {font-size: 1.125rem; }
.events .eventrow p {margin: 0; }
.events .eventrow ul {margin:0; padding:0;margin-bottom: 10px; }
.events .eventrow ul li {margin-right: 15px; }

/*Home Events*/
.event .date {height: 85px;background: var(--dark);display: flex;flex-direction: column;justify-content: center;}
.event .event_date {    text-align: center;   }
.event .event_date{/* margin: 0 auto; */font-weight: 900;font-size: 1.2em;line-height: 1em;text-transform: uppercase;color: var(--primary);background: var(--white);padding: 5px;}
.event .event_time { font-size: .84em;   display: block;  font-weight: 400;  line-height: 1.5em; }
.event .event_day {font-size: 1.5em;padding: 10px;}
.event .event_content {padding-left: 10px;font-weight: normal;font-size: 1em;text-align: left;line-height: 1.5em;position: relative;z-index: 1;}
.event .event_content a {font-size: 1.3em;font-weight: 500;}
.event .event_name a{ vertical-align: middle;word-break: break-word;  }
.event .event_name a{vertical-align: middle;word-break: break-word;color: var(--white);}
.event .ev_location {font-size:1em; font-weight: bold;}
.events_block .article  {border-bottom: 1px solid var(--gray);padding: 15px 0;}
.events_block .article img{max-width:300px;/* min-width:300px; */}
.events_block .article .dtl{padding: 0 15px;}
.EventDetail  .dtl img{max-width: 450px;margin: 0 auto;display: block;}

.featuredEventList{/* height:100%; */position: relative;
    > h2{position: relative;margin: 0;width:100%;z-index:2;background:var(--highlight);color:var(--primary);padding: 10px;font-size: 1.6em;}
    .EventSliderSection{height: 100%;/* padding-top: 37px; */
        & .slide {height: calc(var(--sliderHeight) - 47px);overflow: hidden;
            & .event{position:absolute;bottom:0;margin: 0;border-radius: 0;padding: 10px;box-shadow: none;background: rgb(53 53 53 / 80%);color: var(--white);}     
            & .image{height:100%;
                img{width:100%;height:100%;object-fit: cover;object-position: top;}        
            }
        } 
        & .tao-dots{position:absolute;right: -30px;top: 0;width:30px;height:100%;display:flex;background: transparent;flex-direction: column;justify-content: center; 
            button.tao-dot span {display:block;width: 10px;height: 10px;margin: 0;border-radius:10px;background: var(--primary);transition:all .5s ease;}
            button.tao-dot span:before {content:'';line-height: 10px;font-size: 0;}
            button.tao-dot.active span{ background:var(--dark); color:var(--white); transition:all .5s ease;}
            @media all and (min-width: 0px) and (max-width: 579px) {
                position:relative;width:100%;height: auto;right:auto;bottom:0;flex-direction: row;
            }
               
        }
    }                  
}

/*Home links*/
.featuredLinksList{
    ul{margin:0;padding:0;list-style: none; 
        li {padding:10px;padding: 15px;position: relative;background: var(--white);border-radius: 5px;margin-bottom: 20px;-webkit-box-shadow: 5px 5px 5px var(--gray);box-shadow: 0px 0px 5px var(--gray);
            a{display:block;font-size: 1.25rem;font-weight: bold;line-height: 1.2;}   
        }  
    }
}

/*Home Content Blocks*/
.aboutContent h2{font-size: 34px;text-transform:uppercase;font-weight: 300;}
 
.introBlocks {position: relative;z-index: 2;background: var(--highlight);color:var(--text);}
.introBlock {position:relative;z-index: 2;padding: 10px 15px;height: 100%;transition: all .5s ease;display: flex;} 
.introBlock .icon{-ms-flex: 0 0 60px;flex: 0 0 60px;max-width: 60px;text-align: center;}
.introBlock a{color:var(--text);}
.introBlock .icon span{font-size: 4em;}
.introBlock  p {position:relative;z-index:1;}
.introBlock  p a{display: block;vertical-align: middle;/* width: 200px; */color:var(--text);margin: 0;background: transparent;border: 1px solid transparent;transition: all .5s ease;}
.introBlock  p a span {display: inline-block;width: 30px;font-size: 32px;vertical-align: middle;transform: translateX(0%);transition: all .5s ease;}
.introBlock:hover  p a span{transition: all .5s ease;/* transform: translateX(200px); */}
 
.serviceBlocks .serviceBlock, .adminRows{position: relative;border-radius: 5px;box-shadow: 0px 1px 7px 1px rgb(0 0 0 / 5%);height: 100%;transition:all .5s ease;display: flex;flex-direction: column;background: bottom;background: var(--highlight);overflow: hidden;text-align: center;padding-bottom: 5px;}
.serviceBlocks div.serviceBlock span.img  { padding:0;}
.serviceBlocks div.serviceBlock[data="#"] span.img{min-height: 210px;background: url(/image/cache/elbowoods-seal.png) no-repeat center;background-size: 160px;filter: grayscale(55%) opacity(75%);-webkit-filter: grayscale(90%) opacity(65%);-moz-filter: grayscale(55%) opacity(75%);}
.serviceBlocks .serviceBlock > p {padding: 10px;}
.serviceBlocks .serviceBlock .contacts {display:flex;padding: 0 10px;justify-content: space-around;}
.serviceBlocks .serviceBlock .contacts a{font-size: .95em;}
.serviceBlocks .serviceBlock .contacts span {font-size: 18px;display:inline-block;vertical-align:middle;}
.serviceBlocks div.serviceBlock span.img img{object-fit: cover;width: 100%;height: 100%;}
.serviceBlocks .serviceBlock a, .adminRows a{}
.serviceBlocks .serviceBlock a span, .adminRows a span {font-size: 1.2em;display:block;color:var(--text);text-align: center;/* text-transform: uppercase; */padding: 5px 0;} 
.serviceBlocks .serviceBlock:hover, .adminRows:hover {background: var(--primary);}
.serviceBlocks .serviceBlock:hover a, .adminRows:hover a {color:var(--white);transition: all .5s ease;}  
.serviceBlocks .serviceBlock:hover *,.adminRows:hover *{color:var(--white);}
.adminRows img{ width:100%; height:225px; object-fit:cover;}

.serviceDetails h2{/* margin:0; */}
.serviceDetails .category{color:var(--mute); font-size:14px; font-weight:500;}
.serviceDetails .details{/* margin:15px 0; */}
.serviceDetails .details:after{ content:''; display:table; clear:both;}
.serviceDetails .details img {margin-bottom: 15px;max-width: 500px;}
.serviceDetails div.hours[data=""] > p{ display:none;}
.serviceDetails .hours span{display:inline-block;vertical-align:middle;margin-right: 5px;}

.serviceDetails .providerRows {padding:0;display: block;border: 0;border-bottom: 1px solid var(--gray);} 
.serviceDetails .providerRows .details {padding: 5px;}
.serviceDetails div.img[data="#"]{height:100%;min-height: 210px;background: url(/image/cache/elbowoods-seal.png) no-repeat center;background-size: 160px;filter: grayscale(55%) opacity(75%);-webkit-filter: grayscale(90%) opacity(65%);-moz-filter: grayscale(55%) opacity(75%);}
.serviceDetails .contacts p { margin-bottom:15px;}
.serviceDetails .contacts p span, .serviceDetails .contacts p i{display:inline-block;vertical-align:middle;font-size: 24px;width: 24px;text-align: center;}
.serviceDetails .contacts p i.fa-fax{ font-size:16px;}
.serviceDetails .event, .serviceDetails .news-listing {box-shadow:none;/* padding: 5px; */}
.serviceDetails .event .event_content a {font-size:1em;color: var(--primary);}
.serviceDetails .news-listing {padding-bottom: 5px;border-bottom: 1px solid var(--gray);}
.serviceDetails .news-listing p{ margin:0;}
.serviceDetails p.linkYes { display:block;}
.serviceDetails p.linkNo{display:none;}

.providersList h3[data="No Department"], .providersList h2:first-child{display:none;}
.providerRows {height:100%;border:1px solid var(--gray);padding:15px;border-radius:5px;display: flex;}
.providerRows .image {-ms-flex: 0 0 40%;flex: 0 0 40%;max-width: 40%;/* min-height:250px; */text-align:center;}
.providerRows div.image[data="#"]{ background:url(/image/cache/doctor-male.svg) no-repeat center;}
.providerRows div.image[data="#"] a{display: block;width: 100%;height: 100%;min-height: 250px;}
.providerRows .details { padding:15px;}
.providerRows .contacts p[data=""]{display:none;}
.providerRows .contacts p span, .serviceProviderDetails .contacts p span{ display:inline-block; vertical-align:middle;}

.serviceProviderDetails .image{ min-height:300px;}
.serviceProviderDetails div.image[data="#"] {background: url(/image/cache/doctor-male.svg) no-repeat center;}
.serviceProviderDetails .contacts p[data=""]{display:none;}
.serviceProviderDetails .linkNo{display:none;}
/*div table*/
.divTable {display:table; width:100%;}
.divTable .divRow {display:table-row;}
.divTable .divRow .divCol {display:table-cell;padding:5px;border-bottom: 1px solid var(--highlight);border-top: 1px solid var(--highlight);}
.divTable .divRow.head .divCol{padding:10px;background: var(--white);vertical-align: middle;border-top: 1px solid var(--highlight);border-bottom: 3px solid var(--primary);color:var(--text);min-height: 30px;font-weight: bold;text-transform: uppercase;}
.divTable .divRow:nth-child(even) .divCol{background: var(--highlight);}
.divTable .divRow .divCol p{display:block;}
.divTable .divRow .divCol a{/* color: var(--gray); */}


/*FAQs */ 
.faqs div[data="No Category"]{display:none;}
.faqs .faq {padding: 5px; position:relative; border-bottom: 1px solid var(--gray); }
.faqs .faq .accordion-title {cursor:pointer;}
.faqs .faq .accordion-title strong:before{content:'Q';display:inline-block;padding-right:5px;color:var(--primary);}
.faqs .faq .accordion-value{margin-left:20px;} 
.faqs .faq .accordion-value:before{content:'A';margin-left:-20px;font-weight:bold;display: inline-flex;paddi;vertical-align: middle;margin-right: 5px;color:var(--primary);float: left;}
.accordion-value { display:none;}
.accordion-value.expand { display:block;}

#mapBlock {position: relative;width:100%;min-height: 520px;height: 100%;}
#mapBlock a{ outline:none;}
.location_info p.address span{display:inline-block; vertical-align:top;}
.links {list-style:none;padding:0;margin:0;outline: none;display: flex;flex-wrap: wrap;flex-direction: column;}
.links li{display:inline-block;margin: 5px 10px 5px 0;}
.links li.hide{ display:none;}
.links li span { display:inline-block; vertical-align:middle;}
.links li a{color:var(--primary);font-weight:500;outline: none;display: inline-block;vertical-align: middle;}

.fax_dropdown {position: relative;display: inline-block;margin: 20px 0;}
.dropdown-button {background-color: var(--primary);color:var(--white);padding: 10px 20px;border: none;border-radius: 5px;cursor: pointer;text-align: left;width: 240px;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);}
.fax_dropdown {background-color: #f9f9f9;min-width: 270px;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);z-index: 1;border-radius: 5px;padding: 10px;}
.fax_dropdown strong{ display:inline-block; padding:0 10px;}
.dropdown-content a {color: var(--dark);padding: 10px;text-decoration: none;display: block;font-size: 14px;}
.dropdown-content a:hover {background-color: var(--offwhite); }
.fax_dropdown:hover .dropdown-content {display: block; }
.fax_dropdown:hover .dropdown-button {background-color: var(--primary); }

/* ====================mobile css ==================== ================================================== */
@media (min-width: 460px) {  }

@media (min-width: 580px) {  }

@media (min-width: 640px) {  }

@media (min-width: 780px) {  
   .subpage-content-block.page-content-block {  margin: 20px 0;  }
   /*footer*/ 
   .modal-dialog{ max-width:65%;}
}

@media (min-width: 992px) {  }

@media (min-width: 1200px) {  
 
}

@media all and (min-width: 0px) and (max-width: 1199px) {  
    .HeaderMenu ul li a {padding: 15px 8px;font-size: .95em;}
}

@media all and (min-width: 0px) and (max-width: 1080px) {  
   #socail > span {  display: block;  line-height: normal;  }
   #socail li a:after {  line-height: normal;  font-size: 25px;  margin: 0 2px;  } 
}

@media all and (min-width: 0px) and (max-width: 991px) {  
   .Header .Navigation { display:none;}
   body {/* margin-top: 155px; */} 
   .HeaderMenu ul li {  padding: 0 7px;  }     
   .NavbarToggle {padding: 0;color: var(--primary);}
   .NavbarToggle i{color: var(--primary);}
   .appointment {margin: 3px 0;}
   .appointment a {padding:5px 15px;font-size: 12px;}
    .Header.toFixed.headBg {}
   .navigationWraper { justify-content:end;}
   .Sidebar__backdrop {  background-color: rgba(0,0,0,.25);  left: 0;  top: 0;  z-index: 999;  display: none;  }
   .Sidebar--active, .Sidebar__backdrop {  position: fixed;  height: 100%;  width: 100%;  }
   .Sidebar.active .Sidebar__backdrop {  display: block;  }
   .Sidebar--active, .Sidebar__backdrop {position: fixed;height: 100%;width: 100%;}
   body.subpage .Header .sidebar__Close i , .Header.headBg .sidebar__Close i {color: var(--white);}
   .footerNav ul li> ul li{ text-align:left}
    #social ul {justify-content:center;}
   .memberSidebar{position: fixed;z-index: 999;left: 0;top: 106px;display: flex;transform: translateX(calc(-100% - 0px));transition: all .3s ease;flex-direction: column;border: 1px solid var(--gray);}
   .memberSidebar #flyOut {display:block;background: var(--primary);width: 40px;height: 40px;border-top-right-radius: 5px;border-bottom-right-radius: 5px;border: 2px solid var(--white);border-left: 0;outline: none;position: absolute;right: -40px;}
   .memberSidebar #flyOut i{font-size: 30px;color:var(--white);display: block;line-height: 38px;font-weight: bold;text-align: center;}
   .memberSidebar .memberBar{position:relative;background: var(--white);}
   .memberSidebar ul{display:block;/* background: rgb(178 31 60); */position: relative;width: 100%;border: 2px solid var(--white);margin-bottom: 0;}
   .memberSidebar ul li ul {margin-bottom:0;border: 0;}
   .memberSidebar ul li a {padding: 12px 15px;display: block;font-size: 1em;/* color: var(--white); */border-bottom: 2px solid var(--white);text-align: left;}
   .memberSidebar ul li:last-child a{/* border:0; */}
   .memberSidebar.menuFlyOut {transform:translateX(0);transition: all .3s ease;display: block;}
   .memberSidebar.menuFlyOut #flyOut span :after{content:"\eac9";}
   .providerRows { flex-wrap:wrap;}
   .providerRows .image{-ms-flex: 0 0 100%; flex: 0 0 100%;max-width: 100%; }    
    
}

 @media all and (min-width: 0px) and (max-width: 880px) {  
    .bgBlock .textContent{width:100%;}
    .bgBlock .imgBlock {height:400px;}
    .bgBlock .imgBlock img {min-height: 100%;max-width: none;max-height: 100%;margin: 0 auto;display: block;}
 }

@media all and (min-width: 0px) and (max-width: 768px) { 
   .page-content-block {  margin-top: 20px;  padding-top: 0px;  }
   /* header */ 
    body{ margin-top:125px;}
   .Header.headBg{padding: 0; height:125px; }
   .Header.toFixed.headBg {transform: translateY(-45px);}
   .Header.headBg .logo img, .Header .logo img{max-height: 80px;}
    body.employeeArea{ margin-top:80px;}
    body.employeeArea .Header{height:80px;}
   .subpageHeader-block {/* padding-top: 177px; */}
   .Navigation .NavbarToggle {/* top: calc(50% - 28px); */z-index: 1;display: block;float: right;margin: 0;height: 100%;}
   .memberSidebar { top:150px;}
    /* navigation */
   .topNav {/* background:var(--gray); */}
   #social li.phone a span {/* display:none; */padding: 0;font-size: 12px;}
   #social ul { justify-content:center;}
   #social li.phone a:before, #social li a:before {font-size: 15px;width: 34px;line-height: 24px;}
   #social li.phone a:before { width:30px;}
    #social li.mhanation a span {font-size: 12px;font-weight: 400;padding: 1px 5px;border-width: 1px;}
   #main-navigation {  position: fixed;  overflow-y: auto;  width: 0;  height: 100%;  margin-bottom: 0;  z-index: 1;  left: 0;  top: 0;  background:var(--dark);  display: none;  }
   #main-navigation.navbar-block {  display: block;  }

   .providerRows { flex-wrap:nowrap;}
   .providerRows .image{-ms-flex: 0 0 400%; flex: 0 0 40%;max-width: 40%; } 
   /* ====================nav bar==================== ================================================== */
   footer .footer-bg {  background-position: center bottom;  }
   .footerNav > ul > li {  vertical-align: top;  } 
}

@media all and (min-width: 0px) and (max-width: 639px) {  
   .nav-top {  display: none;  } 
}

@media all and (min-width: 0px) and (max-width: 579px) {  
    body{ margin-top:168px;}
   .Header.headBg{height:168px; }
   .Header.toFixed{transform: translateY(-170px);}
   .Header.toFixed.headBg {transform: translateY(-90px);}
   .Header.headBg .logo img, .Header .logo img{max-height: 80px;}

   .nav-icon a, .nav-icon {  line-height: 74px;  }
   .subpage-content-block.page-content-block {  margin-top: 129px;  }
   footer .footerMenu, footer .contact {  float: none;  }
   .footerNav {  margin-bottom: 0;  text-align: center;  }
   .footerNav >ul{/* justify-content: center; */flex-direction: column;padding: 0;}
   .footerNav > ul > li {}
   .footerNav > ul > li a {font-size: 1.0em;margin-bottom: 11px;letter-spacing: 1px;}
   footer .address p {/* text-align: center !important; *//* margin-top: 20px; */}
   .subfooter-nav ul,.copyright span {  display: block;  text-align: center;  float: none;  }
   .subfooter-nav ul {  margin: 0 auto;  display: block;  }
   .subfooter-nav ul li {  float: none;  display: inline-block;  }
   #socail li {  margin: 0 2px;  }
   .bgBlock .textContent{font-size:2em;width: 100%;}
    .providerRows { flex-wrap:wrap;}
   .providerRows .image{-ms-flex: 0 0 100%; flex: 0 0 100%;max-width: 100%; }    
    #social li{min-width: 18%;text-align: center;}
    #social li.mhanation{min-width: 50%;}
    #social li.mhanation a span
}

@media all and (min-width: 0px) and (max-width: 460px) {  
   .Header.headBg .logo img, .Header .logo img{max-height: 75px;}    
   .nav-top {  position: relative;  text-align: right;  }
    #social li{min-width: 20%;text-align: center;}
    #social li.mhanation{min-width: 34%;}    
   #socail > span {  display: inline-block;  vertical-align: middle; font-size: 11px;  }
   #socail li a:after {  font-size: 20px;  margin: 2px;  } 
}

@media all and (min-width: 0px) and (max-width: 380px) {  
    body{/* margin-top:190px; */}
    body.employeeArea{ margin-top:80px;}
    body.employeeArea .Header{height:80px;}    
   .search-btn, .nav-icon {  margin: 0 5px;  padding: 0;  }
   .footerNav > ul > li {  display: block;  width: auto;  }
   .NavbarToggle{height: auto;}
 
}

@media all and (orientation: landscape) and (min-height: 100px) and (max-height: 540px) {  
  .sliderContent div.base div {}
}