@charset "utf-8";
/* CSS Document */

@import url(/css/reset.css?20230206); /*reset all browser defaults*/
@font-face {
    font-family: 'ddsblack';
    src: url('/css/fonts/dds-black-webfont.woff2') format('woff2'),
         url('/css/fonts/dds-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ddsbold';
    src: url('/css/fonts/dds-bold-webfont.woff2') format('woff2'),
         url('dds-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ddsitalic';
    src: url('/css/fonts/dds-italic-webfont.woff2') format('woff2'),
         url('/css/fonts/dds-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ddsregular';
    src: url('/css/fonts/dds-regular-webfont.woff2') format('woff2'),
         url('/css/fonts/dds-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
:root{
	--dkblue:#112233;
    --medblue:#114499;
	--ltblue:#114466;
	--gray:#F2F5F7;
	--dkgray:#49525A;
	--mint:#04C8C8;
	--ltmint:#E0FEF5;
	--eRed:#e60000;
    --maroondk:#660000;
    --maroonlt:#b51f29;
    --graydk:#58595b;
    --graylt:#b4b2b3;
}
/*--reds: 6c092a b51f29 -  grays:58595b b4b2b3 */

.redgrad1{background: #990022;
background: -moz-linear-gradient(0deg, #550000 0%, #990022 100%);
background: -webkit-linear-gradient(0deg, #550000 0%, #990022 100%);
background: linear-gradient(0deg, #550000 0%, #990022 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#990022",endColorstr="#550000",GradientType=1);}

.bluegrad1{background: #333344;
background: -moz-linear-gradient(0deg, #333344 0%, #666677 100%);
background: -webkit-linear-gradient(0deg, #333344 0%, #666677 100%);
background: linear-gradient(0deg, #333344 0%, #666677 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#333344",endColorstr="#666677",GradientType=1);}

.redgrad2{background: #550000;
background: -moz-linear-gradient(180deg, #550000 0%, #990022 100%);
background: -webkit-linear-gradient(180deg, #550000 0%, #990022 100%);
background: linear-gradient(180deg, #550000 0%, #990022 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#550000",endColorstr="#990022",GradientType=1);}

.redgrad3{background: #660022;
background: -moz-linear-gradient(0deg, #660022 0%, #330022 100%);
background: -webkit-linear-gradient(0deg, #660022 0%, #330022 100%);
background: linear-gradient(0deg, #660022 0%, #330022 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#660022",endColorstr="#330022",GradientType=1);}

.bluegrad{background: rgb(0,78,155);
background: -moz-linear-gradient(45deg, rgba(0,78,155,1) 0%, rgba(0,51,80,1) 100%);
background: -webkit-linear-gradient(45deg, rgba(0,78,155,1) 0%, rgba(0,51,80,1) 100%);
background: linear-gradient(45deg, rgba(0,78,155,1) 0%, rgba(0,51,80,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#004e9b",endColorstr="#003367",GradientType=1);}

.whtgrad{background: rgb(255,255,255);
background: -moz-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(231,231,231,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(231,231,231,1) 100%);
background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(231,231,231,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#cccccc",GradientType=1);  }

.redgraygrad{background: rgb(255,245,240);
background: -moz-linear-gradient(180deg, rgba(255,245,240,1) 0%, rgba(220,210,210,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(255,245,240,1) 0%, rgba(220,210,210,1) 100%);
background: linear-gradient(180deg, rgba(255,245,240,1) 0%, rgba(220,210,210,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffeeee",endColorstr="#ccdddd",GradientType=1);  }

.graygrad{background: rgb(255,255,255);
background: -moz-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,245,245,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,245,245,1) 100%);
background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,245,245,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#eeeeee",GradientType=1);  }
body{background:var(--graylt);font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";font-size:16px;line-height:18px;}
a {width:auto;}


.bluegraygrad{background: #000011;
background: -moz-linear-gradient(0deg, #000011 0%, #333344 100%);
background: -webkit-linear-gradient(0deg, #000011 0%, #333344 100%);
background: linear-gradient(0deg, #000011 0%, #333344 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000011",endColorstr="#333344",GradientType=1);}


body{background:var(--graylt);font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";font-size:16px;line-height:18px;}
a {width:auto;}
/* Header Menu */

.sfd-page-header {
  position: relative;
  padding-top:.5em;
  z-index: 100;
  font-family: "ddsbold";
  color:#fff;
  font-size: 20px;
box-shadow:0 0 .25em .25em rgba(0,0,0,.85);border-bottom:2px solid #029;
  box-sizing:border-box;
}

.sfd-page-header-content{width:100%;max-width:1200px;margin:auto;box-sizing: border-box;display:flex;flex-direction: column;justify-content:center;align-items:center;}
.sfd-page-header-title{display:flex;align-items: center;width:auto;justify-content:center;}
.sfd-page-header-title div{}
.page-header a{color:#fff;}

.page-header-logo{width:10%;}
.page-header-logo img{width:80%;padding:.125em .125em;}
.page-header-name{font-size:clamp(24px, 5vw, 60px);align-items:center;}
.page-header-name a{line-height:1em;color:#fff;height:auto;}

@media screen and (max-width:600px) and (min-width:0){
    .page-header-name{font-size:8.5vw;padding:.125em;text-align: left;width:60%;}
    .page-header-logo{width:40%;text-align:right;}
}
.page-header-drs{display:flex;flex-wrap:wrap;align-items:center;font-size:clamp(16px, 4.5vw, 22px);margin-bottom:.25em;}
.page-header-drs a, .page-header-drs a:hover, .page-header-drs a:visited, .page-header-drs a:active{color:rgb(230,230,230);}
.page-header-drs div a{white-space:nowrap!important;}
.page-header-drs-dot{color:var(--dkblue);}


.page-header-contact{display:grid;grid-template-columns: auto auto 1fr; width:90%;margin:.35em auto;}
.page-header-contact div{display:flex;align-items: center;justify-content: center;}
.page-header-info{padding:0 .35em;font-size:.9em;color:#111;}
.page-header-info a{color:#ffe;}
.page-header-info a:hover{color:#ffc;}
.page-header-info-left{border-right:6px solid rgba(0,0,0,0);}
.page-header-schedule{align-content: flex-end;justify-content: flex-end;}
.page-header-schedule-btn{font-size:.85em;background:var(--medblue);color:#fff;font-weight:200;border-radius:2em;padding:.75em 1.5em;}
.page-header-schedule-btn:hover{background:var(--ltblue);}

.page-header-menu{color:#014;right:0;padding:.5em;display:flex;justify-content:center;align-content: center;align-items: center;border-top:2px solid #039;}
.page-header-menu-link, .page-header-menu-link6{padding:0 1em;color:#014;}
.page-header-menu-link:hover,  .page-header-menu-link6:hover{cursor:pointer;color:#029;}

.page-header-menu-link7{color:#040;}
.page-header-menu-link7:hover{color:#080;}

.page-header-menu-btn{display:flex;justify-content: center;align-content: center;align-items: center;cursor:pointer;z-index:10000;flex-grow:1;text-align:right;box-sizing:border-box;padding:.85em;border-radius:1.5em;color:#fff;background:var(--medblue);}
.page-header-menu-btn:hover{color:#018;background:#fff;box-shadow:0 0 .25em 0 #001188;cursor:pointer;}
.sfd-white-button{display:flex;justify-content: center;align-items:center;}
.sfd-white-button a div {background:#fff;margin:auto;padding:.5em 1.5em;font-size:1.25em;font-wieght:bold;color:var(--dkblue);font-weight:bold;border-radius:1em;}
.sfd-white-button:hover a div{background:var(--ltblue);color:#fff}
@media screen and (max-width:1350px) and (min-width:0){
    .page-header-menu-link3{display:none;}
    .page-header-menu-link4{display:none;}
}
@media screen and (max-width:1200px) and (min-width:0){
    .page-header-menu-link3{display:none;}
    .page-header-menu-link4{display:none;}
}
@media screen and (max-width:1120px) and (min-width:0){
    .page-header-contact{grid-template-columns: auto auto;max-width:800px;}
    .page-header-info{padding:.25em .35em;margin-bottom:.25em;}
    .page-header-schedule{display:none!important;}
    .page-header-menu-link5, .page-header-menu-link4, .page-header-menu-link3{display:none;}
}
@media screen and (max-width:960px) and (min-width:0){
    .page-header-menu-link5, .page-header-menu-link6{display:none;}
    .page-header-drs div{font-size:2.75vw;}
}
@media screen and (max-width:720px) and (min-width:0){
    
    .page-header-contact{grid-template-columns: auto;}
    .page-header-info{padding:0;}
    .page-header-info-left{border-right:0px solid rgba(0,0,0,0);}
    .page-header-drs div{font-size:1em;line-height:1.15em;}
    .page-header-drs{flex-direction:column;}
    .page-header-drs-dot{display:none!important;}
  
}@media screen and (max-width:720px) and (min-width:501px){
    .page-header-menu-link{font-size:.9em;padding:0 .75em;}
    .page-header-menu-link7{display:none;}
    
}@media screen and (max-width:500px) and (min-width:0){
    .page-header-menu-link{font-size:.75em;padding:0 .5em;white-space:nowrap;}  .page-header-menu-link7{display:none;}
}

/*    .page-header-drs-dot{display:none!important;}

}@media screen and (max-width:500px) and (min-width:0){
    .page-header-menu-link{font-size:.75em;padding:0 .5em;white-space:nowrap;}
    .page-header-drs div{font-size:.8em;padding-right:1em;}
    .page-header-name{font-size:1.5em;padding-right:1em;}
    .page-header-logo img{margin-top:.5em;margin-left:2em;}
}*/
/* The Modal (background) */
.site-menu-modal {
  display: none; /* Hidden by default */position: fixed; /* Stay in place */
  z-index: 9999999999999999999999999999999999999999999999999999999999999999999;left: 0;top: 0;
  width: 100%; /* Full width */ height: 100vh; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  box-sizing:border-box;
}/* Modal Content */
.site-menu-modal-content {
  margin: auto; padding: 20px;border: 1px solid #003;
  position:absolute;top:0;left:0;height:100%;width: 100%;
  box-sizing:border-box; overflow-y: scroll!important;
  padding-bottom:100px;
  background: rgba(34,34,51,.95);
}
    
/* Modal Site Menu Header */
.site-menu-topmenu{margin:.5em auto;display:grid;  grid-template-columns: 100px auto 100px;width:100%;max-width:1200px;}
.site-menu-topmenu div{}

.site-menu-topmenu-logo{padding:0 1em;font-family:'ddsbold';font-size:1.35em;color:#fff;line-height:1.15em;text-shadow:1px 1px 6px rgba(0,0,0,.45)}
.site-menu-topmenu-logo img{width:80px;padding-right:.5em;text-shadow:2px 2px 10px rgba(0,0,0,.95);}

.site-menu-topmenu-close{display:flex;padding:1em;font-weight:bold;position:relative;}
.site-menu-topmenu-closebtn{position:absolute;right:0;top:0;}
.site-menu-topmenu-closebtn div{font-size:2em;border-radius:50%;background:#fff;color:#333;padding:0;height:3rem;width:3rem;display:flex;align-items: center;text-align:center;justify-content: center;}
.site-menu-topmenu-closebtn div:hover, .site-menu-topmenu-closebtn div:active{background:#222;color:#ccc;cursor: pointer;}

.site-menu-topmenu-txt{color:#fff;font-weight:bold;font-size:1.25em;display:flex;align-items:center;align-content: center;flex-direction: column;width:100%}
.site-menu-topmenu-txt div{text-align:center;line-height:1.15em;}
.site-menu-topmenu-txt-title{font-size:1.15em;padding:.5em;}


.site-menu-content{width:90%;max-width:1200px;margin:1em auto;background:rgba(255,255,255,.9);border-radius:.5em;display:flex;flex-wrap:wrap;padding:1em;overflow-y: initial !important}
.site-menu-option {display:flex;align-items: center;justify-content: center; box-sizing:border-box;padding:1em; text-align:center;margin:.5em;border-radius:.5em;height:100%;flex:1;min-width:240px;font-family:'ddsbold';font-size:1.15em;background:var(--dkblue);color:#fff;}
.site-menu-option:hover, .site-menu-option:active{background:var(--ltblue);}.site-menu-option-er{background:#900;color:#fff;}
.site-menu-option-er:hover{background:#c00;color:#fff;}.site-menu-option-pay{background:#040;color:#fff;}
.site-menu-option-pay:hover{background:#060;color:#fff;}
.site-menu-footer-contact{font-weight:bold;text-align:center;font-size:1.15em;color:#eee;line-height:1.15em;}

@media screen and (max-width:600px){.site-menu-topmenu-txt{font-size:1.15em;}.site-menu-footer-contact{font-size:.9em;}}

/* Default Page Settings */
.default-font{font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";}

.default-container{width:100%;max-width:1200px;margin:auto;}
.default-grid{width:100%;display: grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;}
.page-content{width:100%;max-width:960px;margin:auto;}

.page-intro{padding:1em;font-size:1.25em;line-height:1.25em;}
.page-goback, .page-home, .footer-services-btn, .footer-services-btn2{ transition: .4s filter linear, .4s -webkit-filter linear;;margin:1em auto;width:75%;max-width:300px;color:#fff;font-family: "ddsbold";padding:1em;border-radius:5px;text-align:center;}
.page-goback{background:var(--dkgray);}
.page-home{background:var(--dkblue);}

.page-details{background:#fff;border:2px solid #ccc;padding:2em;margin-bottom:1em;}

.footer-services-btn{background:#063;color:#fff;display:flex;align-items:center;justify-content: center;}
.footer-services-btn2{background:var(--eRed);color:#fff;display:flex;align-items:center;justify-content: center;}
.footer-services-btn2 div{padding:0 .25em;}
.page-goback:hover, .page-home:hover, .footer-services-btn:hover,  .footer-services-btn2:hover{filter: brightness(130%);}

.footer-services-btn2:hover,.footer-services-btn:hover{cursor:pointer;}
.footer-content-service-all{text-decoration:underline;margin-top:.5em!important;color:#116;}


.content-body{min-height:60vh;border-top:5px solid rgba(255,255,255,.85);}

/* OLD NAV */
.header-nav{border-top:2px solid #003DE3;border-bottom:3px solid rgba(0,0,0,.15); z-index:999999999999999;width:100%;font-family:"ddsbold";}
.header-nav-container{display:flex;flex-direction: row;width:100%;max-width:1024px;margin:auto;justify-content: center;align-items: center;color:#888;}
.header-nav-container img{max-width:100px;}
.header-nav-logo{flex:1;text-align:right;}.header-nav-logo img{padding:.5em;width:70px;padding-left:1em;}
.header-nav-left{flex:6;padding-left:.5em;font-size:1.5em;color:#fff;line-height:1.15em;}
.header-nav-left div{font-size:.75em;}
.header-nav-right{flex:2;text-align:right;padding:0 1em;color:#fff;font-size:1.25em;}
.header-nav-right:hover{cursor:pointer;}
.header-nav-right span{padding-left:.5em;}
@media screen and (max-width:800px) and (min-width:0){
.header-nav-left div{display:none;}
}
@media screen and (max-width:600px) and (min-width:0){
.header-nav-right{font-size:1.5em;}
.header-nav-right span{display:none;}
}


/* FOOTER */
.footer{min-height:100px;border-top:4px solid var(--dkblue);padding:.5em .5em;text-align:center;padding-top:1.5em;}
.footer-content{display:flex;justify-content: center;align-items: stretch;max-width:960px;margin:auto;box-sizing:border-box;}
.footer-content h1{font-family: "ddsbold", serif;font-size:24px;line-height:18px;font-weight:300;}
.footer-content h2{font-family: "ddsbold", serif;font-size:20px;line-height:18px;font-weight:200;padding-bottom:1em;}
.footer-content-col1{flex:4;}
.footer-content-col1-content1{display:flex;justify-content: center;align-items: stretch;margin:0 auto;}
.footer-content-col1-content2{padding:1em 0;}
.footer-content-col1-content2 h1{padding-bottom:.65em;}
.footer-content-col1 a:active, .footer-content-col1 a:visited, .footer-content-col1 a:hover, .footer-content-col1 a{color:#fff;}


.footer-content-col2-content{display:flex;justify-content: center;align-items: stretch;max-width:480px;margin:1em auto;}

.footer-content-col2{flex:6;padding-top:1em;margin-left:1em;border-left:2px dotted rgba(0, 100, 200, .4);padding-left:1em;}
.footer-content-col2 h1{color:var(--dkblue);}

.footer-content-col1-left, .footer-content-col1-right{display:flex;justify-content: center;align-items: center;}
.footer-content-col1-right{text-align:left;padding-left:1em;}
.footer-content-col1-right h1{font-size:2em;line-height:1.15em;color:var(--dkblue);}

.footer-content-service{padding:1em .5em;margin:0 .5em;background:rgba(255,255,255,.95);border-radius:.5em;font-weight:bold;transition: background 0.15s linear;box-sizing:border-box;display:block;width:60%;min-width:280px;border:2px solid var(--graylt);box-shadow:0 0 .25em .075em rgba(0,0,150,.125);}
.footer-content-service .footer-content-service-detail{display:block;width:auto;white-space:nowrap;padding:0;margin:0 .25em;text-align:center;color:#111;font-size:1.25em;line-height:1.15em;}

.footer-c{color:var(--dkblue);font-size:.9em;letter-spacing: .05em;border-top:2px rgba(0,100,200,.3);padding-top:1em;width:90%;max-width:480px;margin:1em auto;font-weight:bold;}
.footer-c a, .footer-c a:visited{color:var(--dkblue);font-weight:bold;}
.footer-c a:hover, .footer-c a:active{color:var(--dkblue);font-weight:bold;}

.footer-hr{border-bottom:2px solid rgba(0,100,200,.3);line-height:0;font-size:0;margin:1em auto;width:50%;}

.footer-drs{padding-bottom:1em;}
.footer-dr{font-size:1.15em;font-weight:bold;line-height:1.25em;color:var(--medblue);}

.footer-contacts{padding-top:1.5em;}
.footer-contact{margin:0;display:flex;justify-content: center;align-items: center;padding:0;}
.footer-contact-detail{color:var(--medblue);font-weight:bold;font-size:1.15em;}
.footer-contacts h1 a, .footer-contacts h1 a:visited, .footer-contacts h1 a:hover, .footer-contacts h1 a:active{color:var(--dkblue);}
.footer-contact-ico{margin:.5em;width:2em;display:flex;justify-content: center;align-items: center;padding:0;overflow:hidden;}
.footer-contact-ico img{width:100%;}
.footer-contact-icons{display:flex;max-width:240px;margin:0 auto;}

.footer-links{display:block;color:#aaa;padding:0 1em;}.footer-links img{width:100%;max-width:60px;padding-bottom:1em;}
@media screen and (max-width:640px) and (min-width:0){
.footer-content{flex-direction:column;}
.footer-content-col1, .footer-content-col2{flex:1;border:0;}
.footer-content-col2{padding-top:1em;padding-left:0;border-left:none;margin-left:0;}
}


/* standard button */
.sfd-btn{background:var(--dkblue);margin:auto;padding:.5em;font-size:1.25em;font-wieght:bold;color:#fff;font-weight:bold;border-radius:2em;}
.sfd-btn:hover{background:var(--ltblue);cursor:pointer;}
/* The Emergency Modal */
.emergency-modal {
  display: flex; position: fixed; 
  z-index: 999999999999999999999999999999999999999999; /* Sit on top */
  left: 0;top: 0;width: 100%; height: 100%; 
  overflow: auto;
  background-color: rgba(20,58,116,0.67); 
  display:none; /* hide after loading */
}

/* Modal Content */
.emergency-modal-content {
  position: relative;
  background-color: #c00;
  margin: auto;
  padding:0;
  width: 80%;max-width:600px;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s;
  text-align:center;
  border-radius:.5em;overflow: hidden;
  display:flex;flex-direction: column;
}

/* Add Animation */
@-webkit-keyframes animatetop {
  from {top:-300px; opacity:0} 
  to {top:0; opacity:1}
}

@keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}

/* The Close Button */
.emergencyclose {
  color: #ddd;
  font-size: 1.15em;
  font-weight: bold;
  border-radius:.25em;
  display:flex;align-items: center;justify-content: center;
  background:#333;
  text-align:center;
  padding:.5em .75em;box-sizing: border-box;
  width:auto;max-width:200px;margin:.5em auto;
}.emergencyclose-x{font-size:1.25em;background:#666;border-radius:50%;width:1.5em;padding-top:.15em;line-height:1.35em;color:#ccc;display:flex;justify-content:center;align-items: center;margin-left:.5em;font-family: 'ddsbold';}

.emergencyclose:hover,
.emergencyclose:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
  background:#444;
}

.emergency-modal-header {
  color: white;
  font-size:1.5em;line-height:1.5em;padding:.5em 0;
  font-family: 'ddsbold';
}

.emergency-modal-body {padding: 2px 16px;background:#fff;width:auto;color:#000;}
.emergency-modal-body a span{color:#222;font-family: 'ddsbold';color:#fff;}
.emergency-modal-footer {
  padding: 2px 16px;
  color: white;
}


/* HOME PAGE */
.header-body{border-bottom:3px solid rgba(0,40,90,.75);position:relative;box-shadow:0 .025em .35em .25em rgba(100,100,100,.35);border-top:1px solid #444;}
.header-logo{grid-column:1 / span 2;position:relative;}
.header-logo-box{background:rgba(255,255,255,.15);position:absolute;top:1em;width:110%;left:40%;aspect-ratio:1/1;border-radius:50%;background-image:url('/images/vector-logo-2023.png');background-size:cover;background-position: center center;z-index:1000000000;border:5px solid #fff;filter:drop-shadow(5px 5px 10px rgba(0,0,0,.25));}

.header-slideshow{grid-column:1 / span 12;position:relative;margin:0 .5em;}
.header-logo-title{grid-column:3 / span 9;width:90%;font-size:2.25em;color:#fff;font-family: "ddsbold", serif;font-weight:300;filter:drop-shadow(0 2px 2px rgba(0,0,0,.5));padding-left:0%;line-height:1.15em;display:flex;align-items: center;margin-top:1em;flex-direction:column;text-align:center;position:relative;z-index:1000000001;}

.header-logo-title .header-logo2{display:none;box-shadow:0 0 0 0 rgba(0,0,0,0,0);}
.header-logo-title .header-drs{font-size:.75em;line-height:1.25em;padding-top:.5em;}
@media screen and (max-width:1024px) and (min-width:0){
	.header-logo-title{font-size:1.85em;}
}
.header-menu{grid-column:12 / span 1;text-align:right;position:relative;}

.home-topmenu{position:absolute;right:1em;}
.home-topmenu-btn{z-index:2;background:var(--dkblue);display:inline-block;padding:.75em;font-family: "ddsbold", serif;font-size:1em;white-space: nowrap;border-radius:0 0 .35em .35em;color:rgba(255,255,255,.85)}
.home-topmenu-btn:hover{cursor:pointer;color:rgba(255,255,255,1)}
/* slideshow */


  .header-slideshow  .container {
        position: relative;
        width: auto;
       	aspect-ratio: 3 / 1 ;
        margin: 20px auto;
    }

 .header-slideshow   .slide {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        margin: 0;
        opacity: 0;
        transition: 1s ease-in-out;
        overflow-y: hidden;
		box-shadow:0 .25em .5em rgb(0,0,0,.35);
		display:flex;align-items: center;justify-content: center;flex-wrap: wrap;
		background-size:cover!important;
		background-position:center!important;
		
		
    }
 .header-slideshow   .slide img {
        width: 100%;
    }
	.header-slideshow a{z-index:100;}
 .header-slideshow .slide-btn{padding:.75em;border-radius:.15em;z-index:101;font-family:"ddsbold";font-size:1.5em;line-height:1.25em;max-width:640px!important;padding:1em;margin:auto;text-align: center;width:75%!important;background:rgb(23,61,110, .97);box-shadow:0 .125em .0625em .0625em rgba(0,0,0,.5);color:#fff;text-shadow:   0 0 2px rgba(0,0,0,.25),   0 0 6px rgba(0,0,0,.25),  0 0 10px rgba(0,0,0,.25);border-radius:.5em;border:.25em solid #fff;box-sizing:border-box;transition:background .15s}
 
  .header-slideshow .slide-btn:hover{background:rgb(10, 150, 210, .97);}
 .header-slideshow   button 
 {
        position: absolute;
        top: 50%;
        border: none;
        background: rgba(32, 26, 26, 0.527);
        color: rgb(243, 243, 243);
        padding:.5em 1em;
        margin-top: -25px;
        font-size: 20px;
        z-index: 1000;
		font-family:"ddsbold";
        transition: 0.25s ease-in-out;
		border-radius:.25em;
    }

  .header-slideshow  .prev {
        left: .25em;
    }  .header-slideshow  .prev:hover {background: rgba(32, 100, 100, 0.527);cursor:pointer;}

   .header-slideshow .next {
       right: .25em;
    }
.header-slideshow  .next:hover {background: rgba(32, 100, 100, 0.527);cursor:pointer;}

   .header-slideshow button:hover {
        background: rgba(32, 26, 26, 0.527);
    }

  .header-slideshow  .dots_container {
        display: flex;
        margin: 5px auto;
        width: fit-content;z-index:10000;
		position:absolute;top:20px;left: 0; 
  right: 0; 
  margin-left: auto; 
  margin-right: auto;
    }

  .header-slideshow  .dots {
        height: 12px;
        width: 12px;
        border-radius: 50%;
        background: #bdbdbd;
        margin: 4px;
    }

    .dots:hover {
        background: var(--mint) !important;cursor:pointer;
    }

.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.fa-angle-left:before {
  content: "<";
}.fa-angle-right:before {
 content: ">";
}




.home-header-menu{
	grid-column:2 / span 10;
	position:relative;margin:0 1em;font-family: "ddsbold", serif;font-size:24px;line-height:18px;font-weight:300;margin-top:-2em;display:flex;flex-wrap: wrap;}
.home-header-menu-box{flex: 25%;padding:.25em;box-sizing:border-box;}
.home-header-menu-box-content{
	aspect-ratio:4/3;
	display: flex;flex-direction:column;justify-content: center;align-items: center;
	text-align:center;
	background:var(--dkgray);
	box-shadow:0 .125em .25em .0625em  rgba(0,0,0,.125);
	border-bottom:5px solid var(--ltblue);
	box-sizing:border-box;
	transition: border 0.065s linear;
	cursor:pointer;transition: .4s filter linear, .4s -webkit-filter linear;flex-grow:1;padding:1em 0;}
	
	
.home-header-menu-box-content:hover{border-bottom:10px solid var(--mint);filter: brightness(105%);}
.home-header-menu-box-red{background:rgba(100,50,50,1);}

.home-header-menu-box1{background:#fff;background-image:url("/images/header-tooth1.jpg");background-size:cover;background-position:center center;}
.home-header-menu-box2{background:#fff;background-image:url("/images/header-tooth2.jpg");background-size:cover;background-position:center center;}
.home-header-menu-box3{background:#fff;background-image:url("/images/header-tooth3.jpg");background-size:cover;background-position:center center;}
.home-header-menu-box4{background:#fff;background-image:url("/images/header-tooth4.jpg");background-size:cover;background-position:center center;}

.home-header-menu a, .home-header-menu a:active, .home-header-menu a:hover, .home-header-menu a:visited{}

.home-header-menu-box-title{flex:1;display:flex;flex-direction:row;line-height:1.15em;color:var(--dkblue);align-items: center;justify-content: center;}
.home-header-menu-box-title img{width:1.5em; padding-right:.3em;}
.home-header-menu-box-desc{flex:1;display:flex;flex-direction:row;font-size:.75em;line-height:1.25em;color:#333;padding:0 1em;font-weight:bold;}


.home-about-us{margin:2em;}
.home-about-us span{font-weight:600;font-size:1.25em;}

.home-line{width:80%;margin:auto;border:1px solid rgba(100,100,100,.5);}

.home-content-grid{padding-top:1.5em;}
.home-content-box{grid-column:1 / span 4;padding:.5em;filter:brightness(99%);transition: .4s filter linear, .4s -webkit-filter linear;}
.home-content-box:hover{filter: brightness(102%)}
.home-content-box2{grid-column:5 / span 4;}
.home-content-box3{grid-column:9 / span 4;}
.home-content-box4{grid-column:1 / span 6;}
.home-content-box5{grid-column:7 / span 6;}
.home-content-moreblog{grid-column:1 / span 12;}


.home-content-box-content{display: flex;justify-content: center;align-items: center;height:200px;border:2px solid #ddd;background:#fff;position:relative;}

/* HOME ARTICLE LINKS */
.home-content-box-content2{display: flex;justify-content: center;align-items: center;height:200px;border:2px solid #ddd;background:#fff;position:relative;padding-left:calc(45% + 1em);padding-right:1em;padding-top:.75em;padding-bottom:.75em;}
.home-content-box-content2 h3{color:var(--dkblue);font-size:1.25em;line-height:1.15em;margin-bottom:.5em;font-family: "ddsbold";}
.home-content-box-content2 p{font-size:.9em;color:#333;}
.home-posts-img{position:absolute;top:0;left:0;height:100%;width:45%;filter: drop-shadow(-1px 1px 2px rgba(50, 50, 0, 0.25));transition: width 0.05s linear;}
.home-posts-img-arrow{position:absolute;top:-5px;left:0;height:calc(100% + 10px);width:100%;clip-path: polygon(0% 0%, 90% 0%, 100% 50%, 90% 100%, 0% 100%);display:flex; flex-direction: column;transition: .4s filter linear, .4s -webkit-filter linear;align-items: center;
        justify-content: center;text-align:center;padding-right:10%;box-sizing: border-box;font-family: "ddsbold";font-size:1.5em;color:#fff;text-shadow:0 0 .5em #333 inset;}

.home-posts-date{width:100%;display:block;padding-bottom:.5em;}
.home-posts-date img{width:100%;}
.home-posts-ico{width:75%;display:block;height:50%;border:1px solid #013;}
.home-content-box-content2:hover{cursor:pointer;}
.home-content-box-content2:hover .home-posts-img{width:46%;}
.home-content-box-content2:hover .home-posts-img .home-posts-img-arrow{filter:brightness(115%);}
.home-posts-more{padding:5px 10px;display:block;border-radius:5px;background:var(--ltblue);color:#fff;font-family:"ddsbold";text-align:center;margin-top:.5em;transition: background 0.05s linear;}
.home-content-box-content2:hover .home-posts-more{background:#393;}
.home-content-moreblog .home-content-box-content{height:auto;}

/* DEFAULT RWD */
@media screen and (max-width:1024px) and (min-width:0){
	.page-intro{text-align:center;}
}

/* Articles */
.articles-h2{font-weight:bold;font-size:1.5em;padding-bottom:.5em;}
.article-title{aspect-ratio:3/1;border:2px solid #025;margin:1em auto;width:calc(100%-2em);position:relative;background:#111;font-weight:bold;}
.article-title-img{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center center;filter: blur(8px);-webkit-filter: blur(2px);opacity:.8;}
.article-title-txt{  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,33,100, 0.75); /* Black w/opacity/see-through */
  color: white;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  width: 80%;
  padding: 1em;font-size:1.85em;line-height:1.15em;
  text-align: center;}
  @media screen and (max-width:720px){
   .article-title-txt{font-size:5vw;}
   .article-title{aspect-ratio:3/2;}
  }
.articles-container{width:auto;max-width:1200px;margin:auto;box-sizing:border-box;}
.article-not-found{margin:1em auto;width:80%;max-width:480px;border:2px solid #ccc;text-align:center;box-sizing:border-box;font-style:italic;font-size:2em;line-height:1.5em;background:#fff;}
.article-content{padding:1em;border:2px solid #ccc;background:#fff;}
.article-top-links{color:#fff;border-bottom:1px solid #999;padding:1em 1em;margin-top:1em;font-family: "ddsbold";display:flex;background:var(--dkblue);}
.article-top-links .article-top-author, .article-top-links .article-top-date{flex:50%;font-size:1.25em;}
.article-top-links .article-top-author{text-align:left;}
.article-top-links .article-top-date{text-align:right;color:#ddd;}
.article-content h1{font-size:1.75em;color:var(--dkblue);font-family: "ddsbold";text-align:center;padding:1em .5em;line-height:1.25em;}
.article-content p{font-size:1.25em;line-height:1.25em;padding-bottom:1em;max-width:800px;margin:auto;color:#333;text-indent: 2.5em;;text-align:justify;}
.article-content a{color:var(--dkblue);}
.article-content span{white-space: nowrap;}

/*article images */
.article-img-half-right{float:right;width:40%;text-align:center;padding:0 2em;box-sizing:border-box;}
.article-img-half-left{float:left;width:50%;text-align:center;padding:0 2em;box-sizing:border-box;}
.article-img-half-left img, .article-img-half-right img{width:100%;max-width:320px;padding-bottom:1em;}
@media screen and (max-width:720px) and (min-width:0){
.article-img-half-right, .article-img-half-left{float:none;width:auto;}
.article-img-half-left img, .article-img-half-right img{width:auto;max-width:90%;padding:1em;margin:auto;}
}

/*article side block */
.article-side-block-right, .article-side-block-left
{width:35%;text-align:center;padding:1em;box-sizing:border-box;font-weight:bold;margin:0 1em;background:var(--ltblue);color:#fff;border:2px solid var(--dkblue);font-size:1.15em;}
.article-side-block-right{float:right;}
.article-side-block-left{float:left;}
@media screen and (max-width:720px) and (min-width:0){
.article-side-block-right, .article-side-block-left{float:none;width:90%;margin:1em auto;}
}

.articles-table td{padding:.5em;}

.articles-list{ display: flex;flex-wrap: wrap;text-align:center;justify-content: center;}

.articles-list-preview{width:240px;margin:1em;border:2px solid #ccc;padding:1em;position:relative;padding-bottom:3em;}
.article-list-preview-date{background:var(--dkblue);padding:.5em;font-size:1.25em;font-weight:300;line-height:1.25em;margin-bottom:.25em;font-family:"ddsbold"}
.article-list-preview-month{text-align:center;color:#fff;}
.article-list-preview-year{text-align:center;color:#fff;}
.article-list-preview-title{color:var(--dkblue);font-family:'ddsbold';height:4.5em;display:flex;align-items: center;font-size:1.15em;border-bottom:1px solid #ccc;}
.article-list-preview-text{font-size:.9em;height:90px;padding-top:1em;color:#222;}
.article-read-more{padding:5px 10px;display:block;border-radius:5px;background:var(--ltblue);color:#fff;font-family:"ddsbold";text-align:center;margin-top:.5em;transition: background 0.05s linear;position:absolute;bottom:.5em;left:2.5%;width:95%;box-sizing:border-box;}
.articles-list-preview:hover {border:2px solid rgba(0,200,0,.5);}
.articles-list-preview:hover .article-read-more{background:#393;cursor:pointer}
@media screen and (max-width: 700px) {
	.article-top-links{flex-direction: column;}
	.article-top-links .article-top-author, .article-top-links .article-top-date{text-align:center;line-height:1.25em;font-size:1.35em;}
	.articles-h2{text-align:center;}
}

/* Services Page */
.services-content{grid-column:1 / span 12;padding:1em;}
.services-grid{width:100%;max-width:800px;margin:auto;display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;grid-gap: 1em;}
.services-grid-box{aspect-ratio: 2/1;display:flex;justify-content: center;align-items: center;text-align:center;font-family: "ddsbold";font-size:1.125em;line-height:1.25em;color:#333;text-shadow:0 0 .5em #333 inset;background:#fff;border:2px solid #ddd;flex-direction: column;position:relative;padding:.5em;box-sizing:border-box;}
.services-grid-box-more{padding:5px 10px;display:block;background:var(--ltblue);color:#fff;font-family:"ddsbold";text-align:center;margin-top:.5em;transition: background 0.05s linear;position:absolute;bottom:5%;width:90%;transition: background 0.05s linear;box-sizing:border-box;font-size:.85em;border-radius:5px;display:none;}
.services-grid-box:hover .services-grid-box-more{background:#393;}
.services-grid-box-title{padding:.5em;color:#fff;box-shadow:0 2px 2px 2px rgba(0,0,0,.05)}

/* HOME RWD */
@media screen and (max-width:1024px) and (min-width:0){
.home-posts-img{width:40%;}
.home-content-box-content2:hover .home-posts-img{width:41%;}
.home-content-box-content2{padding-left:calc(40% + 1em);}
.home-header-menu{align-items: stretch;}

.home-header-menu-box-content{padding:0;aspect-ratio:7/5;}
.home-header-menu-box{font-size:.9em;}
.home-header-menu-box-title{flex:1;}
.home-header-menu-box-desc{flex:1;line-height:1em;align-items:normal}
.home-content-box4{grid-column:2 / span 10;}
.home-content-box5{grid-column:2 / span 10;}
}
@media screen and (max-width:900px) and (min-width:0){
	.home-header-menu{max-width:600px;margin-left:auto;margin-right:auto;}
	.home-header-menu-box{flex: 50%;}
	.home-header-menu-box-content{aspect-ratio:7/4;}
	.home-header-services{aspect-ratio:20/5;}
	.home-header-menu-box-desc{max-width:275px;line-height:1em;}
	.header-slideshow  .container{aspect-ratio:2/1;}
}
@media screen and (max-width:800px) and (min-width:0){
	.home-header-menu{max-width:720px;margin-left:auto;margin-right:auto;}
	.home-header-menu-box{flex: 50%;}
	.home-header-menu-box-desc{max-width:275px;line-height:1em;}
	.header-slideshow  .container{aspect-ratio:2/1;}
}
@media screen and (max-width:720px) and (min-width:0){
.home-content-moreblog{grid-column:1 / span 12;}
.home-content-grid{width:90%;margin:auto;}
.home-content-box-content2{height:auto;}
.home-header-menu-box-content{aspect-ratio:4/3;}

.home-header-menu-box-top{flex:2;}
.home-header-menu-box-title{flex:1;}
.home-header-menu-box-desc{max-width:275px;line-height:1em;}


.home-content-box4{grid-column:1 / span 12;}
.home-content-box5{grid-column:1 / span 12;}
.home-header-services{aspect-ratio:20/5;}
.home-topmenu-btn{font-size:1em;padding:.65em;}
}
@media screen and (max-width:690px) and (min-width:0){
.header-logo{grid-column:1 / span 3;display:flex;align-items: center;justify-content: center;padding-top:1.5vw;padding-left:2em;}
.header-logo-box{position:static;}
.header-logo-title{padding-left:0;width:auto;grid-column:4 / span 6;font-size:1.5em;}
.home-topmenu-btn{padding:.35em .6em;border-radius:0 0 .15em .15em}
}
@media screen and (max-width:640px) and (min-width:0){
.home-content-box-content2{height:auto;padding-top:160px;padding-right:1.5em;padding-bottom:0;padding-left:1.5em;text-align:center;}
.home-posts-img{position:absolute;top:-5px;left:-5px;height:3em;width:calc(100% + 10px);}
.home-posts-img-arrow{position:absolute;top:-5px;left:0;height:150px;width:100%;clip-path: polygon(0% 0%, 100% 0%, 100% 95%, 50% 100%, 0% 95%);padding-right:0}
.home-posts-more{width:80%;margin:1em auto;}
.home-content-box-content2:hover .home-posts-img{width:calc(100% + 10px);}
.home-content-box-content2:hover .home-posts-img .home-posts-img-arrow{height:150px;top:-7px;}
.home-content-grid{max-width:360px;margin:auto;}
.home-header-menu-box-content{aspect-ratio:auto;padding:.5em 0;}
.home-header-menu-box{flex: 100%;box-sizing:border-box;}
.header-slideshow  .container{aspect-ratio:7 / 5;}
.home-header-menu-box-title{padding-bottom:.5em;}
.home-posts-date img{width:200px;}
.header-slideshow .slide-btn{width:55%!important;font-size:1.35em;border:3px solid #fff;}
.header-logo-box{position:static;}
}

@media screen and (max-width:480px) and (min-width:0){
.home-content-moreblog{grid-column:1 / span 12;}
.home-header-menu-box{flex: 100%;box-sizing:border-box;}
.home-header-menu-box-content{aspect-ratio:auto;}
.home-header-menu-box-title{flex:1;padding-top:.85em;}
.home-header-menu-box-desc{flex:1;line-height:1em;padding:.5em 0 1em 0;}
.header-logo{padding-left:0;}
.home-topmenu-btn{font-size:1.25em;}
.home-topmenu-btn span{display:none;}
.header-logo-title img{width:75%;}.header-logo-box{max-width:70px;border:3px solid #fff;}
}


@media screen and (max-width:540px) and (min-width:0){
.home-content-moreblog{grid-column:1 / span 12;}
}

/* SERVICES RWD */
@media screen and (max-width:960px) and (min-width:601px){
	.services-content{padding:1em;}
	.services-grid{width:100%;max-width:640px;grid-template-columns: 1fr 1fr 1fr;grid-gap:.6em}
}@media screen and (max-width:600px) and (min-width:480px){
	.services-content{padding:1em;}
	.services-grid{width:100%;max-width:480px;grid-template-columns: 1fr 1fr;grid-gap:.6em}
}@media screen and (max-width:479px) and (min-width:0){
	.services-content{padding:1em;}
	.services-grid{width:100%;max-width:360px;grid-template-columns: 1fr;grid-gap:.6em}
	.services-grid-box{aspect-ratio:4/1}
	.services-grid-box-more{width:50%;bottom:7.5%;}
	.article-content p{font-size:1.15em;text-indent:2em;}
}
/* STICKY STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.sticky-page-header {
height:auto;
  display:flex;
  align-items:center;
  width:100vw;
  padding:.25em .75em;
    text-align:center;
    left:0;
    border-left:0; font-family: "ddsbold";color:var(--dkblue);
    max-width:960px;margin:auto;
    box-sizing:border-box;}
.sticky-page-header .page-header-logo .page-header-logo-content {display:none;}
.sticky-page-header .page-header-menu{display:flex;width:100%; margin:auto;position:static;margin-bottom:0;justify-content: center;}
.sticky-page-header {
  font-size: 15px;
}
.sticky-page-header-container {
    position: fixed;
    top: 0;
    width: 100%;
    border-top: 1px solid #000;
    z-index: 999999;
    transition: all 1s;
    border-bottom:1px solid var(--dkblue);
    border-left:0;border-right:0;box-shadow:2px 0 .5em 0 rgba(0,0,0,.5);
    background:#000;
    box-sizing: border-box;
}
.sticky-page-header-hide {
    opacity:0;
    top:-100%;
}
.sticky-page-header-show {
    opacity:1;
    top:0;
}
.sticky-page-header-top{border-bottom:1px solid #00e;}
.sticky-page-header-menu{color:#400;right:0;display:flex;justify-content: center;align-content: center;align-items: center;font-weight:bold;border-bottom:1px solid  var(--medblue);border-top:3px solid #000;padding:2px;background:var(--dkblue);
/*
background: rgb(51,34,34);
background: -moz-linear-gradient(0deg, rgba(51,34,34,1) 50%, rgba(119,102,102,1) 255%);
background: -webkit-linear-gradient(0deg, rgba(51,34,34,1) 50%, rgba(119,102,102,1) 255%);
background: linear-gradient(0deg, rgba(51,34,34,1) 50%, rgba(119,102,102,1) 255%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#332222",endColorstr="#776666",GradientType=1); 
*/
}
.sticky-page-header-menu-link{flex-grow:1;box-sizing:border-box;text-align:center;padding:.5em 1em;font-size:1.15em;margin:2px 5px 5px 5px;border-radius:1em;color:#fff; background:var(--medblue);}
.sticky-page-header-menu-link:hover{color:#018;background:#fff;}
.sticky-page-header-menu-btn{display:flex;justify-content: center;align-content: center;align-items: center;cursor:pointer;z-index:10000;}
.sticky-page-header-menu-btn{margin-top:-1em;}
.sticky-page-header-sfd{flex-grow:3;text-align:left;}
.sticky-page-header-sfd div{font-size:1.35em;line-height:1.5em;white-space: nowrap;}
.sticky-page-header-contact{flex-grow:4;line-height:1.5em;padding-right:1.5em;padding-top:.5em;}
.sticky-page-header-menu-link6{background:#040;}

@media screen and (max-width:1200px){
    .sticky-page-header-menu-link1{display:none;}
    .sticky-page-header-menu-link2{display:none;}
    .sticky-page-header-menu-link3{display:none;}
    .sticky-page-header-contact{display:none;}
}@media screen and (max-width:960px){
    .sticky-page-header-menu-link4{display:none;}
}@media screen and (max-width:720px){
    .sticky-page-header-menu-link5{display:none;}
    .sticky-page-header-sfd div{font-size:1.15em;}
}@media screen and (max-width:520px){
    .sticky-page-header-menu{display:none;}.graygrad1{box-shadow:0 0 .125em .125em rgba(0,0,0,.5);}
    .sticky-page-header{font-size:.85em;}
    .drbreak{display:inline;}
    .drampersand{display:none;}
}
.header-container-flex {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;position:relative;
  flex-wrap: wrap;padding:0;margin:0;box-shadow:0 .125em .25em .125em rgba(0,0,0,.5);z-index:2;border-bottom:3px solid var(--dkblue);
}

.bg-trans-cross-fade {
  width: 100vw;max-width:2400px;margin:auto;
  position: relative;
  z-index: 1;
  background:#332211;
  aspect-ratio: 8 / 3;
}

.bg-trans-cross-fade .bg-layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-size: cover;
  background-position:center center;opacity:.8;
}

.bg-trans-cross-fade .bg-layer .fg-layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  background-size: cover;
  background-position: center  center;
  transition: opacity 2s;background-color: #0A1B5A;
}

.bg-trans-cross-fade .bg-layer .fg-layer::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

  
  opacity: 1;
  z-index: 4;
}

.bg-trans-cross-fade  .text-layer {
    position:relative;
  flex-direction: column;
  color: #fff;
  font-family: Calibri;
  font-size:calc(16px + 2vw);line-height:1.05em;font-weight:bold;
  padding:4em 1.5em;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  z-index: 5;text-shadow:0 0 .85em #000;}
.bg-trans-cross-fade .bg-layer .text-layer .text-layer-link a{color:#ffc;font-size:.6em;}
.bg-trans-cross-fade .bg-layer .text-layer .text-layer-link a:hover{color:#ff9;text-decoration:underline;}
@media screen and (max-width:960px)
    {
        .bg-trans-cross-fade .bg-layer .text-layer{font-size:2.5em;}
        .bg-trans-cross-fade .bg-layer .text-layer{left:0;right:0;}
    }
@media screen and (max-width:720px)
    {
        .bg-trans-cross-fade .bg-layer .text-layer{font-size:6vw;}
        .bg-trans-cross-fade .bg-layer .text-layer .text-layer-link{font-size:1.5em;}
    }
.graygrad1{background: #777777;border-bottom:2px solid #903;}
.info-layer-content-container{text-align:center;padding:0 1em;max-width:1600px;margin:auto;padding-bottom:1em;}
.info-layer-content{border-radius:1em;position:relative;z-index:100;box-shadow:0 .125em .5em 0 rgba(0,0,0,.25);width:auto;max-width:1140px;margin-left:auto;margin-right:auto;box-sizing: border-box;margin-bottom:1em;padding:.75em;padding-bottom:1em;}
.info-layer-content h1{font-size:2.5em;font-weight:bold;padding:.5em;color:var(--dkblue);}

.info-layer-content-rev{border-radius:1em;position:relative;z-index:100;width:auto;max-width:1140px;margin-left:auto;margin-right:auto;box-sizing: border-box;margin-bottom:1em;}
.info-layer-content-rev h1{font-size:2.5em;font-weight:bold;padding:.5em;color:#fff;}
.info-layer-content-rev h1:hover{font-size:2.5em;font-weight:bold;padding:.5em;color:#cff;}

.info-ask-blocks{width:100%;max-width:1600px;margin:auto;margin-bottom:1em;display:flex;flex-direction: row;flex-wrap: wrap;align-items:center;justify-content: center;}

.info-ask-block{ border:0;box-shadow:0 0 .0625em .125em rgba(0,0,0,.35);border-radius:.5em;position:relative;padding-bottom:2em;background:#fff;width:100%;max-width:320px;min-width:120px;margin:1.5em;}

.info-ask-block .info-ask-block-more{position:absolute;bottom:0;width:100%;padding:.5em;box-sizing: border-box;font-weight:bold;color:var(--dkblue);font-size:1.15em;}.info-ask-block .info-ask-block-more:hover{color:var(--ltblue);}

.info-ask-block-header{display:flex;align-content:center;align-items:center;justify-content:center;width:calc(100% + 6px);aspect-ratio: 2 / 1;margin-left:-3px;margin-top:-3px;box-sizing:border-box;background:#333;position:relative;}
.info-ask-block-header-txt{position:absolute;padding:1em;font-size:1.35em;font-weight:bold;line-height:1.15em;color:#fff;width:92%;height:100%;display:flex;align-content:center;align-items:center;justify-content:center;z-index:301;text-shadow:0 0 .5em rgba(0,0,0,.85);}
.info-ask-block-header-bg{position:absolute;width:100%;height:100%;background:rgba(0,0,0,0);z-index:300;border-bottom:2px solid #00c;opacity:.6;background-position:center center;background-size:cover;}
.info-ask-block-desc{padding:1em;font-size:1em;line-height:1.15em;color:#111;}

.info-ask-block:hover .info-ask-block-header{margin-top:-.5em;margin-bottom:calc(.5em - 3px);}
.info-ask-block:hover .info-ask-block-header .info-ask-block-header-bg{opacity:.9;}
.info-ask-block:hover .info-ask-block-header .info-ask-block-header-txt{text-shadow:0 0 .85em rgba(0,0,0,1);}
@media screen and (max-width:800px){
    .info-layer-content h1{font-size:6vw;}
    .info-layer-content-rev{font-size:.8em;}
}

@media screen and (max-width:720px){
    .info-ask-blocks{width:100%}
    .info-ask-block{max-width:320px;}
}

/* VIDEOS */
.sfd-latest-video{display:flex;max-width:960px;margin:0 auto;padding:1em;flex-wrap:wrap;background:#fff;border-radius:.5em;}
.sfd-latest-video-tn{flex:1;min-width:320px;background-size:contain;background-position: center center;background-repeat:no-repeat;border-radius:.75em;}
.sfd-latest-video-tn img{width:100%;border-radius:.5em;}
.sfd-latest-video-desc{border-radius:1em;flex:2;min-width:320px;padding:1em;text-align:left;color:#111!important;}
.sfd-latest-video-title{font-size:1.25em;line-height:1.25em;font-weight:bold;color:var(--dkblue);}
.sfd-latest-video:hover .sfd-latest-video-title{color:var(--ltblue);}
.sfd-latest-video:hover .sfd-latest-video-tn img{margin-top:-.125em;border-bottom:2px solid var(--ltblue);}