/* cmsms stylesheet: default_720 modified: 08/25/25 12:48:58 */
/* cmsms stylesheet: default_720 modified: 08/07/25 15:55:20 */
body {
      font-family: "Raleway", sans-serif;
      font-optical-sizing: auto;
      font-weight: 400;
      font-style: normal;
      font-size: 100%;
      line-height: 150%;
      color: #000000;
      margin:  0px;
      padding:  0px;
}

.outer {
    position: relative;
}

.inner {
    position: relative;
    width: 720px;
    margin: 0px auto;
}

.standardPadder {
    padding: 30px 0px;
}

.wideInner {
    position: relative;
    width: 720px;
    margin: 0px auto;
    top:  28px;
}

footer .wideInner {
    top:  0px;
    font-size: 80%;
}

#logo {
    position: absolute;
    left: 10px;
    top: 10px;
}

footer a:link, footer a:visited {
    color: #ffffff;
}

footer a:hover {
    color: #d38bc6;
}

#logo img {
    width: 100%;
    height: auto;
}

.columnContainer {
    /* display: flex; */
    /* gap: 20px; */
}

.column {
    flex: 1;
    /* background-color: #cccccc; */
    box-sizing: border-box;
    position: relative;
}

h1 {
    font-size: 160%;
    line-height: 120%;
    font-weight: 700;
    color: #000000;
    margin: 0px 0px 30px 0px;
}

h2 {
    font-size: 170%;
    line-height: 120%;
    font-weight: 400;
    color: #000000;
    margin: 0px 0px 30px 0px;
}

h3 {
    font-size: 150%;
    line-height: 120%;
    font-weight: 700;
    color: #000000;
    margin: 0px 0px 30px 0px;
}

h4 {
    font-size: 130%;
    line-height: 120%;
    font-weight: 400;
    color: #000000;
    margin: 0px 0px 30px 0px;
}

h5 {
    font-size: 110%;
    line-height: 120%;
    font-weight: 400;
    color: #000000;
    margin: 0px 0px 30px 0px;
}

h6 {
    font-size: 110%;
    line-height: 120%;
    font-weight: 400;
    color: #000000;
    margin: 0px 0px 30px 0px;
}

p {
    margin: 0px 0px 20px 0px;
}

a:link, a:visited {
    color: #6f2662;
    text-decoration: underline;
    font-weight:  500;
    transition: color 0.4s, background-color 0.4s;
}

a:hover {
    color: #2f3458;
    text-decoration: none;
}

a img {
    border: 0px;
}

#outerHeader {
    
position:  relative;
    
z-index: 2;
}

#innerHeader {

z-index: 2;
}

#innerHeader .logo {
    position: absolute;
    background-color: #464b73;
    left: 20px;
    top: 0px;
    width: 200px;
    height: 165px;
    text-align: center;
    box-sizing:  border-box;
    padding-top: 28px;
    box-sizing: border-box;
    padding: 20px 10px 10px 10px;
}

#innerHeader .logo img {
    max-width: 100%;height: auto;
}

#contacts {position:  absolute;top: 190px;text-align:  center;width:  240px;left:  20px;}

#contacts a:link, #contacts a:visited  {
    display: block;
    color: #ffffff;
    text-decoration: none;
}

#contacts a:hover  {
    color: #d38bc6
}

a.contactsPhone {font-weight: 800;text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.7);font-size: 208%;margin-bottom: 10px;}

a.contactsEmail {text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.7);font-weight:  600;font-size: 120%;}

#menuShow {
  position: absolute;
  top: 0px;
  right: 51px;
  width: 150px;
  height: 60px;
  box-sizing: border-box;
  padding: 17px 28px 0px 28px;
  background-color: #464b73;
  cursor: pointer;
}

#mobileMenuShow {display: none;}

.menuText {
  position: absolute;
  top: 16px;
  right: 28px;
  font-size: 120%;
  transition: color 0.4s;
  color: #ffffff;
}

#menuShow:hover .menuText {
  color: #d38bc6;  
}

.horizontalBar {
  display: block;
  background-color: #d38bc6;
  width: 30px;
  height: 4px;
  margin-bottom: 6px;
  transition: width 0.3s ease, background-color 0.3s ease;
}

#menuShow:hover .horizontalBar {
  width: 0;
}

#menuShow:hover .horizontalBar {
  animation: shrinkGrow 0.4s forwards;
  transition: background-color 0.4s;
}

@keyframes shrinkGrow {
  0% {
    width: 30px;
  }
  50% {
    width: 0;
  }
  51% {
    background-color: #ffffff;
  }
  100% {
    width: 30px;
    background-color: #ffffff;
  }
}

#topNavigation {display:  none;position:  absolute;width: 300px;background-color: #454b73;top: -28px;right: 0px;border-right: 30px solid #d38bc6;box-sizing: border-box;/* height: 609px; */}

#actualMenu {/* margin-left: 340px; */width: 560px;padding-top: 44px;}

#actualMenu ul {/* display: grid; *//* grid-template-columns: repeat(3, 1fr); *//* gap: 0px; *//* list-style-type: none; *//* padding: 0; */}

 #actualMenu ul li:first-child {
    grid-column: 1 / -1; /* Makes the first <li> span the full width of the grid */
}

#actualMenu ul li {
margin: 0px;padding: 0px; list-style: none;
}

#actualMenu ul li a:link, #actualMenu ul li a:visited {
    color: #ffffff;
    text-decoration:  none;
    display:  block;
    height: 35px;
} 

#actualMenu ul li ul {
display: block;
    padding-left: 10px
}

#actualMenu ul li ul li {

}

#actualMenu ul li ul li a:link, #actualMenu ul li ul li a:visited {
color: #d38bc6;
}

#actualMenu ul li a:hover, #actualMenu ul li ul li a:hover {
    color: #000000;
}

#theKnowledgeBase {
    display: none;
}


.keenanable {

}

.keenanable strong {
font-weight: 400;
}

.keenanable strong em {
font-style: initial;
    color: #d38bc6
}

.limeLinker {
    position: absolute;
    top: 28px;
    right: 28px;
    width: 114px;
}

.limeLinker  img {position: absolute;top: 7px;right: 0px;width: 100px;z-index: 1;height:  auto;}
.limeLinker  span {position: absolute; z-index:2;
                  font-size: 80%;
                  width: 100px}

#socialIcons {position:  absolute;right: 17px;top: 52px;line-height: 0px;width:  70px;text-align:  right;}

#socialIcons a:link, #socialIcons a:visited {display: block;width: 40px;height: 40px;-webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px;background-color: #464b73;text-align:  center;box-sizing: border-box;padding-top: 5px;margin-bottom: 18px;transition: margin-right 0.2s;margin-right:  0px;float:  right;overflow:  hidden;}

#socialIcons img {max-width: 30px;}

#socialIcons a:hover {
    margin-right: 10px;
}

#heroSection {height: 370px;padding-top: 28px;}

#otherHeroSection {
    height: 290px;
    padding-top: 28px;
}

#heroSection h2 {
    position: absolute;
    left: 300px;
    top: 160px;
    right: 60px;
    color:  #ffffff;
    font-weight: 800;
    text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.7);
    font-size: 180%;
    line-height: 120%;
}

#headerImage {
    position: absolute;
    line-height: 0;
    width: 720px;
    height: 370px;
    left: 50%;
    transform: translateX(-50%);
    overflow: hidden;
}

#headerImage img {position: absolute;left: 50%;transform: translateX(-50%); /* Center the image within the container */height: 100%;width: auto; /* Maintain the aspect ratio of the image */}

#otherHeaderImage  {
    position: absolute;
    line-height: 0;
    width: 980px;
    height: 290px;
    left: 50%;
    transform: translateX(-50%);
    overflow: hidden;
}

#otherHeaderImage img {position: absolute;left: 50%;transform: translateX(-50%); /* Center the image within the container */height: 550px;width: auto; /* Maintain the aspect ratio of the image */}



#sideStrip {position:  absolute;top:  0px;right:  0px;background-color: #d38bc6;width:  30px;height: 100%;}

#headerCtaButtons {
    position: absolute;
    top: 260px;
    left: 20px;
    right: 20px;
    justify-content: space-between; 
    align-items: center; 
}

.blockButton:first-child {
  margin-right: auto; /* Pushes the first link to the far left */
}

.rightGroup {
  display: none;
}

.ctaButtons {

}

.blockButton {
display:  block;
}

.buttonBank {
    flex-direction: row;
    display: flex;
    gap: 28px;
    height: 100px;
}

.buttonBank .blockButton:first-child {
margin-right: initial;
}

.buttonBank a.blockButton:link, .buttonBank a.blockButton:visited {/* flex: 0 0 50px; */width: 240px;height: 50px;text-align: center;text-decoration: none;box-sizing: border-box;padding: 10px;color: #ffffff;font-size: 120%;}

.buttonBank a.blueBack:hover {
    background-color: #d38bc6;
}

a.ctaButton:link, a.ctaButton:visited {width: 180px;/* height: 90px; */text-align:  center;text-decoration:  none;box-sizing: border-box;padding-top: 10px;margin-top: 0px;transition: margin-top 0.4s, background-color 0.4s !important;line-height: 120%;!i;!;}

a.ctaButton:hover {
    
}

a.ctaButton h5 {
    margin-bottom: 5px;
    font-weight: 800;
    font-size: 144%;
    margin-bottom: 0px;
}

a.ctaButton span {display: none;font-weight:  600;font-size: 105%;width: 160px;margin:  0px auto;}


.blueBack {
background-color: #2f3458;
    color: #ffffff;
}

a.blueBack:link, a.blueBack:visited {
background-color: #2f3458;
    transition: background-color 0.4s;
}

a.blueBack:hover {
    background-color: #ffffffa1;
}

a.blueBack:link h5, a.blueBack:visited h5 {
    color: #ffffff;
    transition: color 0.4s;
}

a.blueBack:hover h5 {
    color: #2f3458;
}

a.blueBack:link span, a.blueBack:visited span {
    transition: color 0.4s;
    color: #d38bc6;
}

a.blueBack:hover span {
    color: #2f3458;
}

a.whiteTransback:link, a.whiteTransback:visited {
border:  1px solid #000000;
background-color: #ffffffa1;
-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.55);
-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.55);
box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.55);
    color: #000000;
    transition: background-color 0.4s;
}

a.whiteTransback:hover {
    background-color: #2f3458c4;
    border-color: #00000078;
    -webkit-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.55);
-moz-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.55);
box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.55);

}

a.whiteTransback:link h5, a.whiteTransback:visited h5 {
    color: #2f3458;
    transition: color 0.4s;
}

a.whiteTransback:hover h5 {
    color: #d38bc6;
}

a.whiteTransback:link span, a.whiteTransback:visited span {
    transition: color 0.4s;
}

a.whiteTransback:hover span {
    color: #ffffff;
}

#mainContent {line-height:  180%;}

#mainContent .wideColumn {
    padding-bottom: 20px;
}

#mainContent .narrowColumn {
    flex: 0 0 400px;
}

.leftColumn {

}

.rightColumn {


}

#heroBox {box-sizing:  border-box;position:  relative;border:  1px solid #000000;padding: 28px;top: -20px;
         }

.keenanableIcon {position:  absolute;top: -20px;right: -26px;padding:  5px;background-color:  #ffffff;height: 60px;width: 65px;overflow: visible;}
.keenanableIcon img {
    position: absolute;
    top: 0px;
    right: 0px
}
.btn {

}

#midSection {

}

.narrowInner {width: 700px;margin:  0px auto;}

blockquote.quote {

text-align:  center;

padding: 0px;

margin:  0px;

font-size: 190%;

font-weight:  100;

font-style:  italic;

line-height: 150%;
}

.quote p {

margin-bottom:  0px;
}

.smallText {

font-size: 50%;

color:  #d38bc6;

font-style: initial;
}

#twoWays {width: 700px;margin:  0px auto;}

.twoWayBlueBack {

}

.aTwoWay {padding: 30px 0px;position: relative;width: 700px;margin: 0px auto;/* height: 325px; */}

.twoWayLeft {}

.twoWayLeft .twoWayCopy {
    padding: 30px 0px 0px 0px;
}

.twoWayBlue {
   background-color: #d2d5eb; 
}

.twoWayRight .twoWayCopy {}

.twoWayCopy a.whiteTransback:link, .twoWayCopy a.whiteTransback:visited {
    background-color: transparent;
    box-shadow:  none;
}

.twoWayRight .twoWayCopy a:link, .twoWayRight .twoWayCopy a:visited {
    /* margin-left: auto; */
}

.twoWayCopy a.whiteTransback:hover span {
    color: #000000;
}

.twoWayImage {

}

.twoWayImage img {width: 700px;height:  auto;}

.twoWayCopy {}

.clearBack {

}

.bigButton {

}

#outerFooter {

}

#footerRight {

}

#copyright {

}